@apollo/client 3.11.7 → 3.12.0-alpha.0

package/apollo-client.cjs

@@ -31,7 +31,7 @@ function _interopNamespace(e) {
 var equal__default = /*#__PURE__*/_interopDefaultLegacy(equal);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var version = "3.11.7";
+var version = "3.12.0-alpha.0";
 
 function maybe(thunk) {
     try {
@@ -145,7 +145,7 @@ function shouldInclude(_a, variables) {
         if (ifArgument.value.kind === "Variable") {
             evaledValue =
                 variables && variables[ifArgument.value.name.value];
-            invariant(evaledValue !== void 0, 70, directive.name.value);
+            invariant(evaledValue !== void 0, 77, directive.name.value);
         }
         else {
             evaledValue = ifArgument.value.value;
@@ -180,17 +180,50 @@ function getInclusionDirectives(directives) {
                 return;
             var directiveArguments = directive.arguments;
             var directiveName = directive.name.value;
-            invariant(directiveArguments && directiveArguments.length === 1, 71, directiveName);
+            invariant(directiveArguments && directiveArguments.length === 1, 78, directiveName);
             var ifArgument = directiveArguments[0];
-            invariant(ifArgument.name && ifArgument.name.value === "if", 72, directiveName);
+            invariant(ifArgument.name && ifArgument.name.value === "if", 79, directiveName);
             var ifValue = ifArgument.value;
             invariant(ifValue &&
-                (ifValue.kind === "Variable" || ifValue.kind === "BooleanValue"), 73, directiveName);
+                (ifValue.kind === "Variable" || ifValue.kind === "BooleanValue"), 80, directiveName);
             result.push({ directive: directive, ifArgument: ifArgument });
         });
     }
     return result;
 }
+function getFragmentMaskMode(fragment) {
+    var _a, _b;
+    var directive = (_a = fragment.directives) === null || _a === void 0 ? void 0 : _a.find(function (_a) {
+        var name = _a.name;
+        return name.value === "unmask";
+    });
+    if (!directive) {
+        return "mask";
+    }
+    var modeArg = (_b = directive.arguments) === null || _b === void 0 ? void 0 : _b.find(function (_a) {
+        var name = _a.name;
+        return name.value === "mode";
+    });
+    if (globalThis.__DEV__ !== false) {
+        if (modeArg) {
+            if (modeArg.value.kind === graphql.Kind.VARIABLE) {
+                globalThis.__DEV__ !== false && invariant.warn(81);
+            }
+            else if (modeArg.value.kind !== graphql.Kind.STRING) {
+                globalThis.__DEV__ !== false && invariant.warn(82);
+            }
+            else if (modeArg.value.value !== "migrate") {
+                globalThis.__DEV__ !== false && invariant.warn(83, modeArg.value.value);
+            }
+        }
+    }
+    if (modeArg &&
+        "value" in modeArg.value &&
+        modeArg.value.value === "migrate") {
+        return "migrate";
+    }
+    return "unmask";
+}
 
 var isReactNative = maybe(function () { return navigator.product; }) == "ReactNative";
 var canUseWeakMap = typeof WeakMap === "function" &&
@@ -213,7 +246,7 @@ function getFragmentQueryDocument(document, fragmentName) {
     document.definitions.forEach(function (definition) {
         if (definition.kind === "OperationDefinition") {
             throw newInvariantError(
-                74,
+                84,
                 definition.operation,
                 definition.name ? " named '".concat(definition.name.value, "'") : ""
             );
@@ -223,7 +256,7 @@ function getFragmentQueryDocument(document, fragmentName) {
         }
     });
     if (typeof actualFragmentName === "undefined") {
-        invariant(fragments.length === 1, 75, fragments.length);
+        invariant(fragments.length === 1, 85, fragments.length);
         actualFragmentName = fragments[0].name.value;
     }
     var query = tslib.__assign(tslib.__assign({}, document), { definitions: tslib.__spreadArray([
@@ -264,7 +297,7 @@ function getFragmentFromSelection(selection, fragmentMap) {
                 return fragmentMap(fragmentName);
             }
             var fragment = fragmentMap && fragmentMap[fragmentName];
-            invariant(fragment, 76, fragmentName);
+            invariant(fragment, 86, fragmentName);
             return fragment || null;
         }
         default:
@@ -515,7 +548,7 @@ function valueToObjectRepresentation(argObj, name, value, variables) {
         argObj[name.value] = null;
     }
     else {
-        throw newInvariantError(85, name.value, value.kind);
+        throw newInvariantError(95, name.value, value.kind);
     }
 }
 function storeKeyNameFromField(field, variables) {
@@ -649,16 +682,16 @@ function isInlineFragment(selection) {
 }
 
 function checkDocument(doc) {
-    invariant(doc && doc.kind === "Document", 77);
+    invariant(doc && doc.kind === "Document", 87);
     var operations = doc.definitions
         .filter(function (d) { return d.kind !== "FragmentDefinition"; })
         .map(function (definition) {
         if (definition.kind !== "OperationDefinition") {
-            throw newInvariantError(78, definition.kind);
+            throw newInvariantError(88, definition.kind);
         }
         return definition;
     });
-    invariant(operations.length <= 1, 79, operations.length);
+    invariant(operations.length <= 1, 89, operations.length);
     return doc;
 }
 function getOperationDefinition(doc) {
@@ -681,14 +714,14 @@ function getFragmentDefinitions(doc) {
 }
 function getQueryDefinition(doc) {
     var queryDef = getOperationDefinition(doc);
-    invariant(queryDef && queryDef.operation === "query", 80);
+    invariant(queryDef && queryDef.operation === "query", 90);
     return queryDef;
 }
 function getFragmentDefinition(doc) {
-    invariant(doc.kind === "Document", 81);
-    invariant(doc.definitions.length <= 1, 82);
+    invariant(doc.kind === "Document", 91);
+    invariant(doc.definitions.length <= 1, 92);
     var fragmentDef = doc.definitions[0];
-    invariant(fragmentDef.kind === "FragmentDefinition", 83);
+    invariant(fragmentDef.kind === "FragmentDefinition", 93);
     return fragmentDef;
 }
 function getMainDefinition(queryDoc) {
@@ -711,7 +744,7 @@ function getMainDefinition(queryDoc) {
     if (fragmentDefinition) {
         return fragmentDefinition;
     }
-    throw newInvariantError(84);
+    throw newInvariantError(94);
 }
 function getDefaultValues(definition) {
     var defaultValues = Object.create(null);
@@ -762,7 +795,7 @@ var DocumentTransform =  (function () {
                 makeCacheKey: function (document) {
                     var cacheKeys = _this.getCacheKey(document);
                     if (cacheKeys) {
-                        invariant(Array.isArray(cacheKeys), 69);
+                        invariant(Array.isArray(cacheKeys), 76);
                         return stableCacheKeys_1.lookupArray(cacheKeys);
                     }
                 },
@@ -892,7 +925,7 @@ function removeDirectivesFromDocument(directives, doc) {
                 return getInUseByFragmentName(ancestor.name.value);
             }
         }
-        globalThis.__DEV__ !== false && invariant.error(86);
+        globalThis.__DEV__ !== false && invariant.error(96);
         return null;
     };
     var operationCount = 0;
@@ -1101,6 +1134,19 @@ function removeClientSetsFromDocument(document) {
     ], document);
     return modifiedDoc;
 }
+function addNonReactiveToNamedFragments(document) {
+    checkDocument(document);
+    return graphql.visit(document, {
+        FragmentSpread: function (node) {
+            return tslib.__assign(tslib.__assign({}, node), { directives: tslib.__spreadArray(tslib.__spreadArray([], (node.directives || []), true), [
+                    {
+                        kind: graphql.Kind.DIRECTIVE,
+                        name: { kind: graphql.Kind.NAME, value: "nonreactive" },
+                    },
+                ], false) });
+        },
+    });
+}
 
 var hasOwnProperty$4 = Object.prototype.hasOwnProperty;
 function mergeDeep() {
@@ -1215,6 +1261,11 @@ function wrapPromiseWithState(promise) {
     return promise;
 }
 
+function preventUnhandledRejection(promise) {
+    promise.catch(function () { });
+    return promise;
+}
+
 var toString = Object.prototype.toString;
 function cloneDeep(value) {
     return cloneDeepHelper(value);
@@ -1546,7 +1597,7 @@ function toPromise(observable) {
         observable.subscribe({
             next: function (data) {
                 if (completed) {
-                    globalThis.__DEV__ !== false && invariant.warn(43);
+                    globalThis.__DEV__ !== false && invariant.warn(50);
                 }
                 else {
                     completed = true;
@@ -1589,7 +1640,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 newInvariantError(44, key);
+            throw newInvariantError(51, key);
         }
     }
     return operation;
@@ -1698,7 +1749,7 @@ var ApolloLink =  (function () {
     ApolloLink.concat = function (first, second) {
         var firstLink = toLink(first);
         if (isTerminating(firstLink)) {
-            globalThis.__DEV__ !== false && invariant.warn(36, firstLink);
+            globalThis.__DEV__ !== false && invariant.warn(43, firstLink);
             return firstLink;
         }
         var nextLink = toLink(second);
@@ -1724,7 +1775,7 @@ var ApolloLink =  (function () {
         return ApolloLink.concat(this, next);
     };
     ApolloLink.prototype.request = function (operation, forward) {
-        throw newInvariantError(37);
+        throw newInvariantError(44);
     };
     ApolloLink.prototype.onError = function (error, observer) {
         if (observer && observer.error) {
@@ -2106,7 +2157,7 @@ var serializeFetchParameter = function (p, label) {
         serialized = JSON.stringify(p);
     }
     catch (e) {
-        var parseError = newInvariantError(40, label, e.message);
+        var parseError = newInvariantError(47, label, e.message);
         parseError.parseError = e;
         throw parseError;
     }
@@ -2170,20 +2221,20 @@ function selectHttpOptionsAndBodyInternal(operation, printer) {
 }
 function removeDuplicateHeaders(headers, preserveHeaderCase) {
     if (!preserveHeaderCase) {
-        var normalizedHeaders_1 = Object.create(null);
+        var normalizedHeaders_1 = {};
         Object.keys(Object(headers)).forEach(function (name) {
             normalizedHeaders_1[name.toLowerCase()] = headers[name];
         });
         return normalizedHeaders_1;
     }
-    var headerData = Object.create(null);
+    var headerData = {};
     Object.keys(Object(headers)).forEach(function (name) {
         headerData[name.toLowerCase()] = {
             originalName: name,
             value: headers[name],
         };
     });
-    var normalizedHeaders = Object.create(null);
+    var normalizedHeaders = {};
     Object.keys(headerData).forEach(function (name) {
         normalizedHeaders[headerData[name].originalName] = headerData[name].value;
     });
@@ -2192,7 +2243,7 @@ function removeDuplicateHeaders(headers, preserveHeaderCase) {
 
 var checkFetcher = function (fetcher) {
     if (!fetcher && typeof fetch === "undefined") {
-        throw newInvariantError(38);
+        throw newInvariantError(45);
     }
 };
 
@@ -2326,7 +2377,7 @@ var createHttpLink = function (linkOptions) {
             options.headers = options.headers || {};
             var acceptHeader = "multipart/mixed;";
             if (isSubscription && hasDefer) {
-                globalThis.__DEV__ !== false && invariant.warn(39);
+                globalThis.__DEV__ !== false && invariant.warn(46);
             }
             if (isSubscription) {
                 acceptHeader +=
@@ -2460,6 +2511,209 @@ function directiveIsNonreactive(dir) {
     return dir.name.value === "nonreactive";
 }
 
+function maskOperation(data, document, cache) {
+    var _a;
+    if (!cache.fragmentMatches) {
+        if (globalThis.__DEV__ !== false) {
+            warnOnImproperCacheImplementation();
+        }
+        return data;
+    }
+    var definition = getOperationDefinition(document);
+    invariant(definition, 37);
+    if (data == null) {
+        return data;
+    }
+    var context = {
+        operationType: definition.operation,
+        operationName: (_a = definition.name) === null || _a === void 0 ? void 0 : _a.value,
+        fragmentMap: createFragmentMap(getFragmentDefinitions(document)),
+        cache: cache,
+    };
+    var _b = maskSelectionSet(data, definition.selectionSet, context), masked = _b[0], changed = _b[1];
+    if (Object.isFrozen(data)) {
+        context.disableWarnings = true;
+        maybeDeepFreeze(masked);
+        context.disableWarnings = false;
+    }
+    return changed ? masked : data;
+}
+function maskFragment(data, document, cache, fragmentName) {
+    if (!cache.fragmentMatches) {
+        if (globalThis.__DEV__ !== false) {
+            warnOnImproperCacheImplementation();
+        }
+        return data;
+    }
+    var fragments = document.definitions.filter(function (node) {
+        return node.kind === graphql.Kind.FRAGMENT_DEFINITION;
+    });
+    if (typeof fragmentName === "undefined") {
+        invariant(fragments.length === 1, 38, fragments.length);
+        fragmentName = fragments[0].name.value;
+    }
+    var fragment = fragments.find(function (fragment) { return fragment.name.value === fragmentName; });
+    invariant(!!fragment, 39, fragmentName);
+    if (data == null) {
+        return data;
+    }
+    var context = {
+        operationType: "fragment",
+        operationName: fragment.name.value,
+        fragmentMap: createFragmentMap(getFragmentDefinitions(document)),
+        cache: cache,
+    };
+    var _a = maskSelectionSet(data, fragment.selectionSet, context), masked = _a[0], changed = _a[1];
+    if (Object.isFrozen(data)) {
+        context.disableWarnings = true;
+        maybeDeepFreeze(masked);
+        context.disableWarnings = false;
+    }
+    return changed ? masked : data;
+}
+function maskSelectionSet(data, selectionSet, context, path) {
+    if (Array.isArray(data)) {
+        var changed_1 = false;
+        var masked = data.map(function (item, index) {
+            if (item === null) {
+                return null;
+            }
+            var _a = maskSelectionSet(item, selectionSet, context, globalThis.__DEV__ !== false ? "".concat(path || "", "[").concat(index, "]") : void 0), masked = _a[0], itemChanged = _a[1];
+            changed_1 || (changed_1 = itemChanged);
+            return itemChanged ? masked : item;
+        });
+        return [changed_1 ? masked : data, changed_1];
+    }
+    var result = selectionSet.selections.reduce(function (_a, selection) {
+        var memo = _a[0], changed = _a[1];
+        switch (selection.kind) {
+            case graphql.Kind.FIELD: {
+                var keyName = resultKeyNameFromField(selection);
+                var childSelectionSet = selection.selectionSet;
+                memo[keyName] = data[keyName];
+                if (childSelectionSet && data[keyName] !== null) {
+                    var _b = maskSelectionSet(data[keyName], childSelectionSet, context, globalThis.__DEV__ !== false ? "".concat(path || "", ".").concat(keyName) : void 0), masked = _b[0], childChanged = _b[1];
+                    if (childChanged ||
+                        Object.keys(masked).length !== Object.keys(data[keyName]).length) {
+                        memo[keyName] = masked;
+                        changed = true;
+                    }
+                }
+                return [memo, changed];
+            }
+            case graphql.Kind.INLINE_FRAGMENT: {
+                if (selection.typeCondition &&
+                    !context.cache.fragmentMatches(selection, data.__typename)) {
+                    return [memo, changed];
+                }
+                var _c = maskSelectionSet(data, selection.selectionSet, context, path), fragmentData = _c[0], childChanged = _c[1];
+                return [
+                    tslib.__assign(tslib.__assign({}, memo), fragmentData),
+                    changed || childChanged,
+                ];
+            }
+            case graphql.Kind.FRAGMENT_SPREAD: {
+                var fragmentName = selection.name.value;
+                var fragment = context.fragmentMap[fragmentName] ||
+                    (context.fragmentMap[fragmentName] =
+                        context.cache.lookupFragment(fragmentName));
+                invariant(fragment, 40, fragmentName);
+                var mode = getFragmentMaskMode(selection);
+                if (mode === "mask") {
+                    return [memo, true];
+                }
+                if (globalThis.__DEV__ !== false) {
+                    if (mode === "migrate") {
+                        return [
+                            addFieldAccessorWarnings(memo, data, fragment.selectionSet, path || "", context),
+                            true,
+                        ];
+                    }
+                }
+                var _d = maskSelectionSet(data, fragment.selectionSet, context, path), fragmentData = _d[0], changed_2 = _d[1];
+                return [tslib.__assign(tslib.__assign({}, memo), fragmentData), changed_2];
+            }
+        }
+    }, [Object.create(null), false]);
+    if ("__typename" in data && !("__typename" in result[0])) {
+        result[0].__typename = data.__typename;
+    }
+    return result;
+}
+function addFieldAccessorWarnings(memo, data, selectionSetNode, path, context) {
+    if (Array.isArray(data)) {
+        return data.map(function (item, index) {
+            return addFieldAccessorWarnings(memo[index] || Object.create(null), item, selectionSetNode, "".concat(path, "[").concat(index, "]"), context);
+        });
+    }
+    return selectionSetNode.selections.reduce(function (memo, selection) {
+        switch (selection.kind) {
+            case graphql.Kind.FIELD: {
+                var keyName = resultKeyNameFromField(selection);
+                var childSelectionSet = selection.selectionSet;
+                if (keyName in memo) {
+                    return memo;
+                }
+                var value = data[keyName];
+                if (childSelectionSet) {
+                    value = addFieldAccessorWarnings(memo[keyName] || Object.create(null), data[keyName], childSelectionSet, "".concat(path, ".").concat(keyName), context);
+                }
+                if (globalThis.__DEV__ !== false) {
+                    addAccessorWarning(memo, value, keyName, path, context);
+                }
+                if (!(globalThis.__DEV__ !== false)) {
+                    memo[keyName] = data[keyName];
+                }
+                return memo;
+            }
+            case graphql.Kind.INLINE_FRAGMENT: {
+                return addFieldAccessorWarnings(memo, data, selection.selectionSet, path, context);
+            }
+            case graphql.Kind.FRAGMENT_SPREAD: {
+                var fragment = context.fragmentMap[selection.name.value];
+                var mode = getFragmentMaskMode(selection);
+                if (mode === "mask") {
+                    return memo;
+                }
+                if (mode === "unmask") {
+                    var fragmentData = maskSelectionSet(data, fragment.selectionSet, context, path)[0];
+                    return Object.assign(memo, fragmentData);
+                }
+                return addFieldAccessorWarnings(memo, data, fragment.selectionSet, path, context);
+            }
+        }
+    }, memo);
+}
+function addAccessorWarning(data, value, fieldName, path, context) {
+    var getValue = function () {
+        if (context.disableWarnings) {
+            return value;
+        }
+        globalThis.__DEV__ !== false && invariant.warn(41, context.operationName ?
+            "".concat(context.operationType, " '").concat(context.operationName, "'")
+            : "anonymous ".concat(context.operationType), "".concat(path, ".").concat(fieldName).replace(/^\./, ""));
+        getValue = function () { return value; };
+        return value;
+    };
+    Object.defineProperty(data, fieldName, {
+        get: function () {
+            return getValue();
+        },
+        set: function (value) {
+            getValue = function () { return value; };
+        },
+        enumerable: true,
+        configurable: true,
+    });
+}
+var issuedWarning = false;
+function warnOnImproperCacheImplementation() {
+    if (!issuedWarning) {
+        issuedWarning = true;
+        globalThis.__DEV__ !== false && invariant.warn(42);
+    }
+}
+
 var ApolloCache =  (function () {
     function ApolloCache() {
         this.assumeImmutableResults = false;
@@ -2469,6 +2723,9 @@ var ApolloCache =  (function () {
             cache: caches.WeakCache,
         });
     }
+    ApolloCache.prototype.lookupFragment = function (fragmentName) {
+        return null;
+    };
     ApolloCache.prototype.batch = function (options) {
         var _this = this;
         var optimisticId = typeof options.optimistic === "string" ? options.optimistic
@@ -2504,26 +2761,36 @@ var ApolloCache =  (function () {
         var _this = this;
         var fragment = options.fragment, fragmentName = options.fragmentName, from = options.from, _a = options.optimistic, optimistic = _a === void 0 ? true : _a, otherOptions = tslib.__rest(options, ["fragment", "fragmentName", "from", "optimistic"]);
         var query = this.getFragmentDoc(fragment, fragmentName);
-        var diffOptions = tslib.__assign(tslib.__assign({}, otherOptions), { returnPartialData: true, id:
-            typeof from === "undefined" || typeof from === "string" ?
-                from
-                : this.identify(from), query: query, optimistic: optimistic });
+        var id = typeof from === "undefined" || typeof from === "string" ?
+            from
+            : this.identify(from);
+        var dataMasking = !!options[Symbol.for("apollo.dataMasking")];
+        if (globalThis.__DEV__ !== false) {
+            var actualFragmentName = fragmentName || getFragmentDefinition(fragment).name.value;
+            if (!id) {
+                globalThis.__DEV__ !== false && invariant.warn(1, actualFragmentName);
+            }
+        }
+        var diffOptions = tslib.__assign(tslib.__assign({}, otherOptions), { returnPartialData: true, id: id, query: query, optimistic: optimistic });
         var latestDiff;
         return new zenObservableTs.Observable(function (observer) {
             return _this.watch(tslib.__assign(tslib.__assign({}, diffOptions), { immediate: true, callback: function (diff) {
+                    var data = dataMasking ?
+                        maskFragment(diff.result, fragment, _this, fragmentName)
+                        : diff.result;
                     if (
                     latestDiff &&
-                        equalByQuery(query, { data: latestDiff === null || latestDiff === void 0 ? void 0 : latestDiff.result }, { data: diff.result })) {
+                        equalByQuery(query, { data: latestDiff === null || latestDiff === void 0 ? void 0 : latestDiff.result }, { data: data })) {
                         return;
                     }
                     var result = {
-                        data: diff.result,
+                        data: data,
                         complete: !!diff.complete,
                     };
                     if (diff.missing) {
                         result.missing = mergeDeepArray(diff.missing.map(function (error) { return error.missing; }));
                     }
-                    latestDiff = diff;
+                    latestDiff = tslib.__assign(tslib.__assign({}, diff), { result: data });
                     observer.next(result);
                 } }));
         });
@@ -2773,7 +3040,7 @@ var EntityStore =  (function () {
         var incoming = typeof newer === "string" ? this.lookup((dataId = newer)) : newer;
         if (!incoming)
             return;
-        invariant(typeof dataId === "string", 1);
+        invariant(typeof dataId === "string", 2);
         var merged = new DeepMerger(storeObjectReconciler).merge(existing, incoming);
         this.data[dataId] = merged;
         if (merged !== existing) {
@@ -2850,7 +3117,7 @@ var EntityStore =  (function () {
                             if (globalThis.__DEV__ !== false) {
                                 var checkReference = function (ref) {
                                     if (_this.lookup(ref.__ref) === undefined) {
-                                        globalThis.__DEV__ !== false && invariant.warn(2, ref);
+                                        globalThis.__DEV__ !== false && invariant.warn(3, ref);
                                         return true;
                                     }
                                 };
@@ -2876,7 +3143,7 @@ var EntityStore =  (function () {
                                             }
                                         }
                                         if (seenReference && someNonReference !== undefined) {
-                                            globalThis.__DEV__ !== false && invariant.warn(3, someNonReference);
+                                            globalThis.__DEV__ !== false && invariant.warn(4, someNonReference);
                                             break;
                                         }
                                     }
@@ -3459,7 +3726,7 @@ var StoreReader =  (function () {
             else {
                 var fragment = getFragmentFromSelection(selection, context.lookupFragment);
                 if (!fragment && selection.kind === graphql.Kind.FRAGMENT_SPREAD) {
-                    throw newInvariantError(9, selection.name.value);
+                    throw newInvariantError(10, selection.name.value);
                 }
                 if (fragment && policies.fragmentMatches(fragment, typename)) {
                     fragment.selectionSet.selections.forEach(workSet.add, workSet);
@@ -3542,7 +3809,7 @@ function assertSelectionSetForIdValue(store, field, fieldValue) {
             if (isNonNullObject(value)) {
                 invariant(
                     !isReference(value),
-                    10,
+                    11,
                     getTypenameFromStoreObject(store, value),
                     field.name.value
                 );
@@ -3635,7 +3902,7 @@ function keyFieldsFnFromSpecifier(specifier) {
                     hasOwn.call(object, schemaKeyPath[0])) {
                     extracted = extractKeyPath(object, schemaKeyPath, extractKey);
                 }
-                invariant(extracted !== void 0, 4, schemaKeyPath.join("."), object);
+                invariant(extracted !== void 0, 5, schemaKeyPath.join("."), object);
                 return extracted;
             }));
             return "".concat(context.typename, ":").concat(JSON.stringify(keyObject));
@@ -3871,7 +4138,7 @@ var Policies =  (function () {
         var rootId = "ROOT_" + which.toUpperCase();
         var old = this.rootTypenamesById[rootId];
         if (typename !== old) {
-            invariant(!old || old === which, 5, which);
+            invariant(!old || old === which, 6, which);
             if (old)
                 delete this.rootIdsByTypename[old];
             this.rootIdsByTypename[typename] = rootId;
@@ -3968,7 +4235,7 @@ var Policies =  (function () {
                 if (supertypeSet.has(supertype)) {
                     if (!typenameSupertypeSet.has(supertype)) {
                         if (checkingFuzzySubtypes) {
-                            globalThis.__DEV__ !== false && invariant.warn(6, typename, supertype);
+                            globalThis.__DEV__ !== false && invariant.warn(7, typename, supertype);
                         }
                         typenameSupertypeSet.add(supertype);
                     }
@@ -4131,7 +4398,7 @@ function normalizeReadFieldOptions(readFieldArgs, objectOrReference, variables)
         }
     }
     if (globalThis.__DEV__ !== false && options.from === void 0) {
-        globalThis.__DEV__ !== false && invariant.warn(7, stringifyForDisplay(Array.from(readFieldArgs)));
+        globalThis.__DEV__ !== false && invariant.warn(8, stringifyForDisplay(Array.from(readFieldArgs)));
     }
     if (void 0 === options.variables) {
         options.variables = variables;
@@ -4141,7 +4408,7 @@ function normalizeReadFieldOptions(readFieldArgs, objectOrReference, variables)
 function makeMergeObjectsFunction(store) {
     return function mergeObjects(existing, incoming) {
         if (isArray(existing) || isArray(incoming)) {
-            throw newInvariantError(8);
+            throw newInvariantError(9);
         }
         if (isNonNullObject(existing) && isNonNullObject(incoming)) {
             var eType = store.getFieldValue(existing, "__typename");
@@ -4201,7 +4468,7 @@ var StoreWriter =  (function () {
             context: context,
         });
         if (!isReference(ref)) {
-            throw newInvariantError(11, result);
+            throw newInvariantError(12, result);
         }
         context.incomingById.forEach(function (_a, dataId) {
             var storeObject = _a.storeObject, mergeTree = _a.mergeTree, fieldNodeSet = _a.fieldNodeSet;
@@ -4309,7 +4576,7 @@ var StoreWriter =  (function () {
                 !context.deferred &&
                 !addTypenameToDocument.added(field) &&
                 !policies.getReadFunction(typename, field.name.value)) {
-                globalThis.__DEV__ !== false && invariant.error(12, resultKeyNameFromField(field), result);
+                globalThis.__DEV__ !== false && invariant.error(13, resultKeyNameFromField(field), result);
             }
         });
         try {
@@ -4416,7 +4683,7 @@ var StoreWriter =  (function () {
                 else {
                     var fragment = getFragmentFromSelection(selection, context.lookupFragment);
                     if (!fragment && selection.kind === graphql.Kind.FRAGMENT_SPREAD) {
-                        throw newInvariantError(13, selection.name.value);
+                        throw newInvariantError(14, selection.name.value);
                     }
                     if (fragment &&
                         policies.fragmentMatches(fragment, typename, result, context.variables)) {
@@ -4556,7 +4823,7 @@ function warnAboutDataLoss(existingRef, incomingObj, storeFieldName, store) {
             }
         });
     }
-    globalThis.__DEV__ !== false && invariant.warn(14, fieldName, parentType, childTypenames.length ?
+    globalThis.__DEV__ !== false && invariant.warn(15, fieldName, parentType, childTypenames.length ?
         "either ensure all objects of type " +
             childTypenames.join(" and ") +
             " have an ID or a custom merge function, or "
@@ -4830,6 +5097,13 @@ var InMemoryCache =  (function (_super) {
     InMemoryCache.prototype.transformDocument = function (document) {
         return this.addTypenameToDocument(this.addFragmentsToDocument(document));
     };
+    InMemoryCache.prototype.fragmentMatches = function (fragment, typename) {
+        return this.policies.fragmentMatches(fragment, typename);
+    };
+    InMemoryCache.prototype.lookupFragment = function (fragmentName) {
+        var _a;
+        return ((_a = this.config.fragments) === null || _a === void 0 ? void 0 : _a.lookup(fragmentName)) || null;
+    };
     InMemoryCache.prototype.broadcastWatches = function (options) {
         var _this = this;
         if (!this.txCount) {
@@ -4905,7 +5179,7 @@ var ObservableQuery =  (function (_super) {
                 observer.error && observer.error(last.error);
             }
             else if (last && last.result) {
-                observer.next && observer.next(last.result);
+                observer.next && observer.next(_this.maskResult(last.result));
             }
             if (first) {
                 _this.reobserve().catch(function () { });
@@ -4923,6 +5197,7 @@ var ObservableQuery =  (function (_super) {
         _this.waitForOwnResult = skipCacheDataFor(options.fetchPolicy);
         _this.isTornDown = false;
         _this.subscribeToMore = _this.subscribeToMore.bind(_this);
+        _this.maskResult = _this.maskResult.bind(_this);
         var _b = queryManager.defaultOptions.watchQuery, _c = _b === void 0 ? {} : _b, _d = _c.fetchPolicy, defaultFetchPolicy = _d === void 0 ? "cache-first" : _d;
         var _e = options.fetchPolicy, fetchPolicy = _e === void 0 ? defaultFetchPolicy : _e,
         _f = options.initialFetchPolicy,
@@ -4971,7 +5246,7 @@ var ObservableQuery =  (function (_super) {
     ObservableQuery.prototype.resetDiff = function () {
         this.queryInfo.resetDiff();
     };
-    ObservableQuery.prototype.getCurrentResult = function (saveAsLastResult) {
+    ObservableQuery.prototype.getCurrentFullResult = function (saveAsLastResult) {
         if (saveAsLastResult === void 0) { saveAsLastResult = true; }
         var lastResult = this.getLastResult(true);
         var networkStatus = this.queryInfo.networkStatus ||
@@ -5019,12 +5294,19 @@ var ObservableQuery =  (function (_super) {
         }
         return result;
     };
+    ObservableQuery.prototype.getCurrentResult = function (saveAsLastResult) {
+        if (saveAsLastResult === void 0) { saveAsLastResult = true; }
+        return this.maskResult(this.getCurrentFullResult(saveAsLastResult));
+    };
     ObservableQuery.prototype.isDifferentFromLastResult = function (newResult, variables) {
         if (!this.last) {
             return true;
         }
-        var resultIsDifferent = this.queryManager.getDocumentInfo(this.query).hasNonreactiveDirective ?
-            !equalByQuery(this.query, this.last.result, newResult, this.variables)
+        var documentInfo = this.queryManager.getDocumentInfo(this.query);
+        var dataMasking = this.queryManager.dataMasking;
+        var query = dataMasking ? documentInfo.nonReactiveQuery : this.query;
+        var resultIsDifferent = dataMasking || documentInfo.hasNonreactiveDirective ?
+            !equalByQuery(query, this.last.result, newResult, this.variables)
             : !equal.equal(this.last.result, newResult);
         return (resultIsDifferent || (variables && !equal.equal(this.last.variables, variables)));
     };
@@ -5069,7 +5351,7 @@ var ObservableQuery =  (function (_super) {
             var vars = queryDef.variableDefinitions;
             if (!vars || !vars.some(function (v) { return v.variable.name.value === "variables"; })) {
                 globalThis.__DEV__ !== false && invariant.warn(
-                    20,
+                    21,
                     variables,
                     ((_a = queryDef.name) === null || _a === void 0 ? void 0 : _a.value) || queryDef
                 );
@@ -5101,7 +5383,7 @@ var ObservableQuery =  (function (_super) {
         var updateQuery = fetchMoreOptions === null || fetchMoreOptions === void 0 ? void 0 : fetchMoreOptions.updateQuery;
         var isCached = this.options.fetchPolicy !== "no-cache";
         if (!isCached) {
-            invariant(updateQuery, 21);
+            invariant(updateQuery, 22);
         }
         return this.queryManager
             .fetchQuery(qid, combinedOptions, exports.NetworkStatus.fetchMore)
@@ -5148,7 +5430,7 @@ var ObservableQuery =  (function (_super) {
                 });
                 _this.reportResult(tslib.__assign(tslib.__assign({}, lastResult), { data: data }), _this.variables);
             }
-            return fetchMoreResult;
+            return _this.maskResult(fetchMoreResult);
         })
             .finally(function () {
             if (isCached && !updatedQuerySet.has(_this.query)) {
@@ -5182,7 +5464,7 @@ var ObservableQuery =  (function (_super) {
                     options.onError(err);
                     return;
                 }
-                globalThis.__DEV__ !== false && invariant.error(22, err);
+                globalThis.__DEV__ !== false && invariant.error(23, err);
             },
         });
         this.subscriptions.add(subscription);
@@ -5282,7 +5564,7 @@ var ObservableQuery =  (function (_super) {
         if (pollingInfo && pollingInfo.interval === pollInterval) {
             return;
         }
-        invariant(pollInterval, 23);
+        invariant(pollInterval, 24);
         var info = pollingInfo || (this.pollingInfo = {});
         info.interval = pollInterval;
         var maybeFetch = function () {
@@ -5385,8 +5667,7 @@ var ObservableQuery =  (function (_super) {
         return concast;
     };
     ObservableQuery.prototype.reobserve = function (newOptions, newNetworkStatus) {
-        return this.reobserveAsConcast(newOptions, newNetworkStatus)
-            .promise;
+        return preventUnhandledRejection(this.reobserveAsConcast(newOptions, newNetworkStatus).promise.then(this.maskResult));
     };
     ObservableQuery.prototype.resubscribeAfterError = function () {
         var args = [];
@@ -5401,7 +5682,7 @@ var ObservableQuery =  (function (_super) {
     };
     ObservableQuery.prototype.observe = function () {
         this.reportResult(
-        this.getCurrentResult(false), this.variables);
+        this.getCurrentFullResult(false), this.variables);
     };
     ObservableQuery.prototype.reportResult = function (result, variables) {
         var lastError = this.getLastError();
@@ -5410,7 +5691,7 @@ var ObservableQuery =  (function (_super) {
             this.updateLastResult(result, variables);
         }
         if (lastError || isDifferent) {
-            iterateObserversSafely(this.observers, "next", result);
+            iterateObserversSafely(this.observers, "next", this.maskResult(result));
         }
     };
     ObservableQuery.prototype.reportError = function (error, variables) {
@@ -5439,6 +5720,12 @@ var ObservableQuery =  (function (_super) {
     ObservableQuery.prototype.transformDocument = function (document) {
         return this.queryManager.transform(document);
     };
+    ObservableQuery.prototype.maskResult = function (result) {
+        return result && "data" in result ? tslib.__assign(tslib.__assign({}, result), { data: this.queryManager.maskOperation({
+                document: this.query,
+                data: result.data,
+            }) }) : result;
+    };
     return ObservableQuery;
 }(zenObservableTs.Observable));
 fixObservableSubclass(ObservableQuery);
@@ -5459,11 +5746,11 @@ function reobserveCacheFirst(obsQuery) {
     return obsQuery.reobserve();
 }
 function defaultSubscriptionObserverErrorCallback(error) {
-    globalThis.__DEV__ !== false && invariant.error(24, error.message, error.stack);
+    globalThis.__DEV__ !== false && invariant.error(25, error.message, error.stack);
 }
 function logMissingFieldErrors(missing) {
     if (globalThis.__DEV__ !== false && missing) {
-        globalThis.__DEV__ !== false && invariant.debug(25, missing);
+        globalThis.__DEV__ !== false && invariant.debug(26, missing);
     }
 }
 function skipCacheDataFor(fetchPolicy ) {
@@ -5774,6 +6061,7 @@ var QueryManager =  (function () {
         this.localState = options.localState;
         this.ssrMode = options.ssrMode;
         this.assumeImmutableResults = options.assumeImmutableResults;
+        this.dataMasking = options.dataMasking;
         var documentTransform = options.documentTransform;
         this.documentTransform =
             documentTransform ?
@@ -5791,7 +6079,7 @@ var QueryManager =  (function () {
         this.queries.forEach(function (_info, queryId) {
             _this.stopQueryNoBroadcast(queryId);
         });
-        this.cancelPendingFetches(newInvariantError(26));
+        this.cancelPendingFetches(newInvariantError(27));
     };
     QueryManager.prototype.cancelPendingFetches = function (error) {
         this.fetchCancelFns.forEach(function (cancel) { return cancel(error); });
@@ -5805,8 +6093,8 @@ var QueryManager =  (function () {
             return tslib.__generator(this, function (_j) {
                 switch (_j.label) {
                     case 0:
-                        invariant(mutation, 27);
-                        invariant(fetchPolicy === "network-only" || fetchPolicy === "no-cache", 28);
+                        invariant(mutation, 28);
+                        invariant(fetchPolicy === "network-only" || fetchPolicy === "no-cache", 29);
                         mutationId = this.generateMutationId();
                         mutation = this.cache.transformForLink(this.transform(mutation));
                         hasClientExports = this.getDocumentInfo(mutation).hasClientExports;
@@ -5876,7 +6164,10 @@ var QueryManager =  (function () {
                                     next: function (storeResult) {
                                         self.broadcastQueries();
                                         if (!("hasNext" in storeResult) || storeResult.hasNext === false) {
-                                            resolve(storeResult);
+                                            resolve(tslib.__assign(tslib.__assign({}, storeResult), { data: self.maskOperation({
+                                                    document: mutation,
+                                                    data: storeResult.data,
+                                                }) }));
                                         }
                                     },
                                     error: function (err) {
@@ -6082,11 +6373,13 @@ var QueryManager =  (function () {
                 hasClientExports: hasClientExports(document),
                 hasForcedResolvers: this.localState.shouldForceResolvers(document),
                 hasNonreactiveDirective: hasDirectives(["nonreactive"], document),
+                nonReactiveQuery: addNonReactiveToNamedFragments(document),
                 clientQuery: this.localState.clientQuery(document),
                 serverQuery: removeDirectivesFromDocument([
                     { name: "client", remove: true },
                     { name: "connection" },
                     { name: "nonreactive" },
+                    { name: "unmask" },
                 ], document),
                 defaultVars: getDefaultValues(getOperationDefinition(document)),
                 asQuery: tslib.__assign(tslib.__assign({}, document), { definitions: document.definitions.map(function (def) {
@@ -6128,11 +6421,16 @@ var QueryManager =  (function () {
     QueryManager.prototype.query = function (options, queryId) {
         var _this = this;
         if (queryId === void 0) { queryId = this.generateQueryId(); }
-        invariant(options.query, 29);
-        invariant(options.query.kind === "Document", 30);
-        invariant(!options.returnPartialData, 31);
-        invariant(!options.pollInterval, 32);
-        return this.fetchQuery(queryId, tslib.__assign(tslib.__assign({}, options), { query: this.transform(options.query) })).finally(function () { return _this.stopQuery(queryId); });
+        invariant(options.query, 30);
+        invariant(options.query.kind === "Document", 31);
+        invariant(!options.returnPartialData, 32);
+        invariant(!options.pollInterval, 33);
+        var query = this.transform(options.query);
+        return this.fetchQuery(queryId, tslib.__assign(tslib.__assign({}, options), { query: query }))
+            .then(function (result) {
+            return result && tslib.__assign(tslib.__assign({}, result), { data: _this.maskOperation({ document: query, data: result.data }) });
+        })
+            .finally(function () { return _this.stopQuery(queryId); });
     };
     QueryManager.prototype.generateQueryId = function () {
         return String(this.queryIdCounter++);
@@ -6156,7 +6454,7 @@ var QueryManager =  (function () {
         if (options === void 0) { options = {
             discardWatches: true,
         }; }
-        this.cancelPendingFetches(newInvariantError(33));
+        this.cancelPendingFetches(newInvariantError(34));
         this.queries.forEach(function (queryInfo) {
             if (queryInfo.observableQuery) {
                 queryInfo.networkStatus = exports.NetworkStatus.loading;
@@ -6232,7 +6530,7 @@ var QueryManager =  (function () {
         if (globalThis.__DEV__ !== false && queryNamesAndDocs.size) {
             queryNamesAndDocs.forEach(function (included, nameOrDoc) {
                 if (!included) {
-                    globalThis.__DEV__ !== false && invariant.warn(typeof nameOrDoc === "string" ? 34 : 35, nameOrDoc);
+                    globalThis.__DEV__ !== false && invariant.warn(typeof nameOrDoc === "string" ? 35 : 36, nameOrDoc);
                 }
             });
         }
@@ -6257,9 +6555,10 @@ var QueryManager =  (function () {
     QueryManager.prototype.setObservableQuery = function (observableQuery) {
         this.getQuery(observableQuery.queryId).setObservableQuery(observableQuery);
     };
-    QueryManager.prototype.startGraphQLSubscription = function (_a) {
+    QueryManager.prototype.startGraphQLSubscription = function (options) {
         var _this = this;
-        var query = _a.query, fetchPolicy = _a.fetchPolicy, _b = _a.errorPolicy, errorPolicy = _b === void 0 ? "none" : _b, variables = _a.variables, _c = _a.context, context = _c === void 0 ? {} : _c, _d = _a.extensions, extensions = _d === void 0 ? {} : _d;
+        var query = options.query, variables = options.variables;
+        var fetchPolicy = options.fetchPolicy, _a = options.errorPolicy, errorPolicy = _a === void 0 ? "none" : _a, _b = options.context, context = _b === void 0 ? {} : _b, _c = options.extensions, extensions = _c === void 0 ? {} : _c;
         query = this.transform(query);
         variables = this.getVariables(query, variables);
         var makeObservable = function (variables) {
@@ -6541,6 +6840,18 @@ var QueryManager =  (function () {
         }
         return results;
     };
+    QueryManager.prototype.maskOperation = function (options) {
+        var document = options.document, data = options.data;
+        return (this.dataMasking ?
+            maskOperation(data, document, this.cache)
+            : data);
+    };
+    QueryManager.prototype.maskFragment = function (options) {
+        var data = options.data, fragment = options.fragment, fragmentName = options.fragmentName;
+        return this.dataMasking ?
+            maskFragment(data, fragment, this.cache, fragmentName)
+            : data;
+    };
     QueryManager.prototype.fetchQueryByPolicy = function (queryInfo, _a,
     networkStatus) {
         var _this = this;
@@ -6841,7 +7152,7 @@ var LocalState =  (function () {
                         }
                         else {
                             fragment = fragmentMap[selection.name.value];
-                            invariant(fragment, 18, selection.name.value);
+                            invariant(fragment, 19, selection.name.value);
                         }
                         if (fragment && fragment.typeCondition) {
                             typeCondition = fragment.typeCondition.name.value;
@@ -6955,7 +7266,7 @@ var LocalState =  (function () {
                     },
                     FragmentSpread: function (spread, _, __, ___, ancestors) {
                         var fragment = fragmentMap[spread.name.value];
-                        invariant(fragment, 19, spread.name.value);
+                        invariant(fragment, 20, spread.name.value);
                         var fragmentSelections = collectByDefinition(fragment);
                         if (fragmentSelections.size > 0) {
                             ancestors.forEach(function (node) {
@@ -6985,10 +7296,10 @@ var ApolloClient =  (function () {
         this.resetStoreCallbacks = [];
         this.clearStoreCallbacks = [];
         if (!options.cache) {
-            throw newInvariantError(15);
+            throw newInvariantError(16);
         }
         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,
-        connectToDevTools = options.connectToDevTools, _c = options.queryDeduplication, queryDeduplication = _c === void 0 ? true : _c, defaultOptions = options.defaultOptions, defaultContext = options.defaultContext, _d = options.assumeImmutableResults, assumeImmutableResults = _d === void 0 ? cache.assumeImmutableResults : _d, resolvers = options.resolvers, typeDefs = options.typeDefs, fragmentMatcher = options.fragmentMatcher, clientAwarenessName = options.name, clientAwarenessVersion = options.version, devtools = options.devtools;
+        connectToDevTools = options.connectToDevTools, _c = options.queryDeduplication, queryDeduplication = _c === void 0 ? true : _c, defaultOptions = options.defaultOptions, defaultContext = options.defaultContext, _d = options.assumeImmutableResults, assumeImmutableResults = _d === void 0 ? cache.assumeImmutableResults : _d, resolvers = options.resolvers, typeDefs = options.typeDefs, fragmentMatcher = options.fragmentMatcher, clientAwarenessName = options.name, clientAwarenessVersion = options.version, devtools = options.devtools, dataMasking = options.dataMasking;
         var link = options.link;
         if (!link) {
             link =
@@ -7028,6 +7339,7 @@ var ApolloClient =  (function () {
             documentTransform: documentTransform,
             queryDeduplication: queryDeduplication,
             ssrMode: ssrMode,
+            dataMasking: !!dataMasking,
             clientAwareness: {
                 name: clientAwarenessName,
                 version: clientAwarenessVersion,
@@ -7116,7 +7428,7 @@ var ApolloClient =  (function () {
         if (this.defaultOptions.query) {
             options = mergeOptions(this.defaultOptions.query, options);
         }
-        invariant(options.fetchPolicy !== "cache-and-network", 16);
+        invariant(options.fetchPolicy !== "cache-and-network", 17);
         if (this.disableNetworkFetches && options.fetchPolicy === "network-only") {
             options = tslib.__assign(tslib.__assign({}, options), { fetchPolicy: "cache-first" });
         }
@@ -7129,14 +7441,21 @@ var ApolloClient =  (function () {
         return this.queryManager.mutate(options);
     };
     ApolloClient.prototype.subscribe = function (options) {
-        return this.queryManager.startGraphQLSubscription(options);
+        var _this = this;
+        return this.queryManager
+            .startGraphQLSubscription(options)
+            .map(function (result) { return (tslib.__assign(tslib.__assign({}, result), { data: _this.queryManager.maskOperation({
+                document: options.query,
+                data: result.data,
+            }) })); });
     };
     ApolloClient.prototype.readQuery = function (options, optimistic) {
         if (optimistic === void 0) { optimistic = false; }
         return this.cache.readQuery(options, optimistic);
     };
     ApolloClient.prototype.watchFragment = function (options) {
-        return this.cache.watchFragment(options);
+        var _a;
+        return this.cache.watchFragment(tslib.__assign(tslib.__assign({}, options), (_a = {}, _a[Symbol.for("apollo.dataMasking")] = this.queryManager.dataMasking, _a)));
     };
     ApolloClient.prototype.readFragment = function (options, optimistic) {
         if (optimistic === void 0) { optimistic = false; }
@@ -7212,7 +7531,7 @@ var ApolloClient =  (function () {
         result.queries = queries;
         result.results = results;
         result.catch(function (error) {
-            globalThis.__DEV__ !== false && invariant.debug(17, error);
+            globalThis.__DEV__ !== false && invariant.debug(18, error);
         });
         return result;
     };
@@ -7256,7 +7575,7 @@ if (globalThis.__DEV__ !== false) {
 
 var contextKey = canUseSymbol ? Symbol.for("__APOLLO_CONTEXT__") : "__APOLLO_CONTEXT__";
 function getApolloContext() {
-    invariant("createContext" in React__namespace, 46);
+    invariant("createContext" in React__namespace, 53);
     var context = React__namespace.createContext[contextKey];
     if (!context) {
         Object.defineProperty(React__namespace.createContext, contextKey, {
@@ -7274,7 +7593,7 @@ var resetApolloContext = getApolloContext;
 var ApolloConsumer = function (props) {
     var ApolloContext = getApolloContext();
     return (React__namespace.createElement(ApolloContext.Consumer, null, function (context) {
-        invariant(context && context.client, 45);
+        invariant(context && context.client, 52);
         return props.children(context.client);
     }));
 };
@@ -7286,14 +7605,14 @@ var ApolloProvider = function (_a) {
     var context = React__namespace.useMemo(function () {
         return tslib.__assign(tslib.__assign({}, parentContext), { client: client || parentContext.client });
     }, [parentContext, client]);
-    invariant(context.client, 47);
+    invariant(context.client, 54);
     return (React__namespace.createElement(ApolloContext.Provider, { value: context }, children));
 };
 
 function useApolloClient(override) {
     var context = React__namespace.useContext(getApolloContext());
     var client = override || context.client;
-    invariant(!!client, 50);
+    invariant(!!client, 57);
     return client;
 }
 
@@ -7308,7 +7627,7 @@ var useSyncExternalStore = realHook$1 ||
             !didWarnUncachedGetSnapshot &&
             value !== getSnapshot()) {
             didWarnUncachedGetSnapshot = true;
-            globalThis.__DEV__ !== false && invariant.error(60);
+            globalThis.__DEV__ !== false && invariant.error(67);
         }
         var _a = React__namespace.useState({
             inst: { value: value, getSnapshot: getSnapshot },
@@ -7376,7 +7695,7 @@ function parser(document) {
     if (cached)
         return cached;
     var variables, type, name;
-    invariant(!!document && !!document.kind, 62, document);
+    invariant(!!document && !!document.kind, 69, document);
     var fragments = [];
     var queries = [];
     var mutations = [];
@@ -7404,10 +7723,10 @@ function parser(document) {
     invariant(!fragments.length ||
         queries.length ||
         mutations.length ||
-        subscriptions.length, 63);
+        subscriptions.length, 70);
     invariant(
         queries.length + mutations.length + subscriptions.length <= 1,
-        64,
+        71,
         document,
         queries.length,
         subscriptions.length,
@@ -7419,7 +7738,7 @@ function parser(document) {
     var definitions = queries.length ? queries
         : mutations.length ? mutations
             : subscriptions;
-    invariant(definitions.length === 1, 65, document, definitions.length);
+    invariant(definitions.length === 1, 72, document, definitions.length);
     var definition = definitions[0];
     variables = definition.variableDefinitions || [];
     if (definition.name && definition.name.kind === "Name") {
@@ -7444,7 +7763,7 @@ function verifyDocumentType(document, type) {
     var usedOperationName = operationName(operation.type);
     invariant(
         operation.type === type,
-        66,
+        73,
         requiredOperationName,
         requiredOperationName,
         usedOperationName
@@ -7627,7 +7946,8 @@ function useObservableSubscriptionResult(resultData, observable, client, options
                 (previousResult && previousResult.loading) ||
                 !equal.equal(error, previousResult.error)) {
                 setResult({
-                    data: (previousResult && previousResult.data),
+                    data: (previousResult &&
+                        previousResult.data),
                     error: error,
                     loading: false,
                     networkStatus: exports.NetworkStatus.error,
@@ -7891,7 +8211,7 @@ function executeQuery(resultData, observable, client, currentQuery, options, onQ
                 resolve(toQueryResult(observable.getCurrentResult(), resultData.previousData, observable, client));
             },
             complete: function () {
-                resolve(toQueryResult(result, resultData.previousData, observable, client));
+                resolve(toQueryResult(observable["maskResult"](result), resultData.previousData, observable, client));
             },
         });
     });
@@ -8016,10 +8336,10 @@ function useSubscription(subscription, options) {
     if (!hasIssuedDeprecationWarningRef.current) {
         hasIssuedDeprecationWarningRef.current = true;
         if (options.onSubscriptionData) {
-            globalThis.__DEV__ !== false && invariant.warn(options.onData ? 53 : 54);
+            globalThis.__DEV__ !== false && invariant.warn(options.onData ? 60 : 61);
         }
         if (options.onSubscriptionComplete) {
-            globalThis.__DEV__ !== false && invariant.warn(options.onComplete ? 55 : 56);
+            globalThis.__DEV__ !== false && invariant.warn(options.onComplete ? 62 : 63);
         }
     }
     var skip = options.skip, fetchPolicy = options.fetchPolicy, errorPolicy = options.errorPolicy, shouldResubscribe = options.shouldResubscribe, context = options.context, extensions = options.extensions, ignoreResults = options.ignoreResults;
@@ -8140,7 +8460,7 @@ function useSubscription(subscription, options) {
             : fallbackResult;
     }, function () { return fallbackResult; });
     var restart = React__namespace.useCallback(function () {
-        invariant(!optionsRef.current.skip, 57);
+        invariant(!optionsRef.current.skip, 64);
         setObservable(recreateRef.current());
     }, [optionsRef, recreateRef]);
     return React__namespace.useMemo(function () { return (tslib.__assign(tslib.__assign({}, ret), { restart: restart })); }, [ret, restart]);
@@ -8187,20 +8507,27 @@ function useFragment(options) {
     return wrapHook("useFragment", _useFragment, useApolloClient(options.client))(options);
 }
 function _useFragment(options) {
-    var cache = useApolloClient(options.client).cache;
+    var client = useApolloClient(options.client);
+    var cache = client.cache;
     var from = options.from, rest = tslib.__rest(options, ["from"]);
     var id = React__namespace.useMemo(function () { return (typeof from === "string" ? from : cache.identify(from)); }, [cache, from]);
     var stableOptions = useDeepMemo(function () { return (tslib.__assign(tslib.__assign({}, rest), { from: id })); }, [rest, id]);
     var diff = React__namespace.useMemo(function () {
         var fragment = stableOptions.fragment, fragmentName = stableOptions.fragmentName, from = stableOptions.from, _a = stableOptions.optimistic, optimistic = _a === void 0 ? true : _a;
+        var cache = client.cache;
+        var diff = cache.diff(tslib.__assign(tslib.__assign({}, stableOptions), { returnPartialData: true, id: from, query: cache["getFragmentDoc"](fragment, fragmentName), optimistic: optimistic }));
         return {
-            result: diffToResult(cache.diff(tslib.__assign(tslib.__assign({}, stableOptions), { returnPartialData: true, id: from, query: cache["getFragmentDoc"](fragment, fragmentName), optimistic: optimistic }))),
+            result: diffToResult(tslib.__assign(tslib.__assign({}, diff), { result: client["queryManager"].maskFragment({
+                    fragment: fragment,
+                    fragmentName: fragmentName,
+                    data: diff.result,
+                }) })),
         };
-    }, [stableOptions, cache]);
+    }, [client, stableOptions]);
     var getSnapshot = React__namespace.useCallback(function () { return diff.result; }, [diff]);
     return useSyncExternalStore(React__namespace.useCallback(function (forceUpdate) {
         var lastTimeout = 0;
-        var subscription = cache.watchFragment(stableOptions).subscribe({
+        var subscription = client.watchFragment(stableOptions).subscribe({
             next: function (result) {
                 if (equal__default(result, diff.result))
                     return;
@@ -8213,7 +8540,7 @@ function _useFragment(options) {
             subscription.unsubscribe();
             clearTimeout(lastTimeout);
         };
-    }, [cache, stableOptions, diff]), getSnapshot, getSnapshot);
+    }, [client, stableOptions, diff]), getSnapshot, getSnapshot);
 }
 function diffToResult(diff) {
     var result = {
@@ -8241,7 +8568,7 @@ function wrapQueryRef(internalQueryRef) {
     return ref;
 }
 function assertWrappedQueryRef(queryRef) {
-    invariant(!queryRef || QUERY_REFERENCE_SYMBOL in queryRef, 61);
+    invariant(!queryRef || QUERY_REFERENCE_SYMBOL in queryRef, 68);
 }
 function getWrappedPromise(queryRef) {
     var internalQueryRef = unwrapQueryRef(queryRef);
@@ -8612,11 +8939,11 @@ function validateFetchPolicy(fetchPolicy) {
         "no-cache",
         "cache-and-network",
     ];
-    invariant(supportedFetchPolicies.includes(fetchPolicy), 58, fetchPolicy);
+    invariant(supportedFetchPolicies.includes(fetchPolicy), 65, fetchPolicy);
 }
 function validatePartialDataReturn(fetchPolicy, returnPartialData) {
     if (fetchPolicy === "no-cache" && returnPartialData) {
-        globalThis.__DEV__ !== false && invariant.warn(59);
+        globalThis.__DEV__ !== false && invariant.warn(66);
     }
 }
 function toApolloError(result) {
@@ -8736,7 +9063,7 @@ function useLoadableQuery(query, options) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        invariant(!calledDuringRender(), 51);
+        invariant(!calledDuringRender(), 58);
         var variables = args[0];
         var cacheKey = tslib.__spreadArray([
             query,
@@ -8755,7 +9082,7 @@ function useLoadableQuery(query, options) {
         client,
     ]);
     var subscribeToMore = React__namespace.useCallback(function (options) {
-        invariant(internalQueryRef, 52);
+        invariant(internalQueryRef, 59);
         return internalQueryRef.observable.subscribeToMore(options);
     }, [internalQueryRef]);
     var reset = React__namespace.useCallback(function () {