@blaze-cms/react-page-builder 0.124.0-alpha.4 → 0.124.0-alpha.40

package/lib-es/components/CarouselWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselWrapper.js","names":["React","useRef","useState","useEffect","PropTypes","CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"sources":["../../src/components/CarouselWrapper.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i className=\"carousel--arrow-left\" />\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i className=\"carousel--arrow-left\" />\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,QAAxB,EAAkCC,SAAlC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;;AAEA,MAAMC,eAAe,GAAG,CAAC;EACvBC,QADuB;EAEvBC,cAFuB;EAGvBC,WAHuB;EAIvBC,gBAJuB;EAKvBC,eALuB;EAMvBC;AANuB,CAAD,KAOlB;EACJ,MAAMC,GAAG,GAAGX,MAAM,EAAlB;EACA,MAAM,CAACY,aAAD,EAAgBC,iBAAhB,IAAqCZ,QAAQ,CAAC;IAAEa,WAAW,EAAE,KAAf;IAAsBC,YAAY,EAAE;EAApC,CAAD,CAAnD;EACA,MAAM,CAACC,gBAAD,EAAmBC,mBAAnB,IAA0ChB,QAAQ,CAAC,KAAD,CAAxD;EACA,MAAMiB,aAAa,GAAGlB,MAAM,EAA5B;EAEAE,SAAS,CACP,MAAM;IACJgB,aAAa,CAACC,OAAd,GAAwBH,gBAAxB;IACA,MAAMI,EAAE,GAAGC,WAAW,CAACC,WAAD,EAAcb,eAAd,CAAtB;;IACA,SAASa,WAAT,GAAuB;MACrB,IAAI,CAACJ,aAAa,CAACC,OAAnB,EAA4B;QAC1BI,aAAa,CAACH,EAAD,CAAb;MACD,CAFD,MAEO;QACLI,sBAAsB,CAAC,IAAD,CAAtB;MACD;IACF;;IAED,OAAO,MAAMD,aAAa,CAACH,EAAD,CAA1B;EACD,CAbM,EAcP,CAACX,eAAD,EAAkBO,gBAAlB,CAdO,CAAT;EAiBAd,SAAS,CACP,MAAM;IACJ,MAAM;MACJiB,OAAO,EAAE;QAAEM,WAAF;QAAeC;MAAf;IADL,IAEFf,GAFJ;IAGA,IAAIe,WAAW,IAAID,WAAnB,EACEZ,iBAAiB,CAAC;MAAEC,WAAW,EAAE,KAAf;MAAsBC,YAAY,EAAE;IAApC,CAAD,CAAjB;IACFE,mBAAmB,CAACT,gBAAD,CAAnB;EACD,CARM,EASP,CAACA,gBAAD,CATO,CAAT;;EAYA,MAAMmB,YAAY,GAAG,MAAM;IACzB,MAAM;MACJR,OAAO,EAAE;QAAEM,WAAF;QAAeG,UAAf;QAA2BF;MAA3B;IADL,IAEFf,GAFJ;IAGA,MAAMkB,kBAAkB,GAAG,CAAC,CAACD,UAA7B;IACA,MAAME,mBAAmB,GAAGF,UAAU,GAAGH,WAAb,GAA2B,CAA3B,GAA+BC,WAA3D;IACAb,iBAAiB,CAAC;MAAEC,WAAW,EAAEe,kBAAf;MAAmCd,YAAY,EAAEe;IAAjD,CAAD,CAAjB;EACD,CAPD;;EASA,MAAMN,sBAAsB,GAAGO,SAAS,IAAI;IAC1C,IAAI,CAACpB,GAAD,IAAQ,CAACA,GAAG,CAACQ,OAAjB,EAA0B;IAC1B,MAAM;MACJA,OAAO,EAAE;QAAEM,WAAF;QAAeG,UAAf;QAA2BF;MAA3B;IADL,IAEFf,GAFJ;;IAIA,IAAIO,aAAa,CAACC,OAAd,IAAyBS,UAAU,GAAGH,WAAb,IAA4BC,WAAzD,EAAsE;MACpEf,GAAG,CAACQ,OAAJ,CAAYS,UAAZ,GAAyB,CAAzB;IACD,CAFD,MAEO;MACLjB,GAAG,CAACQ,OAAJ,CAAYS,UAAZ,GAAyBG,SAAS,GAAGH,UAAU,GAAGH,WAAhB,GAA8BG,UAAU,GAAGH,WAA7E;IACD;EACF,CAXD;;EAaA,MAAM;IAAEX,WAAF;IAAeC;EAAf,IAAgCH,aAAtC;EACA,MAAMoB,gBAAgB,GAAI,iBAAgB1B,cAAe,EAAzD;EACA,MAAM2B,gBAAgB,GAAI,yCAAwC1B,WAAY,EAA9E;EAEA,oBACE;IAAK,SAAS,EAAEyB;EAAhB,gBACE;IAAK,SAAS,EAAC;EAAf,GACGlB,WAAW,iBACV;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAC,8CAFZ;IAGE,OAAO,EAAE,MAAM;MACbG,mBAAmB,CAAC,KAAD,CAAnB;MACAO,sBAAsB;IACvB;EANH,gBAOE;IAAG,SAAS,EAAC;EAAb,EAPF,CAFJ,CADF,eAcE;IAAK,SAAS,EAAC;EAAf,GACGT,YAAY,iBACX;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAC,iDAFZ;IAGE,OAAO,EAAE,MAAM;MACbE,mBAAmB,CAAC,KAAD,CAAnB;MACAO,sBAAsB,CAAC,IAAD,CAAtB;IACD;EANH,gBAOE;IAAG,SAAS,EAAC;EAAb,EAPF,CAFJ,CAdF,eA2BE;IAAK,SAAS,EAAES,gBAAhB;IAAkC,GAAG,EAAEtB,GAAvC;IAA4C,QAAQ,EAAEgB;EAAtD,GACGtB,QADH,CA3BF,CADF;AAiCD,CArGD;;AAuGAD,eAAe,CAAC8B,SAAhB,GAA4B;EAC1B5B,cAAc,EAAEH,SAAS,CAACgC,MADA;EAE1B5B,WAAW,EAAEJ,SAAS,CAACiC,MAFG;EAG1B/B,QAAQ,EAAEF,SAAS,CAACkC,SAAV,CAAoB,CAAClC,SAAS,CAACmC,OAAV,CAAkBnC,SAAS,CAACoC,IAA5B,CAAD,EAAoCpC,SAAS,CAACoC,IAA9C,CAApB,CAHgB;EAI1B/B,gBAAgB,EAAEL,SAAS,CAACqC,IAJF;EAK1B/B,eAAe,EAAEN,SAAS,CAACiC,MALD;EAM1B1B,SAAS,EAAEP,SAAS,CAACiC;AANK,CAA5B;AASAhC,eAAe,CAACqC,YAAhB,GAA+B;EAC7BlC,WAAW,EAAE,CADgB;EAE7BD,cAAc,EAAE,EAFa;EAG7BD,QAAQ,EAAE,EAHmB;EAI7BG,gBAAgB,EAAE,KAJW;EAK7BC,eAAe,EAAE,CALY;EAM7BC,SAAS,EAAE;AANkB,CAA/B;AASA,eAAeN,eAAf"}
+{"version":3,"file":"CarouselWrapper.js","names":["React","useRef","useState","useEffect","PropTypes","CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","buttonDisplay","setButtonDisplays","displayLeft","displayRight","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","string","number","oneOfType","arrayOf","node","bool","defaultProps"],"sources":["../../src/components/CarouselWrapper.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nconst CarouselWrapper = ({\n  children,\n  bannerModifier,\n  itemsPerRow,\n  enableAutoScroll,\n  autoScrollTimer,\n  arrowSize\n}) => {\n  const ref = useRef();\n  const [buttonDisplay, setButtonDisplays] = useState({ displayLeft: false, displayRight: true });\n  const [shouldAutoScroll, setShouldAutoScroll] = useState(false);\n  const autoScrollRef = useRef();\n\n  useEffect(\n    () => {\n      autoScrollRef.current = shouldAutoScroll;\n      const id = setInterval(scrollCheck, autoScrollTimer);\n      function scrollCheck() {\n        if (!autoScrollRef.current) {\n          clearInterval(id);\n        } else {\n          handleButtonNavigation(true);\n        }\n      }\n\n      return () => clearInterval(id);\n    },\n    [autoScrollTimer, shouldAutoScroll]\n  );\n\n  useEffect(\n    () => {\n      const {\n        current: { offsetWidth, scrollWidth }\n      } = ref;\n      if (scrollWidth <= offsetWidth)\n        setButtonDisplays({ displayLeft: false, displayRight: false });\n      setShouldAutoScroll(enableAutoScroll);\n    },\n    [enableAutoScroll]\n  );\n\n  const handleScroll = () => {\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n    const updatedDisplayLeft = !!scrollLeft;\n    const updatedDisplayRight = scrollLeft + offsetWidth + 1 < scrollWidth;\n    setButtonDisplays({ displayLeft: updatedDisplayLeft, displayRight: updatedDisplayRight });\n  };\n\n  const handleButtonNavigation = direction => {\n    if (!ref || !ref.current) return;\n    const {\n      current: { offsetWidth, scrollLeft, scrollWidth }\n    } = ref;\n\n    if (autoScrollRef.current && scrollLeft + offsetWidth >= scrollWidth) {\n      ref.current.scrollLeft = 0;\n    } else {\n      ref.current.scrollLeft = direction ? scrollLeft + offsetWidth : scrollLeft - offsetWidth;\n    }\n  };\n\n  const { displayLeft, displayRight } = buttonDisplay;\n  const wrapperClassName = `cards-carousel${bannerModifier}`;\n  const contentClassName = `cards-carousel--content items-per-row-${itemsPerRow}`;\n\n  return (\n    <div className={wrapperClassName}>\n      <div className=\"cards-carousel--left-button-wrapper\">\n        {displayLeft && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-back icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation();\n            }}>\n            <i className=\"cards-carousel--arrow cards-carousel--arrow__left\" />\n          </button>\n        )}\n      </div>\n      <div className=\"cards-carousel--right-button-wrapper\">\n        {displayRight && (\n          <button\n            type=\"button\"\n            className=\"cards-carousel--button-forward icon-button icon\"\n            onClick={() => {\n              setShouldAutoScroll(false);\n              handleButtonNavigation(true);\n            }}>\n            <i className=\"cards-carousel--arrow cards-carousel--arrow__right\" />\n          </button>\n        )}\n      </div>\n      <div className={contentClassName} ref={ref} onScroll={handleScroll}>\n        {children}\n      </div>\n    </div>\n  );\n};\n\nCarouselWrapper.propTypes = {\n  bannerModifier: PropTypes.string,\n  itemsPerRow: PropTypes.number,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n  enableAutoScroll: PropTypes.bool,\n  autoScrollTimer: PropTypes.number,\n  arrowSize: PropTypes.number\n};\n\nCarouselWrapper.defaultProps = {\n  itemsPerRow: 0,\n  bannerModifier: '',\n  children: [],\n  enableAutoScroll: false,\n  autoScrollTimer: 0,\n  arrowSize: 14\n};\n\nexport default CarouselWrapper;\n"],"mappings":"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"}

package/lib-es/components/Image/ImageRender.js

@@ -3,6 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 const _excluded = ["alt", "imageUrl", "handleEnableLightbox", "toggleLightbox", "displayLightbox", "enableLightbox", "caption", "lightboxImgProps", "name", "metaTitle", "heroModifier", "style", "isHero", "priority", "sizeKey"];
 import React from 'react';
 import PropTypes from 'prop-types';
+import Head from 'next/head';
 import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
 import Lightbox from './Lightbox';
 
@@ -29,12 +30,14 @@ const ImageRender = _ref => {
   const imageStyle = enableLightbox ? {
     cursor: 'pointer'
   } : style;
+  const HeadComponent = priority ? Head : null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResponsiveImage, {
     sizeKey: sizeKey,
     alt: alt,
     src: imageUrl,
     onClick: handleEnableLightbox,
-    style: imageStyle
+    style: imageStyle,
+    HeadComponent: HeadComponent
   }), displayLightbox && /*#__PURE__*/React.createElement(Lightbox, _extends({
     imageUrl: imageUrl,
     alt: alt,

package/lib-es/components/Image/ImageRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRender.js","names":["React","PropTypes","ResponsiveImage","Lightbox","ImageRender","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","otherProps","imageStyle","cursor","propTypes","bool","isRequired","string","func","object","defaultProps"],"sources":["../../../src/components/Image/ImageRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n  alt,\n  imageUrl,\n  handleEnableLightbox,\n  toggleLightbox,\n  displayLightbox,\n  enableLightbox,\n  caption,\n  lightboxImgProps,\n  name,\n  metaTitle,\n  heroModifier,\n  style,\n  isHero,\n  priority,\n  sizeKey,\n  ...otherProps\n}) => {\n  const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n\n  return (\n    <>\n      <ResponsiveImage\n        sizeKey={sizeKey}\n        alt={alt}\n        src={imageUrl}\n        onClick={handleEnableLightbox}\n        style={imageStyle}\n      />\n      {displayLightbox && (\n        <Lightbox\n          imageUrl={imageUrl}\n          alt={alt}\n          priority={priority}\n          closeModal={toggleLightbox}\n          caption={caption}\n          imgWrapperProps={lightboxImgProps}\n          name={metaTitle || name}\n          {...otherProps}\n        />\n      )}\n    </>\n  );\n};\n\nImageRender.propTypes = {\n  displayLightbox: PropTypes.bool.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  alt: PropTypes.string,\n  caption: PropTypes.string,\n  imageUrl: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  heroModifier: PropTypes.string,\n  metaTitle: PropTypes.string,\n  handleEnableLightbox: PropTypes.func.isRequired,\n  toggleLightbox: PropTypes.func.isRequired,\n  lightboxImgProps: PropTypes.object.isRequired,\n  style: PropTypes.object,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  sizeKey: PropTypes.string\n};\n\nImageRender.defaultProps = {\n  name: '',\n  metaTitle: '',\n  heroModifier: '',\n  alt: '',\n  caption: '',\n  isHero: false,\n  priority: false,\n  style: {},\n  sizeKey: ''\n};\n\nexport default ImageRender;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,QAAgC,4BAAhC;AACA,OAAOC,QAAP,MAAqB,YAArB;;AAEA,MAAMC,WAAW,GAAG,QAiBd;EAAA,IAjBe;IACnBC,GADmB;IAEnBC,QAFmB;IAGnBC,oBAHmB;IAInBC,cAJmB;IAKnBC,eALmB;IAMnBC,cANmB;IAOnBC,OAPmB;IAQnBC,gBARmB;IASnBC,IATmB;IAUnBC,SAVmB;IAWnBC,YAXmB;IAYnBC,KAZmB;IAanBC,MAbmB;IAcnBC,QAdmB;IAenBC;EAfmB,CAiBf;EAAA,IADDC,UACC;;EACJ,MAAMC,UAAU,GAAGX,cAAc,GAAG;IAAEY,MAAM,EAAE;EAAV,CAAH,GAA2BN,KAA5D;EAEA,oBACE,uDACE,oBAAC,eAAD;IACE,OAAO,EAAEG,OADX;IAEE,GAAG,EAAEd,GAFP;IAGE,GAAG,EAAEC,QAHP;IAIE,OAAO,EAAEC,oBAJX;IAKE,KAAK,EAAEc;EALT,EADF,EAQGZ,eAAe,iBACd,oBAAC,QAAD;IACE,QAAQ,EAAEH,QADZ;IAEE,GAAG,EAAED,GAFP;IAGE,QAAQ,EAAEa,QAHZ;IAIE,UAAU,EAAEV,cAJd;IAKE,OAAO,EAAEG,OALX;IAME,eAAe,EAAEC,gBANnB;IAOE,IAAI,EAAEE,SAAS,IAAID;EAPrB,GAQMO,UARN,EATJ,CADF;AAuBD,CA3CD;;AA6CAhB,WAAW,CAACmB,SAAZ,GAAwB;EACtBd,eAAe,EAAER,SAAS,CAACuB,IAAV,CAAeC,UADV;EAEtBf,cAAc,EAAET,SAAS,CAACuB,IAAV,CAAeC,UAFT;EAGtBpB,GAAG,EAAEJ,SAAS,CAACyB,MAHO;EAItBf,OAAO,EAAEV,SAAS,CAACyB,MAJG;EAKtBpB,QAAQ,EAAEL,SAAS,CAACyB,MAAV,CAAiBD,UALL;EAMtBZ,IAAI,EAAEZ,SAAS,CAACyB,MANM;EAOtBX,YAAY,EAAEd,SAAS,CAACyB,MAPF;EAQtBZ,SAAS,EAAEb,SAAS,CAACyB,MARC;EAStBnB,oBAAoB,EAAEN,SAAS,CAAC0B,IAAV,CAAeF,UATf;EAUtBjB,cAAc,EAAEP,SAAS,CAAC0B,IAAV,CAAeF,UAVT;EAWtBb,gBAAgB,EAAEX,SAAS,CAAC2B,MAAV,CAAiBH,UAXb;EAYtBT,KAAK,EAAEf,SAAS,CAAC2B,MAZK;EAatBX,MAAM,EAAEhB,SAAS,CAACuB,IAbI;EActBN,QAAQ,EAAEjB,SAAS,CAACuB,IAdE;EAetBL,OAAO,EAAElB,SAAS,CAACyB;AAfG,CAAxB;AAkBAtB,WAAW,CAACyB,YAAZ,GAA2B;EACzBhB,IAAI,EAAE,EADmB;EAEzBC,SAAS,EAAE,EAFc;EAGzBC,YAAY,EAAE,EAHW;EAIzBV,GAAG,EAAE,EAJoB;EAKzBM,OAAO,EAAE,EALgB;EAMzBM,MAAM,EAAE,KANiB;EAOzBC,QAAQ,EAAE,KAPe;EAQzBF,KAAK,EAAE,EARkB;EASzBG,OAAO,EAAE;AATgB,CAA3B;AAYA,eAAef,WAAf"}
+{"version":3,"file":"ImageRender.js","names":["React","PropTypes","Head","ResponsiveImage","Lightbox","ImageRender","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","otherProps","imageStyle","cursor","HeadComponent","propTypes","bool","isRequired","string","func","object","defaultProps"],"sources":["../../../src/components/Image/ImageRender.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Head from 'next/head';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Lightbox from './Lightbox';\n\nconst ImageRender = ({\n  alt,\n  imageUrl,\n  handleEnableLightbox,\n  toggleLightbox,\n  displayLightbox,\n  enableLightbox,\n  caption,\n  lightboxImgProps,\n  name,\n  metaTitle,\n  heroModifier,\n  style,\n  isHero,\n  priority,\n  sizeKey,\n  ...otherProps\n}) => {\n  const imageStyle = enableLightbox ? { cursor: 'pointer' } : style;\n  const HeadComponent = priority ? Head : null;\n\n  return (\n    <>\n      <ResponsiveImage\n        sizeKey={sizeKey}\n        alt={alt}\n        src={imageUrl}\n        onClick={handleEnableLightbox}\n        style={imageStyle}\n        HeadComponent={HeadComponent}\n      />\n      {displayLightbox && (\n        <Lightbox\n          imageUrl={imageUrl}\n          alt={alt}\n          priority={priority}\n          closeModal={toggleLightbox}\n          caption={caption}\n          imgWrapperProps={lightboxImgProps}\n          name={metaTitle || name}\n          {...otherProps}\n        />\n      )}\n    </>\n  );\n};\n\nImageRender.propTypes = {\n  displayLightbox: PropTypes.bool.isRequired,\n  enableLightbox: PropTypes.bool.isRequired,\n  alt: PropTypes.string,\n  caption: PropTypes.string,\n  imageUrl: PropTypes.string.isRequired,\n  name: PropTypes.string,\n  heroModifier: PropTypes.string,\n  metaTitle: PropTypes.string,\n  handleEnableLightbox: PropTypes.func.isRequired,\n  toggleLightbox: PropTypes.func.isRequired,\n  lightboxImgProps: PropTypes.object.isRequired,\n  style: PropTypes.object,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  sizeKey: PropTypes.string\n};\n\nImageRender.defaultProps = {\n  name: '',\n  metaTitle: '',\n  heroModifier: '',\n  alt: '',\n  caption: '',\n  isHero: false,\n  priority: false,\n  style: {},\n  sizeKey: ''\n};\n\nexport default ImageRender;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,WAAjB;AACA,SAASC,eAAT,QAAgC,4BAAhC;AACA,OAAOC,QAAP,MAAqB,YAArB;;AAEA,MAAMC,WAAW,GAAG,QAiBd;EAAA,IAjBe;IACnBC,GADmB;IAEnBC,QAFmB;IAGnBC,oBAHmB;IAInBC,cAJmB;IAKnBC,eALmB;IAMnBC,cANmB;IAOnBC,OAPmB;IAQnBC,gBARmB;IASnBC,IATmB;IAUnBC,SAVmB;IAWnBC,YAXmB;IAYnBC,KAZmB;IAanBC,MAbmB;IAcnBC,QAdmB;IAenBC;EAfmB,CAiBf;EAAA,IADDC,UACC;;EACJ,MAAMC,UAAU,GAAGX,cAAc,GAAG;IAAEY,MAAM,EAAE;EAAV,CAAH,GAA2BN,KAA5D;EACA,MAAMO,aAAa,GAAGL,QAAQ,GAAGjB,IAAH,GAAU,IAAxC;EAEA,oBACE,uDACE,oBAAC,eAAD;IACE,OAAO,EAAEkB,OADX;IAEE,GAAG,EAAEd,GAFP;IAGE,GAAG,EAAEC,QAHP;IAIE,OAAO,EAAEC,oBAJX;IAKE,KAAK,EAAEc,UALT;IAME,aAAa,EAAEE;EANjB,EADF,EASGd,eAAe,iBACd,oBAAC,QAAD;IACE,QAAQ,EAAEH,QADZ;IAEE,GAAG,EAAED,GAFP;IAGE,QAAQ,EAAEa,QAHZ;IAIE,UAAU,EAAEV,cAJd;IAKE,OAAO,EAAEG,OALX;IAME,eAAe,EAAEC,gBANnB;IAOE,IAAI,EAAEE,SAAS,IAAID;EAPrB,GAQMO,UARN,EAVJ,CADF;AAwBD,CA7CD;;AA+CAhB,WAAW,CAACoB,SAAZ,GAAwB;EACtBf,eAAe,EAAET,SAAS,CAACyB,IAAV,CAAeC,UADV;EAEtBhB,cAAc,EAAEV,SAAS,CAACyB,IAAV,CAAeC,UAFT;EAGtBrB,GAAG,EAAEL,SAAS,CAAC2B,MAHO;EAItBhB,OAAO,EAAEX,SAAS,CAAC2B,MAJG;EAKtBrB,QAAQ,EAAEN,SAAS,CAAC2B,MAAV,CAAiBD,UALL;EAMtBb,IAAI,EAAEb,SAAS,CAAC2B,MANM;EAOtBZ,YAAY,EAAEf,SAAS,CAAC2B,MAPF;EAQtBb,SAAS,EAAEd,SAAS,CAAC2B,MARC;EAStBpB,oBAAoB,EAAEP,SAAS,CAAC4B,IAAV,CAAeF,UATf;EAUtBlB,cAAc,EAAER,SAAS,CAAC4B,IAAV,CAAeF,UAVT;EAWtBd,gBAAgB,EAAEZ,SAAS,CAAC6B,MAAV,CAAiBH,UAXb;EAYtBV,KAAK,EAAEhB,SAAS,CAAC6B,MAZK;EAatBZ,MAAM,EAAEjB,SAAS,CAACyB,IAbI;EActBP,QAAQ,EAAElB,SAAS,CAACyB,IAdE;EAetBN,OAAO,EAAEnB,SAAS,CAAC2B;AAfG,CAAxB;AAkBAvB,WAAW,CAAC0B,YAAZ,GAA2B;EACzBjB,IAAI,EAAE,EADmB;EAEzBC,SAAS,EAAE,EAFc;EAGzBC,YAAY,EAAE,EAHW;EAIzBV,GAAG,EAAE,EAJoB;EAKzBM,OAAO,EAAE,EALgB;EAMzBM,MAAM,EAAE,KANiB;EAOzBC,QAAQ,EAAE,KAPe;EAQzBF,KAAK,EAAE,EARkB;EASzBG,OAAO,EAAE;AATgB,CAA3B;AAYA,eAAef,WAAf"}

package/lib-es/components/ItemList/ItemListButton/ItemListButton.js

@@ -0,0 +1,111 @@
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { BsBookmarkStarFill, BsBookmarkCheckFill, BsBookmarkStar, BsBookmarkXFill } from 'react-icons/bs';
+import { useQuery, useMutation } from '@apollo/client';
+import { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';
+import { getItemListData, setItemListId } from '../helpers';
+import { useItemListId } from '../hooks';
+
+const ItemListButton = ({
+  listName,
+  parent,
+  modifier
+}) => {
+  const {
+    itemId,
+    itemEntity
+  } = parent;
+  const [isHover, setIsHover] = useState(false);
+  const {
+    listId
+  } = useItemListId({
+    listName
+  });
+
+  const getIcon = () => {
+    if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;
+    return isHover ? BsBookmarkStarFill : BsBookmarkStar;
+  };
+
+  const {
+    data,
+    error,
+    loading
+  } = useQuery(getItemList, {
+    variables: {
+      id: listId
+    },
+    skip: !listId
+  });
+  const [addListItem] = useMutation(addItemsToList, {
+    onCompleted: ({
+      addItemsToList: listAddResult
+    }) => {
+      const {
+        result: {
+          id
+        }
+      } = listAddResult;
+
+      if (!listId) {
+        setItemListId(listName, id);
+      }
+    }
+  });
+  const [removeListItem] = useMutation(removeItemsFromList);
+
+  const clickHandler = () => {
+    setIsHover(false);
+    isInList ? removeListItem({
+      variables: {
+        listId,
+        listItems: [{
+          itemId,
+          itemEntity
+        }]
+      },
+      skip: !listId
+    }) : addListItem({
+      variables: {
+        name: listName,
+        id: listId,
+        listItems: [{
+          itemId,
+          itemEntity
+        }]
+      },
+      skip: !listId
+    });
+  };
+
+  if (loading) return '';
+  if (error) return error.message;
+  const listItems = getItemListData(data);
+  const isInList = !!listItems.find(({
+    itemId: idToCheck,
+    itemEntity: entityToCheck
+  }) => idToCheck === itemId && entityToCheck === itemEntity);
+  const Icon = getIcon();
+  const stateClassName = isInList ? 'item-list-button--selected' : '';
+  const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');
+  return /*#__PURE__*/React.createElement("div", {
+    className: className,
+    role: "button",
+    onClick: clickHandler,
+    onMouseEnter: () => setIsHover(true),
+    onMouseLeave: () => setIsHover(false)
+  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(Icon, null)));
+};
+
+ItemListButton.propTypes = {
+  parent: PropTypes.object,
+  listName: PropTypes.string,
+  modifier: PropTypes.string
+};
+ItemListButton.defaultProps = {
+  parent: {},
+  listName: '',
+  modifier: ''
+};
+export default ItemListButton;
+//# sourceMappingURL=ItemListButton.js.map

package/lib-es/components/ItemList/ItemListButton/ItemListButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListButton.js","names":["React","useState","PropTypes","BsBookmarkStarFill","BsBookmarkCheckFill","BsBookmarkStar","BsBookmarkXFill","useQuery","useMutation","getItemList","addItemsToList","removeItemsFromList","getItemListData","setItemListId","useItemListId","ItemListButton","listName","parent","modifier","itemId","itemEntity","isHover","setIsHover","listId","getIcon","isInList","data","error","loading","variables","id","skip","addListItem","onCompleted","listAddResult","result","removeListItem","clickHandler","listItems","name","message","find","idToCheck","entityToCheck","Icon","stateClassName","className","filter","Boolean","join","propTypes","object","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  BsBookmarkStarFill,\n  BsBookmarkCheckFill,\n  BsBookmarkStar,\n  BsBookmarkXFill\n} from 'react-icons/bs';\nimport { useQuery, useMutation } from '@apollo/client';\nimport { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';\nimport { getItemListData, setItemListId } from '../helpers';\nimport { useItemListId } from '../hooks';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n  const { itemId, itemEntity } = parent;\n  const [isHover, setIsHover] = useState(false);\n  const { listId } = useItemListId({ listName });\n\n  const getIcon = () => {\n    if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;\n    return isHover ? BsBookmarkStarFill : BsBookmarkStar;\n  };\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  const [addListItem] = useMutation(addItemsToList, {\n    onCompleted: ({ addItemsToList: listAddResult }) => {\n      const {\n        result: { id }\n      } = listAddResult;\n\n      if (!listId) {\n        setItemListId(listName, id);\n      }\n    }\n  });\n\n  const [removeListItem] = useMutation(removeItemsFromList);\n\n  const clickHandler = () => {\n    setIsHover(false);\n    isInList\n      ? removeListItem({\n          variables: { listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        })\n      : addListItem({\n          variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        });\n  };\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const isInList = !!listItems.find(\n    ({ itemId: idToCheck, itemEntity: entityToCheck }) =>\n      idToCheck === itemId && entityToCheck === itemEntity\n  );\n  const Icon = getIcon();\n  const stateClassName = isInList ? 'item-list-button--selected' : '';\n  const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');\n\n  return (\n    <div\n      className={className}\n      role=\"button\"\n      onClick={clickHandler}\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}>\n      <i>\n        <Icon />\n      </i>\n    </div>\n  );\n};\n\nItemListButton.propTypes = {\n  parent: PropTypes.object,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListButton.defaultProps = {\n  parent: {},\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListButton;\n"],"mappings":"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"}

package/lib-es/components/ItemList/ItemListButton/index.js

@@ -0,0 +1,3 @@
+import ItemListButton from './ItemListButton';
+export default ItemListButton;
+//# sourceMappingURL=index.js.map

package/lib-es/components/ItemList/ItemListButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ItemListButton"],"sources":["../../../../src/components/ItemList/ItemListButton/index.js"],"sourcesContent":["import ItemListButton from './ItemListButton';\n\nexport default ItemListButton;\n"],"mappings":"AAAA,OAAOA,cAAP,MAA2B,kBAA3B;AAEA,eAAeA,cAAf"}

package/lib-es/components/ItemList/ItemListCounter/ItemListCounter.js

@@ -0,0 +1,60 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useRouter } from 'next/router';
+import { useQuery } from '@apollo/client';
+import { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';
+import { getItemList } from '../../../application/query';
+import { useItemListId } from '../hooks';
+import { getItemListData } from '../helpers';
+
+const ItemListCounter = ({
+  listName,
+  modifier,
+  url
+}) => {
+  const router = useRouter();
+  const {
+    listId
+  } = useItemListId({
+    listName
+  });
+  const {
+    data,
+    error,
+    loading
+  } = useQuery(getItemList, {
+    variables: {
+      id: listId
+    },
+    skip: !listId
+  });
+  if (loading) return '';
+  if (error) return error.message;
+  const listItems = getItemListData(data);
+  const listLength = listItems.length;
+  const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;
+
+  const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);
+
+  return /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    type: "button",
+    className: `item-list-counter ${modifier}`,
+    onClick: handleClick
+  }, /*#__PURE__*/React.createElement(CounterIcon, null), /*#__PURE__*/React.createElement("span", {
+    className: "item-list-counter__badge"
+  }, listLength));
+};
+
+ItemListCounter.propTypes = {
+  url: PropTypes.string,
+  listName: PropTypes.string,
+  modifier: PropTypes.string
+};
+ItemListCounter.defaultProps = {
+  url: '',
+  listName: '',
+  modifier: ''
+};
+export default ItemListCounter;
+//# sourceMappingURL=ItemListCounter.js.map

package/lib-es/components/ItemList/ItemListCounter/ItemListCounter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListCounter.js","names":["React","PropTypes","useRouter","useQuery","BsBookmarkStarFill","BsBookmarkStar","getItemList","useItemListId","getItemListData","ItemListCounter","listName","modifier","url","router","listId","data","error","loading","variables","id","skip","message","listItems","listLength","length","CounterIcon","handleClick","push","propTypes","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData } from '../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n  const router = useRouter();\n  const { listId } = useItemListId({ listName });\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const listLength = listItems.length;\n  const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;\n\n  const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);\n\n  return (\n    <div\n      role=\"button\"\n      type=\"button\"\n      className={`item-list-counter ${modifier}`}\n      onClick={handleClick}>\n      <CounterIcon />\n      <span className=\"item-list-counter__badge\">{listLength}</span>\n    </div>\n  );\n};\n\nItemListCounter.propTypes = {\n  url: PropTypes.string,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListCounter.defaultProps = {\n  url: '',\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListCounter;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,QAAT,QAAyB,gBAAzB;AACA,SAASC,kBAAT,EAA6BC,cAA7B,QAAmD,gBAAnD;AACA,SAASC,WAAT,QAA4B,4BAA5B;AACA,SAASC,aAAT,QAA8B,UAA9B;AACA,SAASC,eAAT,QAAgC,YAAhC;;AAEA,MAAMC,eAAe,GAAG,CAAC;EAAEC,QAAF;EAAYC,QAAZ;EAAsBC;AAAtB,CAAD,KAAiC;EACvD,MAAMC,MAAM,GAAGX,SAAS,EAAxB;EACA,MAAM;IAAEY;EAAF,IAAaP,aAAa,CAAC;IAAEG;EAAF,CAAD,CAAhC;EAEA,MAAM;IAAEK,IAAF;IAAQC,KAAR;IAAeC;EAAf,IAA2Bd,QAAQ,CAACG,WAAD,EAAc;IACrDY,SAAS,EAAE;MAAEC,EAAE,EAAEL;IAAN,CAD0C;IAErDM,IAAI,EAAE,CAACN;EAF8C,CAAd,CAAzC;EAKA,IAAIG,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACK,OAAb;EAEX,MAAMC,SAAS,GAAGd,eAAe,CAACO,IAAD,CAAjC;EACA,MAAMQ,UAAU,GAAGD,SAAS,CAACE,MAA7B;EACA,MAAMC,WAAW,GAAGF,UAAU,GAAGnB,kBAAH,GAAwBC,cAAtD;;EAEA,MAAMqB,WAAW,GAAG,MAAMb,MAAM,CAACc,IAAP,CAAY,WAAZ,EAA0B,GAAEf,GAAI,eAAcE,MAAO,EAArD,CAA1B;;EAEA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,EAAG,qBAAoBH,QAAS,EAH3C;IAIE,OAAO,EAAEe;EAJX,gBAKE,oBAAC,WAAD,OALF,eAME;IAAM,SAAS,EAAC;EAAhB,GAA4CH,UAA5C,CANF,CADF;AAUD,CA5BD;;AA8BAd,eAAe,CAACmB,SAAhB,GAA4B;EAC1BhB,GAAG,EAAEX,SAAS,CAAC4B,MADW;EAE1BnB,QAAQ,EAAET,SAAS,CAAC4B,MAFM;EAG1BlB,QAAQ,EAAEV,SAAS,CAAC4B;AAHM,CAA5B;AAMApB,eAAe,CAACqB,YAAhB,GAA+B;EAC7BlB,GAAG,EAAE,EADwB;EAE7BF,QAAQ,EAAE,EAFmB;EAG7BC,QAAQ,EAAE;AAHmB,CAA/B;AAMA,eAAeF,eAAf"}

package/lib-es/components/ItemList/ItemListCounter/index.js

@@ -0,0 +1,3 @@
+import ItemListCounter from './ItemListCounter';
+export default ItemListCounter;
+//# sourceMappingURL=index.js.map

package/lib-es/components/ItemList/ItemListCounter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ItemListCounter"],"sources":["../../../../src/components/ItemList/ItemListCounter/index.js"],"sourcesContent":["import ItemListCounter from './ItemListCounter';\n\nexport default ItemListCounter;\n"],"mappings":"AAAA,OAAOA,eAAP,MAA4B,mBAA5B;AAEA,eAAeA,eAAf"}

package/lib-es/components/ItemList/ItemListNew/ItemListNew.js

@@ -0,0 +1,64 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useRouter } from 'next/router';
+import { useQuery } from '@apollo/client';
+import BlazeButton from '@blaze-react/button';
+import { parseUrl } from 'query-string';
+import { getItemList } from '../../../application/query';
+import { useItemListId } from '../hooks';
+import { getItemListData, setItemListId, setParamAndRedirect } from '../helpers';
+import { LIST_ITEM_QUERY_PARAM } from '../constants';
+
+const ItemListNew = ({
+  listName,
+  modifier,
+  text
+}) => {
+  const router = useRouter();
+  const {
+    query: {
+      [LIST_ITEM_QUERY_PARAM]: listItemId
+    } = {}
+  } = parseUrl(router.asPath);
+  const {
+    listId
+  } = useItemListId({
+    listName
+  });
+  const listIdToUse = listItemId || listId;
+  const {
+    data,
+    error,
+    loading
+  } = useQuery(getItemList, {
+    variables: {
+      id: listIdToUse
+    },
+    skip: !listIdToUse
+  });
+  if (loading) return '';
+  if (error) return error.message;
+  const listItems = getItemListData(data);
+  if (!listItems.length) return '';
+
+  const handleClick = () => {
+    setItemListId(listName, '');
+    setParamAndRedirect(router);
+  };
+
+  return /*#__PURE__*/React.createElement(BlazeButton, {
+    className: `item-list-new ${modifier}`,
+    onClick: handleClick
+  }, text);
+};
+
+ItemListNew.propTypes = {
+  listName: PropTypes.string.isRequired,
+  modifier: PropTypes.string,
+  text: PropTypes.string.isRequired
+};
+ItemListNew.defaultProps = {
+  modifier: ''
+};
+export default ItemListNew;
+//# sourceMappingURL=ItemListNew.js.map

package/lib-es/components/ItemList/ItemListNew/ItemListNew.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListNew.js","names":["React","PropTypes","useRouter","useQuery","BlazeButton","parseUrl","getItemList","useItemListId","getItemListData","setItemListId","setParamAndRedirect","LIST_ITEM_QUERY_PARAM","ItemListNew","listName","modifier","text","router","query","listItemId","asPath","listId","listIdToUse","data","error","loading","variables","id","skip","message","listItems","length","handleClick","propTypes","string","isRequired","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListNew/ItemListNew.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport BlazeButton from '@blaze-react/button';\nimport { parseUrl } from 'query-string';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData, setItemListId, setParamAndRedirect } from '../helpers';\nimport { LIST_ITEM_QUERY_PARAM } from '../constants';\n\nconst ItemListNew = ({ listName, modifier, text }) => {\n  const router = useRouter();\n  const { query: { [LIST_ITEM_QUERY_PARAM]: listItemId } = {} } = parseUrl(router.asPath);\n\n  const { listId } = useItemListId({ listName });\n  const listIdToUse = listItemId || listId;\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listIdToUse },\n    skip: !listIdToUse\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  if (!listItems.length) return '';\n\n  const handleClick = () => {\n    setItemListId(listName, '');\n    setParamAndRedirect(router);\n  };\n\n  return (\n    <BlazeButton className={`item-list-new ${modifier}`} onClick={handleClick}>\n      {text}\n    </BlazeButton>\n  );\n};\n\nItemListNew.propTypes = {\n  listName: PropTypes.string.isRequired,\n  modifier: PropTypes.string,\n  text: PropTypes.string.isRequired\n};\n\nItemListNew.defaultProps = {\n  modifier: ''\n};\n\nexport default ItemListNew;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,SAAT,QAA0B,aAA1B;AACA,SAASC,QAAT,QAAyB,gBAAzB;AACA,OAAOC,WAAP,MAAwB,qBAAxB;AACA,SAASC,QAAT,QAAyB,cAAzB;AACA,SAASC,WAAT,QAA4B,4BAA5B;AACA,SAASC,aAAT,QAA8B,UAA9B;AACA,SAASC,eAAT,EAA0BC,aAA1B,EAAyCC,mBAAzC,QAAoE,YAApE;AACA,SAASC,qBAAT,QAAsC,cAAtC;;AAEA,MAAMC,WAAW,GAAG,CAAC;EAAEC,QAAF;EAAYC,QAAZ;EAAsBC;AAAtB,CAAD,KAAkC;EACpD,MAAMC,MAAM,GAAGd,SAAS,EAAxB;EACA,MAAM;IAAEe,KAAK,EAAE;MAAE,CAACN,qBAAD,GAAyBO;IAA3B,IAA0C;EAAnD,IAA0Db,QAAQ,CAACW,MAAM,CAACG,MAAR,CAAxE;EAEA,MAAM;IAAEC;EAAF,IAAab,aAAa,CAAC;IAAEM;EAAF,CAAD,CAAhC;EACA,MAAMQ,WAAW,GAAGH,UAAU,IAAIE,MAAlC;EACA,MAAM;IAAEE,IAAF;IAAQC,KAAR;IAAeC;EAAf,IAA2BrB,QAAQ,CAACG,WAAD,EAAc;IACrDmB,SAAS,EAAE;MAAEC,EAAE,EAAEL;IAAN,CAD0C;IAErDM,IAAI,EAAE,CAACN;EAF8C,CAAd,CAAzC;EAKA,IAAIG,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACK,OAAb;EAEX,MAAMC,SAAS,GAAGrB,eAAe,CAACc,IAAD,CAAjC;EACA,IAAI,CAACO,SAAS,CAACC,MAAf,EAAuB,OAAO,EAAP;;EAEvB,MAAMC,WAAW,GAAG,MAAM;IACxBtB,aAAa,CAACI,QAAD,EAAW,EAAX,CAAb;IACAH,mBAAmB,CAACM,MAAD,CAAnB;EACD,CAHD;;EAKA,oBACE,oBAAC,WAAD;IAAa,SAAS,EAAG,iBAAgBF,QAAS,EAAlD;IAAqD,OAAO,EAAEiB;EAA9D,GACGhB,IADH,CADF;AAKD,CA3BD;;AA6BAH,WAAW,CAACoB,SAAZ,GAAwB;EACtBnB,QAAQ,EAAEZ,SAAS,CAACgC,MAAV,CAAiBC,UADL;EAEtBpB,QAAQ,EAAEb,SAAS,CAACgC,MAFE;EAGtBlB,IAAI,EAAEd,SAAS,CAACgC,MAAV,CAAiBC;AAHD,CAAxB;AAMAtB,WAAW,CAACuB,YAAZ,GAA2B;EACzBrB,QAAQ,EAAE;AADe,CAA3B;AAIA,eAAeF,WAAf"}

package/lib-es/components/ItemList/ItemListNew/index.js

@@ -0,0 +1,3 @@
+import ItemListNew from './ItemListNew';
+export default ItemListNew;
+//# sourceMappingURL=index.js.map

package/lib-es/components/ItemList/ItemListNew/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["ItemListNew"],"sources":["../../../../src/components/ItemList/ItemListNew/index.js"],"sourcesContent":["import ItemListNew from './ItemListNew';\n\nexport default ItemListNew;\n"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,eAAxB;AAEA,eAAeA,WAAf"}

package/lib-es/components/ItemList/constants.js

@@ -0,0 +1,6 @@
+export const ITEM_LIST_BUTTON = 'itemlistbutton';
+export const ITEM_LIST_COUNTER = 'itemlistcounter';
+export const ITEM_LIST_NEW = 'itemlistnew';
+export const LIST_ITEM_LOCAL_KEY = 'blaze_item_list_';
+export const LIST_ITEM_QUERY_PARAM = 'itemListId';
+//# sourceMappingURL=constants.js.map

package/lib-es/components/ItemList/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["ITEM_LIST_BUTTON","ITEM_LIST_COUNTER","ITEM_LIST_NEW","LIST_ITEM_LOCAL_KEY","LIST_ITEM_QUERY_PARAM"],"sources":["../../../src/components/ItemList/constants.js"],"sourcesContent":["export const ITEM_LIST_BUTTON = 'itemlistbutton';\nexport const ITEM_LIST_COUNTER = 'itemlistcounter';\nexport const ITEM_LIST_NEW = 'itemlistnew';\nexport const LIST_ITEM_LOCAL_KEY = 'blaze_item_list_';\nexport const LIST_ITEM_QUERY_PARAM = 'itemListId';\n"],"mappings":"AAAA,OAAO,MAAMA,gBAAgB,GAAG,gBAAzB;AACP,OAAO,MAAMC,iBAAiB,GAAG,iBAA1B;AACP,OAAO,MAAMC,aAAa,GAAG,aAAtB;AACP,OAAO,MAAMC,mBAAmB,GAAG,kBAA5B;AACP,OAAO,MAAMC,qBAAqB,GAAG,YAA9B"}

package/lib-es/components/ItemList/helpers/get-item-list-data.js

@@ -0,0 +1,7 @@
+const getItemListData = data => {
+  if (data && data.getItemList && data.getItemList.listItems) return data.getItemList.listItems;
+  return [];
+};
+
+export default getItemListData;
+//# sourceMappingURL=get-item-list-data.js.map

package/lib-es/components/ItemList/helpers/get-item-list-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-item-list-data.js","names":["getItemListData","data","getItemList","listItems"],"sources":["../../../../src/components/ItemList/helpers/get-item-list-data.js"],"sourcesContent":["const getItemListData = data => {\n  if (data && data.getItemList && data.getItemList.listItems) return data.getItemList.listItems;\n  return [];\n};\n\nexport default getItemListData;\n"],"mappings":"AAAA,MAAMA,eAAe,GAAGC,IAAI,IAAI;EAC9B,IAAIA,IAAI,IAAIA,IAAI,CAACC,WAAb,IAA4BD,IAAI,CAACC,WAAL,CAAiBC,SAAjD,EAA4D,OAAOF,IAAI,CAACC,WAAL,CAAiBC,SAAxB;EAC5D,OAAO,EAAP;AACD,CAHD;;AAKA,eAAeH,eAAf"}

package/lib-es/components/ItemList/helpers/get-item-list-id.js

@@ -0,0 +1,11 @@
+import { LIST_ITEM_LOCAL_KEY } from '../constants';
+
+const getItemListId = (listName, queryId) => {
+  if (queryId) return queryId;
+  if (!listName || typeof localStorage === 'undefined') return '';
+  const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;
+  return localStorage.getItem(localListName) || '';
+};
+
+export default getItemListId;
+//# sourceMappingURL=get-item-list-id.js.map

package/lib-es/components/ItemList/helpers/get-item-list-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-item-list-id.js","names":["LIST_ITEM_LOCAL_KEY","getItemListId","listName","queryId","localStorage","localListName","getItem"],"sources":["../../../../src/components/ItemList/helpers/get-item-list-id.js"],"sourcesContent":["import { LIST_ITEM_LOCAL_KEY } from '../constants';\n\nconst getItemListId = (listName, queryId) => {\n  if (queryId) return queryId;\n  if (!listName || typeof localStorage === 'undefined') return '';\n\n  const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;\n  return localStorage.getItem(localListName) || '';\n};\n\nexport default getItemListId;\n"],"mappings":"AAAA,SAASA,mBAAT,QAAoC,cAApC;;AAEA,MAAMC,aAAa,GAAG,CAACC,QAAD,EAAWC,OAAX,KAAuB;EAC3C,IAAIA,OAAJ,EAAa,OAAOA,OAAP;EACb,IAAI,CAACD,QAAD,IAAa,OAAOE,YAAP,KAAwB,WAAzC,EAAsD,OAAO,EAAP;EAEtD,MAAMC,aAAa,GAAI,GAAEL,mBAAoB,GAAEE,QAAS,EAAxD;EACA,OAAOE,YAAY,CAACE,OAAb,CAAqBD,aAArB,KAAuC,EAA9C;AACD,CAND;;AAQA,eAAeJ,aAAf"}

package/lib-es/components/ItemList/helpers/get-item-list-ids.js

@@ -0,0 +1,13 @@
+import getItemListData from './get-item-list-data';
+
+const getItemListIds = data => {
+  const itemListElements = getItemListData(data);
+  return itemListElements.length ? itemListElements.map(({
+    itemId
+  }) => ({
+    displayItems: [itemId]
+  })) : null;
+};
+
+export default getItemListIds;
+//# sourceMappingURL=get-item-list-ids.js.map

package/lib-es/components/ItemList/helpers/get-item-list-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-item-list-ids.js","names":["getItemListData","getItemListIds","data","itemListElements","length","map","itemId","displayItems"],"sources":["../../../../src/components/ItemList/helpers/get-item-list-ids.js"],"sourcesContent":["import getItemListData from './get-item-list-data';\n\nconst getItemListIds = data => {\n  const itemListElements = getItemListData(data);\n  return itemListElements.length\n    ? itemListElements.map(({ itemId }) => ({ displayItems: [itemId] }))\n    : null;\n};\n\nexport default getItemListIds;\n"],"mappings":"AAAA,OAAOA,eAAP,MAA4B,sBAA5B;;AAEA,MAAMC,cAAc,GAAGC,IAAI,IAAI;EAC7B,MAAMC,gBAAgB,GAAGH,eAAe,CAACE,IAAD,CAAxC;EACA,OAAOC,gBAAgB,CAACC,MAAjB,GACHD,gBAAgB,CAACE,GAAjB,CAAqB,CAAC;IAAEC;EAAF,CAAD,MAAiB;IAAEC,YAAY,EAAE,CAACD,MAAD;EAAhB,CAAjB,CAArB,CADG,GAEH,IAFJ;AAGD,CALD;;AAOA,eAAeL,cAAf"}

package/lib-es/components/ItemList/helpers/index.js

@@ -0,0 +1,6 @@
+export { default as getItemListId } from './get-item-list-id';
+export { default as getItemListIds } from './get-item-list-ids';
+export { default as getItemListData } from './get-item-list-data';
+export { default as setItemListId } from './set-item-list-id';
+export { default as setParamAndRedirect } from './set-param-and-redirect';
+//# sourceMappingURL=index.js.map

package/lib-es/components/ItemList/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","getItemListId","getItemListIds","getItemListData","setItemListId","setParamAndRedirect"],"sources":["../../../../src/components/ItemList/helpers/index.js"],"sourcesContent":["export { default as getItemListId } from './get-item-list-id';\nexport { default as getItemListIds } from './get-item-list-ids';\nexport { default as getItemListData } from './get-item-list-data';\nexport { default as setItemListId } from './set-item-list-id';\nexport { default as setParamAndRedirect } from './set-param-and-redirect';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAApB,QAAyC,oBAAzC;AACA,SAASD,OAAO,IAAIE,cAApB,QAA0C,qBAA1C;AACA,SAASF,OAAO,IAAIG,eAApB,QAA2C,sBAA3C;AACA,SAASH,OAAO,IAAII,aAApB,QAAyC,oBAAzC;AACA,SAASJ,OAAO,IAAIK,mBAApB,QAA+C,0BAA/C"}

package/lib-es/components/ItemList/helpers/set-item-list-id.js

@@ -0,0 +1,10 @@
+import { LIST_ITEM_LOCAL_KEY } from '../constants';
+
+const setItemListId = (listName, id) => {
+  const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;
+  localStorage.setItem(localListName, id);
+  window.dispatchEvent(new Event('storage'));
+};
+
+export default setItemListId;
+//# sourceMappingURL=set-item-list-id.js.map

package/lib-es/components/ItemList/helpers/set-item-list-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-item-list-id.js","names":["LIST_ITEM_LOCAL_KEY","setItemListId","listName","id","localListName","localStorage","setItem","window","dispatchEvent","Event"],"sources":["../../../../src/components/ItemList/helpers/set-item-list-id.js"],"sourcesContent":["import { LIST_ITEM_LOCAL_KEY } from '../constants';\n\nconst setItemListId = (listName, id) => {\n  const localListName = `${LIST_ITEM_LOCAL_KEY}${listName}`;\n  localStorage.setItem(localListName, id);\n  window.dispatchEvent(new Event('storage'));\n};\n\nexport default setItemListId;\n"],"mappings":"AAAA,SAASA,mBAAT,QAAoC,cAApC;;AAEA,MAAMC,aAAa,GAAG,CAACC,QAAD,EAAWC,EAAX,KAAkB;EACtC,MAAMC,aAAa,GAAI,GAAEJ,mBAAoB,GAAEE,QAAS,EAAxD;EACAG,YAAY,CAACC,OAAb,CAAqBF,aAArB,EAAoCD,EAApC;EACAI,MAAM,CAACC,aAAP,CAAqB,IAAIC,KAAJ,CAAU,SAAV,CAArB;AACD,CAJD;;AAMA,eAAeR,aAAf"}

package/lib-es/components/ItemList/helpers/set-param-and-redirect.js

@@ -0,0 +1,20 @@
+import { LIST_ITEM_QUERY_PARAM } from '../constants';
+const placeholderBase = 'https://blazecms.app'; // placeholder for URL, removed later
+
+const setParamAndRedirect = (router, value) => {
+  const currentUrl = new URL(router.asPath, placeholderBase);
+
+  if (value) {
+    currentUrl.searchParams.set(LIST_ITEM_QUERY_PARAM, value);
+  } else if (!currentUrl.searchParams.get(LIST_ITEM_QUERY_PARAM)) return;else {
+    currentUrl.searchParams.delete(LIST_ITEM_QUERY_PARAM);
+  }
+
+  const newUrl = currentUrl.toString().replace(placeholderBase, '');
+  router.push('/Resolver', newUrl, {
+    shallow: true
+  });
+};
+
+export default setParamAndRedirect;
+//# sourceMappingURL=set-param-and-redirect.js.map

package/lib-es/components/ItemList/helpers/set-param-and-redirect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-param-and-redirect.js","names":["LIST_ITEM_QUERY_PARAM","placeholderBase","setParamAndRedirect","router","value","currentUrl","URL","asPath","searchParams","set","get","delete","newUrl","toString","replace","push","shallow"],"sources":["../../../../src/components/ItemList/helpers/set-param-and-redirect.js"],"sourcesContent":["import { LIST_ITEM_QUERY_PARAM } from '../constants';\n\nconst placeholderBase = 'https://blazecms.app'; // placeholder for URL, removed later\n\nconst setParamAndRedirect = (router, value) => {\n  const currentUrl = new URL(router.asPath, placeholderBase);\n  if (value) {\n    currentUrl.searchParams.set(LIST_ITEM_QUERY_PARAM, value);\n  } else if (!currentUrl.searchParams.get(LIST_ITEM_QUERY_PARAM)) return;\n  else {\n    currentUrl.searchParams.delete(LIST_ITEM_QUERY_PARAM);\n  }\n\n  const newUrl = currentUrl.toString().replace(placeholderBase, '');\n  router.push('/Resolver', newUrl, {\n    shallow: true\n  });\n};\n\nexport default setParamAndRedirect;\n"],"mappings":"AAAA,SAASA,qBAAT,QAAsC,cAAtC;AAEA,MAAMC,eAAe,GAAG,sBAAxB,C,CAAgD;;AAEhD,MAAMC,mBAAmB,GAAG,CAACC,MAAD,EAASC,KAAT,KAAmB;EAC7C,MAAMC,UAAU,GAAG,IAAIC,GAAJ,CAAQH,MAAM,CAACI,MAAf,EAAuBN,eAAvB,CAAnB;;EACA,IAAIG,KAAJ,EAAW;IACTC,UAAU,CAACG,YAAX,CAAwBC,GAAxB,CAA4BT,qBAA5B,EAAmDI,KAAnD;EACD,CAFD,MAEO,IAAI,CAACC,UAAU,CAACG,YAAX,CAAwBE,GAAxB,CAA4BV,qBAA5B,CAAL,EAAyD,OAAzD,KACF;IACHK,UAAU,CAACG,YAAX,CAAwBG,MAAxB,CAA+BX,qBAA/B;EACD;;EAED,MAAMY,MAAM,GAAGP,UAAU,CAACQ,QAAX,GAAsBC,OAAtB,CAA8Bb,eAA9B,EAA+C,EAA/C,CAAf;EACAE,MAAM,CAACY,IAAP,CAAY,WAAZ,EAAyBH,MAAzB,EAAiC;IAC/BI,OAAO,EAAE;EADsB,CAAjC;AAGD,CAbD;;AAeA,eAAed,mBAAf"}

package/lib-es/components/ItemList/hooks/index.js

@@ -0,0 +1,2 @@
+export { default as useItemListId } from './use-item-list-id';
+//# sourceMappingURL=index.js.map

package/lib-es/components/ItemList/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","useItemListId"],"sources":["../../../../src/components/ItemList/hooks/index.js"],"sourcesContent":["export { default as useItemListId } from './use-item-list-id';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,aAApB,QAAyC,oBAAzC"}

package/lib-es/components/ItemList/hooks/use-item-list-id.js

@@ -0,0 +1,26 @@
+import { useState, useEffect } from 'react';
+import { getItemListId } from '../helpers';
+
+const useItemListId = ({
+  listName
+}) => {
+  const idFromStorage = getItemListId(listName);
+  const [listId, setListId] = useState(idFromStorage);
+  useEffect(() => {
+    const storageEventHandler = () => {
+      const newId = getItemListId(listName);
+      setListId(newId);
+    };
+
+    window.addEventListener('storage', storageEventHandler);
+    return () => {
+      window.removeEventListener('storage', storageEventHandler);
+    };
+  }, [listName]);
+  return {
+    listId
+  };
+};
+
+export default useItemListId;
+//# sourceMappingURL=use-item-list-id.js.map

package/lib-es/components/ItemList/hooks/use-item-list-id.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-item-list-id.js","names":["useState","useEffect","getItemListId","useItemListId","listName","idFromStorage","listId","setListId","storageEventHandler","newId","window","addEventListener","removeEventListener"],"sources":["../../../../src/components/ItemList/hooks/use-item-list-id.js"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { getItemListId } from '../helpers';\n\nconst useItemListId = ({ listName }) => {\n  const idFromStorage = getItemListId(listName);\n  const [listId, setListId] = useState(idFromStorage);\n\n  useEffect(\n    () => {\n      const storageEventHandler = () => {\n        const newId = getItemListId(listName);\n        setListId(newId);\n      };\n\n      window.addEventListener('storage', storageEventHandler);\n\n      return () => {\n        window.removeEventListener('storage', storageEventHandler);\n      };\n    },\n    [listName]\n  );\n\n  return { listId };\n};\n\nexport default useItemListId;\n"],"mappings":"AAAA,SAASA,QAAT,EAAmBC,SAAnB,QAAoC,OAApC;AACA,SAASC,aAAT,QAA8B,YAA9B;;AAEA,MAAMC,aAAa,GAAG,CAAC;EAAEC;AAAF,CAAD,KAAkB;EACtC,MAAMC,aAAa,GAAGH,aAAa,CAACE,QAAD,CAAnC;EACA,MAAM,CAACE,MAAD,EAASC,SAAT,IAAsBP,QAAQ,CAACK,aAAD,CAApC;EAEAJ,SAAS,CACP,MAAM;IACJ,MAAMO,mBAAmB,GAAG,MAAM;MAChC,MAAMC,KAAK,GAAGP,aAAa,CAACE,QAAD,CAA3B;MACAG,SAAS,CAACE,KAAD,CAAT;IACD,CAHD;;IAKAC,MAAM,CAACC,gBAAP,CAAwB,SAAxB,EAAmCH,mBAAnC;IAEA,OAAO,MAAM;MACXE,MAAM,CAACE,mBAAP,CAA2B,SAA3B,EAAsCJ,mBAAtC;IACD,CAFD;EAGD,CAZM,EAaP,CAACJ,QAAD,CAbO,CAAT;EAgBA,OAAO;IAAEE;EAAF,CAAP;AACD,CArBD;;AAuBA,eAAeH,aAAf"}

package/lib-es/components/LazyImage/LazyImage.js

@@ -4,6 +4,7 @@ const _excluded = ["src", "alt", "sizeKey", "priority"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import { ResponsiveImage } from '@blaze-cms/image-cdn-react';
+import Head from 'next/head';
 import { useInView } from '@blaze-react/utils/lib/customHooks';
 import { IN_VIEW_CONFIG } from '../../constants';
 
@@ -18,12 +19,14 @@ const LazyImage = _ref => {
 
   const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);
   const shouldRender = priority || isIntersecting;
+  const HeadComponent = priority ? Head : null;
   return /*#__PURE__*/React.createElement("span", {
     ref: outerRef
   }, shouldRender && /*#__PURE__*/React.createElement(ResponsiveImage, _extends({
     src: src,
     alt: alt,
-    sizeKey: sizeKey
+    sizeKey: sizeKey,
+    HeadComponent: HeadComponent
   }, props)));
 };
 

package/lib-es/components/LazyImage/LazyImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LazyImage.js","names":["React","PropTypes","ResponsiveImage","useInView","IN_VIEW_CONFIG","LazyImage","src","alt","sizeKey","priority","props","isIntersecting","outerRef","shouldRender","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../src/components/LazyImage/LazyImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { IN_VIEW_CONFIG } from '../../constants';\n\nconst LazyImage = ({ src, alt, sizeKey, priority, ...props }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n\n  return (\n    <span ref={outerRef}>\n      {shouldRender && <ResponsiveImage src={src} alt={alt} sizeKey={sizeKey} {...props} />}\n    </span>\n  );\n};\n\nLazyImage.propTypes = {\n  src: PropTypes.string.isRequired,\n  alt: PropTypes.string,\n  sizeKey: PropTypes.string.isRequired,\n  priority: PropTypes.bool\n};\n\nLazyImage.defaultProps = {\n  alt: '',\n  priority: false\n};\n\nexport default LazyImage;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,QAAgC,4BAAhC;AACA,SAASC,SAAT,QAA0B,oCAA1B;AACA,SAASC,cAAT,QAA+B,iBAA/B;;AAEA,MAAMC,SAAS,GAAG,QAA+C;EAAA,IAA9C;IAAEC,GAAF;IAAOC,GAAP;IAAYC,OAAZ;IAAqBC;EAArB,CAA8C;EAAA,IAAZC,KAAY;;EAC/D,MAAM,CAACC,cAAD,EAAiBC,QAAjB,IAA6BT,SAAS,CAACC,cAAD,CAA5C;EACA,MAAMS,YAAY,GAAGJ,QAAQ,IAAIE,cAAjC;EAEA,oBACE;IAAM,GAAG,EAAEC;EAAX,GACGC,YAAY,iBAAI,oBAAC,eAAD;IAAiB,GAAG,EAAEP,GAAtB;IAA2B,GAAG,EAAEC,GAAhC;IAAqC,OAAO,EAAEC;EAA9C,GAA2DE,KAA3D,EADnB,CADF;AAKD,CATD;;AAWAL,SAAS,CAACS,SAAV,GAAsB;EACpBR,GAAG,EAAEL,SAAS,CAACc,MAAV,CAAiBC,UADF;EAEpBT,GAAG,EAAEN,SAAS,CAACc,MAFK;EAGpBP,OAAO,EAAEP,SAAS,CAACc,MAAV,CAAiBC,UAHN;EAIpBP,QAAQ,EAAER,SAAS,CAACgB;AAJA,CAAtB;AAOAZ,SAAS,CAACa,YAAV,GAAyB;EACvBX,GAAG,EAAE,EADkB;EAEvBE,QAAQ,EAAE;AAFa,CAAzB;AAKA,eAAeJ,SAAf"}
+{"version":3,"file":"LazyImage.js","names":["React","PropTypes","ResponsiveImage","Head","useInView","IN_VIEW_CONFIG","LazyImage","src","alt","sizeKey","priority","props","isIntersecting","outerRef","shouldRender","HeadComponent","propTypes","string","isRequired","bool","defaultProps"],"sources":["../../../src/components/LazyImage/LazyImage.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport Head from 'next/head';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { IN_VIEW_CONFIG } from '../../constants';\n\nconst LazyImage = ({ src, alt, sizeKey, priority, ...props }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const shouldRender = priority || isIntersecting;\n  const HeadComponent = priority ? Head : null;\n\n  return (\n    <span ref={outerRef}>\n      {shouldRender && (\n        <ResponsiveImage\n          src={src}\n          alt={alt}\n          sizeKey={sizeKey}\n          HeadComponent={HeadComponent}\n          {...props}\n        />\n      )}\n    </span>\n  );\n};\n\nLazyImage.propTypes = {\n  src: PropTypes.string.isRequired,\n  alt: PropTypes.string,\n  sizeKey: PropTypes.string.isRequired,\n  priority: PropTypes.bool\n};\n\nLazyImage.defaultProps = {\n  alt: '',\n  priority: false\n};\n\nexport default LazyImage;\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,eAAT,QAAgC,4BAAhC;AACA,OAAOC,IAAP,MAAiB,WAAjB;AACA,SAASC,SAAT,QAA0B,oCAA1B;AACA,SAASC,cAAT,QAA+B,iBAA/B;;AAEA,MAAMC,SAAS,GAAG,QAA+C;EAAA,IAA9C;IAAEC,GAAF;IAAOC,GAAP;IAAYC,OAAZ;IAAqBC;EAArB,CAA8C;EAAA,IAAZC,KAAY;;EAC/D,MAAM,CAACC,cAAD,EAAiBC,QAAjB,IAA6BT,SAAS,CAACC,cAAD,CAA5C;EACA,MAAMS,YAAY,GAAGJ,QAAQ,IAAIE,cAAjC;EACA,MAAMG,aAAa,GAAGL,QAAQ,GAAGP,IAAH,GAAU,IAAxC;EAEA,oBACE;IAAM,GAAG,EAAEU;EAAX,GACGC,YAAY,iBACX,oBAAC,eAAD;IACE,GAAG,EAAEP,GADP;IAEE,GAAG,EAAEC,GAFP;IAGE,OAAO,EAAEC,OAHX;IAIE,aAAa,EAAEM;EAJjB,GAKMJ,KALN,EAFJ,CADF;AAaD,CAlBD;;AAoBAL,SAAS,CAACU,SAAV,GAAsB;EACpBT,GAAG,EAAEN,SAAS,CAACgB,MAAV,CAAiBC,UADF;EAEpBV,GAAG,EAAEP,SAAS,CAACgB,MAFK;EAGpBR,OAAO,EAAER,SAAS,CAACgB,MAAV,CAAiBC,UAHN;EAIpBR,QAAQ,EAAET,SAAS,CAACkB;AAJA,CAAtB;AAOAb,SAAS,CAACc,YAAV,GAAyB;EACvBZ,GAAG,EAAE,EADkB;EAEvBE,QAAQ,EAAE;AAFa,CAAzB;AAKA,eAAeJ,SAAf"}