@treely/strapi-slices 4.4.0 → 4.4.2

package/dist/strapi-slices.esm.js

@@ -1406,7 +1406,9 @@ var MapHero = function MapHero(_ref) {
   var slice = _ref.slice;
   var _useMediaQuery = useMediaQuery(BREAKPOINT_LG_QUERY),
     belowBreakpoint = _useMediaQuery[0];
-  return React.createElement(MapHeroContainer, null, slice.shape && React.createElement(ShapeContainer, null, React.createElement(Image, {
+  return React.createElement(MapHeroContainer, {
+    maxWidth: "full"
+  }, slice.shape && React.createElement(ShapeContainer, null, React.createElement(Image, {
     src: strapiMediaUrl(slice.shape.img, 'medium'),
     alt: slice.shape.alt,
     fill: true,
@@ -2680,7 +2682,7 @@ var Blog = function Blog(_ref) {
     })), React.createElement(Box, {
       px: "2",
       py: "8"
-    }, blogPost.attributes.category && React.createElement(Text, {
+    }, blogPost.attributes.category.data && React.createElement(Text, {
       size: "smMonoUppercase",
       color: "primary.800",
       mb: "2"
@@ -2693,7 +2695,7 @@ var Blog = function Blog(_ref) {
       height: "4"
     }), React.createElement(DatePersonPair, {
       date: formatDate(blogPost.attributes.createdAt),
-      person: blogPost.attributes.author ? {
+      person: blogPost.attributes.author.data ? {
         name: blogPost.attributes.author.data.attributes.name,
         image: React.createElement(Image, {
           src: strapiMediaUrl(blogPost.attributes.author.data.attributes.img.img, 'thumbnail'),
@@ -3232,7 +3234,8 @@ var STATES = {
     paddingTitle: '0',
     justifyContent: 'space-between',
     buttonJustifyContent: 'start',
-    textMarginLeft: ['0', null, null, null, '14']
+    textMarginLeft: ['0', null, null, null, '14'],
+    textMarginRight: '0'
   },
   centerWithoutImage: {
     textAlign: 'center',
@@ -3240,7 +3243,8 @@ var STATES = {
     paddingTitle: '20',
     justifyContent: 'center',
     buttonJustifyContent: 'center',
-    textMarginLeft: '0'
+    textMarginLeft: '0',
+    textMarginRight: '0'
   },
   centerWithImage: {
     textAlign: 'center',
@@ -3248,7 +3252,8 @@ var STATES = {
     paddingTitle: '20',
     justifyContent: 'center',
     buttonJustifyContent: 'center',
-    textMarginLeft: '0'
+    textMarginLeft: '0',
+    textMarginRight: '0'
   },
   right: {
     textAlign: 'left',
@@ -3256,7 +3261,8 @@ var STATES = {
     paddingTitle: '0',
     justifyContent: 'start',
     buttonJustifyContent: 'start',
-    textMarginLeft: '0'
+    textMarginLeft: '0',
+    textMarginRight: ['0', null, null, null, '10']
   }
 };
 var VARIANTS$3 = {
@@ -3444,6 +3450,7 @@ var Cta = function Cta(_ref) {
     })) : React.createElement(React.Fragment, null), React.createElement(Box, {
       zIndex: "base",
       marginLeft: STATES[ctaCardType].textMarginLeft,
+      marginRight: STATES[ctaCardType].textMarginRight,
       maxWidth: "3xl"
     }, React.createElement(Spacer, {
       height: ['0', null, null, null, '20']
@@ -3898,7 +3905,7 @@ var BlogCards = function BlogCards(_ref) {
     var _slice$blogPostCatego;
     return (_slice$blogPostCatego = slice.blogPostCategory) != null && (_slice$blogPostCatego = _slice$blogPostCatego.data) != null && _slice$blogPostCatego.attributes.name ? sortedBlogPosts.filter(function (blogPost) {
       var _blogPost$attributes$, _slice$blogPostCatego2;
-      return ((_blogPost$attributes$ = blogPost.attributes.category) == null ? void 0 : _blogPost$attributes$.data.attributes.name) === ((_slice$blogPostCatego2 = slice.blogPostCategory) == null || (_slice$blogPostCatego2 = _slice$blogPostCatego2.data) == null ? void 0 : _slice$blogPostCatego2.attributes.name);
+      return ((_blogPost$attributes$ = blogPost.attributes.category.data) == null ? void 0 : _blogPost$attributes$.attributes.name) === ((_slice$blogPostCatego2 = slice.blogPostCategory) == null || (_slice$blogPostCatego2 = _slice$blogPostCatego2.data) == null ? void 0 : _slice$blogPostCatego2.attributes.name);
     }).slice(0, 3) : sortedBlogPosts.slice(0, 3);
   }, [sortedBlogPosts, slice]);
   return React.createElement(DefaultSectionContainer, {
@@ -3939,6 +3946,7 @@ var BlogCards = function BlogCards(_ref) {
     spacingY: 24,
     flexShrink: "0"
   }, blogPostsToDisplay.map(function (blogPost) {
+    var _blogPost$attributes$2;
     return React.createElement(BlogItemContainer, {
       as: Link,
       href: "/blog/" + blogPost.attributes.slug,
@@ -3958,7 +3966,7 @@ var BlogCards = function BlogCards(_ref) {
       size: "smMonoUppercase",
       color: "primary.800",
       mb: "2"
-    }, blogPost.attributes.category.data.attributes.name), React.createElement(Heading, {
+    }, (_blogPost$attributes$2 = blogPost.attributes.category.data) == null ? void 0 : _blogPost$attributes$2.attributes.name), React.createElement(Heading, {
       size: "lg"
     }, blogPost.attributes.title), blogPost.attributes.teaser && React.createElement(Text, {
       size: "mdRegularNormal",
@@ -3967,7 +3975,7 @@ var BlogCards = function BlogCards(_ref) {
       height: "4"
     }), React.createElement(DatePersonPair, {
       date: formatDate(blogPost.attributes.createdAt),
-      person: blogPost.attributes.author ? {
+      person: blogPost.attributes.author.data ? {
         name: blogPost.attributes.author.data.attributes.name,
         image: React.createElement(Image, {
           src: strapiMediaUrl(blogPost.attributes.author.data.attributes.img.img, 'thumbnail'),
@@ -4182,11 +4190,9 @@ var SmallCheckout = function SmallCheckout(_ref) {
     textAlign: "center",
     mb: "3"
   }, subtitle), button && React.createElement(StrapiLinkButton, {
-    link: {
-      id: 1,
-      intercomLauncher: true,
-      text: button.text
-    },
+    link: _extends({
+      intercomLauncher: true
+    }, button),
     variant: "outline"
   })));
 };