@treely/strapi-slices 8.3.0 → 8.4.0

package/dist/index.js

@@ -260,10 +260,8 @@ var SLICES_WITH_PROJECTS = [
 
 // src/utils/mergeGlobalAndStrapiBlogPostData.ts
 var mergeGlobalAndStrapiBlogPostData = (context, global, post, blog, projects) => {
-  const metaShareImageUrl = post.attributes.metadata?.shareImage ? strapiMediaUrl_default(
-    post.attributes.metadata?.shareImage.media ?? global.attributes.metadata.shareImage?.media,
-    "large"
-  ) : DEFAULT_SHARE_IMAGE;
+  const metaShareImageMedia = post.attributes.metadata?.shareImage?.media ?? global.attributes.metadata.shareImage?.media;
+  const metaShareImageUrl = metaShareImageMedia ? strapiMediaUrl_default(metaShareImageMedia, "large") : DEFAULT_SHARE_IMAGE;
   const schemaMarkupTypes = post.attributes.metadata?.schemaMarkupTypes ?? global.attributes.metadata?.schemaMarkupTypes ?? [];
   const returnBlog = post.attributes.slices.some(
     (slice) => SLICES_WITH_BLOG_POSTS.includes(slice.__component)
@@ -312,10 +310,8 @@ var mergeGlobalAndStrapiBlogPostData_default = mergeGlobalAndStrapiBlogPostData;
 
 // src/utils/mergeGlobalAndStrapiCustomerStoryData.ts
 var mergeGlobalAndStrapiCustomerStoryData = (context, global, customerStory, customerStories) => {
-  const metaShareImageUrl = customerStory.attributes.metadata?.shareImage ? strapiMediaUrl_default(
-    customerStory.attributes.metadata?.shareImage.media ?? global.attributes.metadata.shareImage?.media,
-    "large"
-  ) : DEFAULT_SHARE_IMAGE;
+  const metaShareImageMedia = customerStory.attributes.metadata?.shareImage?.media ?? global.attributes.metadata.shareImage?.media;
+  const metaShareImageUrl = metaShareImageMedia ? strapiMediaUrl_default(metaShareImageMedia, "large") : DEFAULT_SHARE_IMAGE;
   const schemaMarkupTypes = customerStory.attributes.metadata?.schemaMarkupTypes ?? global.attributes.metadata?.schemaMarkupTypes ?? [];
   const returnCustomerStories = customerStory.attributes.slices.some(
     (slice) => SLICES_WITH_CUSTOMER_STORIES.includes(slice.__component)
@@ -360,10 +356,8 @@ var mergeGlobalAndStrapiCustomerStoryData_default = mergeGlobalAndStrapiCustomer
 
 // src/utils/mergeGlobalAndStrapiPageData.ts
 var mergeGlobalAndStrapiPageData = (context, global, page, blogPosts, customerStories, projects) => {
-  const metaShareImageUrl = page.attributes.metadata?.shareImage ? strapiMediaUrl_default(
-    page.attributes.metadata?.shareImage.media ?? global.attributes.metadata.shareImage?.media,
-    "large"
-  ) : DEFAULT_SHARE_IMAGE;
+  const metaShareImageMedia = page.attributes.metadata?.shareImage?.media ?? global.attributes.metadata.shareImage?.media;
+  const metaShareImageUrl = metaShareImageMedia ? strapiMediaUrl_default(metaShareImageMedia, "large") : DEFAULT_SHARE_IMAGE;
   const schemaMarkupTypes = page.attributes.metadata?.schemaMarkupTypes ?? global.attributes.metadata?.schemaMarkupTypes ?? [];
   const returnBlogPosts = page.attributes.slices.some(
     (slice) => SLICES_WITH_BLOG_POSTS.includes(slice.__component)
@@ -419,10 +413,8 @@ var mergeGlobalAndStrapiPageData_default = mergeGlobalAndStrapiPageData;
 
 // src/utils/mergeGlobalAndStrapiProjectData.ts
 var mergeGlobalAndStrapiProject = (context, global, project, blogPosts, projects) => {
-  const metaShareImageUrl = project.attributes.metadata?.shareImage ? strapiMediaUrl_default(
-    project.attributes.metadata?.shareImage.media ?? global.attributes.metadata.shareImage?.media,
-    "large"
-  ) : DEFAULT_SHARE_IMAGE;
+  const metaShareImageMedia = project.attributes.metadata?.shareImage?.media ?? global.attributes.metadata.shareImage?.media;
+  const metaShareImageUrl = metaShareImageMedia ? strapiMediaUrl_default(metaShareImageMedia, "large") : DEFAULT_SHARE_IMAGE;
   const schemaMarkupTypes = project.attributes.metadata?.schemaMarkupTypes ?? global.attributes.metadata?.schemaMarkupTypes ?? [];
   const returnBlogPosts = project.attributes.slices.some(
     (slice) => SLICES_WITH_BLOG_POSTS.includes(slice.__component)
@@ -3670,12 +3662,20 @@ var CertificationBadge_default = CertificationBadge;
 // src/components/CertificationBadge/index.ts
 var CertificationBadge_default2 = CertificationBadge_default;
 
+// src/utils/getProjectTranslation.ts
+var getProjectTranslation = (nameTranslations, locale, fallback) => {
+  if (!nameTranslations || nameTranslations.length === 0) return fallback;
+  const match = nameTranslations.find((t) => t.language === locale);
+  return match?.value || fallback;
+};
+var getProjectTranslation_default = getProjectTranslation;
+
 // src/components/ProjectGridCard/ProjectGridCard.tsx
 import { jsx as jsx26, jsxs as jsxs23 } from "react/jsx-runtime";
 var ProjectGridCard = ({
   project
 }) => {
-  const { formatNumber } = useContext10(IntlContext);
+  const { formatNumber, locale } = useContext10(IntlContext);
   return /* @__PURE__ */ jsx26(Container, { height: "full", children: /* @__PURE__ */ jsxs23(Flex12, { flexDir: "column", height: "full", children: [
     project.thumbnail && /* @__PURE__ */ jsx26(Box17, { borderRadius: "xl", position: "relative", height: "36", mb: "2", children: /* @__PURE__ */ jsx26(
       Image17,
@@ -3689,7 +3689,7 @@ var ProjectGridCard = ({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx26(Heading8, { my: "4", size: "lg", children: project.friendlyName || project.title }),
+    /* @__PURE__ */ jsx26(Heading8, { my: "4", size: "lg", children: getProjectTranslation_default(project.nameTranslations, locale, project.title) }),
     /* @__PURE__ */ jsxs23(Flex12, { flexDir: "row", gap: "2", flexWrap: "wrap", children: [
       /* @__PURE__ */ jsx26(BoemlyTag3, { backgroundColor: "gray.100", children: /* @__PURE__ */ jsx26(Text9, { size: "xsLowBold", color: "gray.800", children: formatNumber(
         (project.area || 0) / 1e4,
@@ -4194,7 +4194,7 @@ var getProjectTypeLabel = (projectType, formatMessage) => {
 var ProjectGridCardV2 = ({
   project
 }) => {
-  const { formatNumber, formatMessage } = useContext12(IntlContext);
+  const { formatNumber, formatMessage, locale } = useContext12(IntlContext);
   return /* @__PURE__ */ jsx32(Box23, { height: "full", borderRadius: "lg", boxShadow: "sm", overflow: "hidden", children: /* @__PURE__ */ jsxs28(Flex14, { flexDir: "column", height: "full", children: [
     /* @__PURE__ */ jsxs28(Box23, { position: "relative", height: "56", children: [
       project.thumbnail && /* @__PURE__ */ jsx32(
@@ -4238,7 +4238,7 @@ var ProjectGridCardV2 = ({
       )
     ] }),
     /* @__PURE__ */ jsxs28(Box23, { padding: "6", backgroundColor: "white", children: [
-      /* @__PURE__ */ jsx32(Heading11, { size: "xl", color: "primary.700", mb: "2", children: project.friendlyName || project.title }),
+      /* @__PURE__ */ jsx32(Heading11, { size: "xl", color: "primary.700", mb: "2", children: getProjectTranslation_default(project.nameTranslations, locale, project.title) }),
       /* @__PURE__ */ jsxs28(Flex14, { flexDir: "column", gap: "2", children: [
         /* @__PURE__ */ jsxs28(Flex14, { alignItems: "center", gap: "3", children: [
           /* @__PURE__ */ jsx32(MapPinIcon, { size: 20, color: "var(--boemly-colors-gray-500)" }),
@@ -5253,11 +5253,23 @@ var ProjectsMap = ({
         const coordinates = e.features[0].geometry.coordinates.slice();
         const {
           title,
+          nameTranslations: nameTranslationsRaw,
           projectDeveloper,
           slug,
           portfolioHost,
           creditAvailability
         } = e.features[0].properties;
+        let parsedNameTranslations;
+        try {
+          parsedNameTranslations = nameTranslationsRaw ? JSON.parse(nameTranslationsRaw) : void 0;
+        } catch {
+          parsedNameTranslations = void 0;
+        }
+        const displayName = getProjectTranslation_default(
+          parsedNameTranslations,
+          locale,
+          title
+        );
         const point = map.current.project(coordinates);
         const popupHeight = 150;
         const offset = point.y - popupHeight - 20 < 0 ? [0, 20] : [0, -20];
@@ -5314,7 +5326,7 @@ var ProjectsMap = ({
         const description = `
           <div style="padding: 2px; padding-right: 16px; min-width: 180px; max-width: 260px;">
             ${badge}
-            <h3 style="font-size: 15px; font-weight: bold;">${title}</h3>
+            <h3 style="font-size: 15px; font-weight: bold;">${displayName}</h3>
             <p style="font-size: 15px; color: #64748b;">${developer}</p>
             ${button}
           </div>
@@ -5385,7 +5397,11 @@ var ProjectsMap = ({
     map.current.addControl(new mapboxgl.NavigationControl(), "top-right");
     map.current.on("load", () => {
       if (map.current?.getLayer("road-number-shield")) {
-        map.current?.setLayoutProperty("road-number-shield", "visibility", "none");
+        map.current?.setLayoutProperty(
+          "road-number-shield",
+          "visibility",
+          "none"
+        );
       }
       setIsMapReady(true);
     });