gatsby-core-theme 29.0.0-beta.1 → 29.0.0

package/CHANGELOG.md

@@ -1,17 +1,14 @@
-# [29.0.0-beta.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v28.0.6...v29.0.0-beta.1) (2023-09-04)
+# [29.0.0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v28.0.6...v29.0.0) (2023-09-04)
 
 
 ### Bug Fixes
 
-* fix errors ([4377e30](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/4377e308aea20c09091673ff9bd5f074b9947e0e))
-* initial purge css ([094bb4b](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/094bb4b6b0c9e4e5d72cb14af03fb9f474e969cf))
-* react.lazy ([da95f70](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/da95f705f9b19766c882e554730c71cbd43092db))
-* reset beta branch ([4b242ae](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/4b242ae2d9fa60f6e8705b14736b2f1c5fc57361))
-
-
-### chore
-
-* **release:** 25.0.15-beta.1 [skip ci] ([7eb9a36](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/7eb9a360e32158806462c3e4adaf4af2d7881f5e))
+* add default margin bottom ([9fec4bc](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/9fec4bcdda61252b4e1ab1336350231bd4e3901f))
+* remove loadable component ([62359fd](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/62359fd3991806a3fb8e2a813e31bb9c1fc23a68))
+* resolve conflicts ([bb5ef54](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/bb5ef54cc111f6c0842ca66370811a13e3b4c3f1))
+* update ([f17e756](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f17e75658fb5a4eb5e9bd8f1323d4ff11fbaac25))
+* update search ([49f9b00](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/49f9b0016cd6c2d9bc11b1e2a5927161cb699ffd))
+* update the table for mobile issue ([e3a0e8b](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/e3a0e8ba248222d7c825fdd422c6b1be53aa4851))
 
 
 ### Code Refactoring
@@ -27,27 +24,183 @@
 * remove unused vars ([20fb3ce](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/20fb3ce20163646e53354602cd76da21a40dbeb8))
 
 
-* Merge branch 'react-lazy' into 'beta' ([ca232f0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/ca232f010ba1a05fe782b95c77761d0da195c303))
-* Merge branch 'react-lazy' of https://git.ilcd.rocks/team-floyd/themes/gatsby-themes into react-lazy ([100aaba](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/100aabaca00c0616a2c4b5f9295555f9acdb3d87))
+* Merge branch 'tm-3657-table-issue' into 'master' ([3683758](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/3683758358288e40f981ffbb9f2e1bd9d0195bd8))
+* Merge branch 'tm-3662-search-bug' into 'master' ([7a6d4d1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/7a6d4d1830f846d697ab04a78d29988fb4f80fc0))
+* Merge branch 'revert-62359fd3' into 'master' ([d18d403](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d18d4034bf62854d1bb82693152dfc88154e4156))
+* Revert "fix: remove loadable component" ([66734dd](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/66734dd8bcb32b964b7fd9eaacb962121d67a1e3))
 * Merge branch 'tm-3644-dmca-image' into 'master' ([1af4bd1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1af4bd1b344b9966e9416dc1f2dc6433fa18b210))
 * Merge branch 'tm-3644-dmca-image' into 'master' ([842b4b2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/842b4b20abc4ffa68c0e370900f05070055b2348))
 * Merge branch 'master' into tm-3644-dmca-image ([593a3d3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/593a3d3ef443d0fbf184cde41a47bb687f88ad6f))
 * Merge branch 'master' into tm-3644-dmca-image ([9ba0650](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/9ba0650df819c87922a5217cdfe9b97eb56df170))
-* Merge branch 'tm-3574-purge-css' into 'beta' ([5c06bac](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/5c06bac6312cb9360994c009c36369a4109112c8))
-* Merge branch 'beta' into 'tm-3574-purge-css' ([20dcc8b](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/20dcc8b1e45784860bf8d152810f659a49bb2873))
-* Merge branch 'beta' into 'react-lazy' ([5434213](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/54342132c7e6dd5f9574388168d2a35519a23c2f))
 
 
 ### Tests
 
 * disclaimer test ([1133fe1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1133fe129527f180cc91d8c2fa11f22d4a2fa56b))
 
-## [25.0.15-beta.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v25.0.14...v25.0.15-beta.1) (2023-08-18)
+## [28.0.6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v28.0.5...v28.0.6) (2023-08-29)
+
+
+### Bug Fixes
+
+* add webkit ([ef4a978](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/ef4a978f44eb4122cf0f88d4b7eb19f1b343a183))
+* update content ([42a32a6](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/42a32a6b2fa1eb5f1edbf375d0210642702bdebf))
+* update content module ([35a764c](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/35a764c043781b9f7657e8b0ce2aae50f0854318))
+
+
+* Merge branch 'tm-3537-content-module' into 'master' ([8f8a75d](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/8f8a75d52c2deaed761ae8ab946148f654d1bd53))
+* Merge branch 'tm-3537-content-module' into 'master' ([da1b655](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/da1b655131168dfdd2de64198ced20ac8d66a5b6))
+
+## [28.0.5](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v28.0.4...v28.0.5) (2023-08-29)
+
+
+### Bug Fixes
+
+* add also env ([b0ffde8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/b0ffde82cbb27bd0536f8ebbe4d56f9c33bff8b7))
+* noscript ([9422a53](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/9422a531ed62fa4991bae670f2a3e681ea79ef60))
+* update content module ([1f448a0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1f448a0365eadf9ab349d437badcd30aa1ef9944))
+* update variables ([2c3c7c8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2c3c7c87c6852573c3eadab390d2a0fc6494a9d1))
+
+
+* Merge branch 'iframes' into 'master' ([0b64e30](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/0b64e30d9a5490c01f62c26906f554263a29a97e))
+* Merge branch 'tm-3537-content-module' into 'master' ([1606fec](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1606fecbc2d669521f1f1674a134f69fbeccc865))
+
+## [28.0.4](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v28.0.3...v28.0.4) (2023-08-28)
 
 
 ### Bug Fixes
 
-* reset beta branch ([4b242ae](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/4b242ae2d9fa60f6e8705b14736b2f1c5fc57361))
+* issearchPath helper ([d7d0d52](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d7d0d52c08a9b65b31759a1d6343b69ce014b67b))
+
+## [28.0.3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v28.0.2...v28.0.3) (2023-08-28)
+
+
+### Bug Fixes
+
+* added translations ([cc10ed3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/cc10ed37d43e4efa1b269c6c87ea77e639af16bb))
+* archive buttons translations ([5929177](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/59291770f76274c090fef607f60da1d196473f44))
+* update search module ([d91edad](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d91edadb13dde8da16bb03e701a21fb9ffc343ce))
+
+
+* Merge branch 'tm-3533-enable-search-for-multiple-market' into 'master' ([8e97e7f](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/8e97e7fa1357c4ba9baa3a65744b038ef6729e06))
+* Merge branch 'tm-3642-pagination-translations' into 'master' ([7664773](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/76647734b8de7da16bb1a2b91bfc4d8ef19db18c))
+
+## [28.0.2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v28.0.1...v28.0.2) (2023-08-24)
+
+
+### Bug Fixes
+
+* update content module ([2914737](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2914737fe2d9cd67e4bc244d2c6ec1b21372e68a))
+
+
+* Merge branch 'tm-3537-content-module' into 'master' ([aefad03](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/aefad038fe094c1c7cc34373776f63dd5280db13))
+
+## [28.0.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v28.0.0...v28.0.1) (2023-08-22)
+
+
+### Code Refactoring
+
+* add minor css change ([8ba0eb8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/8ba0eb8c7759514fe1481e7266384be3269d96b3))
+* correction to form gaps ([c0a45d9](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/c0a45d951a5e544c94a0b12383d66e00af9bded0))
+
+# [28.0.0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v27.0.1...v28.0.0) (2023-08-22)
+
+
+### Code Refactoring
+
+* add ([1fb65d2](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1fb65d24108a9e258a33bec5aba9e3b55476b4e5))
+* add button label ([6fffc12](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/6fffc12888e0f53e0bd93b3d9f5d1767bd4106a1))
+* add multiple markets, validations, tests, recaptcha validation ([b5b5c36](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/b5b5c367bdaeacfe67d76ba071b5599b249d0763))
+* add prop to show/hide button icon ([528d5f3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/528d5f33ef13c271c7e419d798408fd7de173486))
+* add recaptcha to form fields ([f2a77b9](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f2a77b9d999f313cbeb50fc17272be5debc1e735))
+* change button style so on site level it adapts the primary button styles ([9f565ce](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/9f565cebf9fae352e1784cf7db91163c2f0faf04))
+* change to test ([1132888](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/113288861a9087325d2a2549ed6fcda4995673c7))
+* changes to qa feedback and enable to add links inside field labels ([578b21b](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/578b21b7884229b1918ecde872ac84081a670c54))
+* correction to label display condition ([305c026](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/305c026fa53a64d8fc451695adc2b5ebdc28cba3))
+* correction to validation ([2d2ebbc](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/2d2ebbc6586827251786afef376ba10be8fdd4d6))
+* form link styles ([0c1dbd9](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/0c1dbd97ef2ff9f7b94708b33af113162647cbe5))
+* remove test recpatcha ([65401aa](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/65401aad2e185c1355aca5cf54b9d66a90432af6))
+* remove unused vars and correction to form storybook ([01545ef](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/01545ef5685c9559221766356c4b821ca844e4f8))
+* remove unwanted state ([9704234](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/97042348141c2f6afd3e1b030a7f537539ffc9cb))
+
+
+* Merge branch 'tm-3556-contact-us-page' into 'master' ([c79e7d8](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/c79e7d846b6bc84f006fcc54f0e1f6b2bc524010))
+* Merge branch 'master' into tm-3556-contact-us-page ([3984e56](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/3984e56d59ac1939eae7d2828ee9337bca43311d))
+* Merge branch 'master' into tm-3556-contact-us-page ([960071a](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/960071a5f887163d1d293c610334f75a07566261))
+
+
+### Tests
+
+* test for components ([5784586](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/5784586cbc8e7675956b70f75ae8a5135568208d))
+
+## [27.0.1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v27.0.0...v27.0.1) (2023-08-21)
+
+
+### Bug Fixes
+
+* add blockquote ([f39cb52](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/f39cb527eecc28bdce18a62bfbb43358362caff5))
+* add checkers ([80d8882](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/80d888258c0b1d6f1853abf4aecafaabbcf6b47b))
+* fixed failing tests ([72d5af0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/72d5af01e7d777592f7333e8bf75d200a2f812c0))
+* rename a constant ([136f679](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/136f67915dfe7358efa1c41570b86d27e3f86b48))
+* update blockquote ([194cd0f](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/194cd0fa0656088e8b6682458b9788c8c010d575))
+* update content module ([1034cd3](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1034cd3a510a9b8d635059dea25a3374768c2246))
+* update content module ([cb6cc2b](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/cb6cc2bb64047eee2aa7ee69c02c9ab82cb80fc6))
+* update content module ([11a34f0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/11a34f0d7ee9ae4efd445bb0345d22452eaa6c5d))
+* update content module and style ([b670541](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/b670541fa7c9ac401ea91a1acd7c276bb83ab351))
+* update isSearchPath function ([fa4355d](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/fa4355d95a0e2fd176f01a4d3d58fe2662dada5d))
+* update remove content-box ([1fe3a18](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1fe3a187f3bedca955f678253267399badaf5406))
+* update search ([b2d8078](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/b2d807802fe65b713c308b1977c183f52ba81103))
+* update search for multiple market ([fc50ae5](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/fc50ae58ec3ec2d177e8dbe7252fe347e3d2f2b8))
+* update search for multiple markets ([7176917](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/7176917b0e6bde869e8db734061a3da49e1a9c17))
+* update storybooks ([3c40fb1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/3c40fb149e64e223dffaff9874b15408100b8064))
+* update style ([d4ea61e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d4ea61e24876bca5fe270e3c2ff7edef65991f61))
+* update styling ([494b823](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/494b8233180a8bc8060d6d3e16533ea720b3be39))
+* update styling ([c9fc4de](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/c9fc4de085552a269ada3c0f012218dd915e7f24))
+* update styling ([333821a](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/333821a722242619289b335bbe4afc982b8502d5))
+* update styling for content module ([ee87f88](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/ee87f8839740db916c3f40539e597fbaef3c1ab5))
+* update styling that we get from hercules ([6e296fc](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/6e296fc3cb579fb35363347959294c3341007e2e))
+* update table classes ([1100376](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/1100376f642ee24c88cf0bb26aa195463bcc8f8d))
+
+
+* Merge branch 'tm-3537-content-module' into 'master' ([082f24e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/082f24ea4d4ecda0fbd0a0d54f4cff013dbabac8))
+* Merge branch 'tm-3533-enable-search-for-multiple-market' into 'master' ([43a8839](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/43a88398f1ea606d543589080b16e97d205f86f0))
+
+# [27.0.0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v26.0.0...v27.0.0) (2023-08-18)
+
+
+### Code Refactoring
+
+* add reading time to cards to show correct card reading time instead of page reading ([ad014ae](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/ad014aeddd44011b1fb470fd5080312d945090fc))
+* complete changes to add reading time to all pages including to modules in search pages and archive pages ([4afbd96](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/4afbd960d21abbd09b3ca998aa5a0d9bdb518862))
+* minor change for form ([c9f4eaf](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/c9f4eafeceb7c9c091736019acfd745447ab7dd7))
+
+
+* Merge branch 'tm-3573-news' into 'master' ([4dc2e41](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/4dc2e41e9714e4e3c053958da65425a4da67b637))
+* Merge branch 'master' into tm-3573-news ([a2366b1](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/a2366b1de8ca7acb3f7daa2dad1de9f1733de2cf))
+
+
+### Tests
+
+* add test ([69eabbd](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/69eabbda0e957f31bd3e76f8ec97619b0af23827))
+
+# [26.0.0](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v25.0.14...v26.0.0) (2023-08-16)
+
+
+### Bug Fixes
+
+* fix storybook form json ([da6d479](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/da6d479186108e875c53e0160bb99a1d9d06fdd1))
+* moved contact form story to template block ([ddd4f02](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/ddd4f02c9720dcca58d57a595547bc02af0990f6))
+
+
+### Code Refactoring
+
+* dynamic form with validations, storybook and test. constant form json ([d727a64](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d727a64af6466c6a92422437783232a1fa203d63))
+* remove unwanted code and add responsive css ([d091869](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/d091869597e07c438c2938693a2b3aa9c7a81682))
+* temp changes ([241386b](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/241386bb27caaa433fce62b29a5355384a1b770f))
+
+
+* Merge branch 'tm-3556-form' into 'master' ([325d44e](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/325d44e55bd835c97490965214d7e2eb60b89877))
+* Merge branch 'master' into tm-3556-form ([8b16477](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/commit/8b164778193dd10cb663bf0069f1029e68d241ac))
 
 ## [25.0.14](https://git.ilcd.rocks/team-floyd/themes/gatsby-themes/compare/v25.0.13...v25.0.14) (2023-08-10)
 

package/gatsby-config.js

@@ -3,6 +3,7 @@ module.exports = {
     DEV_SSR: false,
   },
   plugins: [
+    'gatsby-plugin-loadable-components-ssr',
     {
       resolve: 'gatsby-plugin-sass',
       options: {
@@ -20,7 +21,7 @@ module.exports = {
       resolve: 'gatsby-plugin-webpack-bundle-analyser-v2',
       options: {
         devMode: true,
-        disable: false,
+        disable: true,
       },
     },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-core-theme",
-  "version": "29.0.0-beta.1",
+  "version": "29.0.0",
   "description": "Gatsby Theme NPM Package",
   "main": "index.js",
   "directories": {
@@ -17,6 +17,7 @@
   },
   "dependencies": {
     "@loadable/babel-plugin": "^5.15.3",
+    "@loadable/component": "^5.15.3",
     "@loadable/server": "^5.15.3",
     "@loadable/webpack-plugin": "^5.14.2",
     "@reach/router": "^1.3.3",
@@ -30,6 +31,7 @@
     "gatsby": "^5.11.0",
     "gatsby-image": "^3.11.0",
     "gatsby-plugin-image": "^3.11.0",
+    "gatsby-plugin-loadable-components-ssr": "^4.2.0",
     "gatsby-plugin-manifest": "^5.11.0",
     "gatsby-plugin-postcss": "^6.11.0",
     "gatsby-plugin-sass": "^6.11.0",

package/src/components/app.js

@@ -1,7 +1,8 @@
 /* eslint-disable react/prop-types */
 /* eslint-disable react/forbid-prop-types */
-import React, { useEffect, useState, lazy, Suspense } from 'react';
+import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
+import loadable from '@loadable/component';
 import MainProvider from '~context/MainProvider';
 import Body from '~pages/body';
 import HeadData from '~organisms/head';
@@ -48,21 +49,21 @@ const App = ({ pageContext }) => {
     }
   }
 
-  const TrackerContent = isTracker ? lazy(() => import(`~pages/tracker`)) : null;
-  const TrackerGeoContent = isTrackeGeo ? lazy(() => import(`~pages/tracker-geo`)) : null;
+  const TrackerContent = isTracker ? loadable(() => import(`~pages/tracker`)) : null;
+  const TrackerGeoContent = isTrackeGeo ? loadable(() => import(`~pages/tracker-geo`)) : null;
 
   if (TrackerGeoContent) {
     return (
-      <Suspense>
+      <>
         <TrackerGeoContent pageContext={pageContext} path={pageContext.page.path} />
-      </Suspense>
+      </>
     );
   }
 
   return isTracker ? (
-    <Suspense>
+    <>
       <TrackerContent pageContext={pageContext} path={pageContext.page.path} />
-    </Suspense>
+    </>
   ) : (
     <MainProvider value={{ translations }}>
       <div

package/src/components/atoms/iframe/index.js

@@ -1,5 +1,6 @@
-import React, { lazy } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
+import loadable from '@loadable/component';
 import { isNativeImageLazyLoadingSupported } from '~helpers/device-detect';
 import styles from './iframe.module.scss';
 
@@ -11,7 +12,7 @@ const Iframe = ({
   frameBorder = 1,
 }) => {
   if (!isNativeImageLazyLoadingSupported() && lazyLoad) {
-    const LazyLoad = lazy(() => import(`react-lazyload`));
+    const LazyLoad = loadable(() => import(`react-lazyload`));
     return (
       <>
         <LazyLoad>

package/src/components/molecules/content/content.module.scss

@@ -45,7 +45,7 @@
   p {
     margin-bottom: var(--paragraph-content-margin-bottom);
     @include min(tablet) {
-      margin: var(--paragraph-margin-content-module)
+      margin-bottom: var(--paragraph-margin-content-module, 2.4rem)
     }
   }
 

package/src/components/molecules/content/index.js

@@ -1,10 +1,11 @@
 /* eslint-disable camelcase */
 /* eslint-disable import/no-extraneous-dependencies */
-import React, { useState, useContext, lazy, Suspense } from 'react';
+import React, { useState, useContext } from 'react';
 import parse from 'html-react-parser';
 import PropTypes from 'prop-types';
 import LazyImage from 'gatsby-core-theme/src/hooks/lazy-image';
 import { parseCss } from 'gatsby-core-theme/src/helpers/css-parser';
+import loadable from '@loadable/component';
 import { parseContentImageUrl } from 'gatsby-core-theme/src/helpers/strings';
 import { generatePlaceholderString } from '../../../helpers/generators';
 import { Context } from '~context/MainProvider';
@@ -20,12 +21,8 @@ const Content = ({ module, isHomepageFirstModule = false, isModuleIntroduction =
 
   const replaceMedia = (node) => {
     if (node.name === 'iframe') {
-      const Iframe = lazy(() => import('gatsby-core-theme/src/components/atoms/iframe'));
-      return (
-        <Suspense>
-          <Iframe src={node.attribs.src} />
-        </Suspense>
-      );
+      const Iframe = loadable(() => import('gatsby-core-theme/src/components/atoms/iframe'));
+      return <Iframe src={node.attribs.src} />;
     }
 
     if (node.name === 'img') {

package/src/components/molecules/content/table/table.module.scss

@@ -43,16 +43,17 @@
       box-sizing: content-box;
     }
 
+    thead,
+    tbody {
+      display: table;
+      width: 100%;
+      table-layout: fixed;
+      box-sizing: border-box;
+    }
+
     @include min(tablet) {
       width: 100%;
       padding-bottom: 0;
-      thead,
-      tbody {
-        display: table;
-        width: 100%;
-        table-layout: fixed;
-        box-sizing: border-box;
-      }
     }
 
     thead {

package/src/components/molecules/footer/index.js

@@ -1,5 +1,6 @@
-import React, { lazy, Suspense } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
+import loadable from '@loadable/component';
 import { getExtraField, copyrightText } from '~helpers/getters';
 import Disclaimer from '~atoms/disclaimer';
 import styles from './footer.module.scss';
@@ -21,19 +22,17 @@ const Footer = ({
   const BottomSection = footerBottomCustom;
   const showLinks = template !== 'ppc';
 
-  const LinkList = footerMenu && showLinks ? lazy(() => import('~molecules/link-list')) : null;
+  const LinkList = footerMenu && showLinks ? loadable(() => import('~molecules/link-list')) : null;
 
   return (
     <footer className={styles.footer || ''}>
       <div className={styles.topPart || ''}>
         <div className={styles.links || ''}>
           {footerMenu && showLinks && (
-            <Suspense>
-              <LinkList
-                lists={getExtraField(section.extra_fields, footerMenu)}
-                gtmClass="mobile-menu-gtm"
-              />
-            </Suspense>
+            <LinkList
+              lists={getExtraField(section.extra_fields, footerMenu)}
+              gtmClass="mobile-menu-gtm"
+            />
           )}
         </div>
 
@@ -57,15 +56,13 @@ const Footer = ({
         </div>
         <div className={styles.logos || ''}>
           {footerLogos && (
-            <Suspense>
-              <LinkList
-                showListTitle={false}
-                imageOnly
-                singleList
-                lists={getExtraField(section.extra_fields, footerLogos)}
-                gtmClass="mobile-menu-gtm logo-cta"
-              />
-            </Suspense>
+            <LinkList
+              showListTitle={false}
+              imageOnly
+              singleList
+              lists={getExtraField(section.extra_fields, footerLogos)}
+              gtmClass="mobile-menu-gtm logo-cta"
+            />
           )}
         </div>
       </div>

package/src/components/molecules/header/index.js

@@ -1,5 +1,7 @@
-import React, { lazy, Suspense } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
+
+import loadable from '@loadable/component';
 import styles from './header.module.scss';
 import Breadcrumbs from '~atoms/breadcrumbs';
 import { imagePrettyUrl, getSectionExtraField } from '~helpers/getters';
@@ -45,7 +47,7 @@ function Header({ section, content = null, backgroundImage = true, showAuthor =
     section.page.path !== 'sitemap' &&
     section.page.author &&
     showAuthor
-      ? lazy(() => import('~atoms/author'))
+      ? loadable(() => import('~atoms/author'))
       : null;
 
   return (
@@ -60,16 +62,14 @@ function Header({ section, content = null, backgroundImage = true, showAuthor =
           {section.page.path && <Breadcrumbs markets={section.allMarkets} page={section.page} />}
           {Author && (
             <div className={styles.authorContainer || ''}>
-              <Suspense>
-                <Author
-                  authorImg={section.page?.author?.image}
-                  link={section.page?.author?.profile_page_path}
-                  name={section.page.author?.name}
-                  date={section.page.updated_at ? section.page.updated_at : section.page.created_at}
-                  readingTime={section.page.reading_time}
-                  reviewer={section?.page.reviewer_id && section?.page?.reviewer}
-                />
-              </Suspense>
+              <Author
+                authorImg={section.page?.author?.image}
+                link={section.page?.author?.profile_page_path}
+                name={section.page.author?.name}
+                date={section.page.updated_at ? section.page.updated_at : section.page.created_at}
+                readingTime={section.page.reading_time}
+                reviewer={section?.page.reviewer_id && section?.page?.reviewer}
+              />
             </div>
           )}
         </div>

package/src/components/molecules/main/index.js

@@ -1,5 +1,6 @@
-import React, { lazy, Suspense } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
+import loadable from '@loadable/component';
 import Module from '~molecules/module';
 import styles from './main.module.scss';
 import keygen from '~helpers/keygen';
@@ -10,23 +11,15 @@ const Main = ({ section = {}, pageContext = {}, serverData = {}, exclOperator =
 
   const pathPrefixes = isSearchPath(allMarkets, page.path);
 
-  const SearchPage = pathPrefixes ? lazy(() => import(`~pages/search`)) : null;
-  const HtmlSitemap = pageContext.sitemapData ? lazy(() => import(`~atoms/sitemap`)) : null;
-  const AuthorBox = page.author_id ? lazy(() => import(`~atoms/author-box`)) : null;
-  const NotFound = page?.path?.includes('404') ? lazy(() => import(`~atoms/not-found`)) : null;
+  const SearchPage = pathPrefixes ? loadable(() => import(`~pages/search`)) : null;
+  const HtmlSitemap = pageContext.sitemapData ? loadable(() => import(`~atoms/sitemap`)) : null;
+  const AuthorBox = page.author_id ? loadable(() => import(`~atoms/author-box`)) : null;
+  const NotFound = page?.path?.includes('404') ? loadable(() => import(`~atoms/not-found`)) : null;
 
   return (
     <main className={styles.modulePage || ''}>
-      {NotFound && (
-        <Suspense>
-          <NotFound pageContext={pageContext} />
-        </Suspense>
-      )}
-      {HtmlSitemap && (
-        <Suspense>
-          <HtmlSitemap pageContext={pageContext} />
-        </Suspense>
-      )}
+      {NotFound && <NotFound pageContext={pageContext} />}
+      {HtmlSitemap && <HtmlSitemap pageContext={pageContext} />}
       {section.modules &&
         section.modules.map((module) => (
           <Module
@@ -39,20 +32,14 @@ const Main = ({ section = {}, pageContext = {}, serverData = {}, exclOperator =
           />
         ))}
       {AuthorBox && (
-        <Suspense>
-          <AuthorBox
-            author={page.author}
-            date={page.updated_at ? page.updated_at : page.created_at}
-            readingTime={page.reading_time}
-            reviewer={page.reviewer_id && page.reviewer}
-          />
-        </Suspense>
-      )}
-      {SearchPage && (
-        <Suspense>
-          <SearchPage page={page} />
-        </Suspense>
+        <AuthorBox
+          author={page.author}
+          date={page.updated_at ? page.updated_at : page.created_at}
+          readingTime={page.reading_time}
+          reviewer={page.reviewer_id && page.reviewer}
+        />
       )}
+      {SearchPage && <SearchPage page={page} />}
     </main>
   );
 };