@treely/strapi-slices 3.1.0 → 3.2.0

package/dist/strapi-slices.esm.js

@@ -476,7 +476,7 @@ var EXTENDABLE_HEADER_SECTIONS = ['sections.hero', 'sections.map-hero', 'section
 var DARK_THEME_HEADER_SECTIONS = ['sections.hero', 'sections.small-hero'];
 var SECTIONS_WITH_BLOG_POSTS = ['sections.blog', 'sections.blog-cards'];
 var SECTIONS_WITH_CUSTOMER_STORIES = ['sections.customer-stories'];
-var SECTIONS_WITH_PROJECTS = ['sections.projects-grid', 'sections.projects-map', 'sections.project-facts'];
+var SECTIONS_WITH_PROJECTS = ['sections.projects-grid', 'sections.projects-map', 'sections.project-facts', 'sections.text-with-card'];
 
 var mergeGlobalAndStrapiPageData = function mergeGlobalAndStrapiPageData(context, global, page, blogPosts, customerStories, projects) {
   var _page$attributes$meta, _page$attributes$meta2, _page$attributes$meta3, _global$attributes$me, _page$attributes$meta4, _page$attributes, _page$attributes$slic, _page$attributes$slic2, _page$attributes$meta5, _page$attributes$meta6, _page$attributes$meta7, _page$attributes$meta8, _ref, _page$attributes$meta9, _page$attributes$meta10, _global$attributes$me2;
@@ -2404,17 +2404,30 @@ var PortfolioProjectCard = function PortfolioProjectCard(_ref) {
 var TextWithCard = function TextWithCard(_ref) {
   var slice = _ref.slice,
     projects = _ref.projects;
-  var fpmData = projects.find(function (project) {
-    var _slice$card;
-    return project.slug === ((_slice$card = slice.card) == null || (_slice$card = _slice$card.project) == null ? void 0 : _slice$card.data.attributes.slug);
+  var portfolioProject = projects.find(function (p) {
+    var _slice$project, _slice$project2;
+    return ((_slice$project = slice.project) == null ? void 0 : _slice$project.data.attributes.fpmProjectId) && p.id === ((_slice$project2 = slice.project) == null ? void 0 : _slice$project2.data.attributes.fpmProjectId);
   });
   var card = React.createElement(GridItem, {
     colSpan: [4, null, null, null, 2],
     rowSpan: 1,
     position: "relative",
     "data-testid": "card-position-" + slice.cardPosition
-  }, slice.card && fpmData && React.createElement(PortfolioProjectCard, {
-    project: _extends({}, slice.card, fpmData)
+  }, portfolioProject && React.createElement(PortfolioProjectCard, {
+    project: portfolioProject
+  }), !portfolioProject && slice.card && React.createElement(ProjectCard, {
+    facts: slice.card.facts,
+    footerSubTitle: slice.card.footerSubTitle,
+    footerTitle: slice.card.footerTitle,
+    title: slice.card.title,
+    image: React.createElement(Image, {
+      src: strapiMediaUrl(slice.card.image.img, 'medium'),
+      alt: slice.card.image.alt,
+      fill: true,
+      style: {
+        objectFit: slice.card.image.objectFit || 'cover'
+      }
+    })
   }));
   return React.createElement(DefaultSectionContainer, {
     title: slice.title