@plasmicpkgs/plasmic-contentful 0.0.50 → 0.0.52

package/dist/plasmic-contentful.esm.js

@@ -4,7 +4,6 @@ import { documentToHtmlString } from '@contentful/rich-text-html-renderer';
 import { DataProvider, repeatedElement, useSelector } from '@plasmicapp/host';
 import { usePlasmicQueryData } from '@plasmicapp/query';
 import { pascalCase } from 'change-case';
-import { createClient } from 'contentful';
 import get from 'dlv';
 import React, { useContext } from 'react';
 
@@ -16,29 +15,24 @@ 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);
     });
   };
@@ -55,17 +49,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,
@@ -75,7 +68,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({}, "");
@@ -84,19 +76,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
@@ -106,7 +99,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 {
@@ -120,46 +112,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) {
@@ -167,14 +157,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);
@@ -182,31 +171,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);
@@ -214,7 +199,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
@@ -228,17 +212,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
@@ -250,24 +232,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);
@@ -276,39 +259,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.
@@ -318,51 +294,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"]) {
@@ -371,51 +340,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;
+
+        // Resume execution at the desired location (see delegateYield).
+        context.next = delegate.nextLoc;
 
-        context.next = delegate.nextLoc; // If context.method was "throw" but the delegate handled the
+        // 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;
@@ -423,54 +386,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
@@ -481,97 +439,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:
@@ -585,50 +530,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);
@@ -652,36 +587,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") {
@@ -691,13 +620,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);
@@ -708,21 +635,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) {
@@ -731,27 +655,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) {
@@ -773,6 +696,23 @@ var runtime_1 = /*#__PURE__*/createCommonjsModule(function (module) {
   }
 });
 
+var searchParameters = [{
+  value: "[lt]",
+  label: 'Less than'
+}, {
+  value: "[lte]",
+  label: 'Less than or equal'
+}, {
+  value: "[gt]",
+  label: 'Greater than'
+}, {
+  value: "[gte]",
+  label: 'Greater than or equal '
+}];
+var uniq = function uniq(xs) {
+  return Array.from(new Set(xs));
+};
+
 function ensure(x) {
   if (x === null || x === undefined) {
     debugger;
@@ -782,11 +722,9 @@ function ensure(x) {
   }
 }
 var modulePath = "@plasmicpkgs/plasmic-contentful";
-
 var makeDataProviderName = function makeDataProviderName(contentType) {
   return "currentContentful" + pascalCase(contentType) + "Item";
 };
-
 var CredentialsContext = /*#__PURE__*/React.createContext(undefined);
 var ContentfulCredentialsProviderMeta = {
   name: "Contentful CredentialsProvider",
@@ -816,9 +754,9 @@ var ContentfulCredentialsProviderMeta = {
 };
 function ContentfulCredentialsProvider(_ref) {
   var accessToken = _ref.accessToken,
-      space = _ref.space,
-      environment = _ref.environment,
-      children = _ref.children;
+    space = _ref.space,
+    environment = _ref.environment,
+    children = _ref.children;
   return React.createElement(CredentialsContext.Provider, {
     value: {
       space: space,
@@ -860,10 +798,8 @@ var ContentfulFetcherMeta = {
       type: "choice",
       options: function options(props, ctx) {
         var _ctx$types$map, _ctx$types;
-
         return (_ctx$types$map = ctx == null ? void 0 : (_ctx$types = ctx.types) == null ? void 0 : _ctx$types.map(function (type) {
           var _type$sys;
-
           return {
             label: type == null ? void 0 : type.name,
             value: type == null ? void 0 : (_type$sys = type.sys) == null ? void 0 : _type$sys.id
@@ -873,34 +809,48 @@ var ContentfulFetcherMeta = {
       displayName: "Content type",
       description: "Content type to be queried."
     },
-    entryID: {
+    filterField: {
       type: "choice",
+      displayName: "Filter field",
+      description: "Field (from Collection) to filter by",
       options: function options(props, ctx) {
-        var _ctx$entries$map, _ctx$entries;
-
-        return (_ctx$entries$map = ctx == null ? void 0 : (_ctx$entries = ctx.entries) == null ? void 0 : _ctx$entries.map(function (entry) {
-          var _entry$sys, _entry$sys2;
-
-          return {
-            label: entry == null ? void 0 : (_entry$sys = entry.sys) == null ? void 0 : _entry$sys.id,
-            value: entry == null ? void 0 : (_entry$sys2 = entry.sys) == null ? void 0 : _entry$sys2.id
-          };
-        })) != null ? _ctx$entries$map : [];
+        var _ctx$fields;
+        return (_ctx$fields = ctx == null ? void 0 : ctx.fields) != null ? _ctx$fields : [];
+      },
+      hidden: function hidden(props, ctx) {
+        return !props.contentType;
+      }
+    },
+    searchParameter: {
+      type: "choice",
+      displayName: "Search Parameter",
+      description: "Search Parameter to filter by.Read more (https://www.contentful.com/developers/docs/references/content-delivery-api/#/reference/search-parameters/)",
+      options: function options(props, ctx) {
+        var _ctx$queryOptions;
+        return (_ctx$queryOptions = ctx == null ? void 0 : ctx.queryOptions) != null ? _ctx$queryOptions : [];
       },
-      displayName: "Entry ID",
-      description: "Query in Content Type.",
-      defaultValueHint: "all"
+      hidden: function hidden(props, ctx) {
+        return !props.filterField;
+      }
+    },
+    filterValue: {
+      type: "string",
+      displayName: "Filter value",
+      description: "Value to filter by, should be of filter field type",
+      hidden: function hidden(props, ctx) {
+        return !props.searchParameter;
+      }
     },
     limit: {
       type: "number",
       displayName: "Limit",
-      description: "Limit the number of entries that are returned.",
-      defaultValue: 1000
+      description: "Limit the number of entries that are returned."
     },
-    order: {
-      type: "string",
-      displayName: "Order",
-      description: "Order entries with a specific attribute."
+    noAutoRepeat: {
+      type: "boolean",
+      displayName: "No auto-repeat",
+      description: "Do not automatically repeat children for every entry.",
+      defaultValue: false
     },
     noLayout: {
       type: "boolean",
@@ -911,144 +861,149 @@ var ContentfulFetcherMeta = {
   }
 };
 function ContentfulFetcher(_ref2) {
-  var entryID = _ref2.entryID,
-      contentType = _ref2.contentType,
-      children = _ref2.children,
-      className = _ref2.className,
-      limit = _ref2.limit,
-      noLayout = _ref2.noLayout,
-      order = _ref2.order,
-      setControlContextData = _ref2.setControlContextData;
+  var _contentTypes$items, _operators, _contentTypes$items2;
+  var filterField = _ref2.filterField,
+    filterValue = _ref2.filterValue,
+    searchParameter = _ref2.searchParameter,
+    noAutoRepeat = _ref2.noAutoRepeat,
+    contentType = _ref2.contentType,
+    children = _ref2.children,
+    className = _ref2.className,
+    limit = _ref2.limit,
+    noLayout = _ref2.noLayout,
+    setControlContextData = _ref2.setControlContextData;
   var creds = ensure(useContext(CredentialsContext));
   var cacheKey = JSON.stringify({
+    limit: limit,
+    filterField: filterField,
+    filterValue: filterValue,
+    searchParameter: searchParameter,
     creds: creds
   });
-  var client = createClient({
-    space: creds.space,
-    accessToken: creds.accessToken
-  });
-
+  var baseUrl = "https://cdn.contentful.com";
   var _usePlasmicQueryData = usePlasmicQueryData(cacheKey + "/contentTypes", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee() {
-    var response;
-    return runtime_1.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return client.getContentTypes();
-
-          case 2:
-            response = _context.sent;
-            return _context.abrupt("return", response);
-
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }))),
-      contentTypes = _usePlasmicQueryData.data,
-      contentTypesError = _usePlasmicQueryData.error;
-
-  var _usePlasmicQueryData2 = usePlasmicQueryData(contentType ? cacheKey + "/" + contentType + "/entriesData/" + limit + "/" + order : null, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
-    var response;
-    return runtime_1.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return client.getEntries({
-              content_type: "" + (contentType == null ? void 0 : contentType.toString()),
-              limit: limit,
-              order: order
-            });
-
-          case 2:
-            response = _context2.sent;
-            return _context2.abrupt("return", response);
-
-          case 4:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }))),
-      entriesData = _usePlasmicQueryData2.data,
-      entriesDataError = _usePlasmicQueryData2.error;
-
-  var _usePlasmicQueryData3 = usePlasmicQueryData(entryID ? cacheKey + "/entry/" + entryID : null, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3() {
-    var response;
-    return runtime_1.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            _context3.next = 2;
-            return client.getEntry("" + entryID);
-
-          case 2:
-            response = _context3.sent;
-            return _context3.abrupt("return", response);
-
-          case 4:
-          case "end":
-            return _context3.stop();
+      var resp;
+      return runtime_1.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return fetch(baseUrl + "/spaces/" + creds.space + "/environments/" + creds.environment + "/content_types?access_token=" + creds.accessToken);
+            case 2:
+              resp = _context.sent;
+              return _context.abrupt("return", resp.json());
+            case 4:
+            case "end":
+              return _context.stop();
+          }
         }
-      }
-    }, _callee3);
-  }))),
-      entryData = _usePlasmicQueryData3.data,
-      entryDataError = _usePlasmicQueryData3.error;
-
+      }, _callee);
+    }))),
+    contentTypes = _usePlasmicQueryData.data;
   setControlContextData == null ? void 0 : setControlContextData({
-    types: contentTypes == null ? void 0 : contentTypes.items,
-    entries: entriesData == null ? void 0 : entriesData.items
+    types: (_contentTypes$items = contentTypes == null ? void 0 : contentTypes.items) != null ? _contentTypes$items : []
   });
-
+  var _usePlasmicQueryData2 = usePlasmicQueryData(contentType ? cacheKey + "/" + contentType + "/entriesData" : null, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee2() {
+      var url, query, resp;
+      return runtime_1.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              url = "/spaces/" + creds.space + "/environments/" + creds.environment + "/entries?access_token=" + creds.accessToken + "&content_type=" + contentType;
+              if (limit) {
+                query = url + "&limit=" + limit;
+              } else {
+                query = url;
+              }
+              _context2.next = 4;
+              return fetch("" + baseUrl + query);
+            case 4:
+              resp = _context2.sent;
+              return _context2.abrupt("return", resp.json());
+            case 6:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }))),
+    entriesData = _usePlasmicQueryData2.data;
+  var _usePlasmicQueryData3 = usePlasmicQueryData(contentType && filterField && filterValue ? cacheKey + "/" + contentType + "/filteredData" : null, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/runtime_1.mark(function _callee3() {
+      var queryPath, resp;
+      return runtime_1.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              queryPath = "/spaces/" + creds.space + "/environments/" + creds.environment + "/entries?access_token=" + creds.accessToken + "&content_type=" + contentType + "&fields." + filterField + searchParameter + "=" + filterValue;
+              _context3.next = 3;
+              return fetch("" + baseUrl + queryPath);
+            case 3:
+              resp = _context3.sent;
+              return _context3.abrupt("return", resp.json());
+            case 5:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }))),
+    filteredData = _usePlasmicQueryData3.data;
   if (!creds.space || !creds.accessToken) {
     return React.createElement("div", null, "Please specify a valid API Credentials: Space, Access Token and Environment");
   }
-
-  if (contentTypesError || entriesDataError || entryDataError) {
-    if (contentTypesError) {
-      return React.createElement("div", {
-        className: className
-      }, "Error: ", contentTypesError.message);
-    } else if (entriesDataError) {
-      return React.createElement("div", {
-        className: className
-      }, "Error: ", entriesDataError.message);
-    } else {
-      return React.createElement("div", {
-        className: className
-      }, "Error: ", entriesDataError.message);
+  if (!contentTypes) {
+    return React.createElement("div", null, "Please configure the ContentStack credentials");
+  }
+  if (!entriesData) {
+    return React.createElement("div", null, "Please select a content type");
+  }
+  var filterFields = entriesData == null ? void 0 : entriesData.items.flatMap(function (item) {
+    var fields = Object.keys(item.fields).filter(function (field) {
+      var value = get(item, field);
+      return typeof value !== "object" && field !== "photos";
+    });
+    return fields;
+  });
+  var operators;
+  var matchedFields = Object.values(entriesData.items).map(function (item) {
+    var fields = Object.entries(item.fields).find(function (el) {
+      return el[0] === filterField;
+    });
+    return fields;
+  });
+  Object.values(matchedFields).map(function (model) {
+    return Array.isArray(model) ? model : [model];
+  }).map(function (item) {
+    if (typeof item[1] === "number" && typeof item[1] !== "object") {
+      operators = searchParameters;
+    } else if (typeof item[1] !== "number" && typeof item[1] !== "object" && typeof item[1] === "string") {
+      operators = [{
+        value: "[match]",
+        label: "Full text search"
+      }];
     }
+  });
+  setControlContextData == null ? void 0 : setControlContextData({
+    queryOptions: (_operators = operators) != null ? _operators : [],
+    types: (_contentTypes$items2 = contentTypes == null ? void 0 : contentTypes.items) != null ? _contentTypes$items2 : [],
+    fields: uniq(filterFields != null ? filterFields : [])
+  });
+  if (filterField && !searchParameter) {
+    return React.createElement("div", null, "Please specify a Search Parameter");
+  }
+  if (searchParameter && !filterValue) {
+    return React.createElement("div", null, "Please specify a Filter value");
   }
-
   var renderedData;
-
-  if (contentType && entryID) {
-    renderedData = React.createElement(DataProvider, {
-      name: "contentfulItem",
-      data: entryData,
-      hidden: true
-    }, React.createElement(DataProvider, {
-      name: makeDataProviderName(contentType),
-      data: entryData
-    }, children));
-  } else if (contentType) {
-    var _entriesData$items, _entriesData$items2;
-
-    if ((entriesData == null ? void 0 : (_entriesData$items = entriesData.items) == null ? void 0 : _entriesData$items.length) === 0) {
+  if (filteredData) {
+    var _filteredData$items, _filteredData$items2;
+    if ((filteredData == null ? void 0 : (_filteredData$items = filteredData.items) == null ? void 0 : _filteredData$items.length) === 0) {
       return React.createElement("div", {
         className: className
-      }, contentType, " is empty");
+      }, "No published entry found");
     }
-
-    renderedData = entriesData == null ? void 0 : (_entriesData$items2 = entriesData.items) == null ? void 0 : _entriesData$items2.map(function (item, index) {
+    renderedData = noAutoRepeat ? children : filteredData == null ? void 0 : (_filteredData$items2 = filteredData.items) == null ? void 0 : _filteredData$items2.map(function (item, index) {
       var _item$sys;
-
       return React.createElement(DataProvider, {
         key: item == null ? void 0 : (_item$sys = item.sys) == null ? void 0 : _item$sys.id,
         name: "contentfulItem",
@@ -1060,12 +1015,31 @@ function ContentfulFetcher(_ref2) {
       }, repeatedElement(index, children)));
     });
   } else {
-    return React.createElement("div", null, " Please choose the Content Type");
+    var _entriesData$items, _entriesData$items2;
+    if ((entriesData == null ? void 0 : (_entriesData$items = entriesData.items) == null ? void 0 : _entriesData$items.length) === 0) {
+      return React.createElement("div", {
+        className: className
+      }, contentType, " is empty");
+    }
+    renderedData = noAutoRepeat ? children : entriesData == null ? void 0 : (_entriesData$items2 = entriesData.items) == null ? void 0 : _entriesData$items2.map(function (item, index) {
+      var _item$sys2;
+      return React.createElement(DataProvider, {
+        key: item == null ? void 0 : (_item$sys2 = item.sys) == null ? void 0 : _item$sys2.id,
+        name: "contentfulItem",
+        data: item,
+        hidden: true
+      }, React.createElement(DataProvider, {
+        name: makeDataProviderName(contentType),
+        data: item
+      }, repeatedElement(index, children)));
+    });
   }
-
-  return noLayout ? React.createElement(React.Fragment, null, " ", renderedData, " ") : React.createElement("div", {
+  return React.createElement(DataProvider, {
+    name: "contentfulItems",
+    data: entriesData == null ? void 0 : entriesData.items
+  }, noLayout ? React.createElement(React.Fragment, null, " ", renderedData, " ") : React.createElement("div", {
     className: className
-  }, " ", renderedData, " ");
+  }, " ", renderedData, " "));
 }
 var ContentfulFieldMeta = {
   name: "ContentfulField",
@@ -1077,7 +1051,6 @@ var ContentfulFieldMeta = {
       type: "dataSelector",
       data: function data(props, ctx) {
         var _ctx$data;
-
         return (_ctx$data = ctx == null ? void 0 : ctx.data) != null ? _ctx$data : {};
       },
       displayName: "Field",
@@ -1087,26 +1060,20 @@ var ContentfulFieldMeta = {
 };
 function ContentfulField(_ref6) {
   var _useSelector;
-
   var className = _ref6.className,
-      objectPath = _ref6.objectPath,
-      setControlContextData = _ref6.setControlContextData;
+    objectPath = _ref6.objectPath,
+    setControlContextData = _ref6.setControlContextData;
   var item = (_useSelector = useSelector("contentfulItem")) == null ? void 0 : _useSelector.fields;
-
   if (!item) {
     return React.createElement("div", null, "ContentfulField must be used within a ContentfulFetcher ");
   }
-
   setControlContextData == null ? void 0 : setControlContextData({
     data: item
   });
-
   if (!objectPath) {
     return React.createElement("div", null, "Please specify a valid path or select a field.");
   }
-
   var data = get(item, objectPath);
-
   if (typeof data === "object" && "nodeType" in data && data.nodeType === "document") {
     return React.createElement("div", {
       className: className,
@@ -1140,15 +1107,12 @@ function registerAll(loader) {
       registerComponent(Component, defaultMeta);
     }
   };
-
   if (loader) {
     loader.registerGlobalContext(ContentfulCredentialsProvider, ContentfulCredentialsProviderMeta);
   } else {
     registerGlobalContext(ContentfulCredentialsProvider, ContentfulCredentialsProviderMeta);
   }
-
   _registerComponent(ContentfulFetcher, ContentfulFetcherMeta);
-
   _registerComponent(ContentfulField, ContentfulFieldMeta);
 }