@khanacademy/wonder-blocks-data 10.0.0 → 10.0.2

package/dist/index.js

@@ -1,2301 +0,0 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 35);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return DataErrors; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return DataError; });
-/* harmony import */ var _khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__);
-
-
-/**
- * Error kinds for DataError.
- */
-const DataErrors = Object.freeze({
-  /**
-   * The kind of error is not known.
-   */
-  Unknown: "Unknown",
-
-  /**
-   * The error is internal to the executing code.
-   */
-  Internal: "Internal",
-
-  /**
-   * There was a problem with the provided input.
-   */
-  InvalidInput: "InvalidInput",
-
-  /**
-   * A network error occurred.
-   */
-  Network: "Network",
-
-  /**
-   * There was a problem due to the state of the system not matching the
-   * requested operation or input.
-   */
-  NotAllowed: "NotAllowed",
-
-  /**
-   * Response could not be parsed.
-   */
-  Parse: "Parse",
-
-  /**
-   * An error that occurred during SSR and was hydrated from cache
-   */
-  Hydrated: "Hydrated"
-});
-/**
- * An error from the Wonder Blocks Data API.
- *
- * Errors of this type will have names of the format:
- *     `${kind}DataError`
- */
-
-class DataError extends _khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__["KindError"] {
-  constructor(message, kind, {
-    metadata,
-    cause
-  } = {}) {
-    super(message, kind, {
-      metadata,
-      cause,
-      name: "Data"
-    });
-  }
-
-}
-
-/***/ }),
-/* 1 */
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-/* 2 */
-/***/ (function(module, exports) {
-
-module.exports = require("@khanacademy/wonder-blocks-core");
-
-/***/ }),
-/* 3 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return FetchPolicy; });
-/**
- * Defines the various fetch policies that can be applied to requests.
- */
-const FetchPolicy = __webpack_require__(23).Mirrored(["CacheBeforeNetwork", "CacheAndNetwork", "CacheOnly", "NetworkOnly"]);
-/**
- * Define what can be cached.
- *
- * We disallow functions and undefined as undefined represents a cache miss
- * and functions are not allowed.
- */
-
-/***/ }),
-/* 4 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return GqlErrors; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return GqlError; });
-/* harmony import */ var _khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__);
-
-
-/**
- * Error kinds for GqlError.
- */
-const GqlErrors = Object.freeze({
-  /**
-   * An internal framework error.
-   */
-  Internal: "Internal",
-
-  /**
-   * Response does not have the correct structure for a GraphQL response.
-   */
-  BadResponse: "BadResponse",
-
-  /**
-   * A valid GraphQL result with errors field in the payload.
-   */
-  ErrorResult: "ErrorResult"
-});
-/**
- * An error from the GQL API.
- *
- * Errors of this type will have names of the format:
- *     `${kind}GqlError`
- */
-
-class GqlError extends _khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__["KindError"] {
-  constructor(message, kind, {
-    metadata,
-    cause
-  } = {}) {
-    super(message, kind, {
-      metadata,
-      cause,
-      name: "Gql"
-    });
-  }
-
-}
-
-/***/ }),
-/* 5 */
-/***/ (function(module, exports) {
-
-module.exports = require("@khanacademy/wonder-stuff-core");
-
-/***/ }),
-/* 6 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SharedCache; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return useSharedCache; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _util_data_error_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
-/* harmony import */ var _util_scoped_in_memory_cache_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11);
-
-
-
-
-/**
- * This is the cache.
- * It's incredibly complex.
- * Very in-memory. So cache. Such complex. Wow.
- */
-const cache = new _util_scoped_in_memory_cache_js__WEBPACK_IMPORTED_MODULE_2__[/* ScopedInMemoryCache */ "a"]();
-/**
- * Access to the shared in-memory cache.
- *
- * This is the cache used by `useSharedCache` and related hooks and
- * components.
- */
-
-const SharedCache = cache;
-/**
- * Hook to retrieve data from and store data in an in-memory cache.
- *
- * @returns {[?ReadOnlyCacheValue, CacheValueFn]}
- * Returns an array containing the current cache entry (or undefined), a
- * function to set the cache entry (passing null or undefined to this function
- * will delete the entry).
- *
- * NOTE: Unlike useState or useReducer, we don't automatically update folks
- * if the value they reference changes. We might add it later (if we need to),
- * but the likelihood here is that things won't be changing in this cache in a
- * way where we would need that. If we do (and likely only in specific
- * circumstances), we should consider adding a simple boolean useState that can
- * be toggled to cause a rerender whenever the referenced cached data changes
- * so that callers can re-render on cache changes. However, we should make
- * sure this toggling is optional - or we could use a callback argument, to
- * achieve this on an as-needed basis.
- */
-
-const useSharedCache = (id, scope, initialValue) => {
-  // Verify arguments.
-  if (!id || typeof id !== "string") {
-    throw new _util_data_error_js__WEBPACK_IMPORTED_MODULE_1__[/* DataError */ "a"]("id must be a non-empty string", _util_data_error_js__WEBPACK_IMPORTED_MODULE_1__[/* DataErrors */ "b"].InvalidInput);
-  }
-
-  if (!scope || typeof scope !== "string") {
-    throw new _util_data_error_js__WEBPACK_IMPORTED_MODULE_1__[/* DataError */ "a"]("scope must be a non-empty string", _util_data_error_js__WEBPACK_IMPORTED_MODULE_1__[/* DataErrors */ "b"].InvalidInput);
-  } // Memoize our APIs.
-  // This one allows callers to set or replace the cached value.
-
-
-  const cacheValue = react__WEBPACK_IMPORTED_MODULE_0__["useCallback"](value => value == null ? cache.purge(scope, id) : cache.set(scope, id, value), [id, scope]); // We don't memo-ize the current value, just in case the cache was updated
-  // since our last run through. Also, our cache does not know what type it
-  // stores, so we have to cast it to the type we're exporting. This is a
-  // dev time courtesy, rather than a runtime thing.
-  // $FlowIgnore[incompatible-type]
-
-  let currentValue = cache.get(scope, id); // If we have an initial value, we need to add it to the cache
-  // and use it as our current value.
-
-  if (currentValue == null && initialValue !== undefined) {
-    // Get the initial value.
-    const value = typeof initialValue === "function" ? initialValue() : initialValue;
-
-    if (value != null) {
-      // Update the cache.
-      cacheValue(value); // Make sure we return this value as our current value.
-
-      currentValue = value;
-    }
-  } // Now we have everything, let's return it.
-
-
-  return [currentValue, cacheValue];
-};
-
-/***/ }),
-/* 7 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Status; });
-const loadingStatus = Object.freeze({
-  status: "loading"
-});
-const abortedStatus = Object.freeze({
-  status: "aborted"
-});
-/**
- * Create Result<TData> instances with specific statuses.
- */
-
-const Status = Object.freeze({
-  loading: () => loadingStatus,
-  aborted: () => abortedStatus,
-  success: data => ({
-    status: "success",
-    data
-  }),
-  error: error => ({
-    status: "error",
-    error
-  })
-});
-
-/***/ }),
-/* 8 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return TrackerContext; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return RequestTracker; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _ssr_cache_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9);
-/* harmony import */ var _request_fulfillment_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10);
-
-
-
-
-/**
- * Used to inject our tracking function into the render framework.
- *
- * INTERNAL USE ONLY
- */
-const TrackerContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createContext"](null);
-/**
- * The default instance is stored here.
- * It's created below in the Default() static property.
- */
-
-let _default;
-/**
- * Implements request tracking and fulfillment.
- *
- * INTERNAL USE ONLY
- */
-
-
-class RequestTracker {
-  static get Default() {
-    if (!_default) {
-      _default = new RequestTracker();
-    }
-
-    return _default;
-  }
-  /**
-   * These are the caches for tracked requests, their handlers, and responses.
-   */
-
-
-  constructor(responseCache = undefined) {
-    this._trackedRequests = {};
-
-    this.trackDataRequest = (id, handler, hydrate) => {
-      /**
-       * If we don't already have this tracked, then let's track it.
-       */
-      if (this._trackedRequests[id] == null) {
-        this._trackedRequests[id] = {
-          handler,
-          hydrate
-        };
-      }
-    };
-
-    this.reset = () => {
-      this._trackedRequests = {};
-    };
-
-    this.fulfillTrackedRequests = () => {
-      const promises = [];
-      const {
-        cacheData,
-        cacheError
-      } = this._responseCache;
-
-      for (const requestKey of Object.keys(this._trackedRequests)) {
-        const options = this._trackedRequests[requestKey];
-
-        try {
-          promises.push(this._requestFulfillment.fulfill(requestKey, { ...options
-          }).then(result => {
-            switch (result.status) {
-              case "success":
-                /**
-                 * Let's cache the data!
-                 *
-                 * NOTE: This only caches when we're
-                 * server side.
-                 */
-                cacheData(requestKey, result.data, options.hydrate);
-                break;
-
-              case "error":
-                /**
-                 * Let's cache the error!
-                 *
-                 * NOTE: This only caches when we're
-                 * server side.
-                 */
-                cacheError(requestKey, result.error, options.hydrate);
-                break;
-            } // For status === "loading":
-            // Could never get here unless we wrote
-            // the code wrong. Rather than bloat
-            // code with useless error, just ignore.
-            // For status === "aborted":
-            // We won't cache this.
-            // We don't hydrate aborted requests,
-            // so the client would just see them
-            // as unfulfilled data.
-
-
-            return;
-          }));
-        } catch (e) {
-          // This captures if there are problems in the code that
-          // begins the requests.
-          promises.push(Promise.resolve(cacheError(requestKey, e, options.hydrate)));
-        }
-      }
-      /**
-       * Clear out our tracked info.
-       *
-       * We call this now for a simpler API.
-       *
-       * If we reset the tracked calls after all promises resolve, any
-       * request tracking done while promises are in flight would be lost.
-       *
-       * If we don't reset at all, then we have to expose the `reset` call
-       * for consumers to use, or they'll only ever be able to accumulate
-       * more and more tracked requests, having to fulfill them all every
-       * time.
-       *
-       * Calling it here means we can have multiple "track -> request"
-       * cycles in a row and in an easy to reason about manner.
-       */
-
-
-      this.reset();
-      /**
-       * Let's wait for everything to fulfill, and then clone the cached data.
-       */
-
-      return Promise.all(promises).then(() => this._responseCache.cloneHydratableData());
-    };
-
-    this._responseCache = responseCache || _ssr_cache_js__WEBPACK_IMPORTED_MODULE_1__[/* SsrCache */ "a"].Default;
-    this._requestFulfillment = new _request_fulfillment_js__WEBPACK_IMPORTED_MODULE_2__[/* RequestFulfillment */ "a"]();
-  }
-  /**
-   * Track a request.
-   *
-   * This method caches a request and its handler for use during server-side
-   * rendering to allow us to fulfill requests before producing a final render.
-   */
-
-
-  /**
-   * Indicates if we have requests waiting to be fulfilled.
-   */
-  get hasUnfulfilledRequests() {
-    return Object.keys(this._trackedRequests).length > 0;
-  }
-  /**
-   * Initiate fulfillment of all tracked requests.
-   *
-   * This loops over the requests that were tracked using TrackData, and asks
-   * the respective handlers to fulfill those requests in the order they were
-   * tracked.
-   *
-   * Calling this method marks tracked requests as fulfilled; requests are
-   * removed from the list of tracked requests by calling this method.
-   *
-   * @returns {Promise<ResponseCache>} The promise of the data that was
-   * cached as a result of fulfilling the tracked requests.
-   */
-
-
-}
-
-/***/ }),
-/* 9 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SsrCache; });
-/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _serializable_in_memory_cache_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(13);
-
-
-const DefaultScope = "default";
-/**
- * The default instance is stored here.
- * It's created below in the Default() static property.
- */
-
-let _default;
-/**
- * Implements the response cache.
- *
- * INTERNAL USE ONLY
- */
-
-
-class SsrCache {
-  static get Default() {
-    if (!_default) {
-      _default = new SsrCache();
-    }
-
-    return _default;
-  }
-
-  constructor(hydrationCache = null, ssrOnlyCache = null) {
-    this.initialize = source => {
-      if (this._hydrationCache.inUse) {
-        throw new Error("Cannot initialize data response cache more than once");
-      }
-
-      this._hydrationCache = new _serializable_in_memory_cache_js__WEBPACK_IMPORTED_MODULE_1__[/* SerializableInMemoryCache */ "a"]({
-        // $FlowIgnore[incompatible-call]
-        [DefaultScope]: source
-      });
-    };
-
-    this.cacheData = (id, data, hydrate) => this._setCachedResponse(id, {
-      data
-    }, hydrate);
-
-    this.cacheError = (id, error, hydrate) => {
-      const errorMessage = typeof error === "string" ? error : error.message;
-      return this._setCachedResponse(id, {
-        error: errorMessage
-      }, hydrate);
-    };
-
-    this.getEntry = id => {
-      // Get the cached entry for this value.
-      // We first look in the ssr cache, if we need to.
-      const ssrEntry = _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__["Server"].isServerSide() ? this._ssrOnlyCache.get(DefaultScope, id) : null; // Now we defer to the SSR value, and fallback to the hydration cache.
-
-      const internalEntry = ssrEntry != null ? ssrEntry : this._hydrationCache.get(DefaultScope, id); // If we are not server-side and we hydrated something, let's clear
-      // that from the hydration cache to save memory.
-
-      if (!_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__["Server"].isServerSide() && internalEntry != null) {
-        // We now delete this from our hydration cache as we don't need it.
-        // This does mean that if another handler of the same type but
-        // without some sort of linked cache won't get the value, but
-        // that's not an expected use-case. If two different places use the
-        // same handler and options (i.e. the same request), then the
-        // handler should cater to that to ensure they share the result.
-        this._hydrationCache.purge(DefaultScope, id);
-      } // Getting the typing right between the in-memory cache and this
-      // is hard. Just telling flow it's OK.
-      // $FlowIgnore[incompatible-return]
-
-
-      return internalEntry;
-    };
-
-    this.purgeData = predicate => {
-      const realPredicate = predicate ? // We know what we're putting into the cache so let's assume it
-      // conforms.
-      // $FlowIgnore[incompatible-call]
-      (_, key, cachedEntry) => predicate(key, cachedEntry) : undefined; // Apply the predicate to what we have in our caches.
-
-      this._hydrationCache.purgeAll(realPredicate);
-
-      this._ssrOnlyCache.purgeAll(realPredicate);
-    };
-
-    this.cloneHydratableData = () => {
-      var _cache$DefaultScope;
-
-      // We return our hydration cache only.
-      const cache = this._hydrationCache.clone(); // If we're empty, we still want to return an object, so we default
-      // to an empty object.
-      // We only need the default scope out of our scoped in-memory cache.
-      // We know that it conforms to our expectations.
-      // $FlowIgnore[incompatible-return]
-
-
-      return (_cache$DefaultScope = cache[DefaultScope]) != null ? _cache$DefaultScope : {};
-    };
-
-    this._ssrOnlyCache = ssrOnlyCache || new _serializable_in_memory_cache_js__WEBPACK_IMPORTED_MODULE_1__[/* SerializableInMemoryCache */ "a"]();
-    this._hydrationCache = hydrationCache || new _serializable_in_memory_cache_js__WEBPACK_IMPORTED_MODULE_1__[/* SerializableInMemoryCache */ "a"]();
-  }
-
-  _setCachedResponse(id, entry, hydrate) {
-    const frozenEntry = Object.freeze(entry);
-
-    if (_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__["Server"].isServerSide()) {
-      // We are server-side.
-      // We need to store this value.
-      if (hydrate) {
-        this._hydrationCache.set(DefaultScope, id, frozenEntry);
-      } else {
-        // Usually, when server-side, this cache will always be present.
-        // We do fake server-side in our doc example though, when it
-        // won't be.
-        this._ssrOnlyCache.set(DefaultScope, id, frozenEntry);
-      }
-    }
-
-    return frozenEntry;
-  }
-  /**
-   * Initialize the cache from a given cache state.
-   *
-   * This can only be called if the cache is not already in use.
-   */
-
-
-}
-
-/***/ }),
-/* 10 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return RequestFulfillment; });
-/* harmony import */ var _data_error_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-
-
-let _default;
-/**
- * This fulfills a request, making sure that in-flight requests are shared.
- */
-
-
-class RequestFulfillment {
-  constructor() {
-    this._requests = {};
-
-    this.fulfill = (id, {
-      handler,
-      hydrate = true
-    }) => {
-      /**
-       * If we have an inflight request, we'll provide that.
-       */
-      const inflight = this._requests[id];
-
-      if (inflight) {
-        return inflight;
-      }
-      /**
-       * We don't have an inflight request, so let's set one up.
-       */
-
-
-      const request = handler().then(data => ({
-        status: "success",
-        data
-      })).catch(error => {
-        const actualError = typeof error === "string" ? new _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataError */ "a"]("Request failed", _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataErrors */ "b"].Unknown, {
-          metadata: {
-            unexpectedError: error
-          }
-        }) : error; // Return aborted result if the request was aborted.
-        // The only way to detect this reliably, it seems, is to
-        // check the error name and see if it's "AbortError" (this
-        // is also what Apollo does).
-        // Even then, it's reliant on the handler supporting aborts.
-        // TODO(somewhatabstract, FEI-4276): Add first class abort
-        // support to the handler API.
-
-        if (actualError.name === "AbortError") {
-          return {
-            status: "aborted"
-          };
-        }
-
-        return {
-          status: "error",
-          error: actualError
-        };
-      }).finally(() => {
-        delete this._requests[id];
-      }); // Store the request in our cache.
-
-      this._requests[id] = request;
-      return request;
-    };
-
-    this.abort = id => {
-      // TODO(somewhatabstract, FEI-4276): Add first class abort
-      // support to the handler API.
-      // For now, we will just clear the request out of the list.
-      // When abort is implemented, the `finally` in the `fulfill` method
-      // would handle the deletion.
-      delete this._requests[id];
-    };
-
-    this.abortAll = () => {
-      Object.keys(this._requests).forEach(id => this.abort(id));
-    };
-  }
-
-  static get Default() {
-    if (!_default) {
-      _default = new RequestFulfillment();
-    }
-
-    return _default;
-  }
-
-}
-
-/***/ }),
-/* 11 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return ScopedInMemoryCache; });
-/* harmony import */ var _data_error_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-
-
-/**
- * Describe an in-memory cache.
- */
-class ScopedInMemoryCache {
-  constructor(initialCache = {}) {
-    this._cache = initialCache;
-  }
-  /**
-   * Indicate if this cache is being used or not.
-   *
-   * When the cache has entries, returns `true`; otherwise, returns `false`.
-   */
-
-
-  get inUse() {
-    return Object.keys(this._cache).length > 0;
-  }
-  /**
-   * Set a value in the cache.
-   */
-
-
-  set(scope, id, value) {
-    var _this$_cache$scope;
-
-    if (!id || typeof id !== "string") {
-      throw new _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataError */ "a"]("id must be non-empty string", _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataErrors */ "b"].InvalidInput);
-    }
-
-    if (!scope || typeof scope !== "string") {
-      throw new _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataError */ "a"]("scope must be non-empty string", _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataErrors */ "b"].InvalidInput);
-    }
-
-    if (typeof value === "function") {
-      throw new _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataError */ "a"]("value must be a non-function value", _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataErrors */ "b"].InvalidInput);
-    }
-
-    this._cache[scope] = (_this$_cache$scope = this._cache[scope]) != null ? _this$_cache$scope : {};
-    this._cache[scope][id] = value;
-  }
-  /**
-   * Retrieve a value from the cache.
-   */
-
-
-  get(scope, id) {
-    var _this$_cache$scope$id, _this$_cache$scope2;
-
-    return (_this$_cache$scope$id = (_this$_cache$scope2 = this._cache[scope]) == null ? void 0 : _this$_cache$scope2[id]) != null ? _this$_cache$scope$id : null;
-  }
-  /**
-   * Purge an item from the cache.
-   */
-
-
-  purge(scope, id) {
-    var _this$_cache$scope3;
-
-    if (!((_this$_cache$scope3 = this._cache[scope]) != null && _this$_cache$scope3[id])) {
-      return;
-    }
-
-    delete this._cache[scope][id];
-
-    if (Object.keys(this._cache[scope]).length === 0) {
-      delete this._cache[scope];
-    }
-  }
-  /**
-   * Purge a scope of items that match the given predicate.
-   *
-   * If the predicate is omitted, then all items in the scope are purged.
-   */
-
-
-  purgeScope(scope, predicate) {
-    if (!this._cache[scope]) {
-      return;
-    }
-
-    if (predicate == null) {
-      delete this._cache[scope];
-      return;
-    }
-
-    for (const key of Object.keys(this._cache[scope])) {
-      if (predicate(key, this._cache[scope][key])) {
-        delete this._cache[scope][key];
-      }
-    }
-
-    if (Object.keys(this._cache[scope]).length === 0) {
-      delete this._cache[scope];
-    }
-  }
-  /**
-   * Purge all items from the cache that match the given predicate.
-   *
-   * If the predicate is omitted, then all items in the cache are purged.
-   */
-
-
-  purgeAll(predicate) {
-    if (predicate == null) {
-      this._cache = {};
-      return;
-    }
-
-    for (const scope of Object.keys(this._cache)) {
-      this.purgeScope(scope, (id, value) => predicate(scope, id, value));
-    }
-  }
-
-}
-
-/***/ }),
-/* 12 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return WhenClientSide; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return useHydratableEffect; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _use_server_effect_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(16);
-/* harmony import */ var _use_shared_cache_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(6);
-/* harmony import */ var _use_cached_effect_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(17);
-/* harmony import */ var _util_types_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(3);
-
-
-
- // TODO(somewhatabstract, FEI-4174): Update eslint-plugin-import when they
-// have fixed:
-// https://github.com/import-js/eslint-plugin-import/issues/2073
-// eslint-disable-next-line import/named
-
-
-
-/**
- * Policies to define how a hydratable effect should behave client-side.
- */
-const WhenClientSide = __webpack_require__(23).Mirrored(["DoNotHydrate", "ExecuteWhenNoResult", "ExecuteWhenNoSuccessResult", "AlwaysExecute"]);
-const DefaultScope = "useHydratableEffect";
-/**
- * Hook to execute an async operation on server and client.
- *
- * This hook executes the given handler on the server and on the client,
- * and, depending on the given options, can hydrate the server-side result.
- *
- * Results are cached on the client so they can be shared between equivalent
- * invocations. Cache changes from one hook instance do not trigger renders
- * in components that use the same requestID.
- */
-
-const useHydratableEffect = (requestId, handler, options = {}) => {
-  const {
-    clientBehavior = WhenClientSide.ExecuteWhenNoSuccessResult,
-    skip = false,
-    retainResultOnChange = false,
-    onResultChanged,
-    scope = DefaultScope
-  } = options; // Now we instruct the server to perform the operation.
-  // When client-side, this will look up any response for hydration; it does
-  // not invoke the handler.
-
-  const serverResult = Object(_use_server_effect_js__WEBPACK_IMPORTED_MODULE_1__[/* useServerEffect */ "a"])(requestId, handler, {
-    // Only hydrate if our behavior isn't telling us not to.
-    hydrate: clientBehavior !== WhenClientSide.DoNotHydrate,
-    skip
-  });
-  const getDefaultCacheValue = react__WEBPACK_IMPORTED_MODULE_0__["useCallback"](() => {
-    // If we don't have a requestId, it's our first render, the one
-    // where we hydrated. So defer to our clientBehavior value.
-    switch (clientBehavior) {
-      case WhenClientSide.DoNotHydrate:
-      case WhenClientSide.AlwaysExecute:
-        // Either we weren't hydrating at all, or we don't care
-        // if we hydrated something or not, either way, we're
-        // doing a request.
-        return null;
-
-      case WhenClientSide.ExecuteWhenNoResult:
-        // We only execute if we didn't hydrate something.
-        // So, returning the hydration result as default for our
-        // cache, will then prevent the cached effect running.
-        return serverResult;
-
-      case WhenClientSide.ExecuteWhenNoSuccessResult:
-        // We only execute if we didn't hydrate a success result.
-        if ((serverResult == null ? void 0 : serverResult.status) === "success") {
-          // So, returning the hydration result as default for our
-          // cache, will then prevent the cached effect running.
-          return serverResult;
-        }
-
-        return null;
-    } // There is no reason for this to change after the first render,
-    // you might think, but the function closes around serverResult and if
-    // the requestId changes, it still returns the hydrate result of the
-    // first render of the previous requestId. This then means that the
-    // hydrate result is still the same, and the effect is not re-executed
-    // because the cache gets incorrectly defaulted.
-    // However, we don't want to bother doing anything with this on
-    // client behavior changing since that truly is irrelevant.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-
-  }, [serverResult]); // Instead of using state, which would be local to just this hook instance,
-  // we use a shared in-memory cache.
-
-  Object(_use_shared_cache_js__WEBPACK_IMPORTED_MODULE_2__[/* useSharedCache */ "b"])(requestId, // The key of the cached item
-  scope, // The scope of the cached items
-  getDefaultCacheValue); // When we're client-side, we ultimately want the result from this call.
-
-  const [clientResult] = Object(_use_cached_effect_js__WEBPACK_IMPORTED_MODULE_3__[/* useCachedEffect */ "a"])(requestId, handler, {
-    skip,
-    onResultChanged,
-    retainResultOnChange,
-    scope,
-    // Be explicit about our fetch policy for clarity.
-    fetchPolicy: _util_types_js__WEBPACK_IMPORTED_MODULE_4__[/* FetchPolicy */ "a"].CacheBeforeNetwork
-  }); // OK, now which result do we return.
-  // Well, we return the serverResult on our very first call and then
-  // the clientResult thereafter. The great thing is that after the very
-  // first call, the serverResult is going to be `null` anyway.
-
-  return serverResult != null ? serverResult : clientResult;
-};
-
-/***/ }),
-/* 13 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SerializableInMemoryCache; });
-/* harmony import */ var _khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _data_error_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
-/* harmony import */ var _scoped_in_memory_cache_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(11);
-
-
-
-
-/**
- * Describe a serializable in-memory cache.
- */
-class SerializableInMemoryCache extends _scoped_in_memory_cache_js__WEBPACK_IMPORTED_MODULE_2__[/* ScopedInMemoryCache */ "a"] {
-  constructor(initialCache = {}) {
-    try {
-      super(Object(_khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__["clone"])(initialCache));
-    } catch (e) {
-      throw new _data_error_js__WEBPACK_IMPORTED_MODULE_1__[/* DataError */ "a"](`An error occurred trying to initialize from a response cache snapshot: ${e}`, _data_error_js__WEBPACK_IMPORTED_MODULE_1__[/* DataErrors */ "b"].InvalidInput);
-    }
-  }
-  /**
-   * Set a value in the cache.
-   */
-
-
-  set(scope, id, value) {
-    super.set(scope, id, Object.freeze(Object(_khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__["clone"])(value)));
-  }
-  /**
-   * Clone the cache.
-   */
-
-
-  clone() {
-    try {
-      return Object(_khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__["clone"])(this._cache);
-    } catch (e) {
-      throw new _data_error_js__WEBPACK_IMPORTED_MODULE_1__[/* DataError */ "a"]("An error occurred while trying to clone the cache", _data_error_js__WEBPACK_IMPORTED_MODULE_1__[/* DataErrors */ "b"].Internal, {
-        cause: e
-      });
-    }
-  }
-
-}
-
-/***/ }),
-/* 14 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-
-/**
- * InterceptContext defines a map from request ID to interception methods.
- *
- * INTERNAL USE ONLY
- */
-const InterceptContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createContext"]([]);
-/* harmony default export */ __webpack_exports__["a"] = (InterceptContext);
-
-/***/ }),
-/* 15 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return initializeHydrationCache; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return purgeHydrationCache; });
-/* harmony import */ var _ssr_cache_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
-
-
-/**
- * Initialize the hydration cache.
- *
- * @param {ResponseCache} source The cache content to use for initializing the
- * cache.
- * @throws {Error} If the cache is already initialized.
- */
-const initializeHydrationCache = source => _ssr_cache_js__WEBPACK_IMPORTED_MODULE_0__[/* SsrCache */ "a"].Default.initialize(source);
-/**
- * Purge cached hydration responses that match the given predicate.
- *
- * @param {(id: string) => boolean} [predicate] The predicate to match against
- * the cached hydration responses. If no predicate is provided, all cached
- * hydration responses will be purged.
- */
-
-const purgeHydrationCache = predicate => _ssr_cache_js__WEBPACK_IMPORTED_MODULE_0__[/* SsrCache */ "a"].Default.purgeData(predicate);
-
-/***/ }),
-/* 16 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useServerEffect; });
-/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _util_request_tracking_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
-/* harmony import */ var _util_ssr_cache_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9);
-/* harmony import */ var _util_result_from_cache_response_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(33);
-/* harmony import */ var _use_request_interception_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(20);
-
-
-
-
-
-
-
-/**
- * Hook to perform an asynchronous action during server-side rendering.
- *
- * This hook registers an asynchronous action to be performed during
- * server-side rendering. The action is performed only once, and the result
- * is cached against the given identifier so that subsequent calls return that
- * cached result allowing components to render more of the component.
- *
- * This hook requires the Wonder Blocks Data functionality for resolving
- * pending requests, as well as support for the hydration cache to be
- * embedded into a page so that the result can by hydrated (if that is a
- * requirement).
- *
- * The asynchronous action is never invoked on the client-side.
- */
-const useServerEffect = (requestId, handler, options = {}) => {
-  const {
-    hydrate = true,
-    skip = false
-  } = options; // Plug in to the request interception framework for code that wants
-  // to use that.
-
-  const interceptedHandler = Object(_use_request_interception_js__WEBPACK_IMPORTED_MODULE_5__[/* useRequestInterception */ "a"])(requestId, handler); // If we're server-side or hydrating, we'll have a cached entry to use.
-  // So we get that and use it to initialize our state.
-  // This works in both hydration and SSR because the very first call to
-  // this will have cached data in those cases as it will be present on the
-  // initial render - and subsequent renders on the client it will be null.
-
-  const cachedResult = _util_ssr_cache_js__WEBPACK_IMPORTED_MODULE_3__[/* SsrCache */ "a"].Default.getEntry(requestId); // We only track data requests when we are server-side, we are not skipping
-  // the request, and we don't already have a result, as given by the
-  // cachedData (which is also the initial value for the result state).
-
-  const maybeTrack = Object(react__WEBPACK_IMPORTED_MODULE_1__["useContext"])(_util_request_tracking_js__WEBPACK_IMPORTED_MODULE_2__[/* TrackerContext */ "b"]);
-
-  if (!skip && cachedResult == null && _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__["Server"].isServerSide()) {
-    maybeTrack == null ? void 0 : maybeTrack(requestId, interceptedHandler, hydrate);
-  } // A null result means there was no result to hydrate.
-
-
-  return cachedResult == null ? null : Object(_util_result_from_cache_response_js__WEBPACK_IMPORTED_MODULE_4__[/* resultFromCachedResponse */ "a"])(cachedResult);
-};
-
-/***/ }),
-/* 17 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useCachedEffect; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
-/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _util_data_error_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
-/* harmony import */ var _util_request_fulfillment_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(10);
-/* harmony import */ var _util_status_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(7);
-/* harmony import */ var _use_shared_cache_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(6);
-/* harmony import */ var _use_request_interception_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(20);
-/* harmony import */ var _util_types_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(3);
-
-
-
-
-
-
-
-// TODO(somewhatabstract, FEI-4174): Update eslint-plugin-import when they
-// have fixed:
-// https://github.com/import-js/eslint-plugin-import/issues/2073
-// eslint-disable-next-line import/named
-
-const DefaultScope = "useCachedEffect";
-/**
- * Hook to execute and cache an async operation on the client.
- *
- * This hook executes the given handler on the client if there is no
- * cached result to use.
- *
- * Results are cached so they can be shared between equivalent invocations.
- * In-flight requests are also shared, so that concurrent calls will
- * behave as one might exect. Cache updates invoked by one hook instance
- * do not trigger renders in components that use the same requestID; however,
- * that should not matter since concurrent requests will share the same
- * in-flight request, and subsequent renders will grab from the cache.
- *
- * Once the request has been tried once and a non-loading response has been
- * cached, the request will not executed made again.
- */
-
-const useCachedEffect = (requestId, handler, options = {}) => {
-  var _ref;
-
-  const {
-    fetchPolicy = _util_types_js__WEBPACK_IMPORTED_MODULE_7__[/* FetchPolicy */ "a"].CacheBeforeNetwork,
-    skip: hardSkip = false,
-    retainResultOnChange = false,
-    onResultChanged,
-    scope = DefaultScope
-  } = options; // Plug in to the request interception framework for code that wants
-  // to use that.
-
-  const interceptedHandler = Object(_use_request_interception_js__WEBPACK_IMPORTED_MODULE_6__[/* useRequestInterception */ "a"])(requestId, handler); // Instead of using state, which would be local to just this hook instance,
-  // we use a shared in-memory cache.
-
-  const [mostRecentResult, setMostRecentResult] = Object(_use_shared_cache_js__WEBPACK_IMPORTED_MODULE_5__[/* useSharedCache */ "b"])(requestId, // The key of the cached item
-  scope // The scope of the cached items
-  // No default value. We don't want the loading status there; to ensure
-  // that all calls when the request is in-flight will update once that
-  // request is done, we want the cache to be empty until that point.
-  );
-  const forceUpdate = Object(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_1__["useForceUpdate"])(); // For the NetworkOnly fetch policy, we ignore the cached value.
-  // So we need somewhere else to store the network value.
-
-  const networkResultRef = react__WEBPACK_IMPORTED_MODULE_0__["useRef"](); // Set up the function that will do the fetching.
-
-  const currentRequestRef = react__WEBPACK_IMPORTED_MODULE_0__["useRef"]();
-  const fetchRequest = react__WEBPACK_IMPORTED_MODULE_0__["useMemo"](() => {
-    var _currentRequestRef$cu;
-
-    // We aren't using useCallback here because we need to make sure that
-    // if we are rememo-izing, we cancel any inflight request for the old
-    // callback.
-    (_currentRequestRef$cu = currentRequestRef.current) == null ? void 0 : _currentRequestRef$cu.cancel();
-    currentRequestRef.current = null;
-    networkResultRef.current = null;
-
-    const fetchFn = () => {
-      var _currentRequestRef$cu2, _currentRequestRef$cu3;
-
-      if (fetchPolicy === _util_types_js__WEBPACK_IMPORTED_MODULE_7__[/* FetchPolicy */ "a"].CacheOnly) {
-        throw new _util_data_error_js__WEBPACK_IMPORTED_MODULE_2__[/* DataError */ "a"]("Cannot fetch with CacheOnly policy", _util_data_error_js__WEBPACK_IMPORTED_MODULE_2__[/* DataErrors */ "b"].NotAllowed);
-      } // We use our request fulfillment here so that in-flight
-      // requests are shared. In order to ensure that we don't share
-      // in-flight requests for different scopes, we add the scope to the
-      // requestId.
-      // We do this as a courtesy to simplify usage in sandboxed
-      // uses like storybook where we want each story to perform their
-      // own requests from scratch and not share inflight requests across
-      // stories.
-      // Since this only occurs here, nothing else will care about this
-      // change except the request tracking.
-
-
-      const request = _util_request_fulfillment_js__WEBPACK_IMPORTED_MODULE_3__[/* RequestFulfillment */ "a"].Default.fulfill(`${requestId}|${scope}`, {
-        handler: interceptedHandler
-      });
-
-      if (request === ((_currentRequestRef$cu2 = currentRequestRef.current) == null ? void 0 : _currentRequestRef$cu2.request)) {
-        // The request inflight is the same, so do nothing.
-        // NOTE: Perhaps if invoked via a refetch, we will want to
-        // override this behavior and force a new request?
-        return;
-      } // Clear the last network result.
-
-
-      networkResultRef.current = null; // Cancel the previous request.
-
-      (_currentRequestRef$cu3 = currentRequestRef.current) == null ? void 0 : _currentRequestRef$cu3.cancel(); // TODO(somewhatabstract, FEI-4276):
-      // Until our RequestFulfillment API supports cancelling/aborting, we
-      // will have to do it.
-
-      let cancel = false; // NOTE: Our request fulfillment handles the error cases here.
-      // Catching shouldn't serve a purpose.
-      // eslint-disable-next-line promise/catch-or-return
-
-      request.then(result => {
-        currentRequestRef.current = null;
-
-        if (cancel) {
-          // We don't modify our result if the request was cancelled
-          // as it means that this hook no longer cares about that old
-          // request.
-          return;
-        } // Now we need to update the cache and notify or force a rerender.
-
-
-        setMostRecentResult(result);
-        networkResultRef.current = result;
-
-        if (onResultChanged != null) {
-          // If we have a callback, call it to let our caller know we
-          // got a result.
-          onResultChanged(result);
-        } else {
-          // If there's no callback, and this is using cache in some
-          // capacity, just force a rerender.
-          forceUpdate();
-        }
-
-        return; // Shut up eslint always-return rule.
-      });
-      currentRequestRef.current = {
-        requestId,
-        request,
-
-        cancel() {
-          cancel = true;
-          _util_request_fulfillment_js__WEBPACK_IMPORTED_MODULE_3__[/* RequestFulfillment */ "a"].Default.abort(requestId);
-        }
-
-      };
-    }; // Now we can return the new fetch function.
-
-
-    return fetchFn; // We deliberately ignore the handler here because we want folks to use
-    // interceptor functions inline in props for simplicity. This is OK
-    // since changing the handler without changing the requestId doesn't
-    // really make sense - the same requestId should be handled the same as
-    // each other.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [requestId, onResultChanged, forceUpdate, setMostRecentResult, fetchPolicy]); // Calculate if we want to fetch the result or not.
-  // If this is true, we will do a new fetch, cancelling the previous fetch
-  // if there is one inflight.
-
-  const shouldFetch = react__WEBPACK_IMPORTED_MODULE_0__["useMemo"](() => {
-    if (hardSkip) {
-      // We don't fetch if we've been told to hard skip.
-      return false;
-    }
-
-    switch (fetchPolicy) {
-      case _util_types_js__WEBPACK_IMPORTED_MODULE_7__[/* FetchPolicy */ "a"].CacheOnly:
-        // Don't want to do a network request if we're only
-        // interested in the cache.
-        return false;
-
-      case _util_types_js__WEBPACK_IMPORTED_MODULE_7__[/* FetchPolicy */ "a"].CacheBeforeNetwork:
-        // If we don't have a cached value then we need to fetch.
-        return mostRecentResult == null;
-
-      case _util_types_js__WEBPACK_IMPORTED_MODULE_7__[/* FetchPolicy */ "a"].CacheAndNetwork:
-      case _util_types_js__WEBPACK_IMPORTED_MODULE_7__[/* FetchPolicy */ "a"].NetworkOnly:
-        // We don't care about the cache. If we don't have a network
-        // result, then we need to fetch one.
-        return networkResultRef.current == null;
-    }
-  }, [mostRecentResult, fetchPolicy, hardSkip]);
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
-    if (!shouldFetch) {
-      return;
-    }
-
-    fetchRequest();
-    return () => {
-      var _currentRequestRef$cu4;
-
-      (_currentRequestRef$cu4 = currentRequestRef.current) == null ? void 0 : _currentRequestRef$cu4.cancel();
-      currentRequestRef.current = null;
-    };
-  }, [shouldFetch, fetchRequest]); // We track the last result we returned in order to support the
-  // "retainResultOnChange" option.
-
-  const lastResultAgnosticOfIdRef = react__WEBPACK_IMPORTED_MODULE_0__["useRef"](_util_status_js__WEBPACK_IMPORTED_MODULE_4__[/* Status */ "a"].loading());
-  const loadingResult = retainResultOnChange ? lastResultAgnosticOfIdRef.current : _util_status_js__WEBPACK_IMPORTED_MODULE_4__[/* Status */ "a"].loading(); // Loading is a transient state, so we only use it here; it's not something
-  // we cache.
-
-  const result = (_ref = fetchPolicy === _util_types_js__WEBPACK_IMPORTED_MODULE_7__[/* FetchPolicy */ "a"].NetworkOnly ? networkResultRef.current : mostRecentResult) != null ? _ref : loadingResult;
-  lastResultAgnosticOfIdRef.current = result; // We return the result and a function for triggering a refetch.
-
-  return [result, fetchRequest];
-};
-
-/***/ }),
-/* 18 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getGqlDataFromResponse; });
-/* harmony import */ var _data_error_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-/* harmony import */ var _gql_error_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4);
-
-
-/**
- * Validate a GQL operation response and extract the data.
- */
-
-const getGqlDataFromResponse = async response => {
-  // Get the response as text, that way we can use the text in error
-  // messaging, should our parsing fail.
-  const bodyText = await response.text();
-  let result;
-
-  try {
-    result = JSON.parse(bodyText);
-  } catch (e) {
-    throw new _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataError */ "a"]("Failed to parse response", _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataErrors */ "b"].Parse, {
-      metadata: {
-        statusCode: response.status,
-        bodyText
-      },
-      cause: e
-    });
-  } // Check for a bad status code.
-
-
-  if (response.status >= 300) {
-    throw new _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataError */ "a"]("Response unsuccessful", _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataErrors */ "b"].Network, {
-      metadata: {
-        statusCode: response.status,
-        result
-      }
-    });
-  } // Check that we have a valid result payload.
-
-
-  if ( // Flow shouldn't be warning about this.
-  // $FlowIgnore[method-unbinding]
-  !Object.prototype.hasOwnProperty.call(result, "data") && // Flow shouldn't be warning about this.
-  // $FlowIgnore[method-unbinding]
-  !Object.prototype.hasOwnProperty.call(result, "errors")) {
-    throw new _gql_error_js__WEBPACK_IMPORTED_MODULE_1__[/* GqlError */ "a"]("Server response missing", _gql_error_js__WEBPACK_IMPORTED_MODULE_1__[/* GqlErrors */ "b"].BadResponse, {
-      metadata: {
-        statusCode: response.status,
-        result
-      }
-    });
-  } // If the response payload has errors, throw an error.
-
-
-  if (result.errors != null && Array.isArray(result.errors) && result.errors.length > 0) {
-    throw new _gql_error_js__WEBPACK_IMPORTED_MODULE_1__[/* GqlError */ "a"]("GraphQL errors", _gql_error_js__WEBPACK_IMPORTED_MODULE_1__[/* GqlErrors */ "b"].ErrorResult, {
-      metadata: {
-        statusCode: response.status,
-        result
-      }
-    });
-  } // We got here, so return the data.
-
-
-  return result.data;
-};
-
-/***/ }),
-/* 19 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* unused harmony export DocumentTypes */
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return graphQLDocumentNodeParser; });
-/* harmony import */ var _data_error_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
-
-const DocumentTypes = Object.freeze({
-  query: "query",
-  mutation: "mutation"
-});
-const cache = new Map();
-/**
- * Parse a GraphQL document node to determine some info about it.
- *
- * This is based on:
- * https://github.com/apollographql/react-apollo/blob/3bc993b2ea91704bd6a2667f42d1940656c071ff/src/parser.ts
- */
-
-function graphQLDocumentNodeParser(document) {
-  var _definition$name;
-
-  const cached = cache.get(document);
-
-  if (cached) {
-    return cached;
-  }
-  /**
-   * Saftey check for proper usage.
-   */
-
-
-  if (!(document != null && document.kind)) {
-    if (true) {
-      throw new _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataError */ "a"]("Bad DocumentNode", _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataErrors */ "b"].InvalidInput);
-    } else {}
-  }
-
-  const fragments = document.definitions.filter(x => x.kind === "FragmentDefinition");
-  const queries = document.definitions.filter(x => // $FlowIgnore[prop-missing]
-  x.kind === "OperationDefinition" && x.operation === "query");
-  const mutations = document.definitions.filter(x => // $FlowIgnore[prop-missing]
-  x.kind === "OperationDefinition" && x.operation === "mutation");
-  const subscriptions = document.definitions.filter(x => // $FlowIgnore[prop-missing]
-  x.kind === "OperationDefinition" && x.operation === "subscription");
-
-  if (fragments.length && !queries.length && !mutations.length) {
-    if (true) {
-      throw new _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataError */ "a"]("Fragment only", _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataErrors */ "b"].InvalidInput);
-    } else {}
-  }
-
-  if (subscriptions.length) {
-    if (true) {
-      throw new _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataError */ "a"]("No subscriptions", _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataErrors */ "b"].InvalidInput);
-    } else {}
-  }
-
-  if (queries.length + mutations.length > 1) {
-    if (true) {
-      throw new _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataError */ "a"]("Too many ops", _data_error_js__WEBPACK_IMPORTED_MODULE_0__[/* DataErrors */ "b"].InvalidInput);
-    } else {}
-  }
-
-  const type = queries.length ? DocumentTypes.query : DocumentTypes.mutation;
-  const definitions = queries.length ? queries : mutations;
-  const definition = definitions[0];
-  const variables = definition.variableDefinitions || []; // fallback to using data if no name
-
-  const name = ((_definition$name = definition.name) == null ? void 0 : _definition$name.kind) === "Name" ? definition.name.value : "data";
-  const payload = {
-    name,
-    type,
-    variables
-  };
-  cache.set(document, payload);
-  return payload;
-}
-
-/***/ }),
-/* 20 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useRequestInterception; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _components_intercept_context_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14);
-
-
-
-/**
- * Allow request handling to be intercepted.
- *
- * Hook to take a uniquely identified request handler and return a
- * method that will support request interception from the InterceptRequest
- * component.
- *
- * If you want request interception to be supported with `useServerEffect` or
- * any client-side effect that uses the handler, call this first to generate
- * an intercepted handler, and then invoke `useServerEffect` (or other things)
- * with that intercepted handler.
- */
-const useRequestInterception = (requestId, handler) => {
-  // Get the interceptors that have been registered.
-  const interceptors = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_components_intercept_context_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"]); // Now, we need to create a new handler that will check if the
-  // request is intercepted before ultimately calling the original handler
-  // if nothing intercepted it.
-  // We memoize this so that it only changes if something related to it
-  // changes.
-
-  const interceptedHandler = react__WEBPACK_IMPORTED_MODULE_0__["useCallback"](() => {
-    // Call the interceptors from closest to furthest.
-    // If one returns a non-null result, then we keep that.
-    const interceptResponse = interceptors.reduceRight((prev, interceptor) => {
-      if (prev != null) {
-        return prev;
-      }
-
-      return interceptor(requestId);
-    }, null); // If nothing intercepted this request, invoke the original handler.
-    // NOTE: We can't guarantee all interceptors return the same type
-    // as our handler, so how can flow know? Let's just suppress that.
-    // $FlowFixMe[incompatible-return]
-
-    return interceptResponse != null ? interceptResponse : handler();
-  }, [handler, interceptors, requestId]);
-  return interceptedHandler;
-};
-
-/***/ }),
-/* 21 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return GqlRouterContext; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-const GqlRouterContext = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createContext"](null);
-
-/***/ }),
-/* 22 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return mergeGqlContext; });
-/**
- * Construct a complete GqlContext from current defaults and a partial context.
- *
- * Values in the partial context that are `undefined` will be ignored.
- * Values in the partial context that are `null` will be deleted.
- */
-const mergeGqlContext = (defaultContext, overrides) => {
-  // Let's merge the partial context default context. We deliberately
-  // don't spread because spreading would overwrite default context
-  // values with undefined or null if the partial context includes a value
-  // explicitly set to undefined or null.
-  return Object.keys(overrides).reduce((acc, key) => {
-    // Undefined values are ignored.
-    if (overrides[key] !== undefined) {
-      if (overrides[key] === null) {
-        // Null indicates we delete this context value.
-        delete acc[key];
-      } else {
-        // Otherwise, we set it.
-        acc[key] = overrides[key];
-      }
-    }
-
-    return acc;
-  }, { ...defaultContext
-  });
-};
-
-/***/ }),
-/* 23 */
-/***/ (function(module, exports) {
-
-module.exports = require("flow-enums-runtime");
-
-/***/ }),
-/* 24 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return fetchTrackedRequests; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return hasTrackedRequestsToBeFetched; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return abortInflightRequests; });
-/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _request_tracking_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
-/* harmony import */ var _request_fulfillment_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(10);
-/* harmony import */ var _data_error_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(0);
-
-
-
-
-
-const SSRCheck = () => {
-  if (_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_0__["Server"].isServerSide()) {
-    return null;
-  }
-
-  if (true) {
-    return new _data_error_js__WEBPACK_IMPORTED_MODULE_3__[/* DataError */ "a"]("No CSR tracking", _data_error_js__WEBPACK_IMPORTED_MODULE_3__[/* DataErrors */ "b"].NotAllowed);
-  } else {}
-};
-/**
- * Fetches all tracked data requests.
- *
- * This is for use with the `TrackData` component during server-side rendering.
- *
- * @throws {Error} If executed outside of server-side rendering.
- * @returns {Promise<void>} A promise that resolves when all tracked requests
- * have been fetched.
- */
-
-
-const fetchTrackedRequests = () => {
-  const ssrCheck = SSRCheck();
-
-  if (ssrCheck != null) {
-    return Promise.reject(ssrCheck);
-  }
-
-  return _request_tracking_js__WEBPACK_IMPORTED_MODULE_1__[/* RequestTracker */ "a"].Default.fulfillTrackedRequests();
-};
-/**
- * Indicate if there are tracked requests waiting to be fetched.
- *
- * This is used in conjunction with `TrackData`.
- *
- * @throws {Error} If executed outside of server-side rendering.
- * @returns {boolean} `true` if there are unfetched tracked requests;
- * otherwise, `false`.
- */
-
-const hasTrackedRequestsToBeFetched = () => {
-  const ssrCheck = SSRCheck();
-
-  if (ssrCheck != null) {
-    throw ssrCheck;
-  }
-
-  return _request_tracking_js__WEBPACK_IMPORTED_MODULE_1__[/* RequestTracker */ "a"].Default.hasUnfulfilledRequests;
-};
-/**
- * Abort all in-flight requests.
- *
- * This aborts all requests currently inflight via our default request
- * fulfillment.
- */
-
-const abortInflightRequests = () => {
-  _request_fulfillment_js__WEBPACK_IMPORTED_MODULE_2__[/* RequestFulfillment */ "a"].Default.abortAll();
-};
-
-/***/ }),
-/* 25 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return purgeCaches; });
-/* harmony import */ var _hooks_use_shared_cache_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
-/* harmony import */ var _hydration_cache_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15);
-
-
-/**
- * Purge all caches managed by Wonder Blocks Data.
- *
- * This is a convenience method that purges the shared cache and the hydration
- * cache. It is useful for testing purposes to avoid having to reason about
- * which caches may have been used during a given test run.
- */
-
-const purgeCaches = () => {
-  _hooks_use_shared_cache_js__WEBPACK_IMPORTED_MODULE_0__[/* SharedCache */ "a"].purgeAll();
-  Object(_hydration_cache_api_js__WEBPACK_IMPORTED_MODULE_1__[/* purgeHydrationCache */ "b"])();
-};
-
-/***/ }),
-/* 26 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return TrackData; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
-/* harmony import */ var _khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _util_request_tracking_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
-
-
-
-
-/**
- * Component to enable data request tracking when server-side rendering.
- */
-class TrackData extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
-  render() {
-    if (!_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_1__["Server"].isServerSide()) {
-      throw new Error("This component is not for use during client-side rendering");
-    }
-
-    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_util_request_tracking_js__WEBPACK_IMPORTED_MODULE_2__[/* TrackerContext */ "b"].Provider, {
-      value: _util_request_tracking_js__WEBPACK_IMPORTED_MODULE_2__[/* RequestTracker */ "a"].Default.trackDataRequest
-    }, this.props.children);
-  }
-
-}
-
-/***/ }),
-/* 27 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _hooks_use_hydratable_effect_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12);
-
-
-
-/**
- * This component is the main component of Wonder Blocks Data. With this, data
- * requirements can be placed in a React application in a manner that will
- * support server-side rendering and efficient caching.
- */
-const Data = ({
-  requestId,
-  handler,
-  children,
-  retainResultOnChange = false,
-  clientBehavior = _hooks_use_hydratable_effect_js__WEBPACK_IMPORTED_MODULE_1__[/* WhenClientSide */ "a"].ExecuteWhenNoSuccessResult
-}) => {
-  const result = Object(_hooks_use_hydratable_effect_js__WEBPACK_IMPORTED_MODULE_1__[/* useHydratableEffect */ "b"])(requestId, handler, {
-    retainResultOnChange,
-    clientBehavior
-  });
-  return children(result);
-};
-
-/* harmony default export */ __webpack_exports__["a"] = (Data);
-
-/***/ }),
-/* 28 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _intercept_context_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14);
-
-
-
-/**
- * This component provides a mechanism to intercept data requests.
- * This is for use in testing.
- *
- * This component is not recommended for use in production code as it
- * can prevent predictable functioning of the Wonder Blocks Data framework.
- * One possible side-effect is that inflight requests from the interceptor could
- * be picked up by `Data` component requests from outside the children of this
- * component.
- *
- * Interceptions within the same component tree are chained such that the
- * interceptor closest to the intercepted request is called first, and the
- * furthest interceptor is called last.
- */
-const InterceptRequests = ({
-  interceptor,
-  children
-}) => {
-  const interceptors = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_intercept_context_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"]);
-  const updatedInterceptors = react__WEBPACK_IMPORTED_MODULE_0__["useMemo"]( // We could build this in reverse order so that our hook that does
-  // the interception didn't have to use reduceRight, but I think it
-  // is easier to think about if we do this in component tree order.
-  () => [].concat(interceptors, [interceptor]), [interceptors, interceptor]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_intercept_context_js__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"].Provider, {
-    value: updatedInterceptors
-  }, children);
-};
-
-/* harmony default export */ __webpack_exports__["a"] = (InterceptRequests);
-
-/***/ }),
-/* 29 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getGqlRequestId; });
-/* harmony import */ var _khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
-/* harmony import */ var _khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__);
-
-
-const toString = value => {
-  var _JSON$stringify;
-
-  if (typeof value === "string") {
-    return value;
-  }
-
-  if (typeof value === "object" && value != null) {
-    if (value instanceof Date) {
-      return value.toISOString();
-    } else if (typeof value.toString === "function") {
-      return value.toString();
-    }
-  }
-
-  return (_JSON$stringify = JSON.stringify(value)) != null ? _JSON$stringify : "";
-};
-
-const toStringifiedVariables = (acc, key, value) => {
-  if (typeof value === "object" && value !== null) {
-    // If we have an object or array, we build sub-variables so that
-    // the ID is easily human-readable rather than having lots of
-    // extra %-encodings. This means that an object or array variable
-    // turns into x variables, where x is the field or element count of
-    // variable. See below for example.
-    const subValues = Object(_khanacademy_wonder_stuff_core__WEBPACK_IMPORTED_MODULE_0__["entries"])(value); // If we don't get any entries, it's possible this is a Date, Error,
-    // or some other non-standard value. While these generally should be
-    // avoided as variables, we should handle them gracefully.
-
-    if (subValues.length !== 0) {
-      return subValues.reduce((innerAcc, [i, v]) => {
-        const subKey = `${key}.${i}`;
-        return toStringifiedVariables(innerAcc, subKey, v);
-      }, acc);
-    }
-  }
-
-  acc[key] = toString(value);
-  return acc;
-};
-/**
- * Get an identifier for a given request.
- */
-
-
-const getGqlRequestId = (operation, variables, context) => {
-  // We add all the bits for this into an array and then join them with
-  // a chosen separator.
-  const parts = []; // First, we push the context values.
-
-  const sortableContext = new URLSearchParams(context); // $FlowIgnore[prop-missing] Flow has incomplete support for URLSearchParams
-
-  sortableContext.sort();
-  parts.push(sortableContext.toString()); // Now we add the operation identifier.
-
-  parts.push(operation.id); // Finally, if we have variables, we add those too.
-
-  if (variables != null) {
-    // We need to turn each variable into a string.
-    // We also need to ensure we sort any sub-object keys.
-    // `toStringifiedVariables` helps us with this by hoisting nested
-    // data to individual variables for the purposes of ID generation.
-    //
-    // For example, consider variables:
-    //    {x: [1,2,3], y: {a: 1, b: 2, c: 3}, z: 123}
-    //
-    // Each variable, x, y and z, would be stringified into
-    // stringifiedVariables as follows:
-    //  x becomes {"x.0": "1", "x.1": "2", "x.2": "3"}
-    //  y becomes {"y.a": "1", "y.b": "2", "y.c": "3"}
-    //  z becomes {"z": "123"}
-    //
-    // This then leads to stringifiedVariables being:
-    //  {
-    //    "x.0": "1",
-    //    "x.1": "2",
-    //    "x.2": "3",
-    //    "y.a": "1",
-    //    "y.b": "2",
-    //    "y.c": "3",
-    //    "z": "123",
-    //  }
-    //
-    // Thus allowing our use of URLSearchParams to both sort and easily
-    // encode the variables into an idempotent identifier for those
-    // variable values that is also human-readable.
-    const stringifiedVariables = Object.keys(variables).reduce((acc, key) => {
-      const value = variables[key];
-      return toStringifiedVariables(acc, key, value);
-    }, {}); // We use the same mechanism as context to sort and arrange the
-    // variables.
-
-    const sortableVariables = new URLSearchParams(stringifiedVariables); // $FlowIgnore[prop-missing] Flow has incomplete support for URLSearchParams
-
-    sortableVariables.sort();
-    parts.push(sortableVariables.toString());
-  }
-
-  return parts.join("|");
-};
-
-/***/ }),
-/* 30 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return toGqlOperation; });
-/* harmony import */ var _graphql_document_node_parser_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(19);
-
-
-/**
- * Convert a GraphQL DocumentNode to a base Wonder Blocks Data GqlOperation.
- *
- * If you want to include the query/mutation body, extend the result of this
- * method and use the `graphql/language/printer` like:
- *
- * ```js
- * import {print} from "graphql/language/printer";
- *
- * const gqlOpWithBody = {
- *     ...toGqlOperation(documentNode),
- *     query: print(documentNode),
- * };
- * ```
- *
- * If you want to enforce inclusion of __typename properties, then you can use
- * `apollo-utilities` first to modify the document:
- *
- * ```js
- * import {print} from "graphql/language/printer";
- * import {addTypenameToDocument} from "apollo-utilities";
- *
- * const documentWithTypenames = addTypenameToDocument(documentNode);
- * const gqlOpWithBody = {
- *     ...toGqlOperation(documentWithTypenames),
- *     query: print(documentWithTypenames),
- * };
- * ```
- */
-const toGqlOperation = documentNode => {
-  const definition = Object(_graphql_document_node_parser_js__WEBPACK_IMPORTED_MODULE_0__[/* graphQLDocumentNodeParser */ "a"])(documentNode);
-  const wbDataOperation = {
-    id: definition.name,
-    type: definition.type
-  };
-  return wbDataOperation;
-};
-
-/***/ }),
-/* 31 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return GqlRouter; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _util_gql_router_context_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
-
-
-
-/**
- * Configure GraphQL routing for GraphQL hooks and components.
- *
- * These can be nested. Components and hooks relying on the GraphQL routing
- * will use the configuration from their closest ancestral GqlRouter.
- */
-const GqlRouter = ({
-  defaultContext: thisDefaultContext,
-  fetch: thisFetch,
-  children
-}) => {
-  // We don't care if we're nested. We always force our callers to define
-  // everything. It makes for a clearer API and requires less error checking
-  // code (assuming our flow types are correct). We also don't default fetch
-  // to anything - our callers can tell us what function to use quite easily.
-  // If code that consumes this wants more nuanced nesting, it can implement
-  // it within its own GqlRouter than then defers to this one.
-  // We want to always use the same object if things haven't changed to avoid
-  // over-rendering consumers of our context, let's memoize the configuration.
-  // By doing this, if a component under children that uses this context
-  // uses React.memo, we won't force it to re-render every time we render
-  // because we'll only change the context value if something has actually
-  // changed.
-  const configuration = react__WEBPACK_IMPORTED_MODULE_0__["useMemo"](() => ({
-    fetch: thisFetch,
-    defaultContext: thisDefaultContext
-  }), [thisDefaultContext, thisFetch]);
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_util_gql_router_context_js__WEBPACK_IMPORTED_MODULE_1__[/* GqlRouterContext */ "a"].Provider, {
-    value: configuration
-  }, children);
-};
-
-/***/ }),
-/* 32 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useGql; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _util_merge_gql_context_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
-/* harmony import */ var _use_gql_router_context_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(34);
-/* harmony import */ var _util_get_gql_data_from_response_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(18);
-
-
-
-
-
-/**
- * Hook to obtain a gqlFetch function for performing GraphQL requests.
- *
- * The fetch function will resolve null if the request was aborted, otherwise
- * it will resolve the data returned by the GraphQL server.
- *
- * Context is merged with the default context provided to the GqlRouter.
- * Values in the partial context given to the returned fetch function will
- * only be included if they have a value other than undefined.
- */
-const useGql = (context = {}) => {
-  // This hook only works if the `GqlRouter` has been used to setup context.
-  const gqlRouterContext = Object(_use_gql_router_context_js__WEBPACK_IMPORTED_MODULE_2__[/* useGqlRouterContext */ "a"])(context); // Let's memoize the gqlFetch function we create based off our context.
-  // That way, even if the context happens to change, if its values don't
-  // we give the same function instance back to our callers instead of
-  // making a new one. That then means they can safely use the return value
-  // in hooks deps without fear of it triggering extra renders.
-
-  const gqlFetch = Object(react__WEBPACK_IMPORTED_MODULE_0__["useCallback"])((operation, options = Object.freeze({})) => {
-    const {
-      fetch,
-      defaultContext
-    } = gqlRouterContext;
-    const {
-      variables,
-      context = {}
-    } = options;
-    const finalContext = Object(_util_merge_gql_context_js__WEBPACK_IMPORTED_MODULE_1__[/* mergeGqlContext */ "a"])(defaultContext, context); // Invoke the fetch and extract the data.
-
-    return fetch(operation, variables, finalContext).then(_util_get_gql_data_from_response_js__WEBPACK_IMPORTED_MODULE_3__[/* getGqlDataFromResponse */ "a"]);
-  }, [gqlRouterContext]);
-  return gqlFetch;
-};
-
-/***/ }),
-/* 33 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return resultFromCachedResponse; });
-/* harmony import */ var _status_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7);
-/* harmony import */ var _data_error_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(0);
-
-
-
-/**
- * Turns a cache entry into a stateful result.
- */
-const resultFromCachedResponse = cacheEntry => {
-  // No cache entry means no result to be hydrated.
-  if (cacheEntry == null) {
-    return null;
-  }
-
-  const {
-    data,
-    error
-  } = cacheEntry;
-
-  if (error != null) {
-    // Let's hydrate the error. We don't persist everything about the
-    // original error on the server, hence why we only superficially
-    // hydrate it to a GqlHydratedError.
-    return _status_js__WEBPACK_IMPORTED_MODULE_0__[/* Status */ "a"].error(new _data_error_js__WEBPACK_IMPORTED_MODULE_1__[/* DataError */ "a"](error, _data_error_js__WEBPACK_IMPORTED_MODULE_1__[/* DataErrors */ "b"].Hydrated));
-  }
-
-  if (data != null) {
-    return _status_js__WEBPACK_IMPORTED_MODULE_0__[/* Status */ "a"].success(data);
-  } // We shouldn't get here since we don't actually cache null data.
-
-
-  return _status_js__WEBPACK_IMPORTED_MODULE_0__[/* Status */ "a"].aborted();
-};
-
-/***/ }),
-/* 34 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useGqlRouterContext; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _util_merge_gql_context_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
-/* harmony import */ var _util_gql_router_context_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(21);
-/* harmony import */ var _util_gql_error_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4);
-
-
-
-
-
-/**
- * Construct a GqlRouterContext from the current one and partial context.
- */
-const useGqlRouterContext = (contextOverrides = {}) => {
-  // This hook only works if the `GqlRouter` has been used to setup context.
-  const gqlRouterContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["useContext"])(_util_gql_router_context_js__WEBPACK_IMPORTED_MODULE_2__[/* GqlRouterContext */ "a"]);
-
-  if (gqlRouterContext == null) {
-    throw new _util_gql_error_js__WEBPACK_IMPORTED_MODULE_3__[/* GqlError */ "a"]("No GqlRouter", _util_gql_error_js__WEBPACK_IMPORTED_MODULE_3__[/* GqlErrors */ "b"].Internal);
-  }
-
-  const {
-    fetch,
-    defaultContext
-  } = gqlRouterContext;
-  const contextRef = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(defaultContext);
-  const mergedContext = Object(_util_merge_gql_context_js__WEBPACK_IMPORTED_MODULE_1__[/* mergeGqlContext */ "a"])(defaultContext, contextOverrides); // Now, we can see if this represents a new context and if so,
-  // update our ref and return the merged value.
-
-  const refKeys = Object.keys(contextRef.current);
-  const mergedKeys = Object.keys(mergedContext);
-  const shouldWeUpdateRef = refKeys.length !== mergedKeys.length || mergedKeys.every(key => contextRef.current[key] !== mergedContext[key]);
-
-  if (shouldWeUpdateRef) {
-    contextRef.current = mergedContext;
-  } // OK, now we're up-to-date, let's memoize our final result.
-
-
-  const finalContext = contextRef.current;
-  const finalRouterContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["useMemo"])(() => ({
-    fetch,
-    defaultContext: finalContext
-  }), [fetch, finalContext]);
-  return finalRouterContext;
-};
-
-/***/ }),
-/* 35 */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _util_types_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "FetchPolicy", function() { return _util_types_js__WEBPACK_IMPORTED_MODULE_0__["a"]; });
-
-/* harmony import */ var _util_hydration_cache_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "initializeHydrationCache", function() { return _util_hydration_cache_api_js__WEBPACK_IMPORTED_MODULE_1__["a"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "purgeHydrationCache", function() { return _util_hydration_cache_api_js__WEBPACK_IMPORTED_MODULE_1__["b"]; });
-
-/* harmony import */ var _util_request_api_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(24);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "fetchTrackedRequests", function() { return _util_request_api_js__WEBPACK_IMPORTED_MODULE_2__["b"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "hasTrackedRequestsToBeFetched", function() { return _util_request_api_js__WEBPACK_IMPORTED_MODULE_2__["c"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "abortInflightRequests", function() { return _util_request_api_js__WEBPACK_IMPORTED_MODULE_2__["a"]; });
-
-/* harmony import */ var _util_purge_caches_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(25);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "purgeCaches", function() { return _util_purge_caches_js__WEBPACK_IMPORTED_MODULE_3__["a"]; });
-
-/* harmony import */ var _components_track_data_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(26);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TrackData", function() { return _components_track_data_js__WEBPACK_IMPORTED_MODULE_4__["a"]; });
-
-/* harmony import */ var _components_data_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(27);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Data", function() { return _components_data_js__WEBPACK_IMPORTED_MODULE_5__["a"]; });
-
-/* harmony import */ var _components_intercept_requests_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(28);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InterceptRequests", function() { return _components_intercept_requests_js__WEBPACK_IMPORTED_MODULE_6__["a"]; });
-
-/* harmony import */ var _util_data_error_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(0);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DataError", function() { return _util_data_error_js__WEBPACK_IMPORTED_MODULE_7__["a"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DataErrors", function() { return _util_data_error_js__WEBPACK_IMPORTED_MODULE_7__["b"]; });
-
-/* harmony import */ var _hooks_use_server_effect_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(16);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useServerEffect", function() { return _hooks_use_server_effect_js__WEBPACK_IMPORTED_MODULE_8__["a"]; });
-
-/* harmony import */ var _hooks_use_cached_effect_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(17);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useCachedEffect", function() { return _hooks_use_cached_effect_js__WEBPACK_IMPORTED_MODULE_9__["a"]; });
-
-/* harmony import */ var _hooks_use_shared_cache_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(6);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useSharedCache", function() { return _hooks_use_shared_cache_js__WEBPACK_IMPORTED_MODULE_10__["b"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SharedCache", function() { return _hooks_use_shared_cache_js__WEBPACK_IMPORTED_MODULE_10__["a"]; });
-
-/* harmony import */ var _hooks_use_hydratable_effect_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(12);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useHydratableEffect", function() { return _hooks_use_hydratable_effect_js__WEBPACK_IMPORTED_MODULE_11__["b"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WhenClientSide", function() { return _hooks_use_hydratable_effect_js__WEBPACK_IMPORTED_MODULE_11__["a"]; });
-
-/* harmony import */ var _util_scoped_in_memory_cache_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(11);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ScopedInMemoryCache", function() { return _util_scoped_in_memory_cache_js__WEBPACK_IMPORTED_MODULE_12__["a"]; });
-
-/* harmony import */ var _util_serializable_in_memory_cache_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(13);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SerializableInMemoryCache", function() { return _util_serializable_in_memory_cache_js__WEBPACK_IMPORTED_MODULE_13__["a"]; });
-
-/* harmony import */ var _util_status_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(7);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Status", function() { return _util_status_js__WEBPACK_IMPORTED_MODULE_14__["a"]; });
-
-/* harmony import */ var _util_get_gql_request_id_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(29);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getGqlRequestId", function() { return _util_get_gql_request_id_js__WEBPACK_IMPORTED_MODULE_15__["a"]; });
-
-/* harmony import */ var _util_get_gql_data_from_response_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(18);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getGqlDataFromResponse", function() { return _util_get_gql_data_from_response_js__WEBPACK_IMPORTED_MODULE_16__["a"]; });
-
-/* harmony import */ var _util_graphql_document_node_parser_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(19);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "graphQLDocumentNodeParser", function() { return _util_graphql_document_node_parser_js__WEBPACK_IMPORTED_MODULE_17__["a"]; });
-
-/* harmony import */ var _util_to_gql_operation_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(30);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "toGqlOperation", function() { return _util_to_gql_operation_js__WEBPACK_IMPORTED_MODULE_18__["a"]; });
-
-/* harmony import */ var _components_gql_router_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(31);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GqlRouter", function() { return _components_gql_router_js__WEBPACK_IMPORTED_MODULE_19__["a"]; });
-
-/* harmony import */ var _hooks_use_gql_js__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(32);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useGql", function() { return _hooks_use_gql_js__WEBPACK_IMPORTED_MODULE_20__["a"]; });
-
-/* harmony import */ var _util_gql_error_js__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(4);
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GqlError", function() { return _util_gql_error_js__WEBPACK_IMPORTED_MODULE_21__["a"]; });
-
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "GqlErrors", function() { return _util_gql_error_js__WEBPACK_IMPORTED_MODULE_21__["b"]; });
-
-// TODO(somewhatabstract, FEI-4174): Update eslint-plugin-import when they
-// have fixed:
-// https://github.com/import-js/eslint-plugin-import/issues/2073
-// eslint-disable-next-line import/named
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- ////////////////////////////////////////////////////////////////////////////////
-// GraphQL
-////////////////////////////////////////////////////////////////////////////////
-
-
-
-
-
-
-
-
-
-/***/ })
-/******/ ]);