@mjhls/mjh-framework 1.0.562 → 1.0.563

package/README.md

@@ -1,5 +1,5 @@
 
-# mjh-framework v. 1.0.562
+# mjh-framework v. 1.0.563
 
 > Foundation Framework 
 

package/dist/cjs/getSerializers.js

@@ -7791,6 +7791,36 @@ var NativeAd = function NativeAd(props) {
   );
 };
 
+var createMarkup = function createMarkup(htmlContent) {
+  return { __html: htmlContent };
+};
+
+var Formstack = function Formstack(_ref) {
+  var FormID = _ref.FormID,
+      Caption = _ref.Caption;
+
+  var formstackRef = React.useRef(null);
+  React.useEffect(function () {
+    Segment.Segment.init();
+    var newSrc = Segment.Segment.getURL('https://mjhlifesciences.formstack.com/forms/js.php/' + FormID, { needSegmentSupport: true });
+    var scriptTag = formstackRef.current.querySelector('script[needsegmentsupport="true"]');
+    scriptTag && newSrc && scriptTag.setAttribute('src', newSrc);
+  }, []);
+
+  var htmlContent = '\n    <script needsegmentsupport="true" type="text/javascript" src="https://mjhlifesciences.formstack.com/forms/js.php/' + FormID + '"></script>\n    <noscript><a href="https://mjhlifesciences.formstack.com/forms/' + FormID + '" title="Online Form">' + Caption + '</a></noscript>\n    ';
+
+  return React__default.createElement(
+    'div',
+    { ref: formstackRef },
+    React__default.createElement(
+      'h4',
+      { className: 'formstack-caption' },
+      Caption
+    ),
+    React__default.createElement('div', { dangerouslySetInnerHTML: createMarkup(htmlContent) })
+  );
+};
+
 var urlFor$2 = function urlFor(source, client) {
   var builder = index$1.imageUrlBuilder(client);
   return builder.image(source).auto('format');
@@ -8206,8 +8236,15 @@ var getSerializers = function getSerializers() {
       brtag: function brtag() {
         return React__default.createElement('br', { className: 'line-break' });
       },
-      multimedia: function multimedia(_ref18) {
+      formstack: function formstack(_ref18) {
         var node = _ref18.node;
+        var FormID = node.FormID,
+            Caption = node.Caption;
+
+        return React__default.createElement(Formstack, { FormID: FormID, Caption: Caption });
+      },
+      multimedia: function multimedia(_ref19) {
+        var node = _ref19.node;
 
         return React__default.createElement(MultiMedia, { node: node, client: client });
       }
@@ -8253,32 +8290,32 @@ var getSerializers = function getSerializers() {
           children
         );
       },
-      alignleft: function alignleft(_ref19) {
-        var children = _ref19.children;
+      alignleft: function alignleft(_ref20) {
+        var children = _ref20.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref20) {
-        var children = _ref20.children;
+      alignright: function alignright(_ref21) {
+        var children = _ref21.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref21) {
-        var children = _ref21.children;
+      aligncenter: function aligncenter(_ref22) {
+        var children = _ref22.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref22) {
-        var children = _ref22.children;
+      alignjustify: function alignjustify(_ref23) {
+        var children = _ref23.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },

package/dist/esm/getSerializers.js

@@ -9,7 +9,7 @@ import { _ as _extends } from './extends-6e00b262.js';
 import './web.dom.iterable-46c95e52.js';
 import './typeof-5f046efd.js';
 import './_is-array-dd5523d6.js';
-import React__default, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect, useRef } from 'react';
 import { l as lib_3 } from './index-93ec3c59.js';
 import PropTypes from 'prop-types';
 import Row from 'react-bootstrap/Row';
@@ -7785,6 +7785,36 @@ var NativeAd = function NativeAd(props) {
   );
 };
 
+var createMarkup = function createMarkup(htmlContent) {
+  return { __html: htmlContent };
+};
+
+var Formstack = function Formstack(_ref) {
+  var FormID = _ref.FormID,
+      Caption = _ref.Caption;
+
+  var formstackRef = useRef(null);
+  useEffect(function () {
+    Segment.init();
+    var newSrc = Segment.getURL('https://mjhlifesciences.formstack.com/forms/js.php/' + FormID, { needSegmentSupport: true });
+    var scriptTag = formstackRef.current.querySelector('script[needsegmentsupport="true"]');
+    scriptTag && newSrc && scriptTag.setAttribute('src', newSrc);
+  }, []);
+
+  var htmlContent = '\n    <script needsegmentsupport="true" type="text/javascript" src="https://mjhlifesciences.formstack.com/forms/js.php/' + FormID + '"></script>\n    <noscript><a href="https://mjhlifesciences.formstack.com/forms/' + FormID + '" title="Online Form">' + Caption + '</a></noscript>\n    ';
+
+  return React__default.createElement(
+    'div',
+    { ref: formstackRef },
+    React__default.createElement(
+      'h4',
+      { className: 'formstack-caption' },
+      Caption
+    ),
+    React__default.createElement('div', { dangerouslySetInnerHTML: createMarkup(htmlContent) })
+  );
+};
+
 var urlFor$2 = function urlFor(source, client) {
   var builder = imageUrlBuilder(client);
   return builder.image(source).auto('format');
@@ -8200,8 +8230,15 @@ var getSerializers = function getSerializers() {
       brtag: function brtag() {
         return React__default.createElement('br', { className: 'line-break' });
       },
-      multimedia: function multimedia(_ref18) {
+      formstack: function formstack(_ref18) {
         var node = _ref18.node;
+        var FormID = node.FormID,
+            Caption = node.Caption;
+
+        return React__default.createElement(Formstack, { FormID: FormID, Caption: Caption });
+      },
+      multimedia: function multimedia(_ref19) {
+        var node = _ref19.node;
 
         return React__default.createElement(MultiMedia, { node: node, client: client });
       }
@@ -8247,32 +8284,32 @@ var getSerializers = function getSerializers() {
           children
         );
       },
-      alignleft: function alignleft(_ref19) {
-        var children = _ref19.children;
+      alignleft: function alignleft(_ref20) {
+        var children = _ref20.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'left' } },
           children
         );
       },
-      alignright: function alignright(_ref20) {
-        var children = _ref20.children;
+      alignright: function alignright(_ref21) {
+        var children = _ref21.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'right' } },
           children
         );
       },
-      aligncenter: function aligncenter(_ref21) {
-        var children = _ref21.children;
+      aligncenter: function aligncenter(_ref22) {
+        var children = _ref22.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'center' } },
           children
         );
       },
-      alignjustify: function alignjustify(_ref22) {
-        var children = _ref22.children;
+      alignjustify: function alignjustify(_ref23) {
+        var children = _ref23.children;
         return React__default.createElement(
           'div',
           { style: { textAlign: 'justify' } },

package/package.json

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