@apollo/client 3.12.0-alpha.0 → 3.12.0-rc.1

package/apollo-client.cjs

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var tsInvariant = require('ts-invariant');
 var equal = require('@wry/equality');
-var caches = require('@wry/caches');
 var graphql = require('graphql');
+var caches = require('@wry/caches');
 var zenObservableTs = require('zen-observable-ts');
 require('symbol-observable');
 var trie = require('@wry/trie');
@@ -31,7 +31,7 @@ function _interopNamespace(e) {
 var equal__default = /*#__PURE__*/_interopDefaultLegacy(equal);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var version = "3.12.0-alpha.0";
+var version = "3.12.0-rc.1";
 
 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, 77, directive.name.value);
+            invariant(evaledValue !== void 0, 78, directive.name.value);
         }
         else {
             evaledValue = ifArgument.value.value;
@@ -180,12 +180,12 @@ function getInclusionDirectives(directives) {
                 return;
             var directiveArguments = directive.arguments;
             var directiveName = directive.name.value;
-            invariant(directiveArguments && directiveArguments.length === 1, 78, directiveName);
+            invariant(directiveArguments && directiveArguments.length === 1, 79, directiveName);
             var ifArgument = directiveArguments[0];
-            invariant(ifArgument.name && ifArgument.name.value === "if", 79, directiveName);
+            invariant(ifArgument.name && ifArgument.name.value === "if", 80, directiveName);
             var ifValue = ifArgument.value;
             invariant(ifValue &&
-                (ifValue.kind === "Variable" || ifValue.kind === "BooleanValue"), 80, directiveName);
+                (ifValue.kind === "Variable" || ifValue.kind === "BooleanValue"), 81, directiveName);
             result.push({ directive: directive, ifArgument: ifArgument });
         });
     }
@@ -207,13 +207,13 @@ function getFragmentMaskMode(fragment) {
     if (globalThis.__DEV__ !== false) {
         if (modeArg) {
             if (modeArg.value.kind === graphql.Kind.VARIABLE) {
-                globalThis.__DEV__ !== false && invariant.warn(81);
+                globalThis.__DEV__ !== false && invariant.warn(82);
             }
             else if (modeArg.value.kind !== graphql.Kind.STRING) {
-                globalThis.__DEV__ !== false && invariant.warn(82);
+                globalThis.__DEV__ !== false && invariant.warn(83);
             }
             else if (modeArg.value.value !== "migrate") {
-                globalThis.__DEV__ !== false && invariant.warn(83, modeArg.value.value);
+                globalThis.__DEV__ !== false && invariant.warn(84, modeArg.value.value);
             }
         }
     }
@@ -246,7 +246,7 @@ function getFragmentQueryDocument(document, fragmentName) {
     document.definitions.forEach(function (definition) {
         if (definition.kind === "OperationDefinition") {
             throw newInvariantError(
-                84,
+                85,
                 definition.operation,
                 definition.name ? " named '".concat(definition.name.value, "'") : ""
             );
@@ -256,7 +256,7 @@ function getFragmentQueryDocument(document, fragmentName) {
         }
     });
     if (typeof actualFragmentName === "undefined") {
-        invariant(fragments.length === 1, 85, fragments.length);
+        invariant(fragments.length === 1, 86, fragments.length);
         actualFragmentName = fragments[0].name.value;
     }
     var query = tslib.__assign(tslib.__assign({}, document), { definitions: tslib.__spreadArray([
@@ -297,13 +297,27 @@ function getFragmentFromSelection(selection, fragmentMap) {
                 return fragmentMap(fragmentName);
             }
             var fragment = fragmentMap && fragmentMap[fragmentName];
-            invariant(fragment, 86, fragmentName);
+            invariant(fragment, 87, fragmentName);
             return fragment || null;
         }
         default:
             return null;
     }
 }
+function isFullyUnmaskedOperation(document) {
+    var isUnmasked = true;
+    graphql.visit(document, {
+        FragmentSpread: function (node) {
+            isUnmasked =
+                !!node.directives &&
+                    node.directives.some(function (directive) { return directive.name.value === "unmask"; });
+            if (!isUnmasked) {
+                return graphql.BREAK;
+            }
+        },
+    });
+    return isUnmasked;
+}
 
 var scheduledCleanup = new WeakSet();
 function schedule(cache) {
@@ -548,7 +562,7 @@ function valueToObjectRepresentation(argObj, name, value, variables) {
         argObj[name.value] = null;
     }
     else {
-        throw newInvariantError(95, name.value, value.kind);
+        throw newInvariantError(96, name.value, value.kind);
     }
 }
 function storeKeyNameFromField(field, variables) {
@@ -682,16 +696,16 @@ function isInlineFragment(selection) {
 }
 
 function checkDocument(doc) {
-    invariant(doc && doc.kind === "Document", 87);
+    invariant(doc && doc.kind === "Document", 88);
     var operations = doc.definitions
         .filter(function (d) { return d.kind !== "FragmentDefinition"; })
         .map(function (definition) {
         if (definition.kind !== "OperationDefinition") {
-            throw newInvariantError(88, definition.kind);
+            throw newInvariantError(89, definition.kind);
         }
         return definition;
     });
-    invariant(operations.length <= 1, 89, operations.length);
+    invariant(operations.length <= 1, 90, operations.length);
     return doc;
 }
 function getOperationDefinition(doc) {
@@ -714,14 +728,14 @@ function getFragmentDefinitions(doc) {
 }
 function getQueryDefinition(doc) {
     var queryDef = getOperationDefinition(doc);
-    invariant(queryDef && queryDef.operation === "query", 90);
+    invariant(queryDef && queryDef.operation === "query", 91);
     return queryDef;
 }
 function getFragmentDefinition(doc) {
-    invariant(doc.kind === "Document", 91);
-    invariant(doc.definitions.length <= 1, 92);
+    invariant(doc.kind === "Document", 92);
+    invariant(doc.definitions.length <= 1, 93);
     var fragmentDef = doc.definitions[0];
-    invariant(fragmentDef.kind === "FragmentDefinition", 93);
+    invariant(fragmentDef.kind === "FragmentDefinition", 94);
     return fragmentDef;
 }
 function getMainDefinition(queryDoc) {
@@ -744,7 +758,7 @@ function getMainDefinition(queryDoc) {
     if (fragmentDefinition) {
         return fragmentDefinition;
     }
-    throw newInvariantError(94);
+    throw newInvariantError(95);
 }
 function getDefaultValues(definition) {
     var defaultValues = Object.create(null);
@@ -795,7 +809,7 @@ var DocumentTransform =  (function () {
                 makeCacheKey: function (document) {
                     var cacheKeys = _this.getCacheKey(document);
                     if (cacheKeys) {
-                        invariant(Array.isArray(cacheKeys), 76);
+                        invariant(Array.isArray(cacheKeys), 77);
                         return stableCacheKeys_1.lookupArray(cacheKeys);
                     }
                 },
@@ -925,7 +939,7 @@ function removeDirectivesFromDocument(directives, doc) {
                 return getInUseByFragmentName(ancestor.name.value);
             }
         }
-        globalThis.__DEV__ !== false && invariant.error(96);
+        globalThis.__DEV__ !== false && invariant.error(97);
         return null;
     };
     var operationCount = 0;
@@ -1138,6 +1152,10 @@ function addNonReactiveToNamedFragments(document) {
     checkDocument(document);
     return graphql.visit(document, {
         FragmentSpread: function (node) {
+            var _a;
+            if ((_a = node.directives) === null || _a === void 0 ? void 0 : _a.some(function (directive) { return directive.name.value === "unmask"; })) {
+                return;
+            }
             return tslib.__assign(tslib.__assign({}, node), { directives: tslib.__spreadArray(tslib.__spreadArray([], (node.directives || []), true), [
                     {
                         kind: graphql.Kind.DIRECTIVE,
@@ -1597,7 +1615,7 @@ function toPromise(observable) {
         observable.subscribe({
             next: function (data) {
                 if (completed) {
-                    globalThis.__DEV__ !== false && invariant.warn(50);
+                    globalThis.__DEV__ !== false && invariant.warn(51);
                 }
                 else {
                     completed = true;
@@ -1640,7 +1658,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(51, key);
+            throw newInvariantError(52, key);
         }
     }
     return operation;
@@ -1749,7 +1767,7 @@ var ApolloLink =  (function () {
     ApolloLink.concat = function (first, second) {
         var firstLink = toLink(first);
         if (isTerminating(firstLink)) {
-            globalThis.__DEV__ !== false && invariant.warn(43, firstLink);
+            globalThis.__DEV__ !== false && invariant.warn(44, firstLink);
             return firstLink;
         }
         var nextLink = toLink(second);
@@ -1775,7 +1793,7 @@ var ApolloLink =  (function () {
         return ApolloLink.concat(this, next);
     };
     ApolloLink.prototype.request = function (operation, forward) {
-        throw newInvariantError(44);
+        throw newInvariantError(45);
     };
     ApolloLink.prototype.onError = function (error, observer) {
         if (observer && observer.error) {
@@ -2157,7 +2175,7 @@ var serializeFetchParameter = function (p, label) {
         serialized = JSON.stringify(p);
     }
     catch (e) {
-        var parseError = newInvariantError(47, label, e.message);
+        var parseError = newInvariantError(48, label, e.message);
         parseError.parseError = e;
         throw parseError;
     }
@@ -2243,7 +2261,7 @@ function removeDuplicateHeaders(headers, preserveHeaderCase) {
 
 var checkFetcher = function (fetcher) {
     if (!fetcher && typeof fetch === "undefined") {
-        throw newInvariantError(45);
+        throw newInvariantError(46);
     }
 };
 
@@ -2377,7 +2395,7 @@ var createHttpLink = function (linkOptions) {
             options.headers = options.headers || {};
             var acceptHeader = "multipart/mixed;";
             if (isSubscription && hasDefer) {
-                globalThis.__DEV__ !== false && invariant.warn(46);
+                globalThis.__DEV__ !== false && invariant.warn(47);
             }
             if (isSubscription) {
                 acceptHeader +=
@@ -2511,6 +2529,7 @@ function directiveIsNonreactive(dir) {
     return dir.name.value === "nonreactive";
 }
 
+var disableWarningsSlot = new optimism.Slot();
 function maskOperation(data, document, cache) {
     var _a;
     if (!cache.fragmentMatches) {
@@ -2520,7 +2539,7 @@ function maskOperation(data, document, cache) {
         return data;
     }
     var definition = getOperationDefinition(document);
-    invariant(definition, 37);
+    invariant(definition, 38);
     if (data == null) {
         return data;
     }
@@ -2532,9 +2551,7 @@ function maskOperation(data, document, 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;
+        disableWarningsSlot.withValue(true, maybeDeepFreeze, [masked]);
     }
     return changed ? masked : data;
 }
@@ -2549,14 +2566,17 @@ function maskFragment(data, document, cache, fragmentName) {
         return node.kind === graphql.Kind.FRAGMENT_DEFINITION;
     });
     if (typeof fragmentName === "undefined") {
-        invariant(fragments.length === 1, 38, fragments.length);
+        invariant(fragments.length === 1, 39, fragments.length);
         fragmentName = fragments[0].name.value;
     }
     var fragment = fragments.find(function (fragment) { return fragment.name.value === fragmentName; });
-    invariant(!!fragment, 39, fragmentName);
+    invariant(!!fragment, 40, fragmentName);
     if (data == null) {
         return data;
     }
+    if (equal.equal(data, {})) {
+        return data;
+    }
     var context = {
         operationType: "fragment",
         operationName: fragment.name.value,
@@ -2565,9 +2585,7 @@ function maskFragment(data, document, cache, fragmentName) {
     };
     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;
+        disableWarningsSlot.withValue(true, maybeDeepFreeze, [masked]);
     }
     return changed ? masked : data;
 }
@@ -2584,14 +2602,22 @@ function maskSelectionSet(data, selectionSet, context, path) {
         });
         return [changed_1 ? masked : data, changed_1];
     }
-    var result = selectionSet.selections.reduce(function (_a, selection) {
+    var result = selectionSet.selections
+        .concat()
+        .sort(sortFragmentsLast)
+        .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) {
+                if (memo[keyName] === void 0) {
+                    delete memo[keyName];
+                }
+                if (keyName in memo &&
+                    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) {
@@ -2617,7 +2643,7 @@ function maskSelectionSet(data, selectionSet, context, path) {
                 var fragment = context.fragmentMap[fragmentName] ||
                     (context.fragmentMap[fragmentName] =
                         context.cache.lookupFragment(fragmentName));
-                invariant(fragment, 40, fragmentName);
+                invariant(fragment, 41, fragmentName);
                 var mode = getFragmentMaskMode(selection);
                 if (mode === "mask") {
                     return [memo, true];
@@ -2635,7 +2661,7 @@ function maskSelectionSet(data, selectionSet, context, path) {
             }
         }
     }, [Object.create(null), false]);
-    if ("__typename" in data && !("__typename" in result[0])) {
+    if (data && "__typename" in data && !("__typename" in result[0])) {
         result[0].__typename = data.__typename;
     }
     return result;
@@ -2646,20 +2672,29 @@ function addFieldAccessorWarnings(memo, data, selectionSetNode, path, context) {
             return addFieldAccessorWarnings(memo[index] || Object.create(null), item, selectionSetNode, "".concat(path, "[").concat(index, "]"), context);
         });
     }
-    return selectionSetNode.selections.reduce(function (memo, selection) {
+    return selectionSetNode.selections
+        .concat()
+        .sort(sortFragmentsLast)
+        .reduce(function (memo, selection) {
         switch (selection.kind) {
             case graphql.Kind.FIELD: {
                 var keyName = resultKeyNameFromField(selection);
                 var childSelectionSet = selection.selectionSet;
-                if (keyName in memo) {
+                if (keyName in memo && !childSelectionSet) {
                     return memo;
                 }
                 var value = data[keyName];
                 if (childSelectionSet) {
-                    value = addFieldAccessorWarnings(memo[keyName] || Object.create(null), data[keyName], childSelectionSet, "".concat(path, ".").concat(keyName), context);
+                    value = addFieldAccessorWarnings(memo[keyName] ||
+                        (Array.isArray(data[keyName]) ? [] : Object.create(null)), data[keyName], childSelectionSet, "".concat(path, ".").concat(keyName), context);
                 }
                 if (globalThis.__DEV__ !== false) {
-                    addAccessorWarning(memo, value, keyName, path, context);
+                    if (keyName in memo) {
+                        memo[keyName] = value;
+                    }
+                    else {
+                        addAccessorWarning(memo, value, keyName, path, context);
+                    }
                 }
                 if (!(globalThis.__DEV__ !== false)) {
                     memo[keyName] = data[keyName];
@@ -2667,6 +2702,10 @@ function addFieldAccessorWarnings(memo, data, selectionSetNode, path, context) {
                 return memo;
             }
             case graphql.Kind.INLINE_FRAGMENT: {
+                if (selection.typeCondition &&
+                    !context.cache.fragmentMatches(selection, data.__typename)) {
+                    return memo;
+                }
                 return addFieldAccessorWarnings(memo, data, selection.selectionSet, path, context);
             }
             case graphql.Kind.FRAGMENT_SPREAD: {
@@ -2685,11 +2724,14 @@ function addFieldAccessorWarnings(memo, data, selectionSetNode, path, context) {
     }, memo);
 }
 function addAccessorWarning(data, value, fieldName, path, context) {
+    if (value === void 0) {
+        return;
+    }
     var getValue = function () {
-        if (context.disableWarnings) {
+        if (disableWarningsSlot.getValue()) {
             return value;
         }
-        globalThis.__DEV__ !== false && invariant.warn(41, context.operationName ?
+        globalThis.__DEV__ !== false && invariant.warn(42, context.operationName ?
             "".concat(context.operationType, " '").concat(context.operationName, "'")
             : "anonymous ".concat(context.operationType), "".concat(path, ".").concat(fieldName).replace(/^\./, ""));
         getValue = function () { return value; };
@@ -2710,8 +2752,14 @@ var issuedWarning = false;
 function warnOnImproperCacheImplementation() {
     if (!issuedWarning) {
         issuedWarning = true;
-        globalThis.__DEV__ !== false && invariant.warn(42);
+        globalThis.__DEV__ !== false && invariant.warn(43);
+    }
+}
+function sortFragmentsLast(a, b) {
+    if (a.kind === b.kind) {
+        return 0;
     }
+    return a.kind === graphql.Kind.FRAGMENT_SPREAD ? 1 : -1;
 }
 
 var ApolloCache =  (function () {
@@ -4060,16 +4108,18 @@ var Policies =  (function () {
         var id;
         var policy = typename && this.getTypePolicy(typename);
         var keyFn = (policy && policy.keyFn) || this.config.dataIdFromObject;
-        while (keyFn) {
-            var specifierOrId = keyFn(tslib.__assign(tslib.__assign({}, object), storeObject), context);
-            if (isArray(specifierOrId)) {
-                keyFn = keyFieldsFnFromSpecifier(specifierOrId);
-            }
-            else {
-                id = specifierOrId;
-                break;
+        disableWarningsSlot.withValue(true, function () {
+            while (keyFn) {
+                var specifierOrId = keyFn(tslib.__assign(tslib.__assign({}, object), storeObject), context);
+                if (isArray(specifierOrId)) {
+                    keyFn = keyFieldsFnFromSpecifier(specifierOrId);
+                }
+                else {
+                    id = specifierOrId;
+                    break;
+                }
             }
-        }
+        });
         id = id ? String(id) : void 0;
         return context.keyObject ? [id, context.keyObject] : [id];
     };
@@ -5724,6 +5774,8 @@ var ObservableQuery =  (function (_super) {
         return result && "data" in result ? tslib.__assign(tslib.__assign({}, result), { data: this.queryManager.maskOperation({
                 document: this.query,
                 data: result.data,
+                fetchPolicy: this.options.fetchPolicy,
+                id: this.queryId,
             }) }) : result;
     };
     return ObservableQuery;
@@ -6051,6 +6103,7 @@ var QueryManager =  (function () {
         this.requestIdCounter = 1;
         this.mutationIdCounter = 1;
         this.inFlightLinkObservables = new trie.Trie(false);
+        this.noCacheWarningsByQueryId = new Set();
         var defaultDocumentTransform = new DocumentTransform(function (document) { return _this.cache.transformDocument(document); },
         { cache: false });
         this.cache = options.cache;
@@ -6167,6 +6220,8 @@ var QueryManager =  (function () {
                                             resolve(tslib.__assign(tslib.__assign({}, storeResult), { data: self.maskOperation({
                                                     document: mutation,
                                                     data: storeResult.data,
+                                                    fetchPolicy: fetchPolicy,
+                                                    id: mutationId,
                                                 }) }));
                                         }
                                     },
@@ -6428,7 +6483,12 @@ var QueryManager =  (function () {
         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 }) });
+            return result && tslib.__assign(tslib.__assign({}, result), { data: _this.maskOperation({
+                    document: query,
+                    data: result.data,
+                    fetchPolicy: options.fetchPolicy,
+                    id: queryId,
+                }) });
         })
             .finally(function () { return _this.stopQuery(queryId); });
     };
@@ -6841,7 +6901,23 @@ var QueryManager =  (function () {
         return results;
     };
     QueryManager.prototype.maskOperation = function (options) {
+        var _a, _b, _c;
         var document = options.document, data = options.data;
+        if (globalThis.__DEV__ !== false) {
+            var fetchPolicy = options.fetchPolicy, id = options.id;
+            var operationType = (_a = getOperationDefinition(document)) === null || _a === void 0 ? void 0 : _a.operation;
+            var operationId = ((_b = operationType === null || operationType === void 0 ? void 0 : operationType[0]) !== null && _b !== void 0 ? _b : "o") + id;
+            if (this.dataMasking &&
+                fetchPolicy === "no-cache" &&
+                !isFullyUnmaskedOperation(document) &&
+                !this.noCacheWarningsByQueryId.has(operationId)) {
+                this.noCacheWarningsByQueryId.add(operationId);
+                globalThis.__DEV__ !== false && invariant.warn(
+                    37,
+                    (_c = getOperationName(document)) !== null && _c !== void 0 ? _c : "Unnamed ".concat(operationType !== null && operationType !== void 0 ? operationType : "operation")
+                );
+            }
+        }
         return (this.dataMasking ?
             maskOperation(data, document, this.cache)
             : data);
@@ -7293,13 +7369,14 @@ var hasSuggestedDevtools = false;
 var ApolloClient =  (function () {
     function ApolloClient(options) {
         var _this = this;
+        var _a;
         this.resetStoreCallbacks = [];
         this.clearStoreCallbacks = [];
         if (!options.cache) {
             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, dataMasking = options.dataMasking;
+        var uri = options.uri, credentials = options.credentials, headers = options.headers, cache = options.cache, documentTransform = options.documentTransform, _b = options.ssrMode, ssrMode = _b === void 0 ? false : _b, _c = options.ssrForceFetchDelay, ssrForceFetchDelay = _c === void 0 ? 0 : _c,
+        connectToDevTools = options.connectToDevTools, _d = options.queryDeduplication, queryDeduplication = _d === void 0 ? true : _d, defaultOptions = options.defaultOptions, defaultContext = options.defaultContext, _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, devtools = options.devtools, dataMasking = options.dataMasking;
         var link = options.link;
         if (!link) {
             link =
@@ -7311,7 +7388,7 @@ var ApolloClient =  (function () {
         this.queryDeduplication = queryDeduplication;
         this.defaultOptions = defaultOptions || Object.create(null);
         this.typeDefs = typeDefs;
-        this.devtoolsConfig = tslib.__assign(tslib.__assign({}, devtools), { enabled: (devtools === null || devtools === void 0 ? void 0 : devtools.enabled) || connectToDevTools });
+        this.devtoolsConfig = tslib.__assign(tslib.__assign({}, devtools), { enabled: (_a = devtools === null || devtools === void 0 ? void 0 : devtools.enabled) !== null && _a !== void 0 ? _a : connectToDevTools });
         if (this.devtoolsConfig.enabled === undefined) {
             this.devtoolsConfig.enabled = globalThis.__DEV__ !== false;
         }
@@ -7442,11 +7519,14 @@ var ApolloClient =  (function () {
     };
     ApolloClient.prototype.subscribe = function (options) {
         var _this = this;
+        var id = this.queryManager.generateQueryId();
         return this.queryManager
             .startGraphQLSubscription(options)
             .map(function (result) { return (tslib.__assign(tslib.__assign({}, result), { data: _this.queryManager.maskOperation({
                 document: options.query,
                 data: result.data,
+                fetchPolicy: options.fetchPolicy,
+                id: id,
             }) })); });
     };
     ApolloClient.prototype.readQuery = function (options, optimistic) {
@@ -7575,7 +7655,7 @@ if (globalThis.__DEV__ !== false) {
 
 var contextKey = canUseSymbol ? Symbol.for("__APOLLO_CONTEXT__") : "__APOLLO_CONTEXT__";
 function getApolloContext() {
-    invariant("createContext" in React__namespace, 53);
+    invariant("createContext" in React__namespace, 54);
     var context = React__namespace.createContext[contextKey];
     if (!context) {
         Object.defineProperty(React__namespace.createContext, contextKey, {
@@ -7593,7 +7673,7 @@ var resetApolloContext = getApolloContext;
 var ApolloConsumer = function (props) {
     var ApolloContext = getApolloContext();
     return (React__namespace.createElement(ApolloContext.Consumer, null, function (context) {
-        invariant(context && context.client, 52);
+        invariant(context && context.client, 53);
         return props.children(context.client);
     }));
 };
@@ -7605,14 +7685,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, 54);
+    invariant(context.client, 55);
     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, 57);
+    invariant(!!client, 58);
     return client;
 }
 
@@ -7627,7 +7707,7 @@ var useSyncExternalStore = realHook$1 ||
             !didWarnUncachedGetSnapshot &&
             value !== getSnapshot()) {
             didWarnUncachedGetSnapshot = true;
-            globalThis.__DEV__ !== false && invariant.error(67);
+            globalThis.__DEV__ !== false && invariant.error(68);
         }
         var _a = React__namespace.useState({
             inst: { value: value, getSnapshot: getSnapshot },
@@ -7695,7 +7775,7 @@ function parser(document) {
     if (cached)
         return cached;
     var variables, type, name;
-    invariant(!!document && !!document.kind, 69, document);
+    invariant(!!document && !!document.kind, 70, document);
     var fragments = [];
     var queries = [];
     var mutations = [];
@@ -7723,10 +7803,10 @@ function parser(document) {
     invariant(!fragments.length ||
         queries.length ||
         mutations.length ||
-        subscriptions.length, 70);
+        subscriptions.length, 71);
     invariant(
         queries.length + mutations.length + subscriptions.length <= 1,
-        71,
+        72,
         document,
         queries.length,
         subscriptions.length,
@@ -7738,7 +7818,7 @@ function parser(document) {
     var definitions = queries.length ? queries
         : mutations.length ? mutations
             : subscriptions;
-    invariant(definitions.length === 1, 72, document, definitions.length);
+    invariant(definitions.length === 1, 73, document, definitions.length);
     var definition = definitions[0];
     variables = definition.variableDefinitions || [];
     if (definition.name && definition.name.kind === "Name") {
@@ -7763,7 +7843,7 @@ function verifyDocumentType(document, type) {
     var usedOperationName = operationName(operation.type);
     invariant(
         operation.type === type,
-        73,
+        74,
         requiredOperationName,
         requiredOperationName,
         usedOperationName
@@ -8336,10 +8416,10 @@ function useSubscription(subscription, options) {
     if (!hasIssuedDeprecationWarningRef.current) {
         hasIssuedDeprecationWarningRef.current = true;
         if (options.onSubscriptionData) {
-            globalThis.__DEV__ !== false && invariant.warn(options.onData ? 60 : 61);
+            globalThis.__DEV__ !== false && invariant.warn(options.onData ? 61 : 62);
         }
         if (options.onSubscriptionComplete) {
-            globalThis.__DEV__ !== false && invariant.warn(options.onComplete ? 62 : 63);
+            globalThis.__DEV__ !== false && invariant.warn(options.onComplete ? 63 : 64);
         }
     }
     var skip = options.skip, fetchPolicy = options.fetchPolicy, errorPolicy = options.errorPolicy, shouldResubscribe = options.shouldResubscribe, context = options.context, extensions = options.extensions, ignoreResults = options.ignoreResults;
@@ -8460,7 +8540,7 @@ function useSubscription(subscription, options) {
             : fallbackResult;
     }, function () { return fallbackResult; });
     var restart = React__namespace.useCallback(function () {
-        invariant(!optionsRef.current.skip, 64);
+        invariant(!optionsRef.current.skip, 65);
         setObservable(recreateRef.current());
     }, [optionsRef, recreateRef]);
     return React__namespace.useMemo(function () { return (tslib.__assign(tslib.__assign({}, ret), { restart: restart })); }, [ret, restart]);
@@ -8510,10 +8590,22 @@ function _useFragment(options) {
     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 id = React__namespace.useMemo(function () {
+        return typeof from === "string" ? from
+            : from === null ? null
+                : 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;
+        if (from === null) {
+            return {
+                result: diffToResult({
+                    result: {},
+                    complete: false,
+                }),
+            };
+        }
         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 {
@@ -8527,17 +8619,19 @@ function _useFragment(options) {
     var getSnapshot = React__namespace.useCallback(function () { return diff.result; }, [diff]);
     return useSyncExternalStore(React__namespace.useCallback(function (forceUpdate) {
         var lastTimeout = 0;
-        var subscription = client.watchFragment(stableOptions).subscribe({
-            next: function (result) {
-                if (equal__default(result, diff.result))
-                    return;
-                diff.result = result;
-                clearTimeout(lastTimeout);
-                lastTimeout = setTimeout(forceUpdate);
-            },
-        });
+        var subscription = stableOptions.from === null ?
+            null
+            : client.watchFragment(stableOptions).subscribe({
+                next: function (result) {
+                    if (equal__default(result, diff.result))
+                        return;
+                    diff.result = result;
+                    clearTimeout(lastTimeout);
+                    lastTimeout = setTimeout(forceUpdate);
+                },
+            });
         return function () {
-            subscription.unsubscribe();
+            subscription === null || subscription === void 0 ? void 0 : subscription.unsubscribe();
             clearTimeout(lastTimeout);
         };
     }, [client, stableOptions, diff]), getSnapshot, getSnapshot);
@@ -8568,7 +8662,7 @@ function wrapQueryRef(internalQueryRef) {
     return ref;
 }
 function assertWrappedQueryRef(queryRef) {
-    invariant(!queryRef || QUERY_REFERENCE_SYMBOL in queryRef, 68);
+    invariant(!queryRef || QUERY_REFERENCE_SYMBOL in queryRef, 69);
 }
 function getWrappedPromise(queryRef) {
     var internalQueryRef = unwrapQueryRef(queryRef);
@@ -8785,7 +8879,7 @@ var InternalQueryReference =  (function () {
                 }
             });
         })
-            .catch(function () { });
+            .catch(function (error) { var _a; return (_a = _this.reject) === null || _a === void 0 ? void 0 : _a.call(_this, error); });
         return returnedPromise;
     };
     InternalQueryReference.prototype.subscribeToQuery = function () {
@@ -8939,11 +9033,11 @@ function validateFetchPolicy(fetchPolicy) {
         "no-cache",
         "cache-and-network",
     ];
-    invariant(supportedFetchPolicies.includes(fetchPolicy), 65, fetchPolicy);
+    invariant(supportedFetchPolicies.includes(fetchPolicy), 66, fetchPolicy);
 }
 function validatePartialDataReturn(fetchPolicy, returnPartialData) {
     if (fetchPolicy === "no-cache" && returnPartialData) {
-        globalThis.__DEV__ !== false && invariant.warn(66);
+        globalThis.__DEV__ !== false && invariant.warn(67);
     }
 }
 function toApolloError(result) {
@@ -9063,7 +9157,7 @@ function useLoadableQuery(query, options) {
         for (var _i = 0; _i < arguments.length; _i++) {
             args[_i] = arguments[_i];
         }
-        invariant(!calledDuringRender(), 58);
+        invariant(!calledDuringRender(), 59);
         var variables = args[0];
         var cacheKey = tslib.__spreadArray([
             query,
@@ -9082,7 +9176,7 @@ function useLoadableQuery(query, options) {
         client,
     ]);
     var subscribeToMore = React__namespace.useCallback(function (options) {
-        invariant(internalQueryRef, 59);
+        invariant(internalQueryRef, 60);
         return internalQueryRef.observable.subscribeToMore(options);
     }, [internalQueryRef]);
     var reset = React__namespace.useCallback(function () {