@mjhls/mjh-framework 1.0.812 → 1.0.813

package/dist/esm/{index-f354da27.js → index-a30e3b71.js}

@@ -12,7 +12,7 @@ import Beam from './Beam.js';
 import Segment from './Segment.js';
 import { d as main_18, b as main_42, m as main_43 } from './main-d4165069.js';
 import { B as BlockContent } from './BlockContent-c99c9a8d.js';
-import { _ as _extends } from './extends-f076879e.js';
+import { _ as _extends, b as _extends$1 } from './extends-60e0e1c6.js';
 import { L as LazyLoad } from './index-755f2cc2.js';
 import { _ as _typeof$1 } from './typeof-a286cf0c.js';
 import { R as ReactPlayerLoader } from './brightcove-react-player-loader.es-57a70a56.js';
@@ -29,10 +29,9 @@ import DFPAdSlot from './AdSlot.js';
 import Row$1 from 'react-bootstrap/Row';
 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 } from './inherits-f71787cf.js';
+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 } from './inherits-a41fe93f.js';
 import { d as IoIosArrowDropupCircle } from './index.esm-f6156a57.js';
 import Figure$2 from 'react-bootstrap/Figure';
-import { a as _asyncToGenerator, r as regenerator } from './asyncToGenerator-7f8f9219.js';
 
 var urlFor$4 = function urlFor(source, builder) {
   return builder.image(source).auto('format');
@@ -9243,6 +9242,260 @@ var AnchorLinkElement = function AnchorLinkElement(props) {
   );
 };
 
+var objectWithoutProperties = 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;
+};
+});
+
+unwrapExports(objectWithoutProperties);
+
+var ScriptTag_1 = createCommonjsModule(function (module, exports) {
+
+exports.__esModule = true;
+
+
+
+var _extends3 = _interopRequireDefault(_extends$1);
+
+
+
+var _objectWithoutProperties3 = _interopRequireDefault(objectWithoutProperties);
+
+
+
+var _classCallCheck3 = _interopRequireDefault(classCallCheck);
+
+
+
+var _possibleConstructorReturn3 = _interopRequireDefault(possibleConstructorReturn);
+
+
+
+var _inherits3 = _interopRequireDefault(inherits);
+
+
+
+var _react2 = _interopRequireDefault(React__default);
+
+
+
+var _propTypes2 = _interopRequireDefault(PropTypes);
+
+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.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;
+});
+
+unwrapExports(ScriptTag_1);
+
+var lib = 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 = unwrapExports(lib);
+
+var enterpriseDomainName = 'mjhlifesciences';
+
 var FormAssembly = function FormAssembly(props) {
   var _props$node = props.node,
       FormID = _props$node.FormID,
@@ -9250,65 +9503,37 @@ var FormAssembly = function FormAssembly(props) {
       _props$node$needSegme = _props$node.needSegmentSupport,
       needSegmentSupport = _props$node$needSegme === undefined ? false : _props$node$needSegme;
 
-  var formAssemblyRef = useRef(null);
-
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
-      htmlSnippet = _useState2[0],
-      setHtmlSnippet = _useState2[1];
+      iframeSrc = _useState2[0],
+      setIframeSrc = _useState2[1];
 
   useEffect(function () {
-_asyncToGenerator( /*#__PURE__*/regenerator.mark(function _callee() {
-      var response, result;
-      return 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));
+    }
   }, []);
 
-  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.createElement(
+      'section',
+      { className: 'form-assembly' },
+      React__default.createElement('iframe', { src: iframeSrc, height: '800', width: '100%', frameBorder: '0' }),
+      React__default.createElement(ScriptTag, { type: 'text/javascript', src: '//' + enterpriseDomainName + '.tfaforms.net/js/iframe_resize_helper.js', async: true })
+    );
+  }
 
-  return htmlSnippet && React__default.createElement('div', { className: 'form-assembly', ref: formAssemblyRef, dangerouslySetInnerHTML: { __html: htmlSnippet } });
+  return null;
 };
 
 var BlockTable = function BlockTable(props) {

package/dist/esm/index.js

@@ -79,7 +79,7 @@ export { default as VerticalHero } from './VerticalHero.js';
 export { default as YahooHero } from './YahooHero.js';
 export { default as GridHero } from './GridHero.js';
 export { default as ConferenceArticleCard } from './ConferenceArticleCard.js';
-export { g as getSerializers } from './index-f354da27.js';
+export { g as getSerializers } from './index-a30e3b71.js';
 export { default as Beam } from './Beam.js';
 export { default as Segment } from './Segment.js';
 export { default as KMTracker } from './KMTracker.js';
@@ -94,7 +94,7 @@ export { default as VideoSeriesLandingPage } from './VideoSeriesLandingPage.js';
 export { default as ArticleProgramLandingPage } from './ArticleProgramLandingPage.js';
 export { default as ArticleSeriesLandingPage } from './ArticleSeriesLandingPage.js';
 export { default as urlFor } from './urlFor.js';
-export { g as getTargeting } from './getTargeting-0958ad0e.js';
+export { g as getTargeting } from './getTargeting-05c216d6.js';
 export { default as getKeywords } from './getKeywords.js';
 export { default as getQuery } from './getQuery.js';
 import './toConsumableArray-6d9a4616.js';
@@ -103,9 +103,9 @@ import './es6.string.iterator-bc33758b.js';
 import './_to-object-b50e61c3.js';
 import './_iter-detect-7e5e5ce2.js';
 import './core.get-iterator-method-133dfacd.js';
-import './extends-f076879e.js';
+import './extends-60e0e1c6.js';
 import './_object-pie-133f504a.js';
-import './inherits-f71787cf.js';
+import './inherits-a41fe93f.js';
 import './_object-sap-f353c2a9.js';
 import './define-property-fe54dc9f.js';
 import './typeof-a286cf0c.js';
@@ -126,10 +126,10 @@ import './visibility-sensor-72fd8f8b.js';
 import 'react-dom';
 import './main-d4165069.js';
 import './entities-932b50cf.js';
-import './ADInfeed-33e556f5.js';
+import './ADInfeed-f7d00a9a.js';
 import './slicedToArray-be2f7a22.js';
 import './lodash-f97fd99a.js';
-import './ADlgInfeed-1270c526.js';
+import './ADlgInfeed-db64f46d.js';
 import './getContentCategory-15dcc413.js';
 import './get-3c308da4.js';
 import './eq-bdcbf886.js';

package/dist/esm/{inherits-f71787cf.js → inherits-a41fe93f.js}

@@ -177,4 +177,4 @@ exports.default = function (subClass, superClass) {
 
 var _inherits = unwrapExports(inherits);
 
-export { _inherits as _, _classCallCheck as a, _possibleConstructorReturn as b, _Object$getPrototypeOf as c, _createClass as d };
+export { _inherits as _, _classCallCheck as a, _possibleConstructorReturn as b, _Object$getPrototypeOf as c, _createClass as d, classCallCheck as e, inherits as i, possibleConstructorReturn as p };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mjhls/mjh-framework",
-  "version": "1.0.812",
+  "version": "1.0.813",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",