@mjhls/mjh-framework 1.0.1067-featureUpdate → 1.0.1067-iframe-test

package/dist/esm/events-6c3a7a63.js

@@ -0,0 +1,467 @@
+var domain;
+
+// This constructor is used to store event handlers. Instantiating this is
+// faster than explicitly calling `Object.create(null)` to get a "clean" empty
+// object (tested with v8 v4.9).
+function EventHandlers() {}
+EventHandlers.prototype = Object.create(null);
+
+function EventEmitter() {
+  EventEmitter.init.call(this);
+}
+
+// nodejs oddity
+// require('events') === require('events').EventEmitter
+EventEmitter.EventEmitter = EventEmitter;
+
+EventEmitter.usingDomains = false;
+
+EventEmitter.prototype.domain = undefined;
+EventEmitter.prototype._events = undefined;
+EventEmitter.prototype._maxListeners = undefined;
+
+// By default EventEmitters will print a warning if more than 10 listeners are
+// added to it. This is a useful default which helps finding memory leaks.
+EventEmitter.defaultMaxListeners = 10;
+
+EventEmitter.init = function() {
+  this.domain = null;
+  if (EventEmitter.usingDomains) {
+    // if there is an active domain, then attach to it.
+    if (domain.active ) ;
+  }
+
+  if (!this._events || this._events === Object.getPrototypeOf(this)._events) {
+    this._events = new EventHandlers();
+    this._eventsCount = 0;
+  }
+
+  this._maxListeners = this._maxListeners || undefined;
+};
+
+// Obviously not all Emitters should be limited to 10. This function allows
+// that to be increased. Set to zero for unlimited.
+EventEmitter.prototype.setMaxListeners = function setMaxListeners(n) {
+  if (typeof n !== 'number' || n < 0 || isNaN(n))
+    throw new TypeError('"n" argument must be a positive number');
+  this._maxListeners = n;
+  return this;
+};
+
+function $getMaxListeners(that) {
+  if (that._maxListeners === undefined)
+    return EventEmitter.defaultMaxListeners;
+  return that._maxListeners;
+}
+
+EventEmitter.prototype.getMaxListeners = function getMaxListeners() {
+  return $getMaxListeners(this);
+};
+
+// These standalone emit* functions are used to optimize calling of event
+// handlers for fast cases because emit() itself often has a variable number of
+// arguments and can be deoptimized because of that. These functions always have
+// the same number of arguments and thus do not get deoptimized, so the code
+// inside them can execute faster.
+function emitNone(handler, isFn, self) {
+  if (isFn)
+    handler.call(self);
+  else {
+    var len = handler.length;
+    var listeners = arrayClone(handler, len);
+    for (var i = 0; i < len; ++i)
+      listeners[i].call(self);
+  }
+}
+function emitOne(handler, isFn, self, arg1) {
+  if (isFn)
+    handler.call(self, arg1);
+  else {
+    var len = handler.length;
+    var listeners = arrayClone(handler, len);
+    for (var i = 0; i < len; ++i)
+      listeners[i].call(self, arg1);
+  }
+}
+function emitTwo(handler, isFn, self, arg1, arg2) {
+  if (isFn)
+    handler.call(self, arg1, arg2);
+  else {
+    var len = handler.length;
+    var listeners = arrayClone(handler, len);
+    for (var i = 0; i < len; ++i)
+      listeners[i].call(self, arg1, arg2);
+  }
+}
+function emitThree(handler, isFn, self, arg1, arg2, arg3) {
+  if (isFn)
+    handler.call(self, arg1, arg2, arg3);
+  else {
+    var len = handler.length;
+    var listeners = arrayClone(handler, len);
+    for (var i = 0; i < len; ++i)
+      listeners[i].call(self, arg1, arg2, arg3);
+  }
+}
+
+function emitMany(handler, isFn, self, args) {
+  if (isFn)
+    handler.apply(self, args);
+  else {
+    var len = handler.length;
+    var listeners = arrayClone(handler, len);
+    for (var i = 0; i < len; ++i)
+      listeners[i].apply(self, args);
+  }
+}
+
+EventEmitter.prototype.emit = function emit(type) {
+  var er, handler, len, args, i, events, domain;
+  var doError = (type === 'error');
+
+  events = this._events;
+  if (events)
+    doError = (doError && events.error == null);
+  else if (!doError)
+    return false;
+
+  domain = this.domain;
+
+  // If there is no 'error' event listener then throw.
+  if (doError) {
+    er = arguments[1];
+    if (domain) {
+      if (!er)
+        er = new Error('Uncaught, unspecified "error" event');
+      er.domainEmitter = this;
+      er.domain = domain;
+      er.domainThrown = false;
+      domain.emit('error', er);
+    } else if (er instanceof Error) {
+      throw er; // Unhandled 'error' event
+    } else {
+      // At least give some kind of context to the user
+      var err = new Error('Uncaught, unspecified "error" event. (' + er + ')');
+      err.context = er;
+      throw err;
+    }
+    return false;
+  }
+
+  handler = events[type];
+
+  if (!handler)
+    return false;
+
+  var isFn = typeof handler === 'function';
+  len = arguments.length;
+  switch (len) {
+    // fast cases
+    case 1:
+      emitNone(handler, isFn, this);
+      break;
+    case 2:
+      emitOne(handler, isFn, this, arguments[1]);
+      break;
+    case 3:
+      emitTwo(handler, isFn, this, arguments[1], arguments[2]);
+      break;
+    case 4:
+      emitThree(handler, isFn, this, arguments[1], arguments[2], arguments[3]);
+      break;
+    // slower
+    default:
+      args = new Array(len - 1);
+      for (i = 1; i < len; i++)
+        args[i - 1] = arguments[i];
+      emitMany(handler, isFn, this, args);
+  }
+
+  return true;
+};
+
+function _addListener(target, type, listener, prepend) {
+  var m;
+  var events;
+  var existing;
+
+  if (typeof listener !== 'function')
+    throw new TypeError('"listener" argument must be a function');
+
+  events = target._events;
+  if (!events) {
+    events = target._events = new EventHandlers();
+    target._eventsCount = 0;
+  } else {
+    // To avoid recursion in the case that type === "newListener"! Before
+    // adding it to the listeners, first emit "newListener".
+    if (events.newListener) {
+      target.emit('newListener', type,
+                  listener.listener ? listener.listener : listener);
+
+      // Re-assign `events` because a newListener handler could have caused the
+      // this._events to be assigned to a new object
+      events = target._events;
+    }
+    existing = events[type];
+  }
+
+  if (!existing) {
+    // Optimize the case of one listener. Don't need the extra array object.
+    existing = events[type] = listener;
+    ++target._eventsCount;
+  } else {
+    if (typeof existing === 'function') {
+      // Adding the second element, need to change to array.
+      existing = events[type] = prepend ? [listener, existing] :
+                                          [existing, listener];
+    } else {
+      // If we've already got an array, just append.
+      if (prepend) {
+        existing.unshift(listener);
+      } else {
+        existing.push(listener);
+      }
+    }
+
+    // Check for listener leak
+    if (!existing.warned) {
+      m = $getMaxListeners(target);
+      if (m && m > 0 && existing.length > m) {
+        existing.warned = true;
+        var w = new Error('Possible EventEmitter memory leak detected. ' +
+                            existing.length + ' ' + type + ' listeners added. ' +
+                            'Use emitter.setMaxListeners() to increase limit');
+        w.name = 'MaxListenersExceededWarning';
+        w.emitter = target;
+        w.type = type;
+        w.count = existing.length;
+        emitWarning(w);
+      }
+    }
+  }
+
+  return target;
+}
+function emitWarning(e) {
+  typeof console.warn === 'function' ? console.warn(e) : console.log(e);
+}
+EventEmitter.prototype.addListener = function addListener(type, listener) {
+  return _addListener(this, type, listener, false);
+};
+
+EventEmitter.prototype.on = EventEmitter.prototype.addListener;
+
+EventEmitter.prototype.prependListener =
+    function prependListener(type, listener) {
+      return _addListener(this, type, listener, true);
+    };
+
+function _onceWrap(target, type, listener) {
+  var fired = false;
+  function g() {
+    target.removeListener(type, g);
+    if (!fired) {
+      fired = true;
+      listener.apply(target, arguments);
+    }
+  }
+  g.listener = listener;
+  return g;
+}
+
+EventEmitter.prototype.once = function once(type, listener) {
+  if (typeof listener !== 'function')
+    throw new TypeError('"listener" argument must be a function');
+  this.on(type, _onceWrap(this, type, listener));
+  return this;
+};
+
+EventEmitter.prototype.prependOnceListener =
+    function prependOnceListener(type, listener) {
+      if (typeof listener !== 'function')
+        throw new TypeError('"listener" argument must be a function');
+      this.prependListener(type, _onceWrap(this, type, listener));
+      return this;
+    };
+
+// emits a 'removeListener' event iff the listener was removed
+EventEmitter.prototype.removeListener =
+    function removeListener(type, listener) {
+      var list, events, position, i, originalListener;
+
+      if (typeof listener !== 'function')
+        throw new TypeError('"listener" argument must be a function');
+
+      events = this._events;
+      if (!events)
+        return this;
+
+      list = events[type];
+      if (!list)
+        return this;
+
+      if (list === listener || (list.listener && list.listener === listener)) {
+        if (--this._eventsCount === 0)
+          this._events = new EventHandlers();
+        else {
+          delete events[type];
+          if (events.removeListener)
+            this.emit('removeListener', type, list.listener || listener);
+        }
+      } else if (typeof list !== 'function') {
+        position = -1;
+
+        for (i = list.length; i-- > 0;) {
+          if (list[i] === listener ||
+              (list[i].listener && list[i].listener === listener)) {
+            originalListener = list[i].listener;
+            position = i;
+            break;
+          }
+        }
+
+        if (position < 0)
+          return this;
+
+        if (list.length === 1) {
+          list[0] = undefined;
+          if (--this._eventsCount === 0) {
+            this._events = new EventHandlers();
+            return this;
+          } else {
+            delete events[type];
+          }
+        } else {
+          spliceOne(list, position);
+        }
+
+        if (events.removeListener)
+          this.emit('removeListener', type, originalListener || listener);
+      }
+
+      return this;
+    };
+
+EventEmitter.prototype.removeAllListeners =
+    function removeAllListeners(type) {
+      var listeners, events;
+
+      events = this._events;
+      if (!events)
+        return this;
+
+      // not listening for removeListener, no need to emit
+      if (!events.removeListener) {
+        if (arguments.length === 0) {
+          this._events = new EventHandlers();
+          this._eventsCount = 0;
+        } else if (events[type]) {
+          if (--this._eventsCount === 0)
+            this._events = new EventHandlers();
+          else
+            delete events[type];
+        }
+        return this;
+      }
+
+      // emit removeListener for all listeners on all events
+      if (arguments.length === 0) {
+        var keys = Object.keys(events);
+        for (var i = 0, key; i < keys.length; ++i) {
+          key = keys[i];
+          if (key === 'removeListener') continue;
+          this.removeAllListeners(key);
+        }
+        this.removeAllListeners('removeListener');
+        this._events = new EventHandlers();
+        this._eventsCount = 0;
+        return this;
+      }
+
+      listeners = events[type];
+
+      if (typeof listeners === 'function') {
+        this.removeListener(type, listeners);
+      } else if (listeners) {
+        // LIFO order
+        do {
+          this.removeListener(type, listeners[listeners.length - 1]);
+        } while (listeners[0]);
+      }
+
+      return this;
+    };
+
+EventEmitter.prototype.listeners = function listeners(type) {
+  var evlistener;
+  var ret;
+  var events = this._events;
+
+  if (!events)
+    ret = [];
+  else {
+    evlistener = events[type];
+    if (!evlistener)
+      ret = [];
+    else if (typeof evlistener === 'function')
+      ret = [evlistener.listener || evlistener];
+    else
+      ret = unwrapListeners(evlistener);
+  }
+
+  return ret;
+};
+
+EventEmitter.listenerCount = function(emitter, type) {
+  if (typeof emitter.listenerCount === 'function') {
+    return emitter.listenerCount(type);
+  } else {
+    return listenerCount.call(emitter, type);
+  }
+};
+
+EventEmitter.prototype.listenerCount = listenerCount;
+function listenerCount(type) {
+  var events = this._events;
+
+  if (events) {
+    var evlistener = events[type];
+
+    if (typeof evlistener === 'function') {
+      return 1;
+    } else if (evlistener) {
+      return evlistener.length;
+    }
+  }
+
+  return 0;
+}
+
+EventEmitter.prototype.eventNames = function eventNames() {
+  return this._eventsCount > 0 ? Reflect.ownKeys(this._events) : [];
+};
+
+// About 1.5x faster than the two-arg version of Array#splice().
+function spliceOne(list, index) {
+  for (var i = index, k = i + 1, n = list.length; k < n; i += 1, k += 1)
+    list[i] = list[k];
+  list.pop();
+}
+
+function arrayClone(arr, i) {
+  var copy = new Array(i);
+  while (i--)
+    copy[i] = arr[i];
+  return copy;
+}
+
+function unwrapListeners(arr) {
+  var ret = new Array(arr.length);
+  for (var i = 0; i < ret.length; ++i) {
+    ret[i] = arr[i].listener || arr[i];
+  }
+  return ret;
+}
+
+export { EventEmitter as E };

package/dist/esm/getSerializers.js

@@ -1,5 +1,5 @@
 import 'react';
-export { g as default } from './index-1fd45cc5.js';
+export { g as default } from './index-30b512d6.js';
 import './BlockContent-1e73bd2c.js';
 import './entities-6d9154b4.js';
 import './slicedToArray-6ebcbfea.js';
@@ -10,7 +10,8 @@ import 'react-bootstrap';
 import './urlFor.js';
 import './extends-1559c147.js';
 import './index-3f5c03b2.js';
-import './index-5cc7b406.js';
+import './index-f0fc23eb.js';
+import './events-6c3a7a63.js';
 import 'prop-types';
 import 'next/router';
 import './index-c7e2ac95.js';
@@ -21,7 +22,7 @@ import './_library-528f1934.js';
 import './_set-species-2cd9340f.js';
 import './_iter-detect-98db3b07.js';
 import './Segment.js';
-import './main-754d4992.js';
+import './main-f97773b2.js';
 import './urlForFile-f6485737.js';
 import './index-755f2cc2.js';
 import 'react-dom';

package/dist/esm/{index-1fd45cc5.js → index-30b512d6.js}

@@ -1,15 +1,15 @@
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
 import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-6ebcbfea.js';
-import { Carousel, Table, Figure as Figure$1, Card, Row, Col, Button as Button$1, ProgressBar } from 'react-bootstrap';
+import { Carousel, Table, Figure, Card, Row, Col, Button as Button$1, ProgressBar } from 'react-bootstrap';
 import urlFor from './urlFor.js';
-import { l as lib_3 } from './index-5cc7b406.js';
+import { l as lib_3 } from './index-f0fc23eb.js';
 import Router, { useRouter } from 'next/router';
 import { g as getYoutubeId } from './index-c7e2ac95.js';
 import PropTypes from 'prop-types';
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import './Beam.js';
 import Segment from './Segment.js';
-import { f as main_18, b as main_42, m as main_43 } from './main-754d4992.js';
+import { f as main_18, b as main_42, m as main_43 } from './main-f97773b2.js';
 import { B as BlockContent } from './BlockContent-1e73bd2c.js';
 import { _ as _extends, b as _extends$1 } from './extends-1559c147.js';
 import { u as urlForFile } from './urlForFile-f6485737.js';
@@ -37,7 +37,7 @@ import Col$1 from 'react-bootstrap/Col';
 import Head from 'next/head';
 import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1, e as classCallCheck, p as possibleConstructorReturn, i as inherits$2 } from './inherits-d21b4ef9.js';
 import { c as IoIosArrowDropupCircle } from './index.esm-eb1e8e80.js';
-import Figure$2 from 'react-bootstrap/Figure';
+import Figure$1 from 'react-bootstrap/Figure';
 import OverlayTrigger from 'react-bootstrap/OverlayTrigger';
 import Tooltip from 'react-bootstrap/Tooltip';
 import Popover from 'react-bootstrap/Popover';
@@ -2745,7 +2745,7 @@ var Media = function Media(_ref) {
     };
 
     return React__default.createElement(
-      Figure$1,
+      Figure,
       { className: 'd-block ' + className, style: figureStyle },
       React__default.createElement(
         'a',
@@ -2763,7 +2763,7 @@ var Media = function Media(_ref) {
           )
         ),
         caption && React__default.createElement(
-          Figure$1.Caption,
+          Figure.Caption,
           { className: 'media-caption' },
           caption
         )
@@ -2787,14 +2787,32 @@ var Media = function Media(_ref) {
 var IFrame = function IFrame(_ref) {
   var url = _ref.url,
       _ref$needSegmentSuppo = _ref.needSegmentSupport,
-      needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo;
+      needSegmentSupport = _ref$needSegmentSuppo === undefined ? false : _ref$needSegmentSuppo,
+      node = _ref.node;
 
+  console.log('node', node);
   url = Segment.getURL(url, { needSegmentSupport: needSegmentSupport });
+  // if (node.height) return null
+  // else {
   return React__default.createElement(
     'div',
-    { className: 'd-block text-center mb-3' },
-    React__default.createElement('iframe', { className: 'w-100 iFrame-block', src: url, allowFullScreen: true, webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
+    null,
+    node.height ? React__default.createElement(
+      'div',
+      null,
+      React__default.createElement('iframe', { id: 'iframe-block', className: 'w-100 iFrame-block', src: url, allowFullScreen: true, webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
+    ) : React__default.createElement(
+      'div',
+      { className: 'd-block text-center mb-3' },
+      React__default.createElement('iframe', { className: 'w-100 iFrame-block', src: url, allowFullScreen: true, webkitallowfullscreen: 'true', mozallowfullscreen: 'true', frameBorder: '0' })
+    ),
+    React__default.createElement(
+      'style',
+      { jsx: 'true' },
+      '\n      #iframe-block {\n        height: ' + node.height + ' !important;\n      }\n      '
+    )
   );
+  // }
 };
 
 // https://github.com/tc39/proposal-object-values-entries
@@ -10070,17 +10088,11 @@ var LightBox = function LightBox(_ref) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        a.lightbox-close {\n          display: block;\n          width: 50px;\n          height: 50px;\n          box-sizing: border-box;\n          background: white;\n          color: black;\n          text-decoration: none;\n          position: absolute;\n          top: -80px;\n          right: 0;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:before {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(45deg);\n          -moz-transform: rotate(45deg);\n          -o-transform: rotate(45deg);\n          transform: rotate(45deg);\n        }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        a.lightbox-close:after {\n          content: \'\';\n          display: block;\n          height: 30px;\n          width: 1px;\n          background: black;\n          position: absolute;\n          left: 26px;\n          top: 10px;\n          -webkit-transform: rotate(-45deg);\n          -moz-transform: rotate(-45deg);\n          -o-transform: rotate(-45deg);\n          transform: rotate(-45deg);\n        }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 3000000;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
+      '\n        /*Eliminates padding, centers the thumbnail */\n\n        /* Styles the lightbox, removes it from sight and adds the fade-in transition */\n\n        .lightbox-target {\n          position: fixed;\n          top: -100%;\n          width: 100%;\n          background: rgba(0, 0, 0, 0.7);\n          width: 100%;\n          opacity: 0;\n          -webkit-transition: opacity 0.5s ease-in-out;\n          -moz-transition: opacity 0.5s ease-in-out;\n          -o-transition: opacity 0.5s ease-in-out;\n          transition: opacity 0.5s ease-in-out;\n          overflow: hidden;\n        }\n\n        .lightbox-target.close {\n          opacity: 0;\n        }\n\n        /* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */\n\n        .lightbox-target img {\n          margin: auto;\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          max-height: 0%;\n          max-width: 0%;\n          border: 3px solid white;\n          box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);\n          box-sizing: border-box;\n          -webkit-transition: 0.5s ease-in-out;\n          -moz-transition: 0.5s ease-in-out;\n          -o-transition: 0.5s ease-in-out;\n          transition: 0.5s ease-in-out;\n        }\n\n        /* Styles the close link, adds the slide down transition */\n\n        // a.lightbox-close {\n        //   display: block;\n        //   width: 50px;\n        //   height: 50px;\n        //   box-sizing: border-box;\n        //   background: white;\n        //   color: black;\n        //   text-decoration: none;\n        //   position: absolute;\n        //   top: -80px;\n        //   right: 0;\n        //   -webkit-transition: 0.5s ease-in-out;\n        //   -moz-transition: 0.5s ease-in-out;\n        //   -o-transition: 0.5s ease-in-out;\n        //   transition: 0.5s ease-in-out;\n        // }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        // a.lightbox-close:before {\n        //   content: \'\';\n        //   display: block;\n        //   height: 30px;\n        //   width: 1px;\n        //   background: black;\n        //   position: absolute;\n        //   left: 26px;\n        //   top: 10px;\n        //   -webkit-transform: rotate(45deg);\n        //   -moz-transform: rotate(45deg);\n        //   -o-transform: rotate(45deg);\n        //   transform: rotate(45deg);\n        // }\n\n        /* Provides part of the "X" to eliminate an image from the close link */\n\n        // a.lightbox-close:after {\n        //   content: \'\';\n        //   display: block;\n        //   height: 30px;\n        //   width: 1px;\n        //   background: black;\n        //   position: absolute;\n        //   left: 26px;\n        //   top: 10px;\n        //   -webkit-transform: rotate(-45deg);\n        //   -moz-transform: rotate(-45deg);\n        //   -o-transform: rotate(-45deg);\n        //   transform: rotate(-45deg);\n        // }\n\n        /* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */\n\n        .lightbox-target.open {\n          opacity: 1;\n          top: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 3000000;\n        }\n\n        .lightbox-target.open img {\n          max-height: 100%;\n          max-width: 100%;\n        }\n\n        .lightbox-target.open a.lightbox-close {\n          top: 0px;\n        }\n      '
     )
   );
 };
 
-var compareProps = function compareProps(prevProps, nextProps) {
-  if (nextProps.node.asset && nextProps.node.asset._ref) {
-    return prevProps.node.asset._ref === nextProps.node.asset._ref;
-  }
-};
-
 var FigureImage$1 = React__default.memo(function (_ref2) {
   var node = _ref2.node,
       client = _ref2.client,
@@ -10109,6 +10121,8 @@ var FigureImage$1 = React__default.memo(function (_ref2) {
 });
 
 var FigureComponent = function FigureComponent(props) {
+  console.log('props in Figure Component', props);
+
   var _useState = useState(false),
       _useState2 = _slicedToArray(_useState, 2),
       showLightbox = _useState2[0],
@@ -10120,7 +10134,7 @@ var FigureComponent = function FigureComponent(props) {
       setLightboxImgSrc = _useState4[1];
 
   if (typeof window === 'undefined') return null;
-
+  console.log('props in FigureComp', props);
   var node = props.node,
       client = props.client,
       getSerializers = props.getSerializers;
@@ -10177,6 +10191,8 @@ var FigureComponent = function FigureComponent(props) {
         link = _ref3.link,
         handleClickFigure = _ref3.handleClickFigure;
 
+    console.log('node in FImage', node);
+
     var figureImageStyle = link ? { maxWidth: '100%' } : { maxWidth: '100%', cursor: 'pointer', width: 'auto' };
     var triggerAction = main_42 ? 'click' : 'hover';
     var placementLocation = main_42 ? 'top' : infoBox[0].alignment ? infoBox[0].alignment : 'right';
@@ -10279,7 +10295,7 @@ var FigureComponent = function FigureComponent(props) {
     React__default.Fragment,
     null,
     infoBox.length >= 1 ? React__default.createElement(
-      Figure$2,
+      Figure$1,
       { className: '' + class_name, style: figureStyle },
       link ? React__default.createElement(
         'a',
@@ -10302,7 +10318,7 @@ var FigureComponent = function FigureComponent(props) {
         }
       })
     ) : React__default.createElement(
-      Figure$2,
+      Figure$1,
       { className: '' + class_name, style: figureStyle },
       link ? React__default.createElement(
         'a',
@@ -10333,8 +10349,6 @@ var FigureComponent = function FigureComponent(props) {
   );
 };
 
-var Figure = React__default.memo(FigureComponent, compareProps);
-
 function useOutsideAlerter(ref, container, setOpenImg, setOpenImgSrc) {
   useEffect(function () {
     function handleClickOutside(event) {
@@ -11191,7 +11205,7 @@ var getSerializers = function getSerializers() {
       figure: function figure(_ref4) {
         var node = _ref4.node;
 
-        return React__default.createElement(Figure, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
+        return React__default.createElement(FigureComponent, { node: node, client: client, contextualADFlag: contextualADFlag, getSerializers: getSerializers.apply(undefined, props) });
       },
       multifigure: function multifigure(_ref5) {
         var node = _ref5.node;
@@ -11225,7 +11239,7 @@ var getSerializers = function getSerializers() {
       iframe: function iframe(_ref10) {
         var node = _ref10.node;
 
-        return React__default.createElement(IFrame, { url: node.url, needSegmentSupport: node.needSegmentSupport });
+        return React__default.createElement(IFrame, { url: node.url, node: node, needSegmentSupport: node.needSegmentSupport });
       },
       video: function video(_ref11) {
         var node = _ref11.node;