@sanity/document-internationalization 0.3.6 → 0.3.7

package/lib/structure/index.js

@@ -21,7 +21,9 @@ var _possibleConstructorReturn = require('@babel/runtime/helpers/possibleConstru
 var _getPrototypeOf = require('@babel/runtime/helpers/getPrototypeOf');
 var React = require('react');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var ui = require('@sanity/ui');
+var styled = require('styled-components');
 var Preview = require('part:@sanity/base/preview');
 var _typeof = require('@babel/runtime/helpers/typeof');
 
@@ -43,6 +45,8 @@ var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultLegacy(_po
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultLegacy(_getPrototypeOf);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var Preview__default = /*#__PURE__*/_interopDefaultLegacy(Preview);
 var _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
 
@@ -1540,7 +1544,13 @@ var UiMessages = {
     orphanDocuments: 'orphaned translation document(s)',
     referenceBehaviorMismatch: 'document(s) with mismatched reference behaviors',
     baseLanguageMismatch: 'base document(s) with mismatched language field',
-    fix: 'Fix'
+    fix: 'Fix',
+    pendingTransactionDialog: {
+      header: 'Confirm pending transaction',
+      caution: 'Before continuing please review the transactions. Keep in mind, the translation maintenance functionality may remove or update many documents at once. It is recommended to back-up your dataset before performing data maintenance',
+      cancel: 'Cancel',
+      confirm: 'Confirm operation'
+    }
   },
   errors: {
     baseDocumentNotPublished: 'It looks like you have not published your base translation yet. When using strong references it is required to publish the base document before publishing any translated entries'
@@ -1841,45 +1851,6 @@ function getLanguageFromDocument(doc, config) {
   return (doc === null || doc === void 0 ? void 0 : doc[config.fieldNames.lang]) || config.base || null;
 }
 
-var BATCH_SIZE = 50;
-function batch(_x, _x2) {
-  return _batch.apply(this, arguments);
-}
-
-function _batch() {
-  _batch = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(input, fn) {
-    var batched, i;
-    return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            batched = ___default["default"].chunk(input, BATCH_SIZE);
-            i = 0;
-
-          case 2:
-            if (!(i < batched.length)) {
-              _context.next = 8;
-              break;
-            }
-
-            _context.next = 5;
-            return fn(batched[i]);
-
-          case 5:
-            i++;
-            _context.next = 2;
-            break;
-
-          case 8:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-  return _batch.apply(this, arguments);
-}
-
 var MaintenanceTabTypeSelector = function MaintenanceTabTypeSelector(_ref) {
   var value = _ref.value,
       onChange = _ref.onChange,
@@ -1987,7 +1958,7 @@ var useDocumentsInformation = function useDocumentsInformation(schema) {
             case 0:
               setPending(true);
               _context.next = 3;
-              return Promise.all([getLanguagesFromOption(config.languages), sanityClientRef.current.fetch("*[_type == $type && !(_id in path('drafts.**'))]{\n            _id,\n            _type,\n            ".concat(config.fieldNames.lang, ",\n            ").concat(config.fieldNames.references, ",\n            ").concat(config.fieldNames.baseReference, "\n          }"), {
+              return Promise.all([getLanguagesFromOption(config.languages), sanityClientRef.current.fetch("*[_type == $type && !(_id in path('drafts.**'))]", {
                 type: selectedSchema
               })]);
 
@@ -2011,7 +1982,7 @@ var useDocumentsInformation = function useDocumentsInformation(schema) {
     return function (_x) {
       return _ref.apply(this, arguments);
     };
-  }(), [pending, config, documents, sanityClientRef.current]);
+  }(), [config]);
   var documentsSummaryInformation = React__default["default"].useMemo(function () {
     var _config$fieldNames, _config$fieldNames2, _config$fieldNames3;
 
@@ -2136,302 +2107,132 @@ function split(arr, n) {
 function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var fixIdStructureMismatchDocuments = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(schema, documents) {
-    var config, sanityClient, refsFieldName, existingBaseDocumentIds, removeOldRefsTransaction;
-    return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            config = getConfig();
-            sanityClient = getSanityClient();
-            refsFieldName = config.fieldNames.references; // remove old refs
-
-            existingBaseDocumentIds = new Set(documents.map(function (d) {
-              return getBaseIdFromId(d._id);
-            }));
-            removeOldRefsTransaction = sanityClient.transaction();
-            existingBaseDocumentIds.forEach(function (id) {
-              removeOldRefsTransaction.patch(id, {
-                set: _defineProperty__default["default"]({}, refsFieldName, [])
-              });
-            });
-            _context2.next = 8;
-            return removeOldRefsTransaction.commit();
-
-          case 8:
-            _context2.next = 10;
-            return Promise.all(arraySplit(documents.filter(function (d) {
-              return d._id !== getBaseIdFromId(d._id);
-            }), 100).map( /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(documentsChunk) {
-                var transaction;
-                return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
-                  while (1) {
-                    switch (_context.prev = _context.next) {
-                      case 0:
-                        transaction = sanityClient.transaction();
-                        documentsChunk.forEach(function (d) {
-                          var baseId = getBaseIdFromId(d._id);
-                          var lang = getLanguageFromDocument(d, config);
-
-                          if (lang) {
-                            var newId = buildDocId(baseId, lang);
-                            transaction.createIfNotExists(_objectSpread$1(_objectSpread$1({}, d), {}, {
-                              _id: newId,
-                              _type: schema
-                            }));
-                            transaction["delete"](d._id); // patch base document with updated refs
-
-                            // patch base document with updated refs
-                            if (config.referenceBehavior !== ReferenceBehavior.DISABLED) {
-                              transaction.patch(baseId, {
-                                setIfMissing: _defineProperty__default["default"]({}, refsFieldName, [])
-                              });
-                              transaction.patch(baseId, {
-                                insert: {
-                                  after: "".concat(refsFieldName, "[-1]"),
-                                  items: [_objectSpread$1({
-                                    _key: lang
-                                  }, createSanityReference(newId, config.referenceBehavior === ReferenceBehavior.WEAK))]
-                                }
-                              });
-                            }
-                          }
-                        });
-                        _context.next = 4;
-                        return transaction.commit();
-
-                      case 4:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }
-                }, _callee);
-              }));
-
-              return function (_x3) {
-                return _ref2.apply(this, arguments);
-              };
-            }()));
+var fixIdStructureMismatchDocuments = function fixIdStructureMismatchDocuments(schema, documents) {
+  var config = getConfig();
+  var sanityClient = getSanityClient();
+  var refsFieldName = config.fieldNames.references; // remove old refs
 
-          case 10:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
+  var existingBaseDocumentIds = new Set(documents.map(function (d) {
+    return getBaseIdFromId(d._id);
   }));
-
-  return function fixIdStructureMismatchDocuments(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-var fixLanguageFields = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(schema, documents) {
-    var _config$fieldNames;
-
-    var sanityClient, config, langFieldName;
-    return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            sanityClient = getSanityClient();
-            config = getConfig(schema);
-            langFieldName = (_config$fieldNames = config.fieldNames) === null || _config$fieldNames === void 0 ? void 0 : _config$fieldNames.lang;
-            _context2.next = 5;
-            return Promise.all(documents.map( /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(d) {
-                var schemaObject, base, language;
-                return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
-                  while (1) {
-                    switch (_context.prev = _context.next) {
-                      case 0:
-                        schemaObject = getSchema(d._type);
-                        base = (_typeof__default["default"](schemaObject.i18n) === 'object' ? schemaObject.i18n.base : undefined) || config.base;
-
-                        if (d[langFieldName]) {
-                          _context.next = 6;
-                          break;
-                        }
-
-                        // @README keep the language from ID behavior
-                        // because in this case we expect the language field not to be available
-                        language = getLanguageFromId(d._id) || base;
-                        _context.next = 6;
-                        return sanityClient.patch(d._id, {
-                          set: _defineProperty__default["default"]({}, langFieldName, language)
-                        }).commit();
-
-                      case 6:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }
-                }, _callee);
-              }));
-
-              return function (_x3) {
-                return _ref2.apply(this, arguments);
-              };
-            }()));
-
-          case 5:
-          case "end":
-            return _context2.stop();
+  var removeOldRefsTransaction = sanityClient.transaction();
+  existingBaseDocumentIds.forEach(function (id) {
+    removeOldRefsTransaction.patch(id, {
+      set: _defineProperty__default["default"]({}, refsFieldName, [])
+    });
+  }); // create new document ids
+
+  var newDocumentTransactions = arraySplit(documents.filter(function (d) {
+    return d._id !== getBaseIdFromId(d._id);
+  }), 100).map(function (documentsChunk) {
+    var transaction = sanityClient.transaction();
+    documentsChunk.forEach(function (d) {
+      var baseId = getBaseIdFromId(d._id);
+      var lang = getLanguageFromDocument(d, config);
+
+      if (lang) {
+        var newId = buildDocId(baseId, lang);
+        transaction.createIfNotExists(_objectSpread$1(_objectSpread$1({}, d), {}, {
+          _id: newId,
+          _type: schema
+        }));
+        transaction["delete"](d._id); // patch base document with updated refs
+
+        if (config.referenceBehavior !== ReferenceBehavior.DISABLED) {
+          transaction.patch(baseId, {
+            setIfMissing: _defineProperty__default["default"]({}, refsFieldName, [])
+          });
+          transaction.patch(baseId, {
+            insert: {
+              after: "".concat(refsFieldName, "[-1]"),
+              items: [_objectSpread$1({
+                _key: lang
+              }, createSanityReference(newId, config.referenceBehavior === ReferenceBehavior.WEAK))]
+            }
+          });
         }
       }
-    }, _callee2);
-  }));
+    });
+    return transaction;
+  });
+  return [removeOldRefsTransaction].concat(_toConsumableArray__default["default"](newDocumentTransactions));
+};
 
-  return function fixLanguageFields(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
+var fixLanguageFields = function fixLanguageFields(schema, documents) {
+  var _config$fieldNames;
+
+  var sanityClient = getSanityClient();
+  var config = getConfig(schema);
+  var langFieldName = (_config$fieldNames = config.fieldNames) === null || _config$fieldNames === void 0 ? void 0 : _config$fieldNames.lang;
+  var transaction = sanityClient.transaction();
+  documents.forEach(function (d) {
+    var schemaObject = getSchema(d._type);
+    var base = (_typeof__default["default"](schemaObject.i18n) === 'object' ? schemaObject.i18n.base : undefined) || config.base;
+
+    if (!d[langFieldName]) {
+      // @README keep the language from ID behavior
+      // because in this case we expect the language field not to be available
+      var language = getLanguageFromId(d._id) || base;
+      transaction.patch(d._id, {
+        set: _defineProperty__default["default"]({}, langFieldName, language)
+      });
+    }
+  });
+  return transaction;
+};
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var fixTranslationRefs = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3(schema, baseDocuments, translatedDocuments) {
-    var sanityClient, config, refsFieldName;
-    return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            sanityClient = getSanityClient();
-            config = getConfig(schema);
-            refsFieldName = config.fieldNames.references;
-            _context3.next = 5;
-            return batch(baseDocuments, /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(chunk) {
-                var transaction;
-                return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
-                  while (1) {
-                    switch (_context2.prev = _context2.next) {
-                      case 0:
-                        transaction = sanityClient.transaction();
-                        chunk.map( /*#__PURE__*/function () {
-                          var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(d) {
-                            var translatedRefs, relevantTranslations;
-                            return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
-                              while (1) {
-                                switch (_context.prev = _context.next) {
-                                  case 0:
-                                    translatedRefs = [];
-                                    relevantTranslations = translatedDocuments.filter(function (dx) {
-                                      return getBaseIdFromId(dx._id) === d._id;
-                                    });
-
-                                    if (config.referenceBehavior !== ReferenceBehavior.DISABLED) {
-                                      translatedRefs = ___default["default"].compact(relevantTranslations.map(function (doc) {
-                                        var lang = getLanguageFromDocument(doc, config);
-                                        if (!lang) return null;
-                                        return _objectSpread({
-                                          _key: lang
-                                        }, createSanityReference(doc._id, config.referenceBehavior === ReferenceBehavior.WEAK));
-                                      }, {}));
-                                    }
-
-                                    transaction.patch(d._id, {
-                                      set: _defineProperty__default["default"]({}, refsFieldName, translatedRefs)
-                                    });
-
-                                  case 4:
-                                  case "end":
-                                    return _context.stop();
-                                }
-                              }
-                            }, _callee);
-                          }));
-
-                          return function (_x5) {
-                            return _ref3.apply(this, arguments);
-                          };
-                        }());
-                        _context2.next = 4;
-                        return transaction.commit();
-
-                      case 4:
-                      case "end":
-                        return _context2.stop();
-                    }
-                  }
-                }, _callee2);
-              }));
-
-              return function (_x4) {
-                return _ref2.apply(this, arguments);
-              };
-            }());
+var fixTranslationRefs = function fixTranslationRefs(schema, baseDocuments, translatedDocuments) {
+  var sanityClient = getSanityClient();
+  var config = getConfig(schema);
+  var refsFieldName = config.fieldNames.references;
+
+  var transactions = ___default["default"].chunk(baseDocuments, 50).map(function (chunk) {
+    var transaction = sanityClient.transaction();
+    chunk.forEach(function (d) {
+      var translatedRefs = [];
+      var relevantTranslations = translatedDocuments.filter(function (dx) {
+        return getBaseIdFromId(dx._id) === d._id;
+      });
 
-          case 5:
-          case "end":
-            return _context3.stop();
-        }
+      if (config.referenceBehavior !== ReferenceBehavior.DISABLED) {
+        translatedRefs = ___default["default"].compact(relevantTranslations.map(function (doc) {
+          var lang = getLanguageFromDocument(doc, config);
+          if (!lang) return null;
+          return _objectSpread({
+            _key: lang
+          }, createSanityReference(doc._id, config.referenceBehavior === ReferenceBehavior.WEAK));
+        }, {}));
       }
-    }, _callee3);
-  }));
 
-  return function fixTranslationRefs(_x, _x2, _x3) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-var fixOrphanedDocuments = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(basedocuments, translatedDocuments) {
-    var sanityClient;
-    return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            sanityClient = getSanityClient();
-            _context2.next = 3;
-            return Promise.all(translatedDocuments.map( /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(d) {
-                var base;
-                return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
-                  while (1) {
-                    switch (_context.prev = _context.next) {
-                      case 0:
-                        base = basedocuments.find(function (doc) {
-                          return d._id.startsWith(doc._id);
-                        });
-
-                        if (base) {
-                          _context.next = 4;
-                          break;
-                        }
-
-                        _context.next = 4;
-                        return sanityClient["delete"](d._id);
-
-                      case 4:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }
-                }, _callee);
-              }));
-
-              return function (_x3) {
-                return _ref2.apply(this, arguments);
-              };
-            }()));
+      transaction.patch(d._id, {
+        set: _defineProperty__default["default"]({}, refsFieldName, translatedRefs)
+      });
+    });
+    return transaction;
+  });
 
-          case 3:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }));
+  return transactions;
+};
 
-  return function fixOrphanedDocuments(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
+var fixOrphanedDocuments = function fixOrphanedDocuments(basedocuments, translatedDocuments) {
+  var sanityClient = getSanityClient();
+  var transaction = sanityClient.transaction();
+  translatedDocuments.forEach(function (d) {
+    var config = getConfig(d._type);
+    var base = basedocuments.find(function (doc) {
+      var _d$config$fieldNames$, _d$config$fieldNames$2;
+
+      return Array.isArray(d === null || d === void 0 ? void 0 : d[config.fieldNames.references]) && (d === null || d === void 0 ? void 0 : (_d$config$fieldNames$ = d[config.fieldNames.references]) === null || _d$config$fieldNames$ === void 0 ? void 0 : _d$config$fieldNames$.some(function (ref) {
+        return ref._ref === d._id;
+      })) || doc._id === (d === null || d === void 0 ? void 0 : (_d$config$fieldNames$2 = d[config.fieldNames.baseReference]) === null || _d$config$fieldNames$2 === void 0 ? void 0 : _d$config$fieldNames$2._ref);
+    });
+    if (!base) transaction["delete"](d._id);
+  });
+  return transaction;
+};
 
 var fixBaseLanguageMismatch = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(schema, basedocuments) {
@@ -2458,10 +2259,9 @@ var fixBaseLanguageMismatch = /*#__PURE__*/function () {
                 });
               }
             });
-            _context.next = 11;
-            return transaction.commit();
+            return _context.abrupt("return", transaction);
 
-          case 11:
+          case 10:
           case "end":
             return _context.stop();
         }
@@ -2474,65 +2274,30 @@ var fixBaseLanguageMismatch = /*#__PURE__*/function () {
   };
 }();
 
-var fixBaseDocumentRefs = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(schema, translatedDocuments) {
-    var config, sanityClient, baseRefFieldName, transaction;
-    return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            config = getConfig(schema);
-            sanityClient = getSanityClient();
-
-            if (!(config.referenceBehavior !== ReferenceBehavior.DISABLED)) {
-              _context2.next = 8;
-              break;
-            }
-
-            baseRefFieldName = config.fieldNames.baseReference;
-            transaction = sanityClient.transaction();
-            translatedDocuments.forEach( /*#__PURE__*/function () {
-              var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(d) {
-                var baseId;
-                return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
-                  while (1) {
-                    switch (_context.prev = _context.next) {
-                      case 0:
-                        if (!d[baseRefFieldName]) {
-                          baseId = getBaseIdFromId(d._id);
-                          transaction.patch(d._id, {
-                            set: _defineProperty__default["default"]({}, baseRefFieldName, createSanityReference(baseId, config.referenceBehavior === ReferenceBehavior.WEAK))
-                          });
-                        }
-
-                      case 1:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }
-                }, _callee);
-              }));
-
-              return function (_x3) {
-                return _ref2.apply(this, arguments);
-              };
-            }());
-            _context2.next = 8;
-            return transaction.commit();
-
-          case 8:
-          case "end":
-            return _context2.stop();
-        }
+var fixBaseDocumentRefs = function fixBaseDocumentRefs(schema, translatedDocuments) {
+  var config = getConfig(schema);
+  var sanityClient = getSanityClient();
+  var transaction = sanityClient.transaction();
+
+  if (config.referenceBehavior !== ReferenceBehavior.DISABLED) {
+    var baseRefFieldName = config.fieldNames.baseReference;
+    translatedDocuments.forEach(function (d) {
+      if (!d[baseRefFieldName]) {
+        var baseId = getBaseIdFromId(d._id);
+        transaction.patch(d._id, {
+          set: _defineProperty__default["default"]({}, baseRefFieldName, createSanityReference(baseId, config.referenceBehavior === ReferenceBehavior.WEAK))
+        });
       }
-    }, _callee2);
-  }));
+    });
+  }
 
-  return function fixBaseDocumentRefs(_x, _x2) {
-    return _ref.apply(this, arguments);
-  };
-}();
+  return transaction;
+};
 
+var _templateObject, _templateObject2, _templateObject3;
+var StyledCodeCard = styled__default["default"](ui.Card)(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  grid-column-start: 1;\n  grid-row-start: 1;\n"])));
+var StyledCode = styled__default["default"](ui.Code)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n  word-break: break-word;\n  white-space: break-spaces;\n"])));
+var StyledDownloadCodeFlex = styled__default["default"](ui.Flex)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\n  grid-column-start: 1;\n  grid-row-start: 1;\n"])));
 var MaintenanceTabContent = function MaintenanceTabContent() {
   var _React$useState = React__default["default"].useState(''),
       _React$useState2 = _slicedToArray__default["default"](_React$useState, 2),
@@ -2548,152 +2313,145 @@ var MaintenanceTabContent = function MaintenanceTabContent() {
       documentsSummaryInformation = _useDocumentsInformat.documentsSummaryInformation,
       fetchInformation = _useDocumentsInformat.fetchInformation;
 
-  var onSchemaTypeChange = React__default["default"].useCallback(function (schemaName) {
+  var _useState = React.useState(null),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      pendingTransactions = _useState2[0],
+      setPendingTransactions = _useState2[1];
+
+  var onSchemaTypeChange = React.useCallback(function (schemaName) {
     return setSelectedSchema(schemaName);
-  }, [selectedSchema]);
-  var handleOpen = React__default["default"].useCallback(function () {
+  }, []);
+  var handleOpen = React.useCallback(function () {
     return setSelectedSchema('');
-  }, [selectedSchema]);
-  var onFixIdStructureMismatchDocuments = React__default["default"].useCallback( /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
+  }, []);
+  var handleFixIdStructureMismatchDocuments = React.useCallback(function () {
+    setPendingTransactions(fixIdStructureMismatchDocuments(selectedSchema, documents));
+  }, [selectedSchema, documents]);
+  var handleFixMissingLanguageFields = React.useCallback(function () {
+    setPendingTransactions([fixLanguageFields(selectedSchema, documents)]);
+  }, [selectedSchema, documents]);
+  var handleFixTranslationRefs = React.useCallback(function () {
+    setPendingTransactions(fixTranslationRefs(selectedSchema, baseDocuments, translatedDocuments));
+  }, [selectedSchema, baseDocuments, translatedDocuments]);
+  var handleFixBaseDocumntRefs = React.useCallback(function () {
+    setPendingTransactions([fixBaseDocumentRefs(selectedSchema, translatedDocuments)]);
+  }, [selectedSchema, translatedDocuments]);
+  var handleFixOrphanDocuments = React.useCallback(function () {
+    setPendingTransactions([fixOrphanedDocuments(baseDocuments, translatedDocuments)]);
+  }, [baseDocuments, translatedDocuments]);
+  var handleFixReferenceBehaviorMismatch = React.useCallback(function () {
+    setPendingTransactions(fixTranslationRefs(selectedSchema, baseDocuments, translatedDocuments));
+  }, [selectedSchema, baseDocuments, translatedDocuments]);
+  var handleFixBaseLanguageMismatch = React.useCallback( /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee() {
     return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            setPending(true);
+            _context.t0 = setPendingTransactions;
             _context.next = 3;
-            return fixIdStructureMismatchDocuments(selectedSchema, documents);
+            return fixBaseLanguageMismatch(selectedSchema, baseDocuments);
 
           case 3:
-            _context.next = 5;
-            return fetchInformation(selectedSchema);
+            _context.t1 = _context.sent;
+            _context.t2 = [_context.t1];
+            (0, _context.t0)(_context.t2);
 
-          case 5:
+          case 6:
           case "end":
             return _context.stop();
         }
       }
     }, _callee);
-  })), [selectedSchema, documents, fetchInformation]);
-  var onFixMissingLanguageFields = React__default["default"].useCallback( /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2() {
-    return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            setPending(true);
-            _context2.next = 3;
-            return fixLanguageFields(selectedSchema, documents);
-
-          case 3:
-            _context2.next = 5;
-            return fetchInformation(selectedSchema);
-
-          case 5:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  })), [selectedSchema, documents, fetchInformation]);
-  var onFixTranslationRefs = React__default["default"].useCallback( /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
+  })), [selectedSchema, baseDocuments]);
+  var handleDownloadCode = React.useCallback(function () {
+    if (pendingTransactions) {
+      var json = JSON.stringify(pendingTransactions.map(function (transaction) {
+        return transaction.toJSON();
+      }), null, 2);
+      var blob = new Blob([json], {
+        type: 'application/json'
+      });
+      var url = URL.createObjectURL(blob);
+      var a = document.createElement('a');
+      a.href = url;
+      a.download = 'transactions.json';
+      a.style.display = 'none';
+      document.body.appendChild(a);
+      a.click();
+      URL.revokeObjectURL(url);
+    }
+  }, [pendingTransactions]);
+  var handleCancelPendingTransaction = React.useCallback(function () {
+    setPendingTransactions(null);
+  }, [setPendingTransactions]);
+  var handleConfirmPendingTransaction = React.useCallback( /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee3() {
     return _regeneratorRuntime__default["default"].wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
             setPending(true);
-            _context3.next = 3;
-            return fixTranslationRefs(selectedSchema, baseDocuments, translatedDocuments);
+            _context3.prev = 1;
+
+            if (!pendingTransactions) {
+              _context3.next = 8;
+              break;
+            }
 
-          case 3:
             _context3.next = 5;
-            return fetchInformation(selectedSchema);
+            return pendingTransactions.reduce( /*#__PURE__*/function () {
+              var _ref3 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee2(prev, transaction) {
+                return _regeneratorRuntime__default["default"].wrap(function _callee2$(_context2) {
+                  while (1) {
+                    switch (_context2.prev = _context2.next) {
+                      case 0:
+                        _context2.next = 2;
+                        return prev;
 
-          case 5:
-          case "end":
-            return _context3.stop();
-        }
-      }
-    }, _callee3);
-  })), [selectedSchema, baseDocuments, translatedDocuments, fetchInformation]);
-  var onFixBaseDocumntRefs = React__default["default"].useCallback( /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee4() {
-    return _regeneratorRuntime__default["default"].wrap(function _callee4$(_context4) {
-      while (1) {
-        switch (_context4.prev = _context4.next) {
-          case 0:
-            setPending(true);
-            _context4.next = 3;
-            return fixBaseDocumentRefs(selectedSchema, translatedDocuments);
+                      case 2:
+                        _context2.next = 4;
+                        return transaction.commit();
 
-          case 3:
-            _context4.next = 5;
-            return fetchInformation(selectedSchema);
+                      case 4:
+                      case "end":
+                        return _context2.stop();
+                    }
+                  }
+                }, _callee2);
+              }));
 
-          case 5:
-          case "end":
-            return _context4.stop();
-        }
-      }
-    }, _callee4);
-  })), [selectedSchema, translatedDocuments]);
-  var onFixOrphanDocuments = React__default["default"].useCallback( /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee5() {
-    return _regeneratorRuntime__default["default"].wrap(function _callee5$(_context5) {
-      while (1) {
-        switch (_context5.prev = _context5.next) {
-          case 0:
-            setPending(true);
-            _context5.next = 3;
-            return fixOrphanedDocuments(baseDocuments, translatedDocuments);
+              return function (_x, _x2) {
+                return _ref3.apply(this, arguments);
+              };
+            }(), Promise.resolve());
 
-          case 3:
-            _context5.next = 5;
+          case 5:
+            _context3.next = 7;
             return fetchInformation(selectedSchema);
 
-          case 5:
-          case "end":
-            return _context5.stop();
-        }
-      }
-    }, _callee5);
-  })), [selectedSchema, baseDocuments, translatedDocuments, fetchInformation]);
-  var onFixReferenceBehaviorMismatch = React__default["default"].useCallback( /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee6() {
-    return _regeneratorRuntime__default["default"].wrap(function _callee6$(_context6) {
-      while (1) {
-        switch (_context6.prev = _context6.next) {
-          case 0:
-            setPending(true);
-            _context6.next = 3;
-            return fixTranslationRefs(selectedSchema, baseDocuments, translatedDocuments);
+          case 7:
+            setPendingTransactions(null);
 
-          case 3:
-            _context6.next = 5;
-            return fetchInformation(selectedSchema);
+          case 8:
+            _context3.next = 13;
+            break;
 
-          case 5:
-          case "end":
-            return _context6.stop();
-        }
-      }
-    }, _callee6);
-  })), [selectedSchema, baseDocuments, translatedDocuments]);
-  var onFixBaseLanguageMismatch = React__default["default"].useCallback( /*#__PURE__*/_asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee7() {
-    return _regeneratorRuntime__default["default"].wrap(function _callee7$(_context7) {
-      while (1) {
-        switch (_context7.prev = _context7.next) {
-          case 0:
-            setPending(true);
-            _context7.next = 3;
-            return fixBaseLanguageMismatch(selectedSchema, baseDocuments);
+          case 10:
+            _context3.prev = 10;
+            _context3.t0 = _context3["catch"](1);
+            console.error(_context3.t0); // @TODO show error
 
-          case 3:
-            _context7.next = 5;
-            return fetchInformation(selectedSchema);
+          case 13:
+            _context3.prev = 13;
+            setPending(false);
+            return _context3.finish(13);
 
-          case 5:
+          case 16:
           case "end":
-            return _context7.stop();
+            return _context3.stop();
         }
       }
-    }, _callee7);
-  })), [selectedSchema, baseDocuments, fetchInformation]);
+    }, _callee3, null, [[1, 10, 13, 16]]);
+  })), [setPending, fetchInformation, selectedSchema, pendingTransactions]);
   return /*#__PURE__*/React__default["default"].createElement(ui.Container, {
     width: 1
   }, /*#__PURE__*/React__default["default"].createElement(ui.Stack, {
@@ -2712,38 +2470,91 @@ var MaintenanceTabContent = function MaintenanceTabContent() {
     pending: pending,
     count: documentsSummaryInformation.idStructureMismatch.length,
     labelName: "idStructureMismatch",
-    onClick: onFixIdStructureMismatchDocuments
+    onClick: handleFixIdStructureMismatchDocuments
   }), /*#__PURE__*/React__default["default"].createElement(MaintenanceTabResult, {
     pending: pending,
     count: documentsSummaryInformation.missingLanguageField.length,
     labelName: "missingLanguageField",
-    onClick: onFixMissingLanguageFields
+    onClick: handleFixMissingLanguageFields
   }), /*#__PURE__*/React__default["default"].createElement(MaintenanceTabResult, {
     pending: pending,
     count: documentsSummaryInformation.missingDocumentRefs.length,
     labelName: "missingDocumentRefs",
-    onClick: onFixTranslationRefs
+    onClick: handleFixTranslationRefs
   }), /*#__PURE__*/React__default["default"].createElement(MaintenanceTabResult, {
     pending: pending,
     count: documentsSummaryInformation.missingBaseDocumentRefs.length,
     labelName: "missingBaseDocumentRefs",
-    onClick: onFixBaseDocumntRefs
+    onClick: handleFixBaseDocumntRefs
   }), /*#__PURE__*/React__default["default"].createElement(MaintenanceTabResult, {
     pending: pending,
     count: documentsSummaryInformation.orphanDocuments.length,
     labelName: "orphanDocuments",
-    onClick: onFixOrphanDocuments
+    onClick: handleFixOrphanDocuments
   }), /*#__PURE__*/React__default["default"].createElement(MaintenanceTabResult, {
     pending: pending,
     count: documentsSummaryInformation.referenceBehaviorMismatch.length,
     labelName: "referenceBehaviorMismatch",
-    onClick: onFixReferenceBehaviorMismatch
+    onClick: handleFixReferenceBehaviorMismatch
   }), /*#__PURE__*/React__default["default"].createElement(MaintenanceTabResult, {
     pending: pending,
     count: documentsSummaryInformation.baseLanguageMismatch.length,
     labelName: "baseLanguageMismatch",
-    onClick: onFixBaseLanguageMismatch
-  })))));
+    onClick: handleFixBaseLanguageMismatch
+  })))), !!(pendingTransactions !== null && pendingTransactions !== void 0 && pendingTransactions.length) && /*#__PURE__*/React__default["default"].createElement(ui.Dialog, {
+    id: "confirm-pending-transactions",
+    width: 2,
+    header: UiMessages.translationsMaintenance.pendingTransactionDialog.header,
+    onClose: handleCancelPendingTransaction,
+    footer: /*#__PURE__*/React__default["default"].createElement(ui.Flex, {
+      padding: 3,
+      justify: "flex-end"
+    }, /*#__PURE__*/React__default["default"].createElement(ui.Grid, {
+      autoFlow: "column",
+      autoCols: "auto",
+      gap: 2
+    }, /*#__PURE__*/React__default["default"].createElement(ui.Button, {
+      tone: "default",
+      loading: pending,
+      disabled: pending,
+      text: UiMessages.translationsMaintenance.pendingTransactionDialog.cancel,
+      onClick: handleCancelPendingTransaction
+    }), /*#__PURE__*/React__default["default"].createElement(ui.Button, {
+      tone: "critical",
+      loading: pending,
+      disabled: pending,
+      text: UiMessages.translationsMaintenance.pendingTransactionDialog.confirm,
+      onClick: handleConfirmPendingTransaction
+    })))
+  }, /*#__PURE__*/React__default["default"].createElement(ui.Stack, {
+    padding: 3,
+    space: 3
+  }, /*#__PURE__*/React__default["default"].createElement(ui.Card, {
+    padding: 3,
+    radius: 2,
+    shadow: 1,
+    tone: "caution"
+  }, /*#__PURE__*/React__default["default"].createElement(ui.Text, {
+    size: 2
+  }, UiMessages.translationsMaintenance.pendingTransactionDialog.caution)), /*#__PURE__*/React__default["default"].createElement(ui.Grid, {
+    cols: 1
+  }, /*#__PURE__*/React__default["default"].createElement(StyledCodeCard, {
+    padding: 3,
+    radius: 2,
+    shadow: 1,
+    tone: "default"
+  }, /*#__PURE__*/React__default["default"].createElement(StyledCode, {
+    language: "json"
+  }, JSON.stringify(pendingTransactions.map(function (transaction) {
+    return transaction.toJSON();
+  }), null, 2))), /*#__PURE__*/React__default["default"].createElement(StyledDownloadCodeFlex, {
+    padding: 2,
+    justify: "flex-end",
+    align: "flex-start",
+    onClick: handleDownloadCode
+  }, /*#__PURE__*/React__default["default"].createElement(ui.Button, {
+    text: "Download"
+  }))))));
 };
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }