@mjhls/mjh-framework 1.0.811 → 1.0.813

package/dist/cjs/{index-a766f892.js → index-70971c54.js}

@@ -14,7 +14,7 @@ var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var main = require('./main-f1c77adb.js');
 var BlockContent = require('./BlockContent-36e54d77.js');
-var _extends = require('./extends-9d158713.js');
+var _extends = require('./extends-29bdbc6d.js');
 var index$3 = require('./index-eadd5035.js');
 var _typeof$1 = require('./typeof-88a668c5.js');
 var brightcoveReactPlayerLoader_es = require('./brightcove-react-player-loader.es-a195642e.js');
@@ -31,10 +31,9 @@ var AdSlot = require('./AdSlot.js');
 var Row = require('react-bootstrap/Row');
 var Col = require('react-bootstrap/Col');
 var Head = require('next/head');
-var inherits = require('./inherits-3ff1b657.js');
+var inherits = require('./inherits-c2065b95.js');
 var index_esm = require('./index.esm-00a6aade.js');
 var Figure$1 = require('react-bootstrap/Figure');
-var asyncToGenerator = require('./asyncToGenerator-58c289d9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -9257,6 +9256,260 @@ var AnchorLinkElement = function AnchorLinkElement(props) {
   );
 };
 
+var objectWithoutProperties = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+
+exports.__esModule = true;
+
+exports.default = function (obj, keys) {
+  var target = {};
+
+  for (var i in obj) {
+    if (keys.indexOf(i) >= 0) continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, i)) continue;
+    target[i] = obj[i];
+  }
+
+  return target;
+};
+});
+
+_commonjsHelpers.unwrapExports(objectWithoutProperties);
+
+var ScriptTag_1 = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+
+exports.__esModule = true;
+
+
+
+var _extends3 = _interopRequireDefault(_extends._extends$1);
+
+
+
+var _objectWithoutProperties3 = _interopRequireDefault(objectWithoutProperties);
+
+
+
+var _classCallCheck3 = _interopRequireDefault(inherits.classCallCheck);
+
+
+
+var _possibleConstructorReturn3 = _interopRequireDefault(inherits.possibleConstructorReturn);
+
+
+
+var _inherits3 = _interopRequireDefault(inherits.inherits);
+
+
+
+var _react2 = _interopRequireDefault(React__default['default']);
+
+
+
+var _propTypes2 = _interopRequireDefault(PropTypes__default['default']);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var noop = function noop() {};
+
+var ScriptTag = function (_Component) {
+    (0, _inherits3.default)(ScriptTag, _Component);
+
+    ScriptTag.removeNode = function removeNode(node) {
+        if (node) {
+            node.parentNode.removeChild(node);
+        }
+    };
+
+    function ScriptTag(props, context) {
+        (0, _classCallCheck3.default)(this, ScriptTag);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, _Component.call(this, props, context));
+
+        _this.domRef = null;
+        _this.state = {
+            isHydrated: props.isHydrating,
+            additionalNode: null,
+            removeAdditionalNode: null
+        };
+        return _this;
+    }
+
+    ScriptTag.prototype.appendAdditionalElement = function appendAdditionalElement() {
+        var _props = this.props,
+            onError = _props.onError,
+            onLoad = _props.onLoad,
+            nonce = _props.nonce;
+
+        // Create a new HTML script element
+
+        var newElement = document.createElement("script");
+
+        // Copy all attribute values
+        for (var i = 0, len = this.domRef.attributes.length; i < len; i++) {
+            var attr = this.domRef.attributes[i];
+            if (attr.nodeName === 'nonce') {
+                // The browser clears the nonce value - grab from props
+                newElement.setAttribute(attr.nodeName, nonce);
+            } else {
+                newElement.setAttribute(attr.nodeName, attr.nodeValue);
+            }
+        }
+
+        // Copy the inner script
+        if (this.domRef.src === '' && this.domRef.innerHTML && this.domRef.innerHTML !== '') {
+            newElement.innerHTML = this.domRef.innerHTML;
+        }
+
+        // Bind event listeners
+        newElement.addEventListener('load', onLoad);
+        newElement.addEventListener('error', onError);
+
+        // Append the new script tag
+        this.domRef.parentNode.appendChild(newElement);
+        return newElement;
+    };
+
+    ScriptTag.prototype.componentDidMount = function componentDidMount() {
+        var isHydrated = this.state.isHydrated;
+
+        if (isHydrated) {
+            // was rendered on server, don't replace elements when hydrating
+            return;
+        }
+
+        this.setState({
+            additionalNode: this.appendAdditionalElement(),
+            removeAdditionalNode: null
+        });
+    };
+
+    ScriptTag.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
+        // This logic assumes that the <script> only need to be updated if the 'src' or 'innerHTML' has changed
+        //  - this prevents the <script> from updating unnecessarily, which prevents additional 'onload' events
+
+        // This isn't perfect - but it keeps the component very simple, and should cover most use-cases
+        // Other props SHOULD be assigned at the same time as either the 'src' or 'innerHTML' property
+        // -> If this is to change and support updating on ANY prop change, the 'appendAdditionalElement()' method
+        //    and state management will need to be modified to manipulate the DOM script tag based on each prop change.
+        //    This really complicates the component - for now we'll leave it as is.
+        var _props2 = this.props,
+            src = _props2.src,
+            dangerouslySetInnerHTML = _props2.dangerouslySetInnerHTML;
+
+        if (src && src === nextProps.src) {
+            // The 'src' attribute has not changed
+            return;
+        }
+
+        if (dangerouslySetInnerHTML && dangerouslySetInnerHTML.__html === nextProps.dangerouslySetInnerHTML.__html) {
+            // The 'dangerouslySetInnerHTML' attribute has not changed
+            return;
+        }
+
+        this.setState({
+            removeAdditionalNode: this.state.additionalNode,
+            additionalNode: null
+        });
+    };
+
+    ScriptTag.prototype.componentWillUpdate = function componentWillUpdate(nextProps, nextState) {
+        ScriptTag.removeNode(nextState.removeAdditionalNode);
+    };
+
+    ScriptTag.prototype.componentDidUpdate = function componentDidUpdate() {
+        var _state = this.state,
+            additionalNode = _state.additionalNode,
+            removeAdditionalNode = _state.removeAdditionalNode;
+
+        if (additionalNode === null) {
+            this.setState({
+                additionalNode: this.appendAdditionalElement()
+            });
+        }
+
+        if (removeAdditionalNode !== null) {
+            // Was removed in 'componentWillUpdate', but can not update state there
+            this.setState({
+                removeAdditionalNode: null
+            });
+        }
+    };
+
+    ScriptTag.prototype.componentWillUnmount = function componentWillUnmount() {
+        ScriptTag.removeNode(this.state.removeAdditionalNode);
+        ScriptTag.removeNode(this.state.additionalNode);
+    };
+
+    ScriptTag.prototype.render = function render() {
+        var _this2 = this;
+
+        var additionalNode = this.state.additionalNode;
+
+        if (additionalNode !== null) {
+            return null;
+        }
+
+        // The 'isHydrating' prop must NOT be passed to the script tag
+        // eslint-disable-next-line no-unused-vars
+        var _props3 = this.props;
+            _props3.isHydrating;
+            var tagProps = (0, _objectWithoutProperties3.default)(_props3, ['isHydrating']);
+
+        return _react2.default.createElement('script', (0, _extends3.default)({}, tagProps, { ref: function ref(tag) {
+                return _this2.domRef = tag;
+            } }));
+    };
+
+    return ScriptTag;
+}(React__default['default'].Component);
+
+ScriptTag.propTypes = {
+    /**
+     * True if the <ScriptTag> is being hydrated on the client, otherwise false.
+     */
+    isHydrating: _propTypes2.default.bool,
+
+    // Standard <script> tag props
+    async: _propTypes2.default.oneOfType([_propTypes2.default.bool, _propTypes2.default.number]),
+    crossOrigin: _propTypes2.default.string,
+    defer: _propTypes2.default.bool,
+    integrity: _propTypes2.default.string,
+    nonce: _propTypes2.default.string,
+    src: _propTypes2.default.string,
+    text: _propTypes2.default.string,
+    type: _propTypes2.default.string,
+    dangerouslySetInnerHTML: _propTypes2.default.object,
+
+    // globals
+    onError: _propTypes2.default.func,
+    onLoad: _propTypes2.default.func
+};
+ScriptTag.defaultProps = {
+    isHydrating: false,
+    onError: noop,
+    onLoad: noop
+};
+exports.default = ScriptTag;
+});
+
+_commonjsHelpers.unwrapExports(ScriptTag_1);
+
+var lib = _commonjsHelpers.createCommonjsModule(function (module, exports) {
+
+exports.__esModule = true;
+
+
+
+var _ScriptTag2 = _interopRequireDefault(ScriptTag_1);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = _ScriptTag2.default;
+});
+
+var ScriptTag = _commonjsHelpers.unwrapExports(lib);
+
+var enterpriseDomainName = 'mjhlifesciences';
+
 var FormAssembly = function FormAssembly(props) {
   var _props$node = props.node,
       FormID = _props$node.FormID,
@@ -9264,65 +9517,37 @@ var FormAssembly = function FormAssembly(props) {
       _props$node$needSegme = _props$node.needSegmentSupport,
       needSegmentSupport = _props$node$needSegme === undefined ? false : _props$node$needSegme;
 
-  var formAssemblyRef = React.useRef(null);
-
   var _useState = React.useState(null),
       _useState2 = slicedToArray._slicedToArray(_useState, 2),
-      htmlSnippet = _useState2[0],
-      setHtmlSnippet = _useState2[1];
+      iframeSrc = _useState2[0],
+      setIframeSrc = _useState2[1];
 
   React.useEffect(function () {
-asyncToGenerator._asyncToGenerator( /*#__PURE__*/asyncToGenerator.regenerator.mark(function _callee() {
-      var response, result;
-      return asyncToGenerator.regenerator.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.prev = 0;
-              _context.next = 3;
-              return fetch('/api/form_assembly?formid=' + FormID);
-
-            case 3:
-              response = _context.sent;
-              _context.next = 6;
-              return response.json();
-
-            case 6:
-              result = _context.sent;
-
-              setHtmlSnippet(result.data);
-              _context.next = 13;
-              break;
-
-            case 10:
-              _context.prev = 10;
-              _context.t0 = _context['catch'](0);
-
-              console.error(_context.t0);
-
-            case 13:
-            case 'end':
-              return _context.stop();
-          }
-        }
-      }, _callee, this, [[0, 10]]);
-    }))();
+    if (FormID) {
+      var src = 'https://' + enterpriseDomainName + '.tfaforms.net/' + FormID;
+      var anonymousID = analytics.user() && analytics.user().anonymousId();
+      if (anonymousID && needSegmentSupport) {
+        src = src + '?tfa_1=' + anonymousID;
+      }
+      if (Promocode) {
+        var pattern = /\?.+=.*/g;
+        var hasQueryString = pattern.test(src);
+        src = hasQueryString ? src + '&tfa_2=' + Promocode : src + '?tfa_2=' + Promocode;
+      }
+      setIframeSrc(encodeURI(src));
+    }
   }, []);
 
-  React.useEffect(function () {
-    setTimeout(function () {
-      var form = formAssemblyRef && formAssemblyRef.current;
-      if (htmlSnippet && form) {
-        var anonymousIDField = form.querySelector('#tfa_1');
-        var promoCodeField = form.querySelector('#tfa_2');
-        var anonymousID = analytics.user() && analytics.user().anonymousId();
-        if (anonymousID && needSegmentSupport && anonymousIDField) anonymousIDField.value = anonymousID;
-        if (promoCodeField && Promocode) promoCodeField.value = Promocode;
-      }
-    }, 1000);
-  }, [htmlSnippet]);
+  if (iframeSrc) {
+    return React__default['default'].createElement(
+      'section',
+      { className: 'form-assembly' },
+      React__default['default'].createElement('iframe', { src: iframeSrc, height: '800', width: '100%', frameBorder: '0' }),
+      React__default['default'].createElement(ScriptTag, { type: 'text/javascript', src: '//' + enterpriseDomainName + '.tfaforms.net/js/iframe_resize_helper.js', async: true })
+    );
+  }
 
-  return htmlSnippet && React__default['default'].createElement('div', { className: 'form-assembly', ref: formAssemblyRef, dangerouslySetInnerHTML: { __html: htmlSnippet } });
+  return null;
 };
 
 var BlockTable = function BlockTable(props) {

package/dist/cjs/index.js

@@ -83,7 +83,7 @@ var VerticalHero = require('./VerticalHero.js');
 var YahooHero = require('./YahooHero.js');
 var GridHero = require('./GridHero.js');
 var ConferenceArticleCard = require('./ConferenceArticleCard.js');
-var getSerializers = require('./index-a766f892.js');
+var getSerializers = require('./index-70971c54.js');
 var Beam = require('./Beam.js');
 var Segment = require('./Segment.js');
 var KMTracker = require('./KMTracker.js');
@@ -98,7 +98,7 @@ var VideoSeriesLandingPage = require('./VideoSeriesLandingPage.js');
 var ArticleProgramLandingPage = require('./ArticleProgramLandingPage.js');
 var ArticleSeriesLandingPage = require('./ArticleSeriesLandingPage.js');
 var urlFor = require('./urlFor.js');
-var getTargeting = require('./getTargeting-fbbe92ba.js');
+var getTargeting = require('./getTargeting-a100d6e5.js');
 var getKeywords = require('./getKeywords.js');
 var getQuery = require('./getQuery.js');
 require('./toConsumableArray-ddb70795.js');
@@ -107,9 +107,9 @@ require('./es6.string.iterator-c2573ffd.js');
 require('./_to-object-6de10e57.js');
 require('./_iter-detect-55a5657a.js');
 require('./core.get-iterator-method-f474eacc.js');
-require('./extends-9d158713.js');
+require('./extends-29bdbc6d.js');
 require('./_object-pie-083f2dd6.js');
-require('./inherits-3ff1b657.js');
+require('./inherits-c2065b95.js');
 require('./_object-sap-a175b4a9.js');
 require('./define-property-c88be878.js');
 require('./typeof-88a668c5.js');
@@ -130,10 +130,10 @@ require('./visibility-sensor-eb2c5b69.js');
 require('react-dom');
 require('./main-f1c77adb.js');
 require('./entities-3f9d0f2f.js');
-require('./ADInfeed-d9976673.js');
+require('./ADInfeed-7cf51090.js');
 require('./slicedToArray-5d1bc3b3.js');
 require('./lodash-f0783643.js');
-require('./ADlgInfeed-0610e1bb.js');
+require('./ADlgInfeed-bf24708d.js');
 require('./getContentCategory-f38a4c00.js');
 require('./get-5839e5b5.js');
 require('./eq-5fc26c07.js');
@@ -187,6 +187,7 @@ require('./index-bd6c9f56.js');
 require('swr');
 require('passport-local');
 require('mysql');
+require('./md5-e1ca5797.js');
 require('./SeriesSlider-2db54929.js');
 require('./style-inject.es-dcee06b6.js');
 require('disqus-react');

package/dist/cjs/{inherits-3ff1b657.js → inherits-c2065b95.js}

@@ -184,3 +184,6 @@ exports._classCallCheck = _classCallCheck;
 exports._createClass = _createClass;
 exports._inherits = _inherits;
 exports._possibleConstructorReturn = _possibleConstructorReturn;
+exports.classCallCheck = classCallCheck;
+exports.inherits = inherits;
+exports.possibleConstructorReturn = possibleConstructorReturn;