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

package/lib/components/DataSummary/helpers/get-value-from-array.js.map

@@ -1 +1 @@
-{"version":3,"file":"get-value-from-array.js","names":["getValueFromArray","key","arr","prefix","suffix","valuesFromArray","map","obj","value","objValueWithPrefixSuffix","objValueLink","url","keyField","filter","Boolean","length"],"sources":["../../../../src/components/DataSummary/helpers/get-value-from-array.js"],"sourcesContent":["import { isObject } from '../../../helpers';\n\nconst getValueFromArray = (key, arr, prefix, suffix) => {\n  const valuesFromArray = arr\n    .map(obj => {\n      const value = isObject(obj) ? obj[key] : obj;\n      if (typeof value !== 'boolean' && !value) return null;\n      const objValueWithPrefixSuffix = `${prefix}${value}${suffix}`;\n      const objValueLink = obj.url || '';\n\n      return { keyField: key, [key]: objValueWithPrefixSuffix, url: objValueLink };\n    })\n    .filter(Boolean);\n  return valuesFromArray.length ? valuesFromArray : null;\n};\n\nexport default getValueFromArray;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,GAAD,EAAMC,GAAN,EAAWC,MAAX,EAAmBC,MAAnB,EAA8B;EACtD,IAAMC,eAAe,GAAGH,GAAG,CACxBI,GADqB,CACjB,UAAAC,GAAG,EAAI;IAAA;;IACV,IAAMC,KAAK,GAAG,uBAASD,GAAT,IAAgBA,GAAG,CAACN,GAAD,CAAnB,GAA2BM,GAAzC;IACA,IAAI,OAAOC,KAAP,KAAiB,SAAjB,IAA8B,CAACA,KAAnC,EAA0C,OAAO,IAAP;IAC1C,IAAMC,wBAAwB,aAAMN,MAAN,SAAeK,KAAf,SAAuBJ,MAAvB,CAA9B;IACA,IAAMM,YAAY,GAAGH,GAAG,CAACI,GAAJ,IAAW,EAAhC;IAEA;MAASC,QAAQ,EAAEX;IAAnB,0CAAyBA,GAAzB,EAA+BQ,wBAA/B,iDAA8DC,YAA9D;EACD,CARqB,EASrBG,MATqB,CASdC,OATc,CAAxB;EAUA,OAAOT,eAAe,CAACU,MAAhB,GAAyBV,eAAzB,GAA2C,IAAlD;AACD,CAZD;;eAceL,iB"}
+{"version":3,"file":"get-value-from-array.js","names":["getValueFromArray","key","arr","prefix","suffix","valuesFromArray","map","obj","value","isObject","objValueWithPrefixSuffix","objValueLink","url","keyField","filter","Boolean","length"],"sources":["../../../../src/components/DataSummary/helpers/get-value-from-array.js"],"sourcesContent":["import { isObject } from '../../../helpers';\n\nconst getValueFromArray = (key, arr, prefix, suffix) => {\n  const valuesFromArray = arr\n    .map(obj => {\n      const value = isObject(obj) ? obj[key] : obj;\n      if (typeof value !== 'boolean' && !value) return null;\n      const objValueWithPrefixSuffix = `${prefix}${value}${suffix}`;\n      const objValueLink = obj.url || '';\n\n      return { keyField: key, [key]: objValueWithPrefixSuffix, url: objValueLink };\n    })\n    .filter(Boolean);\n  return valuesFromArray.length ? valuesFromArray : null;\n};\n\nexport default getValueFromArray;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,GAAD,EAAMC,GAAN,EAAWC,MAAX,EAAmBC,MAAnB,EAA8B;EACtD,IAAMC,eAAe,GAAGH,GAAG,CACxBI,GADqB,CACjB,UAAAC,GAAG,EAAI;IAAA;;IACV,IAAMC,KAAK,GAAG,IAAAC,iBAAA,EAASF,GAAT,IAAgBA,GAAG,CAACN,GAAD,CAAnB,GAA2BM,GAAzC;IACA,IAAI,OAAOC,KAAP,KAAiB,SAAjB,IAA8B,CAACA,KAAnC,EAA0C,OAAO,IAAP;IAC1C,IAAME,wBAAwB,aAAMP,MAAN,SAAeK,KAAf,SAAuBJ,MAAvB,CAA9B;IACA,IAAMO,YAAY,GAAGJ,GAAG,CAACK,GAAJ,IAAW,EAAhC;IAEA;MAASC,QAAQ,EAAEZ;IAAnB,0CAAyBA,GAAzB,EAA+BS,wBAA/B,iDAA8DC,YAA9D;EACD,CARqB,EASrBG,MATqB,CASdC,OATc,CAAxB;EAUA,OAAOV,eAAe,CAACW,MAAhB,GAAyBX,eAAzB,GAA2C,IAAlD;AACD,CAZD;;eAceL,iB"}

package/lib/components/DataSummary/helpers/strip-summary-props-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"strip-summary-props-content.js","names":["stripSummaryPropsContent","propsToDisplay","summaryPropsWithContent","shouldStrip","reduce","acc","summaryProp","contentWithUnwantedCharacters","sanitizedContent","summaryPropsCopy","push"],"sources":["../../../../src/components/DataSummary/helpers/strip-summary-props-content.js"],"sourcesContent":["import { removeUnwantedCharacters } from '../../../helpers';\n\nfunction stripSummaryPropsContent(propsToDisplay, summaryPropsWithContent) {\n  if (!propsToDisplay || !propsToDisplay[0] || !propsToDisplay[0].shouldStrip)\n    return summaryPropsWithContent;\n\n  return summaryPropsWithContent.reduce((acc, summaryProp) => {\n    const [, contentWithUnwantedCharacters] = summaryProp;\n    const sanitizedContent = removeUnwantedCharacters(contentWithUnwantedCharacters);\n\n    const summaryPropsCopy = [...summaryProp];\n    summaryPropsCopy[1] = sanitizedContent;\n\n    acc.push(summaryPropsCopy);\n    return acc;\n  }, []);\n}\n\nexport default stripSummaryPropsContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAEA,SAASA,wBAAT,CAAkCC,cAAlC,EAAkDC,uBAAlD,EAA2E;EACzE,IAAI,CAACD,cAAD,IAAmB,CAACA,cAAc,CAAC,CAAD,CAAlC,IAAyC,CAACA,cAAc,CAAC,CAAD,CAAd,CAAkBE,WAAhE,EACE,OAAOD,uBAAP;EAEF,OAAOA,uBAAuB,CAACE,MAAxB,CAA+B,UAACC,GAAD,EAAMC,WAAN,EAAsB;IAC1D,mDAA0CA,WAA1C;IAAA,IAASC,6BAAT;;IACA,IAAMC,gBAAgB,GAAG,uCAAyBD,6BAAzB,CAAzB;IAEA,IAAME,gBAAgB,uCAAOH,WAAP,CAAtB;IACAG,gBAAgB,CAAC,CAAD,CAAhB,GAAsBD,gBAAtB;IAEAH,GAAG,CAACK,IAAJ,CAASD,gBAAT;IACA,OAAOJ,GAAP;EACD,CATM,EASJ,EATI,CAAP;AAUD;;eAEcL,wB"}
+{"version":3,"file":"strip-summary-props-content.js","names":["stripSummaryPropsContent","propsToDisplay","summaryPropsWithContent","shouldStrip","reduce","acc","summaryProp","contentWithUnwantedCharacters","sanitizedContent","removeUnwantedCharacters","summaryPropsCopy","push"],"sources":["../../../../src/components/DataSummary/helpers/strip-summary-props-content.js"],"sourcesContent":["import { removeUnwantedCharacters } from '../../../helpers';\n\nfunction stripSummaryPropsContent(propsToDisplay, summaryPropsWithContent) {\n  if (!propsToDisplay || !propsToDisplay[0] || !propsToDisplay[0].shouldStrip)\n    return summaryPropsWithContent;\n\n  return summaryPropsWithContent.reduce((acc, summaryProp) => {\n    const [, contentWithUnwantedCharacters] = summaryProp;\n    const sanitizedContent = removeUnwantedCharacters(contentWithUnwantedCharacters);\n\n    const summaryPropsCopy = [...summaryProp];\n    summaryPropsCopy[1] = sanitizedContent;\n\n    acc.push(summaryPropsCopy);\n    return acc;\n  }, []);\n}\n\nexport default stripSummaryPropsContent;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AAEA,SAASA,wBAAT,CAAkCC,cAAlC,EAAkDC,uBAAlD,EAA2E;EACzE,IAAI,CAACD,cAAD,IAAmB,CAACA,cAAc,CAAC,CAAD,CAAlC,IAAyC,CAACA,cAAc,CAAC,CAAD,CAAd,CAAkBE,WAAhE,EACE,OAAOD,uBAAP;EAEF,OAAOA,uBAAuB,CAACE,MAAxB,CAA+B,UAACC,GAAD,EAAMC,WAAN,EAAsB;IAC1D,mDAA0CA,WAA1C;IAAA,IAASC,6BAAT;;IACA,IAAMC,gBAAgB,GAAG,IAAAC,iCAAA,EAAyBF,6BAAzB,CAAzB;IAEA,IAAMG,gBAAgB,uCAAOJ,WAAP,CAAtB;IACAI,gBAAgB,CAAC,CAAD,CAAhB,GAAsBF,gBAAtB;IAEAH,GAAG,CAACM,IAAJ,CAASD,gBAAT;IACA,OAAOL,GAAP;EACD,CATM,EASJ,EATI,CAAP;AAUD;;eAEcL,wB"}

package/lib/components/EmailConfirm/EmailConfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmailConfirm.js","names":["EmailConfirm","modifier","errorMessage","children","router","asPath","query","token","setRedirectUrl","redirectUrl","displayError","setDisplayError","EMAIL_CONFIRM_MUTATION","onCompleted","confirmUserEmail","extras","result","push","shallow","emailConfirmMutation","loading","called","variables","renderedChildren","propTypes","PropTypes","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/EmailConfirm/EmailConfirm.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useMutation } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { parseUrl } from 'query-string';\nimport EMAIL_CONFIRM_MUTATION from './mutation';\nimport { renderChildren } from '../../helpers';\n\nconst EmailConfirm = ({ modifier, errorMessage, children }) => {\n  const router = useRouter();\n  const { asPath } = router;\n\n  const { query: { token, redirectUrl: setRedirectUrl } = {} } = parseUrl(asPath);\n  const [displayError, setDisplayError] = useState(true);\n  const [emailConfirmMutation, { loading, called }] = useMutation(EMAIL_CONFIRM_MUTATION, {\n    onCompleted: ({ confirmUserEmail }) => {\n      const {\n        result: { extras }\n      } =\n        confirmUserEmail || {};\n      const { redirectUrl } = extras || {};\n      setDisplayError(false);\n      if (redirectUrl && !setRedirectUrl) {\n        router.push(`/Resolver`, `${asPath}&redirectUrl=${redirectUrl}`, { shallow: true });\n      }\n    }\n  });\n\n  useEffect(\n    () => {\n      if (token) emailConfirmMutation({ variables: { token } });\n    },\n    [emailConfirmMutation, token]\n  );\n\n  if ((token && !called) || loading) return null;\n  const renderedChildren = renderChildren(children);\n\n  return <>{displayError ? <span className={modifier}>{errorMessage}</span> : renderedChildren}</>;\n};\n\nEmailConfirm.propTypes = {\n  modifier: PropTypes.string,\n  errorMessage: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nEmailConfirm.defaultProps = {\n  modifier: '',\n  errorMessage: '',\n  children: []\n};\n\nexport default EmailConfirm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAA0C;EAAA,IAAvCC,QAAuC,QAAvCA,QAAuC;EAAA,IAA7BC,YAA6B,QAA7BA,YAA6B;EAAA,IAAfC,QAAe,QAAfA,QAAe;EAC7D,IAAMC,MAAM,GAAG,wBAAf;EACA,IAAQC,MAAR,GAAmBD,MAAnB,CAAQC,MAAR;;EAEA,gBAA+D,2BAASA,MAAT,CAA/D;EAAA,gCAAQC,KAAR;;EAAA,+CAAwD,EAAxD;EAAA,IAAiBC,KAAjB,mBAAiBA,KAAjB;EAAA,IAAqCC,cAArC,mBAAwBC,WAAxB;;EACA,gBAAwC,qBAAS,IAAT,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,mBAAoD,yBAAYC,oBAAZ,EAAoC;IACtFC,WAAW,EAAE,4BAA0B;MAAA,IAAvBC,gBAAuB,SAAvBA,gBAAuB;;MACrC,YAGEA,gBAAgB,IAAI,EAHtB;MAAA,IACYC,MADZ,SACEC,MADF,CACYD,MADZ;;MAIA,YAAwBA,MAAM,IAAI,EAAlC;MAAA,IAAQN,WAAR,SAAQA,WAAR;;MACAE,eAAe,CAAC,KAAD,CAAf;;MACA,IAAIF,WAAW,IAAI,CAACD,cAApB,EAAoC;QAClCJ,MAAM,CAACa,IAAP,wBAA4BZ,MAA5B,0BAAkDI,WAAlD,GAAiE;UAAES,OAAO,EAAE;QAAX,CAAjE;MACD;IACF;EAXqF,CAApC,CAApD;EAAA;EAAA,IAAOC,oBAAP;EAAA;EAAA,IAA+BC,OAA/B,kBAA+BA,OAA/B;EAAA,IAAwCC,MAAxC,kBAAwCA,MAAxC;;EAcA,sBACE,YAAM;IACJ,IAAId,KAAJ,EAAWY,oBAAoB,CAAC;MAAEG,SAAS,EAAE;QAAEf,KAAK,EAALA;MAAF;IAAb,CAAD,CAApB;EACZ,CAHH,EAIE,CAACY,oBAAD,EAAuBZ,KAAvB,CAJF;EAOA,IAAKA,KAAK,IAAI,CAACc,MAAX,IAAsBD,OAA1B,EAAmC,OAAO,IAAP;EACnC,IAAMG,gBAAgB,GAAG,6BAAepB,QAAf,CAAzB;EAEA,oBAAO,kEAAGO,YAAY,gBAAG;IAAM,SAAS,EAAET;EAAjB,GAA4BC,YAA5B,CAAH,GAAsDqB,gBAArE,CAAP;AACD,CA/BD;;AAiCAvB,YAAY,CAACwB,SAAb,GAAyB;EACvBvB,QAAQ,EAAEwB,sBAAUC,MADG;EAEvBxB,YAAY,EAAEuB,sBAAUC,MAFD;EAGvBvB,QAAQ,EAAEsB,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,OAAV,CAAkBH,sBAAUI,IAA5B,CAAD,EAAoCJ,sBAAUI,IAA9C,CAApB;AAHa,CAAzB;AAMA7B,YAAY,CAAC8B,YAAb,GAA4B;EAC1B7B,QAAQ,EAAE,EADgB;EAE1BC,YAAY,EAAE,EAFY;EAG1BC,QAAQ,EAAE;AAHgB,CAA5B;eAMeH,Y"}
+{"version":3,"file":"EmailConfirm.js","names":["EmailConfirm","modifier","errorMessage","children","router","useRouter","asPath","parseUrl","query","token","setRedirectUrl","redirectUrl","useState","displayError","setDisplayError","useMutation","EMAIL_CONFIRM_MUTATION","onCompleted","confirmUserEmail","extras","result","push","shallow","emailConfirmMutation","loading","called","useEffect","variables","renderedChildren","renderChildren","propTypes","PropTypes","string","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/EmailConfirm/EmailConfirm.js"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useMutation } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { parseUrl } from 'query-string';\nimport EMAIL_CONFIRM_MUTATION from './mutation';\nimport { renderChildren } from '../../helpers';\n\nconst EmailConfirm = ({ modifier, errorMessage, children }) => {\n  const router = useRouter();\n  const { asPath } = router;\n\n  const { query: { token, redirectUrl: setRedirectUrl } = {} } = parseUrl(asPath);\n  const [displayError, setDisplayError] = useState(true);\n  const [emailConfirmMutation, { loading, called }] = useMutation(EMAIL_CONFIRM_MUTATION, {\n    onCompleted: ({ confirmUserEmail }) => {\n      const {\n        result: { extras }\n      } =\n        confirmUserEmail || {};\n      const { redirectUrl } = extras || {};\n      setDisplayError(false);\n      if (redirectUrl && !setRedirectUrl) {\n        router.push(`/Resolver`, `${asPath}&redirectUrl=${redirectUrl}`, { shallow: true });\n      }\n    }\n  });\n\n  useEffect(\n    () => {\n      if (token) emailConfirmMutation({ variables: { token } });\n    },\n    [emailConfirmMutation, token]\n  );\n\n  if ((token && !called) || loading) return null;\n  const renderedChildren = renderChildren(children);\n\n  return <>{displayError ? <span className={modifier}>{errorMessage}</span> : renderedChildren}</>;\n};\n\nEmailConfirm.propTypes = {\n  modifier: PropTypes.string,\n  errorMessage: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nEmailConfirm.defaultProps = {\n  modifier: '',\n  errorMessage: '',\n  children: []\n};\n\nexport default EmailConfirm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe,OAA0C;EAAA,IAAvCC,QAAuC,QAAvCA,QAAuC;EAAA,IAA7BC,YAA6B,QAA7BA,YAA6B;EAAA,IAAfC,QAAe,QAAfA,QAAe;EAC7D,IAAMC,MAAM,GAAG,IAAAC,iBAAA,GAAf;EACA,IAAQC,MAAR,GAAmBF,MAAnB,CAAQE,MAAR;;EAEA,gBAA+D,IAAAC,qBAAA,EAASD,MAAT,CAA/D;EAAA,gCAAQE,KAAR;;EAAA,+CAAwD,EAAxD;EAAA,IAAiBC,KAAjB,mBAAiBA,KAAjB;EAAA,IAAqCC,cAArC,mBAAwBC,WAAxB;;EACA,gBAAwC,IAAAC,eAAA,EAAS,IAAT,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,mBAAoD,IAAAC,mBAAA,EAAYC,oBAAZ,EAAoC;IACtFC,WAAW,EAAE,4BAA0B;MAAA,IAAvBC,gBAAuB,SAAvBA,gBAAuB;;MACrC,YAGEA,gBAAgB,IAAI,EAHtB;MAAA,IACYC,MADZ,SACEC,MADF,CACYD,MADZ;;MAIA,YAAwBA,MAAM,IAAI,EAAlC;MAAA,IAAQR,WAAR,SAAQA,WAAR;;MACAG,eAAe,CAAC,KAAD,CAAf;;MACA,IAAIH,WAAW,IAAI,CAACD,cAApB,EAAoC;QAClCN,MAAM,CAACiB,IAAP,wBAA4Bf,MAA5B,0BAAkDK,WAAlD,GAAiE;UAAEW,OAAO,EAAE;QAAX,CAAjE;MACD;IACF;EAXqF,CAApC,CAApD;EAAA;EAAA,IAAOC,oBAAP;EAAA;EAAA,IAA+BC,OAA/B,kBAA+BA,OAA/B;EAAA,IAAwCC,MAAxC,kBAAwCA,MAAxC;;EAcA,IAAAC,gBAAA,EACE,YAAM;IACJ,IAAIjB,KAAJ,EAAWc,oBAAoB,CAAC;MAAEI,SAAS,EAAE;QAAElB,KAAK,EAALA;MAAF;IAAb,CAAD,CAApB;EACZ,CAHH,EAIE,CAACc,oBAAD,EAAuBd,KAAvB,CAJF;EAOA,IAAKA,KAAK,IAAI,CAACgB,MAAX,IAAsBD,OAA1B,EAAmC,OAAO,IAAP;EACnC,IAAMI,gBAAgB,GAAG,IAAAC,uBAAA,EAAe1B,QAAf,CAAzB;EAEA,oBAAO,kEAAGU,YAAY,gBAAG;IAAM,SAAS,EAAEZ;EAAjB,GAA4BC,YAA5B,CAAH,GAAsD0B,gBAArE,CAAP;AACD,CA/BD;;AAiCA5B,YAAY,CAAC8B,SAAb,GAAyB;EACvB7B,QAAQ,EAAE8B,qBAAA,CAAUC,MADG;EAEvB9B,YAAY,EAAE6B,qBAAA,CAAUC,MAFD;EAGvB7B,QAAQ,EAAE4B,qBAAA,CAAUE,SAAV,CAAoB,CAACF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,IAA5B,CAAD,EAAoCJ,qBAAA,CAAUI,IAA9C,CAApB;AAHa,CAAzB;AAMAnC,YAAY,CAACoC,YAAb,GAA4B;EAC1BnC,QAAQ,EAAE,EADgB;EAE1BC,YAAY,EAAE,EAFY;EAG1BC,QAAQ,EAAE;AAHgB,CAA5B;eAMeH,Y"}

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalLightbox.js","names":["GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","data","loading","error","message","getFile","imageUrl","imageData","urlProps","href","title","imgWrapperProps","caption","altText","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","Object","keys","propTypes","PropTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n  const [index, setIndex] = useState(selectedImage);\n\n  const currentImage = images[index] || {};\n\n  const {\n    imageId,\n    url,\n    name,\n    enableLightbox,\n    isCaptionDisplayed,\n    areImageCreditsDisplayed,\n    imageCredits,\n    credits,\n    ...otherProps\n  } = currentImage;\n\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) {\n    return error.message;\n  }\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const urlProps = { href: url, title: name };\n  const imgWrapperProps = url ? urlProps : {};\n\n  const { caption, altText } = getImageData(otherProps, imageData);\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: credits || imageCredits\n  });\n\n  const navigate = position => {\n    const newPosition = index + position;\n    if (images[newPosition]) {\n      setIndex(newPosition);\n    }\n  };\n\n  const handlePrevious = () => navigate(-1);\n  const handleNext = () => navigate(1);\n  const handleClose = () => onClose();\n\n  const showNext = index !== images.length - 1;\n  const showPrevious = !!index;\n\n  const imageCounter = `${index + 1} of ${images.length}`;\n\n  return (\n    <>\n      {!!images.length && (\n        <div>\n          <div className=\"overlay\" />\n          <div className=\"modal modal--full-screen modal--gallery modal--show\">\n            <header className=\"modal__header modal__header--gallery\">\n              <div className=\"modal__title modal__title--gallery\">\n                {parentName || metaTitle || name}\n              </div>\n              <div role=\"button\" className=\"modal__close\" onClick={handleClose}>\n                <i>\n                  <FaTimes />\n                </i>\n              </div>\n            </header>\n            <div className=\"modal__content modal__content--gallery\">\n              <div className=\"gallery\">\n                <div className=\"gallery__column gallery__column--slider\">\n                  <div className=\"gallery__slider\">\n                    <div className=\"slider__wrapper slider__wrapper--gallery open\">\n                      <div className=\"slider__header slider__header--gallery\">\n                        <div\n                          className=\"slider__counter slider__counter--gallery\"\n                          data-testid=\"image-counter\">\n                          {imageCounter}\n                        </div>\n                      </div>\n\n                      <NavButton\n                        handleAction={handlePrevious}\n                        show={showPrevious}\n                        modifier=\"previous\"\n                      />\n\n                      <div className=\"slider slider--gallery\">\n                        <div className=\"slider__list slider__list--gallery\">\n                          <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n                            <div className=\"slider__slide slider__slide--gallery\">\n                              {loading && <div />}\n                              {Object.keys(imgWrapperProps).length ? (\n                                <BlazeLink {...imgWrapperProps}>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </BlazeLink>\n                              ) : (\n                                <Fragment>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </Fragment>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <NavButton handleAction={handleNext} show={showNext} modifier=\"next\" />\n                    </div>\n                    {(shouldDisplayCaption || shouldDisplayCredits) && (\n                      <ImageDetails\n                        caption={caption}\n                        credits={credits || imageCredits}\n                        shouldDisplayCaption={shouldDisplayCaption}\n                        shouldDisplayCredits={shouldDisplayCredits}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nGlobalLightbox.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      imageId: PropTypes.string\n    })\n  ),\n  metaTitle: PropTypes.string,\n  onClose: PropTypes.func.isRequired,\n  selectedImage: PropTypes.number,\n  parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n  metaTitle: '',\n  images: [],\n  selectedImage: 0,\n  parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}
+{"version":3,"file":"GlobalLightbox.js","names":["GlobalLightbox","images","onClose","selectedImage","metaTitle","parentName","useState","index","setIndex","currentImage","imageId","url","name","enableLightbox","isCaptionDisplayed","areImageCreditsDisplayed","imageCredits","credits","otherProps","useGetImages","data","loading","error","message","getFile","imageUrl","imageData","urlProps","href","title","imgWrapperProps","getImageData","caption","altText","shouldDisplayCaption","shouldShowProperty","isDisplayed","value","shouldDisplayCredits","navigate","position","newPosition","handlePrevious","handleNext","handleClose","showNext","length","showPrevious","imageCounter","Object","keys","propTypes","PropTypes","arrayOf","shape","string","func","isRequired","number","defaultProps"],"sources":["../../../../src/components/Image/GlobalLightbox/GlobalLightbox.js"],"sourcesContent":["import React, { useState, Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport { FaTimes } from 'react-icons/fa';\nimport BlazeLink from '../../BlazeLink';\nimport ImageDetails from '../ImageDetails';\nimport NavButton from './NavButton';\nimport getImageData from '../../../utils/get-image-data';\nimport useGetImages from '../../../hooks/use-get-images';\nimport { shouldShowProperty } from '../../../helpers';\n\nconst GlobalLightbox = ({ images, onClose, selectedImage, metaTitle, parentName }) => {\n  const [index, setIndex] = useState(selectedImage);\n\n  const currentImage = images[index] || {};\n\n  const {\n    imageId,\n    url,\n    name,\n    enableLightbox,\n    isCaptionDisplayed,\n    areImageCreditsDisplayed,\n    imageCredits,\n    credits,\n    ...otherProps\n  } = currentImage;\n\n  const { data, loading, error } = useGetImages(imageId);\n\n  if (error) {\n    return error.message;\n  }\n\n  const { url: imageUrl = '', data: imageData = {} } = data.getFile || {\n    getFile: { url: '', data: {} }\n  };\n\n  const urlProps = { href: url, title: name };\n  const imgWrapperProps = url ? urlProps : {};\n\n  const { caption, altText } = getImageData(otherProps, imageData);\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // depreciated: imageCredits is depreciated. This code is to handle legacy data. check before changing/removing\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: credits || imageCredits\n  });\n\n  const navigate = position => {\n    const newPosition = index + position;\n    if (images[newPosition]) {\n      setIndex(newPosition);\n    }\n  };\n\n  const handlePrevious = () => navigate(-1);\n  const handleNext = () => navigate(1);\n  const handleClose = () => onClose();\n\n  const showNext = index !== images.length - 1;\n  const showPrevious = !!index;\n\n  const imageCounter = `${index + 1} of ${images.length}`;\n\n  return (\n    <>\n      {!!images.length && (\n        <div>\n          <div className=\"overlay\" />\n          <div className=\"modal modal--full-screen modal--gallery modal--show\">\n            <header className=\"modal__header modal__header--gallery\">\n              <div className=\"modal__title modal__title--gallery\">\n                {parentName || metaTitle || name}\n              </div>\n              <div role=\"button\" className=\"modal__close\" onClick={handleClose}>\n                <i>\n                  <FaTimes />\n                </i>\n              </div>\n            </header>\n            <div className=\"modal__content modal__content--gallery\">\n              <div className=\"gallery\">\n                <div className=\"gallery__column gallery__column--slider\">\n                  <div className=\"gallery__slider\">\n                    <div className=\"slider__wrapper slider__wrapper--gallery open\">\n                      <div className=\"slider__header slider__header--gallery\">\n                        <div\n                          className=\"slider__counter slider__counter--gallery\"\n                          data-testid=\"image-counter\">\n                          {imageCounter}\n                        </div>\n                      </div>\n\n                      <NavButton\n                        handleAction={handlePrevious}\n                        show={showPrevious}\n                        modifier=\"previous\"\n                      />\n\n                      <div className=\"slider slider--gallery\">\n                        <div className=\"slider__list slider__list--gallery\">\n                          <div className=\"slider__list-wrapper slider__list-wrapper--gallery\">\n                            <div className=\"slider__slide slider__slide--gallery\">\n                              {loading && <div />}\n                              {Object.keys(imgWrapperProps).length ? (\n                                <BlazeLink {...imgWrapperProps}>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </BlazeLink>\n                              ) : (\n                                <Fragment>\n                                  <ResponsiveImage\n                                    src={imageUrl}\n                                    alt={altText}\n                                    sizeKey=\"globalLightbox\"\n                                    data-testid=\"globalLightboxImage\"\n                                  />\n                                </Fragment>\n                              )}\n                            </div>\n                          </div>\n                        </div>\n                      </div>\n\n                      <NavButton handleAction={handleNext} show={showNext} modifier=\"next\" />\n                    </div>\n                    {(shouldDisplayCaption || shouldDisplayCredits) && (\n                      <ImageDetails\n                        caption={caption}\n                        credits={credits || imageCredits}\n                        shouldDisplayCaption={shouldDisplayCaption}\n                        shouldDisplayCredits={shouldDisplayCredits}\n                      />\n                    )}\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n\nGlobalLightbox.propTypes = {\n  images: PropTypes.arrayOf(\n    PropTypes.shape({\n      url: PropTypes.string,\n      imageId: PropTypes.string\n    })\n  ),\n  metaTitle: PropTypes.string,\n  onClose: PropTypes.func.isRequired,\n  selectedImage: PropTypes.number,\n  parentName: PropTypes.string\n};\n\nGlobalLightbox.defaultProps = {\n  metaTitle: '',\n  images: [],\n  selectedImage: 0,\n  parentName: ''\n};\n\nexport default GlobalLightbox;\n"],"mappings":"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"}

package/lib/components/Image/GlobalLightbox/NavButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavButton.js","names":["NavButton","handleAction","show","modifier","propTypes","PropTypes","func","isRequired","bool","string"],"sources":["../../../../src/components/Image/GlobalLightbox/NavButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst NavButton = ({ handleAction, show, modifier }) => (\n  <>\n    {show && (\n      <div\n        role=\"button\"\n        className={`slider__button slider__button--gallery slider__button--${modifier}`}\n        onClick={handleAction}>\n        <div\n          className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n          data-testid={`navButton-${modifier}`}\n        />\n      </div>\n    )}\n  </>\n);\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAAGC,YAAH,QAAGA,YAAH;EAAA,IAAiBC,IAAjB,QAAiBA,IAAjB;EAAA,IAAuBC,QAAvB,QAAuBA,QAAvB;EAAA,oBAChB,kEACGD,IAAI,iBACH;IACE,IAAI,EAAC,QADP;IAEE,SAAS,mEAA4DC,QAA5D,CAFX;IAGE,OAAO,EAAEF;EAHX,gBAIE;IACE,SAAS,yBAAkBE,QAAQ,KAAK,MAAb,GAAsB,OAAtB,GAAgC,MAAlD,CADX;IAEE,mCAA0BA,QAA1B;EAFF,EAJF,CAFJ,CADgB;AAAA,CAAlB;;AAgBAH,SAAS,CAACI,SAAV,GAAsB;EACpBH,YAAY,EAAEI,sBAAUC,IAAV,CAAeC,UADT;EAEpBL,IAAI,EAAEG,sBAAUG,IAAV,CAAeD,UAFD;EAGpBJ,QAAQ,EAAEE,sBAAUI,MAAV,CAAiBF;AAHP,CAAtB;eAMeP,S"}
+{"version":3,"file":"NavButton.js","names":["NavButton","handleAction","show","modifier","propTypes","PropTypes","func","isRequired","bool","string"],"sources":["../../../../src/components/Image/GlobalLightbox/NavButton.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst NavButton = ({ handleAction, show, modifier }) => (\n  <>\n    {show && (\n      <div\n        role=\"button\"\n        className={`slider__button slider__button--gallery slider__button--${modifier}`}\n        onClick={handleAction}>\n        <div\n          className={`arrow arrow--${modifier === 'next' ? 'right' : 'left'}`}\n          data-testid={`navButton-${modifier}`}\n        />\n      </div>\n    )}\n  </>\n);\n\nNavButton.propTypes = {\n  handleAction: PropTypes.func.isRequired,\n  show: PropTypes.bool.isRequired,\n  modifier: PropTypes.string.isRequired\n};\n\nexport default NavButton;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY;EAAA,IAAGC,YAAH,QAAGA,YAAH;EAAA,IAAiBC,IAAjB,QAAiBA,IAAjB;EAAA,IAAuBC,QAAvB,QAAuBA,QAAvB;EAAA,oBAChB,kEACGD,IAAI,iBACH;IACE,IAAI,EAAC,QADP;IAEE,SAAS,mEAA4DC,QAA5D,CAFX;IAGE,OAAO,EAAEF;EAHX,gBAIE;IACE,SAAS,yBAAkBE,QAAQ,KAAK,MAAb,GAAsB,OAAtB,GAAgC,MAAlD,CADX;IAEE,mCAA0BA,QAA1B;EAFF,EAJF,CAFJ,CADgB;AAAA,CAAlB;;AAgBAH,SAAS,CAACI,SAAV,GAAsB;EACpBH,YAAY,EAAEI,qBAAA,CAAUC,IAAV,CAAeC,UADT;EAEpBL,IAAI,EAAEG,qBAAA,CAAUG,IAAV,CAAeD,UAFD;EAGpBJ,QAAQ,EAAEE,qBAAA,CAAUI,MAAV,CAAiBF;AAHP,CAAtB;eAMeP,S"}

package/lib/components/Image/GlobalLightbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Image/GlobalLightbox/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() =>\n  import(/* webpackChunkName: \"blazePbGlobalLightbox\" */ './GlobalLightbox')\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;eAEe,yBAAQ;EAAA;IAAA,uCACkC,kBADlC;EAAA;AAAA,CAAR,C"}
+{"version":3,"file":"index.js","names":["dynamic"],"sources":["../../../../src/components/Image/GlobalLightbox/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() =>\n  import(/* webpackChunkName: \"blazePbGlobalLightbox\" */ './GlobalLightbox')\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;eAEe,IAAAA,mBAAA,EAAQ;EAAA;IAAA,uCACkC,kBADlC;EAAA;AAAA,CAAR,C"}

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

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["Image","url","_modifier","modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","priority","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","otherProps","displayLightbox","setDisplayLightbox","IN_VIEW_CONFIG","isIntersecting","outerRef","caption","altText","hrefUrl","imageDataCredits","href","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","wrapperClassName","HERO","IMAGE","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","isDisplayed","value","creditsValue","shouldDisplayCredits","shouldDisplayCount","countMessage","sizeKey","filter","Boolean","join","shouldDisplayImage","propTypes","PropTypes","string","bool","func","array","object","defaultProps"],"sources":["../../../src/components/Image/Image.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport Wrapper from '../Wrapper';\nimport ImageRender from './ImageRender';\nimport ImageDetails from './ImageDetails';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { getImageData } from '../../utils';\nimport { getDisplayCountData, shouldShowProperty, buildImageProperties } from '../../helpers';\nimport { IMAGE, HERO, IN_VIEW_CONFIG } from '../../constants';\n\nconst Image = ({\n  url,\n  modifier: _modifier,\n  imageId,\n  enableLightbox,\n  name,\n  toggleModal,\n  handleSelectedImage,\n  displayCount,\n  lightboxImages,\n  isHero,\n  priority,\n  type,\n  areImageCreditsDisplayed,\n  isCaptionDisplayed,\n  images,\n  imageData,\n  imageUrl,\n  elementTitle,\n  credits,\n  imageCredits,\n  ...otherProps\n}) => {\n  const [displayLightbox, setDisplayLightbox] = useState(false);\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const { caption, altText, hrefUrl, credits: imageDataCredits } = getImageData(\n    otherProps,\n    imageData\n  );\n\n  const href = url || hrefUrl;\n\n  const { ImgWrapper, imgWrapperProps, lightboxImgProps } = buildImageProperties({\n    href,\n    name,\n    enableLightbox,\n    isHero\n  });\n\n  const modifier = _modifier || '';\n  const modifiers = getClassModifiers(type, { modifier, ...otherProps });\n  const wrapperClassName = isHero ? HERO : IMAGE;\n  const toggleLightbox = () => setDisplayLightbox(!displayLightbox);\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing\n  const creditsValue = credits || imageCredits || imageDataCredits;\n\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: creditsValue\n  });\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(displayCount, images);\n  const sizeKey = [IMAGE, isHero ? HERO : '', _modifier].filter(Boolean).join(':');\n  const shouldDisplayImage = !!imageUrl && (priority || isIntersecting);\n\n  return (\n    <Wrapper ref={outerRef} className={wrapperClassName} modifiers={modifiers} {...otherProps}>\n      {elementTitle && <h2 className=\"heading heading--section\">{elementTitle}</h2>}\n      {shouldDisplayImage && (\n        <ImgWrapper {...imgWrapperProps}>\n          <ImageRender\n            {...otherProps}\n            alt={altText}\n            imageUrl={imageUrl}\n            handleEnableLightbox={handleEnableLightbox}\n            toggleLightbox={toggleLightbox}\n            displayLightbox={displayLightbox}\n            caption={caption}\n            enableLightbox={enableLightbox}\n            lightboxImgProps={lightboxImgProps}\n            name={name}\n            displayCount={displayCount}\n            lightboxImages={lightboxImages}\n            isHero={isHero}\n            priority={priority}\n            sizeKey={sizeKey}\n          />\n        </ImgWrapper>\n      )}\n      {shouldDisplayCount && (\n        <div\n          className=\"image__button image__button--count\"\n          role=\"button\"\n          onClick={handleEnableLightbox}>\n          <p>{countMessage}</p>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      )}\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <ImageDetails\n          caption={caption}\n          credits={creditsValue}\n          shouldDisplayCaption={shouldDisplayCaption}\n          shouldDisplayCredits={shouldDisplayCredits}\n        />\n      )}\n    </Wrapper>\n  );\n};\n\nImage.propTypes = {\n  url: PropTypes.string,\n  name: PropTypes.string,\n  modifier: PropTypes.string,\n  imageId: PropTypes.string,\n  enableLightbox: PropTypes.bool,\n  toggleModal: PropTypes.func,\n  handleSelectedImage: PropTypes.func,\n  displayCount: PropTypes.bool,\n  lightboxImages: PropTypes.array,\n  images: PropTypes.array,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  type: PropTypes.string,\n  areImageCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  imageData: PropTypes.object,\n  imageUrl: PropTypes.string,\n  credits: PropTypes.string,\n  imageCredits: PropTypes.string,\n  elementTitle: PropTypes.string\n};\n\nImage.defaultProps = {\n  modifier: '',\n  url: null,\n  name: '',\n  credits: '',\n  imageCredits: '',\n  enableLightbox: false,\n  imageId: '',\n  handleSelectedImage: () => {},\n  toggleModal: () => {},\n  displayCount: false,\n  lightboxImages: [],\n  images: [],\n  isHero: false,\n  priority: false,\n  type: '',\n  areImageCreditsDisplayed: false,\n  isCaptionDisplayed: true,\n  imageData: {},\n  imageUrl: '',\n  elementTitle: ''\n};\n\nexport default Image;\n"],"mappings":"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"}
+{"version":3,"file":"Image.js","names":["Image","url","_modifier","modifier","imageId","enableLightbox","name","toggleModal","handleSelectedImage","displayCount","lightboxImages","isHero","priority","type","areImageCreditsDisplayed","isCaptionDisplayed","images","imageData","imageUrl","elementTitle","credits","imageCredits","otherProps","useState","displayLightbox","setDisplayLightbox","useInView","IN_VIEW_CONFIG","isIntersecting","outerRef","getImageData","caption","altText","hrefUrl","imageDataCredits","href","buildImageProperties","ImgWrapper","imgWrapperProps","lightboxImgProps","modifiers","getClassModifiers","wrapperClassName","HERO","IMAGE","toggleLightbox","handleEnableLightbox","shouldDisplayCaption","shouldShowProperty","isDisplayed","value","creditsValue","shouldDisplayCredits","getDisplayCountData","shouldDisplayCount","countMessage","sizeKey","filter","Boolean","join","shouldDisplayImage","propTypes","PropTypes","string","bool","func","array","object","defaultProps"],"sources":["../../../src/components/Image/Image.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport Wrapper from '../Wrapper';\nimport ImageRender from './ImageRender';\nimport ImageDetails from './ImageDetails';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { getImageData } from '../../utils';\nimport { getDisplayCountData, shouldShowProperty, buildImageProperties } from '../../helpers';\nimport { IMAGE, HERO, IN_VIEW_CONFIG } from '../../constants';\n\nconst Image = ({\n  url,\n  modifier: _modifier,\n  imageId,\n  enableLightbox,\n  name,\n  toggleModal,\n  handleSelectedImage,\n  displayCount,\n  lightboxImages,\n  isHero,\n  priority,\n  type,\n  areImageCreditsDisplayed,\n  isCaptionDisplayed,\n  images,\n  imageData,\n  imageUrl,\n  elementTitle,\n  credits,\n  imageCredits,\n  ...otherProps\n}) => {\n  const [displayLightbox, setDisplayLightbox] = useState(false);\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const { caption, altText, hrefUrl, credits: imageDataCredits } = getImageData(\n    otherProps,\n    imageData\n  );\n\n  const href = url || hrefUrl;\n\n  const { ImgWrapper, imgWrapperProps, lightboxImgProps } = buildImageProperties({\n    href,\n    name,\n    enableLightbox,\n    isHero\n  });\n\n  const modifier = _modifier || '';\n  const modifiers = getClassModifiers(type, { modifier, ...otherProps });\n  const wrapperClassName = isHero ? HERO : IMAGE;\n  const toggleLightbox = () => setDisplayLightbox(!displayLightbox);\n\n  const handleEnableLightbox = () => {\n    if (!enableLightbox) return;\n    toggleModal();\n    handleSelectedImage(imageId);\n  };\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n\n  // deprecated: imageCredits is deprecated. This code is to handle legacy data. check before changing/removing\n  const creditsValue = credits || imageCredits || imageDataCredits;\n\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areImageCreditsDisplayed,\n    value: creditsValue\n  });\n  const { shouldDisplayCount, countMessage } = getDisplayCountData(displayCount, images);\n  const sizeKey = [IMAGE, isHero ? HERO : '', _modifier].filter(Boolean).join(':');\n  const shouldDisplayImage = !!imageUrl && (priority || isIntersecting);\n\n  return (\n    <Wrapper ref={outerRef} className={wrapperClassName} modifiers={modifiers} {...otherProps}>\n      {elementTitle && <h2 className=\"heading heading--section\">{elementTitle}</h2>}\n      {shouldDisplayImage && (\n        <ImgWrapper {...imgWrapperProps}>\n          <ImageRender\n            {...otherProps}\n            alt={altText}\n            imageUrl={imageUrl}\n            handleEnableLightbox={handleEnableLightbox}\n            toggleLightbox={toggleLightbox}\n            displayLightbox={displayLightbox}\n            caption={caption}\n            enableLightbox={enableLightbox}\n            lightboxImgProps={lightboxImgProps}\n            name={name}\n            displayCount={displayCount}\n            lightboxImages={lightboxImages}\n            isHero={isHero}\n            priority={priority}\n            sizeKey={sizeKey}\n          />\n        </ImgWrapper>\n      )}\n      {shouldDisplayCount && (\n        <div\n          className=\"image__button image__button--count\"\n          role=\"button\"\n          onClick={handleEnableLightbox}>\n          <p>{countMessage}</p>\n          <div className=\"arrow arrow--right\" />\n        </div>\n      )}\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <ImageDetails\n          caption={caption}\n          credits={creditsValue}\n          shouldDisplayCaption={shouldDisplayCaption}\n          shouldDisplayCredits={shouldDisplayCredits}\n        />\n      )}\n    </Wrapper>\n  );\n};\n\nImage.propTypes = {\n  url: PropTypes.string,\n  name: PropTypes.string,\n  modifier: PropTypes.string,\n  imageId: PropTypes.string,\n  enableLightbox: PropTypes.bool,\n  toggleModal: PropTypes.func,\n  handleSelectedImage: PropTypes.func,\n  displayCount: PropTypes.bool,\n  lightboxImages: PropTypes.array,\n  images: PropTypes.array,\n  isHero: PropTypes.bool,\n  priority: PropTypes.bool,\n  type: PropTypes.string,\n  areImageCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  imageData: PropTypes.object,\n  imageUrl: PropTypes.string,\n  credits: PropTypes.string,\n  imageCredits: PropTypes.string,\n  elementTitle: PropTypes.string\n};\n\nImage.defaultProps = {\n  modifier: '',\n  url: null,\n  name: '',\n  credits: '',\n  imageCredits: '',\n  enableLightbox: false,\n  imageId: '',\n  handleSelectedImage: () => {},\n  toggleModal: () => {},\n  displayCount: false,\n  lightboxImages: [],\n  images: [],\n  isHero: false,\n  priority: false,\n  type: '',\n  areImageCreditsDisplayed: false,\n  isCaptionDisplayed: true,\n  imageData: {},\n  imageUrl: '',\n  elementTitle: ''\n};\n\nexport default Image;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageDetails.js","names":["ImageDetails","caption","credits","shouldDisplayCaption","shouldDisplayCredits","propTypes","PropTypes","string","bool","isRequired","defaultProps"],"sources":["../../../src/components/Image/ImageDetails.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst ImageDetails = ({ caption, credits, shouldDisplayCaption, shouldDisplayCredits }) => (\n  <div className=\"image__details\" data-testid=\"image-details\">\n    {shouldDisplayCaption && <div className=\"caption\">{caption}</div>}\n    {shouldDisplayCredits && <div className=\"credits\">{credits}</div>}\n  </div>\n);\n\nImageDetails.propTypes = {\n  caption: PropTypes.string,\n  credits: PropTypes.string,\n  shouldDisplayCaption: PropTypes.bool.isRequired,\n  shouldDisplayCredits: PropTypes.bool.isRequired\n};\n\nImageDetails.defaultProps = {\n  caption: null,\n  credits: null\n};\n\nexport default ImageDetails;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYC,OAAZ,QAAYA,OAAZ;EAAA,IAAqBC,oBAArB,QAAqBA,oBAArB;EAAA,IAA2CC,oBAA3C,QAA2CA,oBAA3C;EAAA,oBACnB;IAAK,SAAS,EAAC,gBAAf;IAAgC,eAAY;EAA5C,GACGD,oBAAoB,iBAAI;IAAK,SAAS,EAAC;EAAf,GAA0BF,OAA1B,CAD3B,EAEGG,oBAAoB,iBAAI;IAAK,SAAS,EAAC;EAAf,GAA0BF,OAA1B,CAF3B,CADmB;AAAA,CAArB;;AAOAF,YAAY,CAACK,SAAb,GAAyB;EACvBJ,OAAO,EAAEK,sBAAUC,MADI;EAEvBL,OAAO,EAAEI,sBAAUC,MAFI;EAGvBJ,oBAAoB,EAAEG,sBAAUE,IAAV,CAAeC,UAHd;EAIvBL,oBAAoB,EAAEE,sBAAUE,IAAV,CAAeC;AAJd,CAAzB;AAOAT,YAAY,CAACU,YAAb,GAA4B;EAC1BT,OAAO,EAAE,IADiB;EAE1BC,OAAO,EAAE;AAFiB,CAA5B;eAKeF,Y"}
+{"version":3,"file":"ImageDetails.js","names":["ImageDetails","caption","credits","shouldDisplayCaption","shouldDisplayCredits","propTypes","PropTypes","string","bool","isRequired","defaultProps"],"sources":["../../../src/components/Image/ImageDetails.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst ImageDetails = ({ caption, credits, shouldDisplayCaption, shouldDisplayCredits }) => (\n  <div className=\"image__details\" data-testid=\"image-details\">\n    {shouldDisplayCaption && <div className=\"caption\">{caption}</div>}\n    {shouldDisplayCredits && <div className=\"credits\">{credits}</div>}\n  </div>\n);\n\nImageDetails.propTypes = {\n  caption: PropTypes.string,\n  credits: PropTypes.string,\n  shouldDisplayCaption: PropTypes.bool.isRequired,\n  shouldDisplayCredits: PropTypes.bool.isRequired\n};\n\nImageDetails.defaultProps = {\n  caption: null,\n  credits: null\n};\n\nexport default ImageDetails;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYC,OAAZ,QAAYA,OAAZ;EAAA,IAAqBC,oBAArB,QAAqBA,oBAArB;EAAA,IAA2CC,oBAA3C,QAA2CA,oBAA3C;EAAA,oBACnB;IAAK,SAAS,EAAC,gBAAf;IAAgC,eAAY;EAA5C,GACGD,oBAAoB,iBAAI;IAAK,SAAS,EAAC;EAAf,GAA0BF,OAA1B,CAD3B,EAEGG,oBAAoB,iBAAI;IAAK,SAAS,EAAC;EAAf,GAA0BF,OAA1B,CAF3B,CADmB;AAAA,CAArB;;AAOAF,YAAY,CAACK,SAAb,GAAyB;EACvBJ,OAAO,EAAEK,qBAAA,CAAUC,MADI;EAEvBL,OAAO,EAAEI,qBAAA,CAAUC,MAFI;EAGvBJ,oBAAoB,EAAEG,qBAAA,CAAUE,IAAV,CAAeC,UAHd;EAIvBL,oBAAoB,EAAEE,qBAAA,CAAUE,IAAV,CAAeC;AAJd,CAAzB;AAOAT,YAAY,CAACU,YAAb,GAA4B;EAC1BT,OAAO,EAAE,IADiB;EAE1BC,OAAO,EAAE;AAFiB,CAA5B;eAKeF,Y"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageFactory.js","names":["ImageFactory","props","imageId","itemId","parent","entity","fetchFromRelation","imageRelation","MainContext","isPreview","isUsingRelationImage","data","getEntitySchema","actions","relationData","relationLoading","loading","updatedImageIds","imageIds","length","getFile","getFiles","error","message","files","map","id","imageData","url","imageUrl","propTypes","PropTypes","string","bool","array","object","defaultProps"],"sources":["../../../src/components/Image/ImageFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n  const {\n    imageId,\n    parent: { itemId },\n    entity,\n    fetchFromRelation,\n    imageRelation\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema = {} } = {} } = useGetSingleEntitySchema(entity, !entity);\n  const { actions = {} } = getEntitySchema;\n  const { data: relationData, loading: relationLoading } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview\n  );\n\n  const updatedImageIds = relationLoading\n    ? null\n    : getImageIds(imageRelation, relationData, imageId);\n  const imageIds =\n    updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;\n  const { data: { getFile, getFiles = [] } = {}, loading, error } = useGetImages(\n    imageIds,\n    updatedImageIds && updatedImageIds.length > 1\n  );\n  if (error) return error.message;\n  if (loading) return '';\n\n  const files = getFile ? [getFile] : getFiles;\n  return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n    if (!imageUrl) return null;\n    return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n  });\n};\n\nImageFactory.propTypes = {\n  entity: PropTypes.string,\n  fetchFromRelation: PropTypes.bool,\n  imageId: PropTypes.string,\n  imageRelation: PropTypes.array,\n  parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n  entity: '',\n  fetchFromRelation: false,\n  imageId: '',\n  imageRelation: [],\n  parent: {}\n};\n\nexport default ImageFactory;\n"],"mappings":"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"}
+{"version":3,"file":"ImageFactory.js","names":["ImageFactory","props","imageId","itemId","parent","entity","fetchFromRelation","imageRelation","useContext","MainContext","isPreview","isUsingRelationImage","checkIfUsingRelationImage","useGetSingleEntitySchema","data","getEntitySchema","actions","useGetImageIdFromRelation","relationData","relationLoading","loading","updatedImageIds","getImageIds","imageIds","length","useGetImages","getFile","getFiles","error","message","files","map","id","imageData","url","imageUrl","propTypes","PropTypes","string","bool","array","object","defaultProps"],"sources":["../../../src/components/Image/ImageFactory.js"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { MainContext } from '@blaze-cms/nextjs-components';\nimport Image from './Image';\nimport { useGetImageIdFromRelation, useGetImages, useGetSingleEntitySchema } from '../../hooks';\nimport { getImageIds, isUsingRelationImage as checkIfUsingRelationImage } from '../../helpers';\n\nconst ImageFactory = props => {\n  const {\n    imageId,\n    parent: { itemId },\n    entity,\n    fetchFromRelation,\n    imageRelation\n  } = props;\n  const { isPreview } = useContext(MainContext);\n  const isUsingRelationImage = checkIfUsingRelationImage(entity, fetchFromRelation, imageRelation);\n  const { data: { getEntitySchema = {} } = {} } = useGetSingleEntitySchema(entity, !entity);\n  const { actions = {} } = getEntitySchema;\n  const { data: relationData, loading: relationLoading } = useGetImageIdFromRelation(\n    itemId,\n    imageRelation,\n    actions,\n    isUsingRelationImage,\n    isPreview\n  );\n\n  const updatedImageIds = relationLoading\n    ? null\n    : getImageIds(imageRelation, relationData, imageId);\n  const imageIds =\n    updatedImageIds && updatedImageIds.length === 1 ? updatedImageIds[0] : updatedImageIds;\n  const { data: { getFile, getFiles = [] } = {}, loading, error } = useGetImages(\n    imageIds,\n    updatedImageIds && updatedImageIds.length > 1\n  );\n  if (error) return error.message;\n  if (loading) return '';\n\n  const files = getFile ? [getFile] : getFiles;\n  return files.map(({ id, data: imageData = {}, url: imageUrl = '' }) => {\n    if (!imageUrl) return null;\n    return <Image key={id} {...props} imageData={imageData} imageUrl={imageUrl} />;\n  });\n};\n\nImageFactory.propTypes = {\n  entity: PropTypes.string,\n  fetchFromRelation: PropTypes.bool,\n  imageId: PropTypes.string,\n  imageRelation: PropTypes.array,\n  parent: PropTypes.object\n};\n\nImageFactory.defaultProps = {\n  entity: '',\n  fetchFromRelation: false,\n  imageId: '',\n  imageRelation: [],\n  parent: {}\n};\n\nexport default ImageFactory;\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,qBAAA,CAAUC,IAAV,CAAeC,UADV;EAEtBlB,cAAc,EAAEgB,qBAAA,CAAUC,IAAV,CAAeC,UAFT;EAGtBvB,GAAG,EAAEqB,qBAAA,CAAUG,MAHO;EAItBlB,OAAO,EAAEe,qBAAA,CAAUG,MAJG;EAKtBvB,QAAQ,EAAEoB,qBAAA,CAAUG,MAAV,CAAiBD,UALL;EAMtBf,IAAI,EAAEa,qBAAA,CAAUG,MANM;EAOtBd,YAAY,EAAEW,qBAAA,CAAUG,MAPF;EAQtBf,SAAS,EAAEY,qBAAA,CAAUG,MARC;EAStBtB,oBAAoB,EAAEmB,qBAAA,CAAUI,IAAV,CAAeF,UATf;EAUtBpB,cAAc,EAAEkB,qBAAA,CAAUI,IAAV,CAAeF,UAVT;EAWtBhB,gBAAgB,EAAEc,qBAAA,CAAUK,MAAV,CAAiBH,UAXb;EAYtBZ,KAAK,EAAEU,qBAAA,CAAUK,MAZK;EAatBd,MAAM,EAAES,qBAAA,CAAUC,IAbI;EActBT,QAAQ,EAAEQ,qBAAA,CAAUC,IAdE;EAetBR,OAAO,EAAEO,qBAAA,CAAUG;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/Image/Lightbox/Lightbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.js","names":["Lightbox","name","imageUrl","altTxt","closeModal","imageCaption","imgWrapperProps","IN_VIEW_CONFIG","isIntersecting","outerRef","hasLink","Object","keys","length","ImgWrapper","BlazeLink","Fragment","propTypes","PropTypes","string","func","isRequired","object","modifier","defaultProps"],"sources":["../../../../src/components/Image/Lightbox/Lightbox.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from '@blaze-react/modal';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport BlazeLink from '../../BlazeLink';\nimport { IN_VIEW_CONFIG } from '../../../constants';\n\n// add for full screen modal based on blaze, and pass modifiers(lightbox)\nconst Lightbox = ({ name, imageUrl, altTxt, closeModal, imageCaption, imgWrapperProps }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const hasLink = Object.keys(imgWrapperProps).length;\n  const ImgWrapper = hasLink ? BlazeLink : Fragment;\n\n  return (\n    <Modal title={name} onClose={closeModal} isFullScreen>\n      <div className=\"row row--display-row\">\n        <div className=\"column column--two-thirds\">\n          <div ref={outerRef} className=\"image\">\n            {isIntersecting && (\n              <ImgWrapper {...imgWrapperProps} role={hasLink ? 'link' : ''}>\n                <ResponsiveImage src={imageUrl} alt={altTxt} sizeKey=\"lightbox\" />\n              </ImgWrapper>\n            )}\n          </div>\n        </div>\n      </div>\n      {imageCaption && (\n        <div className=\"row row--display-row\">\n          <div className=\"caption\">{imageCaption}</div>\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nLightbox.propTypes = {\n  name: PropTypes.string,\n  closeModal: PropTypes.func.isRequired,\n  imgWrapperProps: PropTypes.object,\n  imageUrl: PropTypes.string,\n  imageCaption: PropTypes.string,\n  altTxt: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nLightbox.defaultProps = {\n  name: '',\n  imgWrapperProps: {},\n  modifier: '',\n  imageCaption: '',\n  altTxt: '',\n  imageUrl: ''\n};\n\nexport default Lightbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA2E;EAAA,IAAxEC,IAAwE,QAAxEA,IAAwE;EAAA,IAAlEC,QAAkE,QAAlEA,QAAkE;EAAA,IAAxDC,MAAwD,QAAxDA,MAAwD;EAAA,IAAhDC,UAAgD,QAAhDA,UAAgD;EAAA,IAApCC,YAAoC,QAApCA,YAAoC;EAAA,IAAtBC,eAAsB,QAAtBA,eAAsB;;EAC1F,iBAAmC,4BAAUC,yBAAV,CAAnC;EAAA;EAAA,IAAOC,cAAP;EAAA,IAAuBC,QAAvB;;EAEA,IAAMC,OAAO,GAAGC,MAAM,CAACC,IAAP,CAAYN,eAAZ,EAA6BO,MAA7C;EACA,IAAMC,UAAU,GAAGJ,OAAO,GAAGK,qBAAH,GAAeC,eAAzC;EAEA,oBACE,gCAAC,iBAAD;IAAO,KAAK,EAAEf,IAAd;IAAoB,OAAO,EAAEG,UAA7B;IAAyC,YAAY;EAArD,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,GAAG,EAAEK,QAAV;IAAoB,SAAS,EAAC;EAA9B,GACGD,cAAc,iBACb,gCAAC,UAAD,gCAAgBF,eAAhB;IAAiC,IAAI,EAAEI,OAAO,GAAG,MAAH,GAAY;EAA1D,iBACE,gCAAC,8BAAD;IAAiB,GAAG,EAAER,QAAtB;IAAgC,GAAG,EAAEC,MAArC;IAA6C,OAAO,EAAC;EAArD,EADF,CAFJ,CADF,CADF,CADF,EAYGE,YAAY,iBACX;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,GAA0BA,YAA1B,CADF,CAbJ,CADF;AAoBD,CA1BD;;AA4BAL,QAAQ,CAACiB,SAAT,GAAqB;EACnBhB,IAAI,EAAEiB,sBAAUC,MADG;EAEnBf,UAAU,EAAEc,sBAAUE,IAAV,CAAeC,UAFR;EAGnBf,eAAe,EAAEY,sBAAUI,MAHR;EAInBpB,QAAQ,EAAEgB,sBAAUC,MAJD;EAKnBd,YAAY,EAAEa,sBAAUC,MALL;EAMnBhB,MAAM,EAAEe,sBAAUC,MANC;EAOnBI,QAAQ,EAAEL,sBAAUC;AAPD,CAArB;AAUAnB,QAAQ,CAACwB,YAAT,GAAwB;EACtBvB,IAAI,EAAE,EADgB;EAEtBK,eAAe,EAAE,EAFK;EAGtBiB,QAAQ,EAAE,EAHY;EAItBlB,YAAY,EAAE,EAJQ;EAKtBF,MAAM,EAAE,EALc;EAMtBD,QAAQ,EAAE;AANY,CAAxB;eASeF,Q"}
+{"version":3,"file":"Lightbox.js","names":["Lightbox","name","imageUrl","altTxt","closeModal","imageCaption","imgWrapperProps","useInView","IN_VIEW_CONFIG","isIntersecting","outerRef","hasLink","Object","keys","length","ImgWrapper","BlazeLink","Fragment","propTypes","PropTypes","string","func","isRequired","object","modifier","defaultProps"],"sources":["../../../../src/components/Image/Lightbox/Lightbox.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from '@blaze-react/modal';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport BlazeLink from '../../BlazeLink';\nimport { IN_VIEW_CONFIG } from '../../../constants';\n\n// add for full screen modal based on blaze, and pass modifiers(lightbox)\nconst Lightbox = ({ name, imageUrl, altTxt, closeModal, imageCaption, imgWrapperProps }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const hasLink = Object.keys(imgWrapperProps).length;\n  const ImgWrapper = hasLink ? BlazeLink : Fragment;\n\n  return (\n    <Modal title={name} onClose={closeModal} isFullScreen>\n      <div className=\"row row--display-row\">\n        <div className=\"column column--two-thirds\">\n          <div ref={outerRef} className=\"image\">\n            {isIntersecting && (\n              <ImgWrapper {...imgWrapperProps} role={hasLink ? 'link' : ''}>\n                <ResponsiveImage src={imageUrl} alt={altTxt} sizeKey=\"lightbox\" />\n              </ImgWrapper>\n            )}\n          </div>\n        </div>\n      </div>\n      {imageCaption && (\n        <div className=\"row row--display-row\">\n          <div className=\"caption\">{imageCaption}</div>\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nLightbox.propTypes = {\n  name: PropTypes.string,\n  closeModal: PropTypes.func.isRequired,\n  imgWrapperProps: PropTypes.object,\n  imageUrl: PropTypes.string,\n  imageCaption: PropTypes.string,\n  altTxt: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nLightbox.defaultProps = {\n  name: '',\n  imgWrapperProps: {},\n  modifier: '',\n  imageCaption: '',\n  altTxt: '',\n  imageUrl: ''\n};\n\nexport default Lightbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA2E;EAAA,IAAxEC,IAAwE,QAAxEA,IAAwE;EAAA,IAAlEC,QAAkE,QAAlEA,QAAkE;EAAA,IAAxDC,MAAwD,QAAxDA,MAAwD;EAAA,IAAhDC,UAAgD,QAAhDA,UAAgD;EAAA,IAApCC,YAAoC,QAApCA,YAAoC;EAAA,IAAtBC,eAAsB,QAAtBA,eAAsB;;EAC1F,iBAAmC,IAAAC,sBAAA,EAAUC,yBAAV,CAAnC;EAAA;EAAA,IAAOC,cAAP;EAAA,IAAuBC,QAAvB;;EAEA,IAAMC,OAAO,GAAGC,MAAM,CAACC,IAAP,CAAYP,eAAZ,EAA6BQ,MAA7C;EACA,IAAMC,UAAU,GAAGJ,OAAO,GAAGK,qBAAH,GAAeC,eAAzC;EAEA,oBACE,gCAAC,iBAAD;IAAO,KAAK,EAAEhB,IAAd;IAAoB,OAAO,EAAEG,UAA7B;IAAyC,YAAY;EAArD,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,GAAG,EAAEM,QAAV;IAAoB,SAAS,EAAC;EAA9B,GACGD,cAAc,iBACb,gCAAC,UAAD,gCAAgBH,eAAhB;IAAiC,IAAI,EAAEK,OAAO,GAAG,MAAH,GAAY;EAA1D,iBACE,gCAAC,8BAAD;IAAiB,GAAG,EAAET,QAAtB;IAAgC,GAAG,EAAEC,MAArC;IAA6C,OAAO,EAAC;EAArD,EADF,CAFJ,CADF,CADF,CADF,EAYGE,YAAY,iBACX;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,GAA0BA,YAA1B,CADF,CAbJ,CADF;AAoBD,CA1BD;;AA4BAL,QAAQ,CAACkB,SAAT,GAAqB;EACnBjB,IAAI,EAAEkB,qBAAA,CAAUC,MADG;EAEnBhB,UAAU,EAAEe,qBAAA,CAAUE,IAAV,CAAeC,UAFR;EAGnBhB,eAAe,EAAEa,qBAAA,CAAUI,MAHR;EAInBrB,QAAQ,EAAEiB,qBAAA,CAAUC,MAJD;EAKnBf,YAAY,EAAEc,qBAAA,CAAUC,MALL;EAMnBjB,MAAM,EAAEgB,qBAAA,CAAUC,MANC;EAOnBI,QAAQ,EAAEL,qBAAA,CAAUC;AAPD,CAArB;AAUApB,QAAQ,CAACyB,YAAT,GAAwB;EACtBxB,IAAI,EAAE,EADgB;EAEtBK,eAAe,EAAE,EAFK;EAGtBkB,QAAQ,EAAE,EAHY;EAItBnB,YAAY,EAAE,EAJQ;EAKtBF,MAAM,EAAE,EALc;EAMtBD,QAAQ,EAAE;AANY,CAAxB;eASeF,Q"}

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","useState","isHover","setIsHover","useItemListId","listId","getIcon","isInList","BsBookmarkXFill","BsBookmarkCheckFill","BsBookmarkStarFill","BsBookmarkStar","useQuery","getItemList","variables","id","skip","data","error","loading","useMutation","addItemsToList","onCompleted","listAddResult","result","setItemListId","addListItem","removeItemsFromList","removeListItem","clickHandler","listItems","name","message","getItemListData","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","useRouter","useItemListId","listId","useQuery","getItemList","variables","id","skip","data","error","loading","message","listItems","getItemListData","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,IAAAC,iBAAA,GAAf;;EACA,qBAAmB,IAAAC,oBAAA,EAAc;IAAEL,QAAQ,EAARA;EAAF,CAAd,CAAnB;EAAA,IAAQM,MAAR,kBAAQA,MAAR;;EAEA,gBAAiC,IAAAC,gBAAA,EAASC,kBAAT,EAAsB;IACrDC,SAAS,EAAE;MAAEC,EAAE,EAAEJ;IAAN,CAD0C;IAErDK,IAAI,EAAE,CAACL;EAF8C,CAAtB,CAAjC;EAAA,IAAQM,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,IAAAC,wBAAA,EAAgBL,IAAhB,CAAlB;EACA,IAAMM,UAAU,GAAGF,SAAS,CAACG,MAA7B;EACA,IAAMC,WAAW,GAAGF,UAAU,GAAGG,sBAAH,GAAwBC,kBAAtD;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;IAAA,OAAMpB,MAAM,CAACqB,IAAP,CAAY,WAAZ,YAA4BtB,GAA5B,yBAA8CI,MAA9C,EAAN;EAAA,CAApB;;EAEA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,8BAAuBL,QAAvB,CAHX;IAIE,OAAO,EAAEsB;EAJX,gBAKE,gCAAC,WAAD,OALF,eAME;IAAM,SAAS,EAAC;EAAhB,GAA4CL,UAA5C,CANF,CADF;AAUD,CA5BD;;AA8BAnB,eAAe,CAAC0B,SAAhB,GAA4B;EAC1BvB,GAAG,EAAEwB,qBAAA,CAAUC,MADW;EAE1B3B,QAAQ,EAAE0B,qBAAA,CAAUC,MAFM;EAG1B1B,QAAQ,EAAEyB,qBAAA,CAAUC;AAHM,CAA5B;AAMA5B,eAAe,CAAC6B,YAAhB,GAA+B;EAC7B1B,GAAG,EAAE,EADwB;EAE7BF,QAAQ,EAAE,EAFmB;EAG7BC,QAAQ,EAAE;AAHmB,CAA/B;eAMeF,e"}