@treely/strapi-slices 2.1.0 → 2.2.1

package/dist/strapi-slices.esm.js

@@ -1,9 +1,9 @@
 import React, { useState, useRef, useEffect, Fragment, createRef, createContext, useContext, useCallback, useMemo } from 'react';
+import Head from 'next/head';
 import { Box, BoemlyModal, Flex, IconButton, useMediaQuery, DefaultSectionContainer, Wrapper, DefaultSectionHeader, Button, Gradient, Spacer, SimpleGrid, Heading, Text, useToken, Grid, GridItem, BoemlyList, PortfolioCard, RichText, BoemlyAccordion, HeroCard, Shape, QuoteCard, Center, ShapesCard, TextCardWithIcon, ContactArea, ProjectCard, Tag, Link as Link$1, BoemlyThemeProvider, DatePersonPair, Badge, useDisclosure, Container, AvatarWithName, Divider, LabelNumberPair, BoemlyFormControl, InputRightAddon, LabelTextPair } from 'boemly';
 import Image from 'next/image';
 import { useLockBodyScroll, useKey, useWindowScroll, useWindowSize, useMeasure, useCopyToClipboard } from 'react-use';
 import { CaretLeft, CaretRight, Globe, ArrowRight, MapPin, ArrowLeft, Check, Link as Link$2, FilePdf, DownloadSimple, X } from '@phosphor-icons/react';
-import Head from 'next/head';
 import Link from 'next/link';
 import { useDetectAdBlock } from 'adblock-detect-react';
 import { useRouter } from 'next/router';
@@ -398,6 +398,219 @@ var strapiMediaUrl = function strapiMediaUrl(media, preferredSize) {
   return "" + ((STRAPI_URI.includes('127.0.0.1') || STRAPI_URI.includes('localhost')) && !process.env.STORYBOOK ? STRAPI_URI : '') + url;
 };
 
+var DEFAULT_SHARE_IMAGE = 'https://cdn.tree.ly/assets/v3/app/share-image-generic.webp';
+var DEFAULT_SHARE_ALT = 'Share Image';
+
+var mergeGlobalAndStrapiBlogPostData = function mergeGlobalAndStrapiBlogPostData(context, global, post, blog, projects) {
+  var _post$attributes$meta, _post$attributes$meta2, _post$attributes$meta3, _global$attributes$me, _post$attributes, _post$attributes$meta4, _post$attributes$meta5, _post$attributes$meta6, _post$attributes$meta7, _ref, _post$attributes$meta8, _post$attributes$meta9, _global$attributes$me2;
+  var metaShareImageUrl = (_post$attributes$meta = post.attributes.metadata) != null && _post$attributes$meta.shareImage ? strapiMediaUrl((_post$attributes$meta2 = (_post$attributes$meta3 = post.attributes.metadata) == null ? void 0 : _post$attributes$meta3.shareImage.media) != null ? _post$attributes$meta2 : (_global$attributes$me = global.attributes.metadata.shareImage) == null ? void 0 : _global$attributes$me.media, 'large') : DEFAULT_SHARE_IMAGE;
+  return _extends({}, post, {
+    // Portfolio Projects
+    projects: projects,
+    // StrapiBlogPost
+    attributes: _extends({}, post == null ? void 0 : post.attributes, {
+      metadata: (post == null || (_post$attributes = post.attributes) == null ? void 0 : _post$attributes.metadata) || global.attributes.metadata
+    }),
+    // PageProps
+    headerType: {
+      extendable: true,
+      theme: 'light'
+    },
+    headerNavMenus: global.attributes.navbar.navMenus || [],
+    headerButtons: global.attributes.navbar.buttons || [],
+    footerLinks: global.attributes.footer.links || [],
+    metadata: {
+      title: (_post$attributes$meta4 = (_post$attributes$meta5 = post.attributes.metadata) == null ? void 0 : _post$attributes$meta5.title) != null ? _post$attributes$meta4 : global.attributes.metadata.title,
+      description: (_post$attributes$meta6 = (_post$attributes$meta7 = post.attributes.metadata) == null ? void 0 : _post$attributes$meta7.description) != null ? _post$attributes$meta6 : global.attributes.metadata.description,
+      shareImage: {
+        url: metaShareImageUrl,
+        alt: (_ref = (_post$attributes$meta8 = (_post$attributes$meta9 = post.attributes.metadata) == null || (_post$attributes$meta9 = _post$attributes$meta9.shareImage) == null ? void 0 : _post$attributes$meta9.alt) != null ? _post$attributes$meta8 : (_global$attributes$me2 = global.attributes.metadata.shareImage) == null ? void 0 : _global$attributes$me2.alt) != null ? _ref : DEFAULT_SHARE_ALT
+      },
+      metaTitleSuffix: global.attributes.metaTitleSuffix,
+      favicon: strapiMediaUrl(global.attributes.favicon, 'thumbnail')
+    },
+    slices: post == null ? void 0 : post.attributes.slices,
+    blogPosts: blog,
+    banner: global.attributes.banner,
+    topBanner: (post == null ? void 0 : post.attributes.topBanner) || global.attributes.topBanner,
+    customerStories: []
+  });
+};
+
+var mergeGlobalAndStrapiCustomerStoryData = function mergeGlobalAndStrapiCustomerStoryData(context, global, customerStory, customerStories) {
+  var _customerStory$attrib, _customerStory$attrib2, _customerStory$attrib3, _global$attributes$me, _customerStory$attrib4, _customerStory$attrib5, _customerStory$attrib6, _customerStory$attrib7, _customerStory$attrib8, _ref, _customerStory$attrib9, _customerStory$attrib10, _global$attributes$me2;
+  var metaShareImageUrl = (_customerStory$attrib = customerStory.attributes.metadata) != null && _customerStory$attrib.shareImage ? strapiMediaUrl((_customerStory$attrib2 = (_customerStory$attrib3 = customerStory.attributes.metadata) == null ? void 0 : _customerStory$attrib3.shareImage.media) != null ? _customerStory$attrib2 : (_global$attributes$me = global.attributes.metadata.shareImage) == null ? void 0 : _global$attributes$me.media, 'large') : DEFAULT_SHARE_IMAGE;
+  return _extends({}, customerStory, {
+    // Portfolio Projects
+    projects: [],
+    attributes: _extends({}, customerStory == null ? void 0 : customerStory.attributes, {
+      metadata: (customerStory == null || (_customerStory$attrib4 = customerStory.attributes) == null ? void 0 : _customerStory$attrib4.metadata) || global.attributes.metadata
+    }),
+    // PageProps
+    headerType: {
+      extendable: true,
+      theme: 'light'
+    },
+    headerNavMenus: global.attributes.navbar.navMenus || [],
+    headerButtons: global.attributes.navbar.buttons || [],
+    footerLinks: global.attributes.footer.links || [],
+    metadata: {
+      title: (_customerStory$attrib5 = (_customerStory$attrib6 = customerStory.attributes.metadata) == null ? void 0 : _customerStory$attrib6.title) != null ? _customerStory$attrib5 : global.attributes.metadata.title,
+      description: (_customerStory$attrib7 = (_customerStory$attrib8 = customerStory.attributes.metadata) == null ? void 0 : _customerStory$attrib8.description) != null ? _customerStory$attrib7 : global.attributes.metadata.description,
+      shareImage: {
+        url: metaShareImageUrl,
+        alt: (_ref = (_customerStory$attrib9 = (_customerStory$attrib10 = customerStory.attributes.metadata) == null || (_customerStory$attrib10 = _customerStory$attrib10.shareImage) == null ? void 0 : _customerStory$attrib10.alt) != null ? _customerStory$attrib9 : (_global$attributes$me2 = global.attributes.metadata.shareImage) == null ? void 0 : _global$attributes$me2.alt) != null ? _ref : DEFAULT_SHARE_ALT
+      },
+      metaTitleSuffix: global.attributes.metaTitleSuffix,
+      favicon: strapiMediaUrl(global.attributes.favicon, 'thumbnail')
+    },
+    slices: customerStory == null ? void 0 : customerStory.attributes.slices,
+    customerStories: customerStories,
+    banner: global.attributes.banner,
+    topBanner: (customerStory == null ? void 0 : customerStory.attributes.topBanner) || global.attributes.topBanner,
+    blogPosts: []
+  });
+};
+
+var EXTENDABLE_HEADER_SECTIONS = ['sections.hero', 'sections.map-hero', 'sections.full-width-image', 'sections.small-hero', 'sections.small-hero-light'];
+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-map', 'sections.project-facts'];
+
+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;
+  var metaShareImageUrl = (_page$attributes$meta = page.attributes.metadata) != null && _page$attributes$meta.shareImage ? strapiMediaUrl((_page$attributes$meta2 = (_page$attributes$meta3 = page.attributes.metadata) == null ? void 0 : _page$attributes$meta3.shareImage.media) != null ? _page$attributes$meta2 : (_global$attributes$me = global.attributes.metadata.shareImage) == null ? void 0 : _global$attributes$me.media, 'large') : DEFAULT_SHARE_IMAGE;
+  return _extends({}, page, {
+    // Portfolio Projects
+    projects: projects,
+    // StrapiPage
+    attributes: _extends({}, page == null ? void 0 : page.attributes, {
+      metadata: (_page$attributes$meta4 = page == null || (_page$attributes = page.attributes) == null ? void 0 : _page$attributes.metadata) != null ? _page$attributes$meta4 : global.attributes.metadata
+    }),
+    // PageProps
+    headerType: {
+      extendable: EXTENDABLE_HEADER_SECTIONS.includes((_page$attributes$slic = page.attributes.slices[0]) == null ? void 0 : _page$attributes$slic.__component),
+      theme: DARK_THEME_HEADER_SECTIONS.includes((_page$attributes$slic2 = page.attributes.slices[0]) == null ? void 0 : _page$attributes$slic2.__component) ? 'dark' : 'light'
+    },
+    headerNavMenus: global.attributes.navbar.navMenus || [],
+    headerButtons: global.attributes.navbar.buttons || [],
+    footerLinks: global.attributes.footer.links || [],
+    metadata: {
+      title: (_page$attributes$meta5 = (_page$attributes$meta6 = page.attributes.metadata) == null ? void 0 : _page$attributes$meta6.title) != null ? _page$attributes$meta5 : global.attributes.metadata.title,
+      description: (_page$attributes$meta7 = (_page$attributes$meta8 = page.attributes.metadata) == null ? void 0 : _page$attributes$meta8.description) != null ? _page$attributes$meta7 : global.attributes.metadata.description,
+      shareImage: {
+        url: metaShareImageUrl,
+        alt: (_ref = (_page$attributes$meta9 = (_page$attributes$meta10 = page.attributes.metadata) == null || (_page$attributes$meta10 = _page$attributes$meta10.shareImage) == null ? void 0 : _page$attributes$meta10.alt) != null ? _page$attributes$meta9 : (_global$attributes$me2 = global.attributes.metadata.shareImage) == null ? void 0 : _global$attributes$me2.alt) != null ? _ref : DEFAULT_SHARE_ALT
+      },
+      metaTitleSuffix: global.attributes.metaTitleSuffix,
+      favicon: strapiMediaUrl(global.attributes.favicon, 'thumbnail')
+    },
+    slices: page == null ? void 0 : page.attributes.slices,
+    blogPosts: blogPosts,
+    banner: global.attributes.banner,
+    topBanner: (page == null ? void 0 : page.attributes.topBanner) || global.attributes.topBanner,
+    customerStories: customerStories
+  });
+};
+
+var mergeGlobalAndStrapiProject = function mergeGlobalAndStrapiProject(context, global, project, blogPosts, projects) {
+  var _project$attributes$m, _project$attributes$m2, _project$attributes$m3, _global$attributes$me, _project$attributes, _project$attributes$s, _project$attributes$s2, _project$attributes$m4, _project$attributes$m5, _project$attributes$m6, _project$attributes$m7, _ref, _project$attributes$m8, _project$attributes$m9, _global$attributes$me2;
+  var metaShareImageUrl = (_project$attributes$m = project.attributes.metadata) != null && _project$attributes$m.shareImage ? strapiMediaUrl((_project$attributes$m2 = (_project$attributes$m3 = project.attributes.metadata) == null ? void 0 : _project$attributes$m3.shareImage.media) != null ? _project$attributes$m2 : (_global$attributes$me = global.attributes.metadata.shareImage) == null ? void 0 : _global$attributes$me.media, 'large') : DEFAULT_SHARE_IMAGE;
+  return _extends({}, project, {
+    // Portfolio Projects
+    projects: projects,
+    // StrapiProject
+    attributes: _extends({}, project.attributes, {
+      metadata: (project == null || (_project$attributes = project.attributes) == null ? void 0 : _project$attributes.metadata) || global.attributes.metadata
+    }),
+    headerType: {
+      extendable: EXTENDABLE_HEADER_SECTIONS.includes((_project$attributes$s = project.attributes.slices[0]) == null ? void 0 : _project$attributes$s.__component),
+      theme: DARK_THEME_HEADER_SECTIONS.includes((_project$attributes$s2 = project.attributes.slices[0]) == null ? void 0 : _project$attributes$s2.__component) ? 'dark' : 'light'
+    },
+    // PageProps
+    headerNavMenus: global.attributes.navbar.navMenus || [],
+    headerButtons: global.attributes.navbar.buttons || [],
+    footerLinks: global.attributes.footer.links || [],
+    metadata: {
+      title: (_project$attributes$m4 = (_project$attributes$m5 = project.attributes.metadata) == null ? void 0 : _project$attributes$m5.title) != null ? _project$attributes$m4 : global.attributes.metadata.title,
+      description: (_project$attributes$m6 = (_project$attributes$m7 = project.attributes.metadata) == null ? void 0 : _project$attributes$m7.description) != null ? _project$attributes$m6 : global.attributes.metadata.description,
+      shareImage: {
+        url: metaShareImageUrl,
+        alt: (_ref = (_project$attributes$m8 = (_project$attributes$m9 = project.attributes.metadata) == null || (_project$attributes$m9 = _project$attributes$m9.shareImage) == null ? void 0 : _project$attributes$m9.alt) != null ? _project$attributes$m8 : (_global$attributes$me2 = global.attributes.metadata.shareImage) == null ? void 0 : _global$attributes$me2.alt) != null ? _ref : DEFAULT_SHARE_ALT
+      },
+      metaTitleSuffix: global.attributes.metaTitleSuffix,
+      favicon: strapiMediaUrl(global.attributes.favicon, 'thumbnail')
+    },
+    slices: project.attributes.slices,
+    blogPosts: blogPosts,
+    banner: global.attributes.banner,
+    topBanner: (project == null ? void 0 : project.attributes.topBanner) || global.attributes.topBanner,
+    customerStories: []
+  });
+};
+
+var SEOTags = function SEOTags(_ref) {
+  var _shareImage$url, _shareImage$alt;
+  var title = _ref.title,
+    description = _ref.description,
+    shareImage = _ref.shareImage,
+    _ref$metaTitleSuffix = _ref.metaTitleSuffix,
+    metaTitleSuffix = _ref$metaTitleSuffix === void 0 ? 'Tree.ly' : _ref$metaTitleSuffix,
+    _ref$favicon = _ref.favicon,
+    favicon = _ref$favicon === void 0 ? 'https://cdn.tree.ly/favicon.ico' : _ref$favicon,
+    _ref$domain = _ref.domain,
+    domain = _ref$domain === void 0 ? 'tree.ly' : _ref$domain;
+  var shareImageUrl = (_shareImage$url = shareImage == null ? void 0 : shareImage.url) != null ? _shareImage$url : DEFAULT_SHARE_IMAGE;
+  var shareImageAlt = (_shareImage$alt = shareImage == null ? void 0 : shareImage.alt) != null ? _shareImage$alt : DEFAULT_SHARE_ALT;
+  return React.createElement(Head, null, React.createElement("title", null, title + " - " + metaTitleSuffix), React.createElement("meta", {
+    name: "description",
+    content: description
+  }), React.createElement("link", {
+    rel: "icon",
+    href: favicon
+  }), React.createElement("meta", {
+    property: "og:url",
+    content: "https://" + domain
+  }), React.createElement("meta", {
+    property: "og:type",
+    content: "website"
+  }), React.createElement("meta", {
+    property: "og:title",
+    content: title
+  }), React.createElement("meta", {
+    property: "og:description",
+    content: description
+  }), React.createElement("meta", {
+    property: "og:image",
+    content: shareImageUrl
+  }), React.createElement("meta", {
+    property: "og:image:alt",
+    content: shareImageAlt
+  }), React.createElement("meta", {
+    name: "twitter:card",
+    content: "summary_large_image"
+  }), React.createElement("meta", {
+    property: "twitter:domain",
+    content: domain
+  }), React.createElement("meta", {
+    property: "twitter:url",
+    content: "https://" + domain
+  }), React.createElement("meta", {
+    name: "twitter:title",
+    content: title
+  }), React.createElement("meta", {
+    name: "twitter:description",
+    content: description
+  }), React.createElement("meta", {
+    name: "twitter:image",
+    content: shareImageUrl
+  }), React.createElement("meta", {
+    name: "twitter:image:alt",
+    content: shareImageAlt
+  }));
+};
+
 var ZoomableImage = function ZoomableImage(_ref) {
   var image = _ref.image,
     _ref$zoom = _ref.zoom,
@@ -3714,7 +3927,7 @@ var SmallCheckout = function SmallCheckout(_ref) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
             contributionValueCurrency = _ref2.contributionValueCurrency;
-            push(FPM_API_URI + "/v1/webhooks/shop/checkout?batchId=" + batchId + "&quantity=" + Math.floor(contributionValueCurrency / pricePerKg));
+            return _context.abrupt("return", push(FPM_API_URI + "/v1/webhooks/shop/checkout?batchId=" + batchId + "&quantity=" + Math.floor(contributionValueCurrency / pricePerKg)));
           case 2:
           case "end":
             return _context.stop();
@@ -3776,12 +3989,12 @@ var SmallCheckout = function SmallCheckout(_ref) {
       return React.createElement(BoemlyFormControl, {
         id: "contributionValueCurrency",
         size: "md",
-        inputType: "NumberInput",
-        numberInputProps: {
+        inputProps: {
+          type: 'number',
           value: field.value,
-          onChange: function onChange(valueString) {
+          onChange: function onChange(e) {
             // valueAsNumber might be NaN
-            var value = parseInt(valueString || '0', 10);
+            var value = e.target.valueAsNumber || 0;
             setValues({
               contributionValueCurrency: value,
               contributionValueKgs: value / pricePerKg / 1000
@@ -3808,11 +4021,11 @@ var SmallCheckout = function SmallCheckout(_ref) {
       return React.createElement(BoemlyFormControl, {
         id: "contributionValueKgs",
         size: "md",
-        inputType: "NumberInput",
-        numberInputProps: {
+        inputProps: {
+          type: 'number',
           value: field.value,
-          onChange: function onChange(valueString) {
-            var value = parseInt(valueString || '0', 10);
+          onChange: function onChange(e) {
+            var value = e.target.valueAsNumber || 0;
             setValues({
               contributionValueCurrency: value * pricePerKg * 1000,
               contributionValueKgs: value
@@ -4636,5 +4849,5 @@ var SliceRenderer = function SliceRenderer(_ref) {
   }));
 };
 
-export { SliceRenderer };
+export { SECTIONS_WITH_BLOG_POSTS, SECTIONS_WITH_CUSTOMER_STORIES, SECTIONS_WITH_PROJECTS, SEOTags, SliceRenderer, mergeGlobalAndStrapiBlogPostData, mergeGlobalAndStrapiCustomerStoryData, mergeGlobalAndStrapiPageData, mergeGlobalAndStrapiProject as mergeGlobalAndStrapiProjectData };
 //# sourceMappingURL=strapi-slices.esm.js.map