@plasmicapp/loader-react 1.0.201 → 1.0.203

package/dist/loader-react.cjs.development.js

@@ -15,8 +15,8 @@ var ReactDOM = _interopDefault(require('react-dom'));
 var jsxDevRuntime = require('react/jsx-dev-runtime');
 var jsxRuntime = require('react/jsx-runtime');
 var pascalcase = _interopDefault(require('pascalcase'));
+var prepass = _interopDefault(require('@plasmicapp/react-ssr-prepass'));
 var reactIs = require('react-is');
-var prepass = _interopDefault(require('react-ssr-prepass'));
 var server = require('react-dom/server');
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -27,83 +27,66 @@ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
     reject(error);
     return;
   }
-
   if (info.done) {
     resolve(value);
   } else {
     Promise.resolve(value).then(_next, _throw);
   }
 }
-
 function _asyncToGenerator(fn) {
   return function () {
     var self = this,
-        args = arguments;
+      args = arguments;
     return new Promise(function (resolve, reject) {
       var gen = fn.apply(self, args);
-
       function _next(value) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
       }
-
       function _throw(err) {
         asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
       }
-
       _next(undefined);
     });
   };
 }
-
 function _extends() {
-  _extends = Object.assign || function (target) {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
-
       for (var key in source) {
         if (Object.prototype.hasOwnProperty.call(source, key)) {
           target[key] = source[key];
         }
       }
     }
-
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
-
 function _inheritsLoose(subClass, superClass) {
   subClass.prototype = Object.create(superClass.prototype);
   subClass.prototype.constructor = subClass;
-
   _setPrototypeOf(subClass, superClass);
 }
-
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
     o.__proto__ = p;
     return o;
   };
-
   return _setPrototypeOf(o, p);
 }
-
 function _objectWithoutPropertiesLoose(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
   var key, i;
-
   for (i = 0; i < sourceKeys.length; i++) {
     key = sourceKeys[i];
     if (excluded.indexOf(key) >= 0) continue;
     target[key] = source[key];
   }
-
   return target;
 }
-
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -112,19 +95,14 @@ function _unsupportedIterableToArray(o, minLen) {
   if (n === "Map" || n === "Set") return Array.from(o);
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
 }
-
 function _arrayLikeToArray(arr, len) {
   if (len == null || len > arr.length) len = arr.length;
-
   for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
   return arr2;
 }
-
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
   var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
   if (it) return (it = it.call(o)).next.bind(it);
-
   if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
     if (it) o = it;
     var i = 0;
@@ -138,7 +116,6 @@ function _createForOfIteratorHelperLoose(o, allowArrayLike) {
       };
     };
   }
-
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
@@ -149,17 +126,13 @@ function getUsedComps(allComponents, entryCompIds) {
     return [meta.id, meta];
   }));
   var usedComps = [];
-
   while (q.length > 0) {
     var _q$splice = q.splice(0, 1),
-        id = _q$splice[0];
-
+      id = _q$splice[0];
     var meta = componentMetaById.get(id);
-
     if (!meta) {
       continue;
     }
-
     usedComps.push(meta);
     meta.usedComponents.forEach(function (usedCompId) {
       if (!seenIds.has(usedCompId)) {
@@ -168,10 +141,8 @@ function getUsedComps(allComponents, entryCompIds) {
       }
     });
   }
-
   return usedComps;
 }
-
 function prepComponentData(bundle, compMetas, opts) {
   if (compMetas.length === 0) {
     return {
@@ -180,7 +151,6 @@ function prepComponentData(bundle, compMetas, opts) {
       remoteFontUrls: []
     };
   }
-
   var usedComps = getUsedComps(bundle.components, compMetas.map(function (compMeta) {
     return compMeta.id;
   }));
@@ -212,33 +182,28 @@ function prepComponentData(bundle, compMetas, opts) {
 }
 function mergeBundles(target, from) {
   var _from$activeSplits$fi;
-
   var existingCompIds = new Set(target.components.map(function (c) {
     return c.id;
   }));
   var newCompMetas = from.components.filter(function (m) {
     return !existingCompIds.has(m.id);
   });
-
   if (newCompMetas.length > 0) {
     target = _extends({}, target, {
       components: [].concat(target.components, newCompMetas)
     });
   }
-
   var existingProjects = new Set(target.projects.map(function (p) {
     return p.id;
   }));
   var newProjects = from.projects.filter(function (p) {
     return !existingProjects.has(p.id);
   });
-
   if (newProjects.length > 0) {
     target = _extends({}, target, {
       projects: [].concat(target.projects, newProjects)
     });
   }
-
   var existingModules = {
     browser: new Set(target.modules.browser.map(function (m) {
       return m.fileName;
@@ -255,7 +220,6 @@ function mergeBundles(target, from) {
       return !existingModules.server.has(m.fileName);
     })
   };
-
   if (newModules.browser.length > 0 || newModules.server.length > 0) {
     target = _extends({}, target, {
       modules: {
@@ -264,51 +228,43 @@ function mergeBundles(target, from) {
       }
     });
   }
-
   var existingGlobalIds = new Set(target.globalGroups.map(function (g) {
     return g.id;
   }));
   var newGlobals = from.globalGroups.filter(function (g) {
     return !existingGlobalIds.has(g.id);
   });
-
   if (newGlobals.length > 0) {
     target = _extends({}, target, {
       globalGroups: [].concat(target.globalGroups, newGlobals)
     });
   }
-
   var existingExternals = new Set(target.external);
   var newExternals = target.external.filter(function (x) {
     return !existingExternals.has(x);
   });
-
   if (newExternals.length > 0) {
     target = _extends({}, target, {
       external: [].concat(target.external, newExternals)
     });
   }
-
   var existingSplitIds = new Set(target.activeSplits.map(function (s) {
     return s.id;
   }));
   var newSplits = (_from$activeSplits$fi = from.activeSplits.filter(function (s) {
     return !existingSplitIds.has(s.id);
   })) != null ? _from$activeSplits$fi : [];
-
   if (newSplits.length > 0) {
     target = _extends({}, target, {
       activeSplits: [].concat(target.activeSplits, newSplits)
     });
   }
-
   return target;
 }
 var convertBundlesToComponentRenderData = function convertBundlesToComponentRenderData(bundles, compMetas) {
   if (bundles.length === 0) {
     return null;
   }
-
   var mergedBundles = bundles.reduce(function (prev, cur) {
     return mergeBundles(prev, cur);
   });
@@ -326,17 +282,16 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
    * This source code is licensed under the MIT license found in the
    * LICENSE file in the root directory of this source tree.
    */
+
   var runtime = function (exports) {
 
     var Op = Object.prototype;
     var hasOwn = Op.hasOwnProperty;
     var undefined$1; // More compressible than void 0.
-
     var $Symbol = typeof Symbol === "function" ? Symbol : {};
     var iteratorSymbol = $Symbol.iterator || "@@iterator";
     var asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator";
     var toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag";
-
     function define(obj, key, value) {
       Object.defineProperty(obj, key, {
         value: value,
@@ -346,7 +301,6 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       });
       return obj[key];
     }
-
     try {
       // IE 8 has a broken Object.defineProperty that only works on DOM objects.
       define({}, "");
@@ -355,19 +309,20 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         return obj[key] = value;
       };
     }
-
     function wrap(innerFn, outerFn, self, tryLocsList) {
       // If outerFn provided and outerFn.prototype is a Generator, then outerFn.prototype instanceof Generator.
       var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator;
       var generator = Object.create(protoGenerator.prototype);
-      var context = new Context(tryLocsList || []); // The ._invoke method unifies the implementations of the .next,
-      // .throw, and .return methods.
+      var context = new Context(tryLocsList || []);
 
+      // The ._invoke method unifies the implementations of the .next,
+      // .throw, and .return methods.
       generator._invoke = makeInvokeMethod(innerFn, self, context);
       return generator;
     }
+    exports.wrap = wrap;
 
-    exports.wrap = wrap; // Try/catch helper to minimize deoptimizations. Returns a completion
+    // Try/catch helper to minimize deoptimizations. Returns a completion
     // record like context.tryEntries[i].completion. This interface could
     // have been (and was previously) designed to take a closure to be
     // invoked without arguments, but in all the cases we care about we
@@ -377,7 +332,6 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
     // in every case, so we don't have to touch the arguments object. The
     // only additional allocation required is the completion record, which
     // has a stable shape and so hopefully should be cheap to allocate.
-
     function tryCatch(fn, obj, arg) {
       try {
         return {
@@ -391,46 +345,44 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         };
       }
     }
-
     var GenStateSuspendedStart = "suspendedStart";
     var GenStateSuspendedYield = "suspendedYield";
     var GenStateExecuting = "executing";
-    var GenStateCompleted = "completed"; // Returning this object from the innerFn has the same effect as
+    var GenStateCompleted = "completed";
+
+    // Returning this object from the innerFn has the same effect as
     // breaking out of the dispatch switch statement.
+    var ContinueSentinel = {};
 
-    var ContinueSentinel = {}; // Dummy constructor functions that we use as the .constructor and
+    // Dummy constructor functions that we use as the .constructor and
     // .constructor.prototype properties for functions that return Generator
     // objects. For full spec compliance, you may wish to configure your
     // minifier not to mangle the names of these two functions.
-
     function Generator() {}
-
     function GeneratorFunction() {}
+    function GeneratorFunctionPrototype() {}
 
-    function GeneratorFunctionPrototype() {} // This is a polyfill for %IteratorPrototype% for environments that
+    // This is a polyfill for %IteratorPrototype% for environments that
     // don't natively support it.
-
-
     var IteratorPrototype = {};
     define(IteratorPrototype, iteratorSymbol, function () {
       return this;
     });
     var getProto = Object.getPrototypeOf;
     var NativeIteratorPrototype = getProto && getProto(getProto(values([])));
-
     if (NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol)) {
       // This environment has a native %IteratorPrototype%; use it instead
       // of the polyfill.
       IteratorPrototype = NativeIteratorPrototype;
     }
-
     var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype);
     GeneratorFunction.prototype = GeneratorFunctionPrototype;
     define(Gp, "constructor", GeneratorFunctionPrototype);
     define(GeneratorFunctionPrototype, "constructor", GeneratorFunction);
-    GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"); // Helper for defining the .next, .throw, and .return methods of the
-    // Iterator interface in terms of a single ._invoke method.
+    GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction");
 
+    // Helper for defining the .next, .throw, and .return methods of the
+    // Iterator interface in terms of a single ._invoke method.
     function defineIteratorMethods(prototype) {
       ["next", "throw", "return"].forEach(function (method) {
         define(prototype, method, function (arg) {
@@ -438,14 +390,13 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         });
       });
     }
-
     exports.isGeneratorFunction = function (genFun) {
       var ctor = typeof genFun === "function" && genFun.constructor;
-      return ctor ? ctor === GeneratorFunction || // For the native GeneratorFunction constructor, the best we can
+      return ctor ? ctor === GeneratorFunction ||
+      // For the native GeneratorFunction constructor, the best we can
       // do is to check its .name property.
       (ctor.displayName || ctor.name) === "GeneratorFunction" : false;
     };
-
     exports.mark = function (genFun) {
       if (Object.setPrototypeOf) {
         Object.setPrototypeOf(genFun, GeneratorFunctionPrototype);
@@ -453,31 +404,27 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         genFun.__proto__ = GeneratorFunctionPrototype;
         define(genFun, toStringTagSymbol, "GeneratorFunction");
       }
-
       genFun.prototype = Object.create(Gp);
       return genFun;
-    }; // Within the body of any async function, `await x` is transformed to
+    };
+
+    // Within the body of any async function, `await x` is transformed to
     // `yield regeneratorRuntime.awrap(x)`, so that the runtime can test
     // `hasOwn.call(value, "__await")` to determine if the yielded value is
     // meant to be awaited.
-
-
     exports.awrap = function (arg) {
       return {
         __await: arg
       };
     };
-
     function AsyncIterator(generator, PromiseImpl) {
       function invoke(method, arg, resolve, reject) {
         var record = tryCatch(generator[method], generator, arg);
-
         if (record.type === "throw") {
           reject(record.arg);
         } else {
           var result = record.arg;
           var value = result.value;
-
           if (value && typeof value === "object" && hasOwn.call(value, "__await")) {
             return PromiseImpl.resolve(value.__await).then(function (value) {
               invoke("next", value, resolve, reject);
@@ -485,7 +432,6 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
               invoke("throw", err, resolve, reject);
             });
           }
-
           return PromiseImpl.resolve(value).then(function (unwrapped) {
             // When a yielded Promise is resolved, its final value becomes
             // the .value of the Promise<{value,done}> result for the
@@ -499,17 +445,15 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
           });
         }
       }
-
       var previousPromise;
-
       function enqueue(method, arg) {
         function callInvokeWithMethodAndArg() {
           return new PromiseImpl(function (resolve, reject) {
             invoke(method, arg, resolve, reject);
           });
         }
-
-        return previousPromise = // If enqueue has been called before, then we want to wait until
+        return previousPromise =
+        // If enqueue has been called before, then we want to wait until
         // all previous Promises have been resolved before calling invoke,
         // so that results are always delivered in the correct order. If
         // enqueue has not been called before, then it is important to
@@ -521,24 +465,25 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         // execute code before the first await. Since we implement simple
         // async functions in terms of async generators, it is especially
         // important to get this right, even though it requires care.
-        previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, // Avoid propagating failures to Promises returned by later
+        previousPromise ? previousPromise.then(callInvokeWithMethodAndArg,
+        // Avoid propagating failures to Promises returned by later
         // invocations of the iterator.
         callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      } // Define the unified helper method that is used to implement .next,
-      // .throw, and .return (see defineIteratorMethods).
-
+      }
 
+      // Define the unified helper method that is used to implement .next,
+      // .throw, and .return (see defineIteratorMethods).
       this._invoke = enqueue;
     }
-
     defineIteratorMethods(AsyncIterator.prototype);
     define(AsyncIterator.prototype, asyncIteratorSymbol, function () {
       return this;
     });
-    exports.AsyncIterator = AsyncIterator; // Note that simple async functions are implemented on top of
+    exports.AsyncIterator = AsyncIterator;
+
+    // Note that simple async functions are implemented on top of
     // AsyncIterator objects; they just return a Promise for the value of
     // the final result produced by the iterator.
-
     exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) {
       if (PromiseImpl === void 0) PromiseImpl = Promise;
       var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl);
@@ -547,39 +492,32 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         return result.done ? result.value : iter.next();
       });
     };
-
     function makeInvokeMethod(innerFn, self, context) {
       var state = GenStateSuspendedStart;
       return function invoke(method, arg) {
         if (state === GenStateExecuting) {
           throw new Error("Generator is already running");
         }
-
         if (state === GenStateCompleted) {
           if (method === "throw") {
             throw arg;
-          } // Be forgiving, per 25.3.3.3.3 of the spec:
-          // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
-
+          }
 
+          // Be forgiving, per 25.3.3.3.3 of the spec:
+          // https://people.mozilla.org/~jorendorff/es6-draft.html#sec-generatorresume
           return doneResult();
         }
-
         context.method = method;
         context.arg = arg;
-
         while (true) {
           var delegate = context.delegate;
-
           if (delegate) {
             var delegateResult = maybeInvokeDelegate(delegate, context);
-
             if (delegateResult) {
               if (delegateResult === ContinueSentinel) continue;
               return delegateResult;
             }
           }
-
           if (context.method === "next") {
             // Setting context._sent for legacy support of Babel's
             // function.sent implementation.
@@ -589,51 +527,44 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
               state = GenStateCompleted;
               throw context.arg;
             }
-
             context.dispatchException(context.arg);
           } else if (context.method === "return") {
             context.abrupt("return", context.arg);
           }
-
           state = GenStateExecuting;
           var record = tryCatch(innerFn, self, context);
-
           if (record.type === "normal") {
             // If an exception is thrown from innerFn, we leave state ===
             // GenStateExecuting and loop back for another invocation.
             state = context.done ? GenStateCompleted : GenStateSuspendedYield;
-
             if (record.arg === ContinueSentinel) {
               continue;
             }
-
             return {
               value: record.arg,
               done: context.done
             };
           } else if (record.type === "throw") {
-            state = GenStateCompleted; // Dispatch the exception by looping back around to the
+            state = GenStateCompleted;
+            // Dispatch the exception by looping back around to the
             // context.dispatchException(context.arg) call above.
-
             context.method = "throw";
             context.arg = record.arg;
           }
         }
       };
-    } // Call delegate.iterator[context.method](context.arg) and handle the
+    }
+
+    // Call delegate.iterator[context.method](context.arg) and handle the
     // result, either by returning a { value, done } result from the
     // delegate iterator, or by modifying context.method and context.arg,
     // setting context.delegate to null, and returning the ContinueSentinel.
-
-
     function maybeInvokeDelegate(delegate, context) {
       var method = delegate.iterator[context.method];
-
       if (method === undefined$1) {
         // A .throw or .return when the delegate iterator has no .throw
         // method always terminates the yield* loop.
         context.delegate = null;
-
         if (context.method === "throw") {
           // Note: ["return"] must be used for ES3 parsing compatibility.
           if (delegate.iterator["return"]) {
@@ -642,51 +573,45 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
             context.method = "return";
             context.arg = undefined$1;
             maybeInvokeDelegate(delegate, context);
-
             if (context.method === "throw") {
               // If maybeInvokeDelegate(context) changed context.method from
               // "return" to "throw", let that override the TypeError below.
               return ContinueSentinel;
             }
           }
-
           context.method = "throw";
           context.arg = new TypeError("The iterator does not provide a 'throw' method");
         }
-
         return ContinueSentinel;
       }
-
       var record = tryCatch(method, delegate.iterator, context.arg);
-
       if (record.type === "throw") {
         context.method = "throw";
         context.arg = record.arg;
         context.delegate = null;
         return ContinueSentinel;
       }
-
       var info = record.arg;
-
       if (!info) {
         context.method = "throw";
         context.arg = new TypeError("iterator result is not an object");
         context.delegate = null;
         return ContinueSentinel;
       }
-
       if (info.done) {
         // Assign the result of the finished delegate to the temporary
         // variable specified by delegate.resultName (see delegateYield).
-        context[delegate.resultName] = info.value; // Resume execution at the desired location (see delegateYield).
+        context[delegate.resultName] = info.value;
 
-        context.next = delegate.nextLoc; // If context.method was "throw" but the delegate handled the
+        // Resume execution at the desired location (see delegateYield).
+        context.next = delegate.nextLoc;
+
+        // If context.method was "throw" but the delegate handled the
         // exception, let the outer generator proceed normally. If
         // context.method was "next", forget context.arg since it has been
         // "consumed" by the delegate iterator. If context.method was
         // "return", allow the original .return call to continue in the
         // outer generator.
-
         if (context.method !== "return") {
           context.method = "next";
           context.arg = undefined$1;
@@ -694,54 +619,49 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       } else {
         // Re-yield the result returned by the delegate method.
         return info;
-      } // The delegate iterator is finished, so forget it and continue with
-      // the outer generator.
-
+      }
 
+      // The delegate iterator is finished, so forget it and continue with
+      // the outer generator.
       context.delegate = null;
       return ContinueSentinel;
-    } // Define Generator.prototype.{next,throw,return} in terms of the
-    // unified ._invoke helper method.
-
+    }
 
+    // Define Generator.prototype.{next,throw,return} in terms of the
+    // unified ._invoke helper method.
     defineIteratorMethods(Gp);
-    define(Gp, toStringTagSymbol, "Generator"); // A Generator should always return itself as the iterator object when the
+    define(Gp, toStringTagSymbol, "Generator");
+
+    // A Generator should always return itself as the iterator object when the
     // @@iterator function is called on it. Some browsers' implementations of the
     // iterator prototype chain incorrectly implement this, causing the Generator
     // object to not be returned from this call. This ensures that doesn't happen.
     // See https://github.com/facebook/regenerator/issues/274 for more details.
-
     define(Gp, iteratorSymbol, function () {
       return this;
     });
     define(Gp, "toString", function () {
       return "[object Generator]";
     });
-
     function pushTryEntry(locs) {
       var entry = {
         tryLoc: locs[0]
       };
-
       if (1 in locs) {
         entry.catchLoc = locs[1];
       }
-
       if (2 in locs) {
         entry.finallyLoc = locs[2];
         entry.afterLoc = locs[3];
       }
-
       this.tryEntries.push(entry);
     }
-
     function resetTryEntry(entry) {
       var record = entry.completion || {};
       record.type = "normal";
       delete record.arg;
       entry.completion = record;
     }
-
     function Context(tryLocsList) {
       // The root entry object (effectively a try statement without a catch
       // or a finally block) gives us a place to store values thrown from
@@ -752,97 +672,84 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       tryLocsList.forEach(pushTryEntry, this);
       this.reset(true);
     }
-
     exports.keys = function (object) {
       var keys = [];
-
       for (var key in object) {
         keys.push(key);
       }
+      keys.reverse();
 
-      keys.reverse(); // Rather than returning an object with a next method, we keep
+      // Rather than returning an object with a next method, we keep
       // things simple and return the next function itself.
-
       return function next() {
         while (keys.length) {
           var key = keys.pop();
-
           if (key in object) {
             next.value = key;
             next.done = false;
             return next;
           }
-        } // To avoid creating an additional object, we just hang the .value
+        }
+
+        // To avoid creating an additional object, we just hang the .value
         // and .done properties off the next function object itself. This
         // also ensures that the minifier will not anonymize the function.
-
-
         next.done = true;
         return next;
       };
     };
-
     function values(iterable) {
       if (iterable) {
         var iteratorMethod = iterable[iteratorSymbol];
-
         if (iteratorMethod) {
           return iteratorMethod.call(iterable);
         }
-
         if (typeof iterable.next === "function") {
           return iterable;
         }
-
         if (!isNaN(iterable.length)) {
           var i = -1,
-              next = function next() {
-            while (++i < iterable.length) {
-              if (hasOwn.call(iterable, i)) {
-                next.value = iterable[i];
-                next.done = false;
-                return next;
+            next = function next() {
+              while (++i < iterable.length) {
+                if (hasOwn.call(iterable, i)) {
+                  next.value = iterable[i];
+                  next.done = false;
+                  return next;
+                }
               }
-            }
-
-            next.value = undefined$1;
-            next.done = true;
-            return next;
-          };
-
+              next.value = undefined$1;
+              next.done = true;
+              return next;
+            };
           return next.next = next;
         }
-      } // Return an iterator with no values.
-
+      }
 
+      // Return an iterator with no values.
       return {
         next: doneResult
       };
     }
-
     exports.values = values;
-
     function doneResult() {
       return {
         value: undefined$1,
         done: true
       };
     }
-
     Context.prototype = {
       constructor: Context,
       reset: function reset(skipTempReset) {
         this.prev = 0;
-        this.next = 0; // Resetting context._sent for legacy support of Babel's
+        this.next = 0;
+        // Resetting context._sent for legacy support of Babel's
         // function.sent implementation.
-
         this.sent = this._sent = undefined$1;
         this.done = false;
         this.delegate = null;
         this.method = "next";
         this.arg = undefined$1;
         this.tryEntries.forEach(resetTryEntry);
-
         if (!skipTempReset) {
           for (var name in this) {
             // Not sure about the optimal order of these conditions:
@@ -856,50 +763,40 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         this.done = true;
         var rootEntry = this.tryEntries[0];
         var rootRecord = rootEntry.completion;
-
         if (rootRecord.type === "throw") {
           throw rootRecord.arg;
         }
-
         return this.rval;
       },
       dispatchException: function dispatchException(exception) {
         if (this.done) {
           throw exception;
         }
-
         var context = this;
-
         function handle(loc, caught) {
           record.type = "throw";
           record.arg = exception;
           context.next = loc;
-
           if (caught) {
             // If the dispatched exception was caught by a catch block,
             // then let that catch block handle the exception normally.
             context.method = "next";
             context.arg = undefined$1;
           }
-
           return !!caught;
         }
-
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
           var record = entry.completion;
-
           if (entry.tryLoc === "root") {
             // Exception thrown outside of any try block that could handle
             // it, so set the completion value of the entire function to
             // throw the exception.
             return handle("end");
           }
-
           if (entry.tryLoc <= this.prev) {
             var hasCatch = hasOwn.call(entry, "catchLoc");
             var hasFinally = hasOwn.call(entry, "finallyLoc");
-
             if (hasCatch && hasFinally) {
               if (this.prev < entry.catchLoc) {
                 return handle(entry.catchLoc, true);
@@ -923,36 +820,30 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       abrupt: function abrupt(type, arg) {
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
-
           if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) {
             var finallyEntry = entry;
             break;
           }
         }
-
         if (finallyEntry && (type === "break" || type === "continue") && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc) {
           // Ignore the finally entry if control is not jumping to a
           // location outside the try/catch block.
           finallyEntry = null;
         }
-
         var record = finallyEntry ? finallyEntry.completion : {};
         record.type = type;
         record.arg = arg;
-
         if (finallyEntry) {
           this.method = "next";
           this.next = finallyEntry.finallyLoc;
           return ContinueSentinel;
         }
-
         return this.complete(record);
       },
       complete: function complete(record, afterLoc) {
         if (record.type === "throw") {
           throw record.arg;
         }
-
         if (record.type === "break" || record.type === "continue") {
           this.next = record.arg;
         } else if (record.type === "return") {
@@ -962,13 +853,11 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
         } else if (record.type === "normal" && afterLoc) {
           this.next = afterLoc;
         }
-
         return ContinueSentinel;
       },
       finish: function finish(finallyLoc) {
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
-
           if (entry.finallyLoc === finallyLoc) {
             this.complete(entry.completion, entry.afterLoc);
             resetTryEntry(entry);
@@ -979,21 +868,18 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
       "catch": function _catch(tryLoc) {
         for (var i = this.tryEntries.length - 1; i >= 0; --i) {
           var entry = this.tryEntries[i];
-
           if (entry.tryLoc === tryLoc) {
             var record = entry.completion;
-
             if (record.type === "throw") {
               var thrown = record.arg;
               resetTryEntry(entry);
             }
-
             return thrown;
           }
-        } // The context.catch method must only be called with a location
-        // argument that corresponds to a known catch block.
-
+        }
 
+        // The context.catch method must only be called with a location
+        // argument that corresponds to a known catch block.
         throw new Error("illegal catch attempt");
       },
       delegateYield: function delegateYield(iterable, resultName, nextLoc) {
@@ -1002,27 +888,26 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
           resultName: resultName,
           nextLoc: nextLoc
         };
-
         if (this.method === "next") {
           // Deliberately forget the last sent value so that we don't
           // accidentally pass it on to the delegate.
           this.arg = undefined$1;
         }
-
         return ContinueSentinel;
       }
-    }; // Regardless of whether this script is executing as a CommonJS module
+    };
+
+    // Regardless of whether this script is executing as a CommonJS module
     // or not, return the runtime object so that we can declare the variable
     // regeneratorRuntime in the outer scope, which allows this module to be
     // injected easily by `bin/regenerator --include-runtime script.js`.
-
     return exports;
-  }( // If this script is executing as a CommonJS module, use module.exports
+  }(
+  // If this script is executing as a CommonJS module, use module.exports
   // as the regeneratorRuntime namespace. Otherwise create a new empty
   // object. Either way, the resulting object will be used to initialize
   // the regeneratorRuntime variable at the top of this file.
    module.exports );
-
   try {
     regeneratorRuntime = runtime;
   } catch (accidentalStrictMode) {
@@ -1046,8 +931,7 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
 
 function useForceUpdate() {
   var _React$useState = React.useState(0),
-      setTick = _React$useState[1];
-
+    setTick = _React$useState[1];
   var update = React.useCallback(function () {
     setTick(function (tick) {
       return tick + 1;
@@ -1062,11 +946,9 @@ function useStableLookupSpecs() {
   for (var _len = arguments.length, specs = new Array(_len), _key = 0; _key < _len; _key++) {
     specs[_key] = arguments[_key];
   }
-
   var _React$useState2 = React.useState(specs),
-      stableSpecs = _React$useState2[0],
-      setStableSpecs = _React$useState2[1];
-
+    stableSpecs = _React$useState2[0],
+    setStableSpecs = _React$useState2[1];
   React.useEffect(function () {
     if (specs.length !== stableSpecs.length || specs.some(function (s, i) {
       return !areLookupSpecsEqual(s, stableSpecs[i]);
@@ -1076,34 +958,27 @@ function useStableLookupSpecs() {
   }, [specs, stableSpecs]);
   return stableSpecs;
 }
-
 function areLookupSpecsEqual(spec1, spec2) {
   if (spec1 === spec2) {
     return true;
   }
-
   if (typeof spec1 !== typeof spec2) {
     return false;
   }
-
   var fullSpec1 = toFullLookup(spec1);
   var fullSpec2 = toFullLookup(spec2);
   return (isNameSpec(fullSpec1) && isNameSpec(fullSpec2) && fullSpec1.name === fullSpec2.name && fullSpec1.isCode === fullSpec2.isCode || isPathSpec(fullSpec1) && isPathSpec(fullSpec2) && fullSpec1.path === fullSpec2.path) && fullSpec1.projectId === fullSpec2.projectId;
 }
-
 function isNameSpec(lookup) {
   return 'name' in lookup;
 }
-
 function isPathSpec(lookup) {
   return 'path' in lookup;
 }
-
 function toFullLookup(lookup) {
   var namePart = typeof lookup === 'string' ? lookup : lookup.name;
   var projectId = typeof lookup === 'string' ? undefined : lookup.projectId;
   var codeComponent = typeof lookup === 'string' ? undefined : lookup.isCode;
-
   if (codeComponent !== true && namePart.startsWith('/')) {
     return {
       path: normalizePath(namePart),
@@ -1118,16 +993,13 @@ function toFullLookup(lookup) {
     };
   }
 }
-
 function normalizePath(path) {
   return path.trim();
 }
-
 function normalizeName(name) {
   // Not a full normalization, but should be good enough
   return pascalcase(name).trim();
 }
-
 function useIsMounted() {
   var ref = React.useRef(false);
   var isMounted = React.useCallback(function () {
@@ -1151,31 +1023,25 @@ function useIsMounted() {
  * - `matchesPagePath("/hello/[name]", "/")` -> `false`
  * - `matchesPagePath("/", "")` -> `{params: {}}`
  */
-
 function matchesPagePath(pagePath, lookup) {
   var _lookup$match;
-
   // Remove trailing slashes from both `pagePath` and `lookup`.
   pagePath = pagePath.replace(/^\/*/, '').replace(/\/*$/, '');
-  lookup = lookup.replace(/^\/*/, '').replace(/\/*$/, ''); // paramNames will contain a list of parameter names; e.g. if pagePath
+  lookup = lookup.replace(/^\/*/, '').replace(/\/*$/, '');
+  // paramNames will contain a list of parameter names; e.g. if pagePath
   // is "/products/[slug]/[variant]" it will contain ["slug", "variant"].
-
   var paramNames = (pagePath.match(/\[([^\]]*)\]/g) || []).map(function (group) {
     return group.slice(1, -1);
   });
   var pagePathRegExp = new RegExp('^' + pagePath.replace(/\[[^\]]*\]/g, '([^/]+)') + '$');
   var maybeVals = (_lookup$match = lookup.match(pagePathRegExp)) == null ? void 0 : _lookup$match.slice(1);
-
   if (!maybeVals) {
     return false;
   }
-
   var params = {};
-
   for (var i = 0; i < paramNames.length; i++) {
     params[paramNames[i]] = maybeVals[i];
   }
-
   return {
     params: params
   };
@@ -1183,15 +1049,12 @@ function matchesPagePath(pagePath, lookup) {
 function isDynamicPagePath(path) {
   return !!path.match(/\[[^/]*\]/);
 }
-
 function matchesCompMeta(lookup, meta) {
   if (lookup.projectId && meta.projectId !== lookup.projectId) {
     return false;
   }
-
   return isNameSpec(lookup) ? (lookup.name === meta.name || lookup.rawName === meta.name || lookup.rawName === meta.displayName) && (lookup.isCode == null || lookup.isCode === meta.isCode) : !!(meta.path && matchesPagePath(meta.path, lookup.path));
 }
-
 function getCompMetas(metas, lookup) {
   var full = toFullLookup(lookup);
   return metas.filter(function (meta) {
@@ -1200,18 +1063,16 @@ function getCompMetas(metas, lookup) {
     if (isNameSpec(full) || !meta.path) {
       return meta;
     }
-
     var match = matchesPagePath(meta.path, full.path);
-
     if (!match) {
       return meta;
     }
-
     return _extends({}, meta, {
       params: match.params
     });
   }).sort(function (meta1, meta2) {
-    return (// We sort the matched component metas by the number of path params, so
+    return (
+      // We sort the matched component metas by the number of path params, so
       // if there are two pages `/products/foo` and `/products/[slug]`,
       // the first one will have higher precedence.
       Array.from(Object.keys(meta1.params || {})).length - Array.from(Object.keys(meta2.params || {})).length
@@ -1235,56 +1096,42 @@ function getFirstCompMeta(metas, lookup) {
   var filtered = getCompMetas(metas, lookup);
   return filtered.length === 0 ? undefined : filtered[0];
 }
-
 var ComponentLookup = /*#__PURE__*/function () {
   function ComponentLookup(bundle, registry) {
     this.bundle = bundle;
     this.registry = registry;
   }
-
   var _proto = ComponentLookup.prototype;
-
   _proto.getComponentMeta = function getComponentMeta(spec) {
     var compMeta = getFirstCompMeta(this.bundle.components, spec);
     return compMeta;
   };
-
   _proto.getComponent = function getComponent(spec, opts) {
     if (opts === void 0) {
       opts = {};
     }
-
     var compMeta = getFirstCompMeta(this.bundle.components, spec);
-
     if (!compMeta) {
       throw new Error("Component not found: " + spec);
     }
-
     var moduleName = compMeta.entry;
-
     if (!this.registry.hasModule(moduleName, opts)) {
       throw new Error("Component not yet fetched: " + compMeta.name);
     }
-
     var entry = this.registry.load(moduleName, {
       forceOriginal: opts.forceOriginal
     });
     return !opts.forceOriginal && typeof (entry == null ? void 0 : entry.getPlasmicComponent) === 'function' ? entry.getPlasmicComponent() : entry["default"];
   };
-
   _proto.hasComponent = function hasComponent(spec) {
     var compMeta = getFirstCompMeta(this.bundle.components, spec);
-
     if (compMeta) {
       return this.registry.hasModule(compMeta.entry);
     }
-
     return false;
   };
-
   _proto.getGlobalContexts = function getGlobalContexts() {
     var _this = this;
-
     var customGlobalMetas = this.bundle.globalGroups.filter(function (m) {
       return m.type === 'global-user-defined';
     });
@@ -1295,39 +1142,32 @@ var ComponentLookup = /*#__PURE__*/function () {
       };
     });
   };
-
   _proto.getGlobalContextsProvider = function getGlobalContextsProvider(spec) {
     var compMeta = getFirstCompMeta(this.bundle.components, spec);
     var projectMeta = compMeta ? this.bundle.projects.find(function (x) {
       return x.id === compMeta.projectId;
     }) : undefined;
-
     if (!projectMeta || !projectMeta.globalContextsProviderFileName || !this.registry.hasModule(projectMeta.globalContextsProviderFileName)) {
       return undefined;
     }
-
     var entry = this.registry.load(projectMeta.globalContextsProviderFileName);
     return typeof (entry == null ? void 0 : entry.getPlasmicComponent) === 'function' ? entry.getPlasmicComponent() : entry["default"];
   };
-
   _proto.getRootProvider = function getRootProvider() {
     var entry = this.registry.load('root-provider.js');
     return entry["default"];
   };
-
   _proto.getCss = function getCss() {
     // We can probably always get the modules from the browser build
     return this.bundle.modules.browser.filter(function (mod) {
       return mod.type === 'asset' && mod.fileName.endsWith('css');
     });
   };
-
   _proto.getRemoteFonts = function getRemoteFonts() {
     return this.bundle.projects.flatMap(function (p) {
       return p.remoteFonts;
     });
   };
-
   return ComponentLookup;
 }();
 
@@ -1338,7 +1178,7 @@ function getPlasmicCookieValues() {
     return cookie.split('=');
   }).map(function (_ref) {
     var key = _ref[0],
-        value = _ref[1];
+      value = _ref[1];
     return [key.split(':')[1], value];
   }));
 }
@@ -1349,7 +1189,6 @@ function ensureVariationCookies(variation) {
   if (variation === void 0) {
     variation = {};
   }
-
   Object.keys(variation).map(function (variationKey) {
     var sliceId = variation[variationKey];
     updatePlasmicCookieValue(variationKey, sliceId);
@@ -1359,18 +1198,15 @@ var getGlobalVariantsFromSplits = function getGlobalVariantsFromSplits(splits, v
   var globalVariants = [];
   Object.keys(variation).map(function (variationKey) {
     var _variationKey$split = variationKey.split('.'),
-        splitId = _variationKey$split[1];
-
+      splitId = _variationKey$split[1];
     var sliceId = variation[variationKey];
     var split = splits.find(function (s) {
       return s.id === splitId || s.externalId === splitId;
     });
-
     if (split) {
       var slice = split.slices.find(function (s) {
         return s.id === sliceId || s.externalId === sliceId;
       });
-
       if (slice) {
         slice.contents.map(function (x) {
           globalVariants.push({
@@ -1388,19 +1224,15 @@ var mergeGlobalVariantsSpec = function mergeGlobalVariantsSpec(target, from) {
   var result = [].concat(target);
   var existingGlobalVariants = new Set(target.map(function (t) {
     var _t$projectId;
-
     return t.name + "-" + ((_t$projectId = t.projectId) != null ? _t$projectId : '');
   }));
   var newGlobals = from.filter(function (t) {
     var _t$projectId2;
-
     return !existingGlobalVariants.has(t.name + "-" + ((_t$projectId2 = t.projectId) != null ? _t$projectId2 : ''));
   });
-
   if (newGlobals.length > 0) {
     result = [].concat(result, newGlobals);
   }
-
   return result;
 };
 
@@ -1409,31 +1241,27 @@ var PlasmicRootContext = /*#__PURE__*/React.createContext(undefined);
  * PlasmicRootProvider should be used at the root of your page
  * or application.
  */
-
 function PlasmicRootProvider(props) {
   var globalVariants = props.globalVariants,
-      prefetchedData = props.prefetchedData,
-      children = props.children,
-      skipCss = props.skipCss,
-      skipFonts = props.skipFonts,
-      prefetchedQueryData = props.prefetchedQueryData,
-      suspenseForQueryData = props.suspenseForQueryData,
-      globalContextsProps = props.globalContextsProps,
-      variation = props.variation,
-      translator = props.translator,
-      Head = props.Head,
-      pageParams = props.pageParams,
-      pageQuery = props.pageQuery;
+    prefetchedData = props.prefetchedData,
+    children = props.children,
+    skipCss = props.skipCss,
+    skipFonts = props.skipFonts,
+    prefetchedQueryData = props.prefetchedQueryData,
+    suspenseForQueryData = props.suspenseForQueryData,
+    globalContextsProps = props.globalContextsProps,
+    variation = props.variation,
+    translator = props.translator,
+    Head = props.Head,
+    pageParams = props.pageParams,
+    pageQuery = props.pageQuery;
   var loader = props.loader.__internal;
-
   if (prefetchedData) {
     loader.registerPrefetchedBundle(prefetchedData == null ? void 0 : prefetchedData.bundle);
   }
-
   var _React$useState = React.useState(loader.getActiveSplits()),
-      splits = _React$useState[0],
-      setSplits = _React$useState[1];
-
+    splits = _React$useState[0],
+    setSplits = _React$useState[1];
   var forceUpdate = useForceUpdate();
   var watcher = React.useMemo(function () {
     return {
@@ -1460,10 +1288,11 @@ function PlasmicRootProvider(props) {
       },
       variation: variation
     });
-  }, [loader, variation]); // @ts-ignore
-
+  }, [loader, variation]);
+  // @ts-ignore
   var user = props.user,
-      userAuthToken = props.userAuthToken;
+    userAuthToken = props.userAuthToken,
+    isUserLoading = props.isUserLoading;
   var value = React.useMemo(function () {
     return {
       globalVariants: mergeGlobalVariantsSpec(globalVariants != null ? globalVariants : [], getGlobalVariantsFromSplits(splits, variation != null ? variation : {})),
@@ -1473,9 +1302,10 @@ function PlasmicRootProvider(props) {
       translator: translator,
       Head: Head,
       user: user,
-      userAuthToken: userAuthToken
+      userAuthToken: userAuthToken,
+      isUserLoading: isUserLoading
     };
-  }, [globalVariants, variation, globalContextsProps, loader, splits, translator, Head, user, userAuthToken]);
+  }, [globalVariants, variation, globalContextsProps, loader, splits, translator, Head, user, userAuthToken, isUserLoading]);
   return React.createElement(PlasmicQuery.PlasmicQueryDataProvider, {
     prefetchedCache: prefetchedQueryData,
     suspense: suspenseForQueryData
@@ -1494,16 +1324,13 @@ function PlasmicRootProvider(props) {
  * Inject all css modules as <style/> tags. We can't use the usual styleInjector postcss
  * uses because that doesn't work on the server side for SSR.
  */
-
 var PlasmicCss = /*#__PURE__*/React.memo(function PlasmicCss(props) {
   var loader = props.loader,
-      prefetchedData = props.prefetchedData,
-      skipFonts = props.skipFonts;
-
+    prefetchedData = props.prefetchedData,
+    skipFonts = props.skipFonts;
   var _React$useState2 = React.useState(!!prefetchedData),
-      useScopedCss = _React$useState2[0],
-      setUseScopedCss = _React$useState2[1];
-
+    useScopedCss = _React$useState2[0],
+    setUseScopedCss = _React$useState2[1];
   var builtCss = buildCss(loader, {
     scopedCompMetas: useScopedCss && prefetchedData ? prefetchedData.bundle.components : undefined,
     skipFonts: skipFonts
@@ -1530,35 +1357,30 @@ var PlasmicCss = /*#__PURE__*/React.memo(function PlasmicCss(props) {
     }
   });
 });
-
 function buildCss(loader, opts) {
   var scopedCompMetas = opts.scopedCompMetas,
-      skipFonts = opts.skipFonts;
+    skipFonts = opts.skipFonts;
   var cssFiles = scopedCompMetas && new Set(['entrypoint.css'].concat(scopedCompMetas.map(function (c) {
     return c.cssFile;
   })));
   var cssModules = loader.getLookup().getCss().filter(function (f) {
     return !cssFiles || cssFiles.has(f.fileName);
   });
-
   var getPri = function getPri(fileName) {
     return fileName === 'entrypoint.css' ? 0 : 1;
   };
-
   var compareModules = function compareModules(a, b) {
     return getPri(a.fileName) !== getPri(b.fileName) ? getPri(a.fileName) - getPri(b.fileName) : a.fileName.localeCompare(b.fileName);
   };
-
   cssModules.sort(compareModules);
-  var remoteFonts = loader.getLookup().getRemoteFonts(); // Make sure the @import statements come at the front of css
-
+  var remoteFonts = loader.getLookup().getRemoteFonts();
+  // Make sure the @import statements come at the front of css
   return "\n    " + (skipFonts ? '' : remoteFonts.map(function (f) {
     return "@import url('" + f.url + "');";
   }).join('\n')) + "\n    " + cssModules.map(function (mod) {
     return mod.source;
   }).join('\n') + "\n  ";
 }
-
 function usePlasmicRootContext() {
   return React.useContext(PlasmicRootContext);
 }
@@ -1578,13 +1400,10 @@ function usePlasmicRootContext() {
 function createUseGlobalVariant(name, projectId) {
   return function () {
     var _rootContext$globalVa;
-
     var rootContext = usePlasmicRootContext();
-
     if (!rootContext) {
       return undefined;
     }
-
     var loader = rootContext.loader;
     var spec = [].concat(loader.getGlobalVariants(), (_rootContext$globalVa = rootContext.globalVariants) != null ? _rootContext$globalVa : []).find(function (spec) {
       return spec.name === name && (!spec.projectId || spec.projectId === projectId);
@@ -1642,20 +1461,15 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
       }
     });
   }
-
   var _proto = InternalPlasmicComponentLoader.prototype;
-
   _proto.setGlobalVariants = function setGlobalVariants(globalVariants) {
     this.globalVariants = globalVariants;
   };
-
   _proto.getGlobalVariants = function getGlobalVariants() {
     return this.globalVariants;
   };
-
   _proto.registerModules = function registerModules(modules) {
     var _this = this;
-
     if (Object.keys(modules).some(function (name) {
       return _this.registry.getRegisteredModule(name) !== modules[name];
     })) {
@@ -1663,72 +1477,59 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
         console.warn('Calling PlasmicComponentLoader.registerModules() after Plasmic component has rendered; starting over.');
         this.registry.clear();
       }
-
       for (var _i = 0, _Object$keys = Object.keys(modules); _i < _Object$keys.length; _i++) {
         var key = _Object$keys[_i];
         this.registry.register(key, modules[key]);
       }
     }
   };
-
   _proto.substituteComponent = function substituteComponent(component, name) {
     if (!this.registry.isEmpty()) {
       console.warn('Calling PlasmicComponentLoader.registerSubstitution() after Plasmic component has rendered; starting over.');
       this.registry.clear();
     }
-
     this.subs.push({
       lookup: name,
       component: component
     });
   };
-
   _proto.registerComponent = function registerComponent(component, meta) {
     var _meta$importPath;
-
     this.substituteComponent(component, {
       name: meta.name,
       isCode: true
-    }); // Import path is not used as we will use component substitution
-
+    });
+    // Import path is not used as we will use component substitution
     PlasmicHost.registerComponent(component, _extends({}, meta, {
       importPath: (_meta$importPath = meta.importPath) != null ? _meta$importPath : ''
     }));
   };
-
   _proto.registerGlobalContext = function registerGlobalContext(context, meta) {
     var _meta$importPath2;
-
     this.substituteComponent(context, {
       name: meta.name,
       isCode: true
-    }); // Import path is not used as we will use component substitution
-
+    });
+    // Import path is not used as we will use component substitution
     PlasmicHost.registerGlobalContext(context, _extends({}, meta, {
       importPath: (_meta$importPath2 = meta.importPath) != null ? _meta$importPath2 : ''
     }));
   };
-
   _proto.registerTrait = function registerTrait(trait, meta) {
     PlasmicHost.registerTrait(trait, meta);
   };
-
   _proto.registerPrefetchedBundle = function registerPrefetchedBundle(bundle) {
     this.mergeBundle(bundle);
   };
-
   _proto.subscribePlasmicRoot = function subscribePlasmicRoot(watcher) {
     this.roots.push(watcher);
   };
-
   _proto.unsubscribePlasmicRoot = function unsubscribePlasmicRoot(watcher) {
     var index = this.roots.indexOf(watcher);
-
     if (index >= 0) {
       this.roots.splice(index, 1);
     }
   };
-
   _proto.clearCache = function clearCache() {
     this.bundle = {
       modules: {
@@ -1743,38 +1544,31 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
     };
     this.registry.clear();
   };
-
   _proto.maybeGetCompMetas = function maybeGetCompMetas() {
     for (var _len = arguments.length, specs = new Array(_len), _key = 0; _key < _len; _key++) {
       specs[_key] = arguments[_key];
     }
-
     return _maybeGetCompMetas(this.bundle.components, specs);
   };
-
   _proto.maybeFetchComponentData = /*#__PURE__*/function () {
     var _maybeFetchComponentData = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
       var _this2 = this;
-
       var _parseFetchComponentD,
-          specs,
-          opts,
-          returnWithSpecsToFetch,
-          _this$maybeGetCompMet,
-          existingMetas,
-          missingSpecs,
-          _args2 = arguments;
-
+        specs,
+        opts,
+        returnWithSpecsToFetch,
+        _this$maybeGetCompMet,
+        existingMetas,
+        missingSpecs,
+        _args2 = arguments;
       return runtime_1.wrap(function _callee2$(_context2) {
         while (1) {
           switch (_context2.prev = _context2.next) {
             case 0:
               _parseFetchComponentD = parseFetchComponentDataArgs.apply(void 0, _args2), specs = _parseFetchComponentD.specs, opts = _parseFetchComponentD.opts;
-
               returnWithSpecsToFetch = /*#__PURE__*/function () {
                 var _ref = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(specsToFetch) {
                   var _this2$maybeGetCompMe, existingMetas2, missingSpecs2;
-
                   return runtime_1.wrap(function _callee$(_context) {
                     while (1) {
                       switch (_context.prev = _context.next) {
@@ -1783,20 +1577,15 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
                           return _this2.fetchMissingData({
                             missingSpecs: specsToFetch
                           });
-
                         case 2:
                           _this2$maybeGetCompMe = _this2.maybeGetCompMetas.apply(_this2, specs), existingMetas2 = _this2$maybeGetCompMe.found, missingSpecs2 = _this2$maybeGetCompMe.missing;
-
                           if (!(missingSpecs2.length > 0)) {
                             _context.next = 5;
                             break;
                           }
-
                           return _context.abrupt("return", null);
-
                         case 5:
                           return _context.abrupt("return", prepComponentData(_this2.bundle, existingMetas2, opts));
-
                         case 6:
                         case "end":
                           return _context.stop();
@@ -1804,41 +1593,31 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
                     }
                   }, _callee);
                 }));
-
                 return function returnWithSpecsToFetch(_x) {
                   return _ref.apply(this, arguments);
                 };
               }();
-
               if (!this.opts.alwaysFresh) {
                 _context2.next = 6;
                 break;
               }
-
               _context2.next = 5;
               return returnWithSpecsToFetch(specs);
-
             case 5:
               return _context2.abrupt("return", _context2.sent);
-
             case 6:
               // Else we only fetch actually missing specs
               _this$maybeGetCompMet = this.maybeGetCompMetas.apply(this, specs), existingMetas = _this$maybeGetCompMet.found, missingSpecs = _this$maybeGetCompMet.missing;
-
               if (!(missingSpecs.length === 0)) {
                 _context2.next = 9;
                 break;
               }
-
               return _context2.abrupt("return", prepComponentData(this.bundle, existingMetas, opts));
-
             case 9:
               _context2.next = 11;
               return returnWithSpecsToFetch(missingSpecs);
-
             case 11:
               return _context2.abrupt("return", _context2.sent);
-
             case 12:
             case "end":
               return _context2.stop();
@@ -1846,24 +1625,20 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee2, this);
     }));
-
     function maybeFetchComponentData() {
       return _maybeFetchComponentData.apply(this, arguments);
     }
-
     return maybeFetchComponentData;
   }();
-
   _proto.fetchComponentData = /*#__PURE__*/function () {
     var _fetchComponentData = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3() {
       var _parseFetchComponentD2,
-          specs,
-          opts,
-          data,
-          _this$maybeGetCompMet2,
-          missingSpecs,
-          _args3 = arguments;
-
+        specs,
+        opts,
+        data,
+        _this$maybeGetCompMet2,
+        missingSpecs,
+        _args3 = arguments;
       return runtime_1.wrap(function _callee3$(_context3) {
         while (1) {
           switch (_context3.prev = _context3.next) {
@@ -1871,21 +1646,16 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
               _parseFetchComponentD2 = parseFetchComponentDataArgs.apply(void 0, _args3), specs = _parseFetchComponentD2.specs, opts = _parseFetchComponentD2.opts;
               _context3.next = 3;
               return this.maybeFetchComponentData(specs, opts);
-
             case 3:
               data = _context3.sent;
-
               if (data) {
                 _context3.next = 7;
                 break;
               }
-
               _this$maybeGetCompMet2 = this.maybeGetCompMetas.apply(this, specs), missingSpecs = _this$maybeGetCompMet2.missing;
               throw new Error("Unable to find components " + missingSpecs.map(getLookupSpecName).join(', '));
-
             case 7:
               return _context3.abrupt("return", data);
-
             case 8:
             case "end":
               return _context3.stop();
@@ -1893,14 +1663,11 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee3, this);
     }));
-
     function fetchComponentData() {
       return _fetchComponentData.apply(this, arguments);
     }
-
     return fetchComponentData;
   }();
-
   _proto.fetchPages = /*#__PURE__*/function () {
     var _fetchPages = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee4(opts) {
       var data;
@@ -1913,13 +1680,11 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
               });
               _context4.next = 3;
               return this.fetchAllData();
-
             case 3:
               data = _context4.sent;
               return _context4.abrupt("return", data.components.filter(function (comp) {
                 return comp.isPage && comp.path && ((opts == null ? void 0 : opts.includeDynamicPages) || !isDynamicPagePath(comp.path));
               }));
-
             case 5:
             case "end":
               return _context4.stop();
@@ -1927,14 +1692,11 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee4, this);
     }));
-
     function fetchPages(_x2) {
       return _fetchPages.apply(this, arguments);
     }
-
     return fetchPages;
   }();
-
   _proto.fetchComponents = /*#__PURE__*/function () {
     var _fetchComponents = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee5() {
       var data;
@@ -1947,11 +1709,9 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
               });
               _context5.next = 3;
               return this.fetchAllData();
-
             case 3:
               data = _context5.sent;
               return _context5.abrupt("return", data.components);
-
             case 5:
             case "end":
               return _context5.stop();
@@ -1959,31 +1719,25 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee5, this);
     }));
-
     function fetchComponents() {
       return _fetchComponents.apply(this, arguments);
     }
-
     return fetchComponents;
   }();
-
   _proto.getLookup = function getLookup() {
     return new ComponentLookup(this.bundle, this.registry);
   };
-
   _proto.getActiveSplits = function getActiveSplits() {
     return this.bundle.activeSplits;
   };
-
   _proto.trackConversion = function trackConversion(value) {
     if (value === void 0) {
       value = 0;
     }
-
     this.tracker.trackConversion(value);
-  } // @ts-ignore
+  }
+  // @ts-ignore
   ;
-
   _proto.fetchMissingData =
   /*#__PURE__*/
   function () {
@@ -1999,7 +1753,6 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
                 }).join(', ');
               });
               return _context6.abrupt("return", this.fetchAllData());
-
             case 2:
             case "end":
               return _context6.stop();
@@ -2007,18 +1760,14 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee6, this);
     }));
-
     function fetchMissingData(_x3) {
       return _fetchMissingData.apply(this, arguments);
     }
-
     return fetchMissingData;
   }();
-
   _proto.maybeReportClientSideFetch = function maybeReportClientSideFetch(mkMsg) {
     if (isBrowser && this.opts.onClientSideFetch) {
       var msg = mkMsg();
-
       if (this.opts.onClientSideFetch === 'warn') {
         console.warn(msg);
       } else {
@@ -2026,7 +1775,6 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
       }
     }
   };
-
   _proto.getActiveVariation = /*#__PURE__*/function () {
     var _getActiveVariation2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee7(opts) {
       return runtime_1.wrap(function _callee7$(_context7) {
@@ -2035,12 +1783,10 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
             case 0:
               _context7.next = 2;
               return this.fetchAllData();
-
             case 2:
               return _context7.abrupt("return", loaderSplits.getActiveVariation(_extends({}, opts, {
                 splits: this.bundle.activeSplits
               })));
-
             case 3:
             case "end":
               return _context7.stop();
@@ -2048,14 +1794,11 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee7, this);
     }));
-
     function getActiveVariation(_x4) {
       return _getActiveVariation2.apply(this, arguments);
     }
-
     return getActiveVariation;
   }();
-
   _proto.getTeamIds = function getTeamIds() {
     return uniq(this.bundle.projects.map(function (p) {
       return p.teamId ? "" + p.teamId + (p.indirect ? '@indirect' : '') : null;
@@ -2063,17 +1806,14 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
       return !!x;
     }));
   };
-
   _proto.getProjectIds = function getProjectIds() {
     return uniq(this.bundle.projects.map(function (p) {
       return "" + p.id + (p.indirect ? '@indirect' : '');
     }));
   };
-
   _proto.trackRender = function trackRender(opts) {
     this.tracker.trackRender(opts);
   };
-
   _proto.fetchAllData = /*#__PURE__*/function () {
     var _fetchAllData = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee8() {
       var bundle;
@@ -2083,7 +1823,6 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
             case 0:
               _context8.next = 2;
               return this.ensureFetcher().fetchAllData();
-
             case 2:
               bundle = _context8.sent;
               this.tracker.trackFetch();
@@ -2092,7 +1831,6 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
                 return watcher.onDataFetched == null ? void 0 : watcher.onDataFetched();
               });
               return _context8.abrupt("return", bundle);
-
             case 7:
             case "end":
               return _context8.stop();
@@ -2100,22 +1838,17 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee8, this);
     }));
-
     function fetchAllData() {
       return _fetchAllData.apply(this, arguments);
     }
-
     return fetchAllData;
   }();
-
   _proto.mergeBundle = function mergeBundle(bundle) {
     this.bundle = mergeBundles(bundle, this.bundle);
     this.refreshRegistry();
   };
-
   _proto.refreshRegistry = function refreshRegistry() {
     var _this3 = this;
-
     var _loop = function _loop() {
       var sub = _step.value;
       var metas = getCompMetas(_this3.bundle.components, sub.lookup);
@@ -2123,51 +1856,41 @@ var InternalPlasmicComponentLoader = /*#__PURE__*/function () {
         _this3.substitutedComponents[meta.id] = sub.component;
       });
     };
-
     // Once we have received data, we register components to
     // substitute.  We had to wait for data to do this so
     // that we can look up the right module name to substitute
     // in component meta.
     for (var _iterator = _createForOfIteratorHelperLoose(this.subs), _step; !(_step = _iterator()).done;) {
       _loop();
-    } // We also swap global variants' useXXXGlobalVariant() hook with
+    }
+    // We also swap global variants' useXXXGlobalVariant() hook with
     // a fake one that just reads from the PlasmicRootContext. Because
     // global variant values are not supplied by the generated global variant
     // context providers, but instead by <PlasmicRootProvider/> and by
     // PlasmicComponentLoader.setGlobalVariants(), we redirect these
     // hooks to read from them instead.
-
-
     for (var _iterator2 = _createForOfIteratorHelperLoose(this.bundle.globalGroups), _step2; !(_step2 = _iterator2()).done;) {
       var globalGroup = _step2.value;
-
       if (globalGroup.type !== 'global-screen') {
         this.substitutedGlobalVariantHooks[globalGroup.id] = createUseGlobalVariant(globalGroup.name, globalGroup.projectId);
       }
     }
-
     this.registry.updateModules(this.bundle);
   };
-
   _proto.ensureFetcher = function ensureFetcher() {
     if (!this.fetcher) {
       throw new Error("You must first call PlasmicComponentLoader.init()");
     }
-
     return this.fetcher;
   };
-
   return InternalPlasmicComponentLoader;
 }();
-
 function _maybeGetCompMetas(metas, specs) {
   var found = new Set();
   var missing = [];
-
   for (var _iterator3 = _createForOfIteratorHelperLoose(specs), _step3; !(_step3 = _iterator3()).done;) {
     var spec = _step3.value;
     var filteredMetas = getCompMetas(metas, spec);
-
     if (filteredMetas.length > 0) {
       filteredMetas.forEach(function (meta) {
         return found.add(meta);
@@ -2176,7 +1899,6 @@ function _maybeGetCompMetas(metas, specs) {
       missing.push(spec);
     }
   }
-
   return {
     found: Array.from(found.keys()),
     missing: missing
@@ -2186,8 +1908,6 @@ function _maybeGetCompMetas(metas, specs) {
  * Library for fetching component data, and registering
  * custom components.
  */
-
-
 var PlasmicComponentLoader = /*#__PURE__*/function () {
   function PlasmicComponentLoader(internal) {
     this.warnedRegisterComponent = false;
@@ -2201,14 +1921,10 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
    * app.  If you'd like to reactively change the global variants,
    * you should specify them via <PlasmicRootProvider />
    */
-
-
   var _proto2 = PlasmicComponentLoader.prototype;
-
   _proto2.setGlobalVariants = function setGlobalVariants(globalVariants) {
     this.__internal.setGlobalVariants(globalVariants);
   };
-
   _proto2.registerModules = function registerModules(modules) {
     this.__internal.registerModules(modules);
   }
@@ -2216,13 +1932,10 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
    * Register custom components that should be swapped in for
    * components defined in your project.  You can use this to
    * swap in / substitute a Plasmic component with a "real" component.
-   */
-  ;
-
+   */;
   _proto2.substituteComponent = function substituteComponent(component, name) {
     this.__internal.substituteComponent(component, name);
   };
-
   _proto2.registerComponent = function registerComponent(component, metaOrName) {
     // 'props' is a required field in CodeComponentMeta
     if (metaOrName && typeof metaOrName === 'object' && 'props' in metaOrName) {
@@ -2233,15 +1946,12 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
         console.warn("PlasmicLoader: Using deprecated method `registerComponent` for component substitution. " + "Please consider using `substituteComponent` instead.");
         this.warnedRegisterComponent = true;
       }
-
       this.substituteComponent(component, metaOrName);
     }
   };
-
   _proto2.registerGlobalContext = function registerGlobalContext(context, meta) {
     this.__internal.registerGlobalContext(context, meta);
   };
-
   _proto2.registerTrait = function registerTrait(trait, meta) {
     this.__internal.registerTrait(trait, meta);
   }
@@ -2259,22 +1969,18 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
    *
    * Throws an Error if a specified component to fetch does not exist in
    * the Plasmic project.
-   */
-  ;
-
+   */;
   _proto2.fetchComponentData =
   /*#__PURE__*/
   function () {
     var _fetchComponentData2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee9() {
       var _this$__internal;
-
       var _args9 = arguments;
       return runtime_1.wrap(function _callee9$(_context9) {
         while (1) {
           switch (_context9.prev = _context9.next) {
             case 0:
               return _context9.abrupt("return", (_this$__internal = this.__internal).fetchComponentData.apply(_this$__internal, _args9));
-
             case 1:
             case "end":
               return _context9.stop();
@@ -2282,11 +1988,9 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee9, this);
     }));
-
     function fetchComponentData() {
       return _fetchComponentData2.apply(this, arguments);
     }
-
     return fetchComponentData;
   }()
   /**
@@ -2295,20 +1999,17 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
    * page and want to check if a specific path had been defined for Plasmic.
    */
   ;
-
   _proto2.maybeFetchComponentData =
   /*#__PURE__*/
   function () {
     var _maybeFetchComponentData2 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee10() {
       var _this$__internal2;
-
       var _args10 = arguments;
       return runtime_1.wrap(function _callee10$(_context10) {
         while (1) {
           switch (_context10.prev = _context10.next) {
             case 0:
               return _context10.abrupt("return", (_this$__internal2 = this.__internal).maybeFetchComponentData.apply(_this$__internal2, _args10));
-
             case 1:
             case "end":
               return _context10.stop();
@@ -2316,18 +2017,15 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee10, this);
     }));
-
     function maybeFetchComponentData() {
       return _maybeFetchComponentData2.apply(this, arguments);
     }
-
     return maybeFetchComponentData;
   }()
   /**
    * Returns all the page component metadata for these projects.
    */
   ;
-
   _proto2.fetchPages =
   /*#__PURE__*/
   function () {
@@ -2337,7 +2035,6 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
           switch (_context11.prev = _context11.next) {
             case 0:
               return _context11.abrupt("return", this.__internal.fetchPages(opts));
-
             case 1:
             case "end":
               return _context11.stop();
@@ -2345,18 +2042,15 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee11, this);
     }));
-
     function fetchPages(_x5) {
       return _fetchPages2.apply(this, arguments);
     }
-
     return fetchPages;
   }()
   /**
    * Returns all components metadata for these projects.
    */
   ;
-
   _proto2.fetchComponents =
   /*#__PURE__*/
   function () {
@@ -2366,7 +2060,6 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
           switch (_context12.prev = _context12.next) {
             case 0:
               return _context12.abrupt("return", this.__internal.fetchComponents());
-
             case 1:
             case "end":
               return _context12.stop();
@@ -2374,14 +2067,11 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee12, this);
     }));
-
     function fetchComponents() {
       return _fetchComponents2.apply(this, arguments);
     }
-
     return fetchComponents;
   }();
-
   _proto2._getActiveVariation = /*#__PURE__*/function () {
     var _getActiveVariation3 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee13(opts) {
       return runtime_1.wrap(function _callee13$(_context13) {
@@ -2389,7 +2079,6 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
           switch (_context13.prev = _context13.next) {
             case 0:
               return _context13.abrupt("return", this.__internal.getActiveVariation(opts));
-
             case 1:
             case "end":
               return _context13.stop();
@@ -2397,14 +2086,11 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee13, this);
     }));
-
     function _getActiveVariation(_x6) {
       return _getActiveVariation3.apply(this, arguments);
     }
-
     return _getActiveVariation;
   }();
-
   _proto2.getActiveVariation = /*#__PURE__*/function () {
     var _getActiveVariation4 = /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee14(opts) {
       return runtime_1.wrap(function _callee14$(_context14) {
@@ -2427,7 +2113,6 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
                   }
                 }
               }));
-
             case 1:
             case "end":
               return _context14.stop();
@@ -2435,45 +2120,34 @@ var PlasmicComponentLoader = /*#__PURE__*/function () {
         }
       }, _callee14, this);
     }));
-
     function getActiveVariation(_x7) {
       return _getActiveVariation4.apply(this, arguments);
     }
-
     return getActiveVariation;
   }();
-
   _proto2.getExternalVariation = function getExternalVariation(variation) {
     return loaderSplits.getExternalIds(this.getActiveSplits(), variation);
   };
-
   _proto2.getActiveSplits = function getActiveSplits() {
     return this.__internal.getActiveSplits();
   };
-
   _proto2.trackConversion = function trackConversion(value) {
     if (value === void 0) {
       value = 0;
     }
-
     this.__internal.trackConversion(value);
   };
-
   _proto2.clearCache = function clearCache() {
     return this.__internal.clearCache();
   };
-
   return PlasmicComponentLoader;
 }();
-
 function parseFetchComponentDataArgs() {
   var specs;
   var opts;
-
   for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
     args[_key2] = arguments[_key2];
   }
-
   if (Array.isArray(args[0])) {
     specs = args[0];
     opts = args[1];
@@ -2481,7 +2155,6 @@ function parseFetchComponentDataArgs() {
     specs = args;
     opts = undefined;
   }
-
   return {
     specs: specs,
     opts: opts
@@ -2498,18 +2171,14 @@ function parseFetchComponentDataArgs() {
  *   You can set forceOriginal to true if you want to return the Plasmic-generated
  *   component instead.
  */
-
 function usePlasmicComponent(spec, opts) {
   if (opts === void 0) {
     opts = {};
   }
-
   var rootContext = usePlasmicRootContext();
-
   if (!rootContext) {
     throw new Error("You can only use usePlasmicComponent if wrapped in <PlasmicRootProvider />");
   }
-
   var loader = rootContext.loader;
   var lookup = loader.getLookup();
   var component = lookup.hasComponent(spec) ? lookup.getComponent(spec, opts) : undefined;
@@ -2525,12 +2194,10 @@ function usePlasmicComponent(spec, opts) {
               case 0:
                 _context.next = 2;
                 return loader.fetchComponentData(stableSpec);
-
               case 2:
                 if (isMounted()) {
                   forceUpdate();
                 }
-
               case 3:
               case "end":
                 return _context.stop();
@@ -2543,27 +2210,25 @@ function usePlasmicComponent(spec, opts) {
   return component;
 }
 
-var _excluded = ["loader", "globalContextsProps", "variation", "userAuthToken"];
+var _excluded = ["loader", "globalContextsProps", "variation", "userAuthToken", "isUserLoading"];
 var PlasmicComponentContext = /*#__PURE__*/React.createContext(false);
 function PlasmicComponent(props) {
   var component = props.component,
-      projectId = props.projectId,
-      componentProps = props.componentProps,
-      forceOriginal = props.forceOriginal;
+    projectId = props.projectId,
+    componentProps = props.componentProps,
+    forceOriginal = props.forceOriginal;
   var rootContext = usePlasmicRootContext();
   var isRootLoader = !React.useContext(PlasmicComponentContext);
-
   if (!rootContext) {
     // no existing PlasmicRootProvider
     throw new Error("You must use <PlasmicRootProvider/> at the root of your app");
   }
-
   var loader = rootContext.loader,
-      globalContextsProps = rootContext.globalContextsProps,
-      variation = rootContext.variation,
-      userAuthToken = rootContext.userAuthToken,
-      rest = _objectWithoutPropertiesLoose(rootContext, _excluded);
-
+    globalContextsProps = rootContext.globalContextsProps,
+    variation = rootContext.variation,
+    userAuthToken = rootContext.userAuthToken,
+    isUserLoading = rootContext.isUserLoading,
+    rest = _objectWithoutPropertiesLoose(rootContext, _excluded);
   var Component = usePlasmicComponent({
     name: component,
     projectId: projectId,
@@ -2577,7 +2242,6 @@ function PlasmicComponent(props) {
         name: component,
         projectId: projectId
       });
-
       if (meta) {
         loader.trackRender({
           renderCtx: {
@@ -2596,9 +2260,7 @@ function PlasmicComponent(props) {
     if (!Component) {
       return null;
     }
-
     var element = React.createElement(Component, Object.assign({}, componentProps));
-
     if (isRootLoader) {
       // If this is the root PlasmicComponent, then wrap the content with the
       // react-web's PlasmicRootProvider.  We are doing this here, instead of
@@ -2614,7 +2276,10 @@ function PlasmicComponent(props) {
         name: component,
         projectId: projectId
       });
-      element = React.createElement(ReactWebRootProvider, Object.assign({}, rest), React.createElement(MaybeWrap, {
+      element = React.createElement(ReactWebRootProvider, Object.assign({}, rest, {
+        userAuthToken: userAuthToken,
+        isUserLoading: isUserLoading
+      }), React.createElement(MaybeWrap, {
         cond: !!GlobalContextsProvider,
         wrapper: function wrapper(children) {
           return React.createElement(GlobalContextsProvider, Object.assign({}, globalContextsProps), children);
@@ -2623,12 +2288,10 @@ function PlasmicComponent(props) {
         value: true
       }, element)));
     }
-
     return element;
-  }, [Component, componentProps, loader, isRootLoader, component, projectId, globalContextsProps, userAuthToken]);
+  }, [Component, componentProps, loader, isRootLoader, component, projectId, globalContextsProps, userAuthToken, isUserLoading]);
   return element;
 }
-
 function MaybeWrap(props) {
   return props.cond ? props.wrapper(props.children) : props.children;
 }
@@ -2669,7 +2332,6 @@ function MaybeWrap(props) {
  *   in this element tree.
  * @returns an object mapping query key to fetched data
  */
-
 function extractPlasmicQueryData(_x) {
   return _extractPlasmicQueryData.apply(this, arguments);
 }
@@ -2677,7 +2339,6 @@ function extractPlasmicQueryData(_x) {
  * Runs react-ssr-prepass on `element`, while isolating rendering errors
  * as much as possible for each PlasmicComponent instance.
  */
-
 function _extractPlasmicQueryData() {
   _extractPlasmicQueryData = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(element) {
     var cache, queryCache;
@@ -2691,32 +2352,27 @@ function _extractPlasmicQueryData() {
             return plasmicPrepass(React__default.createElement(PlasmicQuery.PlasmicPrepassContext, {
               cache: cache
             }, element));
-
           case 4:
             _context.next = 9;
             break;
-
           case 6:
             _context.prev = 6;
             _context.t0 = _context["catch"](1);
             console.warn("PLASMIC: Error encountered while pre-rendering", _context.t0);
-
           case 9:
             queryCache = Object.fromEntries(Array.from(cache.entries()).filter(function (_ref3) {
               var key = _ref3[0],
-                  val = _ref3[1];
+                val = _ref3[1];
               return !key.startsWith('$swr$') && val !== undefined;
             }));
             _context.prev = 10;
             return _context.abrupt("return", JSON.parse(JSON.stringify(queryCache, function (key, value) {
               return value !== undefined ? value : null;
             })));
-
           case 14:
             _context.prev = 14;
             _context.t1 = _context["catch"](10);
             return _context.abrupt("return", queryCache);
-
           case 17:
           case "end":
             return _context.stop();
@@ -2726,7 +2382,6 @@ function _extractPlasmicQueryData() {
   }));
   return _extractPlasmicQueryData.apply(this, arguments);
 }
-
 function plasmicPrepass(_x2) {
   return _plasmicPrepass.apply(this, arguments);
 }
@@ -2736,7 +2391,6 @@ function plasmicPrepass(_x2) {
  * an error boundary. Makes it possible to isolate rendering errors while still
  * finishing as much data fetched as possible.
  */
-
 function _plasmicPrepass() {
   _plasmicPrepass = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(element) {
     return runtime_1.wrap(function _callee2$(_context2) {
@@ -2745,7 +2399,6 @@ function _plasmicPrepass() {
           case 0:
             _context2.next = 2;
             return prepass(buildPlasmicPrepassElement(element));
-
           case 2:
           case "end":
             return _context2.stop();
@@ -2755,11 +2408,9 @@ function _plasmicPrepass() {
   }));
   return _plasmicPrepass.apply(this, arguments);
 }
-
 function buildPlasmicPrepassElement(element) {
   return React__default.createElement(GenericErrorBoundary, null, processReactElement(element));
 }
-
 function processReactElement(element) {
   if (element.type === PlasmicComponent) {
     return React__default.cloneElement(element, processPlasmicComponentProps(element.props));
@@ -2767,44 +2418,34 @@ function processReactElement(element) {
     return React__default.cloneElement(element, processComponentProps(element.props));
   }
 }
-
 function processComponentProps(props) {
   if (!props || typeof props !== 'object') {
     return props;
   }
-
   return Object.fromEntries(Object.entries(props).map(function (_ref) {
     var k = _ref[0],
-        v = _ref[1];
+      v = _ref[1];
     return [k, React__default.isValidElement(v) ? processReactElement(v) : v];
   }));
 }
-
 var GenericErrorBoundary = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(GenericErrorBoundary, _React$Component);
-
   function GenericErrorBoundary(props) {
     return _React$Component.call(this, props) || this;
   }
-
   var _proto = GenericErrorBoundary.prototype;
-
   _proto.componentDidCatch = function componentDidCatch(error) {
     console.log("Plasmic: Encountered error while prepass rendering:", error);
   };
-
   _proto.render = function render() {
     return React__default.createElement(React__default.Fragment, null, this.props.children);
   };
-
   return GenericErrorBoundary;
 }(React__default.Component);
 /**
  * To process the componentProps passed to PlasmicComponent, wrap any
  * React element we find in <GenericErrorBoundary />.
  */
-
-
 function processPlasmicComponentProps(x) {
   if (!x) {
     return x;
@@ -2817,14 +2458,13 @@ function processPlasmicComponentProps(x) {
   } else if (isLiteralObject(x)) {
     return Object.fromEntries(Object.entries(x).map(function (_ref2) {
       var key = _ref2[0],
-          val = _ref2[1];
+        val = _ref2[1];
       return [key, processPlasmicComponentProps(val)];
     }));
   } else {
     return x;
   }
 }
-
 function isLiteralObject(obj) {
   return !!obj && typeof obj === 'object' && obj.constructor === Object;
 }
@@ -2832,7 +2472,6 @@ function isLiteralObject(obj) {
 function renderToElement(_x, _x2, _x3, _x4) {
   return _renderToElement.apply(this, arguments);
 }
-
 function _renderToElement() {
   _renderToElement = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee(loader, target, lookup, opts) {
     return runtime_1.wrap(function _callee$(_context) {
@@ -2842,14 +2481,12 @@ function _renderToElement() {
             if (opts === void 0) {
               opts = {};
             }
-
             return _context.abrupt("return", new Promise(function (resolve) {
               var element = makeElement(loader, lookup, opts);
               ReactDOM.render(element, target, function () {
                 return resolve();
               });
             }));
-
           case 2:
           case "end":
             return _context.stop();
@@ -2859,19 +2496,16 @@ function _renderToElement() {
   }));
   return _renderToElement.apply(this, arguments);
 }
-
 function renderToString(loader, lookup, opts) {
   if (opts === void 0) {
     opts = {};
   }
-
   var element = makeElement(loader, lookup, opts);
   return server.renderToString(element);
 }
 function extractPlasmicQueryDataFromElement(_x5, _x6, _x7) {
   return _extractPlasmicQueryDataFromElement.apply(this, arguments);
 }
-
 function _extractPlasmicQueryDataFromElement() {
   _extractPlasmicQueryDataFromElement = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2(loader, lookup, opts) {
     var element;
@@ -2882,10 +2516,8 @@ function _extractPlasmicQueryDataFromElement() {
             if (opts === void 0) {
               opts = {};
             }
-
             element = makeElement(loader, lookup, opts);
             return _context2.abrupt("return", extractPlasmicQueryData(element));
-
           case 3:
           case "end":
             return _context2.stop();
@@ -2895,11 +2527,9 @@ function _extractPlasmicQueryDataFromElement() {
   }));
   return _extractPlasmicQueryDataFromElement.apply(this, arguments);
 }
-
 function hydrateFromElement(_x8, _x9, _x10, _x11) {
   return _hydrateFromElement.apply(this, arguments);
 }
-
 function _hydrateFromElement() {
   _hydrateFromElement = _asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3(loader, target, lookup, opts) {
     return runtime_1.wrap(function _callee3$(_context3) {
@@ -2909,14 +2539,12 @@ function _hydrateFromElement() {
             if (opts === void 0) {
               opts = {};
             }
-
             return _context3.abrupt("return", new Promise(function (resolve) {
               var element = makeElement(loader, lookup, opts);
               ReactDOM.hydrate(element, target, function () {
                 return resolve();
               });
             }));
-
           case 2:
           case "end":
             return _context3.stop();
@@ -2926,12 +2554,10 @@ function _hydrateFromElement() {
   }));
   return _hydrateFromElement.apply(this, arguments);
 }
-
 function makeElement(loader, lookup, opts) {
   if (opts === void 0) {
     opts = {};
   }
-
   return React__default.createElement(PlasmicRootProvider, {
     loader: loader,
     prefetchedData: opts.prefetchedData,