@treely/strapi-slices 8.3.0 → 8.4.0

package/dist/components/ProjectGridCard/ProjectGridCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectGridCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProjectGridCard/ProjectGridCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAO7D,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,GAAI,cAE7B,oBAAoB,KAAG,KAAK,CAAC,GAAG,CAAC,OA0CnC,CAAC"}
+{"version":3,"file":"ProjectGridCard.d.ts","sourceRoot":"","sources":["../../../src/components/ProjectGridCard/ProjectGridCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAQ7D,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,GAAI,cAE7B,oBAAoB,KAAG,KAAK,CAAC,GAAG,CAAC,OA0CnC,CAAC"}

package/dist/components/ProjectGridCardV2/ProjectGridCardV2.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectGridCardV2.d.ts","sourceRoot":"","sources":["../../../src/components/ProjectGridCardV2/ProjectGridCardV2.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAQ7D,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAiBD,eAAO,MAAM,iBAAiB,GAAI,cAE/B,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAgFrC,CAAC"}
+{"version":3,"file":"ProjectGridCardV2.d.ts","sourceRoot":"","sources":["../../../src/components/ProjectGridCardV2/ProjectGridCardV2.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,gBAAgB,MAAM,+BAA+B,CAAC;AAS7D,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAiBD,eAAO,MAAM,iBAAiB,GAAI,cAE/B,sBAAsB,KAAG,KAAK,CAAC,GAAG,CAAC,OAgFrC,CAAC"}

package/dist/index.cjs

@@ -307,10 +307,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)
@@ -359,10 +357,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)
@@ -407,10 +403,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)
@@ -466,10 +460,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)
@@ -3580,12 +3572,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
 var import_jsx_runtime26 = require("react/jsx-runtime");
 var ProjectGridCard = ({
   project
 }) => {
-  const { formatNumber } = (0, import_react27.useContext)(IntlContext);
+  const { formatNumber, locale } = (0, import_react27.useContext)(IntlContext);
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_boemly25.Container, { height: "full", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_boemly25.Flex, { flexDir: "column", height: "full", children: [
     project.thumbnail && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_boemly25.Box, { borderRadius: "xl", position: "relative", height: "36", mb: "2", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       import_image16.default,
@@ -3599,7 +3599,7 @@ var ProjectGridCard = ({
         }
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_boemly25.Heading, { my: "4", size: "lg", children: project.friendlyName || project.title }),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_boemly25.Heading, { my: "4", size: "lg", children: getProjectTranslation_default(project.nameTranslations, locale, project.title) }),
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_boemly25.Flex, { flexDir: "row", gap: "2", flexWrap: "wrap", children: [
       /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_boemly25.BoemlyTag, { backgroundColor: "gray.100", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_boemly25.Text, { size: "xsLowBold", color: "gray.800", children: formatNumber(
         (project.area || 0) / 1e4,
@@ -4080,7 +4080,7 @@ var getProjectTypeLabel = (projectType, formatMessage) => {
 var ProjectGridCardV2 = ({
   project
 }) => {
-  const { formatNumber, formatMessage } = (0, import_react31.useContext)(IntlContext);
+  const { formatNumber, formatMessage, locale } = (0, import_react31.useContext)(IntlContext);
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_boemly32.Box, { height: "full", borderRadius: "lg", boxShadow: "sm", overflow: "hidden", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_boemly32.Flex, { flexDir: "column", height: "full", children: [
     /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_boemly32.Box, { position: "relative", height: "56", children: [
       project.thumbnail && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
@@ -4124,7 +4124,7 @@ var ProjectGridCardV2 = ({
       )
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_boemly32.Box, { padding: "6", backgroundColor: "white", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_boemly32.Heading, { size: "xl", color: "primary.700", mb: "2", children: project.friendlyName || project.title }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_boemly32.Heading, { size: "xl", color: "primary.700", mb: "2", children: getProjectTranslation_default(project.nameTranslations, locale, project.title) }),
       /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_boemly32.Flex, { flexDir: "column", gap: "2", children: [
         /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_boemly32.Flex, { alignItems: "center", gap: "3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react32.MapPinIcon, { size: 20, color: "var(--boemly-colors-gray-500)" }),
@@ -5128,11 +5128,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];
@@ -5189,7 +5201,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>
@@ -5260,7 +5272,11 @@ var ProjectsMap = ({
     map.current.addControl(new import_mapbox_gl.default.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);
     });