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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Layout/Layout.js"],"names":["React","PropTypes","Wrapper","getClassModifiers","useGetImages","getStylesToUpdate","checkIfRowHasColumns","renderChildren","hasChildren","COLUMN","Layout","type","children","settings","modifier","backgroundImage","tagType","otherProps","data","getFile","url","style","title","classModifiers","additionalRowModifier","propTypes","string","isRequired","shape","oneOfType","arrayOf","node","defaultProps"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,YAAT,QAA6B,aAA7B;AACA,SAASC,iBAAT,EAA4BC,oBAA5B,QAAwD,WAAxD;AACA,SAASC,cAAT,EAAyBC,WAAzB,QAA4C,eAA5C;AACA,SAASC,MAAT,QAAuB,iBAAvB;;AAEA,MAAMC,MAAM,GAAG,QAQT;AAAA,MARU;AACdC,IAAAA,IADc;AAEdC,IAAAA,QAFc;AAGdC,IAAAA,QAHc;AAIdC,IAAAA,QAJc;AAKdC,IAAAA,eALc;AAMdC,IAAAA;AANc,GAQV;AAAA,MADDC,UACC;;AACJ,QAAM;AACJC,IAAAA,IAAI,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAEC,QAAAA,GAAG,GAAG;AAAR,UAAiB;AAA5B;AADF,MAEFhB,YAAY,CAACW,eAAD,CAFhB;AAIA,QAAMM,KAAK,GAAGhB,iBAAiB,CAAC;AAAEU,IAAAA,eAAe,EAAEK;AAAnB,GAAD,CAA/B;AACA,QAAM;AAAEE,IAAAA;AAAF,MAAYT,QAAlB;AAEA,QAAMU,cAAc,GAAGpB,iBAAiB,CAACQ,IAAD;AAASG,IAAAA;AAAT,KAAsBG,UAAtB,EAAxC;AACA,QAAMO,qBAAqB,GAAGlB,oBAAoB,CAACK,IAAD,EAAOC,QAAP,CAApB,GAAuC,cAAvC,GAAwD,EAAtF;AAEA,MAAID,IAAI,KAAKF,MAAT,IAAmB,CAACD,WAAW,CAACI,QAAD,CAAnC,EAA+C,OAAO,IAAP;AAE/C,sBACE,oBAAC,OAAD;AACE,IAAA,OAAO,EAAEI,OADX;AAEE,IAAA,SAAS,EAAEL,IAFb;AAGE,IAAA,SAAS,EAAG,GAAEY,cAAe,GAAEC,qBAAsB,EAHvD;AAIE,IAAA,KAAK,EAAEH;AAJT,KAKGC,KAAK,iBAAI;AAAI,IAAA,SAAS,EAAC;AAAd,KAA0CA,KAA1C,CALZ,EAMGf,cAAc,CAACK,QAAD,EAAWK,UAAX,CANjB,CADF;AAUD,CA/BD;;AAiCAP,MAAM,CAACe,SAAP,GAAmB;AACjBd,EAAAA,IAAI,EAAEV,SAAS,CAACyB,MAAV,CAAiBC,UADN;AAEjBd,EAAAA,QAAQ,EAAEZ,SAAS,CAAC2B,KAAV,CAAgB;AACxBN,IAAAA,KAAK,EAAErB,SAAS,CAACyB;AADO,GAAhB,CAFO;AAKjBZ,EAAAA,QAAQ,EAAEb,SAAS,CAACyB,MALH;AAMjBX,EAAAA,eAAe,EAAEd,SAAS,CAACyB,MANV;AAOjBV,EAAAA,OAAO,EAAEf,SAAS,CAACyB,MAPF;AAQjBd,EAAAA,QAAQ,EAAEX,SAAS,CAAC4B,SAAV,CAAoB,CAAC5B,SAAS,CAAC6B,OAAV,CAAkB7B,SAAS,CAAC8B,IAA5B,CAAD,EAAoC9B,SAAS,CAAC8B,IAA9C,CAApB,EAAyEJ;AARlE,CAAnB;AAWAjB,MAAM,CAACsB,YAAP,GAAsB;AACpBnB,EAAAA,QAAQ,EAAE;AACRS,IAAAA,KAAK,EAAE;AADC,GADU;AAIpBP,EAAAA,eAAe,EAAE,EAJG;AAKpBD,EAAAA,QAAQ,EAAE,EALU;AAMpBE,EAAAA,OAAO,EAAE;AANW,CAAtB;AASA,eAAeN,MAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\nimport { useGetImages } from '../../hooks';\nimport { getStylesToUpdate, checkIfRowHasColumns } from './helpers';\nimport { renderChildren, hasChildren } from '../../helpers';\nimport { COLUMN } from '../../constants';\n\nconst Layout = ({\n  type,\n  children,\n  settings,\n  modifier,\n  backgroundImage,\n  tagType,\n  ...otherProps\n}) => {\n  const {\n    data: { getFile: { url = null } = {} }\n  } = useGetImages(backgroundImage);\n\n  const style = getStylesToUpdate({ backgroundImage: url });\n  const { title } = settings;\n\n  const classModifiers = getClassModifiers(type, { modifier, ...otherProps });\n  const additionalRowModifier = checkIfRowHasColumns(type, children) ? ' display-row' : '';\n\n  if (type === COLUMN && !hasChildren(children)) return null;\n\n  return (\n    <Wrapper\n      tagType={tagType}\n      className={type}\n      modifiers={`${classModifiers}${additionalRowModifier}`}\n      style={style}>\n      {title && <h2 className=\"heading heading--section\">{title}</h2>}\n      {renderChildren(children, otherProps)}\n    </Wrapper>\n  );\n};\n\nLayout.propTypes = {\n  type: PropTypes.string.isRequired,\n  settings: PropTypes.shape({\n    title: PropTypes.string\n  }),\n  modifier: PropTypes.string,\n  backgroundImage: PropTypes.string,\n  tagType: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nLayout.defaultProps = {\n  settings: {\n    title: ''\n  },\n  backgroundImage: '',\n  modifier: '',\n  tagType: ''\n};\n\nexport default Layout;\n"],"file":"Layout.js"}
+{"version":3,"file":"Layout.js","names":["React","PropTypes","Wrapper","getClassModifiers","useGetImages","getStylesToUpdate","checkIfRowHasColumns","renderChildren","hasChildren","COLUMN","Layout","type","children","settings","modifier","backgroundImage","tagType","otherProps","data","getFile","url","style","title","classModifiers","additionalRowModifier","propTypes","string","isRequired","shape","oneOfType","arrayOf","node","defaultProps"],"sources":["../../../src/components/Layout/Layout.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\nimport { useGetImages } from '../../hooks';\nimport { getStylesToUpdate, checkIfRowHasColumns } from './helpers';\nimport { renderChildren, hasChildren } from '../../helpers';\nimport { COLUMN } from '../../constants';\n\nconst Layout = ({\n  type,\n  children,\n  settings,\n  modifier,\n  backgroundImage,\n  tagType,\n  ...otherProps\n}) => {\n  const {\n    data: { getFile: { url = null } = {} }\n  } = useGetImages(backgroundImage);\n\n  const style = getStylesToUpdate({ backgroundImage: url });\n  const { title } = settings;\n\n  const classModifiers = getClassModifiers(type, { modifier, ...otherProps });\n  const additionalRowModifier = checkIfRowHasColumns(type, children) ? ' display-row' : '';\n\n  if (type === COLUMN && !hasChildren(children)) return null;\n\n  return (\n    <Wrapper\n      tagType={tagType}\n      className={type}\n      modifiers={`${classModifiers}${additionalRowModifier}`}\n      style={style}>\n      {title && <h2 className=\"heading heading--section\">{title}</h2>}\n      {renderChildren(children, otherProps)}\n    </Wrapper>\n  );\n};\n\nLayout.propTypes = {\n  type: PropTypes.string.isRequired,\n  settings: PropTypes.shape({\n    title: PropTypes.string\n  }),\n  modifier: PropTypes.string,\n  backgroundImage: PropTypes.string,\n  tagType: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n};\n\nLayout.defaultProps = {\n  settings: {\n    title: ''\n  },\n  backgroundImage: '',\n  modifier: '',\n  tagType: ''\n};\n\nexport default Layout;\n"],"mappings":";;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,OAAP,MAAoB,YAApB;AACA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,YAAT,QAA6B,aAA7B;AACA,SAASC,iBAAT,EAA4BC,oBAA5B,QAAwD,WAAxD;AACA,SAASC,cAAT,EAAyBC,WAAzB,QAA4C,eAA5C;AACA,SAASC,MAAT,QAAuB,iBAAvB;;AAEA,MAAMC,MAAM,GAAG,QAQT;EAAA,IARU;IACdC,IADc;IAEdC,QAFc;IAGdC,QAHc;IAIdC,QAJc;IAKdC,eALc;IAMdC;EANc,CAQV;EAAA,IADDC,UACC;;EACJ,MAAM;IACJC,IAAI,EAAE;MAAEC,OAAO,EAAE;QAAEC,GAAG,GAAG;MAAR,IAAiB;IAA5B;EADF,IAEFhB,YAAY,CAACW,eAAD,CAFhB;EAIA,MAAMM,KAAK,GAAGhB,iBAAiB,CAAC;IAAEU,eAAe,EAAEK;EAAnB,CAAD,CAA/B;EACA,MAAM;IAAEE;EAAF,IAAYT,QAAlB;EAEA,MAAMU,cAAc,GAAGpB,iBAAiB,CAACQ,IAAD;IAASG;EAAT,GAAsBG,UAAtB,EAAxC;EACA,MAAMO,qBAAqB,GAAGlB,oBAAoB,CAACK,IAAD,EAAOC,QAAP,CAApB,GAAuC,cAAvC,GAAwD,EAAtF;EAEA,IAAID,IAAI,KAAKF,MAAT,IAAmB,CAACD,WAAW,CAACI,QAAD,CAAnC,EAA+C,OAAO,IAAP;EAE/C,oBACE,oBAAC,OAAD;IACE,OAAO,EAAEI,OADX;IAEE,SAAS,EAAEL,IAFb;IAGE,SAAS,EAAG,GAAEY,cAAe,GAAEC,qBAAsB,EAHvD;IAIE,KAAK,EAAEH;EAJT,GAKGC,KAAK,iBAAI;IAAI,SAAS,EAAC;EAAd,GAA0CA,KAA1C,CALZ,EAMGf,cAAc,CAACK,QAAD,EAAWK,UAAX,CANjB,CADF;AAUD,CA/BD;;AAiCAP,MAAM,CAACe,SAAP,GAAmB;EACjBd,IAAI,EAAEV,SAAS,CAACyB,MAAV,CAAiBC,UADN;EAEjBd,QAAQ,EAAEZ,SAAS,CAAC2B,KAAV,CAAgB;IACxBN,KAAK,EAAErB,SAAS,CAACyB;EADO,CAAhB,CAFO;EAKjBZ,QAAQ,EAAEb,SAAS,CAACyB,MALH;EAMjBX,eAAe,EAAEd,SAAS,CAACyB,MANV;EAOjBV,OAAO,EAAEf,SAAS,CAACyB,MAPF;EAQjBd,QAAQ,EAAEX,SAAS,CAAC4B,SAAV,CAAoB,CAAC5B,SAAS,CAAC6B,OAAV,CAAkB7B,SAAS,CAAC8B,IAA5B,CAAD,EAAoC9B,SAAS,CAAC8B,IAA9C,CAApB,EAAyEJ;AARlE,CAAnB;AAWAjB,MAAM,CAACsB,YAAP,GAAsB;EACpBnB,QAAQ,EAAE;IACRS,KAAK,EAAE;EADC,CADU;EAIpBP,eAAe,EAAE,EAJG;EAKpBD,QAAQ,EAAE,EALU;EAMpBE,OAAO,EAAE;AANW,CAAtB;AASA,eAAeN,MAAf"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Layout/constants.js"],"names":["childPropsToUse","ROW","COLUMN"],"mappings":"AAAA;AACA,MAAMA,eAAe,GAAG,CAAC,OAAD,CAAxB;AACA,MAAMC,GAAG,GAAG,KAAZ;AACA,MAAMC,MAAM,GAAG,QAAf;AAEA,SAASF,eAAT,EAA0BC,GAA1B,EAA+BC,MAA/B","sourcesContent":["// Expand array with new prop keys as needed\nconst childPropsToUse = ['width'];\nconst ROW = 'row';\nconst COLUMN = 'column';\n\nexport { childPropsToUse, ROW, COLUMN };\n"],"file":"constants.js"}
+{"version":3,"file":"constants.js","names":["childPropsToUse","ROW","COLUMN"],"sources":["../../../src/components/Layout/constants.js"],"sourcesContent":["// Expand array with new prop keys as needed\nconst childPropsToUse = ['width'];\nconst ROW = 'row';\nconst COLUMN = 'column';\n\nexport { childPropsToUse, ROW, COLUMN };\n"],"mappings":"AAAA;AACA,MAAMA,eAAe,GAAG,CAAC,OAAD,CAAxB;AACA,MAAMC,GAAG,GAAG,KAAZ;AACA,MAAMC,MAAM,GAAG,QAAf;AAEA,SAASF,eAAT,EAA0BC,GAA1B,EAA+BC,MAA/B"}

package/lib-es/components/Layout/helpers/check-if-row-has-columns.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Layout/helpers/check-if-row-has-columns.js"],"names":["React","ROW","COLUMN","checkIfRowHasColumns","type","children","hasColumn","Children","forEach","child","childrenElements","props","Array","isArray","length","nestedChildren","nestedChild","nestedChildType","component"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,EAAcC,MAAd,QAA4B,cAA5B;;AAEA,SAASC,oBAAT,CAA8BC,IAA9B,EAAoCC,QAApC,EAA8C;AAC5C,MAAID,IAAI,KAAKH,GAAb,EAAkB,OAAO,KAAP;AAClB,MAAIK,SAAS,GAAG,KAAhB;AAEAN,EAAAA,KAAK,CAACO,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,EAAiCI,KAAK,IAAI;AACxC,UAAMC,gBAAgB,GAAGD,KAAK,CAACE,KAAN,CAAYN,QAArC;;AACA,QAAIO,KAAK,CAACC,OAAN,CAAcH,gBAAd,KAAmCA,gBAAgB,CAACI,MAAxD,EAAgE;AAC9D,YAAM,GAAGC,cAAH,IAAqBN,KAAK,CAACE,KAAN,CAAYN,QAAvC;AACAU,MAAAA,cAAc,CAACP,OAAf,CAAuBQ,WAAW,IAAI;AACpC,cAAMC,eAAe,GAAGD,WAAW,CAACL,KAAZ,CAAkBO,SAAlB,CAA4Bd,IAApD;AACA,YAAIa,eAAe,KAAKf,MAAxB,EAAgCI,SAAS,GAAG,IAAZ;AACjC,OAHD;AAID;AACF,GATD;AAUA,SAAOA,SAAP;AACD;;AAED,eAAeH,oBAAf","sourcesContent":["import React from 'react';\nimport { ROW, COLUMN } from '../constants';\n\nfunction checkIfRowHasColumns(type, children) {\n  if (type !== ROW) return false;\n  let hasColumn = false;\n\n  React.Children.forEach(children, child => {\n    const childrenElements = child.props.children;\n    if (Array.isArray(childrenElements) && childrenElements.length) {\n      const [, nestedChildren] = child.props.children;\n      nestedChildren.forEach(nestedChild => {\n        const nestedChildType = nestedChild.props.component.type;\n        if (nestedChildType === COLUMN) hasColumn = true;\n      });\n    }\n  });\n  return hasColumn;\n}\n\nexport default checkIfRowHasColumns;\n"],"file":"check-if-row-has-columns.js"}
+{"version":3,"file":"check-if-row-has-columns.js","names":["React","ROW","COLUMN","checkIfRowHasColumns","type","children","hasColumn","Children","forEach","child","childrenElements","props","Array","isArray","length","nestedChildren","nestedChild","nestedChildType","component"],"sources":["../../../../src/components/Layout/helpers/check-if-row-has-columns.js"],"sourcesContent":["import React from 'react';\nimport { ROW, COLUMN } from '../constants';\n\nfunction checkIfRowHasColumns(type, children) {\n  if (type !== ROW) return false;\n  let hasColumn = false;\n\n  React.Children.forEach(children, child => {\n    const childrenElements = child.props.children;\n    if (Array.isArray(childrenElements) && childrenElements.length) {\n      const [, nestedChildren] = child.props.children;\n      nestedChildren.forEach(nestedChild => {\n        const nestedChildType = nestedChild.props.component.type;\n        if (nestedChildType === COLUMN) hasColumn = true;\n      });\n    }\n  });\n  return hasColumn;\n}\n\nexport default checkIfRowHasColumns;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,EAAcC,MAAd,QAA4B,cAA5B;;AAEA,SAASC,oBAAT,CAA8BC,IAA9B,EAAoCC,QAApC,EAA8C;EAC5C,IAAID,IAAI,KAAKH,GAAb,EAAkB,OAAO,KAAP;EAClB,IAAIK,SAAS,GAAG,KAAhB;EAEAN,KAAK,CAACO,QAAN,CAAeC,OAAf,CAAuBH,QAAvB,EAAiCI,KAAK,IAAI;IACxC,MAAMC,gBAAgB,GAAGD,KAAK,CAACE,KAAN,CAAYN,QAArC;;IACA,IAAIO,KAAK,CAACC,OAAN,CAAcH,gBAAd,KAAmCA,gBAAgB,CAACI,MAAxD,EAAgE;MAC9D,MAAM,GAAGC,cAAH,IAAqBN,KAAK,CAACE,KAAN,CAAYN,QAAvC;MACAU,cAAc,CAACP,OAAf,CAAuBQ,WAAW,IAAI;QACpC,MAAMC,eAAe,GAAGD,WAAW,CAACL,KAAZ,CAAkBO,SAAlB,CAA4Bd,IAApD;QACA,IAAIa,eAAe,KAAKf,MAAxB,EAAgCI,SAAS,GAAG,IAAZ;MACjC,CAHD;IAID;EACF,CATD;EAUA,OAAOA,SAAP;AACD;;AAED,eAAeH,oBAAf"}

package/lib-es/components/Layout/helpers/get-styles-to-update.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Layout/helpers/get-styles-to-update.js"],"names":["getStylesToUpdate","backgroundImage"],"mappings":"AAAA,MAAMA,iBAAiB,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAyB;AACjD,MAAI,CAACA,eAAL,EAAsB,OAAO,EAAP;AAEtB,SAAO;AACLA,IAAAA,eAAe,EAAG,QAAOA,eAAgB;AADpC,GAAP;AAGD,CAND;;AAQA,eAAeD,iBAAf","sourcesContent":["const getStylesToUpdate = ({ backgroundImage }) => {\n  if (!backgroundImage) return {};\n\n  return {\n    backgroundImage: `url(\"${backgroundImage}\")`\n  };\n};\n\nexport default getStylesToUpdate;\n"],"file":"get-styles-to-update.js"}
+{"version":3,"file":"get-styles-to-update.js","names":["getStylesToUpdate","backgroundImage"],"sources":["../../../../src/components/Layout/helpers/get-styles-to-update.js"],"sourcesContent":["const getStylesToUpdate = ({ backgroundImage }) => {\n  if (!backgroundImage) return {};\n\n  return {\n    backgroundImage: `url(\"${backgroundImage}\")`\n  };\n};\n\nexport default getStylesToUpdate;\n"],"mappings":"AAAA,MAAMA,iBAAiB,GAAG,CAAC;EAAEC;AAAF,CAAD,KAAyB;EACjD,IAAI,CAACA,eAAL,EAAsB,OAAO,EAAP;EAEtB,OAAO;IACLA,eAAe,EAAG,QAAOA,eAAgB;EADpC,CAAP;AAGD,CAND;;AAQA,eAAeD,iBAAf"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Layout/helpers/index.js"],"names":["getStylesToUpdate","checkIfRowHasColumns"],"mappings":"AAAA,OAAOA,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,oBAAP,MAAiC,4BAAjC;AAEA,SAASD,iBAAT,EAA4BC,oBAA5B","sourcesContent":["import getStylesToUpdate from './get-styles-to-update';\nimport checkIfRowHasColumns from './check-if-row-has-columns';\n\nexport { getStylesToUpdate, checkIfRowHasColumns };\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["getStylesToUpdate","checkIfRowHasColumns"],"sources":["../../../../src/components/Layout/helpers/index.js"],"sourcesContent":["import getStylesToUpdate from './get-styles-to-update';\nimport checkIfRowHasColumns from './check-if-row-has-columns';\n\nexport { getStylesToUpdate, checkIfRowHasColumns };\n"],"mappings":"AAAA,OAAOA,iBAAP,MAA8B,wBAA9B;AACA,OAAOC,oBAAP,MAAiC,4BAAjC;AAEA,SAASD,iBAAT,EAA4BC,oBAA5B"}

package/lib-es/components/Layout/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Layout/index.js"],"names":["Layout"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEA,eAAeA,MAAf","sourcesContent":["import Layout from './Layout';\n\nexport default Layout;\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["Layout"],"sources":["../../../src/components/Layout/index.js"],"sourcesContent":["import Layout from './Layout';\n\nexport default Layout;\n"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,UAAnB;AAEA,eAAeA,MAAf"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/LazyImage/index.js"],"names":["dynamic"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AAEA,eAAeA,OAAO,CAAC,MAAM;AAAO;AAA2C,aAAlD,CAAP,CAAtB","sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() => import(/* webpackChunkName: \"blazePbLazyImage\" */ './LazyImage'));\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["dynamic"],"sources":["../../../src/components/LazyImage/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nexport default dynamic(() => import(/* webpackChunkName: \"blazePbLazyImage\" */ './LazyImage'));\n"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AAEA,eAAeA,OAAO,CAAC,MAAM;AAAO;AAA2C,aAAlD,CAAP,CAAtB"}