@treely/strapi-slices 5.1.2 → 5.2.1

package/dist/components/LogoCard/LogoCard.d.ts

@@ -0,0 +1,6 @@
+import { StrapiCustomerStory } from '../..';
+import React from 'react';
+export interface LogoCardProps {
+    customerStory: StrapiCustomerStory;
+}
+export declare const LogoCard: ({ customerStory }: LogoCardProps) => React.JSX.Element;

package/dist/components/LogoCard/index.d.ts

@@ -0,0 +1,2 @@
+import { LogoCard } from './LogoCard';
+export default LogoCard;

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

@@ -19,6 +19,6 @@ interface StrapiCustomerStory {
     slices: any[];
     localizations: StrapiLocalization[];
     topBanner?: StrapiTopBanner;
-    variant?: 'customerCard' | 'quoteCard';
+    variant?: 'customerCard' | 'quoteCard' | 'logoCard';
 }
 export default StrapiCustomerStory;

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

@@ -3382,7 +3382,8 @@ var Cta = function Cta(_ref) {
   var _useContext = React.useContext(IntlContext),
     formatMessage = _useContext.formatMessage;
   return React__default.default.createElement(boemly.DefaultSectionContainer, {
-    backgroundColor: VARIANTS$3[slice.variant].backgroundColor.left
+    backgroundColor: VARIANTS$3[slice.variant].backgroundColor.left,
+    title: slice.title
   }, React__default.default.createElement(boemly.Wrapper, null, slice.title ? React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(boemly.Flex, {
     alignItems: "center",
     flexDirection: "column"
@@ -4593,6 +4594,35 @@ var CustomerQuoteCard = function CustomerQuoteCard(_ref) {
   }))));
 };
 
+var LogoCard = function LogoCard(_ref) {
+  var customerStory = _ref.customerStory;
+  if (customerStory.cardImage) {
+    return React__default.default.createElement(boemly.Container, {
+      height: "full",
+      backgroundColor: "primary.50"
+    }, React__default.default.createElement(boemly.Flex, {
+      justifyContent: "center",
+      height: "full",
+      padding: "4"
+    }, React__default.default.createElement(boemly.Box, {
+      position: "relative",
+      height: "12",
+      width: "36",
+      marginY: "auto"
+    }, React__default.default.createElement(Link__default.default, {
+      href: "/customer-stories/" + customerStory.slug
+    }, React__default.default.createElement(Image__default.default, {
+      src: strapiMediaUrl(customerStory.cardImage.img, 'medium'),
+      alt: customerStory.cardImage.alt,
+      fill: true,
+      style: {
+        objectFit: customerStory.cardImage.objectFit
+      }
+    })))));
+  }
+  return React__default.default.createElement(React__default.default.Fragment, null);
+};
+
 var CustomerStories = function CustomerStories(_ref) {
   var slice = _ref.slice,
     customerStories = _ref.customerStories;
@@ -4614,6 +4644,8 @@ var CustomerStories = function CustomerStories(_ref) {
       customerStory: customerStory.attributes
     }), attributes.variant === 'quoteCard' && React__default.default.createElement(CustomerQuoteCard, {
       customerStory: customerStory.attributes
+    }), attributes.variant === 'logoCard' && React__default.default.createElement(LogoCard, {
+      customerStory: customerStory.attributes
     }));
   }))));
 };