@mjhls/mjh-framework 1.0.129 → 1.0.131

package/dist/index.js

@@ -12171,7 +12171,7 @@ var cardLoader = function cardLoader(data, builder, mapping, values, seoPaginate
     }),
     React__default.createElement(
       'style',
-      { jsx: true },
+      { jsx: 'true' },
       '\n          .img-wrapper img {\n            max-height: 200px;\n            width: 100%;\n            object-fit: cover;\n          }\n          @media only screen and (min-width: 768px) {\n            .img-wrapper {\n              width: 42%;\n            }\n            .img-wrapper > img {\n              padding-right: 1em;\n            }\n          }\n          @media only screen and (max-width: 767px) {\n            .img-wrapper {\n              width: 100%;\n            }\n            .img-wrapper img {\n              padding-bottom: 1em;\n            }\n            .media {\n              flex-direction: column;\n            }\n          }\n        '
     )
   );
@@ -18448,11 +18448,12 @@ var TableShow = function TableShow(_ref) {
 };
 
 var Media$1 = function Media$$1(_ref) {
-  var uploadDoc = _ref.uploadDoc,
-      poster = _ref.poster,
-      client = _ref.client,
-      blank = _ref.blank,
-      caption = _ref.caption;
+  var node$$1 = _ref.node,
+      client = _ref.client;
+  var uploadDoc = node$$1.upload_doc,
+      poster = node$$1.poster,
+      blank = node$$1.blank,
+      caption = node$$1.caption;
 
   var builder = imageUrlBuilder(client);
 
@@ -18461,49 +18462,33 @@ var Media$1 = function Media$$1(_ref) {
   };
 
   var renderFigure = function renderFigure(uploadDoc, poster, blank, caption) {
-    if (uploadDoc && uploadDoc.asset && poster && poster.asset) {
-      return React__default.createElement(
-        reactBootstrap.Figure,
-        { className: 'd-block text-center mb-3' },
-        React__default.createElement(
-          'a',
-          { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
-          React__default.createElement(reactBootstrap.Figure.Image, {
-            src: urlFor(poster.asset).url(),
-            fluid: true
-          }),
-          caption && React__default.createElement(
-            reactBootstrap.Figure.Caption,
-            null,
-            caption
+    if (uploadDoc && uploadDoc.asset) {
+      if (poster && poster.asset) {
+        return React__default.createElement(
+          reactBootstrap.Figure,
+          { className: 'mb-3' },
+          React__default.createElement(
+            'a',
+            { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
+            React__default.createElement(reactBootstrap.Figure.Image, { src: urlFor(poster).url(), fluid: true })
           )
-        )
-      );
-    } else if (poster && poster.asset) {
-      return React__default.createElement(
-        reactBootstrap.Figure,
-        { className: 'd-block text-center mb-3' },
-        React__default.createElement(reactBootstrap.Figure.Image, {
-          src: urlFor(poster.asset).url()
-        }),
-        caption && React__default.createElement(
-          reactBootstrap.Figure.Caption,
-          null,
+        );
+      } else if (caption && caption !== '') {
+        return React__default.createElement(
+          'a',
+          { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self', className: 'd-block text-center' },
           caption
-        )
-      );
+        );
+      }
+      return null;
     }
+    return null;
   };
 
   return React__default.createElement(
     React__default.Fragment,
     null,
-    renderFigure(uploadDoc, poster, blank, caption),
-    !poster && uploadDoc && uploadDoc.asset && React__default.createElement(
-      'a',
-      { href: uploadDoc.asset.url, target: blank ? '_blank' : '_self' },
-      caption
-    )
+    renderFigure(uploadDoc, poster, blank, caption)
   );
 };
 
@@ -25951,12 +25936,8 @@ var getSerializers$1 = function getSerializers(client, pageview, videoAccountIDs
       },
       media: function media(_ref7) {
         var node = _ref7.node;
-        var upload_doc = node.upload_doc,
-            poster = node.poster,
-            caption = node.caption,
-            blank = node.blank;
 
-        return React__default.createElement(Media$1, { uploadDoc: upload_doc, poster: poster, blank: blank, client: client, caption: caption });
+        return React__default.createElement(Media$1, { node: node, client: client });
       },
       iframe: function iframe(_ref8) {
         var node = _ref8.node;