@apollo/client 3.8.0-alpha.9 → 3.8.0-beta.0

package/apollo-client.cjs

@@ -3,18 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var tslib = require('tslib');
-var tsInvariant = require('ts-invariant');
 var process$1 = require('ts-invariant/process');
 var graphql = require('graphql');
-var equality = require('@wry/equality');
+var equal = require('@wry/equality');
+var tsInvariant = require('ts-invariant');
 var zenObservableTs = require('zen-observable-ts');
 require('symbol-observable');
+var trie = require('@wry/trie');
 var optimism = require('optimism');
 var context = require('@wry/context');
-var trie = require('@wry/trie');
 var graphqlTag = require('graphql-tag');
 var React = require('react');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e["default"] : e; }
+
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
     var n = Object.create(null);
@@ -27,7 +29,11 @@ function _interopNamespace(e) {
     return Object.freeze(n);
 }
 
+var equal__default = /*#__PURE__*/_interopDefaultLegacy(equal);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var version = '3.8.0-beta.0';
 
 function maybe(thunk) {
     try {
@@ -42,6 +48,68 @@ var global$1 = (maybe(function () { return globalThis; }) ||
     maybe(function () { return global; }) ||
     maybe(function () { return maybe.constructor("return this")(); }));
 
+var prefixCounts = new Map();
+function makeUniqueId(prefix) {
+    var count = prefixCounts.get(prefix) || 1;
+    prefixCounts.set(prefix, count + 1);
+    return "".concat(prefix, ":").concat(count, ":").concat(Math.random().toString(36).slice(2));
+}
+
+function stringifyForDisplay(value, space) {
+    if (space === void 0) { space = 0; }
+    var undefId = makeUniqueId("stringifyForDisplay");
+    return JSON.stringify(value, function (key, value) {
+        return value === void 0 ? undefId : value;
+    }, space).split(JSON.stringify(undefId)).join("<undefined>");
+}
+
+function wrap(fn) {
+    return function (message) {
+        var args = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args[_i - 1] = arguments[_i];
+        }
+        fn.apply(void 0, tslib.__spreadArray([typeof message === 'number' ? getErrorMsg(message) : message], args, false));
+    };
+}
+var invariant = Object.assign(function invariant(condition, message) {
+    var args = [];
+    for (var _i = 2; _i < arguments.length; _i++) {
+        args[_i - 2] = arguments[_i];
+    }
+    if (!condition) {
+        tsInvariant.invariant(condition, getErrorMsg(message, args));
+    }
+}, {
+    debug: wrap(tsInvariant.invariant.debug),
+    log: wrap(tsInvariant.invariant.log),
+    warn: wrap(tsInvariant.invariant.warn),
+    error: wrap(tsInvariant.invariant.error),
+});
+function newInvariantError(message) {
+    var optionalParams = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        optionalParams[_i - 1] = arguments[_i];
+    }
+    return new tsInvariant.InvariantError(getErrorMsg(message, optionalParams));
+}
+var ApolloErrorMessageHandler = Symbol.for('ApolloErrorMessageHandler_' + version);
+function getErrorMsg(message, messageArgs) {
+    if (messageArgs === void 0) { messageArgs = []; }
+    if (!message)
+        return;
+    var args = messageArgs.map(function (arg) {
+        return typeof arg == 'string' ? arg : stringifyForDisplay(arg, 2).slice(0, 1000);
+    });
+    return ((global$1[ApolloErrorMessageHandler] &&
+        global$1[ApolloErrorMessageHandler](message, args)) ||
+        "An error occured! For more details, see the full error text at https://go.apollo.dev/c/err#".concat(encodeURIComponent(JSON.stringify({
+            version: version,
+            message: message,
+            args: args,
+        }))));
+}
+
 var DEV = ("__DEV__" in global$1
     ? Boolean(global$1.__DEV__)
     : maybe(function () { return process.env.NODE_ENV; }) !== "production");
@@ -63,7 +131,7 @@ function shouldInclude(_a, variables) {
         var evaledValue = false;
         if (ifArgument.value.kind === 'Variable') {
             evaledValue = variables && variables[ifArgument.value.name.value];
-            __DEV__ ? tsInvariant.invariant(evaledValue !== void 0, "Invalid variable referenced in @".concat(directive.name.value, " directive.")) : tsInvariant.invariant(evaledValue !== void 0, 41);
+            invariant(evaledValue !== void 0, 66, directive.name.value);
         }
         else {
             evaledValue = ifArgument.value.value;
@@ -99,13 +167,12 @@ function getInclusionDirectives(directives) {
                 return;
             var directiveArguments = directive.arguments;
             var directiveName = directive.name.value;
-            __DEV__ ? tsInvariant.invariant(directiveArguments && directiveArguments.length === 1, "Incorrect number of arguments for the @".concat(directiveName, " directive.")) : tsInvariant.invariant(directiveArguments && directiveArguments.length === 1, 42);
+            invariant(directiveArguments && directiveArguments.length === 1, 67, directiveName);
             var ifArgument = directiveArguments[0];
-            __DEV__ ? tsInvariant.invariant(ifArgument.name && ifArgument.name.value === 'if', "Invalid argument for the @".concat(directiveName, " directive.")) : tsInvariant.invariant(ifArgument.name && ifArgument.name.value === 'if', 43);
+            invariant(ifArgument.name && ifArgument.name.value === 'if', 68, directiveName);
             var ifValue = ifArgument.value;
-            __DEV__ ? tsInvariant.invariant(ifValue &&
-                (ifValue.kind === 'Variable' || ifValue.kind === 'BooleanValue'), "Argument for the @".concat(directiveName, " directive must be a variable or a boolean value.")) : tsInvariant.invariant(ifValue &&
-                (ifValue.kind === 'Variable' || ifValue.kind === 'BooleanValue'), 44);
+            invariant(ifValue &&
+                (ifValue.kind === 'Variable' || ifValue.kind === 'BooleanValue'), 69, directiveName);
             result.push({ directive: directive, ifArgument: ifArgument });
         });
     }
@@ -117,15 +184,18 @@ function getFragmentQueryDocument(document, fragmentName) {
     var fragments = [];
     document.definitions.forEach(function (definition) {
         if (definition.kind === 'OperationDefinition') {
-            throw __DEV__ ? new tsInvariant.InvariantError("Found a ".concat(definition.operation, " operation").concat(definition.name ? " named '".concat(definition.name.value, "'") : '', ". ") +
-                'No operations are allowed when using a fragment as a query. Only fragments are allowed.') : new tsInvariant.InvariantError(45);
+            throw newInvariantError(
+                70,
+                definition.operation,
+                definition.name ? " named '".concat(definition.name.value, "'") : ''
+            );
         }
         if (definition.kind === 'FragmentDefinition') {
             fragments.push(definition);
         }
     });
     if (typeof actualFragmentName === 'undefined') {
-        __DEV__ ? tsInvariant.invariant(fragments.length === 1, "Found ".concat(fragments.length, " fragments. `fragmentName` must be provided when there is not exactly 1 fragment.")) : tsInvariant.invariant(fragments.length === 1, 46);
+        invariant(fragments.length === 1, 71, fragments.length);
         actualFragmentName = fragments[0].name.value;
     }
     var query = tslib.__assign(tslib.__assign({}, document), { definitions: tslib.__spreadArray([
@@ -166,7 +236,7 @@ function getFragmentFromSelection(selection, fragmentMap) {
                 return fragmentMap(fragmentName);
             }
             var fragment = fragmentMap && fragmentMap[fragmentName];
-            __DEV__ ? tsInvariant.invariant(fragment, "No fragment named ".concat(fragmentName)) : tsInvariant.invariant(fragment, 47);
+            invariant(fragment, 72, fragmentName);
             return fragment || null;
         }
         default:
@@ -248,9 +318,7 @@ function valueToObjectRepresentation(argObj, name, value, variables) {
         argObj[name.value] = null;
     }
     else {
-        throw __DEV__ ? new tsInvariant.InvariantError("The inline argument \"".concat(name.value, "\" of kind \"").concat(value.kind, "\"") +
-            'is not supported. Use variables instead of inline arguments to ' +
-            'overcome this limitation.') : new tsInvariant.InvariantError(56);
+        throw newInvariantError(81, name.value, value.kind);
     }
 }
 function storeKeyNameFromField(field, variables) {
@@ -284,6 +352,7 @@ var KNOWN_DIRECTIVES = [
     'client',
     'rest',
     'export',
+    'nonreactive',
 ];
 var getStoreKeyName = Object.assign(function (fieldName, args, directives) {
     if (args &&
@@ -358,9 +427,7 @@ function resultKeyNameFromField(field) {
     return field.alias ? field.alias.value : field.name.value;
 }
 function getTypenameFromResult(result, selectionSet, fragmentMap) {
-    if (typeof result.__typename === 'string') {
-        return result.__typename;
-    }
+    var fragments;
     for (var _i = 0, _a = selectionSet.selections; _i < _a.length; _i++) {
         var selection = _a[_i];
         if (isField(selection)) {
@@ -368,7 +435,19 @@ function getTypenameFromResult(result, selectionSet, fragmentMap) {
                 return result[resultKeyNameFromField(selection)];
             }
         }
+        else if (fragments) {
+            fragments.push(selection);
+        }
         else {
+            fragments = [selection];
+        }
+    }
+    if (typeof result.__typename === 'string') {
+        return result.__typename;
+    }
+    if (fragments) {
+        for (var _b = 0, fragments_1 = fragments; _b < fragments_1.length; _b++) {
+            var selection = fragments_1[_b];
             var typename = getTypenameFromResult(result, getFragmentFromSelection(selection, fragmentMap).selectionSet, fragmentMap);
             if (typeof typename === 'string') {
                 return typename;
@@ -384,16 +463,16 @@ function isInlineFragment(selection) {
 }
 
 function checkDocument(doc) {
-    __DEV__ ? tsInvariant.invariant(doc && doc.kind === 'Document', "Expecting a parsed GraphQL document. Perhaps you need to wrap the query string in a \"gql\" tag? http://docs.apollostack.com/apollo-client/core.html#gql") : tsInvariant.invariant(doc && doc.kind === 'Document', 48);
+    invariant(doc && doc.kind === 'Document', 73);
     var operations = doc.definitions
         .filter(function (d) { return d.kind !== 'FragmentDefinition'; })
         .map(function (definition) {
         if (definition.kind !== 'OperationDefinition') {
-            throw __DEV__ ? new tsInvariant.InvariantError("Schema type definitions not allowed in queries. Found: \"".concat(definition.kind, "\"")) : new tsInvariant.InvariantError(49);
+            throw newInvariantError(74, definition.kind);
         }
         return definition;
     });
-    __DEV__ ? tsInvariant.invariant(operations.length <= 1, "Ambiguous GraphQL document: contains ".concat(operations.length, " operations")) : tsInvariant.invariant(operations.length <= 1, 50);
+    invariant(operations.length <= 1, 75, operations.length);
     return doc;
 }
 function getOperationDefinition(doc) {
@@ -416,14 +495,14 @@ function getFragmentDefinitions(doc) {
 }
 function getQueryDefinition(doc) {
     var queryDef = getOperationDefinition(doc);
-    __DEV__ ? tsInvariant.invariant(queryDef && queryDef.operation === 'query', 'Must contain a query definition.') : tsInvariant.invariant(queryDef && queryDef.operation === 'query', 51);
+    invariant(queryDef && queryDef.operation === 'query', 76);
     return queryDef;
 }
 function getFragmentDefinition(doc) {
-    __DEV__ ? tsInvariant.invariant(doc.kind === 'Document', "Expecting a parsed GraphQL document. Perhaps you need to wrap the query string in a \"gql\" tag? http://docs.apollostack.com/apollo-client/core.html#gql") : tsInvariant.invariant(doc.kind === 'Document', 52);
-    __DEV__ ? tsInvariant.invariant(doc.definitions.length <= 1, 'Fragment must have exactly one definition.') : tsInvariant.invariant(doc.definitions.length <= 1, 53);
+    invariant(doc.kind === 'Document', 77);
+    invariant(doc.definitions.length <= 1, 78);
     var fragmentDef = doc.definitions[0];
-    __DEV__ ? tsInvariant.invariant(fragmentDef.kind === 'FragmentDefinition', 'Must be a fragment definition.') : tsInvariant.invariant(fragmentDef.kind === 'FragmentDefinition', 54);
+    invariant(fragmentDef.kind === 'FragmentDefinition', 79);
     return fragmentDef;
 }
 function getMainDefinition(queryDoc) {
@@ -446,7 +525,7 @@ function getMainDefinition(queryDoc) {
     if (fragmentDefinition) {
         return fragmentDefinition;
     }
-    throw __DEV__ ? new tsInvariant.InvariantError('Expected a parsed GraphQL query with a query, mutation, subscription, or a fragment.') : new tsInvariant.InvariantError(55);
+    throw newInvariantError(80);
 }
 function getDefaultValues(definition) {
     var defaultValues = Object.create(null);
@@ -482,19 +561,30 @@ function nullIfDocIsEmpty(doc) {
         ? null
         : doc;
 }
-function getDirectiveMatcher(directives) {
-    var nameSet = new Set();
-    var tests = [];
-    directives.forEach(function (directive) {
-        if (directive.name) {
-            nameSet.add(directive.name);
-        }
-        else if (directive.test) {
-            tests.push(directive.test);
+function getDirectiveMatcher(configs) {
+    var names = new Map();
+    var tests = new Map();
+    configs.forEach(function (directive) {
+        if (directive) {
+            if (directive.name) {
+                names.set(directive.name, directive);
+            }
+            else if (directive.test) {
+                tests.set(directive.test, directive);
+            }
         }
     });
-    return function (directive) { return (nameSet.has(directive.name.value) ||
-        tests.some(function (test) { return test(directive); })); };
+    return function (directive) {
+        var config = names.get(directive.name.value);
+        if (!config && tests.size) {
+            tests.forEach(function (testConfig, test) {
+                if (test(directive)) {
+                    config = testConfig;
+                }
+            });
+        }
+        return config;
+    };
 }
 function makeInUseGetterFunction(defaultKey) {
     var map = new Map();
@@ -511,6 +601,7 @@ function makeInUseGetterFunction(defaultKey) {
     };
 }
 function removeDirectivesFromDocument(directives, doc) {
+    checkDocument(doc);
     var getInUseByOperationName = makeInUseGetterFunction("");
     var getInUseByFragmentName = makeInUseGetterFunction("");
     var getInUse = function (ancestors) {
@@ -524,7 +615,7 @@ function removeDirectivesFromDocument(directives, doc) {
                 return getInUseByFragmentName(ancestor.name.value);
             }
         }
-        __DEV__ && tsInvariant.invariant.error("Could not find operation or fragment");
+        __DEV__ && invariant.error(82);
         return null;
     };
     var operationCount = 0;
@@ -534,10 +625,8 @@ function removeDirectivesFromDocument(directives, doc) {
         }
     }
     var directiveMatcher = getDirectiveMatcher(directives);
-    var hasRemoveDirective = directives.some(function (directive) { return directive.remove; });
-    var shouldRemoveField = function (nodeDirectives) { return (hasRemoveDirective &&
-        nodeDirectives &&
-        nodeDirectives.some(directiveMatcher)); };
+    var shouldRemoveField = function (nodeDirectives) { return (isNonEmptyArray(nodeDirectives) &&
+        nodeDirectives.map(directiveMatcher).some(function (config) { return config && config.remove; })); };
     var originalFragmentDefsByPath = new Map();
     var firstVisitMadeChanges = false;
     var fieldOrInlineFragmentVisitor = {
@@ -696,22 +785,6 @@ var addTypenameToDocument = Object.assign(function (doc) {
         return field === TYPENAME_FIELD;
     },
 });
-var connectionRemoveConfig = {
-    test: function (directive) {
-        var willRemove = directive.name.value === 'connection';
-        if (willRemove) {
-            if (!directive.arguments ||
-                !directive.arguments.some(function (arg) { return arg.name.value === 'key'; })) {
-                __DEV__ && tsInvariant.invariant.warn('Removing an @connection directive even though it does not have a key. ' +
-                    'You may want to use the key parameter to specify a store key.');
-            }
-        }
-        return willRemove;
-    },
-};
-function removeConnectionDirectiveFromDocument(doc) {
-    return removeDirectivesFromDocument([connectionRemoveConfig], checkDocument(doc));
-}
 function buildQueryFromSelectionSet(document) {
     var definition = getMainDefinition(document);
     var definitionOperation = definition.operation;
@@ -811,6 +884,43 @@ var DeepMerger = (function () {
     return DeepMerger;
 }());
 
+function createFulfilledPromise(value) {
+    var promise = Promise.resolve(value);
+    promise.status = 'fulfilled';
+    promise.value = value;
+    return promise;
+}
+function createRejectedPromise(reason) {
+    var promise = Promise.reject(reason);
+    promise.status = 'rejected';
+    promise.reason = reason;
+    return promise;
+}
+function isStatefulPromise(promise) {
+    return 'status' in promise;
+}
+function wrapPromiseWithState(promise) {
+    if (isStatefulPromise(promise)) {
+        return promise;
+    }
+    var pendingPromise = promise;
+    pendingPromise.status = 'pending';
+    pendingPromise.then(function (value) {
+        if (pendingPromise.status === 'pending') {
+            var fulfilledPromise = pendingPromise;
+            fulfilledPromise.status = 'fulfilled';
+            fulfilledPromise.value = value;
+        }
+    }, function (reason) {
+        if (pendingPromise.status === 'pending') {
+            var rejectedPromise = pendingPromise;
+            rejectedPromise.status = 'rejected';
+            rejectedPromise.reason = reason;
+        }
+    });
+    return promise;
+}
+
 var toString = Object.prototype.toString;
 function cloneDeep(value) {
     return cloneDeepHelper(value);
@@ -1093,6 +1203,9 @@ function isExecutionPatchResult(value) {
     return (isExecutionPatchIncrementalResult(value) ||
         isExecutionPatchInitialResult(value));
 }
+function isApolloPayloadResult(value) {
+    return isNonNullObject(value) && "payload" in value;
+}
 function mergeIncrementalData(prevResult, result) {
     var mergedData = prevResult;
     var merger = new DeepMerger();
@@ -1151,23 +1264,9 @@ function compact() {
     return result;
 }
 
-var prefixCounts = new Map();
-function makeUniqueId(prefix) {
-    var count = prefixCounts.get(prefix) || 1;
-    prefixCounts.set(prefix, count + 1);
-    return "".concat(prefix, ":").concat(count, ":").concat(Math.random().toString(36).slice(2));
-}
-
-function stringifyForDisplay(value) {
-    var undefId = makeUniqueId("stringifyForDisplay");
-    return JSON.stringify(value, function (key, value) {
-        return value === void 0 ? undefId : value;
-    }).split(JSON.stringify(undefId)).join("<undefined>");
-}
-
 function mergeOptions(defaults, options) {
     return compact(defaults, options, options.variables && {
-        variables: tslib.__assign(tslib.__assign({}, (defaults && defaults.variables)), options.variables),
+        variables: compact(tslib.__assign(tslib.__assign({}, (defaults && defaults.variables)), options.variables)),
     });
 }
 
@@ -1203,7 +1302,7 @@ function toPromise(observable) {
         observable.subscribe({
             next: function (data) {
                 if (completed) {
-                    __DEV__ && tsInvariant.invariant.warn("Promise Wrapper does not support multiple results from Observable");
+                    __DEV__ && invariant.warn(42);
                 }
                 else {
                     completed = true;
@@ -1246,7 +1345,7 @@ function validateOperation(operation) {
     for (var _i = 0, _a = Object.keys(operation); _i < _a.length; _i++) {
         var key = _a[_i];
         if (OPERATION_FIELDS.indexOf(key) < 0) {
-            throw __DEV__ ? new tsInvariant.InvariantError("illegal argument: ".concat(key)) : new tsInvariant.InvariantError(27);
+            throw newInvariantError(43, key);
         }
     }
     return operation;
@@ -1290,6 +1389,22 @@ function transformOperation(operation) {
     return transformedOperation;
 }
 
+function filterOperationVariables(variables, operation) {
+    var result = tslib.__assign({}, variables);
+    var unusedNames = new Set(Object.keys(variables));
+    graphql.visit(operation.query, {
+        Variable: function (node, _key, parent) {
+            if (parent && parent.kind !== 'VariableDefinition') {
+                unusedNames.delete(node.name.value);
+            }
+        },
+    });
+    unusedNames.forEach(function (name) {
+        delete result[name];
+    });
+    return result;
+}
+
 function passthrough(op, forward) {
     return (forward ? forward(op) : zenObservableTs.Observable.of());
 }
@@ -1299,15 +1414,6 @@ function toLink(handler) {
 function isTerminating(link) {
     return link.request.length <= 1;
 }
-var LinkError = (function (_super) {
-    tslib.__extends(LinkError, _super);
-    function LinkError(message, link) {
-        var _this = _super.call(this, message) || this;
-        _this.link = link;
-        return _this;
-    }
-    return LinkError;
-}(Error));
 var ApolloLink = (function () {
     function ApolloLink(request) {
         if (request)
@@ -1345,7 +1451,7 @@ var ApolloLink = (function () {
     ApolloLink.concat = function (first, second) {
         var firstLink = toLink(first);
         if (isTerminating(firstLink)) {
-            __DEV__ && tsInvariant.invariant.warn(new LinkError("You are calling concat on a terminating link, which will have no effect", firstLink));
+            __DEV__ && invariant.warn(35, firstLink);
             return firstLink;
         }
         var nextLink = toLink(second);
@@ -1369,7 +1475,7 @@ var ApolloLink = (function () {
         return ApolloLink.concat(this, next);
     };
     ApolloLink.prototype.request = function (operation, forward) {
-        throw __DEV__ ? new tsInvariant.InvariantError('request is not implemented') : new tsInvariant.InvariantError(22);
+        throw newInvariantError(36);
     };
     ApolloLink.prototype.onError = function (error, observer) {
         if (observer && observer.error) {
@@ -1395,8 +1501,6 @@ var concat = ApolloLink.concat;
 
 var execute = ApolloLink.execute;
 
-var version = '3.8.0-alpha.9';
-
 function asyncIterator(source) {
     var _a;
     var iterator = source[Symbol.asyncIterator]();
@@ -1540,60 +1644,115 @@ function responseIterator(response) {
     throw new Error("Unknown body type for responseIterator. Please pass a streamable response.");
 }
 
+var PROTOCOL_ERRORS_SYMBOL = Symbol();
+function graphQLResultHasProtocolErrors(result) {
+    if (result.extensions) {
+        return Array.isArray(result.extensions[PROTOCOL_ERRORS_SYMBOL]);
+    }
+    return false;
+}
+function isApolloError(err) {
+    return err.hasOwnProperty('graphQLErrors');
+}
+var generateErrorMessage = function (err) {
+    var errors = tslib.__spreadArray(tslib.__spreadArray(tslib.__spreadArray([], err.graphQLErrors, true), err.clientErrors, true), err.protocolErrors, true);
+    if (err.networkError)
+        errors.push(err.networkError);
+    return errors
+        .map(function (err) { return isNonNullObject(err) && err.message || 'Error message not found.'; })
+        .join('\n');
+};
+var ApolloError = (function (_super) {
+    tslib.__extends(ApolloError, _super);
+    function ApolloError(_a) {
+        var graphQLErrors = _a.graphQLErrors, protocolErrors = _a.protocolErrors, clientErrors = _a.clientErrors, networkError = _a.networkError, errorMessage = _a.errorMessage, extraInfo = _a.extraInfo;
+        var _this = _super.call(this, errorMessage) || this;
+        _this.name = 'ApolloError';
+        _this.graphQLErrors = graphQLErrors || [];
+        _this.protocolErrors = protocolErrors || [];
+        _this.clientErrors = clientErrors || [];
+        _this.networkError = networkError || null;
+        _this.message = errorMessage || generateErrorMessage(_this);
+        _this.extraInfo = extraInfo;
+        _this.__proto__ = ApolloError.prototype;
+        return _this;
+    }
+    return ApolloError;
+}(Error));
+
 var hasOwnProperty$3 = Object.prototype.hasOwnProperty;
 function readMultipartBody(response, observer) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e;
     return tslib.__awaiter(this, void 0, void 0, function () {
-        var decoder, contentType, delimiter, boundaryVal, boundary, buffer, iterator, running, _d, value, done, chunk, bi, message, i, headers, contentType_1, body, result;
-        var _e;
-        return tslib.__generator(this, function (_f) {
-            switch (_f.label) {
+        var decoder, contentType, delimiter, boundaryVal, boundary, buffer, iterator, running, _f, value, done, chunk, searchFrom, bi, message, i, headers, contentType_1, body, result, next;
+        var _g, _h;
+        return tslib.__generator(this, function (_j) {
+            switch (_j.label) {
                 case 0:
                     if (TextDecoder === undefined) {
                         throw new Error("TextDecoder must be defined in the environment: please import a polyfill.");
                     }
                     decoder = new TextDecoder("utf-8");
-                    contentType = (_a = response.headers) === null || _a === void 0 ? void 0 : _a.get('content-type');
+                    contentType = (_a = response.headers) === null || _a === void 0 ? void 0 : _a.get("content-type");
                     delimiter = "boundary=";
                     boundaryVal = (contentType === null || contentType === void 0 ? void 0 : contentType.includes(delimiter))
                         ? contentType === null || contentType === void 0 ? void 0 : contentType.substring((contentType === null || contentType === void 0 ? void 0 : contentType.indexOf(delimiter)) + delimiter.length).replace(/['"]/g, "").replace(/\;(.*)/gm, "").trim()
                         : "-";
-                    boundary = "--".concat(boundaryVal);
+                    boundary = "\r\n--".concat(boundaryVal);
                     buffer = "";
                     iterator = responseIterator(response);
                     running = true;
-                    _f.label = 1;
+                    _j.label = 1;
                 case 1:
                     if (!running) return [3, 3];
                     return [4, iterator.next()];
                 case 2:
-                    _d = _f.sent(), value = _d.value, done = _d.done;
+                    _f = _j.sent(), value = _f.value, done = _f.done;
                     chunk = typeof value === "string" ? value : decoder.decode(value);
+                    searchFrom = buffer.length - boundary.length + 1;
                     running = !done;
                     buffer += chunk;
-                    bi = buffer.indexOf(boundary);
+                    bi = buffer.indexOf(boundary, searchFrom);
                     while (bi > -1) {
                         message = void 0;
-                        _e = [
+                        _g = [
                             buffer.slice(0, bi),
                             buffer.slice(bi + boundary.length),
-                        ], message = _e[0], buffer = _e[1];
-                        if (message.trim()) {
-                            i = message.indexOf("\r\n\r\n");
-                            headers = parseHeaders(message.slice(0, i));
-                            contentType_1 = headers["content-type"];
-                            if (contentType_1 &&
-                                contentType_1.toLowerCase().indexOf("application/json") === -1) {
-                                throw new Error("Unsupported patch content type: application/json is required.");
-                            }
-                            body = message.slice(i);
+                        ], message = _g[0], buffer = _g[1];
+                        i = message.indexOf("\r\n\r\n");
+                        headers = parseHeaders(message.slice(0, i));
+                        contentType_1 = headers["content-type"];
+                        if (contentType_1 &&
+                            contentType_1.toLowerCase().indexOf("application/json") === -1) {
+                            throw new Error("Unsupported patch content type: application/json is required.");
+                        }
+                        body = message.slice(i);
+                        if (body) {
                             try {
-                                result = parseJsonBody(response, body.replace("\r\n", ""));
+                                result = parseJsonBody(response, body);
                                 if (Object.keys(result).length > 1 ||
                                     "data" in result ||
                                     "incremental" in result ||
-                                    "errors" in result) {
-                                    (_b = observer.next) === null || _b === void 0 ? void 0 : _b.call(observer, result);
+                                    "errors" in result ||
+                                    "payload" in result) {
+                                    if (isApolloPayloadResult(result)) {
+                                        next = {};
+                                        if ("payload" in result) {
+                                            next = tslib.__assign({}, result.payload);
+                                        }
+                                        if ("errors" in result) {
+                                            next = tslib.__assign(tslib.__assign({}, next), { extensions: tslib.__assign(tslib.__assign({}, ("extensions" in next ? next.extensions : null)), (_h = {}, _h[PROTOCOL_ERRORS_SYMBOL] = result.errors, _h)) });
+                                        }
+                                        (_b = observer.next) === null || _b === void 0 ? void 0 : _b.call(observer, next);
+                                    }
+                                    else {
+                                        (_c = observer.next) === null || _c === void 0 ? void 0 : _c.call(observer, result);
+                                    }
+                                }
+                                else if (Object.keys(result).length === 1 &&
+                                    "hasNext" in result &&
+                                    !result.hasNext) {
+                                    (_d = observer.complete) === null || _d === void 0 ? void 0 : _d.call(observer);
                                 }
                             }
                             catch (err) {
@@ -1604,7 +1763,7 @@ function readMultipartBody(response, observer) {
                     }
                     return [3, 1];
                 case 3:
-                    (_c = observer.complete) === null || _c === void 0 ? void 0 : _c.call(observer);
+                    (_e = observer.complete) === null || _e === void 0 ? void 0 : _e.call(observer);
                     return [2];
             }
         });
@@ -1691,7 +1850,7 @@ var serializeFetchParameter = function (p, label) {
         serialized = JSON.stringify(p);
     }
     catch (e) {
-        var parseError = __DEV__ ? new tsInvariant.InvariantError("Network request failed. ".concat(label, " is not serializable: ").concat(e.message)) : new tsInvariant.InvariantError(24);
+        var parseError = newInvariantError(39, label, e.message);
         parseError.parseError = e;
         throw parseError;
     }
@@ -1774,7 +1933,7 @@ function removeDuplicateHeaders(headers, preserveHeaderCase) {
 
 var checkFetcher = function (fetcher) {
     if (!fetcher && typeof fetch === 'undefined') {
-        throw __DEV__ ? new tsInvariant.InvariantError("\n\"fetch\" has not been found globally and no fetcher has been configured. To fix this, install a fetch package (like https://www.npmjs.com/package/cross-fetch), instantiate the fetcher, and pass it into your HttpLink constructor. For example:\n\nimport fetch from 'cross-fetch';\nimport { ApolloClient, HttpLink } from '@apollo/client';\nconst client = new ApolloClient({\n  link: new HttpLink({ uri: '/graphql', fetch })\n});\n    ") : new tsInvariant.InvariantError(23);
+        throw newInvariantError(37);
     }
 };
 
@@ -1884,20 +2043,7 @@ var createHttpLink = function (linkOptions) {
         }
         var _b = selectHttpOptionsAndBodyInternal(operation, print, fallbackHttpConfig, linkConfig, contextConfig), options = _b.options, body = _b.body;
         if (body.variables && !includeUnusedVariables) {
-            var unusedNames_1 = new Set(Object.keys(body.variables));
-            graphql.visit(operation.query, {
-                Variable: function (node, _key, parent) {
-                    if (parent && parent.kind !== 'VariableDefinition') {
-                        unusedNames_1.delete(node.name.value);
-                    }
-                },
-            });
-            if (unusedNames_1.size) {
-                body.variables = tslib.__assign({}, body.variables);
-                unusedNames_1.forEach(function (name) {
-                    delete body.variables[name];
-                });
-            }
+            body.variables = filterOperationVariables(body.variables, operation);
         }
         var controller;
         if (!options.signal) {
@@ -1909,13 +2055,28 @@ var createHttpLink = function (linkOptions) {
         var definitionIsMutation = function (d) {
             return d.kind === 'OperationDefinition' && d.operation === 'mutation';
         };
+        var definitionIsSubscription = function (d) {
+            return d.kind === 'OperationDefinition' && d.operation === 'subscription';
+        };
+        var isSubscription = definitionIsSubscription(getMainDefinition(operation.query));
+        var hasDefer = hasDirectives(['defer'], operation.query);
         if (useGETForQueries &&
             !operation.query.definitions.some(definitionIsMutation)) {
             options.method = 'GET';
         }
-        if (hasDirectives(['defer'], operation.query)) {
+        if (hasDefer || isSubscription) {
             options.headers = options.headers || {};
-            options.headers.accept = "multipart/mixed; deferSpec=20220824, application/json";
+            var acceptHeader = "multipart/mixed;";
+            if (isSubscription && hasDefer) {
+                __DEV__ && invariant.warn(38);
+            }
+            if (isSubscription) {
+                acceptHeader += 'boundary=graphql;subscriptionSpec=1.0,application/json';
+            }
+            else if (hasDefer) {
+                acceptHeader += 'deferSpec=20220824,application/json';
+            }
+            options.headers.accept = acceptHeader;
         }
         if (options.method === 'GET') {
             var _d = rewriteURIForGET(chosenURI, body), newURI = _d.newURI, parseError = _d.parseError;
@@ -1968,6 +2129,7 @@ var HttpLink = (function (_super) {
 
 var ApolloCache = (function () {
     function ApolloCache() {
+        this.assumeImmutableResults = false;
         this.getFragmentDoc = optimism.wrap(getFragmentQueryDocument);
     }
     ApolloCache.prototype.batch = function (options) {
@@ -2243,7 +2405,7 @@ var EntityStore = (function () {
             : newer;
         if (!incoming)
             return;
-        __DEV__ ? tsInvariant.invariant(typeof dataId === "string", "store.merge expects a string ID") : tsInvariant.invariant(typeof dataId === "string", 1);
+        invariant(typeof dataId === "string", 1);
         var merged = new DeepMerger(storeObjectReconciler).merge(existing, incoming);
         this.data[dataId] = merged;
         if (merged !== existing) {
@@ -2566,7 +2728,7 @@ var Layer = (function (_super) {
                     }
                     else if (ownStoreObject !== parentStoreObject) {
                         Object.keys(ownStoreObject).forEach(function (storeFieldName) {
-                            if (!equality.equal(ownStoreObject[storeFieldName], parentStoreObject[storeFieldName])) {
+                            if (!equal.equal(ownStoreObject[storeFieldName], parentStoreObject[storeFieldName])) {
                                 _this.group.dirty(dataId, storeFieldName);
                             }
                         });
@@ -2610,7 +2772,7 @@ var Stump = (function (_super) {
 function storeObjectReconciler(existingObject, incomingObject, property) {
     var existingValue = existingObject[property];
     var incomingValue = incomingObject[property];
-    return equality.equal(existingValue, incomingValue) ? existingValue : incomingValue;
+    return equal.equal(existingValue, incomingValue) ? existingValue : incomingValue;
 }
 function supportsResultCaching(store) {
     return !!(store instanceof EntityStore && store.group.caching);
@@ -2898,7 +3060,7 @@ var StoreReader = (function () {
             else {
                 var fragment = getFragmentFromSelection(selection, context.lookupFragment);
                 if (!fragment && selection.kind === graphql.Kind.FRAGMENT_SPREAD) {
-                    throw __DEV__ ? new tsInvariant.InvariantError("No fragment named ".concat(selection.name.value)) : new tsInvariant.InvariantError(5);
+                    throw newInvariantError(7, selection.name.value);
                 }
                 if (fragment && policies.fragmentMatches(fragment, typename)) {
                     fragment.selectionSet.selections.forEach(workSet.add, workSet);
@@ -2979,7 +3141,12 @@ function assertSelectionSetForIdValue(store, field, fieldValue) {
         var workSet_1 = new Set([fieldValue]);
         workSet_1.forEach(function (value) {
             if (isNonNullObject(value)) {
-                __DEV__ ? tsInvariant.invariant(!isReference(value), "Missing selection set for object of type ".concat(getTypenameFromStoreObject(store, value), " returned for query field ").concat(field.name.value)) : tsInvariant.invariant(!isReference(value), 6);
+                invariant(
+                    !isReference(value),
+                    8,
+                    getTypenameFromStoreObject(store, value),
+                    field.name.value
+                );
                 Object.values(value).forEach(workSet_1.add, workSet_1);
             }
         });
@@ -3066,7 +3233,7 @@ function keyFieldsFnFromSpecifier(specifier) {
                 hasOwn.call(object, schemaKeyPath[0])) {
                 extracted = extractKeyPath(object, schemaKeyPath, extractKey);
             }
-            __DEV__ ? tsInvariant.invariant(extracted !== void 0, "Missing field '".concat(schemaKeyPath.join('.'), "' while extracting keyFields from ").concat(JSON.stringify(object))) : tsInvariant.invariant(extracted !== void 0, 2);
+            invariant(extracted !== void 0, 2, schemaKeyPath.join('.'), object);
             return extracted;
         });
         return "".concat(context.typename, ":").concat(JSON.stringify(keyObject));
@@ -3218,7 +3385,7 @@ var Policies = (function () {
         var policy = typename && this.getTypePolicy(typename);
         var keyFn = policy && policy.keyFn || this.config.dataIdFromObject;
         while (keyFn) {
-            var specifierOrId = keyFn(object, context);
+            var specifierOrId = keyFn(tslib.__assign(tslib.__assign({}, object), storeObject), context);
             if (isArray(specifierOrId)) {
                 keyFn = keyFieldsFnFromSpecifier(specifierOrId);
             }
@@ -3295,7 +3462,7 @@ var Policies = (function () {
         var rootId = "ROOT_" + which.toUpperCase();
         var old = this.rootTypenamesById[rootId];
         if (typename !== old) {
-            __DEV__ ? tsInvariant.invariant(!old || old === which, "Cannot change root ".concat(which, " __typename more than once")) : tsInvariant.invariant(!old || old === which, 3);
+            invariant(!old || old === which, 3, which);
             if (old)
                 delete this.rootIdsByTypename[old];
             this.rootIdsByTypename[typename] = rootId;
@@ -3390,7 +3557,7 @@ var Policies = (function () {
                 if (supertypeSet.has(supertype)) {
                     if (!typenameSupertypeSet.has(supertype)) {
                         if (checkingFuzzySubtypes) {
-                            __DEV__ && tsInvariant.invariant.warn("Inferring subtype ".concat(typename, " of supertype ").concat(supertype));
+                            __DEV__ && invariant.warn(4, typename, supertype);
                         }
                         typenameSupertypeSet.add(supertype);
                     }
@@ -3544,7 +3711,7 @@ function normalizeReadFieldOptions(readFieldArgs, objectOrReference, variables)
         }
     }
     if (__DEV__ && options.from === void 0) {
-        __DEV__ && tsInvariant.invariant.warn("Undefined 'from' passed to readField with arguments ".concat(stringifyForDisplay(Array.from(readFieldArgs))));
+        __DEV__ && invariant.warn(5, stringifyForDisplay(Array.from(readFieldArgs)));
     }
     if (void 0 === options.variables) {
         options.variables = variables;
@@ -3554,7 +3721,7 @@ function normalizeReadFieldOptions(readFieldArgs, objectOrReference, variables)
 function makeMergeObjectsFunction(store) {
     return function mergeObjects(existing, incoming) {
         if (isArray(existing) || isArray(incoming)) {
-            throw __DEV__ ? new tsInvariant.InvariantError("Cannot automatically merge arrays") : new tsInvariant.InvariantError(4);
+            throw newInvariantError(6);
         }
         if (isNonNullObject(existing) &&
             isNonNullObject(incoming)) {
@@ -3615,7 +3782,7 @@ var StoreWriter = (function () {
             context: context,
         });
         if (!isReference(ref)) {
-            throw __DEV__ ? new tsInvariant.InvariantError("Could not identify object ".concat(JSON.stringify(result))) : new tsInvariant.InvariantError(7);
+            throw newInvariantError(9, result);
         }
         context.incomingById.forEach(function (_a, dataId) {
             var storeObject = _a.storeObject, mergeTree = _a.mergeTree, fieldNodeSet = _a.fieldNodeSet;
@@ -3720,7 +3887,7 @@ var StoreWriter = (function () {
                 !context.deferred &&
                 !addTypenameToDocument.added(field) &&
                 !policies.getReadFunction(typename, field.name.value)) {
-                __DEV__ && tsInvariant.invariant.error("Missing field '".concat(resultKeyNameFromField(field), "' while writing result ").concat(JSON.stringify(result, null, 2)).substring(0, 1000));
+                __DEV__ && invariant.error(10, resultKeyNameFromField(field), result);
             }
         });
         try {
@@ -3824,7 +3991,7 @@ var StoreWriter = (function () {
                 else {
                     var fragment = getFragmentFromSelection(selection, context.lookupFragment);
                     if (!fragment && selection.kind === graphql.Kind.FRAGMENT_SPREAD) {
-                        throw __DEV__ ? new tsInvariant.InvariantError("No fragment named ".concat(selection.name.value)) : new tsInvariant.InvariantError(8);
+                        throw newInvariantError(11, selection.name.value);
                     }
                     if (fragment &&
                         policies.fragmentMatches(fragment, typename, result, context.variables)) {
@@ -3865,7 +4032,7 @@ var StoreWriter = (function () {
                     changedFields_1.set(storeFieldName, aVal);
                 }
                 if (getStorageArgs) {
-                    tsInvariant.invariant(getStorageArgs.pop() === storeFieldName);
+                    invariant(getStorageArgs.pop() === storeFieldName);
                 }
             });
             if (changedFields_1) {
@@ -3937,7 +4104,7 @@ function warnAboutDataLoss(existingRef, incomingObj, storeFieldName, store) {
         return;
     if (isReference(existing))
         return;
-    if (equality.equal(existing, incoming))
+    if (equal.equal(existing, incoming))
         return;
     if (Object.keys(existing).every(function (key) { return store.getFieldValue(incoming, key) !== void 0; })) {
         return;
@@ -3960,10 +4127,9 @@ function warnAboutDataLoss(existingRef, incomingObj, storeFieldName, store) {
             }
         });
     }
-    __DEV__ && tsInvariant.invariant.warn("Cache data may be lost when replacing the ".concat(fieldName, " field of a ").concat(parentType, " object.\n\nTo address this problem (which is not a bug in Apollo Client), ").concat(childTypenames.length
-        ? "either ensure all objects of type " +
-            childTypenames.join(" and ") + " have an ID or a custom merge function, or "
-        : "", "define a custom merge function for the ").concat(typeDotName, " field, so InMemoryCache can safely merge these objects:\n\n  existing: ").concat(JSON.stringify(existing).slice(0, 1000), "\n  incoming: ").concat(JSON.stringify(incoming).slice(0, 1000), "\n\nFor more information about these options, please refer to the documentation:\n\n  * Ensuring entity objects have IDs: https://go.apollo.dev/c/generating-unique-identifiers\n  * Defining custom merge functions: https://go.apollo.dev/c/merging-non-normalized-objects\n"));
+    __DEV__ && invariant.warn(12, fieldName, parentType, childTypenames.length
+        ? "either ensure all objects of type " + childTypenames.join(" and ") + " have an ID or a custom merge function, or "
+        : "", typeDotName, existing, incoming);
 }
 
 var InMemoryCache = (function (_super) {
@@ -3972,7 +4138,8 @@ var InMemoryCache = (function (_super) {
         if (config === void 0) { config = {}; }
         var _this = _super.call(this) || this;
         _this.watches = new Set();
-        _this.typenameDocumentCache = new Map();
+        _this.addTypenameTransform = new DocumentTransform(addTypenameToDocument);
+        _this.assumeImmutableResults = true;
         _this.makeVar = makeVar;
         _this.txCount = 0;
         _this.config = normalizeConfig(config);
@@ -4120,7 +4287,7 @@ var InMemoryCache = (function (_super) {
             return this.policies.identify(object)[0];
         }
         catch (e) {
-            __DEV__ && tsInvariant.invariant.warn(e);
+            __DEV__ && invariant.warn(e);
         }
     };
     InMemoryCache.prototype.evict = function (options) {
@@ -4223,28 +4390,25 @@ var InMemoryCache = (function (_super) {
         });
     };
     InMemoryCache.prototype.transformDocument = function (document) {
-        if (this.addTypename) {
-            var result = this.typenameDocumentCache.get(document);
-            if (!result) {
-                result = addTypenameToDocument(document);
-                this.typenameDocumentCache.set(document, result);
-                this.typenameDocumentCache.set(result, result);
-            }
-            return result;
+        return this.addTypenameToDocument(this.addFragmentsToDocument(document));
+    };
+    InMemoryCache.prototype.broadcastWatches = function (options) {
+        var _this = this;
+        if (!this.txCount) {
+            this.watches.forEach(function (c) { return _this.maybeBroadcastWatch(c, options); });
         }
-        return document;
     };
-    InMemoryCache.prototype.transformForLink = function (document) {
+    InMemoryCache.prototype.addFragmentsToDocument = function (document) {
         var fragments = this.config.fragments;
         return fragments
             ? fragments.transform(document)
             : document;
     };
-    InMemoryCache.prototype.broadcastWatches = function (options) {
-        var _this = this;
-        if (!this.txCount) {
-            this.watches.forEach(function (c) { return _this.maybeBroadcastWatch(c, options); });
+    InMemoryCache.prototype.addTypenameToDocument = function (document) {
+        if (this.addTypename) {
+            return this.addTypenameTransform.transformDocument(document);
         }
+        return document;
     };
     InMemoryCache.prototype.broadcastWatch = function (c, options) {
         var lastDiff = c.lastDiff;
@@ -4259,51 +4423,13 @@ var InMemoryCache = (function (_super) {
                 return;
             }
         }
-        if (!lastDiff || !equality.equal(lastDiff.result, diff.result)) {
+        if (!lastDiff || !equal.equal(lastDiff.result, diff.result)) {
             c.callback(c.lastDiff = diff, lastDiff);
         }
     };
     return InMemoryCache;
 }(ApolloCache));
 
-function isApolloError(err) {
-    return err.hasOwnProperty('graphQLErrors');
-}
-var generateErrorMessage = function (err) {
-    var message = '';
-    if (isNonEmptyArray(err.graphQLErrors) || isNonEmptyArray(err.clientErrors)) {
-        var errors = (err.graphQLErrors || [])
-            .concat(err.clientErrors || []);
-        errors.forEach(function (error) {
-            var errorMessage = error
-                ? error.message
-                : 'Error message not found.';
-            message += "".concat(errorMessage, "\n");
-        });
-    }
-    if (err.networkError) {
-        message += "".concat(err.networkError.message, "\n");
-    }
-    message = message.replace(/\n$/, '');
-    return message;
-};
-var ApolloError = (function (_super) {
-    tslib.__extends(ApolloError, _super);
-    function ApolloError(_a) {
-        var graphQLErrors = _a.graphQLErrors, clientErrors = _a.clientErrors, networkError = _a.networkError, errorMessage = _a.errorMessage, extraInfo = _a.extraInfo;
-        var _this = _super.call(this, errorMessage) || this;
-        _this.name = 'ApolloError';
-        _this.graphQLErrors = graphQLErrors || [];
-        _this.clientErrors = clientErrors || [];
-        _this.networkError = networkError || null;
-        _this.message = errorMessage || generateErrorMessage(_this);
-        _this.extraInfo = extraInfo;
-        _this.__proto__ = ApolloError.prototype;
-        return _this;
-    }
-    return ApolloError;
-}(Error));
-
 exports.NetworkStatus = void 0;
 (function (NetworkStatus) {
     NetworkStatus[NetworkStatus["loading"] = 1] = "loading";
@@ -4317,6 +4443,73 @@ exports.NetworkStatus = void 0;
 function isNetworkRequestInFlight(networkStatus) {
     return networkStatus ? networkStatus < 7 : false;
 }
+function isNetworkRequestSettled(networkStatus) {
+    return networkStatus === 7 || networkStatus === 8;
+}
+
+function equalByQuery(query, _a, _b, variables) {
+    var aData = _a.data, aRest = tslib.__rest(_a, ["data"]);
+    var bData = _b.data, bRest = tslib.__rest(_b, ["data"]);
+    return equal__default(aRest, bRest) && equalBySelectionSet(getMainDefinition(query).selectionSet, aData, bData, {
+        fragmentMap: createFragmentMap(getFragmentDefinitions(query)),
+        variables: variables,
+    });
+}
+function equalBySelectionSet(selectionSet, aResult, bResult, context) {
+    if (aResult === bResult) {
+        return true;
+    }
+    var seenSelections = new Set();
+    return selectionSet.selections.every(function (selection) {
+        if (seenSelections.has(selection))
+            return true;
+        seenSelections.add(selection);
+        if (!shouldInclude(selection, context.variables))
+            return true;
+        if (selectionHasNonreactiveDirective(selection))
+            return true;
+        if (isField(selection)) {
+            var resultKey = resultKeyNameFromField(selection);
+            var aResultChild = aResult && aResult[resultKey];
+            var bResultChild = bResult && bResult[resultKey];
+            var childSelectionSet = selection.selectionSet;
+            if (!childSelectionSet) {
+                return equal__default(aResultChild, bResultChild);
+            }
+            var aChildIsArray = Array.isArray(aResultChild);
+            var bChildIsArray = Array.isArray(bResultChild);
+            if (aChildIsArray !== bChildIsArray)
+                return false;
+            if (aChildIsArray && bChildIsArray) {
+                var length_1 = aResultChild.length;
+                if (bResultChild.length !== length_1) {
+                    return false;
+                }
+                for (var i = 0; i < length_1; ++i) {
+                    if (!equalBySelectionSet(childSelectionSet, aResultChild[i], bResultChild[i], context)) {
+                        return false;
+                    }
+                }
+                return true;
+            }
+            return equalBySelectionSet(childSelectionSet, aResultChild, bResultChild, context);
+        }
+        else {
+            var fragment = getFragmentFromSelection(selection, context.fragmentMap);
+            if (fragment) {
+                if (selectionHasNonreactiveDirective(fragment))
+                    return true;
+                return equalBySelectionSet(fragment.selectionSet, aResult, bResult, context);
+            }
+        }
+    });
+}
+function selectionHasNonreactiveDirective(selection) {
+    return !!selection.directives && selection.directives.some(directiveIsNonreactive);
+}
+function directiveIsNonreactive(dir) {
+    return dir.name.value === "nonreactive";
+}
 
 var assign = Object.assign, hasOwnProperty$2 = Object.hasOwnProperty;
 var ObservableQuery = (function (_super) {
@@ -4324,14 +4517,13 @@ var ObservableQuery = (function (_super) {
     function ObservableQuery(_a) {
         var queryManager = _a.queryManager, queryInfo = _a.queryInfo, options = _a.options;
         var _this = _super.call(this, function (observer) {
-            var _a = options.fetchOnFirstSubscribe, fetchOnFirstSubscribe = _a === void 0 ? true : _a;
             try {
                 var subObserver = observer._subscription._observer;
                 if (subObserver && !subObserver.error) {
                     subObserver.error = defaultSubscriptionObserverErrorCallback;
                 }
             }
-            catch (_b) { }
+            catch (_a) { }
             var first = !_this.observers.size;
             _this.observers.add(observer);
             var last = _this.last;
@@ -4341,7 +4533,7 @@ var ObservableQuery = (function (_super) {
             else if (last && last.result) {
                 observer.next && observer.next(last.result);
             }
-            if (first && fetchOnFirstSubscribe) {
+            if (first) {
                 _this.reobserve().catch(function () { });
             }
             return function () {
@@ -4365,7 +4557,7 @@ var ObservableQuery = (function (_super) {
     }
     Object.defineProperty(ObservableQuery.prototype, "query", {
         get: function () {
-            return this.queryManager.transform(this.options.query).document;
+            return this.lastQuery || this.options.query;
         },
         enumerable: false,
         configurable: true
@@ -4407,13 +4599,13 @@ var ObservableQuery = (function (_super) {
         if (fetchPolicy === 'network-only' ||
             fetchPolicy === 'no-cache' ||
             fetchPolicy === 'standby' ||
-            this.queryManager.transform(this.options.query).hasForcedResolvers) ;
+            this.queryManager.getDocumentInfo(this.query).hasForcedResolvers) ;
         else {
             var diff = this.queryInfo.getDiff();
             if (diff.complete || this.options.returnPartialData) {
                 result.data = diff.result;
             }
-            if (equality.equal(result.data, {})) {
+            if (equal.equal(result.data, {})) {
                 result.data = void 0;
             }
             if (diff.complete) {
@@ -4444,15 +4636,20 @@ var ObservableQuery = (function (_super) {
         return result;
     };
     ObservableQuery.prototype.isDifferentFromLastResult = function (newResult, variables) {
-        return (!this.last ||
-            !equality.equal(this.last.result, newResult) ||
-            (variables && !equality.equal(this.last.variables, variables)));
+        if (!this.last) {
+            return true;
+        }
+        var resultIsDifferent = this.queryManager.getDocumentInfo(this.query).hasNonreactiveDirective
+            ? !equalByQuery(this.query, this.last.result, newResult, this.variables)
+            : !equal.equal(this.last.result, newResult);
+        return (resultIsDifferent ||
+            (variables && !equal.equal(this.last.variables, variables)));
     };
     ObservableQuery.prototype.getLast = function (key, variablesMustMatch) {
         var last = this.last;
         if (last &&
             last[key] &&
-            (!variablesMustMatch || equality.equal(last.variables, this.variables))) {
+            (!variablesMustMatch || equal.equal(last.variables, this.variables))) {
             return last[key];
         }
     };
@@ -4488,10 +4685,14 @@ var ObservableQuery = (function (_super) {
             var queryDef = getQueryDefinition(this.query);
             var vars = queryDef.variableDefinitions;
             if (!vars || !vars.some(function (v) { return v.variable.name.value === "variables"; })) {
-                __DEV__ && tsInvariant.invariant.warn("Called refetch(".concat(JSON.stringify(variables), ") for query ").concat(((_a = queryDef.name) === null || _a === void 0 ? void 0 : _a.value) || JSON.stringify(queryDef), ", which does not declare a $variables variable.\nDid you mean to call refetch(variables) instead of refetch({ variables })?"));
+                __DEV__ && invariant.warn(
+                    20,
+                    variables,
+                    ((_a = queryDef.name) === null || _a === void 0 ? void 0 : _a.value) || queryDef
+                );
             }
         }
-        if (variables && !equality.equal(this.options.variables, variables)) {
+        if (variables && !equal.equal(this.options.variables, variables)) {
             reobserveOptions.variables = this.options.variables = tslib.__assign(tslib.__assign({}, this.options.variables), variables);
         }
         this.queryInfo.resetLastWrite();
@@ -4499,8 +4700,12 @@ var ObservableQuery = (function (_super) {
     };
     ObservableQuery.prototype.fetchMore = function (fetchMoreOptions) {
         var _this = this;
-        var combinedOptions = tslib.__assign(tslib.__assign({}, (fetchMoreOptions.query ? fetchMoreOptions : tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, this.options), { query: this.query }), fetchMoreOptions), { variables: tslib.__assign(tslib.__assign({}, this.options.variables), fetchMoreOptions.variables) }))), { fetchPolicy: "no-cache" });
+        var combinedOptions = tslib.__assign(tslib.__assign({}, (fetchMoreOptions.query ? fetchMoreOptions : tslib.__assign(tslib.__assign(tslib.__assign(tslib.__assign({}, this.options), { query: this.options.query }), fetchMoreOptions), { variables: tslib.__assign(tslib.__assign({}, this.options.variables), fetchMoreOptions.variables) }))), { fetchPolicy: "no-cache" });
+        combinedOptions.query = this.transformDocument(combinedOptions.query);
         var qid = this.queryManager.generateQueryId();
+        this.lastQuery = fetchMoreOptions.query
+            ? this.transformDocument(this.options.query)
+            : combinedOptions.query;
         var queryInfo = this.queryInfo;
         var originalNetworkStatus = queryInfo.networkStatus;
         queryInfo.networkStatus = exports.NetworkStatus.fetchMore;
@@ -4572,7 +4777,7 @@ var ObservableQuery = (function (_super) {
                     options.onError(err);
                     return;
                 }
-                __DEV__ && tsInvariant.invariant.error('Unhandled GraphQL subscription error', err);
+                __DEV__ && invariant.error(21, err);
             },
         });
         this.subscriptions.add(subscription);
@@ -4586,7 +4791,7 @@ var ObservableQuery = (function (_super) {
         return this.reobserve(newOptions);
     };
     ObservableQuery.prototype.setVariables = function (variables) {
-        if (equality.equal(this.variables, variables)) {
+        if (equal.equal(this.variables, variables)) {
             return this.observers.size
                 ? this.result()
                 : Promise.resolve();
@@ -4651,7 +4856,7 @@ var ObservableQuery = (function (_super) {
     };
     ObservableQuery.prototype.fetch = function (options, newNetworkStatus) {
         this.queryManager.setObservableQuery(this);
-        return this.queryManager.fetchQueryObservable(this.queryId, options, newNetworkStatus);
+        return this.queryManager['fetchConcastWithInfo'](this.queryId, options, newNetworkStatus);
     };
     ObservableQuery.prototype.updatePolling = function () {
         var _this = this;
@@ -4670,7 +4875,7 @@ var ObservableQuery = (function (_super) {
             pollingInfo.interval === pollInterval) {
             return;
         }
-        __DEV__ ? tsInvariant.invariant(pollInterval, 'Attempted to start a polling query without a polling interval.') : tsInvariant.invariant(pollInterval, 13);
+        invariant(pollInterval, 22);
         var info = pollingInfo || (this.pollingInfo = {});
         info.interval = pollInterval;
         var maybeFetch = function () {
@@ -4696,13 +4901,13 @@ var ObservableQuery = (function (_super) {
     };
     ObservableQuery.prototype.updateLastResult = function (newResult, variables) {
         if (variables === void 0) { variables = this.variables; }
-        this.last = tslib.__assign(tslib.__assign({}, this.last), { result: this.queryManager.assumeImmutableResults
-                ? newResult
-                : cloneDeep(newResult), variables: variables });
-        if (!isNonEmptyArray(newResult.errors)) {
-            delete this.last.error;
+        var error = this.getLastError();
+        if (error && this.last && !equal.equal(variables, this.last.variables)) {
+            error = void 0;
         }
-        return this.last;
+        return this.last = tslib.__assign({ result: this.queryManager.assumeImmutableResults
+                ? newResult
+                : cloneDeep(newResult), variables: variables }, (error ? { error: error } : null));
     };
     ObservableQuery.prototype.reobserveAsConcast = function (newOptions, newNetworkStatus) {
         var _this = this;
@@ -4716,11 +4921,13 @@ var ObservableQuery = (function (_super) {
         var options = useDisposableConcast
             ? mergedOptions
             : assign(this.options, mergedOptions);
+        var query = this.transformDocument(options.query);
+        this.lastQuery = query;
         if (!useDisposableConcast) {
             this.updatePolling();
             if (newOptions &&
                 newOptions.variables &&
-                !equality.equal(newOptions.variables, oldVariables) &&
+                !equal.equal(newOptions.variables, oldVariables) &&
                 options.fetchPolicy !== "standby" &&
                 options.fetchPolicy === oldFetchPolicy) {
                 this.applyNextFetchPolicy("variables-changed", options);
@@ -4729,8 +4936,9 @@ var ObservableQuery = (function (_super) {
                 }
             }
         }
+        var fetchOptions = query === options.query ? options : tslib.__assign(tslib.__assign({}, options), { query: query });
         var variables = options.variables && tslib.__assign({}, options.variables);
-        var concast = this.fetch(options, newNetworkStatus);
+        var _a = this.fetch(fetchOptions, newNetworkStatus), concast = _a.concast, fromLink = _a.fromLink;
         var observer = {
             next: function (result) {
                 _this.reportResult(result, variables);
@@ -4739,7 +4947,7 @@ var ObservableQuery = (function (_super) {
                 _this.reportError(error, variables);
             },
         };
-        if (!useDisposableConcast) {
+        if (!useDisposableConcast && (fromLink || !this.concast)) {
             if (this.concast && this.observer) {
                 this.concast.removeObserver(this.observer);
             }
@@ -4757,11 +4965,12 @@ var ObservableQuery = (function (_super) {
     };
     ObservableQuery.prototype.reportResult = function (result, variables) {
         var lastError = this.getLastError();
-        if (lastError || this.isDifferentFromLastResult(result, variables)) {
-            if (lastError || !result.partial || this.options.returnPartialData) {
-                this.updateLastResult(result, variables);
-            }
-            iterateObserversSafely(this.observers, 'next', result);
+        var isDifferent = this.isDifferentFromLastResult(result, variables);
+        if (lastError || !result.partial || this.options.returnPartialData) {
+            this.updateLastResult(result, variables);
+        }
+        if (lastError || isDifferent) {
+            iterateObserversSafely(this.observers, "next", result);
         }
     };
     ObservableQuery.prototype.reportError = function (error, variables) {
@@ -4787,6 +4996,9 @@ var ObservableQuery = (function (_super) {
         this.observers.clear();
         this.isTornDown = true;
     };
+    ObservableQuery.prototype.transformDocument = function (document) {
+        return this.queryManager.transform(document);
+    };
     return ObservableQuery;
 }(zenObservableTs.Observable));
 fixObservableSubclass(ObservableQuery);
@@ -4808,14 +5020,78 @@ function reobserveCacheFirst(obsQuery) {
     return obsQuery.reobserve();
 }
 function defaultSubscriptionObserverErrorCallback(error) {
-    __DEV__ && tsInvariant.invariant.error('Unhandled error', error.message, error.stack);
+    __DEV__ && invariant.error(23, error.message, error.stack);
 }
 function logMissingFieldErrors(missing) {
     if (__DEV__ && missing) {
-        __DEV__ && tsInvariant.invariant.debug("Missing cache result fields: ".concat(JSON.stringify(missing)), missing);
+        __DEV__ && invariant.debug(24, missing);
     }
 }
 
+function identity(document) {
+    return document;
+}
+var DocumentTransform = (function () {
+    function DocumentTransform(transform, options) {
+        if (options === void 0) { options = Object.create(null); }
+        this.resultCache = canUseWeakSet
+            ? new WeakSet()
+            : new Set();
+        this.transform = transform;
+        if (options.getCacheKey) {
+            this.getCacheKey = options.getCacheKey;
+        }
+        if (options.cache !== false) {
+            this.stableCacheKeys = new trie.Trie(canUseWeakMap, function (key) { return ({ key: key }); });
+        }
+    }
+    DocumentTransform.prototype.getCacheKey = function (document) {
+        return [document];
+    };
+    DocumentTransform.identity = function () {
+        return new DocumentTransform(identity, { cache: false });
+    };
+    DocumentTransform.split = function (predicate, left, right) {
+        if (right === void 0) { right = DocumentTransform.identity(); }
+        return new DocumentTransform(function (document) {
+            var documentTransform = predicate(document) ? left : right;
+            return documentTransform.transformDocument(document);
+        }, { cache: false });
+    };
+    DocumentTransform.prototype.transformDocument = function (document) {
+        if (this.resultCache.has(document)) {
+            return document;
+        }
+        var cacheEntry = this.getStableCacheEntry(document);
+        if (cacheEntry && cacheEntry.value) {
+            return cacheEntry.value;
+        }
+        checkDocument(document);
+        var transformedDocument = this.transform(document);
+        this.resultCache.add(transformedDocument);
+        if (cacheEntry) {
+            cacheEntry.value = transformedDocument;
+        }
+        return transformedDocument;
+    };
+    DocumentTransform.prototype.concat = function (otherTransform) {
+        var _this = this;
+        return new DocumentTransform(function (document) {
+            return otherTransform.transformDocument(_this.transformDocument(document));
+        }, { cache: false });
+    };
+    DocumentTransform.prototype.getStableCacheEntry = function (document) {
+        if (!this.stableCacheKeys)
+            return;
+        var cacheKeys = this.getCacheKey(document);
+        if (cacheKeys) {
+            invariant(Array.isArray(cacheKeys), 17);
+            return this.stableCacheKeys.lookupArray(cacheKeys);
+        }
+    };
+    return DocumentTransform;
+}());
+
 var LocalState = (function () {
     function LocalState(_a) {
         var cache = _a.cache, client = _a.client, resolvers = _a.resolvers, fragmentMatcher = _a.fragmentMatcher;
@@ -4875,12 +5151,8 @@ var LocalState = (function () {
         }
         return null;
     };
-    LocalState.prototype.serverQuery = function (document, options) {
-        if (options === void 0) { options = Object.create(null); }
-        var _a = options.removeClientFields, removeClientFields = _a === void 0 ? true : _a;
-        return removeClientFields
-            ? removeClientSetsFromDocument(document)
-            : document;
+    LocalState.prototype.serverQuery = function (document) {
+        return removeClientSetsFromDocument(document);
     };
     LocalState.prototype.prepareContext = function (context) {
         var cache = this.cache;
@@ -4995,7 +5267,7 @@ var LocalState = (function () {
                         }
                         else {
                             fragment = fragmentMap[selection.name.value];
-                            __DEV__ ? tsInvariant.invariant(fragment, "No fragment named ".concat(selection.name.value)) : tsInvariant.invariant(fragment, 11);
+                            invariant(fragment, 18, selection.name.value);
                         }
                         if (fragment && fragment.typeCondition) {
                             typeCondition = fragment.typeCondition.name.value;
@@ -5108,7 +5380,7 @@ var LocalState = (function () {
                     },
                     FragmentSpread: function (spread, _, __, ___, ancestors) {
                         var fragment = fragmentMap[spread.name.value];
-                        __DEV__ ? tsInvariant.invariant(fragment, "No fragment named ".concat(spread.name.value)) : tsInvariant.invariant(fragment, 12);
+                        invariant(fragment, 19, spread.name.value);
                         var fragmentSelections = collectByDefinition(fragment);
                         if (fragmentSelections.size > 0) {
                             ancestors.forEach(function (node) {
@@ -5170,10 +5442,10 @@ var QueryInfo = (function () {
         var networkStatus = query.networkStatus || exports.NetworkStatus.loading;
         if (this.variables &&
             this.networkStatus !== exports.NetworkStatus.loading &&
-            !equality.equal(this.variables, query.variables)) {
+            !equal.equal(this.variables, query.variables)) {
             networkStatus = exports.NetworkStatus.setVariables;
         }
-        if (!equality.equal(query.variables, this.variables)) {
+        if (!equal.equal(query.variables, this.variables)) {
             this.lastDiff = void 0;
         }
         Object.assign(this, {
@@ -5198,7 +5470,7 @@ var QueryInfo = (function () {
     QueryInfo.prototype.getDiff = function (variables) {
         if (variables === void 0) { variables = this.variables; }
         var options = this.getDiffOptions(variables);
-        if (this.lastDiff && equality.equal(options, this.lastDiff.options)) {
+        if (this.lastDiff && equal.equal(options, this.lastDiff.options)) {
             return this.lastDiff.diff;
         }
         this.updateWatch(this.variables = variables);
@@ -5232,7 +5504,7 @@ var QueryInfo = (function () {
         var oldDiff = this.lastDiff && this.lastDiff.diff;
         this.updateLastDiff(diff);
         if (!this.dirty &&
-            !equality.equal(oldDiff && oldDiff.result, diff && diff.result)) {
+            !equal.equal(oldDiff && oldDiff.result, diff && diff.result)) {
             this.dirty = true;
             if (!this.notifyTimeout) {
                 this.notifyTimeout = setTimeout(function () { return _this.notify(); }, 0);
@@ -5307,7 +5579,7 @@ var QueryInfo = (function () {
         }
         var watchOptions = tslib.__assign(tslib.__assign({}, this.getDiffOptions(variables)), { watcher: this, callback: function (diff) { return _this.setDiff(diff); } });
         if (!this.lastWatch ||
-            !equality.equal(watchOptions, this.lastWatch)) {
+            !equal.equal(watchOptions, this.lastWatch)) {
             this.cancel();
             this.cancel = this.cache.watch(this.lastWatch = watchOptions);
         }
@@ -5319,8 +5591,8 @@ var QueryInfo = (function () {
         var lastWrite = this.lastWrite;
         return !(lastWrite &&
             lastWrite.dmCount === destructiveMethodCounts.get(this.cache) &&
-            equality.equal(variables, lastWrite.variables) &&
-            equality.equal(result.data, lastWrite.result.data));
+            equal.equal(variables, lastWrite.variables) &&
+            equal.equal(result.data, lastWrite.result.data));
     };
     QueryInfo.prototype.markResult = function (result, document, options, cacheWriteBehavior) {
         var _this = this;
@@ -5412,7 +5684,8 @@ function shouldWriteResult(result, errorPolicy) {
 var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
 var QueryManager = (function () {
     function QueryManager(_a) {
-        var cache = _a.cache, link = _a.link, defaultOptions = _a.defaultOptions, _b = _a.queryDeduplication, queryDeduplication = _b === void 0 ? false : _b, onBroadcast = _a.onBroadcast, _c = _a.ssrMode, ssrMode = _c === void 0 ? false : _c, _d = _a.clientAwareness, clientAwareness = _d === void 0 ? {} : _d, localState = _a.localState, assumeImmutableResults = _a.assumeImmutableResults;
+        var cache = _a.cache, link = _a.link, defaultOptions = _a.defaultOptions, documentTransform = _a.documentTransform, _b = _a.queryDeduplication, queryDeduplication = _b === void 0 ? false : _b, onBroadcast = _a.onBroadcast, _c = _a.ssrMode, ssrMode = _c === void 0 ? false : _c, _d = _a.clientAwareness, clientAwareness = _d === void 0 ? {} : _d, localState = _a.localState, _e = _a.assumeImmutableResults, assumeImmutableResults = _e === void 0 ? !!cache.assumeImmutableResults : _e;
+        var _this = this;
         this.clientAwareness = {};
         this.queries = new Map();
         this.fetchCancelFns = new Map();
@@ -5421,6 +5694,7 @@ var QueryManager = (function () {
         this.requestIdCounter = 1;
         this.mutationIdCounter = 1;
         this.inFlightLinkObservables = new Map();
+        var defaultDocumentTransform = new DocumentTransform(function (document) { return _this.cache.transformDocument(document); }, { cache: false });
         this.cache = cache;
         this.link = link;
         this.defaultOptions = defaultOptions || Object.create(null);
@@ -5428,7 +5702,12 @@ var QueryManager = (function () {
         this.clientAwareness = clientAwareness;
         this.localState = localState || new LocalState({ cache: cache });
         this.ssrMode = ssrMode;
-        this.assumeImmutableResults = !!assumeImmutableResults;
+        this.assumeImmutableResults = assumeImmutableResults;
+        this.documentTransform = documentTransform
+            ? defaultDocumentTransform
+                .concat(documentTransform)
+                .concat(defaultDocumentTransform)
+            : defaultDocumentTransform;
         if ((this.onBroadcast = onBroadcast)) {
             this.mutationStore = Object.create(null);
         }
@@ -5438,7 +5717,7 @@ var QueryManager = (function () {
         this.queries.forEach(function (_info, queryId) {
             _this.stopQueryNoBroadcast(queryId);
         });
-        this.cancelPendingFetches(__DEV__ ? new tsInvariant.InvariantError('QueryManager stopped while query was in flight') : new tsInvariant.InvariantError(14));
+        this.cancelPendingFetches(newInvariantError(25));
     };
     QueryManager.prototype.cancelPendingFetches = function (error) {
         this.fetchCancelFns.forEach(function (cancel) { return cancel(error); });
@@ -5448,23 +5727,22 @@ var QueryManager = (function () {
         var _b, _c;
         var mutation = _a.mutation, variables = _a.variables, optimisticResponse = _a.optimisticResponse, updateQueries = _a.updateQueries, _d = _a.refetchQueries, refetchQueries = _d === void 0 ? [] : _d, _e = _a.awaitRefetchQueries, awaitRefetchQueries = _e === void 0 ? false : _e, updateWithProxyFn = _a.update, onQueryUpdated = _a.onQueryUpdated, _f = _a.fetchPolicy, fetchPolicy = _f === void 0 ? ((_b = this.defaultOptions.mutate) === null || _b === void 0 ? void 0 : _b.fetchPolicy) || "network-only" : _f, _g = _a.errorPolicy, errorPolicy = _g === void 0 ? ((_c = this.defaultOptions.mutate) === null || _c === void 0 ? void 0 : _c.errorPolicy) || "none" : _g, keepRootFields = _a.keepRootFields, context = _a.context;
         return tslib.__awaiter(this, void 0, void 0, function () {
-            var mutationId, _h, document, hasClientExports, mutationStoreValue, self;
-            return tslib.__generator(this, function (_j) {
-                switch (_j.label) {
+            var mutationId, hasClientExports, mutationStoreValue, self;
+            return tslib.__generator(this, function (_h) {
+                switch (_h.label) {
                     case 0:
-                        __DEV__ ? tsInvariant.invariant(mutation, 'mutation option is required. You must specify your GraphQL document in the mutation option.') : tsInvariant.invariant(mutation, 15);
-                        __DEV__ ? tsInvariant.invariant(fetchPolicy === 'network-only' ||
-                            fetchPolicy === 'no-cache', "Mutations support only 'network-only' or 'no-cache' fetchPolicy strings. The default `network-only` behavior automatically writes mutation results to the cache. Passing `no-cache` skips the cache write.") : tsInvariant.invariant(fetchPolicy === 'network-only' ||
-                            fetchPolicy === 'no-cache', 16);
+                        invariant(mutation, 26);
+                        invariant(fetchPolicy === 'network-only' ||
+                            fetchPolicy === 'no-cache', 27);
                         mutationId = this.generateMutationId();
-                        _h = this.transform(mutation), document = _h.document, hasClientExports = _h.hasClientExports;
-                        mutation = this.cache.transformForLink(document);
+                        mutation = this.cache.transformForLink(this.transform(mutation));
+                        hasClientExports = this.getDocumentInfo(mutation).hasClientExports;
                         variables = this.getVariables(mutation, variables);
                         if (!hasClientExports) return [3, 2];
                         return [4, this.localState.addExportedVariables(mutation, variables, context)];
                     case 1:
-                        variables = (_j.sent());
-                        _j.label = 2;
+                        variables = (_h.sent());
+                        _h.label = 2;
                     case 2:
                         mutationStoreValue = this.mutationStore &&
                             (this.mutationStore[mutationId] = {
@@ -5567,7 +5845,7 @@ var QueryManager = (function () {
             if (isExecutionPatchIncrementalResult(result) && isNonEmptyArray(result.incremental)) {
                 var diff = cache.diff({
                     id: "ROOT_MUTATION",
-                    query: this.transform(mutation.document).asQuery,
+                    query: this.getDocumentInfo(mutation.document).asQuery,
                     variables: mutation.variables,
                     optimistic: false,
                     returnPartialData: true,
@@ -5638,7 +5916,7 @@ var QueryManager = (function () {
                         if (!skipCache) {
                             var diff = cache.diff({
                                 id: "ROOT_MUTATION",
-                                query: _this.transform(mutation.document).asQuery,
+                                query: _this.getDocumentInfo(mutation.document).asQuery,
                                 variables: mutation.variables,
                                 optimistic: false,
                                 returnPartialData: true,
@@ -5691,12 +5969,12 @@ var QueryManager = (function () {
                 _this.markMutationResult(tslib.__assign(tslib.__assign({}, mutation), { result: { data: data } }), cache);
             }
             catch (error) {
-                __DEV__ && tsInvariant.invariant.error(error);
+                __DEV__ && invariant.error(error);
             }
         }, mutation.mutationId);
     };
     QueryManager.prototype.fetchQuery = function (queryId, options, networkStatus) {
-        return this.fetchQueryObservable(queryId, options, networkStatus).promise;
+        return this.fetchConcastWithInfo(queryId, options, networkStatus).concast.promise;
     };
     QueryManager.prototype.getQueryStore = function () {
         var store = Object.create(null);
@@ -5718,22 +5996,23 @@ var QueryManager = (function () {
         }
     };
     QueryManager.prototype.transform = function (document) {
+        return this.documentTransform.transformDocument(document);
+    };
+    QueryManager.prototype.getDocumentInfo = function (document) {
         var transformCache = this.transformCache;
-        var _a = (this.defaultOptions.transformQuery || Object.create(null)).removeClientFields, removeClientFields = _a === void 0 ? true : _a;
         if (!transformCache.has(document)) {
-            var transformed = this.cache.transformDocument(document);
-            var noConnection = removeConnectionDirectiveFromDocument(transformed);
-            var clientQuery = this.localState.clientQuery(transformed);
-            var serverQuery = noConnection &&
-                this.localState.serverQuery(noConnection, { removeClientFields: removeClientFields });
-            var cacheEntry_1 = {
-                document: transformed,
-                hasClientExports: hasClientExports(transformed),
-                hasForcedResolvers: this.localState.shouldForceResolvers(transformed),
-                clientQuery: clientQuery,
-                serverQuery: serverQuery,
-                defaultVars: getDefaultValues(getOperationDefinition(transformed)),
-                asQuery: tslib.__assign(tslib.__assign({}, transformed), { definitions: transformed.definitions.map(function (def) {
+            var cacheEntry = {
+                hasClientExports: hasClientExports(document),
+                hasForcedResolvers: this.localState.shouldForceResolvers(document),
+                hasNonreactiveDirective: hasDirectives(['nonreactive'], document),
+                clientQuery: this.localState.clientQuery(document),
+                serverQuery: removeDirectivesFromDocument([
+                    { name: 'client', remove: true },
+                    { name: 'connection' },
+                    { name: 'nonreactive' },
+                ], document),
+                defaultVars: getDefaultValues(getOperationDefinition(document)),
+                asQuery: tslib.__assign(tslib.__assign({}, document), { definitions: document.definitions.map(function (def) {
                         if (def.kind === "OperationDefinition" &&
                             def.operation !== "query") {
                             return tslib.__assign(tslib.__assign({}, def), { operation: "query" });
@@ -5741,23 +6020,16 @@ var QueryManager = (function () {
                         return def;
                     }) })
             };
-            var add = function (doc) {
-                if (doc && !transformCache.has(doc)) {
-                    transformCache.set(doc, cacheEntry_1);
-                }
-            };
-            add(document);
-            add(transformed);
-            add(clientQuery);
-            add(serverQuery);
+            transformCache.set(document, cacheEntry);
         }
         return transformCache.get(document);
     };
     QueryManager.prototype.getVariables = function (document, variables) {
-        return tslib.__assign(tslib.__assign({}, this.transform(document).defaultVars), variables);
+        return tslib.__assign(tslib.__assign({}, this.getDocumentInfo(document).defaultVars), variables);
     };
     QueryManager.prototype.watchQuery = function (options) {
-        options = tslib.__assign(tslib.__assign({}, options), { variables: this.getVariables(options.query, options.variables) });
+        var query = this.transform(options.query);
+        options = tslib.__assign(tslib.__assign({}, options), { variables: this.getVariables(query, options.variables) });
         if (typeof options.notifyOnNetworkStatusChange === 'undefined') {
             options.notifyOnNetworkStatusChange = false;
         }
@@ -5767,9 +6039,10 @@ var QueryManager = (function () {
             queryInfo: queryInfo,
             options: options,
         });
+        observable['lastQuery'] = query;
         this.queries.set(observable.queryId, queryInfo);
         queryInfo.init({
-            document: observable.query,
+            document: query,
             observableQuery: observable,
             variables: observable.variables,
         });
@@ -5778,12 +6051,11 @@ var QueryManager = (function () {
     QueryManager.prototype.query = function (options, queryId) {
         var _this = this;
         if (queryId === void 0) { queryId = this.generateQueryId(); }
-        __DEV__ ? tsInvariant.invariant(options.query, 'query option is required. You must specify your GraphQL document ' +
-            'in the query option.') : tsInvariant.invariant(options.query, 17);
-        __DEV__ ? tsInvariant.invariant(options.query.kind === 'Document', 'You must wrap the query string in a "gql" tag.') : tsInvariant.invariant(options.query.kind === 'Document', 18);
-        __DEV__ ? tsInvariant.invariant(!options.returnPartialData, 'returnPartialData option only supported on watchQuery.') : tsInvariant.invariant(!options.returnPartialData, 19);
-        __DEV__ ? tsInvariant.invariant(!options.pollInterval, 'pollInterval option only supported on watchQuery.') : tsInvariant.invariant(!options.pollInterval, 20);
-        return this.fetchQuery(queryId, options).finally(function () { return _this.stopQuery(queryId); });
+        invariant(options.query, 28);
+        invariant(options.query.kind === 'Document', 29);
+        invariant(!options.returnPartialData, 30);
+        invariant(!options.pollInterval, 31);
+        return this.fetchQuery(queryId, tslib.__assign(tslib.__assign({}, options), { query: this.transform(options.query) })).finally(function () { return _this.stopQuery(queryId); });
     };
     QueryManager.prototype.generateQueryId = function () {
         return String(this.queryIdCounter++);
@@ -5807,7 +6079,7 @@ var QueryManager = (function () {
         if (options === void 0) { options = {
             discardWatches: true,
         }; }
-        this.cancelPendingFetches(__DEV__ ? new tsInvariant.InvariantError('Store reset while query was in flight (not completed in link chain)') : new tsInvariant.InvariantError(21));
+        this.cancelPendingFetches(newInvariantError(32));
         this.queries.forEach(function (queryInfo) {
             if (queryInfo.observableQuery) {
                 queryInfo.networkStatus = exports.NetworkStatus.loading;
@@ -5833,7 +6105,7 @@ var QueryManager = (function () {
                     queryNamesAndDocs.set(desc, false);
                 }
                 else if (isDocumentNode(desc)) {
-                    queryNamesAndDocs.set(_this.transform(desc).document, false);
+                    queryNamesAndDocs.set(_this.transform(desc), false);
                 }
                 else if (isNonNullObject(desc) && desc.query) {
                     legacyQueryOptions.add(desc);
@@ -5875,7 +6147,7 @@ var QueryManager = (function () {
                     queryInfo: queryInfo,
                     options: tslib.__assign(tslib.__assign({}, options), { fetchPolicy: "network-only" }),
                 });
-                tsInvariant.invariant(oq.queryId === queryId);
+                invariant(oq.queryId === queryId);
                 queryInfo.setObservableQuery(oq);
                 queries.set(queryId, oq);
             });
@@ -5883,7 +6155,7 @@ var QueryManager = (function () {
         if (__DEV__ && queryNamesAndDocs.size) {
             queryNamesAndDocs.forEach(function (included, nameOrDoc) {
                 if (!included) {
-                    __DEV__ && tsInvariant.invariant.warn("Unknown query ".concat(typeof nameOrDoc === "string" ? "named " : "").concat(JSON.stringify(nameOrDoc, null, 2), " requested in refetchQueries options.include array"));
+                    __DEV__ && invariant.warn(typeof nameOrDoc === "string" ? 33 : 34, nameOrDoc);
                 }
             });
         }
@@ -5912,7 +6184,7 @@ var QueryManager = (function () {
     QueryManager.prototype.startGraphQLSubscription = function (_a) {
         var _this = this;
         var query = _a.query, fetchPolicy = _a.fetchPolicy, errorPolicy = _a.errorPolicy, variables = _a.variables, _b = _a.context, context = _b === void 0 ? {} : _b;
-        query = this.transform(query).document;
+        query = this.transform(query);
         variables = this.getVariables(query, variables);
         var makeObservable = function (variables) {
             return _this.getObservableFromLink(query, context, variables).map(function (result) {
@@ -5927,15 +6199,22 @@ var QueryManager = (function () {
                     }
                     _this.broadcastQueries();
                 }
-                if (graphQLResultHasError(result)) {
-                    throw new ApolloError({
-                        graphQLErrors: result.errors,
-                    });
+                var hasErrors = graphQLResultHasError(result);
+                var hasProtocolErrors = graphQLResultHasProtocolErrors(result);
+                if (hasErrors || hasProtocolErrors) {
+                    var errors = {};
+                    if (hasErrors) {
+                        errors.graphQLErrors = result.errors;
+                    }
+                    if (hasProtocolErrors) {
+                        errors.protocolErrors = result.extensions[PROTOCOL_ERRORS_SYMBOL];
+                    }
+                    throw new ApolloError(errors);
                 }
                 return result;
             });
         };
-        if (this.transform(query).hasClientExports) {
+        if (this.getDocumentInfo(query).hasClientExports) {
             var observablePromise_1 = this.localState.addExportedVariables(query, variables, context).then(makeObservable);
             return new zenObservableTs.Observable(function (observer) {
                 var sub = null;
@@ -5973,9 +6252,9 @@ var QueryManager = (function () {
         var _a;
         if (deduplication === void 0) { deduplication = (_a = context === null || context === void 0 ? void 0 : context.queryDeduplication) !== null && _a !== void 0 ? _a : this.queryDeduplication; }
         var observable;
-        var serverQuery = this.transform(query).serverQuery;
+        var _b = this.getDocumentInfo(query), serverQuery = _b.serverQuery, clientQuery = _b.clientQuery;
         if (serverQuery) {
-            var _b = this, inFlightLinkObservables_1 = _b.inFlightLinkObservables, link = _b.link;
+            var _c = this, inFlightLinkObservables_1 = _c.inFlightLinkObservables, link = _c.link;
             var operation = {
                 query: serverQuery,
                 variables: variables,
@@ -6013,7 +6292,6 @@ var QueryManager = (function () {
             ]);
             context = this.prepareContext(context);
         }
-        var clientQuery = this.transform(query).clientQuery;
         if (clientQuery) {
             observable = asyncMap(observable, function (result) {
                 return _this.localState.runResolvers({
@@ -6028,7 +6306,7 @@ var QueryManager = (function () {
     };
     QueryManager.prototype.getResultsFromLink = function (queryInfo, cacheWriteBehavior, options) {
         var requestId = queryInfo.lastRequestId = this.generateRequestId();
-        var linkDocument = this.cache.transformForLink(this.transform(queryInfo.document).document);
+        var linkDocument = this.cache.transformForLink(options.query);
         return asyncMap(this.getObservableFromLink(linkDocument, options.context, options.variables), function (result) {
             var graphQLErrors = getGraphQLErrorsFromResult(result);
             var hasErrors = graphQLErrors.length > 0;
@@ -6061,10 +6339,10 @@ var QueryManager = (function () {
             throw error;
         });
     };
-    QueryManager.prototype.fetchQueryObservable = function (queryId, options, networkStatus) {
+    QueryManager.prototype.fetchConcastWithInfo = function (queryId, options, networkStatus) {
         var _this = this;
         if (networkStatus === void 0) { networkStatus = exports.NetworkStatus.loading; }
-        var query = this.transform(options.query).document;
+        var query = options.query;
         var variables = this.getVariables(query, options.variables);
         var queryInfo = this.getQuery(queryId);
         var defaults = this.defaultOptions.watchQuery;
@@ -6080,24 +6358,36 @@ var QueryManager = (function () {
         });
         var fromVariables = function (variables) {
             normalized.variables = variables;
-            var concastSources = _this.fetchQueryByPolicy(queryInfo, normalized, networkStatus);
+            var sourcesWithInfo = _this.fetchQueryByPolicy(queryInfo, normalized, networkStatus);
             if (normalized.fetchPolicy !== "standby" &&
-                concastSources.length > 0 &&
+                sourcesWithInfo.sources.length > 0 &&
                 queryInfo.observableQuery) {
                 queryInfo.observableQuery["applyNextFetchPolicy"]("after-fetch", options);
             }
-            return concastSources;
+            return sourcesWithInfo;
         };
         var cleanupCancelFn = function () { return _this.fetchCancelFns.delete(queryId); };
         this.fetchCancelFns.set(queryId, function (reason) {
             cleanupCancelFn();
             setTimeout(function () { return concast.cancel(reason); });
         });
-        var concast = new Concast(this.transform(normalized.query).hasClientExports
-            ? this.localState.addExportedVariables(normalized.query, normalized.variables, normalized.context).then(fromVariables)
-            : fromVariables(normalized.variables));
+        var concast, containsDataFromLink;
+        if (this.getDocumentInfo(normalized.query).hasClientExports) {
+            concast = new Concast(this.localState
+                .addExportedVariables(normalized.query, normalized.variables, normalized.context)
+                .then(fromVariables).then(function (sourcesWithInfo) { return sourcesWithInfo.sources; }));
+            containsDataFromLink = true;
+        }
+        else {
+            var sourcesWithInfo = fromVariables(normalized.variables);
+            containsDataFromLink = sourcesWithInfo.fromLink;
+            concast = new Concast(sourcesWithInfo.sources);
+        }
         concast.promise.then(cleanupCancelFn, cleanupCancelFn);
-        return concast;
+        return {
+            concast: concast,
+            fromLink: containsDataFromLink,
+        };
     };
     QueryManager.prototype.refetchQueries = function (_a) {
         var _this = this;
@@ -6172,7 +6462,7 @@ var QueryManager = (function () {
         var query = _a.query, variables = _a.variables, fetchPolicy = _a.fetchPolicy, refetchWritePolicy = _a.refetchWritePolicy, errorPolicy = _a.errorPolicy, returnPartialData = _a.returnPartialData, context = _a.context, notifyOnNetworkStatusChange = _a.notifyOnNetworkStatusChange;
         var oldNetworkStatus = queryInfo.networkStatus;
         queryInfo.init({
-            document: this.transform(query).document,
+            document: query,
             variables: variables,
             networkStatus: networkStatus,
         });
@@ -6182,11 +6472,11 @@ var QueryManager = (function () {
             var data = diff.result;
             if (__DEV__ &&
                 !returnPartialData &&
-                !equality.equal(data, {})) {
+                !equal.equal(data, {})) {
                 logMissingFieldErrors(diff.missing);
             }
             var fromData = function (data) { return zenObservableTs.Observable.of(tslib.__assign({ data: data, loading: isNetworkRequestInFlight(networkStatus), networkStatus: networkStatus }, (diff.complete ? null : { partial: true }))); };
-            if (data && _this.transform(query).hasForcedResolvers) {
+            if (data && _this.getDocumentInfo(query).hasForcedResolvers) {
                 return _this.localState.runResolvers({
                     document: query,
                     remoteResult: { data: data },
@@ -6207,6 +6497,7 @@ var QueryManager = (function () {
                 refetchWritePolicy !== "merge") ? 1
                 : 2;
         var resultsFromLink = function () { return _this.getResultsFromLink(queryInfo, cacheWriteBehavior, {
+            query: query,
             variables: variables,
             context: context,
             fetchPolicy: fetchPolicy,
@@ -6221,54 +6512,40 @@ var QueryManager = (function () {
             case "cache-first": {
                 var diff = readCache();
                 if (diff.complete) {
-                    return [
-                        resultsFromCache(diff, queryInfo.markReady()),
-                    ];
+                    return { fromLink: false, sources: [resultsFromCache(diff, queryInfo.markReady())] };
                 }
                 if (returnPartialData || shouldNotify) {
-                    return [
-                        resultsFromCache(diff),
-                        resultsFromLink(),
-                    ];
+                    return { fromLink: true, sources: [resultsFromCache(diff), resultsFromLink()] };
                 }
-                return [
-                    resultsFromLink(),
-                ];
+                return { fromLink: true, sources: [resultsFromLink()] };
             }
             case "cache-and-network": {
                 var diff = readCache();
                 if (diff.complete || returnPartialData || shouldNotify) {
-                    return [
-                        resultsFromCache(diff),
-                        resultsFromLink(),
-                    ];
+                    return { fromLink: true, sources: [resultsFromCache(diff), resultsFromLink()] };
                 }
-                return [
-                    resultsFromLink(),
-                ];
+                return { fromLink: true, sources: [resultsFromLink()] };
             }
             case "cache-only":
-                return [
-                    resultsFromCache(readCache(), queryInfo.markReady()),
-                ];
+                return { fromLink: false, sources: [resultsFromCache(readCache(), queryInfo.markReady())] };
             case "network-only":
                 if (shouldNotify) {
-                    return [
-                        resultsFromCache(readCache()),
-                        resultsFromLink(),
-                    ];
+                    return { fromLink: true, sources: [resultsFromCache(readCache()), resultsFromLink()] };
                 }
-                return [resultsFromLink()];
+                return { fromLink: true, sources: [resultsFromLink()] };
             case "no-cache":
                 if (shouldNotify) {
-                    return [
-                        resultsFromCache(queryInfo.getDiff()),
-                        resultsFromLink(),
-                    ];
+                    return {
+                        fromLink: true,
+                        sources: [
+                            resultsFromCache(queryInfo.getDiff()),
+                            resultsFromLink(),
+                        ],
+                    };
                 }
-                return [resultsFromLink()];
+                return { fromLink: true, sources: [resultsFromLink()] };
             case "standby":
-                return [];
+                return { fromLink: false, sources: [] };
         }
     };
     QueryManager.prototype.getQuery = function (queryId) {
@@ -6291,20 +6568,18 @@ var ApolloClient = (function () {
         var _this = this;
         this.resetStoreCallbacks = [];
         this.clearStoreCallbacks = [];
-        var uri = options.uri, credentials = options.credentials, headers = options.headers, cache = options.cache, _a = options.ssrMode, ssrMode = _a === void 0 ? false : _a, _b = options.ssrForceFetchDelay, ssrForceFetchDelay = _b === void 0 ? 0 : _b, _c = options.connectToDevTools, connectToDevTools = _c === void 0 ? typeof window === 'object' &&
+        if (!options.cache) {
+            throw newInvariantError(13);
+        }
+        var uri = options.uri, credentials = options.credentials, headers = options.headers, cache = options.cache, documentTransform = options.documentTransform, _a = options.ssrMode, ssrMode = _a === void 0 ? false : _a, _b = options.ssrForceFetchDelay, ssrForceFetchDelay = _b === void 0 ? 0 : _b, _c = options.connectToDevTools, connectToDevTools = _c === void 0 ? typeof window === 'object' &&
             !window.__APOLLO_CLIENT__ &&
-            __DEV__ : _c, _d = options.queryDeduplication, queryDeduplication = _d === void 0 ? true : _d, defaultOptions = options.defaultOptions, _e = options.assumeImmutableResults, assumeImmutableResults = _e === void 0 ? false : _e, resolvers = options.resolvers, typeDefs = options.typeDefs, fragmentMatcher = options.fragmentMatcher, clientAwarenessName = options.name, clientAwarenessVersion = options.version;
+            __DEV__ : _c, _d = options.queryDeduplication, queryDeduplication = _d === void 0 ? true : _d, defaultOptions = options.defaultOptions, _e = options.assumeImmutableResults, assumeImmutableResults = _e === void 0 ? cache.assumeImmutableResults : _e, resolvers = options.resolvers, typeDefs = options.typeDefs, fragmentMatcher = options.fragmentMatcher, clientAwarenessName = options.name, clientAwarenessVersion = options.version;
         var link = options.link;
         if (!link) {
             link = uri
                 ? new HttpLink({ uri: uri, credentials: credentials, headers: headers })
                 : ApolloLink.empty();
         }
-        if (!cache) {
-            throw __DEV__ ? new tsInvariant.InvariantError("To initialize Apollo Client, you must specify a 'cache' property " +
-                "in the options object. \n" +
-                "For more information, please visit: https://go.apollo.dev/c/docs") : new tsInvariant.InvariantError(9);
-        }
         this.link = link;
         this.cache = cache;
         this.disableNetworkFetches = ssrMode || ssrForceFetchDelay > 0;
@@ -6341,8 +6616,7 @@ var ApolloClient = (function () {
                     }
                 }
                 if (url) {
-                    __DEV__ && tsInvariant.invariant.log("Download the Apollo DevTools for a better development " +
-                        "experience: " + url);
+                    __DEV__ && invariant.log(14, url);
                 }
             }
         }
@@ -6357,6 +6631,7 @@ var ApolloClient = (function () {
             cache: this.cache,
             link: this.link,
             defaultOptions: this.defaultOptions,
+            documentTransform: documentTransform,
             queryDeduplication: queryDeduplication,
             ssrMode: ssrMode,
             clientAwareness: {
@@ -6379,6 +6654,13 @@ var ApolloClient = (function () {
             } : void 0,
         });
     }
+    Object.defineProperty(ApolloClient.prototype, "documentTransform", {
+        get: function () {
+            return this.queryManager.documentTransform;
+        },
+        enumerable: false,
+        configurable: true
+    });
     ApolloClient.prototype.stop = function () {
         this.queryManager.stop();
     };
@@ -6397,10 +6679,7 @@ var ApolloClient = (function () {
         if (this.defaultOptions.query) {
             options = mergeOptions(this.defaultOptions.query, options);
         }
-        __DEV__ ? tsInvariant.invariant(options.fetchPolicy !== 'cache-and-network', 'The cache-and-network fetchPolicy does not work with client.query, because ' +
-            'client.query can only return a single result. Please use client.watchQuery ' +
-            'to receive multiple results from the cache and the network, or consider ' +
-            'using a different fetchPolicy, such as cache-first or network-only.') : tsInvariant.invariant(options.fetchPolicy !== 'cache-and-network', 10);
+        invariant(options.fetchPolicy !== 'cache-and-network', 15);
         if (this.disableNetworkFetches && options.fetchPolicy === 'network-only') {
             options = tslib.__assign(tslib.__assign({}, options), { fetchPolicy: 'cache-first' });
         }
@@ -6489,7 +6768,7 @@ var ApolloClient = (function () {
         result.queries = queries;
         result.results = results;
         result.catch(function (error) {
-            __DEV__ && tsInvariant.invariant.debug("In client.refetchQueries, Promise.all promise rejected with error ".concat(error));
+            __DEV__ && invariant.debug(16, error);
         });
         return result;
     };
@@ -6525,24 +6804,25 @@ var contextKey = canUseSymbol
     ? Symbol.for('__APOLLO_CONTEXT__')
     : '__APOLLO_CONTEXT__';
 function getApolloContext() {
-    var context = React__namespace.createContext[contextKey];
+    invariant('createContext' in React__namespace, 45);
+    var contextStorage = global$1[contextKey];
+    if (!contextStorage) {
+        contextStorage = global$1[contextKey] = new Map();
+    }
+    var context = contextStorage.get(React__namespace);
     if (!context) {
-        Object.defineProperty(React__namespace.createContext, contextKey, {
-            value: context = React__namespace.createContext({}),
-            enumerable: false,
-            writable: false,
-            configurable: true,
-        });
+        context = React__namespace.createContext({});
         context.displayName = 'ApolloContext';
+        contextStorage.set(React__namespace, context);
     }
     return context;
 }
+var resetApolloContext = getApolloContext;
 
 var ApolloConsumer = function (props) {
     var ApolloContext = getApolloContext();
     return (React__namespace.createElement(ApolloContext.Consumer, null, function (context) {
-        __DEV__ ? tsInvariant.invariant(context && context.client, 'Could not find "client" in the context of ApolloConsumer. ' +
-            'Wrap the root component in an <ApolloProvider>.') : tsInvariant.invariant(context && context.client, 28);
+        invariant(context && context.client, 44);
         return props.children(context.client);
     }));
 };
@@ -6550,39 +6830,31 @@ var ApolloConsumer = function (props) {
 var ApolloProvider = function (_a) {
     var client = _a.client, suspenseCache = _a.suspenseCache, children = _a.children;
     var ApolloContext = getApolloContext();
-    return (React__namespace.createElement(ApolloContext.Consumer, null, function (context) {
-        if (context === void 0) { context = {}; }
-        if (client && context.client !== client) {
-            context = Object.assign({}, context, { client: client });
-        }
-        if (suspenseCache) {
-            context = Object.assign({}, context, { suspenseCache: suspenseCache });
-        }
-        __DEV__ ? tsInvariant.invariant(context.client, 'ApolloProvider was not passed a client instance. Make ' +
-            'sure you pass in your client via the "client" prop.') : tsInvariant.invariant(context.client, 29);
-        return (React__namespace.createElement(ApolloContext.Provider, { value: context }, children));
-    }));
+    var parentContext = React__namespace.useContext(ApolloContext);
+    var context = React__namespace.useMemo(function () {
+        return tslib.__assign(tslib.__assign({}, parentContext), { client: client || parentContext.client, suspenseCache: suspenseCache || parentContext.suspenseCache });
+    }, [parentContext, client, suspenseCache]);
+    invariant(context.client, 46);
+    return (React__namespace.createElement(ApolloContext.Provider, { value: context }, children));
 };
 
 function useApolloClient(override) {
     var context = React.useContext(getApolloContext());
     var client = override || context.client;
-    __DEV__ ? tsInvariant.invariant(!!client, 'Could not find "client" in the context or passed in as an option. ' +
-        'Wrap the root component in an <ApolloProvider>, or pass an ApolloClient ' +
-        'instance in via options.') : tsInvariant.invariant(!!client, 32);
+    invariant(!!client, 49);
     return client;
 }
 
 var didWarnUncachedGetSnapshot = false;
 var uSESKey = "useSyncExternalStore";
-var realHook = React__namespace[uSESKey];
-var useSyncExternalStore = realHook || (function (subscribe, getSnapshot, getServerSnapshot) {
+var realHook$1 = React__namespace[uSESKey];
+var useSyncExternalStore = realHook$1 || (function (subscribe, getSnapshot, getServerSnapshot) {
     var value = getSnapshot();
     if (__DEV__ &&
         !didWarnUncachedGetSnapshot &&
         value !== getSnapshot()) {
         didWarnUncachedGetSnapshot = true;
-        __DEV__ && tsInvariant.invariant.error('The result of getSnapshot should be cached to avoid an infinite loop');
+        __DEV__ && invariant.error(59);
     }
     var _a = React__namespace.useState({ inst: { value: value, getSnapshot: getSnapshot } }), inst = _a[0].inst, forceUpdate = _a[1];
     if (canUseLayoutEffect) {
@@ -6645,9 +6917,7 @@ function parser(document) {
     if (cached)
         return cached;
     var variables, type, name;
-    __DEV__ ? tsInvariant.invariant(!!document && !!document.kind, "Argument of ".concat(document, " passed to parser was not a valid GraphQL ") +
-        "DocumentNode. You may need to use 'graphql-tag' or another method " +
-        "to convert your operation into a document") : tsInvariant.invariant(!!document && !!document.kind, 35);
+    invariant(!!document && !!document.kind, 60, document);
     var fragments = [];
     var queries = [];
     var mutations = [];
@@ -6672,14 +6942,16 @@ function parser(document) {
             }
         }
     }
-    __DEV__ ? tsInvariant.invariant(!fragments.length ||
-        (queries.length || mutations.length || subscriptions.length), "Passing only a fragment to 'graphql' is not yet supported. " +
-        "You must include a query, subscription or mutation as well") : tsInvariant.invariant(!fragments.length ||
-        (queries.length || mutations.length || subscriptions.length), 36);
-    __DEV__ ? tsInvariant.invariant(queries.length + mutations.length + subscriptions.length <= 1, "react-apollo only supports a query, subscription, or a mutation per HOC. " +
-        "".concat(document, " had ").concat(queries.length, " queries, ").concat(subscriptions.length, " ") +
-        "subscriptions and ".concat(mutations.length, " mutations. ") +
-        "You can use 'compose' to join multiple operation types to a component") : tsInvariant.invariant(queries.length + mutations.length + subscriptions.length <= 1, 37);
+    invariant(!fragments.length ||
+        (queries.length || mutations.length || subscriptions.length), 61);
+    invariant(
+        queries.length + mutations.length + subscriptions.length <= 1,
+        62,
+        document,
+        queries.length,
+        subscriptions.length,
+        mutations.length
+    );
     type = queries.length ? exports.DocumentType.Query : exports.DocumentType.Mutation;
     if (!queries.length && !mutations.length)
         type = exports.DocumentType.Subscription;
@@ -6688,9 +6960,7 @@ function parser(document) {
         : mutations.length
             ? mutations
             : subscriptions;
-    __DEV__ ? tsInvariant.invariant(definitions.length === 1, "react-apollo only supports one definition per HOC. ".concat(document, " had ") +
-        "".concat(definitions.length, " definitions. ") +
-        "You can use 'compose' to join multiple operation types to a component") : tsInvariant.invariant(definitions.length === 1, 38);
+    invariant(definitions.length === 1, 63, document, definitions.length);
     var definition = definitions[0];
     variables = definition.variableDefinitions || [];
     if (definition.name && definition.name.kind === 'Name') {
@@ -6707,8 +6977,13 @@ function verifyDocumentType(document, type) {
     var operation = parser(document);
     var requiredOperationName = operationName(type);
     var usedOperationName = operationName(operation.type);
-    __DEV__ ? tsInvariant.invariant(operation.type === type, "Running a ".concat(requiredOperationName, " requires a graphql ") +
-        "".concat(requiredOperationName, ", but a ").concat(usedOperationName, " was used instead.")) : tsInvariant.invariant(operation.type === type, 39);
+    invariant(
+        operation.type === type,
+        64,
+        requiredOperationName,
+        requiredOperationName,
+        usedOperationName
+    );
 }
 
 var hasOwnProperty = Object.prototype.hasOwnProperty;
@@ -6734,8 +7009,6 @@ var InternalState = (function () {
     function InternalState(client, query, previous) {
         this.client = client;
         this.query = query;
-        this.asyncResolveFns = new Set();
-        this.optionsToIgnoreOnce = new (canUseWeakSet ? WeakSet : Set)();
         this.ssrDisabledResult = maybeDeepFreeze({
             loading: true,
             data: void 0,
@@ -6757,22 +7030,32 @@ var InternalState = (function () {
         }
     }
     InternalState.prototype.forceUpdate = function () {
-        __DEV__ && tsInvariant.invariant.warn("Calling default no-op implementation of InternalState#forceUpdate");
+        __DEV__ && invariant.warn(51);
     };
-    InternalState.prototype.asyncUpdate = function (signal) {
+    InternalState.prototype.executeQuery = function (options) {
         var _this = this;
-        return new Promise(function (resolve, reject) {
-            var watchQueryOptions = _this.watchQueryOptions;
-            var handleAborted = function () {
-                _this.asyncResolveFns.delete(resolve);
-                _this.optionsToIgnoreOnce.delete(watchQueryOptions);
-                signal.removeEventListener('abort', handleAborted);
-                reject(signal.reason);
-            };
-            _this.asyncResolveFns.add(resolve);
-            _this.optionsToIgnoreOnce.add(watchQueryOptions);
-            signal.addEventListener('abort', handleAborted);
-            _this.forceUpdate();
+        var _a;
+        if (options.query) {
+            Object.assign(this, { query: options.query });
+        }
+        this.watchQueryOptions = this.createWatchQueryOptions(this.queryHookOptions = options);
+        var concast = this.observable.reobserveAsConcast(this.getObsQueryOptions());
+        this.previousData = ((_a = this.result) === null || _a === void 0 ? void 0 : _a.data) || this.previousData;
+        this.result = void 0;
+        this.forceUpdate();
+        return new Promise(function (resolve) {
+            var result;
+            concast.subscribe({
+                next: function (value) {
+                    result = value;
+                },
+                error: function () {
+                    resolve(_this.toQueryResult(_this.observable.getCurrentResult()));
+                },
+                complete: function () {
+                    resolve(_this.toQueryResult(result));
+                }
+            });
         });
     };
     InternalState.prototype.useQuery = function (options) {
@@ -6790,7 +7073,7 @@ var InternalState = (function () {
                 if (previousResult &&
                     previousResult.loading === result.loading &&
                     previousResult.networkStatus === result.networkStatus &&
-                    equality.equal(previousResult.data, result.data)) {
+                    equal.equal(previousResult.data, result.data)) {
                     return;
                 }
                 _this.setResult(result);
@@ -6811,7 +7094,7 @@ var InternalState = (function () {
                 var previousResult = _this.result;
                 if (!previousResult ||
                     (previousResult && previousResult.loading) ||
-                    !equality.equal(error, previousResult.error)) {
+                    !equal.equal(error, previousResult.error)) {
                     _this.setResult({
                         data: (previousResult && previousResult.data),
                         error: error,
@@ -6828,22 +7111,15 @@ var InternalState = (function () {
             this.client.disableNetworkFetches,
         ]), function () { return _this.getCurrentResult(); }, function () { return _this.getCurrentResult(); });
         this.unsafeHandlePartialRefetch(result);
-        var queryResult = this.toQueryResult(result);
-        if (!queryResult.loading && this.asyncResolveFns.size) {
-            this.asyncResolveFns.forEach(function (resolve) { return resolve(queryResult); });
-            this.asyncResolveFns.clear();
-        }
-        return queryResult;
+        return this.toQueryResult(result);
     };
     InternalState.prototype.useOptions = function (options) {
         var _a;
         var watchQueryOptions = this.createWatchQueryOptions(this.queryHookOptions = options);
         var currentWatchQueryOptions = this.watchQueryOptions;
-        if (this.optionsToIgnoreOnce.has(currentWatchQueryOptions) ||
-            !equality.equal(watchQueryOptions, currentWatchQueryOptions)) {
+        if (!equal.equal(watchQueryOptions, currentWatchQueryOptions)) {
             this.watchQueryOptions = watchQueryOptions;
             if (currentWatchQueryOptions && this.observable) {
-                this.optionsToIgnoreOnce.delete(currentWatchQueryOptions);
                 this.observable.reobserve(this.getObsQueryOptions());
                 this.previousData = ((_a = this.result) === null || _a === void 0 ? void 0 : _a.data) || this.previousData;
                 this.result = void 0;
@@ -6959,7 +7235,7 @@ var InternalState = (function () {
                     _this.onCompleted(result.data);
                 }
             }).catch(function (error) {
-                __DEV__ && tsInvariant.invariant.warn(error);
+                __DEV__ && invariant.warn(error);
             });
         }
     };
@@ -7010,11 +7286,15 @@ var EAGER_METHODS = [
     'subscribeToMore',
 ];
 function useLazyQuery(query, options) {
-    var _a, _b;
-    var abortControllersRef = React.useRef(new Set());
+    var _a;
     var execOptionsRef = React.useRef();
-    var merged = execOptionsRef.current ? mergeOptions(options, execOptionsRef.current) : options;
-    var internalState = useInternalState(useApolloClient(options && options.client), (_b = (_a = execOptionsRef.current) === null || _a === void 0 ? void 0 : _a.query) !== null && _b !== void 0 ? _b : query);
+    var optionsRef = React.useRef();
+    var queryRef = React.useRef();
+    var merged = mergeOptions(options, execOptionsRef.current || {});
+    var document = (_a = merged === null || merged === void 0 ? void 0 : merged.query) !== null && _a !== void 0 ? _a : query;
+    optionsRef.current = merged;
+    queryRef.current = document;
+    var internalState = useInternalState(useApolloClient(options && options.client), document);
     var useQueryResult = internalState.useQuery(tslib.__assign(tslib.__assign({}, merged), { skip: !execOptionsRef.current }));
     var initialFetchPolicy = useQueryResult.observable.options.initialFetchPolicy ||
         internalState.getDefaultFetchPolicy();
@@ -7040,28 +7320,15 @@ function useLazyQuery(query, options) {
         return eagerMethods;
     }, []);
     Object.assign(result, eagerMethods);
-    React.useEffect(function () {
-        return function () {
-            abortControllersRef.current.forEach(function (controller) {
-                controller.abort();
-            });
-        };
-    }, []);
     var execute = React.useCallback(function (executeOptions) {
-        var controller = new AbortController();
-        abortControllersRef.current.add(controller);
         execOptionsRef.current = executeOptions ? tslib.__assign(tslib.__assign({}, executeOptions), { fetchPolicy: executeOptions.fetchPolicy || initialFetchPolicy }) : {
             fetchPolicy: initialFetchPolicy,
         };
+        var options = mergeOptions(optionsRef.current, tslib.__assign({ query: queryRef.current }, execOptionsRef.current));
         var promise = internalState
-            .asyncUpdate(controller.signal)
-            .then(function (queryResult) {
-            abortControllersRef.current.delete(controller);
-            return Object.assign(queryResult, eagerMethods);
-        });
-        promise.catch(function () {
-            abortControllersRef.current.delete(controller);
-        });
+            .executeQuery(tslib.__assign(tslib.__assign({}, options), { skip: false }))
+            .then(function (queryResult) { return Object.assign(queryResult, eagerMethods); });
+        promise.catch(function () { });
         return promise;
     }, []);
     return [execute, result];
@@ -7117,7 +7384,7 @@ function useMutation(mutation, options) {
                     error: error,
                     client: client,
                 };
-                if (ref.current.isMounted && !equality.equal(ref.current.result, result_1)) {
+                if (ref.current.isMounted && !equal.equal(ref.current.result, result_1)) {
                     setResult(ref.current.result = result_1);
                 }
             }
@@ -7135,7 +7402,7 @@ function useMutation(mutation, options) {
                     called: true,
                     client: client,
                 };
-                if (!equality.equal(ref.current.result, result_2)) {
+                if (!equal.equal(ref.current.result, result_2)) {
                     setResult(ref.current.result = result_2);
                 }
             }
@@ -7174,14 +7441,10 @@ function useSubscription(subscription, options) {
     if (!hasIssuedDeprecationWarningRef.current) {
         hasIssuedDeprecationWarningRef.current = true;
         if (options === null || options === void 0 ? void 0 : options.onSubscriptionData) {
-            __DEV__ && tsInvariant.invariant.warn(options.onData
-                ? "'useSubscription' supports only the 'onSubscriptionData' or 'onData' option, but not both. Only the 'onData' option will be used."
-                : "'onSubscriptionData' is deprecated and will be removed in a future major version. Please use the 'onData' option instead.");
+            __DEV__ && invariant.warn(options.onData ? 52 : 53);
         }
         if (options === null || options === void 0 ? void 0 : options.onSubscriptionComplete) {
-            __DEV__ && tsInvariant.invariant.warn(options.onComplete
-                ? "'useSubscription' supports only the 'onSubscriptionComplete' or 'onComplete' option, but not both. Only the 'onComplete' option will be used."
-                : "'onSubscriptionComplete' is deprecated and will be removed in a future major version. Please use the 'onComplete' option instead.");
+            __DEV__ && invariant.warn(options.onComplete ? 54 : 55);
         }
     }
     var _b = React.useState(function () {
@@ -7225,7 +7488,7 @@ function useSubscription(subscription, options) {
                 subscription !== ref.current.subscription ||
                 (options === null || options === void 0 ? void 0 : options.fetchPolicy) !== ((_b = ref.current.options) === null || _b === void 0 ? void 0 : _b.fetchPolicy) ||
                 !(options === null || options === void 0 ? void 0 : options.skip) !== !((_c = ref.current.options) === null || _c === void 0 ? void 0 : _c.skip) ||
-                !equality.equal(options === null || options === void 0 ? void 0 : options.variables, (_d = ref.current.options) === null || _d === void 0 ? void 0 : _d.variables))) ||
+                !equal.equal(options === null || options === void 0 ? void 0 : options.variables, (_d = ref.current.options) === null || _d === void 0 ? void 0 : _d.variables))) ||
             canResetObservableRef.current) {
             setResult({
                 loading: true,
@@ -7247,9 +7510,13 @@ function useSubscription(subscription, options) {
         if (!observable) {
             return;
         }
+        var subscriptionStopped = false;
         var subscription = observable.subscribe({
             next: function (fetchResult) {
                 var _a, _b;
+                if (subscriptionStopped) {
+                    return;
+                }
                 var result = {
                     loading: false,
                     data: fetchResult.data,
@@ -7272,26 +7539,33 @@ function useSubscription(subscription, options) {
             },
             error: function (error) {
                 var _a, _b;
-                setResult({
-                    loading: false,
-                    data: void 0,
-                    error: error,
-                    variables: options === null || options === void 0 ? void 0 : options.variables,
-                });
-                (_b = (_a = ref.current.options) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a, error);
+                if (!subscriptionStopped) {
+                    setResult({
+                        loading: false,
+                        data: void 0,
+                        error: error,
+                        variables: options === null || options === void 0 ? void 0 : options.variables,
+                    });
+                    (_b = (_a = ref.current.options) === null || _a === void 0 ? void 0 : _a.onError) === null || _b === void 0 ? void 0 : _b.call(_a, error);
+                }
             },
             complete: function () {
                 var _a, _b;
-                if ((_a = ref.current.options) === null || _a === void 0 ? void 0 : _a.onComplete) {
-                    ref.current.options.onComplete();
-                }
-                else if ((_b = ref.current.options) === null || _b === void 0 ? void 0 : _b.onSubscriptionComplete) {
-                    ref.current.options.onSubscriptionComplete();
+                if (!subscriptionStopped) {
+                    if ((_a = ref.current.options) === null || _a === void 0 ? void 0 : _a.onComplete) {
+                        ref.current.options.onComplete();
+                    }
+                    else if ((_b = ref.current.options) === null || _b === void 0 ? void 0 : _b.onSubscriptionComplete) {
+                        ref.current.options.onSubscriptionComplete();
+                    }
                 }
             },
         });
         return function () {
-            subscription.unsubscribe();
+            subscriptionStopped = true;
+            setTimeout(function () {
+                subscription.unsubscribe();
+            });
         };
     }, [observable]);
     return result;
@@ -7312,22 +7586,22 @@ function useReactiveVar(rv) {
     return value;
 }
 
-function useFragment_experimental(options) {
+function useFragment(options) {
     var cache = useApolloClient().cache;
     var fragment = options.fragment, fragmentName = options.fragmentName, from = options.from, _a = options.optimistic, optimistic = _a === void 0 ? true : _a, rest = tslib.__rest(options, ["fragment", "fragmentName", "from", "optimistic"]);
-    var diffOptions = tslib.__assign(tslib.__assign({}, rest), { id: typeof from === "string" ? from : cache.identify(from), query: cache["getFragmentDoc"](fragment, fragmentName), optimistic: optimistic });
+    var diffOptions = tslib.__assign(tslib.__assign({}, rest), { returnPartialData: true, id: typeof from === "string" ? from : cache.identify(from), query: cache["getFragmentDoc"](fragment, fragmentName), optimistic: optimistic });
     var resultRef = React.useRef();
     var latestDiff = cache.diff(diffOptions);
     var getSnapshot = function () {
         var latestDiffToResult = diffToResult(latestDiff);
         return resultRef.current &&
-            equality.equal(resultRef.current.data, latestDiffToResult.data)
+            equal.equal(resultRef.current.data, latestDiffToResult.data)
             ? resultRef.current
             : (resultRef.current = latestDiffToResult);
     };
     return useSyncExternalStore(function (forceUpdate) {
         return cache.watch(tslib.__assign(tslib.__assign({}, diffOptions), { immediate: true, callback: function (diff) {
-                if (!equality.equal(diff, latestDiff)) {
+                if (!equal.equal(diff, latestDiff)) {
                     resultRef.current = diffToResult((latestDiff = diff));
                     forceUpdate();
                 }
@@ -7347,122 +7621,116 @@ function diffToResult(diff) {
 
 function useDeepMemo(memoFn, deps) {
     var ref = React.useRef();
-    if (!ref.current || !equality.equal(ref.current.deps, deps)) {
+    if (!ref.current || !equal.equal(ref.current.deps, deps)) {
         ref.current = { value: memoFn(), deps: deps };
     }
     return ref.current.value;
 }
 
-var useIsomorphicLayoutEffect = canUseLayoutEffect
-    ? React.useLayoutEffect
-    : React.useEffect;
+function useStrictModeSafeCleanupEffect(cleanup) {
+    var timeout;
+    React.useEffect(function () {
+        clearTimeout(timeout);
+        return function () {
+            timeout = setTimeout(cleanup);
+        };
+    }, []);
+}
+
+var useKey = 'use';
+var realHook = React__default[useKey];
+var __use = realHook ||
+    function __use(promise) {
+        var statefulPromise = wrapPromiseWithState(promise);
+        switch (statefulPromise.status) {
+            case 'pending':
+                throw statefulPromise;
+            case 'rejected':
+                throw statefulPromise.reason;
+            case 'fulfilled':
+                return statefulPromise.value;
+        }
+    };
 
 function useSuspenseCache(override) {
     var context = React.useContext(getApolloContext());
     var suspenseCache = override || context.suspenseCache;
-    __DEV__ ? tsInvariant.invariant(suspenseCache, 'Could not find a "suspenseCache" in the context or passed in as an option. ' +
-        'Wrap the root component in an <ApolloProvider> and provide a suspenseCache, ' +
-        'or pass a SuspenseCache instance in via options.') : tsInvariant.invariant(suspenseCache, 33);
+    invariant(suspenseCache, 56);
     return suspenseCache;
 }
 
-var SUPPORTED_FETCH_POLICIES = [
-    'cache-first',
-    'network-only',
-    'no-cache',
-    'cache-and-network',
-];
-var DEFAULT_FETCH_POLICY = 'cache-first';
-var DEFAULT_SUSPENSE_POLICY = 'always';
-var DEFAULT_ERROR_POLICY = 'none';
-function useSuspenseQuery_experimental(query, options) {
+function useSuspenseQuery(query, options) {
     if (options === void 0) { options = Object.create(null); }
-    var suspenseCache = useSuspenseCache(options.suspenseCache);
     var client = useApolloClient(options.client);
-    var watchQueryOptions = useWatchQueryOptions({ query: query, options: options, client: client });
-    var previousWatchQueryOptionsRef = React.useRef(watchQueryOptions);
-    var deferred = useIsDeferred(query);
-    var fetchPolicy = watchQueryOptions.fetchPolicy, errorPolicy = watchQueryOptions.errorPolicy, returnPartialData = watchQueryOptions.returnPartialData, variables = watchQueryOptions.variables;
-    var cacheEntry = suspenseCache.lookup(query, variables);
-    var observable = React.useState(function () {
-        return (cacheEntry === null || cacheEntry === void 0 ? void 0 : cacheEntry.observable) || client.watchQuery(watchQueryOptions);
-    })[0];
-    var result = useObservableQueryResult(observable);
-    var hasFullResult = result.data && !result.partial;
-    var hasPartialResult = result.data && result.partial;
-    var usePartialResult = returnPartialData && hasPartialResult;
-    var allowsThrownErrors = errorPolicy === 'none' && (!deferred || !hasPartialResult);
-    if (result.error &&
-        (result.error.networkError || allowsThrownErrors)) {
-        throw result.error;
-    }
-    if (result.loading) {
-        if (!cacheEntry) {
-            cacheEntry = suspenseCache.add(query, variables, {
-                promise: maybeWrapConcastWithCustomPromise(observable.reobserveAsConcast(watchQueryOptions), { deferred: deferred }),
-                observable: observable,
-            });
-        }
-        var hasUsableResult = usePartialResult ||
-            (fetchPolicy === 'cache-and-network' && hasFullResult);
-        if (!hasUsableResult && !cacheEntry.fulfilled) {
-            throw cacheEntry.promise;
-        }
+    var suspenseCache = useSuspenseCache(options.suspenseCache);
+    var watchQueryOptions = useWatchQueryOptions({ query: query, options: options });
+    var variables = watchQueryOptions.variables;
+    var _a = options.queryKey, queryKey = _a === void 0 ? [] : _a;
+    var cacheKey = [client, query, canonicalStringify(variables)].concat(queryKey);
+    var queryRef = suspenseCache.getQueryRef(cacheKey, function () {
+        return client.watchQuery(watchQueryOptions);
+    });
+    var _b = React.useState(function () { return new Map([[queryRef.key, queryRef.promise]]); }), promiseCache = _b[0], setPromiseCache = _b[1];
+    var promise = promiseCache.get(queryRef.key);
+    if (!promise) {
+        promise = queryRef.promise;
+        promiseCache.set(queryRef.key, promise);
     }
+    useTrackedQueryRefs(queryRef);
     React.useEffect(function () {
-        var variables = watchQueryOptions.variables, query = watchQueryOptions.query;
-        var previousOpts = previousWatchQueryOptionsRef.current;
-        if (variables !== previousOpts.variables || query !== previousOpts.query) {
-            suspenseCache.remove(previousOpts.query, previousOpts.variables);
-            suspenseCache.add(query, variables, {
-                promise: observable.reobserve({ query: query, variables: variables }),
-                observable: observable,
+        return queryRef.listen(function (promise) {
+            setPromiseCache(function (promiseCache) {
+                return new Map(promiseCache).set(queryRef.key, promise);
             });
-            previousWatchQueryOptionsRef.current = watchQueryOptions;
-        }
-    }, [watchQueryOptions]);
-    React.useEffect(function () {
-        return function () {
-            suspenseCache.remove(query, variables);
-        };
-    }, []);
+        });
+    }, [queryRef]);
+    var result = __use(promise);
+    var fetchMore = React.useCallback(function (options) {
+        var promise = queryRef.fetchMore(options);
+        setPromiseCache(function (previousPromiseCache) {
+            return new Map(previousPromiseCache).set(queryRef.key, promise);
+        });
+        return promise;
+    }, [queryRef]);
+    var refetch = React.useCallback(function (variables) {
+        var promise = queryRef.refetch(variables);
+        setPromiseCache(function (previousPromiseCache) {
+            return new Map(previousPromiseCache).set(queryRef.key, promise);
+        });
+        return promise;
+    }, [queryRef]);
+    var subscribeToMore = React.useCallback(function (options) { return queryRef.observable.subscribeToMore(options); }, [queryRef]);
     return React.useMemo(function () {
         return {
             client: client,
             data: result.data,
-            error: errorPolicy === 'ignore' ? void 0 : toApolloError(result),
-            fetchMore: function (options) {
-                var promise = observable.fetchMore(options);
-                suspenseCache.add(query, watchQueryOptions.variables, {
-                    promise: promise,
-                    observable: observable,
-                });
-                return promise;
-            },
-            refetch: function (variables) {
-                var promise = observable.refetch(variables);
-                suspenseCache.add(query, watchQueryOptions.variables, {
-                    promise: promise,
-                    observable: observable,
-                });
-                return promise;
-            },
-            subscribeToMore: function (options) { return observable.subscribeToMore(options); },
+            error: toApolloError(result),
+            networkStatus: result.networkStatus,
+            fetchMore: fetchMore,
+            refetch: refetch,
+            subscribeToMore: subscribeToMore,
         };
-    }, [client, result, observable, errorPolicy]);
+    }, [client, fetchMore, refetch, result, subscribeToMore]);
 }
 function validateOptions(options) {
-    var query = options.query, _a = options.fetchPolicy, fetchPolicy = _a === void 0 ? DEFAULT_FETCH_POLICY : _a, returnPartialData = options.returnPartialData;
+    var query = options.query, fetchPolicy = options.fetchPolicy, returnPartialData = options.returnPartialData;
     verifyDocumentType(query, exports.DocumentType.Query);
     validateFetchPolicy(fetchPolicy);
     validatePartialDataReturn(fetchPolicy, returnPartialData);
 }
 function validateFetchPolicy(fetchPolicy) {
-    __DEV__ ? tsInvariant.invariant(SUPPORTED_FETCH_POLICIES.includes(fetchPolicy), "The fetch policy `".concat(fetchPolicy, "` is not supported with suspense.")) : tsInvariant.invariant(SUPPORTED_FETCH_POLICIES.includes(fetchPolicy), 34);
+    if (fetchPolicy === void 0) { fetchPolicy = 'cache-first'; }
+    var supportedFetchPolicies = [
+        'cache-first',
+        'network-only',
+        'no-cache',
+        'cache-and-network',
+    ];
+    invariant(supportedFetchPolicies.includes(fetchPolicy), 57, fetchPolicy);
 }
 function validatePartialDataReturn(fetchPolicy, returnPartialData) {
     if (fetchPolicy === 'no-cache' && returnPartialData) {
-        __DEV__ && tsInvariant.invariant.warn('Using `returnPartialData` with a `no-cache` fetch policy has no effect. To read partial data from the cache, consider using an alternate fetch policy.');
+        __DEV__ && invariant.warn(58);
     }
 }
 function toApolloError(result) {
@@ -7470,120 +7738,205 @@ function toApolloError(result) {
         ? new ApolloError({ graphQLErrors: result.errors })
         : result.error;
 }
-function maybeWrapConcastWithCustomPromise(concast, _a) {
-    var deferred = _a.deferred;
-    if (deferred) {
-        return new Promise(function (resolve, reject) {
-            var subscription = concast.subscribe({
-                next: function (value) {
-                    resolve(value);
-                    subscription.unsubscribe();
-                },
-                error: reject,
-            });
-        });
-    }
-    return concast.promise;
+function useTrackedQueryRefs(queryRef) {
+    var trackedQueryRefs = React.useRef(new Set());
+    trackedQueryRefs.current.add(queryRef);
+    useStrictModeSafeCleanupEffect(function () {
+        trackedQueryRefs.current.forEach(function (sub) { return sub.dispose(); });
+    });
 }
 function useWatchQueryOptions(_a) {
-    var query = _a.query, options = _a.options, client = _a.client;
-    var defaultOptions = client.defaultOptions.watchQuery;
-    var watchQueryOptions = useDeepMemo(function () {
-        var errorPolicy = options.errorPolicy, fetchPolicy = options.fetchPolicy, _a = options.suspensePolicy, suspensePolicy = _a === void 0 ? DEFAULT_SUSPENSE_POLICY : _a, variables = options.variables, watchQueryOptions = tslib.__rest(options, ["errorPolicy", "fetchPolicy", "suspensePolicy", "variables"]);
-        return tslib.__assign(tslib.__assign({}, watchQueryOptions), { query: query, errorPolicy: errorPolicy || (defaultOptions === null || defaultOptions === void 0 ? void 0 : defaultOptions.errorPolicy) || DEFAULT_ERROR_POLICY, fetchPolicy: fetchPolicy || (defaultOptions === null || defaultOptions === void 0 ? void 0 : defaultOptions.fetchPolicy) || DEFAULT_FETCH_POLICY, notifyOnNetworkStatusChange: suspensePolicy === 'always', fetchOnFirstSubscribe: false, variables: compact(tslib.__assign(tslib.__assign({}, defaultOptions === null || defaultOptions === void 0 ? void 0 : defaultOptions.variables), variables)) });
-    }, [options, query, defaultOptions]);
+    var query = _a.query, options = _a.options;
+    var watchQueryOptions = useDeepMemo(function () { return (tslib.__assign(tslib.__assign({}, options), { query: query, notifyOnNetworkStatusChange: false, nextFetchPolicy: void 0 })); }, [options, query]);
     if (__DEV__) {
         validateOptions(watchQueryOptions);
     }
     return watchQueryOptions;
 }
-function useIsDeferred(query) {
-    return React.useMemo(function () { return hasDirectives(['defer'], query); }, [query]);
+
+function useBackgroundQuery(query, options) {
+    if (options === void 0) { options = Object.create(null); }
+    var suspenseCache = useSuspenseCache(options.suspenseCache);
+    var client = useApolloClient(options.client);
+    var watchQueryOptions = useWatchQueryOptions({ query: query, options: options });
+    var variables = watchQueryOptions.variables;
+    var _a = options.queryKey, queryKey = _a === void 0 ? [] : _a;
+    var cacheKey = [client, query, canonicalStringify(variables)].concat(queryKey);
+    var queryRef = suspenseCache.getQueryRef(cacheKey, function () {
+        return client.watchQuery(watchQueryOptions);
+    });
+    var _b = React.useState(function () { return new Map([[queryRef.key, queryRef.promise]]); }), promiseCache = _b[0], setPromiseCache = _b[1];
+    useTrackedQueryRefs(queryRef);
+    var fetchMore = React.useCallback(function (options) {
+        var promise = queryRef.fetchMore(options);
+        setPromiseCache(function (promiseCache) {
+            return new Map(promiseCache).set(queryRef.key, promise);
+        });
+        return promise;
+    }, [queryRef]);
+    var refetch = React.useCallback(function (variables) {
+        var promise = queryRef.refetch(variables);
+        setPromiseCache(function (promiseCache) {
+            return new Map(promiseCache).set(queryRef.key, promise);
+        });
+        return promise;
+    }, [queryRef]);
+    queryRef.promiseCache = promiseCache;
+    return React.useMemo(function () {
+        return [
+            queryRef,
+            {
+                fetchMore: fetchMore,
+                refetch: refetch,
+            },
+        ];
+    }, [queryRef, fetchMore, refetch]);
 }
-function useObservableQueryResult(observable) {
-    var resultRef = React.useRef();
-    var isMountedRef = React.useRef(false);
-    var subscribeTimeoutRef = React.useRef();
-    if (!resultRef.current) {
-        resultRef.current = observable.getCurrentResult();
+function useReadQuery(queryRef) {
+    var _a = React.useState(0), forceUpdate = _a[1];
+    invariant(queryRef.promiseCache, 50);
+    var promise = queryRef.promiseCache.get(queryRef.key);
+    if (!promise) {
+        promise = queryRef.promise;
+        queryRef.promiseCache.set(queryRef.key, promise);
     }
-    useIsomorphicLayoutEffect(function () {
-        isMountedRef.current = true;
-        return function () {
-            isMountedRef.current = false;
-        };
-    }, []);
-    return useSyncExternalStore(React.useCallback(function (forceUpdate) {
-        clearTimeout(subscribeTimeoutRef.current);
-        function handleUpdate() {
-            var previousResult = resultRef.current;
-            var result = observable.getCurrentResult();
-            if (previousResult.loading === result.loading &&
-                previousResult.networkStatus === result.networkStatus &&
-                equality.equal(previousResult.data, result.data)) {
-                return;
-            }
-            resultRef.current = result;
-            if (isMountedRef.current) {
-                forceUpdate();
-            }
-        }
-        var subscription;
-        subscribeTimeoutRef.current = setTimeout(function () {
-            subscription = observable.subscribe({
-                next: handleUpdate,
-                error: handleUpdate,
-            });
+    React.useEffect(function () {
+        return queryRef.listen(function (promise) {
+            queryRef.promiseCache.set(queryRef.key, promise);
+            forceUpdate(function (prevState) { return prevState + 1; });
         });
-        return function () {
-            subscription === null || subscription === void 0 ? void 0 : subscription.unsubscribe();
+    }, [queryRef]);
+    var result = __use(promise);
+    return React.useMemo(function () {
+        return {
+            data: result.data,
+            networkStatus: result.networkStatus,
+            error: toApolloError(result),
         };
-    }, [observable]), function () { return resultRef.current; }, function () { return resultRef.current; });
+    }, [result]);
 }
 
-var SuspenseCache = (function () {
-    function SuspenseCache() {
-        this.queries = new Map();
+var QueryReference = (function () {
+    function QueryReference(observable, options) {
+        var _this = this;
+        var _a;
+        this.listeners = new Set();
+        this.initialized = false;
+        this.refetching = false;
+        this.listen = this.listen.bind(this);
+        this.handleNext = this.handleNext.bind(this);
+        this.handleError = this.handleError.bind(this);
+        this.dispose = this.dispose.bind(this);
+        this.observable = observable;
+        this.result = observable.getCurrentResult(false);
+        this.key = options.key;
+        if (options.onDispose) {
+            this.onDispose = options.onDispose;
+        }
+        if (isNetworkRequestSettled(this.result.networkStatus) ||
+            (this.result.data &&
+                (!this.result.partial || this.observable.options.returnPartialData))) {
+            this.promise = createFulfilledPromise(this.result);
+            this.initialized = true;
+            this.refetching = false;
+        }
+        this.subscription = observable.subscribe({
+            next: this.handleNext,
+            error: this.handleError,
+        });
+        if (!this.promise) {
+            this.promise = new Promise(function (resolve, reject) {
+                _this.resolve = resolve;
+                _this.reject = reject;
+            });
+        }
+        this.autoDisposeTimeoutId = setTimeout(this.dispose, (_a = options.autoDisposeTimeoutMs) !== null && _a !== void 0 ? _a : 30000);
     }
-    SuspenseCache.prototype.add = function (query, variables, _a) {
-        var promise = _a.promise, observable = _a.observable;
-        var variablesKey = this.getVariablesKey(variables);
-        var map = this.queries.get(query) || new Map();
-        var entry = {
-            observable: observable,
-            fulfilled: false,
-            promise: promise
-                .catch(function () {
-            })
-                .finally(function () {
-                entry.fulfilled = true;
-            }),
+    QueryReference.prototype.listen = function (listener) {
+        var _this = this;
+        clearTimeout(this.autoDisposeTimeoutId);
+        this.listeners.add(listener);
+        return function () {
+            _this.listeners.delete(listener);
         };
-        map.set(variablesKey, entry);
-        this.queries.set(query, map);
-        return entry;
     };
-    SuspenseCache.prototype.lookup = function (query, variables) {
-        var _a;
-        return (_a = this.queries
-            .get(query)) === null || _a === void 0 ? void 0 : _a.get(this.getVariablesKey(variables));
+    QueryReference.prototype.refetch = function (variables) {
+        this.refetching = true;
+        var promise = this.observable.refetch(variables);
+        this.promise = promise;
+        return promise;
     };
-    SuspenseCache.prototype.remove = function (query, variables) {
-        var map = this.queries.get(query);
-        if (!map) {
+    QueryReference.prototype.fetchMore = function (options) {
+        var promise = this.observable.fetchMore(options);
+        this.promise = promise;
+        return promise;
+    };
+    QueryReference.prototype.dispose = function () {
+        this.subscription.unsubscribe();
+        this.onDispose();
+    };
+    QueryReference.prototype.onDispose = function () {
+    };
+    QueryReference.prototype.handleNext = function (result) {
+        if (!this.initialized || this.refetching) {
+            if (!isNetworkRequestSettled(result.networkStatus)) {
+                return;
+            }
+            if (this.result.data && result.data === void 0) {
+                result.data = this.result.data;
+            }
+            this.initialized = true;
+            this.refetching = false;
+            this.result = result;
+            this.resolve(result);
             return;
         }
-        var key = this.getVariablesKey(variables);
-        var entry = map.get(key);
-        if (entry && !entry.observable.hasObservers()) {
-            map.delete(key);
+        if (result.data === this.result.data) {
+            return;
         }
-        if (map.size === 0) {
-            this.queries.delete(query);
+        this.result = result;
+        this.promise = createFulfilledPromise(result);
+        this.deliver(this.promise);
+    };
+    QueryReference.prototype.handleError = function (error) {
+        var result = tslib.__assign(tslib.__assign({}, this.result), { error: error, networkStatus: exports.NetworkStatus.error });
+        this.result = result;
+        if (!this.initialized || this.refetching) {
+            this.initialized = true;
+            this.refetching = false;
+            this.reject(error);
+            return;
         }
+        this.result = result;
+        this.promise = result.data
+            ? createFulfilledPromise(result)
+            : createRejectedPromise(result);
+        this.deliver(this.promise);
     };
-    SuspenseCache.prototype.getVariablesKey = function (variables) {
-        return canonicalStringify(variables || Object.create(null));
+    QueryReference.prototype.deliver = function (promise) {
+        this.listeners.forEach(function (listener) { return listener(promise); });
+    };
+    return QueryReference;
+}());
+
+var SuspenseCache = (function () {
+    function SuspenseCache(options) {
+        if (options === void 0) { options = Object.create(null); }
+        this.cacheKeys = new trie.Trie(canUseWeakMap, function (cacheKey) { return cacheKey; });
+        this.queryRefs = new Map();
+        this.options = options;
+    }
+    SuspenseCache.prototype.getQueryRef = function (cacheKey, createObservable) {
+        var _this = this;
+        var stableCacheKey = this.cacheKeys.lookupArray(cacheKey);
+        if (!this.queryRefs.has(stableCacheKey)) {
+            this.queryRefs.set(stableCacheKey, new QueryReference(createObservable(), {
+                key: stableCacheKey,
+                autoDisposeTimeoutMs: this.options.autoDisposeTimeoutMs,
+                onDispose: function () { return _this.queryRefs.delete(stableCacheKey); },
+            }));
+        }
+        return this.queryRefs.get(stableCacheKey);
     };
     return SuspenseCache;
 }());
@@ -7601,6 +7954,7 @@ exports.ApolloConsumer = ApolloConsumer;
 exports.ApolloError = ApolloError;
 exports.ApolloLink = ApolloLink;
 exports.ApolloProvider = ApolloProvider;
+exports.DocumentTransform = DocumentTransform;
 exports.HttpLink = HttpLink;
 exports.InMemoryCache = InMemoryCache;
 exports.MissingFieldError = MissingFieldError;
@@ -7620,6 +7974,7 @@ exports.fromError = fromError;
 exports.fromPromise = fromPromise;
 exports.getApolloContext = getApolloContext;
 exports.isApolloError = isApolloError;
+exports.isNetworkRequestSettled = isNetworkRequestSettled;
 exports.isReference = isReference;
 exports.makeReference = makeReference;
 exports.makeVar = makeVar;
@@ -7627,7 +7982,7 @@ exports.mergeOptions = mergeOptions;
 exports.operationName = operationName;
 exports.parseAndCheckHttpResponse = parseAndCheckHttpResponse;
 exports.parser = parser;
-exports.resetApolloContext = getApolloContext;
+exports.resetApolloContext = resetApolloContext;
 exports.rewriteURIForGET = rewriteURIForGET;
 exports.selectHttpOptionsAndBody = selectHttpOptionsAndBody;
 exports.selectHttpOptionsAndBodyInternal = selectHttpOptionsAndBodyInternal;
@@ -7637,11 +7992,13 @@ exports.split = split;
 exports.throwServerError = throwServerError;
 exports.toPromise = toPromise;
 exports.useApolloClient = useApolloClient;
-exports.useFragment_experimental = useFragment_experimental;
+exports.useBackgroundQuery = useBackgroundQuery;
+exports.useFragment = useFragment;
 exports.useLazyQuery = useLazyQuery;
 exports.useMutation = useMutation;
 exports.useQuery = useQuery;
 exports.useReactiveVar = useReactiveVar;
+exports.useReadQuery = useReadQuery;
 exports.useSubscription = useSubscription;
-exports.useSuspenseQuery_experimental = useSuspenseQuery_experimental;
+exports.useSuspenseQuery = useSuspenseQuery;
 //# sourceMappingURL=apollo-client.cjs.map