@mjhls/mjh-framework 1.0.562 → 1.0.564

package/README.md

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

package/dist/cjs/IssueContentDeck.js

@@ -246,7 +246,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            border: 2px solid #484848;\n            display: inline;\n            width: max-content;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n        '
+      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            border: 2px solid #484848;\n            width: fit-content;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n        '
     )
   );
 };

package/dist/cjs/PublicationLanding.js

@@ -555,7 +555,7 @@ var PublicationLanding = function PublicationLanding(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          border: 2px solid #484848;\n          display: inline;\n          width: max-content;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n      '
+      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          border: 2px solid #484848;\n          width: fit-content;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n      '
     )
   );
 };

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/IssueContentDeck.js

@@ -241,7 +241,7 @@ var IssueContentDeck = function IssueContentDeck(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            border: 2px solid #484848;\n            display: inline;\n            width: max-content;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n        '
+      '\n          .displayLabelThumb {\n            margin: 0 auto;\n            margin-top: -1.25rem;\n            background-color: white;\n            position: relative;\n          }\n          .content-category-label {\n            margin: 0.5rem 0;\n            display: block;\n          }\n          .sanityDisplayLabel {\n            border: 2px solid #484848;\n            width: fit-content;\n            padding: 5px;\n            color: #484848;\n            border-radius: 2px;\n          }\n        '
     )
   );
 };

package/dist/esm/PublicationLanding.js

@@ -549,7 +549,7 @@ var PublicationLanding = function PublicationLanding(props) {
     React__default.createElement(
       'style',
       { jsx: 'true' },
-      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          border: 2px solid #484848;\n          display: inline;\n          width: max-content;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n      '
+      '\n        .issueCard.card:hover {\n          cursor: default;\n        }\n        .content-category-label {\n          margin: 0.5rem 0;\n          display: block;\n        }\n        .sanityDisplayLabel {\n          border: 2px solid #484848;\n          width: fit-content;\n          padding: 5px;\n          color: #484848;\n          border-radius: 2px;\n        }\n      '
     )
   );
 };

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.564",
   "description": "Foundation Framework",
   "author": "mjh-framework",
   "license": "MIT",