gatsby-matrix-theme 3.2.25 → 4.0.0

package/CHANGELOG.md

@@ -1,3 +1,69 @@
+# [4.0.0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.28...v4.0.0) (2022-02-16)
+
+
+### Bug Fixes
+
+* added new spotlights style ([97ff16c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/97ff16c77e661adbd34be588fd845568bc72cf91))
+* content frame style ([64878ea](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/64878ea15e3e8d2aa2b32d31f1edddb2b77df392))
+* content module ([dd73e88](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/dd73e88f5a8086e6a3e8968ceb6f5d80c53d9b68))
+* fixed sizes ([9fe7c2b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/9fe7c2b941329dc47b254aafe4941dcd7686284e))
+* merged master branch ([f0ed925](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f0ed92598c46d84316c0381e1aa3fa7515dad199))
+
+
+### Code Refactoring
+
+* correction to runner ([5e82a01](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5e82a014a54def57d170719776a7a5cc261ef6dc))
+* new pipeline for custom demo deployment ([854d8a7](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/854d8a751d5fb9b7480eb7e3d1cbc9384106b57c))
+* remove deploy pipelines server ssh key ([90861f3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/90861f3c0c308e6f6747ac601fa5012f2516367b))
+* remove unused pipeline ([28f7393](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/28f739391639f1ea6a06f9afc3eb5094a6d3ea87))
+* update deployment pipelines ([df8b5ab](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/df8b5ab85c9ef85911a40bb85688b86df366f22a))
+* update img alt tags ([5f7b504](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/5f7b5040fbb8fa683d872a9d453c9ed5855f992b))
+
+
+* Merge branch 'tm-2703-custom-demo-deployment' into 'master' ([8ae95cc](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8ae95cce0c0737d5a77c0efe66e9acc49cd2172a))
+* Merge branch 'master' into tm-2703-custom-demo-deployment ([9cfd3b3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/9cfd3b33d62ac17ef5b966962eb6e9909a9497dd))
+* Merge branch 'tm-2715-update-img-alt-tags' into 'master' ([fe14659](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/fe1465976cf2cae2466c846ef1c0189266932a4b))
+* Merge branch 'master' into tm-2703-custom-demo-deployment ([52c066f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/52c066fc92e4869691c10aaecc66c9f7f6631bce))
+* Merge branch 'tm-2624-spotlights' into 'master' ([2a2656d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/2a2656da47b99198ffed61486a6072e6983836be))
+* Merge branch 'tm-2702-update-deployment-pipelines' into 'master' ([e9f0b13](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/e9f0b13f3bd3e5e7fc6982d76d329eb0796055da))
+
+## [3.2.28](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.27...v3.2.28) (2022-02-08)
+
+
+### Bug Fixes
+
+* fixed prelive path ([613be59](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/613be5928fa86f418bd5296f701b32ae77d54d1d))
+* preconnectLinks removed ([325406c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/325406c1f772dce8a42c3be89a3c8213579957d4))
+
+
+* Merge branch 'tm-2681-canary-tokens' into 'master' ([bcbf07d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/bcbf07d830c41f628d180ef592ffb82a8e0f9b00))
+
+## [3.2.27](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.26...v3.2.27) (2022-02-08)
+
+
+### Bug Fixes
+
+* added canary token script ([af5479f](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/af5479fa3e9814baf9a06368a560754d10f0f49e))
+
+
+### Config
+
+* updated to latest core version ([bc48d27](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/bc48d277b3dba149aeeffdaff490b8715320f288))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/matrix-theme ([23020a5](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/23020a5036887d5570c1958820c4de74b211a938))
+* Merge branch 'tm-2681-canary-tokens' into 'master' ([49fca6c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/49fca6ced00281ce2a4a17f93b927179fddbf8ff))
+
+## [3.2.26](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.25...v3.2.26) (2022-02-08)
+
+
+### Bug Fixes
+
+* removing unused divs ([7f5bc6d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/7f5bc6dcc182d025117e2005c3973f41973588f3))
+
+
+* Merge branch 'master' of git.ilcd.rocks:team-floyd/themes/matrix-theme ([f704c0b](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/f704c0b58a8a8e124790281ad36637454216bdde))
+
 ## [3.2.25](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v3.2.24...v3.2.25) (2022-02-07)
 
 

package/gatsby-config.js

@@ -16,12 +16,7 @@ module.exports = {
       resolve: `gatsby-core-theme`,
       options: {
         siteName: process.env.GATSBY_SITE_NAME,
-        preconnectLinks: [
-          'https://www.google-analytics.com',
-          'https://www.googletagmanager.com',
-          'https://gm.innocraft.cloud',
-          process.env.IMAGE_CDN_URL,
-        ],
+        preconnectLinks: [process.env.IMAGE_CDN_URL],
       },
     },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "3.2.25",
+  "version": "4.0.0",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -31,7 +31,7 @@
     "cross-env": "^7.0.2",
     "dotenv": "8.2.0",
     "gatsby": "^3.3.1",
-    "gatsby-core-theme": "^2.2.6",
+    "gatsby-core-theme": "^3.0.0",
     "gatsby-image": "^3.3.0",
     "gatsby-plugin-image": "^1.3.1",
     "gatsby-plugin-postcss": "^4.3.0",

package/src/components/atoms/cards/base-card/index.js

@@ -16,7 +16,7 @@ const BaseCard = ({
   const { path, title } = item;
   const imgContent = (
     <>
-      <Image filename={backgroundImage} />
+      <Image filename={backgroundImage} alt={title} />
       <div className={styles.overlay} />
     </>
   );

package/src/components/atoms/cards/game-card/index.js

@@ -25,15 +25,17 @@ const GameCard = ({ item, button_text = 'play_now', width, height }) => {
   return (
     <BaseCard item={item} isLinked cardType="game">
       {!featured && (
-        <div className={styles.cardBanner}>
-          <Link to={path} className="game-card-gtm" aria-label={`${title} Link`}>
-            {banner ? (
-              <LazyImage width={width} height={height} src={imagePrettyUrl(banner)} alt={title} />
-            ) : (
-              <GatsbyImg filename="default-slot.jpg" alt={title} />
-            )}
-          </Link>
-        </div>
+        <Link
+          to={path}
+          className={`game-card-gtm ${styles.cardBanner}`}
+          aria-label={`${title} Link`}
+        >
+          {banner ? (
+            <LazyImage width={width} height={height} src={imagePrettyUrl(banner)} alt={title} />
+          ) : (
+            <GatsbyImg filename="default-slot.jpg" alt={title} />
+          )}
+        </Link>
       )}
       <div className={`${styles.cardContent} ${featured && styles.featured}`}>
         <Link to={path} className="game-card-gtm">

package/src/components/atoms/cards/payment-method-card/index.js

@@ -27,6 +27,7 @@ const PaymentMethodCard = ({ item, showTitle = true, showDesc = true, width, hei
               height={height}
               className={styles.logo}
               src={imagePrettyUrl(relation?.logo)}
+              alt={title}
             />
           </Link>
           {showTitle && (

package/src/components/atoms/cards/software-provider-card/index.js

@@ -38,6 +38,7 @@ const SoftwareProviderCard = ({
               height={height}
               className={styles.logo}
               src={imagePrettyUrl(relation?.logo)}
+              alt={title}
             />
           </Link>
           {showTitle && (

package/src/components/atoms/table/column/index.js

@@ -56,7 +56,7 @@ const Index = ({
             <div className={styles.details}>
               <div className={styles.logo}>
                 <Link to={item.review_link} className="table-column-gtm">
-                  <LazyImage src={imagePrettyUrl(item.logo_url, 120, 45)} />
+                  <LazyImage src={imagePrettyUrl(item.logo_url, 120, 45)} alt={item.name} />
                 </Link>
 
                 <p>{item.name}</p>
@@ -124,7 +124,10 @@ const Index = ({
             <div className={styles.licenses}>
               {licenses_list &&
                 licenses_list.map((res) => (
-                  <LazyImage src={imagePrettyUrl(res.logo_filename, 63, 32)} />
+                  <LazyImage
+                    src={imagePrettyUrl(res.logo_filename, 63, 32)}
+                    alt={`license ${res.logo_filename}`}
+                  />
                 ))}
               {licenses_list?.length > 3 && licensesMore ? (
                 <FaAngleDown

package/src/gatsby-core-theme/components/atoms/module-title/index.js

@@ -32,12 +32,12 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
     ? translate(translations, month, month)
     : false;
 
-  const getTitle = () => {
+  const getTitle = (className) => {
     const moduleTitle = module?.title || module?.module_title;
 
     if (!module?.module_title_tag) {
       return (
-        <h2 className={styles.noTag}>
+        <h2 className={`${styles.noTag} ${className}`}>
           {moduleTitle}
           {currentMonth ? (
             <span className={styles.toplistDate}>
@@ -51,7 +51,7 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
 
     if (module.module_title_tag)
       return (
-        <CustomTag>
+        <CustomTag className={className}>
           {moduleTitle}
           {currentMonth ? (
             <span className={styles.toplistDate}>
@@ -62,7 +62,7 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
         </CustomTag>
       );
     return (
-      <span className={styles.noTag}>
+      <span className={`${styles.noTag} ${className}`}>
         {moduleTitle}
         {currentMonth ? (
           <span className={styles.toplistDate}>
@@ -84,9 +84,7 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
           module?.style && styles[module.style]
         } ${tabsToplist ? styles.tabsToplist : null}`}
       >
-        <div className={styles.toplistTitle}>
-          {(module?.title || module.module_title) && getTitle(module)}
-        </div>
+        {(module?.title || module.module_title) && getTitle(styles.toplistTitle)}
 
         {module.link_label && (
           <Link to={module.link_value} className={`${styles.viewMore} module-title-gtm`}>
@@ -96,13 +94,12 @@ const ModuleTitle = ({ module, viewMoreIcon = <FaAngleRight />, pageContext = nu
         )}
       </div>
     ) : (
-      <div
-        className={`${styles.moduleTitle} ${styles[template]} ${
-          module?.style && styles[module.style]
-        } ${styles.toplistTitle} ${tabsToplist ? styles.tabsToplist : null}`}
-      >
-        {(module?.title || module.module_title) && getTitle(module)}
-      </div>
+      (module?.title || module.module_title) &&
+      getTitle(
+        `${styles.moduleTitle} ${styles[template]} ${module?.style && styles[module.style]} ${
+          styles.toplistTitle
+        } ${tabsToplist ? styles.tabsToplist : null}`
+      )
     ))
   );
 };

package/src/gatsby-core-theme/components/atoms/spotlights/spotlights.module.scss

@@ -96,4 +96,87 @@
       }
     }
   }
+}
+
+.boxes_with_icons {
+
+  ul {
+    display: flex;
+    flex-direction: column;
+
+    li {
+      border: 1px solid #EEEBE5;
+      box-sizing: border-box;
+      border-radius: 1.6rem;
+      position: relative;
+      max-width: 568px;
+      width: max-content;
+      display: flex;
+      margin-left: 4.5rem;
+      margin-bottom: 3rem;
+      padding: 2.4rem 2.4rem 2.8rem 7.2rem;
+      min-height: 11rem;
+
+      .content {
+        padding: 0;
+
+        .label {
+          font-weight: bold;
+          font-size: 2rem;
+          line-height: 1.9rem;
+          padding-bottom: 1.6rem;
+          text-align: left;
+        }
+      }
+
+      .body {
+        padding: 0;
+
+        .text {                    
+          p {
+            font-style: normal;
+            font-weight: normal;
+            font-size: 1.6rem;
+            line-height: 2.3rem;
+            text-align: left;
+            color: var(--color-3);
+          }
+        }
+      }
+
+      .itemImage {
+        position: absolute;
+        left: -4.5rem;
+        top: 50%;
+        transform: translateY(-50%);
+        display: inline-block;
+        min-width: 9.5rem !important;
+        width: 9.5rem;
+        height: 9.5rem !important;
+        border-radius: 50%;
+        overflow: hidden;
+        flex: 1;
+
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+
+      &:first-of-type{
+        margin-top: 3rem;
+      }
+
+      @include max(mobile) {
+        width: auto;
+      }
+    }
+
+    li:nth-child(2n) {
+      margin-left: auto;
+      @include max(mobile) {
+        margin-left: 4.5rem;
+      }
+    }
+  }
 }

package/src/gatsby-core-theme/components/molecules/content/content.module.scss

@@ -291,3 +291,19 @@
 .alignRight {
   @include content-img-align(right);
 }
+
+.contentFrame {
+  background-color: #E0EAEA;
+  padding: 1.6rem 2.4rem 2.4rem;
+  border-radius: .8rem;
+  box-sizing: border-box;
+  img {
+    border-radius: .8rem;
+  }
+  @include max(mobile) {
+    img {
+      margin-left: 0;
+      width: 100%;
+    }
+  }
+}

package/src/gatsby-core-theme/components/molecules/search/index.js

@@ -291,7 +291,7 @@ const Search = ({
       )}
       {pageSearchOptionsCopy !== null && isLoading && (
         <span ref={loadingRef} className={styles.loading}>
-          <LazyImage src="../../../images/loading.svg" />
+          <LazyImage src="../../../images/loading.svg" alt="loading" />
         </span>
       )}
       {pageSearchOptionsCopy !== null && !isLoading && (

package/src/gatsby-core-theme/components/pages/body/index.js

@@ -1,5 +1,6 @@
+/* eslint-disable no-useless-concat */
 /* eslint-disable import/no-extraneous-dependencies */
-import React from 'react';
+import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import loadable from '@loadable/component';
 import { getSection } from 'gatsby-core-theme/src/helpers/getters';
@@ -14,6 +15,27 @@ import FooterTop from '../../../../components/atoms/footer/top';
 import FooterBottom from '../../../../components/atoms/footer/bottom';
 
 function Body({ pageContext, children }) {
+  useEffect(() => {
+    if (!process.env.CANARY_TOKEN) {
+      return;
+    }
+
+    if (
+      document.domain !== `prelive.${process.env.GATSBY_SITE_NAME}` ||
+      document.domain !== process.env.GATSBY_SITE_NAME ||
+      document.domain !== `www.${process.env.GATSBY_SITE_NAME}`
+    ) {
+      // eslint-disable-next-line no-restricted-globals
+      const l = location.href;
+      const r = document.referrer;
+      const img = new Image();
+      img.src = `http://canarytokens.com/[${process.env.CANARY_TOKEN}].jpg?l=${encodeURI(
+        l
+      )}&r=${encodeURI(r)}`;
+      img.alt = 'canary tokens';
+    }
+  }, []);
+
   const getBodySection = (name) => getSection(name, pageContext);
 
   const main = getBodySection('main');

package/storybook/public/{1.ac251b98.iframe.bundle.js → 1.2a2b1ee2.iframe.bundle.js}

@@ -1 +1 @@
-(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{595:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"lazyHydrate",(function(){return m}));var _index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1029),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1),react__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__),react_dom__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(109),react_dom__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__),s=(__webpack_require__(537),__webpack_require__(532),__webpack_require__(2),["image","loading","isLoading","isLoaded","toggleIsLoaded","ref","imgClassName","imgStyle","objectPosition","backgroundColor","objectFit"]);function m(m,g,l,u){var b=m.image,h=m.loading,p=m.isLoading,f=m.isLoaded,j=m.toggleIsLoaded,y=m.ref,L=m.imgClassName,v=m.imgStyle,C=void 0===v?{}:v,k=m.objectPosition,w=m.backgroundColor,N=m.objectFit,P=void 0===N?"cover":N,E=Object(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.e)(m,s),F=b.width,R=b.height,S=b.layout,x=b.images,I=b.placeholder,J=b.backgroundColor,M=JSON.stringify(x);C=Object(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.f)({objectFit:P,objectPosition:k,backgroundColor:w},C);var O=react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.b,{layout:S,width:F,height:R},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.d,Object(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.f)({},Object(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.h)(I,f,S,F,R,J,P,k))),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.c,Object(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.f)({},E,{width:F,height:R,className:L},Object(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.g)(p,f,x,h,j,M,y,C))));return g.current&&(react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.createRoot?(l.current||(l.current=react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.createRoot(g.current)),l.current.render(O)):((l.current||u.current?react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.render:react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.hydrate)(O,g.current),l.current=!0)),function(){g.current&&(react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.createRoot?l.current.render(null):react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.render(null,g.current))}}}}]);
+(window.webpackJsonp=window.webpackJsonp||[]).push([[1],{595:function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,"lazyHydrate",(function(){return m}));var _index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(1029),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(1),react__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__),react_dom__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(109),react_dom__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__),s=(__webpack_require__(538),__webpack_require__(533),__webpack_require__(2),["image","loading","isLoading","isLoaded","toggleIsLoaded","ref","imgClassName","imgStyle","objectPosition","backgroundColor","objectFit"]);function m(m,g,l,u){var b=m.image,h=m.loading,p=m.isLoading,f=m.isLoaded,j=m.toggleIsLoaded,y=m.ref,L=m.imgClassName,v=m.imgStyle,C=void 0===v?{}:v,k=m.objectPosition,w=m.backgroundColor,N=m.objectFit,P=void 0===N?"cover":N,E=Object(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.e)(m,s),F=b.width,R=b.height,S=b.layout,x=b.images,I=b.placeholder,J=b.backgroundColor,M=JSON.stringify(x);C=Object(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.f)({objectFit:P,objectPosition:k,backgroundColor:w},C);var O=react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.b,{layout:S,width:F,height:R},react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.d,Object(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.f)({},Object(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.h)(I,f,S,F,R,J,P,k))),react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.c,Object(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.f)({},E,{width:F,height:R,className:L},Object(_index_browser_b9d6f48d_js__WEBPACK_IMPORTED_MODULE_0__.g)(p,f,x,h,j,M,y,C))));return g.current&&(react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.createRoot?(l.current||(l.current=react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.createRoot(g.current)),l.current.render(O)):((l.current||u.current?react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.render:react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.hydrate)(O,g.current),l.current=!0)),function(){g.current&&(react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.createRoot?l.current.render(null):react_dom__WEBPACK_IMPORTED_MODULE_2___default.a.render(null,g.current))}}}}]);