diff --git a/components/ContactCard/ContactCard.module.scss b/components/ContactCard/ContactCard.module.scss
index 45424eea..e803110d 100644
--- a/components/ContactCard/ContactCard.module.scss
+++ b/components/ContactCard/ContactCard.module.scss
@@ -82,6 +82,7 @@
@include border-radius-lg;
padding: $spacing-4;
+ background: $color-base-white;
border: 1px solid $color-borders;
}
}
diff --git a/components/ContentRenderer/ContentRenderer.module.scss b/components/ContentRenderer/ContentRenderer.module.scss
index 5e6a213b..93f619c5 100644
--- a/components/ContentRenderer/ContentRenderer.module.scss
+++ b/components/ContentRenderer/ContentRenderer.module.scss
@@ -89,6 +89,12 @@
}
}
}
+
+ .prezly-slate-coverage,
+ .prezly-slate-bookmark,
+ .prezly-slate-story-bookmark {
+ background-color: $color-base-white;
+ }
/* stylelint-enable selector-class-pattern, max-nesting-depth, selector-max-compound-selectors */
}
}
diff --git a/components/ContentRenderer/ContentRenderer.tsx b/components/ContentRenderer/ContentRenderer.tsx
index 97e6c2a2..25c3f424 100644
--- a/components/ContentRenderer/ContentRenderer.tsx
+++ b/components/ContentRenderer/ContentRenderer.tsx
@@ -1,4 +1,5 @@
import { Component, Elements, Renderer } from '@prezly/content-renderer-react-js';
+import type { ExtendedStory } from '@prezly/sdk';
import type { Node } from '@prezly/story-content-format';
import {
AttachmentNode,
@@ -20,6 +21,7 @@ import {
VideoNode,
} from '@prezly/story-content-format';
import { useEffect } from 'react';
+import { FormattedDate } from 'react-intl';
import {
Heading,
@@ -47,9 +49,14 @@ import styles from './ContentRenderer.module.scss';
interface Props {
nodes: Node | Node[];
+ story?: ExtendedStory;
}
-function ContentRenderer({ nodes }: Props) {
+function ContentRenderer({ nodes, story }: Props) {
+ function renderDate(date: string) {
+ return ;
+ }
+
useEffect(() => {
document.body.classList.add(styles.body);
@@ -60,7 +67,12 @@ function ContentRenderer({ nodes }: Props) {
return (
-
+
)}
{isTablet && url && visibility === 'public' && }
-
+
{!isTablet && url && visibility === 'public' && }
diff --git a/package-lock.json b/package-lock.json
index b2ac13c5..2aff5d0f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,12 +13,12 @@
"@headlessui/react": "1.7.18",
"@playwright/test": "^1.33.0",
"@prezly/analytics-nextjs": "3.0.0",
- "@prezly/content-renderer-react-js": "0.38.4",
- "@prezly/sdk": "21.6.0",
+ "@prezly/content-renderer-react-js": "0.39.0",
+ "@prezly/sdk": "21.12.0",
"@prezly/story-content-format": "0.65.1",
- "@prezly/theme-kit-core": "7.6.0",
+ "@prezly/theme-kit-core": "7.7.0",
"@prezly/theme-kit-intl": "7.5.1",
- "@prezly/theme-kit-nextjs": "7.6.0",
+ "@prezly/theme-kit-nextjs": "7.7.0",
"@prezly/uploadcare": "2.4.4",
"@prezly/uploadcare-image": "0.3.2",
"@react-hookz/web": "14.7.1",
@@ -2797,13 +2797,13 @@
}
},
"node_modules/@prezly/content-renderer-react-js": {
- "version": "0.38.4",
- "resolved": "https://registry.npmjs.org/@prezly/content-renderer-react-js/-/content-renderer-react-js-0.38.4.tgz",
- "integrity": "sha512-AzyOYnlT3PxyY0DONSDVv0VsAFR7LRXf5g7k4o4kUvvJtUP4j4JudEIOucHqnL+Hy7ZOPkvjrQ0aR44dc8fdvw==",
+ "version": "0.39.0",
+ "resolved": "https://registry.npmjs.org/@prezly/content-renderer-react-js/-/content-renderer-react-js-0.39.0.tgz",
+ "integrity": "sha512-A2IHMj4bDJKRHeaHcbmmmttlLKtAZpDk39VqK13TpbULHwZ8qincnKL6iCs8320gL2RCjSHJu/arfxdlwHQbXQ==",
"dependencies": {
"@prezly/linear-partition": "^1.0.2",
"@prezly/sdk": "^21.6.0",
- "@prezly/story-content-format": "^0.65.1",
+ "@prezly/story-content-format": "^0.66.0",
"@prezly/uploadcare": "^2.4.4",
"@react-hookz/web": "^12.0.0",
"classnames": "^2.2.6",
@@ -2818,6 +2818,25 @@
"react-dom": "18"
}
},
+ "node_modules/@prezly/content-renderer-react-js/node_modules/@prezly/content-format": {
+ "version": "0.66.0",
+ "resolved": "https://registry.npmjs.org/@prezly/content-format/-/content-format-0.66.0.tgz",
+ "integrity": "sha512-LZfodnQPblAjtZw7JhDz0ve2Eg7Yqpgsrnx7D++QyRzBJq7wZT+cVzRrGgDhUyMTkz7ka3X1EolrQyDb/WDDPg==",
+ "dependencies": {
+ "@prezly/uploads": "^0.2.0",
+ "is-plain-object": "^5.0.0"
+ }
+ },
+ "node_modules/@prezly/content-renderer-react-js/node_modules/@prezly/story-content-format": {
+ "version": "0.66.0",
+ "resolved": "https://registry.npmjs.org/@prezly/story-content-format/-/story-content-format-0.66.0.tgz",
+ "integrity": "sha512-blNTMTHi43g+1Eo/VSRSRVt3/J/l9bV1POJSRb2+Zl2cCWgXpVgBZweXq9aNb01wxSr+B4/018bdmCueU+NArw==",
+ "dependencies": {
+ "@prezly/content-format": "^0.66.0",
+ "@prezly/uploads": "^0.2.0",
+ "is-plain-object": "^5.0.0"
+ }
+ },
"node_modules/@prezly/content-renderer-react-js/node_modules/@react-hookz/web": {
"version": "12.3.0",
"resolved": "https://registry.npmjs.org/@react-hookz/web/-/web-12.3.0.tgz",
@@ -2878,9 +2897,9 @@
"integrity": "sha512-uKBTA1gZ90ckKK/4wVoVORC3VUTkOgFwhZWwWsceKxVoAgDxqS5s0NXP5V7J+niEdvCkcoEVeCc25kCs+Hr/uQ=="
},
"node_modules/@prezly/sdk": {
- "version": "21.6.0",
- "resolved": "https://registry.npmjs.org/@prezly/sdk/-/sdk-21.6.0.tgz",
- "integrity": "sha512-1to1BNdWlcW/aErM+hDTKOmDPFg3vhdKOw1XOPNBvuvUtPw/K1igz0ydFbHW15212d67aonLgBCDK9iB4uOiAQ==",
+ "version": "21.12.0",
+ "resolved": "https://registry.npmjs.org/@prezly/sdk/-/sdk-21.12.0.tgz",
+ "integrity": "sha512-dUQERjNUCzfuHpEyFCmQKEWsLt6HogMSw5+C+GuOSDHxLvVEM+FEiTH24zGn8hg4ExFYMClSJ/dAJX2lFybwhQ==",
"dependencies": {
"@prezly/progress-promise": "^2.0.1",
"@prezly/uploads": "^0.2.1",
@@ -2901,10 +2920,9 @@
}
},
"node_modules/@prezly/theme-kit-core": {
- "version": "7.6.0",
- "resolved": "https://registry.npmjs.org/@prezly/theme-kit-core/-/theme-kit-core-7.6.0.tgz",
- "integrity": "sha512-K6eUqyUmYnFyjCNuSL+ZawTq5sOEjT0IiaXDOhrzdvLGoOFXX1rQCRE/4QJvz1dUEsBOjdFOIJkc1vDggI47AA==",
- "license": "MIT",
+ "version": "7.7.0",
+ "resolved": "https://registry.npmjs.org/@prezly/theme-kit-core/-/theme-kit-core-7.7.0.tgz",
+ "integrity": "sha512-qlKF7jkUn5Ct6MJOxYlhwgWF5pl2upBWXNfKw96oYDwpjT1BDaQwC11rDhThiC6vlBoQJzgLeKs/wXVibCgAKA==",
"dependencies": {
"@prezly/theme-kit-intl": "^7.5.1",
"@prezly/uploadcare": "^2.3.4",
@@ -2916,7 +2934,7 @@
"npm": ">= 8.x"
},
"peerDependencies": {
- "@prezly/sdk": "21.6.0"
+ "@prezly/sdk": "21.12.0"
}
},
"node_modules/@prezly/theme-kit-intl": {
@@ -2932,13 +2950,12 @@
}
},
"node_modules/@prezly/theme-kit-nextjs": {
- "version": "7.6.0",
- "resolved": "https://registry.npmjs.org/@prezly/theme-kit-nextjs/-/theme-kit-nextjs-7.6.0.tgz",
- "integrity": "sha512-xIkCDQo8Towg1yuw0EHVb9LNH5yWxPscRdVUCZV5jVhAhf+F6WO/VxbmEHPmwCmpcpWBopJkj9G4A7Ns9as74Q==",
- "license": "MIT",
+ "version": "7.7.0",
+ "resolved": "https://registry.npmjs.org/@prezly/theme-kit-nextjs/-/theme-kit-nextjs-7.7.0.tgz",
+ "integrity": "sha512-VYTOllE5kbnyPCFitl6ctEh0ZVFOxaHZrDBkI+FBLT11zpYDVf7vJmF9bX1BWbh5EUCF/KISh0jpnGOczuOkBw==",
"dependencies": {
"@meilisearch/instant-meilisearch": "^0.19.0",
- "@prezly/theme-kit-core": "^7.6.0",
+ "@prezly/theme-kit-core": "^7.7.0",
"@technically/omit-undefined": "^1.0.2",
"algoliasearch": "^4.24.0",
"next-seo": "^5.4.0"
@@ -2949,7 +2966,7 @@
},
"peerDependencies": {
"@playwright/test": "1.x",
- "@prezly/sdk": "21.6.0",
+ "@prezly/sdk": "21.12.0",
"next": "^12.x || ^13.x || ^14.x",
"react": "^17.x || ^18.x",
"react-dom": "^17.x || ^18.x"
@@ -19666,13 +19683,13 @@
}
},
"@prezly/content-renderer-react-js": {
- "version": "0.38.4",
- "resolved": "https://registry.npmjs.org/@prezly/content-renderer-react-js/-/content-renderer-react-js-0.38.4.tgz",
- "integrity": "sha512-AzyOYnlT3PxyY0DONSDVv0VsAFR7LRXf5g7k4o4kUvvJtUP4j4JudEIOucHqnL+Hy7ZOPkvjrQ0aR44dc8fdvw==",
+ "version": "0.39.0",
+ "resolved": "https://registry.npmjs.org/@prezly/content-renderer-react-js/-/content-renderer-react-js-0.39.0.tgz",
+ "integrity": "sha512-A2IHMj4bDJKRHeaHcbmmmttlLKtAZpDk39VqK13TpbULHwZ8qincnKL6iCs8320gL2RCjSHJu/arfxdlwHQbXQ==",
"requires": {
"@prezly/linear-partition": "^1.0.2",
"@prezly/sdk": "^21.6.0",
- "@prezly/story-content-format": "^0.65.1",
+ "@prezly/story-content-format": "^0.66.0",
"@prezly/uploadcare": "^2.4.4",
"@react-hookz/web": "^12.0.0",
"classnames": "^2.2.6",
@@ -19683,6 +19700,25 @@
"social-links": "^1.10.0"
},
"dependencies": {
+ "@prezly/content-format": {
+ "version": "0.66.0",
+ "resolved": "https://registry.npmjs.org/@prezly/content-format/-/content-format-0.66.0.tgz",
+ "integrity": "sha512-LZfodnQPblAjtZw7JhDz0ve2Eg7Yqpgsrnx7D++QyRzBJq7wZT+cVzRrGgDhUyMTkz7ka3X1EolrQyDb/WDDPg==",
+ "requires": {
+ "@prezly/uploads": "^0.2.0",
+ "is-plain-object": "^5.0.0"
+ }
+ },
+ "@prezly/story-content-format": {
+ "version": "0.66.0",
+ "resolved": "https://registry.npmjs.org/@prezly/story-content-format/-/story-content-format-0.66.0.tgz",
+ "integrity": "sha512-blNTMTHi43g+1Eo/VSRSRVt3/J/l9bV1POJSRb2+Zl2cCWgXpVgBZweXq9aNb01wxSr+B4/018bdmCueU+NArw==",
+ "requires": {
+ "@prezly/content-format": "^0.66.0",
+ "@prezly/uploads": "^0.2.0",
+ "is-plain-object": "^5.0.0"
+ }
+ },
"@react-hookz/web": {
"version": "12.3.0",
"resolved": "https://registry.npmjs.org/@react-hookz/web/-/web-12.3.0.tgz",
@@ -19730,9 +19766,9 @@
"integrity": "sha512-uKBTA1gZ90ckKK/4wVoVORC3VUTkOgFwhZWwWsceKxVoAgDxqS5s0NXP5V7J+niEdvCkcoEVeCc25kCs+Hr/uQ=="
},
"@prezly/sdk": {
- "version": "21.6.0",
- "resolved": "https://registry.npmjs.org/@prezly/sdk/-/sdk-21.6.0.tgz",
- "integrity": "sha512-1to1BNdWlcW/aErM+hDTKOmDPFg3vhdKOw1XOPNBvuvUtPw/K1igz0ydFbHW15212d67aonLgBCDK9iB4uOiAQ==",
+ "version": "21.12.0",
+ "resolved": "https://registry.npmjs.org/@prezly/sdk/-/sdk-21.12.0.tgz",
+ "integrity": "sha512-dUQERjNUCzfuHpEyFCmQKEWsLt6HogMSw5+C+GuOSDHxLvVEM+FEiTH24zGn8hg4ExFYMClSJ/dAJX2lFybwhQ==",
"requires": {
"@prezly/progress-promise": "^2.0.1",
"@prezly/uploads": "^0.2.1",
@@ -19750,9 +19786,9 @@
}
},
"@prezly/theme-kit-core": {
- "version": "7.6.0",
- "resolved": "https://registry.npmjs.org/@prezly/theme-kit-core/-/theme-kit-core-7.6.0.tgz",
- "integrity": "sha512-K6eUqyUmYnFyjCNuSL+ZawTq5sOEjT0IiaXDOhrzdvLGoOFXX1rQCRE/4QJvz1dUEsBOjdFOIJkc1vDggI47AA==",
+ "version": "7.7.0",
+ "resolved": "https://registry.npmjs.org/@prezly/theme-kit-core/-/theme-kit-core-7.7.0.tgz",
+ "integrity": "sha512-qlKF7jkUn5Ct6MJOxYlhwgWF5pl2upBWXNfKw96oYDwpjT1BDaQwC11rDhThiC6vlBoQJzgLeKs/wXVibCgAKA==",
"requires": {
"@prezly/theme-kit-intl": "^7.5.1",
"@prezly/uploadcare": "^2.3.4",
@@ -19769,12 +19805,12 @@
}
},
"@prezly/theme-kit-nextjs": {
- "version": "7.6.0",
- "resolved": "https://registry.npmjs.org/@prezly/theme-kit-nextjs/-/theme-kit-nextjs-7.6.0.tgz",
- "integrity": "sha512-xIkCDQo8Towg1yuw0EHVb9LNH5yWxPscRdVUCZV5jVhAhf+F6WO/VxbmEHPmwCmpcpWBopJkj9G4A7Ns9as74Q==",
+ "version": "7.7.0",
+ "resolved": "https://registry.npmjs.org/@prezly/theme-kit-nextjs/-/theme-kit-nextjs-7.7.0.tgz",
+ "integrity": "sha512-VYTOllE5kbnyPCFitl6ctEh0ZVFOxaHZrDBkI+FBLT11zpYDVf7vJmF9bX1BWbh5EUCF/KISh0jpnGOczuOkBw==",
"requires": {
"@meilisearch/instant-meilisearch": "^0.19.0",
- "@prezly/theme-kit-core": "^7.6.0",
+ "@prezly/theme-kit-core": "^7.7.0",
"@technically/omit-undefined": "^1.0.2",
"algoliasearch": "^4.24.0",
"next-seo": "^5.4.0"
diff --git a/package.json b/package.json
index c2cb7829..036ac774 100644
--- a/package.json
+++ b/package.json
@@ -30,12 +30,12 @@
"@headlessui/react": "1.7.18",
"@playwright/test": "^1.33.0",
"@prezly/analytics-nextjs": "3.0.0",
- "@prezly/content-renderer-react-js": "0.38.4",
- "@prezly/sdk": "21.6.0",
+ "@prezly/content-renderer-react-js": "0.39.0",
+ "@prezly/sdk": "21.12.0",
"@prezly/story-content-format": "0.65.1",
- "@prezly/theme-kit-core": "7.6.0",
+ "@prezly/theme-kit-core": "7.7.0",
"@prezly/theme-kit-intl": "7.5.1",
- "@prezly/theme-kit-nextjs": "7.6.0",
+ "@prezly/theme-kit-nextjs": "7.7.0",
"@prezly/uploadcare": "2.4.4",
"@prezly/uploadcare-image": "0.3.2",
"@react-hookz/web": "14.7.1",