@treely/strapi-slices 3.1.0 → 3.2.0

package/dist/models/strapi/StrapiProjectCard.d.ts

@@ -1,8 +1,18 @@
-import IStrapi from './IStrapi';
 import IStrapiData from './IStrapiData';
+import StrapiImage from './StrapiImage';
 import StrapiProject from './StrapiProject';
 interface StrapiProjectCard {
     id: number;
-    project: IStrapi<IStrapiData<StrapiProject>>;
+    title: string;
+    facts: {
+        id: number;
+        text: string;
+    }[];
+    footerTitle: string;
+    footerSubTitle: string;
+    image: StrapiImage;
+    project?: {
+        data?: IStrapiData<StrapiProject>;
+    };
 }
 export default StrapiProjectCard;

package/dist/slices/TextWithCard/TextWithCard.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import StrapiLink from '../../models/strapi/StrapiLink';
 import StrapiProjectCard from '../../models/strapi/StrapiProjectCard';
-import PortfolioProject from '../../models/PortfolioProject';
+import { IStrapi, IStrapiData, PortfolioProject, StrapiProject } from '../..';
 interface TextWithCardSlice {
     tagline?: string;
     title: string;
@@ -12,6 +12,7 @@ interface TextWithCardSlice {
     }[];
     button?: StrapiLink;
     card?: StrapiProjectCard;
+    project?: IStrapi<IStrapiData<StrapiProject>>;
     cardPosition: 'left' | 'right';
 }
 export interface TextWithCardProps {

package/dist/strapi-slices.cjs.development.js

@@ -489,7 +489,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;
@@ -2417,17 +2417,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__default.default.createElement(boemly.GridItem, {
     colSpan: [4, null, null, null, 2],
     rowSpan: 1,
     position: "relative",
     "data-testid": "card-position-" + slice.cardPosition
-  }, slice.card && fpmData && React__default.default.createElement(PortfolioProjectCard, {
-    project: _extends({}, slice.card, fpmData)
+  }, portfolioProject && React__default.default.createElement(PortfolioProjectCard, {
+    project: portfolioProject
+  }), !portfolioProject && slice.card && React__default.default.createElement(boemly.ProjectCard, {
+    facts: slice.card.facts,
+    footerSubTitle: slice.card.footerSubTitle,
+    footerTitle: slice.card.footerTitle,
+    title: slice.card.title,
+    image: React__default.default.createElement(Image__default.default, {
+      src: strapiMediaUrl(slice.card.image.img, 'medium'),
+      alt: slice.card.image.alt,
+      fill: true,
+      style: {
+        objectFit: slice.card.image.objectFit || 'cover'
+      }
+    })
   }));
   return React__default.default.createElement(boemly.DefaultSectionContainer, {
     title: slice.title