@quintype/components 2.31.4-lazy-iframe.4 → 2.31.4-lazy-iframe.5

package/dist/cjs/index.js

@@ -46,7 +46,7 @@ var _extends = _interopDefault(require('@babel/runtime/helpers/extends'));
 var _assertThisInitialized = _interopDefault(require('@babel/runtime/helpers/assertThisInitialized'));
 var classNames = _interopDefault(require('classnames'));
 var getVideoID = _interopDefault(require('get-video-id'));
-var atob = _interopDefault(require('atob'));
+require('atob');
 var getYouTubeID = _interopDefault(require('get-youtube-id'));
 var _asyncToGenerator = _interopDefault(require('@babel/runtime/helpers/asyncToGenerator'));
 var _regeneratorRuntime = _interopDefault(require('@babel/runtime/regenerator'));
@@ -2483,66 +2483,18 @@ var StoryElementDailyMotion = function StoryElementDailyMotion(props) {
   });
 };
 
-var cloneScriptNode = function cloneScriptNode(node) {
-  var script = document.createElement("script");
-  script.text = node.innerHTML;
-
-  for (var i = node.attributes.length - 1; i >= 0; i--) {
-    script.setAttribute(node.attributes[i].name, node.attributes[i].value);
-  }
-
-  return script;
-};
-
-var replaceScriptNodes = function replaceScriptNodes(node) {
-  if (node.tagName === "SCRIPT") {
-    node.parentNode.replaceChild(cloneScriptNode(node), node);
-    if (window.instgrm) window.instgrm.Embeds.process(); // Temporary fix for instagram element on live blog page.
-  } else {
-    var i = 0;
-    var children = node.childNodes;
-
-    while (i < children.length) {
-      replaceScriptNodes(children[i++]);
-    }
-  }
-};
-
-var CustomJSEmbed = function CustomJSEmbed(props) {
-  var _useState = React.useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
-      JSEmbed = _useState2[0],
-      setJSEmbed = _useState2[1];
-
-  React.useEffect(function () {
-    JSEmbed && replaceScriptNodes(JSEmbed);
-  }, []);
-  React.useEffect(function () {
-    JSEmbed && replaceScriptNodes(JSEmbed);
-  }, [JSEmbed]);
-
-  var getEmbedJS = function getEmbedJS() {
-    var embedjs = props.embedJS;
-    var embed = embedjs != null ? atob(embedjs) : null;
-    return embed;
-  };
-
-  return /*#__PURE__*/React__default.createElement("div", {
-    ref: function ref(jsembed) {
-      setJSEmbed(jsembed);
-    },
-    dangerouslySetInnerHTML: {
-      __html: getEmbedJS()
-    }
-  });
-};
-
 var JSEmbed = function JSEmbed(props) {
-  return /*#__PURE__*/React__default.createElement(WithLazy, {
-    margin: "0px"
-  }, function () {
-    return /*#__PURE__*/React__default.createElement(CustomJSEmbed, props);
-  });
+  console.log("###props", props);
+  return (
+    /*#__PURE__*/
+    // <WithLazy margin="0px">
+    //   {() => {
+    //     console.log("###lazy loading");
+    //     return <CustomJSEmbed {...props} />;
+    //   }}
+    // </WithLazy>
+    React__default.createElement("div", null, "Lazy")
+  );
 };
 
 function _createSuper$f(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$f(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }

package/dist/es/components/story-elements/jsembed.js

@@ -1,7 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import atob from "atob";
 import React, { useEffect, useState } from "react";
-import { WithLazy } from "../with-lazy";
 
 var cloneScriptNode = function cloneScriptNode(node) {
   var script = document.createElement("script");
@@ -58,11 +57,17 @@ var CustomJSEmbed = function CustomJSEmbed(props) {
 };
 
 var JSEmbed = function JSEmbed(props) {
-  return /*#__PURE__*/React.createElement(WithLazy, {
-    margin: "0px"
-  }, function () {
-    return /*#__PURE__*/React.createElement(CustomJSEmbed, props);
-  });
+  console.log("###props", props);
+  return (
+    /*#__PURE__*/
+    // <WithLazy margin="0px">
+    //   {() => {
+    //     console.log("###lazy loading");
+    //     return <CustomJSEmbed {...props} />;
+    //   }}
+    // </WithLazy>
+    React.createElement("div", null, "Lazy")
+  );
 };
 
 export default JSEmbed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quintype/components",
-  "version": "2.31.4-lazy-iframe.4",
+  "version": "2.31.4-lazy-iframe.5",
   "description": "Components to help build Quintype Node.js apps",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",