@treely/strapi-slices 5.1.1 → 5.2.0

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

@@ -4541,14 +4541,14 @@ var CustomerCard = function CustomerCard(_ref) {
     px: "6",
     pt: "8",
     pb: "6"
-  }, React__default.default.createElement(boemly.Link, {
-    href: "/customer-stories/" + customerStory.slug
   }, React__default.default.createElement(boemly.Button, {
+    as: Link__default.default,
+    href: "/customer-stories/" + customerStory.slug,
     variant: "outline",
     size: "sm"
   }, formatMessage({
     id: 'sections.customerCard.more'
-  }))))));
+  })))));
 };
 
 var CustomerQuoteCard = function CustomerQuoteCard(_ref) {
@@ -4582,15 +4582,44 @@ var CustomerQuoteCard = function CustomerQuoteCard(_ref) {
   }, customerStory.quoteCardCustomerTitle)), React__default.default.createElement(boemly.Text, {
     size: "xs",
     color: "black"
-  }, customerStory.quoteCardQuote), React__default.default.createElement(boemly.Link, {
-    href: "/customer-stories/" + customerStory.slug
-  }, React__default.default.createElement(boemly.Button, {
+  }, customerStory.quoteCardQuote), React__default.default.createElement(boemly.Button, {
+    href: "/customer-stories/" + customerStory.slug,
+    as: Link__default.default,
     variant: "outline",
     size: "sm",
     mt: "8"
   }, formatMessage({
     id: 'sections.customerQuoteCard.more'
-  })))));
+  }))));
+};
+
+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) {
@@ -4614,6 +4643,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
     }));
   }))));
 };