@blaze-cms/react-page-builder 0.146.0-core-styles.44 → 0.146.0-node18.1

package/lib-es/variants/Infographic/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import dynamic from 'next/dynamic';
 const Infographic = {
   getSettings: componentSettings => _objectSpread({}, componentSettings),
-  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantInfographic" */'./Infographic'))
+  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbVariantInfographic" */'./Infographic'))
 };
 export default Infographic;
 //# sourceMappingURL=index.js.map

package/lib-es/variants/Infographic/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","Infographic","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/Infographic/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst Infographic = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantInfographic\" */ './Infographic')\n  )\n};\n\nexport default Infographic;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,WAAW,GAAG;EAClBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,EAAC,mDAAoD,eAAe,CAC5E;AACF,CAAC;AAED,eAAeC,WAAW","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","Infographic","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/Infographic/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst Infographic = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(\n    () => import(/* webpackChunkName: \"blazePbVariantInfographic\" */ './Infographic')\n  )\n};\n\nexport default Infographic;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,WAAW,GAAG;EAClBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CACvB,MAAM,MAAM,CAAC,mDAAoD,eAAe,CAClF;AACF,CAAC;AAED,eAAeC,WAAW","ignoreList":[]}

package/lib-es/variants/Infographic/useInfographic.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInfographic.js","names":["useInView","useInfographic","_ref","className","_className","props","_objectWithoutProperties","_excluded","isIntersecting","contentRef","once","offset","_objectSpread"],"sources":["../../../src/variants/Infographic/useInfographic.js"],"sourcesContent":["import { useInView } from '@blaze-react/utils/lib/customHooks';\n\nconst useInfographic = ({ className: _className, ...props }) => {\n  const [isIntersecting, contentRef] = useInView({\n    once: true,\n    offset: '200px'\n  });\n\n  const className = `${_className} infographic${isIntersecting ? ' infographic__active' : ''}`;\n\n  return {\n    ...props,\n    className,\n    contentRef\n  };\n};\n\nexport default useInfographic;\n"],"mappings":";;;;;AAAA,SAASA,SAAS,QAAQ,oCAAoC;AAE9D,MAAMC,cAAc,GAAGC,IAAA,IAAyC;EAAA,IAAxC;MAAEC,SAAS,EAAEC;IAAqB,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACvD,MAAM,CAACC,cAAc,EAAEC,UAAU,CAAC,GAAGT,SAAS,CAAC;IAC7CU,IAAI,EAAE,IAAI;IACVC,MAAM,EAAE;EACV,CAAC,CAAC;EAEF,MAAMR,SAAS,GAAI,GAAEC,UAAW,eAAcI,cAAc,GAAG,sBAAsB,GAAG,EAAG,EAAC;EAE5F,OAAAI,aAAA,CAAAA,aAAA,KACKP,KAAK;IACRF,SAAS;IACTM;EAAU;AAEd,CAAC;AAED,eAAeR,cAAc","ignoreList":[]}
+{"version":3,"file":"useInfographic.js","names":["useInView","useInfographic","_ref","className","_className","props","_objectWithoutProperties","_excluded","isIntersecting","contentRef","once","offset","_objectSpread"],"sources":["../../../src/variants/Infographic/useInfographic.js"],"sourcesContent":["import { useInView } from '@blaze-react/utils/lib/customHooks';\n\nconst useInfographic = ({ className: _className, ...props }) => {\n  const [isIntersecting, contentRef] = useInView({\n    once: true,\n    offset: '200px'\n  });\n\n  const className = `${_className} infographic${isIntersecting ? ' infographic__active' : ''}`;\n\n  return {\n    ...props,\n    className,\n    contentRef\n  };\n};\n\nexport default useInfographic;\n"],"mappings":";;;;;AAAA,SAASA,SAAS,QAAQ,oCAAoC;AAE9D,MAAMC,cAAc,GAAGC,IAAA,IAAyC;EAAA,IAAxC;MAAEC,SAAS,EAAEC;IAAqB,CAAC,GAAAF,IAAA;IAAPG,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACvD,MAAM,CAACC,cAAc,EAAEC,UAAU,CAAC,GAAGT,SAAS,CAAC;IAC7CU,IAAI,EAAE,IAAI;IACVC,MAAM,EAAE;EACV,CAAC,CAAC;EAEF,MAAMR,SAAS,GAAG,GAAGC,UAAU,eAAeI,cAAc,GAAG,sBAAsB,GAAG,EAAE,EAAE;EAE5F,OAAAI,aAAA,CAAAA,aAAA,KACKP,KAAK;IACRF,SAAS;IACTM;EAAU;AAEd,CAAC;AAED,eAAeR,cAAc","ignoreList":[]}

package/lib-es/variants/LongformGallery/LongformGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"LongformGallery.js","names":["React","withTitle","useLongformGallery","LongformGalleryImage","LongformGallery","props","loading","error","groupedImages","shouldDisplayCaption","caption","handleImageOnClick","length","createElement","className","map","imageGroup","i","key","secondaryImage","_extends","id","numberOfImages"],"sources":["../../../src/variants/LongformGallery/LongformGallery.js"],"sourcesContent":["import React from 'react';\nimport { withTitle } from '../../HOC';\nimport useLongformGallery from './useLongformGallery';\nimport LongformGalleryImage from './LongformGalleryImage';\n\nconst LongformGallery = props => {\n  const {\n    loading,\n    error,\n    groupedImages,\n    shouldDisplayCaption,\n    caption,\n    handleImageOnClick\n  } = useLongformGallery(props);\n\n  if (loading || error || !groupedImages.length) return null;\n\n  return (\n    <div className=\"longform-gallery\" data-testid=\"longform-gallery\">\n      {groupedImages.map((imageGroup, i) => (\n        // eslint-disable-next-line react/no-array-index-key\n        <div key={i} data-testid=\"grouped-images\" className=\"longform-gallery__images\">\n          {imageGroup.map(secondaryImage => (\n            <LongformGalleryImage\n              key={secondaryImage.id}\n              {...secondaryImage}\n              numberOfImages={imageGroup.length}\n              className={\n                imageGroup.length > 2\n                  ? 'longform-gallery__images__image secondary-image'\n                  : 'longform-gallery__images__image main-image'\n              }\n              handleImageOnClick={handleImageOnClick}\n            />\n          ))}\n        </div>\n      ))}\n      {shouldDisplayCaption && (\n        <div className=\"carousel__details\" data-testid=\"carousel-details\">\n          <div className=\"caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default withTitle(LongformGallery);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,WAAW;AACrC,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IACJC,OAAO;IACPC,KAAK;IACLC,aAAa;IACbC,oBAAoB;IACpBC,OAAO;IACPC;EACF,CAAC,GAAGT,kBAAkB,CAACG,KAAK,CAAC;EAE7B,IAAIC,OAAO,IAAIC,KAAK,IAAI,CAACC,aAAa,CAACI,MAAM,EAAE,OAAO,IAAI;EAE1D,oBACEZ,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC,kBAAkB;IAAC,eAAY;EAAkB,GAC7DN,aAAa,CAACO,GAAG,CAAC,CAACC,UAAU,EAAEC,CAAC;EAAA;EAC/B;EACAjB,KAAA,CAAAa,aAAA;IAAKK,GAAG,EAAED,CAAE;IAAC,eAAY,gBAAgB;IAACH,SAAS,EAAC;EAA0B,GAC3EE,UAAU,CAACD,GAAG,CAACI,cAAc,iBAC5BnB,KAAA,CAAAa,aAAA,CAACV,oBAAoB,EAAAiB,QAAA;IACnBF,GAAG,EAAEC,cAAc,CAACE;EAAG,GACnBF,cAAc;IAClBG,cAAc,EAAEN,UAAU,CAACJ,MAAO;IAClCE,SAAS,EACPE,UAAU,CAACJ,MAAM,GAAG,CAAC,GACjB,iDAAiD,GACjD,4CACL;IACDD,kBAAkB,EAAEA;EAAmB,EACxC,CACF,CACE,CACN,CAAC,EACDF,oBAAoB,iBACnBT,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,gBAC/Dd,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC;EAAS,GAAEJ,OAAa,CACpC,CAEJ,CAAC;AAEV,CAAC;AAED,eAAeT,SAAS,CAACG,eAAe,CAAC","ignoreList":[]}
+{"version":3,"file":"LongformGallery.js","names":["React","withTitle","useLongformGallery","LongformGalleryImage","LongformGallery","props","loading","error","groupedImages","shouldDisplayCaption","caption","handleImageOnClick","length","createElement","className","map","imageGroup","i","key","secondaryImage","_extends","id","numberOfImages"],"sources":["../../../src/variants/LongformGallery/LongformGallery.js"],"sourcesContent":["import React from 'react';\nimport { withTitle } from '../../HOC';\nimport useLongformGallery from './useLongformGallery';\nimport LongformGalleryImage from './LongformGalleryImage';\n\nconst LongformGallery = props => {\n  const { loading, error, groupedImages, shouldDisplayCaption, caption, handleImageOnClick } =\n    useLongformGallery(props);\n\n  if (loading || error || !groupedImages.length) return null;\n\n  return (\n    <div className=\"longform-gallery\" data-testid=\"longform-gallery\">\n      {groupedImages.map((imageGroup, i) => (\n        // eslint-disable-next-line react/no-array-index-key\n        <div key={i} data-testid=\"grouped-images\" className=\"longform-gallery__images\">\n          {imageGroup.map(secondaryImage => (\n            <LongformGalleryImage\n              key={secondaryImage.id}\n              {...secondaryImage}\n              numberOfImages={imageGroup.length}\n              className={\n                imageGroup.length > 2\n                  ? 'longform-gallery__images__image secondary-image'\n                  : 'longform-gallery__images__image main-image'\n              }\n              handleImageOnClick={handleImageOnClick}\n            />\n          ))}\n        </div>\n      ))}\n      {shouldDisplayCaption && (\n        <div className=\"carousel__details\" data-testid=\"carousel-details\">\n          <div className=\"caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default withTitle(LongformGallery);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,WAAW;AACrC,OAAOC,kBAAkB,MAAM,sBAAsB;AACrD,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,MAAMC,eAAe,GAAGC,KAAK,IAAI;EAC/B,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,aAAa;IAAEC,oBAAoB;IAAEC,OAAO;IAAEC;EAAmB,CAAC,GACxFT,kBAAkB,CAACG,KAAK,CAAC;EAE3B,IAAIC,OAAO,IAAIC,KAAK,IAAI,CAACC,aAAa,CAACI,MAAM,EAAE,OAAO,IAAI;EAE1D,oBACEZ,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC,kBAAkB;IAAC,eAAY;EAAkB,GAC7DN,aAAa,CAACO,GAAG,CAAC,CAACC,UAAU,EAAEC,CAAC;EAAA;EAC/B;EACAjB,KAAA,CAAAa,aAAA;IAAKK,GAAG,EAAED,CAAE;IAAC,eAAY,gBAAgB;IAACH,SAAS,EAAC;EAA0B,GAC3EE,UAAU,CAACD,GAAG,CAACI,cAAc,iBAC5BnB,KAAA,CAAAa,aAAA,CAACV,oBAAoB,EAAAiB,QAAA;IACnBF,GAAG,EAAEC,cAAc,CAACE;EAAG,GACnBF,cAAc;IAClBG,cAAc,EAAEN,UAAU,CAACJ,MAAO;IAClCE,SAAS,EACPE,UAAU,CAACJ,MAAM,GAAG,CAAC,GACjB,iDAAiD,GACjD,4CACL;IACDD,kBAAkB,EAAEA;EAAmB,EACxC,CACF,CACE,CACN,CAAC,EACDF,oBAAoB,iBACnBT,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC,mBAAmB;IAAC,eAAY;EAAkB,gBAC/Dd,KAAA,CAAAa,aAAA;IAAKC,SAAS,EAAC;EAAS,GAAEJ,OAAa,CACpC,CAEJ,CAAC;AAEV,CAAC;AAED,eAAeT,SAAS,CAACG,eAAe,CAAC","ignoreList":[]}

package/lib-es/variants/LongformGallery/LongformGalleryImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LongformGalleryImage.js","names":["React","PropTypes","Head","useInView","ResponsiveImage","IN_VIEW_CONFIG","LongformGalleryImage","_ref","id","url","caption","altText","priority","className","numberOfImages","handleImageOnClick","props","_objectWithoutProperties","_excluded","isIntersecting","outerRef","shouldRender","HeadComponent","sizeKey","createElement","ref","role","onClick","_extends","src","alt","propTypes","string","isRequired","number","bool","func"],"sources":["../../../src/variants/LongformGallery/LongformGalleryImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { IN_VIEW_CONFIG } from './constants';\n\nconst LongformGalleryImage = ({\n  id,\n  url,\n  caption,\n  altText,\n  priority,\n  className,\n  numberOfImages,\n  handleImageOnClick,\n  ...props\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n  const HeadComponent = priority ? Head : null;\n  const sizeKey = `carousel:longform:${numberOfImages}`;\n\n  return (\n    <div ref={outerRef} className={`${className}`}>\n      <div\n        role=\"button\"\n        className=\"longform-gallery__images__image__container\"\n        data-testid=\"longform-gallery__images__image__container\"\n        onClick={() => handleImageOnClick(id)}>\n        {shouldRender && (\n          <ResponsiveImage\n            sizeKey={sizeKey}\n            role=\"button\"\n            src={url}\n            alt={altText}\n            priority={priority}\n            HeadComponent={HeadComponent}\n            {...props}\n          />\n        )}\n      </div>\n      {!!caption && (\n        <div\n          className=\"longform-gallery__images__image__details\"\n          data-testid=\"longform-gallery__images__image__details\">\n          <div className=\"longform-gallery__images__image__details__caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nLongformGalleryImage.propTypes = {\n  id: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  caption: PropTypes.string.isRequired,\n  numberOfImages: PropTypes.number.isRequired,\n  altText: PropTypes.string.isRequired,\n  priority: PropTypes.bool.isRequired,\n  className: PropTypes.string.isRequired,\n  handleImageOnClick: PropTypes.func.isRequired\n};\n\nexport default LongformGalleryImage;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,WAAW;AAC5B,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,cAAc,QAAQ,aAAa;AAE5C,MAAMC,oBAAoB,GAAGC,IAAA,IAUvB;EAAA,IAVwB;MAC5BC,EAAE;MACFC,GAAG;MACHC,OAAO;MACPC,OAAO;MACPC,QAAQ;MACRC,SAAS;MACTC,cAAc;MACdC;IAEF,CAAC,GAAAR,IAAA;IADIS,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAER,MAAM,CAACC,cAAc,EAAEC,QAAQ,CAAC,GAAGjB,SAAS,CAACE,cAAc,CAAC;EAC5D,MAAMgB,YAAY,GAAGT,QAAQ,IAAIO,cAAc;EAC/C,MAAMG,aAAa,GAAGV,QAAQ,GAAGV,IAAI,GAAG,IAAI;EAC5C,MAAMqB,OAAO,GAAI,qBAAoBT,cAAe,EAAC;EAErD,oBACEd,KAAA,CAAAwB,aAAA;IAAKC,GAAG,EAAEL,QAAS;IAACP,SAAS,EAAG,GAAEA,SAAU;EAAE,gBAC5Cb,KAAA,CAAAwB,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbb,SAAS,EAAC,4CAA4C;IACtD,eAAY,4CAA4C;IACxDc,OAAO,EAAEA,CAAA,KAAMZ,kBAAkB,CAACP,EAAE;EAAE,GACrCa,YAAY,iBACXrB,KAAA,CAAAwB,aAAA,CAACpB,eAAe,EAAAwB,QAAA;IACdL,OAAO,EAAEA,OAAQ;IACjBG,IAAI,EAAC,QAAQ;IACbG,GAAG,EAAEpB,GAAI;IACTqB,GAAG,EAAEnB,OAAQ;IACbC,QAAQ,EAAEA,QAAS;IACnBU,aAAa,EAAEA;EAAc,GACzBN,KAAK,CACV,CAEA,CAAC,EACL,CAAC,CAACN,OAAO,iBACRV,KAAA,CAAAwB,aAAA;IACEX,SAAS,EAAC,0CAA0C;IACpD,eAAY;EAA0C,gBACtDb,KAAA,CAAAwB,aAAA;IAAKX,SAAS,EAAC;EAAmD,GAAEH,OAAa,CAC9E,CAEJ,CAAC;AAEV,CAAC;AAEDJ,oBAAoB,CAACyB,SAAS,GAAG;EAC/BvB,EAAE,EAAEP,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAC/BxB,GAAG,EAAER,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAChCvB,OAAO,EAAET,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACpCnB,cAAc,EAAEb,SAAS,CAACiC,MAAM,CAACD,UAAU;EAC3CtB,OAAO,EAAEV,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACpCrB,QAAQ,EAAEX,SAAS,CAACkC,IAAI,CAACF,UAAU;EACnCpB,SAAS,EAAEZ,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACtClB,kBAAkB,EAAEd,SAAS,CAACmC,IAAI,CAACH;AACrC,CAAC;AAED,eAAe3B,oBAAoB","ignoreList":[]}
+{"version":3,"file":"LongformGalleryImage.js","names":["React","PropTypes","Head","useInView","ResponsiveImage","IN_VIEW_CONFIG","LongformGalleryImage","_ref","id","url","caption","altText","priority","className","numberOfImages","handleImageOnClick","props","_objectWithoutProperties","_excluded","isIntersecting","outerRef","shouldRender","HeadComponent","sizeKey","createElement","ref","role","onClick","_extends","src","alt","propTypes","string","isRequired","number","bool","func"],"sources":["../../../src/variants/LongformGallery/LongformGalleryImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { IN_VIEW_CONFIG } from './constants';\n\nconst LongformGalleryImage = ({\n  id,\n  url,\n  caption,\n  altText,\n  priority,\n  className,\n  numberOfImages,\n  handleImageOnClick,\n  ...props\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n  const HeadComponent = priority ? Head : null;\n  const sizeKey = `carousel:longform:${numberOfImages}`;\n\n  return (\n    <div ref={outerRef} className={`${className}`}>\n      <div\n        role=\"button\"\n        className=\"longform-gallery__images__image__container\"\n        data-testid=\"longform-gallery__images__image__container\"\n        onClick={() => handleImageOnClick(id)}>\n        {shouldRender && (\n          <ResponsiveImage\n            sizeKey={sizeKey}\n            role=\"button\"\n            src={url}\n            alt={altText}\n            priority={priority}\n            HeadComponent={HeadComponent}\n            {...props}\n          />\n        )}\n      </div>\n      {!!caption && (\n        <div\n          className=\"longform-gallery__images__image__details\"\n          data-testid=\"longform-gallery__images__image__details\">\n          <div className=\"longform-gallery__images__image__details__caption\">{caption}</div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nLongformGalleryImage.propTypes = {\n  id: PropTypes.string.isRequired,\n  url: PropTypes.string.isRequired,\n  caption: PropTypes.string.isRequired,\n  numberOfImages: PropTypes.number.isRequired,\n  altText: PropTypes.string.isRequired,\n  priority: PropTypes.bool.isRequired,\n  className: PropTypes.string.isRequired,\n  handleImageOnClick: PropTypes.func.isRequired\n};\n\nexport default LongformGalleryImage;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,IAAI,MAAM,WAAW;AAC5B,SAASC,SAAS,QAAQ,oCAAoC;AAC9D,SAASC,eAAe,QAAQ,4BAA4B;AAC5D,SAASC,cAAc,QAAQ,aAAa;AAE5C,MAAMC,oBAAoB,GAAGC,IAAA,IAUvB;EAAA,IAVwB;MAC5BC,EAAE;MACFC,GAAG;MACHC,OAAO;MACPC,OAAO;MACPC,QAAQ;MACRC,SAAS;MACTC,cAAc;MACdC;IAEF,CAAC,GAAAR,IAAA;IADIS,KAAK,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA;EAER,MAAM,CAACC,cAAc,EAAEC,QAAQ,CAAC,GAAGjB,SAAS,CAACE,cAAc,CAAC;EAC5D,MAAMgB,YAAY,GAAGT,QAAQ,IAAIO,cAAc;EAC/C,MAAMG,aAAa,GAAGV,QAAQ,GAAGV,IAAI,GAAG,IAAI;EAC5C,MAAMqB,OAAO,GAAG,qBAAqBT,cAAc,EAAE;EAErD,oBACEd,KAAA,CAAAwB,aAAA;IAAKC,GAAG,EAAEL,QAAS;IAACP,SAAS,EAAE,GAAGA,SAAS;EAAG,gBAC5Cb,KAAA,CAAAwB,aAAA;IACEE,IAAI,EAAC,QAAQ;IACbb,SAAS,EAAC,4CAA4C;IACtD,eAAY,4CAA4C;IACxDc,OAAO,EAAEA,CAAA,KAAMZ,kBAAkB,CAACP,EAAE;EAAE,GACrCa,YAAY,iBACXrB,KAAA,CAAAwB,aAAA,CAACpB,eAAe,EAAAwB,QAAA;IACdL,OAAO,EAAEA,OAAQ;IACjBG,IAAI,EAAC,QAAQ;IACbG,GAAG,EAAEpB,GAAI;IACTqB,GAAG,EAAEnB,OAAQ;IACbC,QAAQ,EAAEA,QAAS;IACnBU,aAAa,EAAEA;EAAc,GACzBN,KAAK,CACV,CAEA,CAAC,EACL,CAAC,CAACN,OAAO,iBACRV,KAAA,CAAAwB,aAAA;IACEX,SAAS,EAAC,0CAA0C;IACpD,eAAY;EAA0C,gBACtDb,KAAA,CAAAwB,aAAA;IAAKX,SAAS,EAAC;EAAmD,GAAEH,OAAa,CAC9E,CAEJ,CAAC;AAEV,CAAC;AAEDJ,oBAAoB,CAACyB,SAAS,GAAG;EAC/BvB,EAAE,EAAEP,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAC/BxB,GAAG,EAAER,SAAS,CAAC+B,MAAM,CAACC,UAAU;EAChCvB,OAAO,EAAET,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACpCnB,cAAc,EAAEb,SAAS,CAACiC,MAAM,CAACD,UAAU;EAC3CtB,OAAO,EAAEV,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACpCrB,QAAQ,EAAEX,SAAS,CAACkC,IAAI,CAACF,UAAU;EACnCpB,SAAS,EAAEZ,SAAS,CAAC+B,MAAM,CAACC,UAAU;EACtClB,kBAAkB,EAAEd,SAAS,CAACmC,IAAI,CAACH;AACrC,CAAC;AAED,eAAe3B,oBAAoB","ignoreList":[]}

package/lib-es/variants/LongformGallery/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","names":["gql","GET_IMAGES_QUERY","PROPS_TO_CHECK","IN_VIEW_CONFIG","once","offset","bottomOffset"],"sources":["../../../src/variants/LongformGallery/constants.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst GET_IMAGES_QUERY = gql`\n  query getImages($where: JSON!) {\n    getImages: getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];\n\nconst IN_VIEW_CONFIG = {\n  once: true,\n  offset: '200px',\n  bottomOffset: '-200px'\n};\n\nexport { GET_IMAGES_QUERY, IN_VIEW_CONFIG, PROPS_TO_CHECK };\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,gBAAgB,GAAGD,GAAI;AAC7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,cAAc,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AAEnE,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE,OAAO;EACfC,YAAY,EAAE;AAChB,CAAC;AAED,SAASL,gBAAgB,EAAEE,cAAc,EAAED,cAAc","ignoreList":[]}
+{"version":3,"file":"constants.js","names":["gql","GET_IMAGES_QUERY","PROPS_TO_CHECK","IN_VIEW_CONFIG","once","offset","bottomOffset"],"sources":["../../../src/variants/LongformGallery/constants.js"],"sourcesContent":["import { gql } from '@apollo/client';\n\nconst GET_IMAGES_QUERY = gql`\n  query getImages($where: JSON!) {\n    getImages: getFiles(where: $where) {\n      id\n      url\n      data\n    }\n  }\n`;\n\nconst PROPS_TO_CHECK = ['altText', 'caption', 'hrefUrl', 'credits'];\n\nconst IN_VIEW_CONFIG = {\n  once: true,\n  offset: '200px',\n  bottomOffset: '-200px'\n};\n\nexport { GET_IMAGES_QUERY, IN_VIEW_CONFIG, PROPS_TO_CHECK };\n"],"mappings":"AAAA,SAASA,GAAG,QAAQ,gBAAgB;AAEpC,MAAMC,gBAAgB,GAAGD,GAAG;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAME,cAAc,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;AAEnE,MAAMC,cAAc,GAAG;EACrBC,IAAI,EAAE,IAAI;EACVC,MAAM,EAAE,OAAO;EACfC,YAAY,EAAE;AAChB,CAAC;AAED,SAASL,gBAAgB,EAAEE,cAAc,EAAED,cAAc","ignoreList":[]}

package/lib-es/variants/LongformGallery/index.js

@@ -3,7 +3,7 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import dynamic from 'next/dynamic';
 const LongformGallery = {
-  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantLongformGallery" */'./LongformGallery')),
+  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbVariantLongformGallery" */'./LongformGallery')),
   getSettings: componentSettings => _objectSpread(_objectSpread({}, componentSettings), {}, {
     modifier: 'longformGallery'
   })

package/lib-es/variants/LongformGallery/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","LongformGallery","VariantComponent","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/LongformGallery/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst LongformGallery = {\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantLongformGallery\" */ './LongformGallery')\n  ),\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'longformGallery'\n  })\n};\n\nexport default LongformGallery;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,eAAe,GAAG;EACtBC,gBAAgB,EAAEF,OAAO,CAAC,MACxB,MAAM,EAAC,uDAAwD,mBAAmB,CACpF,CAAC;EACDG,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAiB;AAE/B,CAAC;AAED,eAAeL,eAAe","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","LongformGallery","VariantComponent","getSettings","componentSettings","_objectSpread","modifier"],"sources":["../../../src/variants/LongformGallery/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst LongformGallery = {\n  VariantComponent: dynamic(\n    () => import(/* webpackChunkName: \"blazePbVariantLongformGallery\" */ './LongformGallery')\n  ),\n  getSettings: componentSettings => ({\n    ...componentSettings,\n    modifier: 'longformGallery'\n  })\n};\n\nexport default LongformGallery;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,eAAe,GAAG;EACtBC,gBAAgB,EAAEF,OAAO,CACvB,MAAM,MAAM,CAAC,uDAAwD,mBAAmB,CAC1F,CAAC;EACDG,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,CAAAA,aAAA,KACzBD,iBAAiB;IACpBE,QAAQ,EAAE;EAAiB;AAE/B,CAAC;AAED,eAAeL,eAAe","ignoreList":[]}

package/lib-es/variants/SlideSummary/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import dynamic from 'next/dynamic';
 const SlideSummary = {
   getSettings: componentSettings => _objectSpread({}, componentSettings),
-  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantSlideSummary" */'./SlideSummary'))
+  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbVariantSlideSummary" */'./SlideSummary'))
 };
 export default SlideSummary;
 //# sourceMappingURL=index.js.map

package/lib-es/variants/SlideSummary/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","SlideSummary","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/SlideSummary/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SlideSummary = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantSlideSummary\" */ './SlideSummary')\n  )\n};\nexport default SlideSummary;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,EAAC,oDAAqD,gBAAgB,CAC9E;AACF,CAAC;AACD,eAAeC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","SlideSummary","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/SlideSummary/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SlideSummary = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(\n    () => import(/* webpackChunkName: \"blazePbVariantSlideSummary\" */ './SlideSummary')\n  )\n};\nexport default SlideSummary;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CACvB,MAAM,MAAM,CAAC,oDAAqD,gBAAgB,CACpF;AACF,CAAC;AACD,eAAeC,YAAY","ignoreList":[]}

package/lib-es/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailImage.js","names":["React","LazyImage","useThumbnailImage","ThumbnailImage","props","loading","error","className","imageUrl","altText","priority","handleClick","message","createElement","onClick","role","src","alt","sizeKey"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js"],"sourcesContent":["import React from 'react';\nimport LazyImage from '../../../components/LazyImage';\nimport useThumbnailImage from './useThumbnailImage';\n\nconst ThumbnailImage = props => {\n  const { loading, error, className, imageUrl, altText, priority, handleClick } = useThumbnailImage(\n    props\n  );\n\n  if (error) return error.message;\n  if (loading) return null;\n\n  return (\n    <div className={className} onClick={handleClick} role=\"button\" data-testid=\"thumbnail-image\">\n      <LazyImage\n        src={imageUrl}\n        alt={altText}\n        sizeKey=\"carousel\"\n        role=\"button\"\n        priority={priority}\n      />\n    </div>\n  );\n};\n\nexport default ThumbnailImage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,+BAA+B;AACrD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAAGT,iBAAiB,CAC/FE,KACF,CAAC;EAED,IAAIE,KAAK,EAAE,OAAOA,KAAK,CAACM,OAAO;EAC/B,IAAIP,OAAO,EAAE,OAAO,IAAI;EAExB,oBACEL,KAAA,CAAAa,aAAA;IAAKN,SAAS,EAAEA,SAAU;IAACO,OAAO,EAAEH,WAAY;IAACI,IAAI,EAAC,QAAQ;IAAC,eAAY;EAAiB,gBAC1Ff,KAAA,CAAAa,aAAA,CAACZ,SAAS;IACRe,GAAG,EAAER,QAAS;IACdS,GAAG,EAAER,OAAQ;IACbS,OAAO,EAAC,UAAU;IAClBH,IAAI,EAAC,QAAQ;IACbL,QAAQ,EAAEA;EAAS,CACpB,CACE,CAAC;AAEV,CAAC;AAED,eAAeP,cAAc","ignoreList":[]}
+{"version":3,"file":"ThumbnailImage.js","names":["React","LazyImage","useThumbnailImage","ThumbnailImage","props","loading","error","className","imageUrl","altText","priority","handleClick","message","createElement","onClick","role","src","alt","sizeKey"],"sources":["../../../../src/variants/ThumbnailCarousel/ThumbnailImage/ThumbnailImage.js"],"sourcesContent":["import React from 'react';\nimport LazyImage from '../../../components/LazyImage';\nimport useThumbnailImage from './useThumbnailImage';\n\nconst ThumbnailImage = props => {\n  const { loading, error, className, imageUrl, altText, priority, handleClick } =\n    useThumbnailImage(props);\n\n  if (error) return error.message;\n  if (loading) return null;\n\n  return (\n    <div className={className} onClick={handleClick} role=\"button\" data-testid=\"thumbnail-image\">\n      <LazyImage\n        src={imageUrl}\n        alt={altText}\n        sizeKey=\"carousel\"\n        role=\"button\"\n        priority={priority}\n      />\n    </div>\n  );\n};\n\nexport default ThumbnailImage;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,+BAA+B;AACrD,OAAOC,iBAAiB,MAAM,qBAAqB;AAEnD,MAAMC,cAAc,GAAGC,KAAK,IAAI;EAC9B,MAAM;IAAEC,OAAO;IAAEC,KAAK;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,OAAO;IAAEC,QAAQ;IAAEC;EAAY,CAAC,GAC3ET,iBAAiB,CAACE,KAAK,CAAC;EAE1B,IAAIE,KAAK,EAAE,OAAOA,KAAK,CAACM,OAAO;EAC/B,IAAIP,OAAO,EAAE,OAAO,IAAI;EAExB,oBACEL,KAAA,CAAAa,aAAA;IAAKN,SAAS,EAAEA,SAAU;IAACO,OAAO,EAAEH,WAAY;IAACI,IAAI,EAAC,QAAQ;IAAC,eAAY;EAAiB,gBAC1Ff,KAAA,CAAAa,aAAA,CAACZ,SAAS;IACRe,GAAG,EAAER,QAAS;IACdS,GAAG,EAAER,OAAQ;IACbS,OAAO,EAAC,UAAU;IAClBH,IAAI,EAAC,QAAQ;IACbL,QAAQ,EAAEA;EAAS,CACpB,CACE,CAAC;AAEV,CAAC;AAED,eAAeP,cAAc","ignoreList":[]}

package/lib-es/variants/ThumbnailCarousel/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import dynamic from 'next/dynamic';
 const ThumbnailCarousel = {
   getSettings: componentSettings => _objectSpread({}, componentSettings),
-  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantThumbnailCarousel" */'./ThumbnailCarousel'))
+  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbVariantThumbnailCarousel" */'./ThumbnailCarousel'))
 };
 export default ThumbnailCarousel;
 //# sourceMappingURL=index.js.map

package/lib-es/variants/ThumbnailCarousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","ThumbnailCarousel","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/ThumbnailCarousel/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst ThumbnailCarousel = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbVariantThumbnailCarousel\" */ './ThumbnailCarousel')\n  )\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CAAC,MACxB,MAAM,EAAC,yDAA0D,qBAAqB,CACxF;AACF,CAAC;AAED,eAAeC,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","ThumbnailCarousel","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/ThumbnailCarousel/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst ThumbnailCarousel = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(\n    () => import(/* webpackChunkName: \"blazePbVariantThumbnailCarousel\" */ './ThumbnailCarousel')\n  )\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CACvB,MAAM,MAAM,CAAC,yDAA0D,qBAAqB,CAC9F;AACF,CAAC;AAED,eAAeC,iBAAiB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.146.0-core-styles.44",
+  "version": "0.146.0-node18.1",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -10,15 +10,15 @@
   },
   "scripts": {
     "test": "jest",
-    "lint": "yarn run lint:js",
+    "lint": "npm run lint:js",
     "lint:js": "eslint .",
     "clean": "rm -Rf ./lib/ && rm -Rf ./lib-es/",
     "build:cjs": "BABEL_ENV=cjs ../../node_modules/.bin/babel ./src --out-dir ./lib --source-maps --root-mode upward",
     "build:esm": "BABEL_ENV=esm ../../node_modules/.bin/babel ./src --out-dir ./lib-es --source-maps --root-mode upward",
-    "build": "yarn run build:cjs && yarn run build:esm",
-    "build:clean": "yarn run clean && yarn run build",
-    "prepublishOnly": "yarn run build:clean",
-    "postpublish": "yarn run clean"
+    "build": "npm run build:cjs && npm run build:esm",
+    "build:clean": "npm run clean && npm run build",
+    "prepublishOnly": "npm run build:clean",
+    "postpublish": "npm run clean"
   },
   "author": {
     "email": "hello@thebyte9.com",
@@ -27,15 +27,16 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "0.146.0-core-styles.41",
-    "@blaze-cms/core-errors": "0.146.0-core-styles.41",
-    "@blaze-cms/core-errors-ui": "0.145.1-core-styles.0",
+    "@blaze-cms/core-auth-ui": "0.146.0-node18.0",
+    "@blaze-cms/core-errors": "0.146.0-node18.0",
+    "@blaze-cms/core-errors-ui": "0.146.0-node18.0",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.7",
-    "@blaze-cms/nextjs-components": "0.146.0-core-styles.42",
-    "@blaze-cms/plugin-search-ui": "0.146.0-core-styles.41",
-    "@blaze-cms/setup-ui": "0.145.1-core-styles.0",
-    "@blaze-cms/utils": "0.146.0-core-styles.41",
-    "@blaze-cms/utils-handlebars": "0.146.0-core-styles.42",
+    "@blaze-cms/nextjs-components": "0.146.0-node18.0",
+    "@blaze-cms/plugin-search-ui": "0.146.0-node18.1",
+    "@blaze-cms/setup-ui": "0.146.0-node18.0",
+    "@blaze-cms/utils": "0.146.0-node18.0",
+    "@blaze-cms/utils-handlebars": "0.146.0-node18.0",
+    "@blaze-react/badge": "^0.7.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.8.0-alpha.82",
     "@blaze-react/checkboxes": "0.5.31",
@@ -73,14 +74,14 @@
     "draft-js": "^0.11.7",
     "draft-js-export-html": "^1.4.1",
     "draftjs-to-html": "0.9.1",
-    "next": "12.x",
+    "next": "14.1.0",
     "prop-types": "^15.7.2",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-icons": "^4.11.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^5.11.3",
-    "@testing-library/react": "^10.4.8",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.2.0",
     "jest-next-dynamic": "^1.0.1",
     "prop-types": "^15.7.2",
     "webpack": "^5.38.1",
@@ -90,5 +91,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "605439a279251ee429f8a8c1286891ee42e707b4"
+  "gitHead": "1b5ba49d185e912846cec402d39a44ef2623ca1c"
 }

package/src/HOC/recreateOnNavigation.js

@@ -11,9 +11,9 @@ const recreateOnNavigation = Component => {
 
   InnerComponent.WrappedComponent = Component;
 
-  InnerComponent.displayName = `recreateOnNavigation(${Component.displayName ||
-    Component.name ||
-    'Component'})`;
+  InnerComponent.displayName = `recreateOnNavigation(${
+    Component.displayName || Component.name || 'Component'
+  })`;
 
   return InnerComponent;
 };

package/src/HOC/withTitle.js

@@ -24,9 +24,9 @@ const withTitle = Component => {
 
   InnerComponent.WrappedComponent = Component;
 
-  InnerComponent.displayName = `WithTitle(${Component.displayName ||
-    Component.name ||
-    'Component'})`;
+  InnerComponent.displayName = `WithTitle(${
+    Component.displayName || Component.name || 'Component'
+  })`;
 
   InnerComponent.propTypes = {
     parent: PropTypes.object,

package/src/components/BackToTop/BackToTop.js

@@ -5,14 +5,11 @@ import { FaArrowUp } from 'react-icons/fa';
 const BackToTop = ({ type, showAfterPixels }) => {
   const [goToTop, setGoToTop] = useState(false);
 
-  useEffect(
-    () => {
-      const handleOnScroll = () => setGoToTop(window.scrollY >= showAfterPixels);
-      document.addEventListener('scroll', handleOnScroll);
-      return () => document.removeEventListener('scroll', handleOnScroll);
-    },
-    [showAfterPixels]
-  );
+  useEffect(() => {
+    const handleOnScroll = () => setGoToTop(window.scrollY >= showAfterPixels);
+    document.addEventListener('scroll', handleOnScroll);
+    return () => document.removeEventListener('scroll', handleOnScroll);
+  }, [showAfterPixels]);
 
   const handleBackToTop = event => {
     event.preventDefault();

package/src/components/Banner/BannerRender.js

@@ -1,8 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-
 import { useQuery } from '@apollo/client';
-
 import { generateSingleItemQuery, getCount } from '../../application/query';
 import {
   buildBannerSizes,

package/src/components/Breadcrumb/Breadcrumb.js

@@ -12,7 +12,11 @@ const Breadcrumb = ({ type, ...otherProps }) => {
   const { parent } = otherProps;
   const { itemEntity, itemId } = parent;
 
-  const { data = {}, error, loading } = useQuery(getSingleEntitySchema, {
+  const {
+    data = {},
+    error,
+    loading
+  } = useQuery(getSingleEntitySchema, {
     variables: { id: itemEntity }
   });
 

package/src/components/Button.js

@@ -44,12 +44,9 @@ const Button = props => {
     data: [textToUse, afterClickTextToUse, urlToUse]
   } = useStringTemplate(parent, [text, afterClickText, url]);
 
-  useEffect(
-    () => {
-      setShowChildren(false);
-    },
-    [router.asPath]
-  );
+  useEffect(() => {
+    setShowChildren(false);
+  }, [router.asPath]);
 
   const checkIfButtonShouldRender = () => {
     if (isLogoutButton) return !!blazeCookie;

package/src/components/Card/CardsFactory.js

@@ -31,13 +31,14 @@ const CardsFactory = ({
 
   const itemListId = getItemListId(itemListName, queryItemListId);
 
-  const { data: itemListData = {}, loading: itemListLoading, error: itemListError } = useQuery(
-    getItemList,
-    {
-      variables: { id: itemListId },
-      skip: !itemListId
-    }
-  );
+  const {
+    data: itemListData = {},
+    loading: itemListLoading,
+    error: itemListError
+  } = useQuery(getItemList, {
+    variables: { id: itemListId },
+    skip: !itemListId
+  });
 
   if (loading || itemListLoading) return '';
   if (error || itemListError) return error.message || itemListError.message;

package/src/components/Card/CardsRender.js

@@ -66,9 +66,11 @@ const CardsRender = ({
   const unpublishedParentEntityName = getUnpublishedEntityName(parentEntity);
   const allEntityNames = [...entitiesToUse, unpublishedParentEntityName];
   const uniqueEntityNames = [...new Set(allEntityNames)];
-  const { data: mainSchemas = {}, loading: _loading, error: _error } = useGetEntitySchemasAsObj(
-    uniqueEntityNames
-  );
+  const {
+    data: mainSchemas = {},
+    loading: _loading,
+    error: _error
+  } = useGetEntitySchemasAsObj(uniqueEntityNames);
   const parentSchema = mainSchemas[unpublishedParentEntityName] || {};
   const filterEntitySchema = mainSchemas[primaryEntityToUse] || {};
   const entitiesTypes = entitiesToUse.map(ent => getEntityData(ent, mainSchemas[ent]));

package/src/components/CarouselWrapper/DefaultCarousel.js

@@ -15,36 +15,30 @@ const DefaultCarousel = ({
   const [shouldAutoScroll, setShouldAutoScroll] = useState(false);
   const autoScrollRef = useRef();
 
-  useEffect(
-    () => {
-      autoScrollRef.current = shouldAutoScroll;
-      const id = setInterval(scrollCheck, autoScrollTimer);
-      function scrollCheck() {
-        if (!autoScrollRef.current) {
-          clearInterval(id);
-        } else {
-          handleButtonNavigation(true);
-        }
+  useEffect(() => {
+    autoScrollRef.current = shouldAutoScroll;
+    const id = setInterval(scrollCheck, autoScrollTimer);
+    function scrollCheck() {
+      if (!autoScrollRef.current) {
+        clearInterval(id);
+      } else {
+        handleButtonNavigation(true);
       }
+    }
 
-      return () => clearInterval(id);
-    },
-    [autoScrollTimer, shouldAutoScroll]
-  );
+    return () => clearInterval(id);
+  }, [autoScrollTimer, shouldAutoScroll]);
 
-  useEffect(
-    () => {
-      const {
-        current: { offsetWidth, scrollWidth }
-      } = ref;
-      if (scrollWidth <= offsetWidth) {
-        setButtonDisplays({ displayLeft: false, displayRight: false });
-      }
+  useEffect(() => {
+    const {
+      current: { offsetWidth, scrollWidth }
+    } = ref;
+    if (scrollWidth <= offsetWidth) {
+      setButtonDisplays({ displayLeft: false, displayRight: false });
+    }
 
-      setShouldAutoScroll(enableAutoScroll);
-    },
-    [enableAutoScroll]
-  );
+    setShouldAutoScroll(enableAutoScroll);
+  }, [enableAutoScroll]);
 
   const handleScroll = () => {
     const {

package/src/components/ContentGroup/ContentGroupTabs.js

@@ -13,13 +13,10 @@ const ContentGroupTabs = ({ name, contentType, groupSections, sectionsData, Vari
   const contentGroupClass = `${CONTENT_GROUP}-${contentClassame}__buttons-wrapper`;
   const sectionClass = `${CONTENT_GROUP}-${contentClassame}__content-section`;
 
-  useEffect(
-    () => {
-      const activeTab = getActiveTab(sectionsData, asPath);
-      if (activeTab !== selectedTab) setSelectedTab(activeTab);
-    },
-    [asPath, sectionsData, selectedTab]
-  );
+  useEffect(() => {
+    const activeTab = getActiveTab(sectionsData, asPath);
+    if (activeTab !== selectedTab) setSelectedTab(activeTab);
+  }, [asPath, sectionsData, selectedTab]);
 
   const WrapperComponent = VariantComponent || 'div';
 

package/src/components/DataSummary/DataSummaryTypes/index.js

@@ -1,19 +1,23 @@
 import dynamic from 'next/dynamic';
 
 export const summaryComponents = {
-  list: dynamic(() =>
-    import(/* webpackChunkName: "blazePbDataSummaryListSummary" */ './ListSummary')
+  list: dynamic(
+    () => import(/* webpackChunkName: "blazePbDataSummaryListSummary" */ './ListSummary')
   ),
-  large: dynamic(() =>
-    import(/* webpackChunkName: "blazePbDataSummaryLargeSummary" */ './LargeSummary')
+  large: dynamic(
+    () => import(/* webpackChunkName: "blazePbDataSummaryLargeSummary" */ './LargeSummary')
   ),
-  text: dynamic(() =>
-    import(/* webpackChunkName: "blazePbDataSummaryTextSummary" */ './TextSummary')
+  text: dynamic(
+    () => import(/* webpackChunkName: "blazePbDataSummaryTextSummary" */ './TextSummary')
   ),
-  heading_large: dynamic(() =>
-    import(/* webpackChunkName: "blazePbDataSummaryHeadingLargeSummary" */ './HeadingLargeSummary')
+  heading_large: dynamic(
+    () =>
+      import(
+        /* webpackChunkName: "blazePbDataSummaryHeadingLargeSummary" */ './HeadingLargeSummary'
+      )
   ),
-  item_details: dynamic(() =>
-    import(/* webpackChunkName: "blazePbDataSummaryItemDetailsSummary" */ './ItemDetailsSummary')
+  item_details: dynamic(
+    () =>
+      import(/* webpackChunkName: "blazePbDataSummaryItemDetailsSummary" */ './ItemDetailsSummary')
   )
 };

package/src/components/DateTime/DateTime.js

@@ -11,11 +11,11 @@ const DateTime = ({ format, customFormat, modifier }) => {
 
   if (!dateFormat) return null;
 
-  const formattedDate = dayjs().format(dateFormat);
+  const formatedDate = dayjs().format(dateFormat);
 
   return (
     <Wrapper className="date" modifiers={modifier}>
-      {formattedDate}
+      {formatedDate}
     </Wrapper>
   );
 };
@@ -27,8 +27,8 @@ DateTime.propTypes = {
 };
 
 DateTime.defaultProps = {
-  customFormat: '',
-  modifier: null
+  modifier: null,
+  customFormat: ''
 };
 
 export default DateTime;

package/src/components/EmailConfirm/EmailConfirm.js

@@ -6,7 +6,7 @@ import { parseUrl } from 'query-string';
 import EMAIL_CONFIRM_MUTATION from './mutation';
 import { renderChildren } from '../../helpers';
 
-const EmailConfirm = ({ modifier, errorMessage, children }) => {
+function EmailConfirm({ modifier, errorMessage, children }) {
   const router = useRouter();
   const { asPath } = router;
 
@@ -16,8 +16,7 @@ const EmailConfirm = ({ modifier, errorMessage, children }) => {
     onCompleted: ({ confirmUserEmail }) => {
       const {
         result: { extras }
-      } =
-        confirmUserEmail || {};
+      } = confirmUserEmail || {};
       const { redirectUrl } = extras || {};
       setDisplayError(false);
       if (redirectUrl && !setRedirectUrl) {
@@ -26,18 +25,17 @@ const EmailConfirm = ({ modifier, errorMessage, children }) => {
     }
   });
 
-  useEffect(
-    () => {
-      if (token) emailConfirmMutation({ variables: { token } });
-    },
-    [emailConfirmMutation, token]
-  );
+  useEffect(() => {
+    if (token) emailConfirmMutation({ variables: { token } });
+  }, [emailConfirmMutation, token]);
 
   if ((token && !called) || loading) return null;
   const renderedChildren = renderChildren(children);
 
-  return <>{displayError ? <span className={modifier}>{errorMessage}</span> : renderedChildren}</>;
-};
+  return (
+    <div>{displayError ? <span className={modifier}>{errorMessage}</span> : renderedChildren}</div>
+  );
+}
 
 EmailConfirm.propTypes = {
   modifier: PropTypes.string,

package/src/components/Image/GlobalLightbox/GlobalLightbox.js

@@ -1,4 +1,4 @@
-import React, { useState, Fragment } from 'react';
+import React, { useState } from 'react';
 import PropTypes from 'prop-types';
 import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
 import { FaTimes } from 'react-icons/fa';
@@ -123,14 +123,12 @@ const GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName
                                   />
                                 </BlazeLink>
                               ) : (
-                                <Fragment>
-                                  <ResponsiveImage
-                                    src={imageUrl}
-                                    alt={altText}
-                                    sizeKey="globalLightbox"
-                                    data-testid="globalLightboxImage"
-                                  />
-                                </Fragment>
+                                <ResponsiveImage
+                                  src={imageUrl}
+                                  alt={altText}
+                                  sizeKey="globalLightbox"
+                                  data-testid="globalLightboxImage"
+                                />
                               )}
                             </div>
                           </div>

package/src/components/Image/GlobalLightbox/index.js

@@ -1,5 +1,5 @@
 import dynamic from 'next/dynamic';
 
-export default dynamic(() =>
-  import(/* webpackChunkName: "blazePbGlobalLightbox" */ './GlobalLightbox')
+export default dynamic(
+  () => import(/* webpackChunkName: "blazePbGlobalLightbox" */ './GlobalLightbox')
 );

package/src/components/Image/Image.js

@@ -36,10 +36,12 @@ const Image = ({
   const [displayLightbox, setDisplayLightbox] = useState(false);
   const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);
 
-  const { caption, altText, hrefUrl, credits: imageDataCredits } = getImageData(
-    otherProps,
-    imageData
-  );
+  const {
+    caption,
+    altText,
+    hrefUrl,
+    credits: imageDataCredits
+  } = getImageData(otherProps, imageData);
 
   const href = url || hrefUrl;
 

package/src/components/Image/ImageFactory.js

@@ -41,11 +41,11 @@ const ImageFactory = props => {
     : getImageIds(imageRelation, relationData, imageId);
   const imageIds =
     updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;
-  const { data: { getFile, getFiles = [] } = {}, loading, error } = useGetImages(
-    imageIds,
-    updatedImageIds && updatedImageIds.length > 1,
-    !!imgSrcToUse
-  );
+  const {
+    data: { getFile, getFiles = [] } = {},
+    loading,
+    error
+  } = useGetImages(imageIds, updatedImageIds && updatedImageIds.length > 1, !!imgSrcToUse);
   if (error) return error.message;
   if (loading) return '';