@plasmicpkgs/plasmic-giphy 0.0.76 → 0.0.78

package/dist/plasmic-giphy.cjs.development.js

@@ -34,306 +34,113 @@ function _asyncToGenerator(n) {
     });
   };
 }
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return e;
-  };
-  var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), t[e];
-  }
-  try {
-    define({}, "");
-  } catch (t) {
-    define = function (t, e, r) {
-      return t[e] = r;
-    };
-  }
-  function wrap(t, e, r, n) {
-    var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
-  }
-  function tryCatch(t, e, r) {
-    try {
-      return {
-        type: "normal",
-        arg: t.call(e, r)
-      };
-    } catch (t) {
-      return {
-        type: "throw",
-        arg: t
-      };
-    }
-  }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
-    return this;
-  });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
-      });
-    });
-  }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
-      if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
-        }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
-        }, function (t) {
-          return invoke("throw", t, i, a);
-        });
-      }
-      a(c.arg);
-    }
-    var r;
-    o(this, "_invoke", {
-      value: function (t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = !1,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function (t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
         }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+        if (o || r > 1) return a;
+        throw y = !0, n;
       }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
         return {
           value: t,
-          done: !0
+          done: y
         };
-      }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-      }
-    };
-  }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-    var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-  }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-  }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
-  }
-  function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(!0);
+      };
+    }(r, o, i), !0), u;
   }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
-        var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-            return next.value = t, next.done = !0, next;
-          };
-        return i.next = i;
-      }
-    }
-    throw new TypeError(typeof e + " is not iterable");
+  var a = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
-    return {
-      __await: t
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-    return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-    void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-      return t.done ? t.value : a.next();
-    });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
     return this;
-  }), define(g, "toString", function () {
+  }), _regeneratorDefine(u, "toString", function () {
     return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = !1, next;
-      }
-      return next.done = !0, next;
+  }), (_regenerator = function () {
+    return {
+      w: i,
+      m: f
     };
-  }, e.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-    },
-    stop: function () {
-      this.done = !0;
-      var t = this.tryEntries[0].completion;
-      if ("throw" === t.type) throw t.arg;
-      return this.rval;
-    },
-    dispatchException: function (e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-      }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-        var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-          } else {
-            if (!u) throw Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
-          break;
-        }
-      }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-    },
-    complete: function (t, e) {
-      if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-    },
-    finish: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-      }
-    },
-    catch: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
-          if ("throw" === n.type) {
-            var o = n.arg;
-            resetTryEntry(r);
-          }
-          return o;
-        }
-      }
-      throw Error("illegal catch attempt");
-    },
-    delegateYield: function (e, r, n) {
-      return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
+  })();
+}
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
+  }
+  _regeneratorDefine = function (e, r, n, t) {
+    function o(r, n) {
+      _regeneratorDefine(e, r, function (e) {
+        return this._invoke(r, n, e);
+      });
     }
-  }, e;
+    r ? i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+  }, _regeneratorDefine(e, r, n, t);
 }
 
 var useFetch = function useFetch(_ref) {
@@ -345,34 +152,33 @@ var useFetch = function useFetch(_ref) {
     if (keyword) fetchGiphy();
   }, [keyword]);
   var fetchGiphy = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _data$, response, _yield$response$json, data;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _data$, response, _yield$response$json, data, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
-            _context.prev = 0;
-            _context.next = 3;
+            _context.p = 0;
+            _context.n = 1;
             return fetch("https://api.giphy.com/v1/gifs/search?api_key=X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK&q=" + keyword.split(" ").join("") + "&limit=1");
-          case 3:
-            response = _context.sent;
-            _context.next = 6;
+          case 1:
+            response = _context.v;
+            _context.n = 2;
             return response.json();
-          case 6:
-            _yield$response$json = _context.sent;
+          case 2:
+            _yield$response$json = _context.v;
             data = _yield$response$json.data;
             setGiphyId((_data$ = data[0]) == null ? void 0 : _data$.id);
-            _context.next = 15;
+            _context.n = 4;
             break;
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](0);
-            console.log("Error in gif api retrieval: ", _context.t0);
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            console.log("Error in gif api retrieval: ", _t);
             setGiphyId("");
-          case 15:
-          case "end":
-            return _context.stop();
+          case 4:
+            return _context.a(2);
         }
-      }, _callee, null, [[0, 11]]);
+      }, _callee, null, [[0, 3]]);
     }));
     return function fetchGiphy() {
       return _ref2.apply(this, arguments);
@@ -418,27 +224,24 @@ function Giphy(_ref) {
   var gf = new jsFetchApi.GiphyFetch("X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK");
   React.useEffect(function () {
     var fetchGif = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
         var _yield$gf$gif, data;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
             case 0:
               if (id) {
-                _context.next = 2;
+                _context.n = 1;
                 break;
               }
-              return _context.abrupt("return", null);
-            case 2:
-              _context.next = 4;
+              return _context.a(2, null);
+            case 1:
+              _context.n = 2;
               return gf.gif(id);
-            case 4:
-              _yield$gf$gif = _context.sent;
+            case 2:
+              _yield$gf$gif = _context.v;
               data = _yield$gf$gif.data;
               setGif(data);
-              return _context.abrupt("return", data);
-            case 8:
-            case "end":
-              return _context.stop();
+              return _context.a(2, data);
           }
         }, _callee);
       }));

package/dist/plasmic-giphy.cjs.development.js.map

@@ -1 +1 @@
-{"version":3,"file":"plasmic-giphy.cjs.development.js","sources":["../src/hooks/useFetch.ts","../src/giphy.tsx","../src/index.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\ninterface HookProps {\n    keyword: string\n}\nexport const useFetch = ({ keyword }: HookProps) => {\n    const [giphyId, setGiphyId] = useState(\"\");\n\n    useEffect(() => {\n        if (keyword) fetchGiphy();\n    }, [keyword]);\n\n    const fetchGiphy = async () => {\n        try {\n            const response = await fetch(\n                `https://api.giphy.com/v1/gifs/search?api_key=X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK&q=${keyword\n                    .split(\" \")\n                    .join(\"\")}&limit=1`\n            );\n\n            const { data } = await response.json();\n\n            setGiphyId(data[0]?.id);\n        } catch (error) {\n            console.log(\"Error in gif api retrieval: \", error);\n            setGiphyId(\"\");\n        }\n    };\n    return giphyId;\n};\n","import { GiphyFetch } from \"@giphy/js-fetch-api\";\nimport { IGif } from \"@giphy/js-types\";\nimport { CodeComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useState } from \"react\";\nimport { useFetch } from \"./hooks/useFetch\";\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n\nconst modulePath = \"@plasmicpkgs/plasmic-giphy\";\n\ninterface GiphyProps {\n  searchTerm: string;\n  className: string;\n  noLayout?: boolean;\n}\n\nexport const GiphyMeta: CodeComponentMeta<GiphyProps> = {\n  name: \"hostless-giphy\",\n  displayName: \"Giphy\",\n  importName: \"Giphy\",\n  importPath: modulePath,\n  providesData: true,\n  description: \"Fetches Giphy data and render it\",\n  props: {\n    searchTerm: {\n      type: \"string\",\n      displayName: \"Search Term\",\n      description: \"Search term for fetching gif \",\n      defaultValue: \"Cat\",\n    },\n  },\n};\n\nexport function Giphy({ searchTerm, className }: GiphyProps) {\n  const id = useFetch({ keyword: searchTerm });\n  const [gif, setGif] = useState<IGif | null>(null);\n\n  const gf = new GiphyFetch(\"X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK\");\n  useEffect(() => {\n    const fetchGif = async () => {\n      if (!id) {\n        return null;\n      }\n      const { data } = await gf.gif(id);\n      setGif(data);\n      return data;\n    };\n    fetchGif();\n  }, [id]);\n\n  return (\n    <img\n      src={gif?.images.downsized_medium.url}\n      alt=\"Gif\"\n      className={className}\n    />\n  );\n}\n","import registerComponent, {\n  CodeComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\n\nimport { Giphy, GiphyMeta } from \"./giphy\";\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: CodeComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  _registerComponent(Giphy, GiphyMeta);\n}\n\nexport * from \"./giphy\";\n"],"names":["useFetch","_ref","keyword","_useState","useState","giphyId","setGiphyId","useEffect","fetchGiphy","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_data$","response","_yield$response$json","data","wrap","_callee$","_context","prev","next","fetch","split","join","sent","json","id","t0","console","log","stop","apply","arguments","ensure","x","undefined","Error","modulePath","GiphyMeta","name","displayName","importName","importPath","providesData","description","props","searchTerm","type","defaultValue","Giphy","className","gif","setGif","gf","GiphyFetch","fetchGif","_yield$gf$gif","abrupt","React","src","images","downsized_medium","url","alt","registerAll","loader","_registerComponent","Component","defaultMeta","registerComponent"],"mappings":"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"}
+{"version":3,"file":"plasmic-giphy.cjs.development.js","sources":["../src/hooks/useFetch.ts","../src/giphy.tsx","../src/index.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\ninterface HookProps {\n    keyword: string\n}\nexport const useFetch = ({ keyword }: HookProps) => {\n    const [giphyId, setGiphyId] = useState(\"\");\n\n    useEffect(() => {\n        if (keyword) fetchGiphy();\n    }, [keyword]);\n\n    const fetchGiphy = async () => {\n        try {\n            const response = await fetch(\n                `https://api.giphy.com/v1/gifs/search?api_key=X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK&q=${keyword\n                    .split(\" \")\n                    .join(\"\")}&limit=1`\n            );\n\n            const { data } = await response.json();\n\n            setGiphyId(data[0]?.id);\n        } catch (error) {\n            console.log(\"Error in gif api retrieval: \", error);\n            setGiphyId(\"\");\n        }\n    };\n    return giphyId;\n};\n","import { GiphyFetch } from \"@giphy/js-fetch-api\";\nimport { IGif } from \"@giphy/js-types\";\nimport { CodeComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useState } from \"react\";\nimport { useFetch } from \"./hooks/useFetch\";\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n\nconst modulePath = \"@plasmicpkgs/plasmic-giphy\";\n\ninterface GiphyProps {\n  searchTerm: string;\n  className: string;\n  noLayout?: boolean;\n}\n\nexport const GiphyMeta: CodeComponentMeta<GiphyProps> = {\n  name: \"hostless-giphy\",\n  displayName: \"Giphy\",\n  importName: \"Giphy\",\n  importPath: modulePath,\n  providesData: true,\n  description: \"Fetches Giphy data and render it\",\n  props: {\n    searchTerm: {\n      type: \"string\",\n      displayName: \"Search Term\",\n      description: \"Search term for fetching gif \",\n      defaultValue: \"Cat\",\n    },\n  },\n};\n\nexport function Giphy({ searchTerm, className }: GiphyProps) {\n  const id = useFetch({ keyword: searchTerm });\n  const [gif, setGif] = useState<IGif | null>(null);\n\n  const gf = new GiphyFetch(\"X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK\");\n  useEffect(() => {\n    const fetchGif = async () => {\n      if (!id) {\n        return null;\n      }\n      const { data } = await gf.gif(id);\n      setGif(data);\n      return data;\n    };\n    fetchGif();\n  }, [id]);\n\n  return (\n    <img\n      src={gif?.images.downsized_medium.url}\n      alt=\"Gif\"\n      className={className}\n    />\n  );\n}\n","import registerComponent, {\n  CodeComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\n\nimport { Giphy, GiphyMeta } from \"./giphy\";\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: CodeComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  _registerComponent(Giphy, GiphyMeta);\n}\n\nexport * from \"./giphy\";\n"],"names":["useFetch","_ref","keyword","_useState","useState","giphyId","setGiphyId","useEffect","fetchGiphy","_ref2","_asyncToGenerator","_regenerator","m","_callee","_data$","response","_yield$response$json","data","_t","w","_context","p","n","fetch","split","join","v","json","id","console","log","a","apply","arguments","ensure","x","undefined","Error","modulePath","GiphyMeta","name","displayName","importName","importPath","providesData","description","props","searchTerm","type","defaultValue","Giphy","className","gif","setGif","gf","GiphyFetch","fetchGif","_yield$gf$gif","React","src","images","downsized_medium","url","alt","registerAll","loader","_registerComponent","Component","defaultMeta","registerComponent"],"mappings":"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"}

package/dist/plasmic-giphy.cjs.production.min.js

@@ -1,2 +1,2 @@
-"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t.default:t}Object.defineProperty(exports,"__esModule",{value:!0});var r=t(require("@plasmicapp/host/registerComponent")),e=require("@giphy/js-fetch-api"),n=require("react"),o=t(n);function i(t,r,e,n,o,i,a){try{var c=t[i](a),u=c.value}catch(t){return void e(t)}c.done?r(u):Promise.resolve(u).then(n,o)}function a(t){return function(){var r=this,e=arguments;return new Promise((function(n,o){var a=t.apply(r,e);function c(t){i(a,n,o,c,u,"next",t)}function u(t){i(a,n,o,c,u,"throw",t)}c(void 0)}))}}function c(){c=function(){return r};var t,r={},e=Object.prototype,n=e.hasOwnProperty,o=Object.defineProperty||function(t,r,e){t[r]=e.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",u=i.asyncIterator||"@@asyncIterator",s=i.toStringTag||"@@toStringTag";function f(t,r,e){return Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}),t[r]}try{f({},"")}catch(t){f=function(t,r,e){return t[r]=e}}function l(t,r,e,n){var i=Object.create((r&&r.prototype instanceof g?r:g).prototype),a=new N(n||[]);return o(i,"_invoke",{value:k(t,e,a)}),i}function h(t,r,e){try{return{type:"normal",arg:t.call(r,e)}}catch(t){return{type:"throw",arg:t}}}r.wrap=l;var p="suspendedStart",y="executing",v="completed",d={};function g(){}function m(){}function w(){}var x={};f(x,a,(function(){return this}));var b=Object.getPrototypeOf,L=b&&b(b(P([])));L&&L!==e&&n.call(L,a)&&(x=L);var E=w.prototype=g.prototype=Object.create(x);function _(t){["next","throw","return"].forEach((function(r){f(t,r,(function(t){return this._invoke(r,t)}))}))}function j(t,r){function e(o,i,a,c){var u=h(t[o],t,i);if("throw"!==u.type){var s=u.arg,f=s.value;return f&&"object"==typeof f&&n.call(f,"__await")?r.resolve(f.__await).then((function(t){e("next",t,a,c)}),(function(t){e("throw",t,a,c)})):r.resolve(f).then((function(t){s.value=t,a(s)}),(function(t){return e("throw",t,a,c)}))}c(u.arg)}var i;o(this,"_invoke",{value:function(t,n){function o(){return new r((function(r,o){e(t,n,r,o)}))}return i=i?i.then(o,o):o()}})}function k(r,e,n){var o=p;return function(i,a){if(o===y)throw Error("Generator is already running");if(o===v){if("throw"===i)throw a;return{value:t,done:!0}}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=O(c,n);if(u){if(u===d)continue;return u}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===p)throw o=v,n.arg;n.dispatchException(n.arg)}else"return"===n.method&&n.abrupt("return",n.arg);o=y;var s=h(r,e,n);if("normal"===s.type){if(o=n.done?v:"suspendedYield",s.arg===d)continue;return{value:s.arg,done:n.done}}"throw"===s.type&&(o=v,n.method="throw",n.arg=s.arg)}}}function O(r,e){var n=e.method,o=r.iterator[n];if(o===t)return e.delegate=null,"throw"===n&&r.iterator.return&&(e.method="return",e.arg=t,O(r,e),"throw"===e.method)||"return"!==n&&(e.method="throw",e.arg=new TypeError("The iterator does not provide a '"+n+"' method")),d;var i=h(o,r.iterator,e.arg);if("throw"===i.type)return e.method="throw",e.arg=i.arg,e.delegate=null,d;var a=i.arg;return a?a.done?(e[r.resultName]=a.value,e.next=r.nextLoc,"return"!==e.method&&(e.method="next",e.arg=t),e.delegate=null,d):a:(e.method="throw",e.arg=new TypeError("iterator result is not an object"),e.delegate=null,d)}function G(t){var r={tryLoc:t[0]};1 in t&&(r.catchLoc=t[1]),2 in t&&(r.finallyLoc=t[2],r.afterLoc=t[3]),this.tryEntries.push(r)}function S(t){var r=t.completion||{};r.type="normal",delete r.arg,t.completion=r}function N(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(G,this),this.reset(!0)}function P(r){if(r||""===r){var e=r[a];if(e)return e.call(r);if("function"==typeof r.next)return r;if(!isNaN(r.length)){var o=-1,i=function e(){for(;++o<r.length;)if(n.call(r,o))return e.value=r[o],e.done=!1,e;return e.value=t,e.done=!0,e};return i.next=i}}throw new TypeError(typeof r+" is not iterable")}return m.prototype=w,o(E,"constructor",{value:w,configurable:!0}),o(w,"constructor",{value:m,configurable:!0}),m.displayName=f(w,s,"GeneratorFunction"),r.isGeneratorFunction=function(t){var r="function"==typeof t&&t.constructor;return!!r&&(r===m||"GeneratorFunction"===(r.displayName||r.name))},r.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,w):(t.__proto__=w,f(t,s,"GeneratorFunction")),t.prototype=Object.create(E),t},r.awrap=function(t){return{__await:t}},_(j.prototype),f(j.prototype,u,(function(){return this})),r.AsyncIterator=j,r.async=function(t,e,n,o,i){void 0===i&&(i=Promise);var a=new j(l(t,e,n,o),i);return r.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},_(E),f(E,s,"Generator"),f(E,a,(function(){return this})),f(E,"toString",(function(){return"[object Generator]"})),r.keys=function(t){var r=Object(t),e=[];for(var n in r)e.push(n);return e.reverse(),function t(){for(;e.length;){var n=e.pop();if(n in r)return t.value=n,t.done=!1,t}return t.done=!0,t}},r.values=P,N.prototype={constructor:N,reset:function(r){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(S),!r)for(var e in this)"t"===e.charAt(0)&&n.call(this,e)&&!isNaN(+e.slice(1))&&(this[e]=t)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(r){if(this.done)throw r;var e=this;function o(n,o){return c.type="throw",c.arg=r,e.next=n,o&&(e.method="next",e.arg=t),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var u=n.call(a,"catchLoc"),s=n.call(a,"finallyLoc");if(u&&s){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!s)throw Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,r){for(var e=this.tryEntries.length-1;e>=0;--e){var o=this.tryEntries[e];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=r&&r<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=r,i?(this.method="next",this.next=i.finallyLoc,d):this.complete(a)},complete:function(t,r){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&r&&(this.next=r),d},finish:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),S(e),d}},catch:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.tryLoc===t){var n=e.completion;if("throw"===n.type){var o=n.arg;S(e)}return o}}throw Error("illegal catch attempt")},delegateYield:function(r,e,n){return this.delegate={iterator:P(r),resultName:e,nextLoc:n},"next"===this.method&&(this.arg=t),d}},r}var u={name:"hostless-giphy",displayName:"Giphy",importName:"Giphy",importPath:"@plasmicpkgs/plasmic-giphy",providesData:!0,description:"Fetches Giphy data and render it",props:{searchTerm:{type:"string",displayName:"Search Term",description:"Search term for fetching gif ",defaultValue:"Cat"}}};function s(t){var r=t.className,i=function(t){var r=t.keyword,e=n.useState(""),o=e[0],i=e[1];n.useEffect((function(){r&&u()}),[r]);var u=function(){var t=a(c().mark((function t(){var e,n;return c().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,fetch("https://api.giphy.com/v1/gifs/search?api_key=X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK&q="+r.split(" ").join("")+"&limit=1");case 3:return n=t.sent,t.next=6,n.json();case 6:i(null==(e=t.sent.data[0])?void 0:e.id),t.next=15;break;case 11:t.prev=11,t.t0=t.catch(0),console.log("Error in gif api retrieval: ",t.t0),i("");case 15:case"end":return t.stop()}}),t,null,[[0,11]])})));return function(){return t.apply(this,arguments)}}();return o}({keyword:t.searchTerm}),u=n.useState(null),s=u[0],f=u[1],l=new e.GiphyFetch("X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK");return n.useEffect((function(){!function(){var t=a(c().mark((function t(){var r;return c().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(i){t.next=2;break}return t.abrupt("return",null);case 2:return t.next=4,l.gif(i);case 4:return f(r=t.sent.data),t.abrupt("return",r);case 8:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}()()}),[i]),o.createElement("img",{src:null==s?void 0:s.images.downsized_medium.url,alt:"Gif",className:r})}exports.Giphy=s,exports.GiphyMeta=u,exports.ensure=function(t){if(null==t)throw new Error("Value must not be undefined or null");return t},exports.registerAll=function(t){var e,n;e=s,n=u,t?t.registerComponent(e,n):r(e,n)};
+"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t.default:t}Object.defineProperty(exports,"__esModule",{value:!0});var e=t(require("@plasmicapp/host/registerComponent")),r=require("@giphy/js-fetch-api"),n=require("react"),o=t(n);function i(t,e,r,n,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void r(t)}u.done?e(c):Promise.resolve(c).then(n,o)}function a(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var a=t.apply(e,r);function u(t){i(a,n,o,u,c,"next",t)}function c(t){i(a,n,o,u,c,"throw",t)}u(void 0)}))}}function u(){var t,e,r="function"==typeof Symbol?Symbol:{},n=r.iterator||"@@iterator",o=r.toStringTag||"@@toStringTag";function i(r,n,o,i){var u=Object.create((n&&n.prototype instanceof f?n:f).prototype);return c(u,"_invoke",function(r,n,o){var i,u,c,f=0,s=o||[],p=!1,l={p:0,n:0,v:t,a:h,f:h.bind(t,4),d:function(e,r){return i=e,u=0,c=t,l.n=r,a}};function h(r,n){for(u=r,c=n,e=0;!p&&f&&!o&&e<s.length;e++){var o,i=s[e],h=l.p,y=i[2];r>3?(o=y===n)&&(c=i[(u=i[4])?5:(u=3,3)],i[4]=i[5]=t):i[0]<=h&&((o=r<2&&h<i[1])?(u=0,l.v=n,l.n=i[1]):h<y&&(o=r<3||i[0]>n||n>y)&&(i[4]=r,i[5]=n,l.n=y,u=0))}if(o||r>1)return a;throw p=!0,n}return function(o,s,y){if(f>1)throw TypeError("Generator is already running");for(p&&1===s&&h(s,y),u=s,c=y;(e=u<2?t:c)||!p;){i||(u?u<3?(u>1&&(l.n=-1),h(u,c)):l.n=c:l.v=c);try{if(f=2,i){if(u||(o="next"),e=i[o]){if(!(e=e.call(i,c)))throw TypeError("iterator result is not an object");if(!e.done)return e;c=e.value,u<2&&(u=0)}else 1===u&&(e=i.return)&&e.call(i),u<2&&(c=TypeError("The iterator does not provide a '"+o+"' method"),u=1);i=t}else if((e=(p=l.n<0)?c:r.call(n,l))!==a)break}catch(e){i=t,u=1,c=e}finally{f=1}}return{value:e,done:p}}}(r,o,i),!0),u}var a={};function f(){}function s(){}function p(){}e=Object.getPrototypeOf;var l=[][n]?e(e([][n]())):(c(e={},n,(function(){return this})),e),h=p.prototype=f.prototype=Object.create(l);function y(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,p):(t.__proto__=p,c(t,o,"GeneratorFunction")),t.prototype=Object.create(h),t}return s.prototype=p,c(h,"constructor",p),c(p,"constructor",s),s.displayName="GeneratorFunction",c(p,o,"GeneratorFunction"),c(h),c(h,o,"Generator"),c(h,n,(function(){return this})),c(h,"toString",(function(){return"[object Generator]"})),(u=function(){return{w:i,m:y}})()}function c(t,e,r,n){var o=Object.defineProperty;try{o({},"",{})}catch(t){o=0}(c=function(t,e,r,n){function i(e,r){c(t,e,(function(t){return this._invoke(e,r,t)}))}e?o?o(t,e,{value:r,enumerable:!n,configurable:!n,writable:!n}):t[e]=r:(i("next",0),i("throw",1),i("return",2))})(t,e,r,n)}var f={name:"hostless-giphy",displayName:"Giphy",importName:"Giphy",importPath:"@plasmicpkgs/plasmic-giphy",providesData:!0,description:"Fetches Giphy data and render it",props:{searchTerm:{type:"string",displayName:"Search Term",description:"Search term for fetching gif ",defaultValue:"Cat"}}};function s(t){var e=t.className,i=function(t){var e=t.keyword,r=n.useState(""),o=r[0],i=r[1];n.useEffect((function(){e&&c()}),[e]);var c=function(){var t=a(u().m((function t(){var r,n;return u().w((function(t){for(;;)switch(t.p=t.n){case 0:return t.p=0,t.n=1,fetch("https://api.giphy.com/v1/gifs/search?api_key=X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK&q="+e.split(" ").join("")+"&limit=1");case 1:return n=t.v,t.n=2,n.json();case 2:i(null==(r=t.v.data[0])?void 0:r.id),t.n=4;break;case 3:t.p=3,console.log("Error in gif api retrieval: ",t.v),i("");case 4:return t.a(2)}}),t,null,[[0,3]])})));return function(){return t.apply(this,arguments)}}();return o}({keyword:t.searchTerm}),c=n.useState(null),f=c[0],s=c[1],p=new r.GiphyFetch("X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK");return n.useEffect((function(){!function(){var t=a(u().m((function t(){var e;return u().w((function(t){for(;;)switch(t.n){case 0:if(i){t.n=1;break}return t.a(2,null);case 1:return t.n=2,p.gif(i);case 2:return s(e=t.v.data),t.a(2,e)}}),t)})));return function(){return t.apply(this,arguments)}}()()}),[i]),o.createElement("img",{src:null==f?void 0:f.images.downsized_medium.url,alt:"Gif",className:e})}exports.Giphy=s,exports.GiphyMeta=f,exports.ensure=function(t){if(null==t)throw new Error("Value must not be undefined or null");return t},exports.registerAll=function(t){var r,n;r=s,n=f,t?t.registerComponent(r,n):e(r,n)};
 //# sourceMappingURL=plasmic-giphy.cjs.production.min.js.map

package/dist/plasmic-giphy.cjs.production.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"plasmic-giphy.cjs.production.min.js","sources":["../src/giphy.tsx","../src/hooks/useFetch.ts","../src/index.tsx"],"sourcesContent":["import { GiphyFetch } from \"@giphy/js-fetch-api\";\nimport { IGif } from \"@giphy/js-types\";\nimport { CodeComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useState } from \"react\";\nimport { useFetch } from \"./hooks/useFetch\";\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n\nconst modulePath = \"@plasmicpkgs/plasmic-giphy\";\n\ninterface GiphyProps {\n  searchTerm: string;\n  className: string;\n  noLayout?: boolean;\n}\n\nexport const GiphyMeta: CodeComponentMeta<GiphyProps> = {\n  name: \"hostless-giphy\",\n  displayName: \"Giphy\",\n  importName: \"Giphy\",\n  importPath: modulePath,\n  providesData: true,\n  description: \"Fetches Giphy data and render it\",\n  props: {\n    searchTerm: {\n      type: \"string\",\n      displayName: \"Search Term\",\n      description: \"Search term for fetching gif \",\n      defaultValue: \"Cat\",\n    },\n  },\n};\n\nexport function Giphy({ searchTerm, className }: GiphyProps) {\n  const id = useFetch({ keyword: searchTerm });\n  const [gif, setGif] = useState<IGif | null>(null);\n\n  const gf = new GiphyFetch(\"X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK\");\n  useEffect(() => {\n    const fetchGif = async () => {\n      if (!id) {\n        return null;\n      }\n      const { data } = await gf.gif(id);\n      setGif(data);\n      return data;\n    };\n    fetchGif();\n  }, [id]);\n\n  return (\n    <img\n      src={gif?.images.downsized_medium.url}\n      alt=\"Gif\"\n      className={className}\n    />\n  );\n}\n","import { useState, useEffect } from \"react\";\n\ninterface HookProps {\n    keyword: string\n}\nexport const useFetch = ({ keyword }: HookProps) => {\n    const [giphyId, setGiphyId] = useState(\"\");\n\n    useEffect(() => {\n        if (keyword) fetchGiphy();\n    }, [keyword]);\n\n    const fetchGiphy = async () => {\n        try {\n            const response = await fetch(\n                `https://api.giphy.com/v1/gifs/search?api_key=X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK&q=${keyword\n                    .split(\" \")\n                    .join(\"\")}&limit=1`\n            );\n\n            const { data } = await response.json();\n\n            setGiphyId(data[0]?.id);\n        } catch (error) {\n            console.log(\"Error in gif api retrieval: \", error);\n            setGiphyId(\"\");\n        }\n    };\n    return giphyId;\n};\n","import registerComponent, {\n  CodeComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\n\nimport { Giphy, GiphyMeta } from \"./giphy\";\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: CodeComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  _registerComponent(Giphy, GiphyMeta);\n}\n\nexport * from \"./giphy\";\n"],"names":["GiphyMeta","name","displayName","importName","importPath","providesData","description","props","searchTerm","type","defaultValue","Giphy","_ref","className","id","keyword","_useState","useState","giphyId","setGiphyId","useEffect","fetchGiphy","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_data$","response","wrap","_context","prev","next","fetch","split","join","sent","json","data","t0","console","log","stop","apply","arguments","useFetch","gif","setGif","gf","GiphyFetch","abrupt","fetchGif","React","src","images","downsized_medium","url","alt","x","Error","loader","Component","defaultMeta","registerComponent"],"mappings":"w5NAeA,IAQaA,EAA2C,CACtDC,KAAM,iBACNC,YAAa,QACbC,WAAY,QACZC,WAZiB,6BAajBC,cAAc,EACdC,YAAa,mCACbC,MAAO,CACLC,WAAY,CACVC,KAAM,SACNP,YAAa,cACbI,YAAa,gCACbI,aAAc,kBAKJC,EAAKC,OAAeC,EAASD,EAATC,UAC5BC,ECpCgB,SAAHF,OAAMG,EAAOH,EAAPG,QACvBC,EAA8BC,WAAS,IAAhCC,EAAOF,KAAEG,EAAUH,KAE1BI,aAAU,WACFL,GAASM,MACd,CAACN,IAEJ,IAAMM,aAAU,IAAAC,EAAAC,EAAAC,IAAAC,MAAG,SAAAC,IAAA,IAAAC,EAAAC,EAAA,OAAAJ,IAAAK,eAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,OAAA,OAAAF,EAAAC,OAAAD,EAAAE,OAEYC,yFACgElB,EAC9EmB,MAAM,KACNC,KAAK,gBACb,OAJa,OAARP,EAAQE,EAAAM,KAAAN,EAAAE,OAMSJ,EAASS,OAAM,OAEtClB,SAAUQ,EAF4BG,EAAAM,KAA9BE,KAEQ,WAALX,EAASb,IAAIgB,EAAAE,QAAA,MAAA,QAAAF,EAAAC,QAAAD,EAAAS,GAAAT,WAExBU,QAAQC,IAAI,+BAA8BX,EAAAS,IAC1CpB,EAAW,IAAI,QAAA,UAAA,OAAAW,EAAAY,UAAAhB,qBAEtB,kBAfe,OAAAJ,EAAAqB,WAAAC,eAgBhB,OAAO1B,EDaE2B,CAAS,CAAE9B,QADUH,EAAVJ,aAEtBQ,EAAsBC,WAAsB,MAArC6B,EAAG9B,KAAE+B,EAAM/B,KAEZgC,EAAK,IAAIC,aAAW,oCAa1B,OAZA7B,aAAU,uBACM,IAAAE,EAAAC,EAAAC,IAAAC,MAAG,SAAAC,IAAA,IAAAY,EAAA,OAAAd,IAAAK,eAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,OAAA,GACVlB,GAAEgB,EAAAE,OAAA,MAAA,OAAAF,EAAAoB,gBACE,MAAI,OAAA,OAAApB,EAAAE,OAEUgB,EAAGF,IAAIhC,GAAG,OACpB,OAAbiC,EADQT,EAAyBR,EAAAM,KAAzBE,MACKR,EAAAoB,gBACNZ,GAAI,OAAA,UAAA,OAAAR,EAAAY,UAAAhB,OACZ,kBAPa,OAAAJ,EAAAqB,WAAAC,cAQdO,KACC,CAACrC,IAGFsC,uBACEC,UAAKP,SAAAA,EAAKQ,OAAOC,iBAAiBC,IAClCC,IAAI,MACJ5C,UAAWA,gEAvDS6C,GACxB,GAAIA,MAAAA,EAEF,MAAM,IAAIC,6CAEV,OAAOD,gCEJiBE,GAI1B,IACEC,EACAC,EADAD,EAUiBlD,EATjBmD,EASwB9D,EAPpB4D,EACFA,EAAOG,kBAAkBF,EAAWC,GAEpCC,EAAkBF,EAAWC"}
+{"version":3,"file":"plasmic-giphy.cjs.production.min.js","sources":["../src/giphy.tsx","../src/hooks/useFetch.ts","../src/index.tsx"],"sourcesContent":["import { GiphyFetch } from \"@giphy/js-fetch-api\";\nimport { IGif } from \"@giphy/js-types\";\nimport { CodeComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useState } from \"react\";\nimport { useFetch } from \"./hooks/useFetch\";\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n\nconst modulePath = \"@plasmicpkgs/plasmic-giphy\";\n\ninterface GiphyProps {\n  searchTerm: string;\n  className: string;\n  noLayout?: boolean;\n}\n\nexport const GiphyMeta: CodeComponentMeta<GiphyProps> = {\n  name: \"hostless-giphy\",\n  displayName: \"Giphy\",\n  importName: \"Giphy\",\n  importPath: modulePath,\n  providesData: true,\n  description: \"Fetches Giphy data and render it\",\n  props: {\n    searchTerm: {\n      type: \"string\",\n      displayName: \"Search Term\",\n      description: \"Search term for fetching gif \",\n      defaultValue: \"Cat\",\n    },\n  },\n};\n\nexport function Giphy({ searchTerm, className }: GiphyProps) {\n  const id = useFetch({ keyword: searchTerm });\n  const [gif, setGif] = useState<IGif | null>(null);\n\n  const gf = new GiphyFetch(\"X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK\");\n  useEffect(() => {\n    const fetchGif = async () => {\n      if (!id) {\n        return null;\n      }\n      const { data } = await gf.gif(id);\n      setGif(data);\n      return data;\n    };\n    fetchGif();\n  }, [id]);\n\n  return (\n    <img\n      src={gif?.images.downsized_medium.url}\n      alt=\"Gif\"\n      className={className}\n    />\n  );\n}\n","import { useState, useEffect } from \"react\";\n\ninterface HookProps {\n    keyword: string\n}\nexport const useFetch = ({ keyword }: HookProps) => {\n    const [giphyId, setGiphyId] = useState(\"\");\n\n    useEffect(() => {\n        if (keyword) fetchGiphy();\n    }, [keyword]);\n\n    const fetchGiphy = async () => {\n        try {\n            const response = await fetch(\n                `https://api.giphy.com/v1/gifs/search?api_key=X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK&q=${keyword\n                    .split(\" \")\n                    .join(\"\")}&limit=1`\n            );\n\n            const { data } = await response.json();\n\n            setGiphyId(data[0]?.id);\n        } catch (error) {\n            console.log(\"Error in gif api retrieval: \", error);\n            setGiphyId(\"\");\n        }\n    };\n    return giphyId;\n};\n","import registerComponent, {\n  CodeComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\n\nimport { Giphy, GiphyMeta } from \"./giphy\";\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: CodeComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  _registerComponent(Giphy, GiphyMeta);\n}\n\nexport * from \"./giphy\";\n"],"names":["GiphyMeta","name","displayName","importName","importPath","providesData","description","props","searchTerm","type","defaultValue","Giphy","_ref","className","id","keyword","_useState","useState","giphyId","setGiphyId","useEffect","fetchGiphy","_ref2","_asyncToGenerator","_regenerator","m","_callee","_data$","response","w","_context","p","n","fetch","split","join","v","json","data","console","log","a","apply","arguments","useFetch","gif","setGif","gf","GiphyFetch","fetchGif","React","src","images","downsized_medium","url","alt","x","Error","loader","Component","defaultMeta","registerComponent"],"mappings":"gkFAeA,IAQaA,EAA2C,CACtDC,KAAM,iBACNC,YAAa,QACbC,WAAY,QACZC,WAZiB,6BAajBC,cAAc,EACdC,YAAa,mCACbC,MAAO,CACLC,WAAY,CACVC,KAAM,SACNP,YAAa,cACbI,YAAa,gCACbI,aAAc,kBAKJC,EAAKC,OAAeC,EAASD,EAATC,UAC5BC,ECpCgB,SAAHF,OAAMG,EAAOH,EAAPG,QACvBC,EAA8BC,WAAS,IAAhCC,EAAOF,KAAEG,EAAUH,KAE1BI,aAAU,WACFL,GAASM,MACd,CAACN,IAEJ,IAAMM,aAAU,IAAAC,EAAAC,EAAAC,IAAAC,GAAG,SAAAC,IAAA,IAAAC,EAAAC,EAAA,OAAAJ,IAAAK,YAAAC,GAAA,cAAAA,EAAAC,EAAAD,EAAAE,GAAA,OAAA,OAAAF,EAAAC,IAAAD,EAAAE,IAEYC,yFACgElB,EAC9EmB,MAAM,KACNC,KAAK,gBACb,OAJa,OAARP,EAAQE,EAAAM,EAAAN,EAAAE,IAMSJ,EAASS,OAAM,OAEtClB,SAAUQ,EAF4BG,EAAAM,EAA9BE,KAEQ,WAALX,EAASb,IAAIgB,EAAAE,IAAA,MAAA,OAAAF,EAAAC,IAExBQ,QAAQC,IAAI,+BAFYV,EAAAM,GAGxBjB,EAAW,IAAI,OAAA,OAAAW,EAAAW,QAAAf,oBAEtB,kBAfe,OAAAJ,EAAAoB,WAAAC,eAgBhB,OAAOzB,EDaE0B,CAAS,CAAE7B,QADUH,EAAVJ,aAEtBQ,EAAsBC,WAAsB,MAArC4B,EAAG7B,KAAE8B,EAAM9B,KAEZ+B,EAAK,IAAIC,aAAW,oCAa1B,OAZA5B,aAAU,uBACM,IAAAE,EAAAC,EAAAC,IAAAC,GAAG,SAAAC,IAAA,IAAAY,EAAA,OAAAd,IAAAK,YAAAC,GAAA,cAAAA,EAAAE,GAAA,OAAA,GACVlB,GAAEgB,EAAAE,IAAA,MAAA,OAAAF,EAAAW,IACE,MAAI,OAAA,OAAAX,EAAAE,IAEUe,EAAGF,IAAI/B,GAAG,OACpB,OAAbgC,EADQR,EAAyBR,EAAAM,EAAzBE,MACKR,EAAAW,IACNH,MAAIZ,OACZ,kBAPa,OAAAJ,EAAAoB,WAAAC,cAQdM,KACC,CAACnC,IAGFoC,uBACEC,UAAKN,SAAAA,EAAKO,OAAOC,iBAAiBC,IAClCC,IAAI,MACJ1C,UAAWA,gEAvDS2C,GACxB,GAAIA,MAAAA,EAEF,MAAM,IAAIC,6CAEV,OAAOD,gCEJiBE,GAI1B,IACEC,EACAC,EADAD,EAUiBhD,EATjBiD,EASwB5D,EAPpB0D,EACFA,EAAOG,kBAAkBF,EAAWC,GAEpCC,EAAkBF,EAAWC"}

package/dist/plasmic-giphy.esm.js

@@ -27,306 +27,113 @@ function _asyncToGenerator(n) {
     });
   };
 }
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return e;
-  };
-  var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), t[e];
-  }
-  try {
-    define({}, "");
-  } catch (t) {
-    define = function (t, e, r) {
-      return t[e] = r;
-    };
-  }
-  function wrap(t, e, r, n) {
-    var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
-  }
-  function tryCatch(t, e, r) {
-    try {
-      return {
-        type: "normal",
-        arg: t.call(e, r)
-      };
-    } catch (t) {
-      return {
-        type: "throw",
-        arg: t
-      };
-    }
-  }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
-    return this;
-  });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
-      });
-    });
-  }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
-      if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
-        }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
-        }, function (t) {
-          return invoke("throw", t, i, a);
-        });
-      }
-      a(c.arg);
-    }
-    var r;
-    o(this, "_invoke", {
-      value: function (t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
+function _regenerator() {
+  /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */
+  var e,
+    t,
+    r = "function" == typeof Symbol ? Symbol : {},
+    n = r.iterator || "@@iterator",
+    o = r.toStringTag || "@@toStringTag";
+  function i(r, n, o, i) {
+    var c = n && n.prototype instanceof Generator ? n : Generator,
+      u = Object.create(c.prototype);
+    return _regeneratorDefine(u, "_invoke", function (r, n, o) {
+      var i,
+        c,
+        u,
+        f = 0,
+        p = o || [],
+        y = !1,
+        G = {
+          p: 0,
+          n: 0,
+          v: e,
+          a: d,
+          f: d.bind(e, 4),
+          d: function (t, r) {
+            return i = t, c = 0, u = e, G.n = r, a;
+          }
+        };
+      function d(r, n) {
+        for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) {
+          var o,
+            i = p[t],
+            d = G.p,
+            l = i[2];
+          r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0));
         }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+        if (o || r > 1) return a;
+        throw y = !0, n;
       }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
+      return function (o, p, l) {
+        if (f > 1) throw TypeError("Generator is already running");
+        for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) {
+          i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u);
+          try {
+            if (f = 2, i) {
+              if (c || (o = "next"), t = i[o]) {
+                if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object");
+                if (!t.done) return t;
+                u = t.value, c < 2 && (c = 0);
+              } else 1 === c && (t = i.return) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1);
+              i = e;
+            } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break;
+          } catch (t) {
+            i = e, c = 1, u = t;
+          } finally {
+            f = 1;
+          }
+        }
         return {
           value: t,
-          done: !0
+          done: y
         };
-      }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-      }
-    };
-  }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-    var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-  }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-  }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
-  }
-  function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(!0);
+      };
+    }(r, o, i), !0), u;
   }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
-        var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-            return next.value = t, next.done = !0, next;
-          };
-        return i.next = i;
-      }
-    }
-    throw new TypeError(typeof e + " is not iterable");
+  var a = {};
+  function Generator() {}
+  function GeneratorFunction() {}
+  function GeneratorFunctionPrototype() {}
+  t = Object.getPrototypeOf;
+  var c = [][n] ? t(t([][n]())) : (_regeneratorDefine(t = {}, n, function () {
+      return this;
+    }), t),
+    u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c);
+  function f(e) {
+    return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e;
   }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
-    return {
-      __await: t
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-    return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-    void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-      return t.done ? t.value : a.next();
-    });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+  return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine(u), _regeneratorDefine(u, o, "Generator"), _regeneratorDefine(u, n, function () {
     return this;
-  }), define(g, "toString", function () {
+  }), _regeneratorDefine(u, "toString", function () {
     return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = !1, next;
-      }
-      return next.done = !0, next;
+  }), (_regenerator = function () {
+    return {
+      w: i,
+      m: f
     };
-  }, e.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-    },
-    stop: function () {
-      this.done = !0;
-      var t = this.tryEntries[0].completion;
-      if ("throw" === t.type) throw t.arg;
-      return this.rval;
-    },
-    dispatchException: function (e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-      }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-        var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-          } else {
-            if (!u) throw Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
-          break;
-        }
-      }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-    },
-    complete: function (t, e) {
-      if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-    },
-    finish: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-      }
-    },
-    catch: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
-          if ("throw" === n.type) {
-            var o = n.arg;
-            resetTryEntry(r);
-          }
-          return o;
-        }
-      }
-      throw Error("illegal catch attempt");
-    },
-    delegateYield: function (e, r, n) {
-      return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
+  })();
+}
+function _regeneratorDefine(e, r, n, t) {
+  var i = Object.defineProperty;
+  try {
+    i({}, "", {});
+  } catch (e) {
+    i = 0;
+  }
+  _regeneratorDefine = function (e, r, n, t) {
+    function o(r, n) {
+      _regeneratorDefine(e, r, function (e) {
+        return this._invoke(r, n, e);
+      });
     }
-  }, e;
+    r ? i ? i(e, r, {
+      value: n,
+      enumerable: !t,
+      configurable: !t,
+      writable: !t
+    }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2));
+  }, _regeneratorDefine(e, r, n, t);
 }
 
 var useFetch = function useFetch(_ref) {
@@ -338,34 +145,33 @@ var useFetch = function useFetch(_ref) {
     if (keyword) fetchGiphy();
   }, [keyword]);
   var fetchGiphy = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-      var _data$, response, _yield$response$json, data;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var _data$, response, _yield$response$json, data, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
-            _context.prev = 0;
-            _context.next = 3;
+            _context.p = 0;
+            _context.n = 1;
             return fetch("https://api.giphy.com/v1/gifs/search?api_key=X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK&q=" + keyword.split(" ").join("") + "&limit=1");
-          case 3:
-            response = _context.sent;
-            _context.next = 6;
+          case 1:
+            response = _context.v;
+            _context.n = 2;
             return response.json();
-          case 6:
-            _yield$response$json = _context.sent;
+          case 2:
+            _yield$response$json = _context.v;
             data = _yield$response$json.data;
             setGiphyId((_data$ = data[0]) == null ? void 0 : _data$.id);
-            _context.next = 15;
+            _context.n = 4;
             break;
-          case 11:
-            _context.prev = 11;
-            _context.t0 = _context["catch"](0);
-            console.log("Error in gif api retrieval: ", _context.t0);
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            console.log("Error in gif api retrieval: ", _t);
             setGiphyId("");
-          case 15:
-          case "end":
-            return _context.stop();
+          case 4:
+            return _context.a(2);
         }
-      }, _callee, null, [[0, 11]]);
+      }, _callee, null, [[0, 3]]);
     }));
     return function fetchGiphy() {
       return _ref2.apply(this, arguments);
@@ -411,27 +217,24 @@ function Giphy(_ref) {
   var gf = new GiphyFetch("X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK");
   useEffect(function () {
     var fetchGif = /*#__PURE__*/function () {
-      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
         var _yield$gf$gif, data;
-        return _regeneratorRuntime().wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        return _regenerator().w(function (_context) {
+          while (1) switch (_context.n) {
             case 0:
               if (id) {
-                _context.next = 2;
+                _context.n = 1;
                 break;
               }
-              return _context.abrupt("return", null);
-            case 2:
-              _context.next = 4;
+              return _context.a(2, null);
+            case 1:
+              _context.n = 2;
               return gf.gif(id);
-            case 4:
-              _yield$gf$gif = _context.sent;
+            case 2:
+              _yield$gf$gif = _context.v;
               data = _yield$gf$gif.data;
               setGif(data);
-              return _context.abrupt("return", data);
-            case 8:
-            case "end":
-              return _context.stop();
+              return _context.a(2, data);
           }
         }, _callee);
       }));

package/dist/plasmic-giphy.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"plasmic-giphy.esm.js","sources":["../src/hooks/useFetch.ts","../src/giphy.tsx","../src/index.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\ninterface HookProps {\n    keyword: string\n}\nexport const useFetch = ({ keyword }: HookProps) => {\n    const [giphyId, setGiphyId] = useState(\"\");\n\n    useEffect(() => {\n        if (keyword) fetchGiphy();\n    }, [keyword]);\n\n    const fetchGiphy = async () => {\n        try {\n            const response = await fetch(\n                `https://api.giphy.com/v1/gifs/search?api_key=X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK&q=${keyword\n                    .split(\" \")\n                    .join(\"\")}&limit=1`\n            );\n\n            const { data } = await response.json();\n\n            setGiphyId(data[0]?.id);\n        } catch (error) {\n            console.log(\"Error in gif api retrieval: \", error);\n            setGiphyId(\"\");\n        }\n    };\n    return giphyId;\n};\n","import { GiphyFetch } from \"@giphy/js-fetch-api\";\nimport { IGif } from \"@giphy/js-types\";\nimport { CodeComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useState } from \"react\";\nimport { useFetch } from \"./hooks/useFetch\";\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n\nconst modulePath = \"@plasmicpkgs/plasmic-giphy\";\n\ninterface GiphyProps {\n  searchTerm: string;\n  className: string;\n  noLayout?: boolean;\n}\n\nexport const GiphyMeta: CodeComponentMeta<GiphyProps> = {\n  name: \"hostless-giphy\",\n  displayName: \"Giphy\",\n  importName: \"Giphy\",\n  importPath: modulePath,\n  providesData: true,\n  description: \"Fetches Giphy data and render it\",\n  props: {\n    searchTerm: {\n      type: \"string\",\n      displayName: \"Search Term\",\n      description: \"Search term for fetching gif \",\n      defaultValue: \"Cat\",\n    },\n  },\n};\n\nexport function Giphy({ searchTerm, className }: GiphyProps) {\n  const id = useFetch({ keyword: searchTerm });\n  const [gif, setGif] = useState<IGif | null>(null);\n\n  const gf = new GiphyFetch(\"X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK\");\n  useEffect(() => {\n    const fetchGif = async () => {\n      if (!id) {\n        return null;\n      }\n      const { data } = await gf.gif(id);\n      setGif(data);\n      return data;\n    };\n    fetchGif();\n  }, [id]);\n\n  return (\n    <img\n      src={gif?.images.downsized_medium.url}\n      alt=\"Gif\"\n      className={className}\n    />\n  );\n}\n","import registerComponent, {\n  CodeComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\n\nimport { Giphy, GiphyMeta } from \"./giphy\";\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: CodeComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  _registerComponent(Giphy, GiphyMeta);\n}\n\nexport * from \"./giphy\";\n"],"names":["useFetch","_ref","keyword","_useState","useState","giphyId","setGiphyId","useEffect","fetchGiphy","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_data$","response","_yield$response$json","data","wrap","_callee$","_context","prev","next","fetch","split","join","sent","json","id","t0","console","log","stop","apply","arguments","ensure","x","undefined","Error","modulePath","GiphyMeta","name","displayName","importName","importPath","providesData","description","props","searchTerm","type","defaultValue","Giphy","className","gif","setGif","gf","GiphyFetch","fetchGif","_yield$gf$gif","abrupt","React","src","images","downsized_medium","url","alt","registerAll","loader","_registerComponent","Component","defaultMeta","registerComponent"],"mappings":"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"}
+{"version":3,"file":"plasmic-giphy.esm.js","sources":["../src/hooks/useFetch.ts","../src/giphy.tsx","../src/index.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\ninterface HookProps {\n    keyword: string\n}\nexport const useFetch = ({ keyword }: HookProps) => {\n    const [giphyId, setGiphyId] = useState(\"\");\n\n    useEffect(() => {\n        if (keyword) fetchGiphy();\n    }, [keyword]);\n\n    const fetchGiphy = async () => {\n        try {\n            const response = await fetch(\n                `https://api.giphy.com/v1/gifs/search?api_key=X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK&q=${keyword\n                    .split(\" \")\n                    .join(\"\")}&limit=1`\n            );\n\n            const { data } = await response.json();\n\n            setGiphyId(data[0]?.id);\n        } catch (error) {\n            console.log(\"Error in gif api retrieval: \", error);\n            setGiphyId(\"\");\n        }\n    };\n    return giphyId;\n};\n","import { GiphyFetch } from \"@giphy/js-fetch-api\";\nimport { IGif } from \"@giphy/js-types\";\nimport { CodeComponentMeta } from \"@plasmicapp/host/registerComponent\";\nimport React, { useEffect, useState } from \"react\";\nimport { useFetch } from \"./hooks/useFetch\";\n\nexport function ensure<T>(x: T | null | undefined): T {\n  if (x === null || x === undefined) {\n    debugger;\n    throw new Error(`Value must not be undefined or null`);\n  } else {\n    return x;\n  }\n}\n\nconst modulePath = \"@plasmicpkgs/plasmic-giphy\";\n\ninterface GiphyProps {\n  searchTerm: string;\n  className: string;\n  noLayout?: boolean;\n}\n\nexport const GiphyMeta: CodeComponentMeta<GiphyProps> = {\n  name: \"hostless-giphy\",\n  displayName: \"Giphy\",\n  importName: \"Giphy\",\n  importPath: modulePath,\n  providesData: true,\n  description: \"Fetches Giphy data and render it\",\n  props: {\n    searchTerm: {\n      type: \"string\",\n      displayName: \"Search Term\",\n      description: \"Search term for fetching gif \",\n      defaultValue: \"Cat\",\n    },\n  },\n};\n\nexport function Giphy({ searchTerm, className }: GiphyProps) {\n  const id = useFetch({ keyword: searchTerm });\n  const [gif, setGif] = useState<IGif | null>(null);\n\n  const gf = new GiphyFetch(\"X1q3afkDR9WHSZJhLS6H9yYTQMPIWOTK\");\n  useEffect(() => {\n    const fetchGif = async () => {\n      if (!id) {\n        return null;\n      }\n      const { data } = await gf.gif(id);\n      setGif(data);\n      return data;\n    };\n    fetchGif();\n  }, [id]);\n\n  return (\n    <img\n      src={gif?.images.downsized_medium.url}\n      alt=\"Gif\"\n      className={className}\n    />\n  );\n}\n","import registerComponent, {\n  CodeComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport registerGlobalContext from \"@plasmicapp/host/registerGlobalContext\";\n\nimport { Giphy, GiphyMeta } from \"./giphy\";\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n  registerGlobalContext: typeof registerGlobalContext;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: CodeComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  _registerComponent(Giphy, GiphyMeta);\n}\n\nexport * from \"./giphy\";\n"],"names":["useFetch","_ref","keyword","_useState","useState","giphyId","setGiphyId","useEffect","fetchGiphy","_ref2","_asyncToGenerator","_regenerator","m","_callee","_data$","response","_yield$response$json","data","_t","w","_context","p","n","fetch","split","join","v","json","id","console","log","a","apply","arguments","ensure","x","undefined","Error","modulePath","GiphyMeta","name","displayName","importName","importPath","providesData","description","props","searchTerm","type","defaultValue","Giphy","className","gif","setGif","gf","GiphyFetch","fetchGif","_yield$gf$gif","React","src","images","downsized_medium","url","alt","registerAll","loader","_registerComponent","Component","defaultMeta","registerComponent"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/plasmic-giphy",
-  "version": "0.0.76",
+  "version": "0.0.78",
   "description": "Plasmic Giphy components.",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -34,7 +34,7 @@
     }
   ],
   "devDependencies": {
-    "@plasmicapp/host": "2.0.1",
+    "@plasmicapp/host": "2.0.3",
     "@types/react": "^18",
     "@types/react-dom": "^18",
     "husky": "^7.0.4",
@@ -49,5 +49,5 @@
     "@giphy/react-components": "^9.0.1",
     "change-case": "^4.1.2"
   },
-  "gitHead": "dce377f1a8e9fafd7776e49acc077d4a218265e3"
+  "gitHead": "c6d493ab33d8d50e512a6b0995aa882c8500d897"
 }