sanity-plugin-transifex 0.9.65 → 1.0.0

package/dist/sanity-plugin-transifex.cjs.development.js

@@ -4,17 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-var React = require('react');
-var React__default = _interopDefault(React);
-var ui = require('@sanity/ui');
+var sanityTranslationsTab = require('sanity-translations-tab');
+var sanityNaiveHtmlSerializer = require('sanity-naive-html-serializer');
 var sanityClient = _interopDefault(require('part:@sanity/base/client'));
-var schema = _interopDefault(require('part:@sanity/base/schema'));
-var blocksToHtml = require('@sanity/block-content-to-html');
-var blocksToHtml__default = _interopDefault(blocksToHtml);
-var Schema = _interopDefault(require('@sanity/schema'));
-var blockTools = _interopDefault(require('@sanity/block-tools'));
-
-var TranslationContext = /*#__PURE__*/React__default.createContext(null);
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
   try {
@@ -806,940 +798,17 @@ try {
 }
 });
 
-var LocaleCheckbox = function LocaleCheckbox(_ref) {
-  var locale = _ref.locale,
-      toggle = _ref.toggle;
-  return React__default.createElement(ui.Card, {
-    as: "label",
-    border: true,
-    radius: 1,
-    padding: 2
-  }, React__default.createElement(ui.Flex, {
-    align: "center"
-  }, React__default.createElement(ui.Checkbox, {
-    disabled: locale.enabled === false,
-    onChange: function onChange(event) {
-      var target = event.target;
-      toggle(locale.localeId, target.checked);
-    },
-    style: {
-      verticalAlign: 'top'
-    }
-  }), React__default.createElement(ui.Box, {
-    marginLeft: 3
-  }, React__default.createElement(ui.Stack, {
-    space: 2
-  }, React__default.createElement(ui.Text, {
-    size: 1,
-    weight: "semibold"
-  }, locale.description)))));
-};
-
-var NewTask = function NewTask(_ref2) {
-  var locales = _ref2.locales;
-
-  // Lets just stick to the canonical document id for keeping track of
-  // translations
-  var _React$useState = React__default.useState([]),
-      selectedLocales = _React$useState[0],
-      setSelectedLocales = _React$useState[1];
-
-  var _useState = React.useState(false),
-      isBusy = _useState[0],
-      setIsBusy = _useState[1];
-
-  var context = React.useContext(TranslationContext);
-
-  var toggleLocale = function toggleLocale(locale, selected) {
-    if (!selected) {
-      setSelectedLocales(selectedLocales.filter(function (l) {
-        return l === locale;
-      }));
-    } else if (!selectedLocales.includes(locale)) {
-      setSelectedLocales([].concat(selectedLocales, [locale]));
-    }
-  };
-
-  var createTask = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-      return runtime_1.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (context) {
-                _context.next = 3;
-                break;
-              }
-
-              console.error('Missing context');
-              return _context.abrupt("return");
-
-            case 3:
-              setIsBusy(true);
-              context.exportForTranslation(context.documentId).then(function (serialized) {
-                return context.adapter.createTask(context.documentId, serialized, context.transifexSecrets);
-              }).then(function () {
-                setIsBusy(false);
-              });
-
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    }));
-
-    return function createTask() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-
-  return React__default.createElement(ui.Box, null, React__default.createElement(ui.Text, {
-    as: "label",
-    weight: "semibold",
-    size: 1
-  }, "Select locales"), React__default.createElement(ui.Grid, {
-    marginTop: 2,
-    columns: [1, 1, 2, 3],
-    gap: 1,
-    paddingBottom: 2
-  }, (locales || []).map(function (l) {
-    return React__default.createElement(LocaleCheckbox, {
-      key: l.localeId,
-      locale: l,
-      toggle: function toggle(locale, checked) {
-        toggleLocale(locale, checked);
-      }
-    });
-  })), React__default.createElement(ui.Box, {
-    marginBottom: 5
-  }, React__default.createElement(ui.Button, {
-    onClick: createTask,
-    disabled: isBusy || !selectedLocales.length,
-    tone: "primary",
-    text: "Create new"
-  })));
-};
-
-var LanguageStatus = function LanguageStatus(_ref) {
-  var title = _ref.title,
-      progress = _ref.progress,
-      importFile = _ref.importFile;
-  var progressWrapperStyle = {
-    height: '5px',
-    border: '1px black solid',
-    width: 200
-  };
-  var progressStyle = {
-    height: '5px',
-    backgroundColor: 'green',
-    width: progress + "%"
-  };
-  return React__default.createElement(ui.Card, {
-    padding: 2
-  }, React__default.createElement(ui.Heading, null, title), React__default.createElement(ui.Flex, {
-    align: "center"
-  }, React__default.createElement(ui.Box, {
-    flex: 1
-  }, React__default.createElement(ui.Inline, null, React__default.createElement(ui.Box, {
-    style: progressWrapperStyle
-  }, React__default.createElement(ui.Box, {
-    style: progressStyle
-  }, "\xA0")), React__default.createElement(ui.Box, {
-    paddingLeft: 3
-  }, React__default.createElement(ui.Text, null, progress, " %")))), React__default.createElement(ui.Button, {
-    mode: "bleed",
-    onClick: function onClick() {
-      return importFile();
-    },
-    text: "Import",
-    tone: "positive"
-  })));
-};
-
-var TaskView = function TaskView(_ref) {
-  var task = _ref.task,
-      locales = _ref.locales;
-  var context = React.useContext(TranslationContext);
-  var toast = ui.useToast();
-
-  var _importFile = function importFile(localeId) {
-    if (!context) {
-      console.error('Missing context');
-      return;
-    }
-
-    context.adapter.getTranslation(task.taskId, localeId, context.transifexSecrets).then(function (record) {
-      if (record) {
-        context.importTranslation(localeId, record);
-      } else {
-        // TODO: Handle this in a toast
-        alert('Error getting the translated content!');
-      }
-    });
-  };
-
-  return React__default.createElement(ui.Card, {
-    padding: 2,
-    sizing: "border"
-  }, React__default.createElement(ui.Stack, {
-    space: 2
-  }, task.locales.map(function (localeTask) {
-    var reportPercent = localeTask.progress || 0;
-    var locale = locales.find(function (l) {
-      return l.localeId === localeTask.localeId;
-    });
-    return React__default.createElement(LanguageStatus, {
-      key: [task.taskId, localeTask.localeId].join('.'),
-      importFile: function importFile() {
-        _importFile(localeTask.localeId);
-
-        toast.push({
-          title: 'Hello',
-          status: 'info'
-        });
-      },
-      title: (locale == null ? void 0 : locale.description) || localeTask.localeId,
-      progress: reportPercent
-    });
-  })));
-};
-/*
-
-    <Skeleton isLoaded={!!details}>
-      <Box p={2} shadow="md" borderWidth="1px">
-        <Box>
-          <Grid>
-            <Text fontSize="xs">Overall progress</Text>
-          </Grid>
-        </Box>
-      </Box>
-    </Skeleton>
-*/
-
-/*
-import { SettingsView } from './Settings'
-*/
-
-var TranslationView = function TranslationView() {
-  var _useState = React.useState([]),
-      locales = _useState[0],
-      setLocales = _useState[1];
-
-  var _useState2 = React.useState(null),
-      task = _useState2[0],
-      setTask = _useState2[1];
-  /*
-  const [open, setOpen] = useState(false)
-  const onClose = useCallback(() => setOpen(false), [])
-  const onOpen = useCallback(() => setOpen(true), [])
-  */
-
-
-  var context = React.useContext(TranslationContext);
-  React.useEffect(function () {
-    function fetchData() {
-      return _fetchData.apply(this, arguments);
-    }
-
-    function _fetchData() {
-      _fetchData = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-        return runtime_1.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                if (context) {
-                  _context.next = 3;
-                  break;
-                }
-
-                console.error('Missing context');
-                return _context.abrupt("return");
-
-              case 3:
-                context.adapter.getLocales(context.transifexSecrets).then(setLocales).then(function () {
-                  return context.adapter.getTranslationTask(context.documentId, context.transifexSecrets);
-                }).then(setTask);
-
-              case 4:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-      return _fetchData.apply(this, arguments);
-    }
-
-    fetchData();
-  }, [context]);
-  return React__default.createElement(ui.Box, null, React__default.createElement(NewTask, {
-    locales: locales
-  }), task && React__default.createElement(TaskView, {
-    task: task,
-    locales: locales
-  }));
-};
-
-var client = /*#__PURE__*/sanityClient.withConfig({
-  apiVersion: '2021-03-25'
-});
-function useSecrets(id) {
-  var _useState = React.useState(true),
-      loading = _useState[0],
-      setLoading = _useState[1];
-
-  var _useState2 = React.useState(null),
-      secrets = _useState2[0],
-      setSecrets = _useState2[1];
-
-  React.useEffect(function () {
-    function fetchData() {
-      return _fetchData.apply(this, arguments);
-    }
-
-    function _fetchData() {
-      _fetchData = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-        return runtime_1.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                client.fetch('* [_id == $id][0]', {
-                  id: id
-                }).then(function (doc) {
-                  var result = {};
-
-                  for (var key in doc) {
-                    if (key[0] !== '_') {
-                      result[key] = doc[key];
-                    }
-                  }
-
-                  setSecrets(result);
-                  setLoading(false);
-                });
-
-              case 1:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-      return _fetchData.apply(this, arguments);
-    }
-
-    fetchData();
-  }, [id]);
-  return {
-    loading: loading,
-    secrets: secrets
-  };
-}
-
-var TranslationTab = function TranslationTab(props) {
-  var displayed = props.document.displayed;
-
-  var documentId = displayed._id.split('drafts.').pop();
-
-  var errors = [];
-  var importTranslationFunc = props.options.importTranslation;
-
-  if (!importTranslationFunc) {
-    errors.push('You need to provide an importTranslation function. See documentation.');
-  }
-
-  var importTranslation = function importTranslation(localeId, doc) {
-    return importTranslationFunc(documentId, localeId, doc);
-  };
-
-  var exportTranslationFunc = props.options.exportForTranslation;
-
-  if (!exportTranslationFunc) {
-    errors.push('You need to provide an exportForTranslation function. See documentation.');
-  }
-
-  var exportForTranslation = function exportForTranslation(id) {
-    return exportTranslationFunc(id);
-  };
-
-  var _useSecrets = useSecrets('transifex.secrets'),
-      loading = _useSecrets.loading,
-      secrets = _useSecrets.secrets;
-
-  var hasErrors = errors.length > 0;
-
-  if (loading || !secrets) {
-    return React__default.createElement("span", null, "Loading...");
-  } else if (!secrets) {
-    return React__default.createElement("span", null, "Can't find secrets for Transifex. Did you load them into this datastore?");
-  } else {
-    return React__default.createElement(ui.ThemeProvider, {
-      theme: ui.studioTheme
-    }, React__default.createElement(ui.Container, {
-      width: 1,
-      paddingTop: 4,
-      marginBottom: 0
-    }, React__default.createElement(ui.Layer, {
-      zOffset: 1000
-    }, React__default.createElement(ui.ToastProvider, null, hasErrors && errors.map(function (e) {
-      return React__default.createElement(ui.Text, null, e);
-    }), !hasErrors && React__default.createElement(TranslationContext.Provider, {
-      value: {
-        documentId: documentId,
-        adapter: props.options.adapter,
-        baseLanguage: props.options.baseLanguage,
-        transifexSecrets: secrets,
-        importTranslation: importTranslation,
-        exportForTranslation: exportForTranslation
-      }
-    }, React__default.createElement(TranslationView, null))))));
-  }
-};
-
-var defaultStopTypes = ['reference', 'date', 'datetime', 'file', 'geopoint', 'image', 'number', 'crop', 'hotspot', 'boolean'];
-var customSerializers = {
-  unknownType: function unknownType(props) {
-    return blocksToHtml.h('div', {
-      className: props.node._type
-    }, '');
-  },
-  types: {
-    block: function block(props) {
-      return blocksToHtml.h('p', {
-        id: props.node._key
-      }, props.children);
-    }
-  },
-  list: function list(props) {
-    var tag = props.type === 'bullet' ? 'ul' : 'ol';
-    return blocksToHtml.h(tag, {
-      id: props.key.replace('-parent', '')
-    }, props.children);
-  },
-  listItem: function listItem(props) {
-    var children = !props.node.style || props.node.style === 'normal' ? // Don't wrap plain text in paragraphs inside of a list item
-    props.children : // But wrap any other style in whatever the block serializer says to use
-    blocksToHtml.h(props.serializers.types.block, props, props.children);
-    return blocksToHtml.h('li', {
-      id: props.node._key
-    }, children);
-  }
-};
-var customDeserializers = {
-  types: {}
-};
-var customBlockDeserializers = [];
-
-var client$1 = /*#__PURE__*/sanityClient.withConfig({
-  apiVersion: 'v1'
-});
-var findLatestDraft = function findLatestDraft(documentId) {
-  var query = "*[_id match $id && (_id in path(\"drafts.*\") || _id in path(\"*\"))]";
-  var params = {
-    id: documentId
-  };
-  return client$1.fetch(query, params).then(function (docs) {
-    var _docs$find;
-
-    return (_docs$find = docs.find(function (doc) {
-      return doc._id.includes('draft');
-    })) != null ? _docs$find : docs[0];
-  });
-};
-
-var getSchema = function getSchema(name) {
-  return schema._original.types.find(function (s) {
-    return s.name === name;
-  });
-};
-
-var serializeDocument = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(documentId, translationLevel, baseLang, stopTypes, serializers) {
-    var doc, filteredObj, serializedFields, key, value;
-    return runtime_1.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (translationLevel === void 0) {
-              translationLevel = 'document';
-            }
-
-            if (baseLang === void 0) {
-              baseLang = 'en';
-            }
-
-            if (stopTypes === void 0) {
-              stopTypes = defaultStopTypes;
-            }
-
-            if (serializers === void 0) {
-              serializers = customSerializers;
-            }
-
-            _context.next = 6;
-            return findLatestDraft(documentId);
-
-          case 6:
-            doc = _context.sent;
-            filteredObj = {};
-
-            if (translationLevel === 'field') {
-              filteredObj = languageObjectFieldFilter(doc, baseLang);
-            } else {
-              filteredObj = fieldFilter(doc, getSchema(doc._type).fields, stopTypes);
-            }
-
-            serializedFields = {};
-
-            for (key in filteredObj) {
-              value = filteredObj[key];
-
-              if (typeof value === 'string') {
-                serializedFields[key] = value;
-              } else if (Array.isArray(value)) {
-                serializedFields[key] = serializeArray(value, key, stopTypes, serializers);
-              } else {
-                serializedFields[key] = serializeObject(value, key, stopTypes, serializers);
-              }
-            }
-
-            return _context.abrupt("return", {
-              name: documentId,
-              content: serializeObject(serializedFields, doc._type, stopTypes, serializers)
-            });
-
-          case 12:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function serializeDocument(_x, _x2, _x3, _x4, _x5) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-var languageObjectFieldFilter = function languageObjectFieldFilter(obj, baseLang) {
-  var filteredObj = {};
-
-  for (var key in obj) {
-    var value = obj[key];
-
-    if (value.hasOwnProperty(baseLang)) {
-      filteredObj[key] = {};
-      filteredObj[key][baseLang] = value[baseLang];
-    }
-  }
-
-  return filteredObj;
-};
-
-var fieldFilter = function fieldFilter(obj, objFields, stopTypes) {
-  var filteredObj = {};
-
-  var fieldFilter = function fieldFilter(field) {
-    if (field.localize === false) {
-      return false;
-    } else if (field.type.name === 'string' || field.type.name === 'text') {
-      return true;
-    } else if (Array.isArray(obj[field.name])) {
-      return true;
-    } else if (!stopTypes.includes(field.type.name)) {
-      return true;
-    }
-
-    return false;
-  };
-
-  var validFields = ['_key', '_type', '_id'].concat(objFields.filter(fieldFilter).map(function (field) {
-    return field.name;
-  }));
-  validFields.forEach(function (field) {
-    if (obj[field]) {
-      filteredObj[field] = obj[field];
-    }
-  });
-  return filteredObj;
-};
-
-var serializeArray = function serializeArray(fieldContent, fieldName, stopTypes, serializers) {
-  var validBlocks = fieldContent.filter(function (block) {
-    return !stopTypes.includes(block._type);
-  });
-  var filteredBlocks = validBlocks.map(function (block) {
-    var schema = getSchema(block._type);
-
-    if (schema) {
-      return fieldFilter(block, schema.fields, stopTypes);
-    } else {
-      return block;
-    }
-  });
-  var output = filteredBlocks.map(function (obj) {
-    return serializeObject(obj, null, stopTypes, serializers);
-  });
-  return "<div class=\"" + fieldName + "\">" + output.join() + "</div>";
-};
-
-var serializeObject = function serializeObject(obj, topFieldName, stopTypes, serializers) {
-  if (topFieldName === void 0) {
-    topFieldName = null;
-  }
-
-  if (stopTypes.includes(obj._type)) {
-    return '';
-  }
-
-  var hasSerializer = serializers.types && Object.keys(serializers.types).includes(obj._type);
-
-  if (hasSerializer) {
-    return blocksToHtml__default({
-      blocks: [obj],
-      serializers: serializers
-    });
-  }
-
-  var tempSerializers = {
-    types: {
-      block: serializers.types.block
-    }
-  };
-
-  if (obj._type !== 'span' && obj._type !== 'block') {
-    var innerHTML = '';
-    Object.entries(obj).forEach(function (_ref2) {
-      var fieldName = _ref2[0],
-          value = _ref2[1];
-      var htmlField = '';
-
-      if (!['_key', '_type', '_id'].includes(fieldName)) {
-        if (typeof value === 'string') {
-          var htmlRegex = /^</; //this field may have been recursively turned into html already.
-
-          htmlField = value.match(htmlRegex) ? value : "<span class=\"" + fieldName + "\">" + value + "</span>";
-        } else if (Array.isArray(value)) {
-          htmlField = serializeArray(value, fieldName, stopTypes, serializers);
-        } else {
-          var schema = getSchema(value._type);
-          var toTranslate = value;
-
-          if (schema) {
-            toTranslate = fieldFilter(value, schema.fields, stopTypes);
-          }
-
-          var objHTML = serializeObject(toTranslate, null, stopTypes, serializers);
-          htmlField = "<div class=" + fieldName + ">" + objHTML + "</div>";
-        }
-      }
-
-      innerHTML += htmlField;
-    });
-
-    if (!innerHTML) {
-      return '';
-    } //@ts-ignore
-
-
-    tempSerializers.types[obj._type] = function (props) {
-      var _topFieldName, _props$node$_key;
-
-      return blocksToHtml.h('div', {
-        className: (_topFieldName = topFieldName) != null ? _topFieldName : props.node._type,
-        id: (_props$node$_key = props.node._key) != null ? _props$node$_key : props.node._id,
-        innerHTML: innerHTML
-      });
-    };
-  }
-
-  var serializedBlock = '';
-
-  try {
-    serializedBlock = blocksToHtml__default({
-      blocks: [obj],
-      serializers: tempSerializers
-    });
-  } catch (err) {
-    console.debug("Had issues serializing block of type \"" + obj._type + "\". Please specify a serialization method for this block in your serialization config. Received error: " + err);
-  }
-
-  return serializedBlock;
-};
-
-var BaseDocumentSerializer = {
-  serializeDocument: serializeDocument,
-  fieldFilter: fieldFilter,
-  languageObjectFieldFilter: languageObjectFieldFilter,
-  serializeArray: serializeArray,
-  serializeObject: serializeObject
-};
-
-var noSchemaWarning = function noSchemaWarning(obj) {
-  return "WARNING: Unfortunately the deserializer may have issues with this field or object: " + obj.className + ".\n  If it's a specific type, you may need to declare  at the top level, or write a custom deserializer.";
-};
-
-var defaultSchema = /*#__PURE__*/Schema.compile({
-  name: 'default',
-  types: [{
-    type: 'object',
-    name: 'default',
-    fields: [{
-      name: 'block',
-      type: 'array',
-      of: [{
-        type: 'block'
-      }]
-    }]
-  }]
-});
-var blockContentType = /*#__PURE__*/defaultSchema.get('default').fields.find(function (field) {
-  return field.name === 'block';
-}).type;
-var deserializeDocument = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(documentId, serializedDoc, deserializers, blockDeserializers) {
-    return runtime_1.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            if (deserializers === void 0) {
-              deserializers = customDeserializers;
-            }
-
-            if (blockDeserializers === void 0) {
-              blockDeserializers = customBlockDeserializers;
-            }
-
-            return _context.abrupt("return", findLatestDraft(documentId).then(function (doc) {
-              return deserializeHTML(serializedDoc, schema.get(doc._type), deserializers, blockDeserializers);
-            }));
-
-          case 3:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function deserializeDocument(_x, _x2, _x3, _x4) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-var deserializeHTML = function deserializeHTML(html, target, deserializers, blockDeserializers) {
-  //parent node is always div with classname of field -- get its children
-  var HTMLnode = new DOMParser().parseFromString(html, 'text/html').body.children[0];
-
-  if (!HTMLnode) {
-    return {};
-  } //@ts-ignore
-
-
-  var output; //catch embedded object as a field -- not necessarily foolproof
-
-  if (HTMLnode.children.length === 1 && target && target.type && HTMLnode.children[0].className === target.type.name) {
-    HTMLnode = HTMLnode.children[0];
-  }
-
-  if (target && target.type && target.type.name && Object.keys(deserializers.types).includes(target.type.name)) {
-    var deserialize = deserializers.types[target.type.name];
-    output = deserialize(HTMLnode);
-  } else {
-    var children = Array.from(HTMLnode.children);
-    output = target && target.type && target.type.hasOwnProperty('of') ? [] : {};
-    children.forEach(function (child) {
-      var deserializedObj; //allow for custom deserialization
-
-      if (Object.keys(deserializers.types).includes(child.className)) {
-        var _deserialize = deserializers.types[child.className];
-        deserializedObj = _deserialize(child);
-      } //flat string, it's an unrich field
-      else if (child.tagName.toLowerCase() === 'span') {
-          deserializedObj = child.innerHTML;
-        } //has specific class name, so it's either a field or obj
-        else if (child.className) {
-            var objType;
-
-            if (target.fields) {
-              objType = target.fields.find(function (field) {
-                return field.name === child.className;
-              });
-            }
-
-            if (!objType && schema.get(child.className)) {
-              objType = schema.get(child.className);
-            }
-
-            if (!objType) {
-              console.debug(noSchemaWarning(child));
-              objType = blockContentType;
-            }
-
-            try {
-              deserializedObj = deserializeHTML(child.outerHTML, objType, deserializers, blockDeserializers);
-            } catch (err) {
-              console.debug(err);
-
-              try {
-                deserializedObj = deserializeHTML(child.outerHTML, schema.get('object'), deserializers, blockDeserializers);
-              } catch (err) {
-                console.debug("Tried to deserialize block of type " + child.className + " but failed! Received error " + err);
-              }
-            } // @ts-ignore
-
-
-            if (Array.isArray(output) && deserializedObj) {
-              deserializedObj._type = child.className;
-              deserializedObj._key = child.id;
-            }
-          } else {
-            deserializedObj = blockTools.htmlToBlocks(child.outerHTML, blockContentType, {
-              rules: blockDeserializers
-            })[0];
-            deserializedObj._key = child.id;
-          } // @ts-ignore
-
-
-      if (Array.isArray(output)) {
-        output.push(deserializedObj);
-      } else {
-        // @ts-ignore
-        output[child.className] = deserializedObj;
-      }
-    });
-  }
-
-  return output;
-};
-
-var BaseDocumentDeserializer = {
-  deserializeDocument: deserializeDocument,
-  deserializeHTML: deserializeHTML
-};
-
-var client$2 = /*#__PURE__*/sanityClient.withConfig({
-  apiVersion: '2021-03-25'
-});
-
-var fieldLevelPatch = function fieldLevelPatch(translatedFields, documentId, localeId, baseLang) {
-  if (baseLang === void 0) {
-    baseLang = 'en';
-  }
-
-  return findLatestDraft(documentId).then(function (doc) {
-    var merged = {};
-
-    for (var field in translatedFields) {
-      var translatedVal = translatedFields[field][baseLang];
-      var origVal = doc[field][baseLang];
-      merged[field] = doc[field];
-      var valToPatch = void 0;
-
-      if (typeof translatedVal === 'string') {
-        valToPatch = translatedVal;
-      } else if (Array.isArray(translatedVal)) {
-        valToPatch = reconcileArray(origVal != null ? origVal : [], translatedVal);
-      } else {
-        valToPatch = reconcileObject(origVal != null ? origVal : {}, translatedVal);
-      }
-
-      merged[field][localeId] = valToPatch;
-    }
-
-    client$2.patch(doc._id).set(merged).commit();
-  });
-};
-
-var documentLevelPatch = function documentLevelPatch(translatedFields, documentId, localeId) {
-  /* try whatever existing draft of this doc exists first --
-   *  If user has created the i18n version, use that. If not,
-   *  make it from the existing draft
-   */
-  return findLatestDraft("i18n." + documentId + "." + localeId).then(function (doc) {
-    if (!doc) {
-      return findLatestDraft(documentId);
-    } else {
-      return doc;
-    }
-  }).then(function (doc) {
-    var merged = reconcileObject(doc, translatedFields);
-    merged._id = "drafts.i18n." + documentId + "." + localeId;
-    merged._lang = localeId;
-    client$2.createOrReplace(merged);
-  });
-};
-
-var reconcileArray = function reconcileArray(origArray, translatedArray) {
-  //deep copy needed for field level patching
-  var combined = JSON.parse(JSON.stringify(origArray));
-  translatedArray.forEach(function (block) {
-    if (!block._key) {
-      return;
-    }
-
-    var foundBlockIdx = origArray.findIndex(function (origBlock) {
-      return origBlock._key === block._key;
-    });
-
-    if (foundBlockIdx < 0) {
-      console.log("This block no longer exists on the original document. Was it removed? " + block._key);
-    } else if (origArray[foundBlockIdx]._type === 'block' || origArray[foundBlockIdx]._type === 'span') {
-      combined[foundBlockIdx] = block;
-    } else if (Array.isArray(origArray[foundBlockIdx])) {
-      combined[foundBlockIdx] = reconcileArray(origArray[foundBlockIdx], block);
-    } else {
-      combined[foundBlockIdx] = reconcileObject(origArray[foundBlockIdx], block);
-    }
-  });
-  return combined;
-};
-
-var reconcileObject = function reconcileObject(origObject, translatedObject) {
-  var updatedObj = JSON.parse(JSON.stringify(origObject));
-  Object.entries(translatedObject).forEach(function (_ref) {
-    var key = _ref[0],
-        value = _ref[1];
-
-    if (!value || key[0] === '_') {
-      return;
-    }
-
-    if (typeof value === 'string') {
-      updatedObj[key] = value;
-    } else if (Array.isArray(value)) {
-      var _origObject$key;
-
-      updatedObj[key] = reconcileArray((_origObject$key = origObject[key]) != null ? _origObject$key : [], value);
-    } else {
-      var _origObject$key2;
-
-      updatedObj[key] = reconcileObject((_origObject$key2 = origObject[key]) != null ? _origObject$key2 : {}, value);
-    }
-  });
-  return updatedObj;
-};
-
-var BaseDocumentPatcher = {
-  fieldLevelPatch: fieldLevelPatch,
-  documentLevelPatch: documentLevelPatch,
-  reconcileArray: reconcileArray,
-  reconcileObject: reconcileObject
-};
-
 var baseTransifexUrl = 'https://rest.api.transifex.com';
 
 var getHeaders = function getHeaders(secrets) {
   return {
-    Authorization: "Bearer " + secrets.token,
+    Authorization: "Bearer " + (secrets == null ? void 0 : secrets.token),
     'Content-Type': 'application/vnd.api+json'
   };
 };
 
 var projOrgSlug = function projOrgSlug(secrets) {
-  return "o:" + secrets.organization + ":p:" + secrets.project;
+  return "o:" + (secrets == null ? void 0 : secrets.organization) + ":p:" + (secrets == null ? void 0 : secrets.project);
 };
 
 var getLocales = /*#__PURE__*/function () {
@@ -1814,7 +883,7 @@ var getTranslationTask = /*#__PURE__*/function () {
                 locales: res.data.map(function (locale) {
                   return {
                     localeId: locale.relationships.language.data.id.split(':')[1],
-                    progress: Math.floor(100 * (locale.attributes.translated_strings / parseFloat(locale.attributes.total_strings)))
+                    progress: Math.floor(100 * (locale.attributes.reviewed_strings / parseFloat(locale.attributes.total_strings)))
                   };
                 })
               };
@@ -1906,7 +975,9 @@ var createResource = /*#__PURE__*/function () {
 }();
 
 var createTask = /*#__PURE__*/function () {
-  var _ref4 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4(documentId, document, secrets) {
+  var _ref4 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4(documentId, document, //unfortunately Transifex doesn't let you specify locales on creating a task
+  //@ts-ignore
+  localeIds, secrets) {
     var resourceId, resourceUploadUrl, resourceUploadBody;
     return runtime_1.wrap(function _callee4$(_context4) {
       while (1) {
@@ -1970,7 +1041,7 @@ var createTask = /*#__PURE__*/function () {
     }, _callee4);
   }));
 
-  return function createTask(_x7, _x8, _x9) {
+  return function createTask(_x7, _x8, _x9, _x10) {
     return _ref4.apply(this, arguments);
   };
 }();
@@ -2040,7 +1111,7 @@ var getTranslation = /*#__PURE__*/function () {
     }, _callee5);
   }));
 
-  return function getTranslation(_x10, _x11, _x12) {
+  return function getTranslation(_x11, _x12, _x13) {
     return _ref5.apply(this, arguments);
   };
 }();
@@ -2063,7 +1134,7 @@ var handleFileDownload = /*#__PURE__*/function () {
     }, _callee6);
   }));
 
-  return function handleFileDownload(_x13) {
+  return function handleFileDownload(_x14) {
     return _ref6.apply(this, arguments);
   };
 }();
@@ -2075,36 +1146,320 @@ var TransifexAdapter = {
   getTranslation: getTranslation
 };
 
+var client = /*#__PURE__*/sanityClient.withConfig({
+  apiVersion: '2021-03-25'
+}); //document fetch
+
+var findLatestDraft = function findLatestDraft(documentId, ignoreI18n) {
+  if (ignoreI18n === void 0) {
+    ignoreI18n = true;
+  }
+
+  //eliminates i18n versions
+  var query = "*[_id match $id " + (ignoreI18n ? ' && (_id in path("drafts.*") || _id in path("*"))' : '') + "]";
+  var params = {
+    id: "*" + documentId
+  };
+  return client.fetch(query, params).then(function (docs) {
+    var _docs$find;
+
+    return (_docs$find = docs.find(function (doc) {
+      return doc._id.includes('draft');
+    })) != null ? _docs$find : docs[0];
+  });
+}; //revision fetch
+
+var findDocumentAtRevision = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(documentId, rev) {
+    var dataset, baseUrl, url, revisionDoc;
+    return runtime_1.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            dataset = client.config().dataset;
+            baseUrl = "/data/history/" + dataset + "/documents/" + documentId + "?revision=" + rev;
+            url = client.getUrl(baseUrl);
+            _context.next = 5;
+            return fetch(url, {
+              credentials: 'include'
+            }).then(function (req) {
+              return req.json();
+            }).then(function (req) {
+              return req.documents[0];
+            });
+
+          case 5:
+            revisionDoc = _context.sent;
+
+            if (!(!revisionDoc || revisionDoc._rev !== rev)) {
+              _context.next = 12;
+              break;
+            }
+
+            baseUrl = "/data/history/" + dataset + "/documents/drafts." + documentId + "?revision=" + rev;
+            url = client.getUrl(baseUrl);
+            _context.next = 11;
+            return fetch(url, {
+              credentials: 'include'
+            }).then(function (req) {
+              return req.json();
+            }).then(function (req) {
+              return req.documents[0];
+            });
+
+          case 11:
+            revisionDoc = _context.sent;
+
+          case 12:
+            return _context.abrupt("return", revisionDoc);
+
+          case 13:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function findDocumentAtRevision(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}(); //document-level patch
+
+var documentLevelPatch = /*#__PURE__*/function () {
+  var _ref2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(documentId, translatedFields, localeId) {
+    var baseDoc, merged, targetId, i18nDoc, cleanedMerge;
+    return runtime_1.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!translatedFields._rev) {
+              _context2.next = 6;
+              break;
+            }
+
+            _context2.next = 3;
+            return findDocumentAtRevision(documentId, translatedFields._rev);
+
+          case 3:
+            baseDoc = _context2.sent;
+            _context2.next = 9;
+            break;
+
+          case 6:
+            _context2.next = 8;
+            return findLatestDraft(documentId);
+
+          case 8:
+            baseDoc = _context2.sent;
+
+          case 9:
+            merged = sanityNaiveHtmlSerializer.BaseDocumentMerger.documentLevelMerge(translatedFields, baseDoc);
+            targetId = "i18n." + documentId + "." + localeId;
+            _context2.next = 13;
+            return findLatestDraft(targetId, false);
+
+          case 13:
+            i18nDoc = _context2.sent;
+
+            if (i18nDoc) {
+              cleanedMerge = {}; //don't overwrite any existing values on the i18n doc
+
+              Object.entries(merged).forEach(function (_ref3) {
+                var key = _ref3[0],
+                    value = _ref3[1];
+
+                if (Object.keys(translatedFields).includes(key) && !['_id', '_rev', '_updatedAt'].includes(key)) {
+                  cleanedMerge[key] = value;
+                }
+              });
+              client.transaction() //@ts-ignore
+              .patch(i18nDoc._id, function (p) {
+                return p.set(cleanedMerge);
+              }).commit();
+            } else {
+              merged._id = "drafts." + targetId; //account for legacy implementations of i18n plugin lang
+
+              if (baseDoc._lang) {
+                merged._lang = localeId;
+              } else if (baseDoc.__i18n_lang) {
+                merged.__i18n_lang = localeId;
+              }
+
+              client.create(merged);
+            }
+
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function documentLevelPatch(_x3, _x4, _x5) {
+    return _ref2.apply(this, arguments);
+  };
+}(); //field level patch
+
+var fieldLevelPatch = /*#__PURE__*/function () {
+  var _ref4 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3(documentId, translatedFields, localeId) {
+    var baseDoc, merged;
+    return runtime_1.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!translatedFields._rev) {
+              _context3.next = 6;
+              break;
+            }
+
+            _context3.next = 3;
+            return findDocumentAtRevision(documentId, translatedFields._rev);
+
+          case 3:
+            baseDoc = _context3.sent;
+            _context3.next = 9;
+            break;
+
+          case 6:
+            _context3.next = 8;
+            return findLatestDraft(documentId);
+
+          case 8:
+            baseDoc = _context3.sent;
+
+          case 9:
+            merged = sanityNaiveHtmlSerializer.BaseDocumentMerger.fieldLevelMerge(translatedFields, baseDoc, localeId, 'en');
+            client.patch(baseDoc._id).set(merged).commit();
+
+          case 11:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  }));
+
+  return function fieldLevelPatch(_x6, _x7, _x8) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+
 var defaultDocumentLevelConfig = {
-  exportForTranslation: function exportForTranslation(id) {
-    return BaseDocumentSerializer.serializeDocument(id, 'document', 'en', defaultStopTypes, customSerializers);
-  },
+  exportForTranslation: /*#__PURE__*/function () {
+    var _exportForTranslation = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(id) {
+      var doc, serialized;
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return findLatestDraft(id);
+
+            case 2:
+              doc = _context.sent;
+              serialized = sanityNaiveHtmlSerializer.BaseDocumentSerializer.serializeDocument(doc, 'document');
+              serialized.name = id;
+              return _context.abrupt("return", serialized);
+
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    function exportForTranslation(_x) {
+      return _exportForTranslation.apply(this, arguments);
+    }
+
+    return exportForTranslation;
+  }(),
   importTranslation: function importTranslation(id, localeId, document) {
-    return BaseDocumentDeserializer.deserializeDocument(id, document).then(function (deserialized) {
-      return BaseDocumentPatcher.documentLevelPatch(deserialized, id, localeId);
-    });
+    var deserialized = sanityNaiveHtmlSerializer.BaseDocumentDeserializer.deserializeDocument(document);
+    documentLevelPatch(id, deserialized, localeId);
   },
-  adapter: TransifexAdapter
+  adapter: TransifexAdapter,
+  secretsNamespace: 'transifex'
 };
 var defaultFieldLevelConfig = {
-  exportForTranslation: function exportForTranslation(id) {
-    return BaseDocumentSerializer.serializeDocument(id, 'field', 'en', defaultStopTypes, customSerializers);
-  },
+  exportForTranslation: /*#__PURE__*/function () {
+    var _exportForTranslation2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(id) {
+      var doc, serialized;
+      return runtime_1.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return findLatestDraft(id);
+
+            case 2:
+              doc = _context2.sent;
+              serialized = sanityNaiveHtmlSerializer.BaseDocumentSerializer.serializeDocument(doc, 'field');
+              serialized.name = id;
+              return _context2.abrupt("return", serialized);
+
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    function exportForTranslation(_x2) {
+      return _exportForTranslation2.apply(this, arguments);
+    }
+
+    return exportForTranslation;
+  }(),
   importTranslation: function importTranslation(id, localeId, document) {
-    return BaseDocumentDeserializer.deserializeDocument(id, document).then(function (deserialized) {
-      return BaseDocumentPatcher.fieldLevelPatch(deserialized, id, localeId, 'en');
-    });
+    var deserialized = sanityNaiveHtmlSerializer.BaseDocumentDeserializer.deserializeDocument(document);
+    fieldLevelPatch(id, deserialized, localeId);
   },
-  adapter: TransifexAdapter
+  adapter: TransifexAdapter,
+  secretsNamespace: 'transifex'
 };
 
-exports.BaseDocumentDeserializer = BaseDocumentDeserializer;
-exports.BaseDocumentPatcher = BaseDocumentPatcher;
-exports.BaseDocumentSerializer = BaseDocumentSerializer;
+Object.defineProperty(exports, 'TranslationsTab', {
+  enumerable: true,
+  get: function () {
+    return sanityTranslationsTab.TranslationsTab;
+  }
+});
+Object.defineProperty(exports, 'BaseDocumentDeserializer', {
+  enumerable: true,
+  get: function () {
+    return sanityNaiveHtmlSerializer.BaseDocumentDeserializer;
+  }
+});
+Object.defineProperty(exports, 'BaseDocumentMerger', {
+  enumerable: true,
+  get: function () {
+    return sanityNaiveHtmlSerializer.BaseDocumentMerger;
+  }
+});
+Object.defineProperty(exports, 'BaseDocumentSerializer', {
+  enumerable: true,
+  get: function () {
+    return sanityNaiveHtmlSerializer.BaseDocumentSerializer;
+  }
+});
+Object.defineProperty(exports, 'customSerializers', {
+  enumerable: true,
+  get: function () {
+    return sanityNaiveHtmlSerializer.customSerializers;
+  }
+});
+Object.defineProperty(exports, 'defaultStopTypes', {
+  enumerable: true,
+  get: function () {
+    return sanityNaiveHtmlSerializer.defaultStopTypes;
+  }
+});
 exports.TransifexAdapter = TransifexAdapter;
-exports.TranslationTab = TranslationTab;
-exports.customSerializers = customSerializers;
 exports.defaultDocumentLevelConfig = defaultDocumentLevelConfig;
 exports.defaultFieldLevelConfig = defaultFieldLevelConfig;
-exports.defaultStopTypes = defaultStopTypes;
 //# sourceMappingURL=sanity-plugin-transifex.cjs.development.js.map