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

package/lib/components/Card/CardFactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFactory.js","names":["CardFactory","entity","propsToDisplay","itemsToDisplay","cardProps","getSingleEntitySchema","variables","id","data","error","loading","message","propsToDisplayValues","extraProps","gridModifier","cardRenderProps","extraModifierForBanner","banner","WITH_BANNER","propTypes","PropTypes","string","isRequired","array","defaultProps"],"sources":["../../../src/components/Card/CardFactory.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { getSingleEntitySchema } from '../../application/query';\nimport CardRender from './CardRender';\nimport { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';\nimport { WITH_BANNER } from '../../constants';\n\nconst CardFactory = ({ entity, propsToDisplay, itemsToDisplay, ...cardProps }) => {\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entity }\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n\n  const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n  const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';\n  const { gridModifier, ...cardRenderProps } = getGenericProps(cardProps);\n  const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';\n\n  return (\n    <CardRender\n      gridModifier={`${gridModifier}${extraModifierForBanner}`}\n      bannerModifier={extraModifierForBanner}\n      entity={entity}\n      itemsToDisplay={itemsToDisplay}\n      propsToDisplay={propsToDisplay}\n      entityFields={extraProps}\n      {...cardRenderProps}\n    />\n  );\n};\n\nCardFactory.propTypes = {\n  entity: PropTypes.string.isRequired,\n  propsToDisplay: PropTypes.array,\n  itemsToDisplay: PropTypes.array\n};\n\nCardFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: []\n};\n\nexport default CardFactory;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAA8D;EAAA,IAA3DC,MAA2D,QAA3DA,MAA2D;EAAA,IAAnDC,cAAmD,QAAnDA,cAAmD;EAAA,IAAnCC,cAAmC,QAAnCA,cAAmC;EAAA,IAAhBC,SAAgB;;EAChF,gBAAiC,sBAASC,4BAAT,EAAgC;IAC/DC,SAAS,EAAE;MAAEC,EAAE,EAAEN;IAAN;EADoD,CAAhC,CAAjC;EAAA,IAAQO,IAAR,aAAQA,IAAR;EAAA,IAAcC,KAAd,aAAcA,KAAd;EAAA,IAAqBC,OAArB,aAAqBA,OAArB;;EAIA,IAAIA,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;EACX,IAAI,CAACH,IAAL,EAAW,OAAO,IAAP;EAEX,IAAMI,oBAAoB,GAAG,8BAAgBV,cAAhB,CAA7B;EACA,IAAMW,UAAU,GAAG,8BAAgBL,IAAhB,EAAsBI,oBAAtB,EAA4CR,SAA5C,KAA0D,EAA7E;;EACA,uBAA6C,8BAAgBA,SAAhB,CAA7C;EAAA,IAAQU,YAAR,oBAAQA,YAAR;EAAA,IAAyBC,eAAzB;;EACA,IAAMC,sBAAsB,GAAGD,eAAe,CAACE,MAAhB,GAAyBC,sBAAzB,GAAuC,EAAtE;EAEA,oBACE,gCAAC,sBAAD;IACE,YAAY,YAAKJ,YAAL,SAAoBE,sBAApB,CADd;IAEE,cAAc,EAAEA,sBAFlB;IAGE,MAAM,EAAEf,MAHV;IAIE,cAAc,EAAEE,cAJlB;IAKE,cAAc,EAAED,cALlB;IAME,YAAY,EAAEW;EANhB,GAOME,eAPN,EADF;AAWD,CAzBD;;AA2BAf,WAAW,CAACmB,SAAZ,GAAwB;EACtBlB,MAAM,EAAEmB,sBAAUC,MAAV,CAAiBC,UADH;EAEtBpB,cAAc,EAAEkB,sBAAUG,KAFJ;EAGtBpB,cAAc,EAAEiB,sBAAUG;AAHJ,CAAxB;AAMAvB,WAAW,CAACwB,YAAZ,GAA2B;EACzBtB,cAAc,EAAE,EADS;EAEzBC,cAAc,EAAE;AAFS,CAA3B;eAKeH,W"}
+{"version":3,"file":"CardFactory.js","names":["CardFactory","entity","propsToDisplay","itemsToDisplay","itemListName","cardProps","getSingleEntitySchema","variables","id","data","error","loading","message","propsToDisplayValues","extraProps","gridModifier","cardRenderProps","extraModifierForBanner","banner","WITH_BANNER","propTypes","PropTypes","string","isRequired","array","defaultProps"],"sources":["../../../src/components/Card/CardFactory.js"],"sourcesContent":["import React from 'react';\nimport { useQuery } from '@apollo/client';\nimport PropTypes from 'prop-types';\nimport { getSingleEntitySchema } from '../../application/query';\nimport CardRender from './CardRender';\nimport { buildPropsQuery, getGenericProps, checkPropsToUse } from '../../helpers';\nimport { WITH_BANNER } from '../../constants';\n\nconst CardFactory = ({ entity, propsToDisplay, itemsToDisplay, itemListName, ...cardProps }) => {\n  const { data, error, loading } = useQuery(getSingleEntitySchema, {\n    variables: { id: entity }\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n  if (!data) return null;\n\n  const propsToDisplayValues = checkPropsToUse(propsToDisplay);\n  const extraProps = buildPropsQuery(data, propsToDisplayValues, cardProps) || '';\n  const { gridModifier, ...cardRenderProps } = getGenericProps(cardProps);\n  const extraModifierForBanner = cardRenderProps.banner ? WITH_BANNER : '';\n\n  return (\n    <CardRender\n      gridModifier={`${gridModifier}${extraModifierForBanner}`}\n      bannerModifier={extraModifierForBanner}\n      entity={entity}\n      itemsToDisplay={itemsToDisplay}\n      propsToDisplay={propsToDisplay}\n      entityFields={extraProps}\n      {...cardRenderProps}\n    />\n  );\n};\n\nCardFactory.propTypes = {\n  entity: PropTypes.string.isRequired,\n  propsToDisplay: PropTypes.array,\n  itemsToDisplay: PropTypes.array,\n  itemListName: PropTypes.string\n};\n\nCardFactory.defaultProps = {\n  propsToDisplay: [],\n  itemsToDisplay: [],\n  itemListName: ''\n};\n\nexport default CardFactory;\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAA4E;EAAA,IAAzEC,MAAyE,QAAzEA,MAAyE;EAAA,IAAjEC,cAAiE,QAAjEA,cAAiE;EAAA,IAAjDC,cAAiD,QAAjDA,cAAiD;EAAA,IAAjCC,YAAiC,QAAjCA,YAAiC;EAAA,IAAhBC,SAAgB;;EAC9F,gBAAiC,sBAASC,4BAAT,EAAgC;IAC/DC,SAAS,EAAE;MAAEC,EAAE,EAAEP;IAAN;EADoD,CAAhC,CAAjC;EAAA,IAAQQ,IAAR,aAAQA,IAAR;EAAA,IAAcC,KAAd,aAAcA,KAAd;EAAA,IAAqBC,OAArB,aAAqBA,OAArB;;EAIA,IAAIA,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;EACX,IAAI,CAACH,IAAL,EAAW,OAAO,IAAP;EAEX,IAAMI,oBAAoB,GAAG,8BAAgBX,cAAhB,CAA7B;EACA,IAAMY,UAAU,GAAG,8BAAgBL,IAAhB,EAAsBI,oBAAtB,EAA4CR,SAA5C,KAA0D,EAA7E;;EACA,uBAA6C,8BAAgBA,SAAhB,CAA7C;EAAA,IAAQU,YAAR,oBAAQA,YAAR;EAAA,IAAyBC,eAAzB;;EACA,IAAMC,sBAAsB,GAAGD,eAAe,CAACE,MAAhB,GAAyBC,sBAAzB,GAAuC,EAAtE;EAEA,oBACE,gCAAC,sBAAD;IACE,YAAY,YAAKJ,YAAL,SAAoBE,sBAApB,CADd;IAEE,cAAc,EAAEA,sBAFlB;IAGE,MAAM,EAAEhB,MAHV;IAIE,cAAc,EAAEE,cAJlB;IAKE,cAAc,EAAED,cALlB;IAME,YAAY,EAAEY;EANhB,GAOME,eAPN,EADF;AAWD,CAzBD;;AA2BAhB,WAAW,CAACoB,SAAZ,GAAwB;EACtBnB,MAAM,EAAEoB,sBAAUC,MAAV,CAAiBC,UADH;EAEtBrB,cAAc,EAAEmB,sBAAUG,KAFJ;EAGtBrB,cAAc,EAAEkB,sBAAUG,KAHJ;EAItBpB,YAAY,EAAEiB,sBAAUC;AAJF,CAAxB;AAOAtB,WAAW,CAACyB,YAAZ,GAA2B;EACzBvB,cAAc,EAAE,EADS;EAEzBC,cAAc,EAAE,EAFS;EAGzBC,YAAY,EAAE;AAHW,CAA3B;eAMeJ,W"}

package/lib/components/CarouselWrapper.js

@@ -128,7 +128,7 @@ var CarouselWrapper = function CarouselWrapper(_ref) {
       handleButtonNavigation();
     }
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "carousel--arrow-left"
+    className: "cards-carousel--arrow cards-carousel--arrow__left"
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: "cards-carousel--right-button-wrapper"
   }, displayRight && /*#__PURE__*/_react["default"].createElement("button", {
@@ -139,7 +139,7 @@ var CarouselWrapper = function CarouselWrapper(_ref) {
       handleButtonNavigation(true);
     }
   }, /*#__PURE__*/_react["default"].createElement("i", {
-    className: "carousel--arrow-left"
+    className: "cards-carousel--arrow cards-carousel--arrow__right"
   }))), /*#__PURE__*/_react["default"].createElement("div", {
     className: contentClassName,
     ref: ref,

package/lib/components/CarouselWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselWrapper.js","names":["CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","displayLeft","displayRight","buttonDisplay","setButtonDisplays","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","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":"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"}
+{"version":3,"file":"CarouselWrapper.js","names":["CarouselWrapper","children","bannerModifier","itemsPerRow","enableAutoScroll","autoScrollTimer","arrowSize","ref","displayLeft","displayRight","buttonDisplay","setButtonDisplays","shouldAutoScroll","setShouldAutoScroll","autoScrollRef","current","id","setInterval","scrollCheck","clearInterval","handleButtonNavigation","offsetWidth","scrollWidth","handleScroll","scrollLeft","updatedDisplayLeft","updatedDisplayRight","direction","wrapperClassName","contentClassName","propTypes","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/components/Image/ImageRender.js

@@ -19,6 +19,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _head = _interopRequireDefault(require("next/head"));
+
 var _imageCdnReact = require("@blaze-cms/image-cdn-react");
 
 var _Lightbox = _interopRequireDefault(require("./Lightbox"));
@@ -45,12 +47,14 @@ var ImageRender = function ImageRender(_ref) {
   var imageStyle = enableLightbox ? {
     cursor: 'pointer'
   } : style;
+  var HeadComponent = priority ? _head["default"] : null;
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_imageCdnReact.ResponsiveImage, {
     sizeKey: sizeKey,
     alt: alt,
     src: imageUrl,
     onClick: handleEnableLightbox,
-    style: imageStyle
+    style: imageStyle,
+    HeadComponent: HeadComponent
   }), displayLightbox && /*#__PURE__*/_react["default"].createElement(_Lightbox["default"], (0, _extends2["default"])({
     imageUrl: imageUrl,
     alt: alt,

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

@@ -1 +1 @@
-{"version":3,"file":"ImageRender.js","names":["ImageRender","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","otherProps","imageStyle","cursor","propTypes","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;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAiBd;EAAA,IAhBJC,GAgBI,QAhBJA,GAgBI;EAAA,IAfJC,QAeI,QAfJA,QAeI;EAAA,IAdJC,oBAcI,QAdJA,oBAcI;EAAA,IAbJC,cAaI,QAbJA,cAaI;EAAA,IAZJC,eAYI,QAZJA,eAYI;EAAA,IAXJC,cAWI,QAXJA,cAWI;EAAA,IAVJC,OAUI,QAVJA,OAUI;EAAA,IATJC,gBASI,QATJA,gBASI;EAAA,IARJC,IAQI,QARJA,IAQI;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,YAMI,QANJA,YAMI;EAAA,IALJC,KAKI,QALJA,KAKI;EAAA,IAJJC,MAII,QAJJA,MAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,OAEI,QAFJA,OAEI;EAAA,IADDC,UACC;EACJ,IAAMC,UAAU,GAAGX,cAAc,GAAG;IAAEY,MAAM,EAAE;EAAV,CAAH,GAA2BN,KAA5D;EAEA,oBACE,+EACE,gCAAC,8BAAD;IACE,OAAO,EAAEG,OADX;IAEE,GAAG,EAAEd,GAFP;IAGE,GAAG,EAAEC,QAHP;IAIE,OAAO,EAAEC,oBAJX;IAKE,KAAK,EAAEc;EALT,EADF,EAQGZ,eAAe,iBACd,gCAAC,oBAAD;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,EAAEe,sBAAUC,IAAV,CAAeC,UADV;EAEtBhB,cAAc,EAAEc,sBAAUC,IAAV,CAAeC,UAFT;EAGtBrB,GAAG,EAAEmB,sBAAUG,MAHO;EAItBhB,OAAO,EAAEa,sBAAUG,MAJG;EAKtBrB,QAAQ,EAAEkB,sBAAUG,MAAV,CAAiBD,UALL;EAMtBb,IAAI,EAAEW,sBAAUG,MANM;EAOtBZ,YAAY,EAAES,sBAAUG,MAPF;EAQtBb,SAAS,EAAEU,sBAAUG,MARC;EAStBpB,oBAAoB,EAAEiB,sBAAUI,IAAV,CAAeF,UATf;EAUtBlB,cAAc,EAAEgB,sBAAUI,IAAV,CAAeF,UAVT;EAWtBd,gBAAgB,EAAEY,sBAAUK,MAAV,CAAiBH,UAXb;EAYtBV,KAAK,EAAEQ,sBAAUK,MAZK;EAatBZ,MAAM,EAAEO,sBAAUC,IAbI;EActBP,QAAQ,EAAEM,sBAAUC,IAdE;EAetBN,OAAO,EAAEK,sBAAUG;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;eAYef,W"}
+{"version":3,"file":"ImageRender.js","names":["ImageRender","alt","imageUrl","handleEnableLightbox","toggleLightbox","displayLightbox","enableLightbox","caption","lightboxImgProps","name","metaTitle","heroModifier","style","isHero","priority","sizeKey","otherProps","imageStyle","cursor","HeadComponent","Head","propTypes","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;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAiBd;EAAA,IAhBJC,GAgBI,QAhBJA,GAgBI;EAAA,IAfJC,QAeI,QAfJA,QAeI;EAAA,IAdJC,oBAcI,QAdJA,oBAcI;EAAA,IAbJC,cAaI,QAbJA,cAaI;EAAA,IAZJC,eAYI,QAZJA,eAYI;EAAA,IAXJC,cAWI,QAXJA,cAWI;EAAA,IAVJC,OAUI,QAVJA,OAUI;EAAA,IATJC,gBASI,QATJA,gBASI;EAAA,IARJC,IAQI,QARJA,IAQI;EAAA,IAPJC,SAOI,QAPJA,SAOI;EAAA,IANJC,YAMI,QANJA,YAMI;EAAA,IALJC,KAKI,QALJA,KAKI;EAAA,IAJJC,MAII,QAJJA,MAII;EAAA,IAHJC,QAGI,QAHJA,QAGI;EAAA,IAFJC,OAEI,QAFJA,OAEI;EAAA,IADDC,UACC;EACJ,IAAMC,UAAU,GAAGX,cAAc,GAAG;IAAEY,MAAM,EAAE;EAAV,CAAH,GAA2BN,KAA5D;EACA,IAAMO,aAAa,GAAGL,QAAQ,GAAGM,gBAAH,GAAU,IAAxC;EAEA,oBACE,+EACE,gCAAC,8BAAD;IACE,OAAO,EAAEL,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,gCAAC,oBAAD;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,CAACqB,SAAZ,GAAwB;EACtBhB,eAAe,EAAEiB,sBAAUC,IAAV,CAAeC,UADV;EAEtBlB,cAAc,EAAEgB,sBAAUC,IAAV,CAAeC,UAFT;EAGtBvB,GAAG,EAAEqB,sBAAUG,MAHO;EAItBlB,OAAO,EAAEe,sBAAUG,MAJG;EAKtBvB,QAAQ,EAAEoB,sBAAUG,MAAV,CAAiBD,UALL;EAMtBf,IAAI,EAAEa,sBAAUG,MANM;EAOtBd,YAAY,EAAEW,sBAAUG,MAPF;EAQtBf,SAAS,EAAEY,sBAAUG,MARC;EAStBtB,oBAAoB,EAAEmB,sBAAUI,IAAV,CAAeF,UATf;EAUtBpB,cAAc,EAAEkB,sBAAUI,IAAV,CAAeF,UAVT;EAWtBhB,gBAAgB,EAAEc,sBAAUK,MAAV,CAAiBH,UAXb;EAYtBZ,KAAK,EAAEU,sBAAUK,MAZK;EAatBd,MAAM,EAAES,sBAAUC,IAbI;EActBT,QAAQ,EAAEQ,sBAAUC,IAdE;EAetBR,OAAO,EAAEO,sBAAUG;AAfG,CAAxB;AAkBAzB,WAAW,CAAC4B,YAAZ,GAA2B;EACzBnB,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;eAYef,W"}

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

@@ -0,0 +1,161 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.find.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.join.js");
+
+require("core-js/modules/es.array.filter.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _bs = require("react-icons/bs");
+
+var _client = require("@apollo/client");
+
+var _query = require("../../../application/query");
+
+var _helpers = require("../helpers");
+
+var _hooks = require("../hooks");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ItemListButton = function ItemListButton(_ref) {
+  var listName = _ref.listName,
+      parent = _ref.parent,
+      modifier = _ref.modifier;
+  var itemId = parent.itemId,
+      itemEntity = parent.itemEntity;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      isHover = _useState2[0],
+      setIsHover = _useState2[1];
+
+  var _useItemListId = (0, _hooks.useItemListId)({
+    listName: listName
+  }),
+      listId = _useItemListId.listId;
+
+  var getIcon = function getIcon() {
+    if (isInList) return isHover ? _bs.BsBookmarkXFill : _bs.BsBookmarkCheckFill;
+    return isHover ? _bs.BsBookmarkStarFill : _bs.BsBookmarkStar;
+  };
+
+  var _useQuery = (0, _client.useQuery)(_query.getItemList, {
+    variables: {
+      id: listId
+    },
+    skip: !listId
+  }),
+      data = _useQuery.data,
+      error = _useQuery.error,
+      loading = _useQuery.loading;
+
+  var _useMutation = (0, _client.useMutation)(_query.addItemsToList, {
+    onCompleted: function onCompleted(_ref2) {
+      var listAddResult = _ref2.addItemsToList;
+      var id = listAddResult.result.id;
+
+      if (!listId) {
+        (0, _helpers.setItemListId)(listName, id);
+      }
+    }
+  }),
+      _useMutation2 = (0, _slicedToArray2["default"])(_useMutation, 1),
+      addListItem = _useMutation2[0];
+
+  var _useMutation3 = (0, _client.useMutation)(_query.removeItemsFromList),
+      _useMutation4 = (0, _slicedToArray2["default"])(_useMutation3, 1),
+      removeListItem = _useMutation4[0];
+
+  var clickHandler = function clickHandler() {
+    setIsHover(false);
+    isInList ? removeListItem({
+      variables: {
+        listId: listId,
+        listItems: [{
+          itemId: itemId,
+          itemEntity: itemEntity
+        }]
+      },
+      skip: !listId
+    }) : addListItem({
+      variables: {
+        name: listName,
+        id: listId,
+        listItems: [{
+          itemId: itemId,
+          itemEntity: itemEntity
+        }]
+      },
+      skip: !listId
+    });
+  };
+
+  if (loading) return '';
+  if (error) return error.message;
+  var listItems = (0, _helpers.getItemListData)(data);
+  var isInList = !!listItems.find(function (_ref3) {
+    var idToCheck = _ref3.itemId,
+        entityToCheck = _ref3.itemEntity;
+    return idToCheck === itemId && entityToCheck === itemEntity;
+  });
+  var Icon = getIcon();
+  var stateClassName = isInList ? 'item-list-button--selected' : '';
+  var className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: className,
+    role: "button",
+    onClick: clickHandler,
+    onMouseEnter: function onMouseEnter() {
+      return setIsHover(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setIsHover(false);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(Icon, null)));
+};
+
+ItemListButton.propTypes = {
+  parent: _propTypes["default"].object,
+  listName: _propTypes["default"].string,
+  modifier: _propTypes["default"].string
+};
+ItemListButton.defaultProps = {
+  parent: {},
+  listName: '',
+  modifier: ''
+};
+var _default = ItemListButton;
+exports["default"] = _default;
+//# sourceMappingURL=ItemListButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListButton.js","names":["ItemListButton","listName","parent","modifier","itemId","itemEntity","isHover","setIsHover","listId","getIcon","isInList","BsBookmarkXFill","BsBookmarkCheckFill","BsBookmarkStarFill","BsBookmarkStar","getItemList","variables","id","skip","data","error","loading","addItemsToList","onCompleted","listAddResult","result","addListItem","removeItemsFromList","removeListItem","clickHandler","listItems","name","message","find","idToCheck","entityToCheck","Icon","stateClassName","className","filter","Boolean","join","propTypes","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/components/ItemList/ItemListButton/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _ItemListButton = _interopRequireDefault(require("./ItemListButton"));
+
+var _default = _ItemListButton["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/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;;eAEeA,0B"}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _router = require("next/router");
+
+var _client = require("@apollo/client");
+
+var _bs = require("react-icons/bs");
+
+var _query = require("../../../application/query");
+
+var _hooks = require("../hooks");
+
+var _helpers = require("../helpers");
+
+var ItemListCounter = function ItemListCounter(_ref) {
+  var listName = _ref.listName,
+      modifier = _ref.modifier,
+      url = _ref.url;
+  var router = (0, _router.useRouter)();
+
+  var _useItemListId = (0, _hooks.useItemListId)({
+    listName: listName
+  }),
+      listId = _useItemListId.listId;
+
+  var _useQuery = (0, _client.useQuery)(_query.getItemList, {
+    variables: {
+      id: listId
+    },
+    skip: !listId
+  }),
+      data = _useQuery.data,
+      error = _useQuery.error,
+      loading = _useQuery.loading;
+
+  if (loading) return '';
+  if (error) return error.message;
+  var listItems = (0, _helpers.getItemListData)(data);
+  var listLength = listItems.length;
+  var CounterIcon = listLength ? _bs.BsBookmarkStarFill : _bs.BsBookmarkStar;
+
+  var handleClick = function handleClick() {
+    return router.push('/Resolver', "".concat(url, "?itemListId=").concat(listId));
+  };
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    role: "button",
+    type: "button",
+    className: "item-list-counter ".concat(modifier),
+    onClick: handleClick
+  }, /*#__PURE__*/_react["default"].createElement(CounterIcon, null), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "item-list-counter__badge"
+  }, listLength));
+};
+
+ItemListCounter.propTypes = {
+  url: _propTypes["default"].string,
+  listName: _propTypes["default"].string,
+  modifier: _propTypes["default"].string
+};
+ItemListCounter.defaultProps = {
+  url: '',
+  listName: '',
+  modifier: ''
+};
+var _default = ItemListCounter;
+exports["default"] = _default;
+//# sourceMappingURL=ItemListCounter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListCounter.js","names":["ItemListCounter","listName","modifier","url","router","listId","getItemList","variables","id","skip","data","error","loading","message","listItems","listLength","length","CounterIcon","BsBookmarkStarFill","BsBookmarkStar","handleClick","push","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAiC;EAAA,IAA9BC,QAA8B,QAA9BA,QAA8B;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,GAAU,QAAVA,GAAU;EACvD,IAAMC,MAAM,GAAG,wBAAf;;EACA,qBAAmB,0BAAc;IAAEH,QAAQ,EAARA;EAAF,CAAd,CAAnB;EAAA,IAAQI,MAAR,kBAAQA,MAAR;;EAEA,gBAAiC,sBAASC,kBAAT,EAAsB;IACrDC,SAAS,EAAE;MAAEC,EAAE,EAAEH;IAAN,CAD0C;IAErDI,IAAI,EAAE,CAACJ;EAF8C,CAAtB,CAAjC;EAAA,IAAQK,IAAR,aAAQA,IAAR;EAAA,IAAcC,KAAd,aAAcA,KAAd;EAAA,IAAqBC,OAArB,aAAqBA,OAArB;;EAKA,IAAIA,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;EAEX,IAAMC,SAAS,GAAG,8BAAgBJ,IAAhB,CAAlB;EACA,IAAMK,UAAU,GAAGD,SAAS,CAACE,MAA7B;EACA,IAAMC,WAAW,GAAGF,UAAU,GAAGG,sBAAH,GAAwBC,kBAAtD;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;IAAA,OAAMhB,MAAM,CAACiB,IAAP,CAAY,WAAZ,YAA4BlB,GAA5B,yBAA8CE,MAA9C,EAAN;EAAA,CAApB;;EAEA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,8BAAuBH,QAAvB,CAHX;IAIE,OAAO,EAAEkB;EAJX,gBAKE,gCAAC,WAAD,OALF,eAME;IAAM,SAAS,EAAC;EAAhB,GAA4CL,UAA5C,CANF,CADF;AAUD,CA5BD;;AA8BAf,eAAe,CAACsB,SAAhB,GAA4B;EAC1BnB,GAAG,EAAEoB,sBAAUC,MADW;EAE1BvB,QAAQ,EAAEsB,sBAAUC,MAFM;EAG1BtB,QAAQ,EAAEqB,sBAAUC;AAHM,CAA5B;AAMAxB,eAAe,CAACyB,YAAhB,GAA+B;EAC7BtB,GAAG,EAAE,EADwB;EAE7BF,QAAQ,EAAE,EAFmB;EAG7BC,QAAQ,EAAE;AAHmB,CAA/B;eAMeF,e"}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _ItemListCounter = _interopRequireDefault(require("./ItemListCounter"));
+
+var _default = _ItemListCounter["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/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;;eAEeA,2B"}

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

@@ -0,0 +1,87 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _router = require("next/router");
+
+var _client = require("@apollo/client");
+
+var _button = _interopRequireDefault(require("@blaze-react/button"));
+
+var _queryString = require("query-string");
+
+var _query = require("../../../application/query");
+
+var _hooks = require("../hooks");
+
+var _helpers = require("../helpers");
+
+var _constants = require("../constants");
+
+var ItemListNew = function ItemListNew(_ref) {
+  var listName = _ref.listName,
+      modifier = _ref.modifier,
+      text = _ref.text;
+  var router = (0, _router.useRouter)();
+
+  var _parseUrl = (0, _queryString.parseUrl)(router.asPath),
+      _parseUrl$query = _parseUrl.query;
+
+  _parseUrl$query = _parseUrl$query === void 0 ? {} : _parseUrl$query;
+  var listItemId = _parseUrl$query[_constants.LIST_ITEM_QUERY_PARAM];
+
+  var _useItemListId = (0, _hooks.useItemListId)({
+    listName: listName
+  }),
+      listId = _useItemListId.listId;
+
+  var listIdToUse = listItemId || listId;
+
+  var _useQuery = (0, _client.useQuery)(_query.getItemList, {
+    variables: {
+      id: listIdToUse
+    },
+    skip: !listIdToUse
+  }),
+      data = _useQuery.data,
+      error = _useQuery.error,
+      loading = _useQuery.loading;
+
+  if (loading) return '';
+  if (error) return error.message;
+  var listItems = (0, _helpers.getItemListData)(data);
+  if (!listItems.length) return '';
+
+  var handleClick = function handleClick() {
+    (0, _helpers.setItemListId)(listName, '');
+    (0, _helpers.setParamAndRedirect)(router);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    className: "item-list-new ".concat(modifier),
+    onClick: handleClick
+  }, text);
+};
+
+ItemListNew.propTypes = {
+  listName: _propTypes["default"].string.isRequired,
+  modifier: _propTypes["default"].string,
+  text: _propTypes["default"].string.isRequired
+};
+ItemListNew.defaultProps = {
+  modifier: ''
+};
+var _default = ItemListNew;
+exports["default"] = _default;
+//# sourceMappingURL=ItemListNew.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemListNew.js","names":["ItemListNew","listName","modifier","text","router","asPath","query","listItemId","LIST_ITEM_QUERY_PARAM","listId","listIdToUse","getItemList","variables","id","skip","data","error","loading","message","listItems","length","handleClick","propTypes","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;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAAkC;EAAA,IAA/BC,QAA+B,QAA/BA,QAA+B;EAAA,IAArBC,QAAqB,QAArBA,QAAqB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EACpD,IAAMC,MAAM,GAAG,wBAAf;;EACA,gBAAgE,2BAASA,MAAM,CAACC,MAAhB,CAAhE;EAAA,gCAAQC,KAAR;;EAAA,+CAAyD,EAAzD;EAAA,IAA0CC,UAA1C,mBAAkBC,gCAAlB;;EAEA,qBAAmB,0BAAc;IAAEP,QAAQ,EAARA;EAAF,CAAd,CAAnB;EAAA,IAAQQ,MAAR,kBAAQA,MAAR;;EACA,IAAMC,WAAW,GAAGH,UAAU,IAAIE,MAAlC;;EACA,gBAAiC,sBAASE,kBAAT,EAAsB;IACrDC,SAAS,EAAE;MAAEC,EAAE,EAAEH;IAAN,CAD0C;IAErDI,IAAI,EAAE,CAACJ;EAF8C,CAAtB,CAAjC;EAAA,IAAQK,IAAR,aAAQA,IAAR;EAAA,IAAcC,KAAd,aAAcA,KAAd;EAAA,IAAqBC,OAArB,aAAqBA,OAArB;;EAKA,IAAIA,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;EAEX,IAAMC,SAAS,GAAG,8BAAgBJ,IAAhB,CAAlB;EACA,IAAI,CAACI,SAAS,CAACC,MAAf,EAAuB,OAAO,EAAP;;EAEvB,IAAMC,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxB,4BAAcpB,QAAd,EAAwB,EAAxB;IACA,kCAAoBG,MAApB;EACD,CAHD;;EAKA,oBACE,gCAAC,kBAAD;IAAa,SAAS,0BAAmBF,QAAnB,CAAtB;IAAqD,OAAO,EAAEmB;EAA9D,GACGlB,IADH,CADF;AAKD,CA3BD;;AA6BAH,WAAW,CAACsB,SAAZ,GAAwB;EACtBrB,QAAQ,EAAEsB,sBAAUC,MAAV,CAAiBC,UADL;EAEtBvB,QAAQ,EAAEqB,sBAAUC,MAFE;EAGtBrB,IAAI,EAAEoB,sBAAUC,MAAV,CAAiBC;AAHD,CAAxB;AAMAzB,WAAW,CAAC0B,YAAZ,GAA2B;EACzBxB,QAAQ,EAAE;AADe,CAA3B;eAIeF,W"}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _ItemListNew = _interopRequireDefault(require("./ItemListNew"));
+
+var _default = _ItemListNew["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/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;;eAEeA,uB"}

package/lib/components/ItemList/constants.js

@@ -0,0 +1,19 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LIST_ITEM_QUERY_PARAM = exports.LIST_ITEM_LOCAL_KEY = exports.ITEM_LIST_NEW = exports.ITEM_LIST_COUNTER = exports.ITEM_LIST_BUTTON = void 0;
+var ITEM_LIST_BUTTON = 'itemlistbutton';
+exports.ITEM_LIST_BUTTON = ITEM_LIST_BUTTON;
+var ITEM_LIST_COUNTER = 'itemlistcounter';
+exports.ITEM_LIST_COUNTER = ITEM_LIST_COUNTER;
+var ITEM_LIST_NEW = 'itemlistnew';
+exports.ITEM_LIST_NEW = ITEM_LIST_NEW;
+var LIST_ITEM_LOCAL_KEY = 'blaze_item_list_';
+exports.LIST_ITEM_LOCAL_KEY = LIST_ITEM_LOCAL_KEY;
+var LIST_ITEM_QUERY_PARAM = 'itemListId';
+exports.LIST_ITEM_QUERY_PARAM = LIST_ITEM_QUERY_PARAM;
+//# sourceMappingURL=constants.js.map

package/lib/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":";;;;;;;;AAAO,IAAMA,gBAAgB,GAAG,gBAAzB;;AACA,IAAMC,iBAAiB,GAAG,iBAA1B;;AACA,IAAMC,aAAa,GAAG,aAAtB;;AACA,IAAMC,mBAAmB,GAAG,kBAA5B;;AACA,IAAMC,qBAAqB,GAAG,YAA9B"}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var getItemListData = function getItemListData(data) {
+  if (data && data.getItemList && data.getItemList.listItems) return data.getItemList.listItems;
+  return [];
+};
+
+var _default = getItemListData;
+exports["default"] = _default;
+//# sourceMappingURL=get-item-list-data.js.map

package/lib/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,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAAAC,IAAI,EAAI;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;;eAKeH,e"}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("core-js/modules/es.array.concat.js");
+
+var _constants = require("../constants");
+
+var getItemListId = function getItemListId(listName, queryId) {
+  if (queryId) return queryId;
+  if (!listName || typeof localStorage === 'undefined') return '';
+  var localListName = "".concat(_constants.LIST_ITEM_LOCAL_KEY).concat(listName);
+  return localStorage.getItem(localListName) || '';
+};
+
+var _default = getItemListId;
+exports["default"] = _default;
+//# sourceMappingURL=get-item-list-id.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"get-item-list-id.js","names":["getItemListId","listName","queryId","localStorage","localListName","LIST_ITEM_LOCAL_KEY","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;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,QAAD,EAAWC,OAAX,EAAuB;EAC3C,IAAIA,OAAJ,EAAa,OAAOA,OAAP;EACb,IAAI,CAACD,QAAD,IAAa,OAAOE,YAAP,KAAwB,WAAzC,EAAsD,OAAO,EAAP;EAEtD,IAAMC,aAAa,aAAMC,8BAAN,SAA4BJ,QAA5B,CAAnB;EACA,OAAOE,YAAY,CAACG,OAAb,CAAqBF,aAArB,KAAuC,EAA9C;AACD,CAND;;eAQeJ,a"}