@mjhls/mjh-framework 1.0.784-beta.0 → 1.0.785-beta.0

package/dist/esm/{index-c1374f98.js → index-728dd91f.js}

@@ -1,8 +1,8 @@
 import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
 import { _ as _export, a as _core } from './_to-object-a4107da3.js';
 import { a as _Array$from, _ as _toConsumableArray } from './toConsumableArray-43aa614d.js';
-import { _ as _extends$1 } from './extends-eb69e8ac.js';
-import { _ as _inherits$1, a as _classCallCheck$1, b as _possibleConstructorReturn$1, c as _Object$getPrototypeOf, d as _createClass$1 } from './inherits-fb9b6e8f.js';
+import { _ as _extends$1, b as _extends$2 } from './extends-6f2fcc99.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-cf8dde54.js';
 import { _ as _typeof } from './typeof-6435ba1c.js';
 import React__default, { useState, useEffect, useRef, useLayoutEffect, useCallback } from 'react';
 import { l as lib_3 } from './index-a9e53f80.js';
@@ -9198,6 +9198,288 @@ 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$2);
+
+
+
+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,
+            isHydrating = _props3.isHydrating,
+            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(_ref) {
+  var node = _ref.node;
+
+  var formAssemblyRef = useRef(null);
+  var FormID = node.FormID,
+      _node$needSegmentSupp = node.needSegmentSupport,
+      needSegmentSupport = _node$needSegmentSupp === undefined ? false : _node$needSegmentSupp;
+
+
+  useEffect(function () {
+    setTimeout(function () {
+      var formAssemblyIframe = formAssemblyRef.current && formAssemblyRef.current.querySelector('iframe');
+      if (formAssemblyIframe && needSegmentSupport) {
+        var src = formAssemblyIframe.getAttribute('src');
+        var newSrc = Segment.getURL(src, { needSegmentSupport: true });
+        formAssemblyIframe.setAttribute('src', newSrc);
+      }
+    }, 1000);
+  }, []);
+
+  return React__default.createElement(
+    'section',
+    { ref: formAssemblyRef, className: 'form-assembly' },
+    React__default.createElement('iframe', { src: 'https://' + enterpriseDomainName + '.tfaforms.net/' + FormID, height: '800', width: '100%', frameBorder: '0' }),
+    React__default.createElement(ScriptTag, { src: '//' + enterpriseDomainName + '.tfaforms.net/js/iframe_resize_helper.js', async: true })
+  );
+};
+
 var BlockTable = function BlockTable(props) {
   var _props$node = props.node,
       rows = _props$node.rows,
@@ -9465,13 +9747,18 @@ var getSerializers = function getSerializers() {
 
         return React__default.createElement(Formstack, { FormID: FormID, Caption: Caption, needSegmentSupport: needSegmentSupport });
       },
-      multimedia: function multimedia(_ref21) {
+      formassembly: function formassembly(_ref21) {
         var node = _ref21.node;
 
-        return React__default.createElement(MultiMedia, { node: node, client: client });
+        return React__default.createElement(FormAssembly, { node: node });
       },
-      blockTable: function blockTable(_ref22) {
+      multimedia: function multimedia(_ref22) {
         var node = _ref22.node;
+
+        return React__default.createElement(MultiMedia, { node: node, client: client });
+      },
+      blockTable: function blockTable(_ref23) {
+        var node = _ref23.node;
         return React__default.createElement(BlockTable, { node: node, client: client, getSerializers: getSerializers.apply(undefined, props) });
       }
     },
@@ -9516,32 +9803,32 @@ var getSerializers = function getSerializers() {
           children
         );
       },
-      alignleft: function alignleft(_ref23) {
-        var children = _ref23.children;
+      alignleft: function alignleft(_ref24) {
+        var children = _ref24.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref24) {
-        var children = _ref24.children;
+      alignright: function alignright(_ref25) {
+        var children = _ref25.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref25) {
-        var children = _ref25.children;
+      aligncenter: function aligncenter(_ref26) {
+        var children = _ref26.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref26) {
-        var children = _ref26.children;
+      alignjustify: function alignjustify(_ref27) {
+        var children = _ref27.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },

package/dist/esm/index.js

@@ -6,9 +6,9 @@ import './_iter-detect-5d49a330.js';
 import './toConsumableArray-43aa614d.js';
 import './core.get-iterator-method-e1de7503.js';
 import './_object-pie-33c40e79.js';
-import './extends-eb69e8ac.js';
+import './extends-6f2fcc99.js';
 import './_object-sap-964b6feb.js';
-import './inherits-fb9b6e8f.js';
+import './inherits-cf8dde54.js';
 import './define-property-8af5f002.js';
 import './web.dom.iterable-4439f05a.js';
 import './typeof-6435ba1c.js';
@@ -38,10 +38,10 @@ import './asyncToGenerator-fc1c2e29.js';
 export { default as Segment } from './Segment.js';
 export { default as Beam } from './Beam.js';
 export { default as AdSlot } from './AdSlot.js';
-import './ADInfeed-eb7bdd41.js';
+import './ADInfeed-0b552b0a.js';
 export { default as DeckContent } from './DeckContent.js';
 import './lodash-17fdfebb.js';
-import './ADlgInfeed-f2ac31d1.js';
+import './ADlgInfeed-49f41f83.js';
 import './getContentCategory-15dcc413.js';
 import './get-1e515072.js';
 import './eq-b470f743.js';
@@ -67,7 +67,7 @@ import './index.esm-29e48d38.js';
 export { default as VideoSeriesListing } from './VideoSeriesListing.js';
 export { default as ArticleSeriesListing } from './ArticleSeriesListing.js';
 export { default as ArticleCarousel } from './ArticleCarousel.js';
-export { g as getSerializers } from './index-c1374f98.js';
+export { g as getSerializers } from './index-728dd91f.js';
 import './util-7700fc59.js';
 import './brightcove-react-player-loader.es-83f53e4e.js';
 import 'next/head';
@@ -172,7 +172,7 @@ import 'swr';
 import 'passport-local';
 import 'mysql';
 import './SeriesSlider-9245785f.js';
-export { g as getTargeting } from './getTargeting-7211f12c.js';
+export { g as getTargeting } from './getTargeting-ed6ebf43.js';
 export { default as View } from './View.js';
 export { default as getKeywords } from './getKeywords.js';
 export { default as urlFor } from './urlFor.js';

package/dist/esm/{inherits-fb9b6e8f.js → inherits-cf8dde54.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.784-beta.0",
+  "version": "1.0.785-beta.0",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",
@@ -72,6 +72,7 @@
     "react-infinite-scroll-component": "^5.0.4",
     "react-lazyload": "^2.6.5",
     "react-player": "^1.15.2",
+    "react-script-tag": "^1.1.2",
     "react-scripts": "^1.1.4",
     "react-share": "^4.0.1",
     "react-social-icons": "^4.1.0",