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

package/lib-es/hooks/helpers/RenderComponent.js

@@ -0,0 +1,78 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["component", "imageProps", "childComponents", "options", "textBlockBanners", "hasTextBlockBanners", "siblings"];
+import React from 'react';
+import PropTypes from 'prop-types';
+import ErrorBoundary from '@blaze-cms/core-errors-ui';
+import { useMainContext } from '@blaze-cms/nextjs-components';
+import getComponent from './getComponent';
+import getVariant from './getVariant';
+import appendGtmClassName from './append-gtm-classname';
+import { PB_TYPE_IMAGE, PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK, PB_TYPE_CAROUSEL } from './constants';
+import { BannerContextProvider } from '../../BannerContext';
+const RenderComponent = _ref => {
+  let {
+      component,
+      imageProps,
+      childComponents,
+      options = {},
+      textBlockBanners,
+      hasTextBlockBanners,
+      siblings
+    } = _ref,
+    nestedComponentsProps = _objectWithoutProperties(_ref, _excluded);
+  const {
+    debugOptions: {
+      editorModeEnabled
+    } = {}
+  } = useMainContext();
+  const {
+    type,
+    settings,
+    id,
+    name
+  } = component;
+  const Component = getComponent(type);
+  const isImage = [PB_TYPE_IMAGE, PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK, PB_TYPE_CAROUSEL].includes(type);
+  const imageOptions = isImage ? imageProps : {};
+  if (!Component) return null;
+  const updatedSettings = appendGtmClassName(settings, childComponents);
+  const [VariantComponent, variantSettings] = getVariant(settings);
+  return /*#__PURE__*/React.createElement(ErrorBoundary, null, editorModeEnabled && /*#__PURE__*/React.createElement("pb-wrapper-start", {
+    "pb-component-name": name
+  }), /*#__PURE__*/React.createElement(Component, _extends({
+    key: id,
+    type: type,
+    VariantComponent: VariantComponent
+  }, options, imageOptions, nestedComponentsProps, updatedSettings, variantSettings, {
+    name: name || settings.name
+  }), hasTextBlockBanners ? /*#__PURE__*/React.createElement(BannerContextProvider, {
+    siblings: siblings,
+    banners: textBlockBanners,
+    pbOptions: options
+  }, childComponents) : childComponents), editorModeEnabled && /*#__PURE__*/React.createElement("pb-wrapper-end", {
+    "pb-component-name": name
+  }));
+};
+RenderComponent.propTypes = {
+  component: PropTypes.shape({
+    type: PropTypes.string,
+    id: PropTypes.string,
+    name: PropTypes.string,
+    settings: PropTypes.object,
+    items: PropTypes.array
+  }).isRequired,
+  imageProps: PropTypes.object.isRequired,
+  options: PropTypes.object.isRequired,
+  childComponents: PropTypes.node.isRequired,
+  textBlockBanners: PropTypes.array,
+  hasTextBlockBanners: PropTypes.bool,
+  siblings: PropTypes.array
+};
+RenderComponent.defaultProps = {
+  textBlockBanners: null,
+  hasTextBlockBanners: false,
+  siblings: []
+};
+export default RenderComponent;
+//# sourceMappingURL=RenderComponent.js.map

package/lib-es/hooks/helpers/RenderComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderComponent.js","names":["React","PropTypes","ErrorBoundary","useMainContext","getComponent","getVariant","appendGtmClassName","PB_TYPE_IMAGE","PB_TYPE_BANNER","PB_TYPE_TEXTBLOCK","PB_TYPE_CAROUSEL","BannerContextProvider","RenderComponent","_ref","component","imageProps","childComponents","options","textBlockBanners","hasTextBlockBanners","siblings","nestedComponentsProps","_objectWithoutProperties","_excluded","debugOptions","editorModeEnabled","type","settings","id","name","Component","isImage","includes","imageOptions","updatedSettings","VariantComponent","variantSettings","createElement","_extends","key","banners","pbOptions","propTypes","shape","string","object","items","array","isRequired","node","bool","defaultProps"],"sources":["../../../src/hooks/helpers/RenderComponent.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ErrorBoundary from '@blaze-cms/core-errors-ui';\nimport { useMainContext } from '@blaze-cms/nextjs-components';\nimport getComponent from './getComponent';\nimport getVariant from './getVariant';\nimport appendGtmClassName from './append-gtm-classname';\nimport { PB_TYPE_IMAGE, PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK, PB_TYPE_CAROUSEL } from './constants';\nimport { BannerContextProvider } from '../../BannerContext';\n\nconst RenderComponent = ({\n  component,\n  imageProps,\n  childComponents,\n  options = {},\n  textBlockBanners,\n  hasTextBlockBanners,\n  siblings,\n  ...nestedComponentsProps\n}) => {\n  const { debugOptions: { editorModeEnabled } = {} } = useMainContext();\n  const { type, settings, id, name } = component;\n  const Component = getComponent(type);\n  const isImage = [PB_TYPE_IMAGE, PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK, PB_TYPE_CAROUSEL].includes(\n    type\n  );\n  const imageOptions = isImage ? imageProps : {};\n  if (!Component) return null;\n  const updatedSettings = appendGtmClassName(settings, childComponents);\n  const [VariantComponent, variantSettings] = getVariant(settings);\n\n  return (\n    <ErrorBoundary>\n      {editorModeEnabled && <pb-wrapper-start pb-component-name={name} />}\n      <Component\n        key={id}\n        type={type}\n        VariantComponent={VariantComponent}\n        {...options}\n        {...imageOptions}\n        {...nestedComponentsProps}\n        {...updatedSettings}\n        {...variantSettings}\n        name={name || settings.name}>\n        {hasTextBlockBanners ? (\n          <BannerContextProvider siblings={siblings} banners={textBlockBanners} pbOptions={options}>\n            {childComponents}\n          </BannerContextProvider>\n        ) : (\n          childComponents\n        )}\n      </Component>\n      {editorModeEnabled && <pb-wrapper-end pb-component-name={name} />}\n    </ErrorBoundary>\n  );\n};\n\nRenderComponent.propTypes = {\n  component: PropTypes.shape({\n    type: PropTypes.string,\n    id: PropTypes.string,\n    name: PropTypes.string,\n    settings: PropTypes.object,\n    items: PropTypes.array\n  }).isRequired,\n  imageProps: PropTypes.object.isRequired,\n  options: PropTypes.object.isRequired,\n  childComponents: PropTypes.node.isRequired,\n  textBlockBanners: PropTypes.array,\n  hasTextBlockBanners: PropTypes.bool,\n  siblings: PropTypes.array\n};\n\nRenderComponent.defaultProps = { textBlockBanners: null, hasTextBlockBanners: false, siblings: [] };\n\nexport default RenderComponent;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/hooks/helpers/StoreImages.js

@@ -0,0 +1,56 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
+function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
+function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
+function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
+var _images = /*#__PURE__*/new WeakMap();
+var _pageBuilderID = /*#__PURE__*/new WeakMap();
+var _handlers = /*#__PURE__*/new WeakMap();
+class StoreImages {
+  constructor() {
+    _classPrivateFieldInitSpec(this, _images, []);
+    _classPrivateFieldInitSpec(this, _pageBuilderID, null);
+    _classPrivateFieldInitSpec(this, _handlers, {
+      toggleModal: () => {},
+      onSelect: () => {}
+    });
+    _defineProperty(this, "toggleModal", () => {
+      _classPrivateFieldGet(_handlers, this).toggleModal();
+    });
+    _defineProperty(this, "handleSelectedImage", imageId => {
+      const idx = _classPrivateFieldGet(_images, this).findIndex(img => img.imageId === imageId);
+      if (idx !== -1) _classPrivateFieldGet(_handlers, this).onSelect(idx);
+    });
+  }
+  get images() {
+    return [..._classPrivateFieldGet(_images, this)];
+  }
+  resetImages() {
+    _classPrivateFieldSet(_images, this, []);
+  }
+  setHandlers({
+    toggleModal,
+    setSelectedImage
+  }) {
+    if (typeof toggleModal === 'function') _classPrivateFieldGet(_handlers, this).toggleModal = toggleModal;
+    if (typeof setSelectedImage === 'function') _classPrivateFieldGet(_handlers, this).onSelect = setSelectedImage;
+  }
+  addImages(newImages, {
+    pageBuilderID
+  } = {}, handlers = {}) {
+    if (!Array.isArray(newImages) || newImages.length === 0) {
+      return this.images;
+    }
+    if (pageBuilderID != null && pageBuilderID !== _classPrivateFieldGet(_pageBuilderID, this)) {
+      this.resetImages();
+      _classPrivateFieldSet(_pageBuilderID, this, pageBuilderID);
+    }
+    const merged = _classPrivateFieldGet(_images, this).concat(newImages);
+    _classPrivateFieldSet(_images, this, Array.from(new Map(merged.map(img => [img.imageId, img])).values()));
+    this.setHandlers(handlers);
+    return this.images;
+  }
+}
+export default new StoreImages();
+//# sourceMappingURL=StoreImages.js.map

package/lib-es/hooks/helpers/StoreImages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoreImages.js","names":["StoreImages","constructor","_classPrivateFieldInitSpec","_images","_pageBuilderID","_handlers","toggleModal","onSelect","_defineProperty","_classPrivateFieldGet","imageId","idx","findIndex","img","images","resetImages","_classPrivateFieldSet","setHandlers","setSelectedImage","addImages","newImages","pageBuilderID","handlers","Array","isArray","length","merged","concat","from","Map","map","values"],"sources":["../../../src/hooks/helpers/StoreImages.js"],"sourcesContent":["class StoreImages {\n  #images = [];\n\n  #pageBuilderID = null;\n\n  #handlers = {\n    toggleModal: () => {},\n    onSelect: () => {}\n  };\n\n  get images() {\n    return [...this.#images];\n  }\n\n  resetImages() {\n    this.#images = [];\n  }\n\n  setHandlers({ toggleModal, setSelectedImage }) {\n    if (typeof toggleModal === 'function') this.#handlers.toggleModal = toggleModal;\n    if (typeof setSelectedImage === 'function') this.#handlers.onSelect = setSelectedImage;\n  }\n\n  addImages(newImages, { pageBuilderID } = {}, handlers = {}) {\n    if (!Array.isArray(newImages) || newImages.length === 0) {\n      return this.images;\n    }\n\n    if (pageBuilderID != null && pageBuilderID !== this.#pageBuilderID) {\n      this.resetImages();\n      this.#pageBuilderID = pageBuilderID;\n    }\n\n    const merged = this.#images.concat(newImages);\n    this.#images = Array.from(new Map(merged.map(img => [img.imageId, img])).values());\n\n    this.setHandlers(handlers);\n    return this.images;\n  }\n\n  toggleModal = () => {\n    this.#handlers.toggleModal();\n  };\n\n  handleSelectedImage = imageId => {\n    const idx = this.#images.findIndex(img => img.imageId === imageId);\n    if (idx !== -1) this.#handlers.onSelect(idx);\n  };\n}\n\nexport default new StoreImages();\n"],"mappings":";;;;;;;;;AAAA,MAAMA,WAAW,CAAC;EAAAC,YAAA;IAChBC,0BAAA,OAAAC,OAAO,EAAG,EAAE;IAEZD,0BAAA,OAAAE,cAAc,EAAG,IAAI;IAErBF,0BAAA,OAAAG,SAAS,EAAG;MACVC,WAAW,EAAEA,CAAA,KAAM,CAAC,CAAC;MACrBC,QAAQ,EAAEA,CAAA,KAAM,CAAC;IACnB,CAAC;IAACC,eAAA,sBAgCY,MAAM;MAClBC,qBAAA,CAAKJ,SAAS,EAAd,IAAa,CAAC,CAACC,WAAW,CAAC,CAAC;IAC9B,CAAC;IAAAE,eAAA,8BAEqBE,OAAO,IAAI;MAC/B,MAAMC,GAAG,GAAGF,qBAAA,CAAKN,OAAO,EAAZ,IAAW,CAAC,CAACS,SAAS,CAACC,GAAG,IAAIA,GAAG,CAACH,OAAO,KAAKA,OAAO,CAAC;MAClE,IAAIC,GAAG,KAAK,CAAC,CAAC,EAAEF,qBAAA,CAAKJ,SAAS,EAAd,IAAa,CAAC,CAACE,QAAQ,CAACI,GAAG,CAAC;IAC9C,CAAC;EAAA;EArCD,IAAIG,MAAMA,CAAA,EAAG;IACX,OAAO,CAAC,GAAGL,qBAAA,CAAKN,OAAO,EAAZ,IAAW,CAAC,CAAC;EAC1B;EAEAY,WAAWA,CAAA,EAAG;IACZC,qBAAA,CAAKb,OAAO,EAAZ,IAAI,EAAW,EAAJ,CAAC;EACd;EAEAc,WAAWA,CAAC;IAAEX,WAAW;IAAEY;EAAiB,CAAC,EAAE;IAC7C,IAAI,OAAOZ,WAAW,KAAK,UAAU,EAAEG,qBAAA,CAAKJ,SAAS,EAAd,IAAa,CAAC,CAACC,WAAW,GAAGA,WAAW;IAC/E,IAAI,OAAOY,gBAAgB,KAAK,UAAU,EAAET,qBAAA,CAAKJ,SAAS,EAAd,IAAa,CAAC,CAACE,QAAQ,GAAGW,gBAAgB;EACxF;EAEAC,SAASA,CAACC,SAAS,EAAE;IAAEC;EAAc,CAAC,GAAG,CAAC,CAAC,EAAEC,QAAQ,GAAG,CAAC,CAAC,EAAE;IAC1D,IAAI,CAACC,KAAK,CAACC,OAAO,CAACJ,SAAS,CAAC,IAAIA,SAAS,CAACK,MAAM,KAAK,CAAC,EAAE;MACvD,OAAO,IAAI,CAACX,MAAM;IACpB;IAEA,IAAIO,aAAa,IAAI,IAAI,IAAIA,aAAa,KAAKZ,qBAAA,CAAKL,cAAc,EAAnB,IAAkB,CAAC,EAAE;MAClE,IAAI,CAACW,WAAW,CAAC,CAAC;MAClBC,qBAAA,CAAKZ,cAAc,EAAnB,IAAI,EAAkBiB,aAAJ,CAAC;IACrB;IAEA,MAAMK,MAAM,GAAGjB,qBAAA,CAAKN,OAAO,EAAZ,IAAW,CAAC,CAACwB,MAAM,CAACP,SAAS,CAAC;IAC7CJ,qBAAA,CAAKb,OAAO,EAAZ,IAAI,EAAWoB,KAAK,CAACK,IAAI,CAAC,IAAIC,GAAG,CAACH,MAAM,CAACI,GAAG,CAACjB,GAAG,IAAI,CAACA,GAAG,CAACH,OAAO,EAAEG,GAAG,CAAC,CAAC,CAAC,CAACkB,MAAM,CAAC,CAAC,CAAtE,CAAC;IAEZ,IAAI,CAACd,WAAW,CAACK,QAAQ,CAAC;IAC1B,OAAO,IAAI,CAACR,MAAM;EACpB;AAUF;AAEA,eAAe,IAAId,WAAW,CAAC,CAAC","ignoreList":[]}

package/lib-es/hooks/helpers/append-gtm-classname.js

@@ -0,0 +1,38 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { GTM } from '../../constants';
+const appendGtmClassName = (settings, childComponents) => {
+  if (!childComponents || Array.isArray(childComponents)) return settings;
+  const {
+    props: {
+      children: [, compChildren]
+    }
+  } = childComponents;
+  if (!compChildren || !Array.isArray(compChildren)) return settings;
+  const gtmClassNames = compChildren.filter(({
+    props: {
+      component: {
+        type
+      }
+    }
+  }) => type === GTM).map(({
+    props: {
+      component: {
+        settings: {
+          gtmClassName
+        }
+      }
+    }
+  }) => gtmClassName).filter(Boolean).join(' ');
+  if (!gtmClassNames.length) return settings;
+  const {
+    modifier
+  } = settings;
+  const updatedModifier = `${modifier || ''} ${gtmClassNames}`.trim();
+  return _objectSpread(_objectSpread({}, settings), {}, {
+    modifier: updatedModifier
+  });
+};
+export default appendGtmClassName;
+//# sourceMappingURL=append-gtm-classname.js.map

package/lib-es/hooks/helpers/append-gtm-classname.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"append-gtm-classname.js","names":["GTM","appendGtmClassName","settings","childComponents","Array","isArray","props","children","compChildren","gtmClassNames","filter","component","type","map","gtmClassName","Boolean","join","length","modifier","updatedModifier","trim","_objectSpread"],"sources":["../../../src/hooks/helpers/append-gtm-classname.js"],"sourcesContent":["import { GTM } from '../../constants';\n\nconst appendGtmClassName = (settings, childComponents) => {\n  if (!childComponents || Array.isArray(childComponents)) return settings;\n  const {\n    props: {\n      children: [, compChildren]\n    }\n  } = childComponents;\n\n  if (!compChildren || !Array.isArray(compChildren)) return settings;\n\n  const gtmClassNames = compChildren\n    .filter(\n      ({\n        props: {\n          component: { type }\n        }\n      }) => type === GTM\n    )\n    .map(\n      ({\n        props: {\n          component: {\n            settings: { gtmClassName }\n          }\n        }\n      }) => gtmClassName\n    )\n    .filter(Boolean)\n    .join(' ');\n  if (!gtmClassNames.length) return settings;\n  const { modifier } = settings;\n  const updatedModifier = `${modifier || ''} ${gtmClassNames}`.trim();\n\n  return { ...settings, modifier: updatedModifier };\n};\n\nexport default appendGtmClassName;\n"],"mappings":";;;AAAA,SAASA,GAAG,QAAQ,iBAAiB;AAErC,MAAMC,kBAAkB,GAAGA,CAACC,QAAQ,EAAEC,eAAe,KAAK;EACxD,IAAI,CAACA,eAAe,IAAIC,KAAK,CAACC,OAAO,CAACF,eAAe,CAAC,EAAE,OAAOD,QAAQ;EACvE,MAAM;IACJI,KAAK,EAAE;MACLC,QAAQ,EAAE,GAAGC,YAAY;IAC3B;EACF,CAAC,GAAGL,eAAe;EAEnB,IAAI,CAACK,YAAY,IAAI,CAACJ,KAAK,CAACC,OAAO,CAACG,YAAY,CAAC,EAAE,OAAON,QAAQ;EAElE,MAAMO,aAAa,GAAGD,YAAY,CAC/BE,MAAM,CACL,CAAC;IACCJ,KAAK,EAAE;MACLK,SAAS,EAAE;QAAEC;MAAK;IACpB;EACF,CAAC,KAAKA,IAAI,KAAKZ,GACjB,CAAC,CACAa,GAAG,CACF,CAAC;IACCP,KAAK,EAAE;MACLK,SAAS,EAAE;QACTT,QAAQ,EAAE;UAAEY;QAAa;MAC3B;IACF;EACF,CAAC,KAAKA,YACR,CAAC,CACAJ,MAAM,CAACK,OAAO,CAAC,CACfC,IAAI,CAAC,GAAG,CAAC;EACZ,IAAI,CAACP,aAAa,CAACQ,MAAM,EAAE,OAAOf,QAAQ;EAC1C,MAAM;IAAEgB;EAAS,CAAC,GAAGhB,QAAQ;EAC7B,MAAMiB,eAAe,GAAG,GAAGD,QAAQ,IAAI,EAAE,IAAIT,aAAa,EAAE,CAACW,IAAI,CAAC,CAAC;EAEnE,OAAAC,aAAA,CAAAA,aAAA,KAAYnB,QAAQ;IAAEgB,QAAQ,EAAEC;EAAe;AACjD,CAAC;AAED,eAAelB,kBAAkB","ignoreList":[]}

package/lib-es/hooks/helpers/buildPBComponents.js

@@ -0,0 +1,88 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import React from 'react';
+import cloneDeep from 'lodash.clonedeep';
+import GlobalLightbox from '../../components/Image/GlobalLightbox';
+import RenderComponent from './RenderComponent';
+import getComponentsToInsertByType from './get-components-to-insert-by-type';
+import injectElementComponents from './inject-element-components';
+import StoreImages from './StoreImages';
+import getLightboxImages from './get-lightbox-images';
+import insertBanners from './insert-banners';
+import checkBannerInsertionSet from './check-banner-insertion-set';
+import getBannerIndex from './get-banner-index';
+import { ELEMENT } from '../../constants';
+import { PB_TYPE_TEXTBLOCK } from './constants';
+function renderChildComponents(options, items = []) {
+  return items && items.length ? BuildPBComponents(items, options) : [];
+}
+function BuildPBComponents(components, options = {}, rootLevel = false) {
+  const isArray = Array.isArray(components);
+  if (!isArray) return [];
+  const {
+    metaTitle,
+    lightboxImages = [],
+    toggleModal,
+    open,
+    selectedImage,
+    setSelectedImage,
+    parent,
+    name: parentName
+  } = options;
+  if (rootLevel && !open) StoreImages.resetImages();
+  StoreImages.addImages(getLightboxImages(components).concat(lightboxImages), options);
+  StoreImages.setHandlers({
+    toggleModal,
+    setSelectedImage
+  });
+  const imageProps = {
+    toggleModal: StoreImages.toggleModal,
+    handleSelectedImage: StoreImages.handleSelectedImage
+  };
+  const images = StoreImages.images.map(image => _objectSpread(_objectSpread({}, image), imageProps));
+  return /*#__PURE__*/React.createElement(React.Fragment, null, open && /*#__PURE__*/React.createElement(GlobalLightbox, {
+    images: images,
+    onClose: StoreImages.toggleModal,
+    selectedImage: selectedImage,
+    metaTitle: metaTitle,
+    parentName: parentName,
+    parent: parent
+  }), components.map(component => {
+    const {
+      items = []
+    } = component;
+    const [hasElementInsertionComponents, elementInsertionComponents] = getComponentsToInsertByType(items, ELEMENT);
+    const [hasTextBlockBanners, textBlockBanners] = getComponentsToInsertByType(items, PB_TYPE_TEXTBLOCK);
+    let updatedChildren = items && cloneDeep(items).filter(({
+      settings: {
+        insertionType
+      } = {}
+    }) => insertionType !== PB_TYPE_TEXTBLOCK);
+    if (hasElementInsertionComponents) {
+      updatedChildren = injectElementComponents(elementInsertionComponents, updatedChildren);
+    } else {
+      // TODO: this block is for banner retrocompatibility, once completly migrated remove it as well as all related helpers
+      const bannerToInject = checkBannerInsertionSet(updatedChildren);
+      const bannerIndex = getBannerIndex(updatedChildren, bannerToInject);
+      const hasComponentItems = !!(updatedChildren && updatedChildren.length);
+      if (hasComponentItems && bannerIndex > -1) {
+        updatedChildren = insertBanners(updatedChildren, bannerIndex, bannerToInject);
+      }
+    }
+    const childComponents = renderChildComponents(options, updatedChildren);
+    return /*#__PURE__*/React.createElement(RenderComponent, {
+      component: component,
+      siblings: updatedChildren,
+      childComponents: childComponents,
+      imageProps: imageProps,
+      options: _objectSpread({}, options),
+      images: images,
+      key: `${component.id}`,
+      hasTextBlockBanners: hasTextBlockBanners,
+      textBlockBanners: textBlockBanners
+    });
+  }));
+}
+export default BuildPBComponents;
+//# sourceMappingURL=buildPBComponents.js.map

package/lib-es/hooks/helpers/buildPBComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildPBComponents.js","names":["React","cloneDeep","GlobalLightbox","RenderComponent","getComponentsToInsertByType","injectElementComponents","StoreImages","getLightboxImages","insertBanners","checkBannerInsertionSet","getBannerIndex","ELEMENT","PB_TYPE_TEXTBLOCK","renderChildComponents","options","items","length","BuildPBComponents","components","rootLevel","isArray","Array","metaTitle","lightboxImages","toggleModal","open","selectedImage","setSelectedImage","parent","name","parentName","resetImages","addImages","concat","setHandlers","imageProps","handleSelectedImage","images","map","image","_objectSpread","createElement","Fragment","onClose","component","hasElementInsertionComponents","elementInsertionComponents","hasTextBlockBanners","textBlockBanners","updatedChildren","filter","settings","insertionType","bannerToInject","bannerIndex","hasComponentItems","childComponents","siblings","key","id"],"sources":["../../../src/hooks/helpers/buildPBComponents.js"],"sourcesContent":["import React from 'react';\nimport cloneDeep from 'lodash.clonedeep';\nimport GlobalLightbox from '../../components/Image/GlobalLightbox';\nimport RenderComponent from './RenderComponent';\nimport getComponentsToInsertByType from './get-components-to-insert-by-type';\nimport injectElementComponents from './inject-element-components';\nimport StoreImages from './StoreImages';\nimport getLightboxImages from './get-lightbox-images';\nimport insertBanners from './insert-banners';\nimport checkBannerInsertionSet from './check-banner-insertion-set';\nimport getBannerIndex from './get-banner-index';\nimport { ELEMENT } from '../../constants';\nimport { PB_TYPE_TEXTBLOCK } from './constants';\n\nfunction renderChildComponents(options, items = []) {\n  return items && items.length ? BuildPBComponents(items, options) : [];\n}\n\nfunction BuildPBComponents(components, options = {}, rootLevel = false) {\n  const isArray = Array.isArray(components);\n  if (!isArray) return [];\n\n  const {\n    metaTitle,\n    lightboxImages = [],\n    toggleModal,\n    open,\n    selectedImage,\n    setSelectedImage,\n    parent,\n    name: parentName\n  } = options;\n\n  if (rootLevel && !open) StoreImages.resetImages();\n\n  StoreImages.addImages(getLightboxImages(components).concat(lightboxImages), options);\n  StoreImages.setHandlers({ toggleModal, setSelectedImage });\n\n  const imageProps = {\n    toggleModal: StoreImages.toggleModal,\n    handleSelectedImage: StoreImages.handleSelectedImage\n  };\n\n  const images = StoreImages.images.map(image => ({ ...image, ...imageProps }));\n\n  return (\n    <>\n      {open && (\n        <GlobalLightbox\n          images={images}\n          onClose={StoreImages.toggleModal}\n          selectedImage={selectedImage}\n          metaTitle={metaTitle}\n          parentName={parentName}\n          parent={parent}\n        />\n      )}\n      {components.map(component => {\n        const { items = [] } = component;\n        const [hasElementInsertionComponents, elementInsertionComponents] =\n          getComponentsToInsertByType(items, ELEMENT);\n\n        const [hasTextBlockBanners, textBlockBanners] = getComponentsToInsertByType(\n          items,\n          PB_TYPE_TEXTBLOCK\n        );\n\n        let updatedChildren =\n          items &&\n          cloneDeep(items).filter(\n            ({ settings: { insertionType } = {} }) => insertionType !== PB_TYPE_TEXTBLOCK\n          );\n\n        if (hasElementInsertionComponents) {\n          updatedChildren = injectElementComponents(elementInsertionComponents, updatedChildren);\n        } else {\n          // TODO: this block is for banner retrocompatibility, once completly migrated remove it as well as all related helpers\n          const bannerToInject = checkBannerInsertionSet(updatedChildren);\n          const bannerIndex = getBannerIndex(updatedChildren, bannerToInject);\n          const hasComponentItems = !!(updatedChildren && updatedChildren.length);\n\n          if (hasComponentItems && bannerIndex > -1) {\n            updatedChildren = insertBanners(updatedChildren, bannerIndex, bannerToInject);\n          }\n        }\n\n        const childComponents = renderChildComponents(options, updatedChildren);\n\n        return (\n          <RenderComponent\n            component={component}\n            siblings={updatedChildren}\n            childComponents={childComponents}\n            imageProps={imageProps}\n            options={{ ...options }}\n            images={images}\n            key={`${component.id}`}\n            hasTextBlockBanners={hasTextBlockBanners}\n            textBlockBanners={textBlockBanners}\n          />\n        );\n      })}\n    </>\n  );\n}\n\nexport default BuildPBComponents;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,kBAAkB;AACxC,OAAOC,cAAc,MAAM,uCAAuC;AAClE,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,2BAA2B,MAAM,oCAAoC;AAC5E,OAAOC,uBAAuB,MAAM,6BAA6B;AACjE,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,aAAa,MAAM,kBAAkB;AAC5C,OAAOC,uBAAuB,MAAM,8BAA8B;AAClE,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,SAASC,OAAO,QAAQ,iBAAiB;AACzC,SAASC,iBAAiB,QAAQ,aAAa;AAE/C,SAASC,qBAAqBA,CAACC,OAAO,EAAEC,KAAK,GAAG,EAAE,EAAE;EAClD,OAAOA,KAAK,IAAIA,KAAK,CAACC,MAAM,GAAGC,iBAAiB,CAACF,KAAK,EAAED,OAAO,CAAC,GAAG,EAAE;AACvE;AAEA,SAASG,iBAAiBA,CAACC,UAAU,EAAEJ,OAAO,GAAG,CAAC,CAAC,EAAEK,SAAS,GAAG,KAAK,EAAE;EACtE,MAAMC,OAAO,GAAGC,KAAK,CAACD,OAAO,CAACF,UAAU,CAAC;EACzC,IAAI,CAACE,OAAO,EAAE,OAAO,EAAE;EAEvB,MAAM;IACJE,SAAS;IACTC,cAAc,GAAG,EAAE;IACnBC,WAAW;IACXC,IAAI;IACJC,aAAa;IACbC,gBAAgB;IAChBC,MAAM;IACNC,IAAI,EAAEC;EACR,CAAC,GAAGhB,OAAO;EAEX,IAAIK,SAAS,IAAI,CAACM,IAAI,EAAEnB,WAAW,CAACyB,WAAW,CAAC,CAAC;EAEjDzB,WAAW,CAAC0B,SAAS,CAACzB,iBAAiB,CAACW,UAAU,CAAC,CAACe,MAAM,CAACV,cAAc,CAAC,EAAET,OAAO,CAAC;EACpFR,WAAW,CAAC4B,WAAW,CAAC;IAAEV,WAAW;IAAEG;EAAiB,CAAC,CAAC;EAE1D,MAAMQ,UAAU,GAAG;IACjBX,WAAW,EAAElB,WAAW,CAACkB,WAAW;IACpCY,mBAAmB,EAAE9B,WAAW,CAAC8B;EACnC,CAAC;EAED,MAAMC,MAAM,GAAG/B,WAAW,CAAC+B,MAAM,CAACC,GAAG,CAACC,KAAK,IAAAC,aAAA,CAAAA,aAAA,KAAUD,KAAK,GAAKJ,UAAU,CAAG,CAAC;EAE7E,oBACEnC,KAAA,CAAAyC,aAAA,CAAAzC,KAAA,CAAA0C,QAAA,QACGjB,IAAI,iBACHzB,KAAA,CAAAyC,aAAA,CAACvC,cAAc;IACbmC,MAAM,EAAEA,MAAO;IACfM,OAAO,EAAErC,WAAW,CAACkB,WAAY;IACjCE,aAAa,EAAEA,aAAc;IAC7BJ,SAAS,EAAEA,SAAU;IACrBQ,UAAU,EAAEA,UAAW;IACvBF,MAAM,EAAEA;EAAO,CAChB,CACF,EACAV,UAAU,CAACoB,GAAG,CAACM,SAAS,IAAI;IAC3B,MAAM;MAAE7B,KAAK,GAAG;IAAG,CAAC,GAAG6B,SAAS;IAChC,MAAM,CAACC,6BAA6B,EAAEC,0BAA0B,CAAC,GAC/D1C,2BAA2B,CAACW,KAAK,EAAEJ,OAAO,CAAC;IAE7C,MAAM,CAACoC,mBAAmB,EAAEC,gBAAgB,CAAC,GAAG5C,2BAA2B,CACzEW,KAAK,EACLH,iBACF,CAAC;IAED,IAAIqC,eAAe,GACjBlC,KAAK,IACLd,SAAS,CAACc,KAAK,CAAC,CAACmC,MAAM,CACrB,CAAC;MAAEC,QAAQ,EAAE;QAAEC;MAAc,CAAC,GAAG,CAAC;IAAE,CAAC,KAAKA,aAAa,KAAKxC,iBAC9D,CAAC;IAEH,IAAIiC,6BAA6B,EAAE;MACjCI,eAAe,GAAG5C,uBAAuB,CAACyC,0BAA0B,EAAEG,eAAe,CAAC;IACxF,CAAC,MAAM;MACL;MACA,MAAMI,cAAc,GAAG5C,uBAAuB,CAACwC,eAAe,CAAC;MAC/D,MAAMK,WAAW,GAAG5C,cAAc,CAACuC,eAAe,EAAEI,cAAc,CAAC;MACnE,MAAME,iBAAiB,GAAG,CAAC,EAAEN,eAAe,IAAIA,eAAe,CAACjC,MAAM,CAAC;MAEvE,IAAIuC,iBAAiB,IAAID,WAAW,GAAG,CAAC,CAAC,EAAE;QACzCL,eAAe,GAAGzC,aAAa,CAACyC,eAAe,EAAEK,WAAW,EAAED,cAAc,CAAC;MAC/E;IACF;IAEA,MAAMG,eAAe,GAAG3C,qBAAqB,CAACC,OAAO,EAAEmC,eAAe,CAAC;IAEvE,oBACEjD,KAAA,CAAAyC,aAAA,CAACtC,eAAe;MACdyC,SAAS,EAAEA,SAAU;MACrBa,QAAQ,EAAER,eAAgB;MAC1BO,eAAe,EAAEA,eAAgB;MACjCrB,UAAU,EAAEA,UAAW;MACvBrB,OAAO,EAAA0B,aAAA,KAAO1B,OAAO,CAAG;MACxBuB,MAAM,EAAEA,MAAO;MACfqB,GAAG,EAAE,GAAGd,SAAS,CAACe,EAAE,EAAG;MACvBZ,mBAAmB,EAAEA,mBAAoB;MACzCC,gBAAgB,EAAEA;IAAiB,CACpC,CAAC;EAEN,CAAC,CACD,CAAC;AAEP;AAEA,eAAe/B,iBAAiB","ignoreList":[]}

package/lib-es/hooks/helpers/check-banner-insertion-set.js

@@ -0,0 +1,17 @@
+import { PB_TYPE_BANNER } from './constants';
+const checkBannerInsertionSet = items => {
+  if (items) {
+    // do not include if insertionType is set as will have new settings
+    const [bannerToInject] = items.filter(({
+      type,
+      settings: {
+        interval = '',
+        insertionType
+      }
+    }) => !insertionType && type === PB_TYPE_BANNER && interval);
+    if (bannerToInject) return bannerToInject;
+  }
+  return null;
+};
+export default checkBannerInsertionSet;
+//# sourceMappingURL=check-banner-insertion-set.js.map

package/lib-es/hooks/helpers/check-banner-insertion-set.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-banner-insertion-set.js","names":["PB_TYPE_BANNER","checkBannerInsertionSet","items","bannerToInject","filter","type","settings","interval","insertionType"],"sources":["../../../src/hooks/helpers/check-banner-insertion-set.js"],"sourcesContent":["import { PB_TYPE_BANNER } from './constants';\n\nconst checkBannerInsertionSet = items => {\n  if (items) {\n    // do not include if insertionType is set as will have new settings\n    const [bannerToInject] = items.filter(\n      ({ type, settings: { interval = '', insertionType } }) =>\n        !insertionType && type === PB_TYPE_BANNER && interval\n    );\n\n    if (bannerToInject) return bannerToInject;\n  }\n\n  return null;\n};\n\nexport default checkBannerInsertionSet;\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,aAAa;AAE5C,MAAMC,uBAAuB,GAAGC,KAAK,IAAI;EACvC,IAAIA,KAAK,EAAE;IACT;IACA,MAAM,CAACC,cAAc,CAAC,GAAGD,KAAK,CAACE,MAAM,CACnC,CAAC;MAAEC,IAAI;MAAEC,QAAQ,EAAE;QAAEC,QAAQ,GAAG,EAAE;QAAEC;MAAc;IAAE,CAAC,KACnD,CAACA,aAAa,IAAIH,IAAI,KAAKL,cAAc,IAAIO,QACjD,CAAC;IAED,IAAIJ,cAAc,EAAE,OAAOA,cAAc;EAC3C;EAEA,OAAO,IAAI;AACb,CAAC;AAED,eAAeF,uBAAuB","ignoreList":[]}

package/lib-es/hooks/helpers/check-collisions.js

@@ -0,0 +1,30 @@
+import { IMAGE, CAROUSEL } from '../../constants';
+const COLLISION_COMPONENTS = [CAROUSEL, IMAGE];
+const checkColissionTypes = type => COLLISION_COMPONENTS.includes(type);
+const checkIfHasCollided = (index, length, collidedWithPrevious, collidedWithNext) => {
+  if (index === 0 && collidedWithPrevious) return true;
+  if (index === length && collidedWithNext) return true;
+  return false;
+};
+const getCollisions = (name, siblings) => {
+  let collidedWithPrevious = false;
+  let collidedWithNext = false;
+  siblings.find(({
+    name: componentName
+  }, i) => {
+    if (componentName === name) {
+      const {
+        type: previousType
+      } = siblings[i - 1] || {};
+      const {
+        type: nextType
+      } = siblings[i + 1] || {};
+      collidedWithPrevious = checkColissionTypes(previousType);
+      collidedWithNext = checkColissionTypes(nextType);
+    }
+    return componentName === name ? i : null;
+  });
+  return [collidedWithPrevious, collidedWithNext];
+};
+export { getCollisions, checkIfHasCollided };
+//# sourceMappingURL=check-collisions.js.map

package/lib-es/hooks/helpers/check-collisions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-collisions.js","names":["IMAGE","CAROUSEL","COLLISION_COMPONENTS","checkColissionTypes","type","includes","checkIfHasCollided","index","length","collidedWithPrevious","collidedWithNext","getCollisions","name","siblings","find","componentName","i","previousType","nextType"],"sources":["../../../src/hooks/helpers/check-collisions.js"],"sourcesContent":["import { IMAGE, CAROUSEL } from '../../constants';\n\nconst COLLISION_COMPONENTS = [CAROUSEL, IMAGE];\nconst checkColissionTypes = type => COLLISION_COMPONENTS.includes(type);\n\nconst checkIfHasCollided = (index, length, collidedWithPrevious, collidedWithNext) => {\n  if (index === 0 && collidedWithPrevious) return true;\n  if (index === length && collidedWithNext) return true;\n  return false;\n};\n\nconst getCollisions = (name, siblings) => {\n  let collidedWithPrevious = false;\n  let collidedWithNext = false;\n  siblings.find(({ name: componentName }, i) => {\n    if (componentName === name) {\n      const { type: previousType } = siblings[i - 1] || {};\n      const { type: nextType } = siblings[i + 1] || {};\n      collidedWithPrevious = checkColissionTypes(previousType);\n      collidedWithNext = checkColissionTypes(nextType);\n    }\n\n    return componentName === name ? i : null;\n  });\n\n  return [collidedWithPrevious, collidedWithNext];\n};\n\nexport { getCollisions, checkIfHasCollided };\n"],"mappings":"AAAA,SAASA,KAAK,EAAEC,QAAQ,QAAQ,iBAAiB;AAEjD,MAAMC,oBAAoB,GAAG,CAACD,QAAQ,EAAED,KAAK,CAAC;AAC9C,MAAMG,mBAAmB,GAAGC,IAAI,IAAIF,oBAAoB,CAACG,QAAQ,CAACD,IAAI,CAAC;AAEvE,MAAME,kBAAkB,GAAGA,CAACC,KAAK,EAAEC,MAAM,EAAEC,oBAAoB,EAAEC,gBAAgB,KAAK;EACpF,IAAIH,KAAK,KAAK,CAAC,IAAIE,oBAAoB,EAAE,OAAO,IAAI;EACpD,IAAIF,KAAK,KAAKC,MAAM,IAAIE,gBAAgB,EAAE,OAAO,IAAI;EACrD,OAAO,KAAK;AACd,CAAC;AAED,MAAMC,aAAa,GAAGA,CAACC,IAAI,EAAEC,QAAQ,KAAK;EACxC,IAAIJ,oBAAoB,GAAG,KAAK;EAChC,IAAIC,gBAAgB,GAAG,KAAK;EAC5BG,QAAQ,CAACC,IAAI,CAAC,CAAC;IAAEF,IAAI,EAAEG;EAAc,CAAC,EAAEC,CAAC,KAAK;IAC5C,IAAID,aAAa,KAAKH,IAAI,EAAE;MAC1B,MAAM;QAAER,IAAI,EAAEa;MAAa,CAAC,GAAGJ,QAAQ,CAACG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;MACpD,MAAM;QAAEZ,IAAI,EAAEc;MAAS,CAAC,GAAGL,QAAQ,CAACG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;MAChDP,oBAAoB,GAAGN,mBAAmB,CAACc,YAAY,CAAC;MACxDP,gBAAgB,GAAGP,mBAAmB,CAACe,QAAQ,CAAC;IAClD;IAEA,OAAOH,aAAa,KAAKH,IAAI,GAAGI,CAAC,GAAG,IAAI;EAC1C,CAAC,CAAC;EAEF,OAAO,CAACP,oBAAoB,EAAEC,gBAAgB,CAAC;AACjD,CAAC;AAED,SAASC,aAAa,EAAEL,kBAAkB","ignoreList":[]}

package/lib-es/hooks/helpers/constants.js

@@ -0,0 +1,6 @@
+const PB_TYPE_IMAGE = 'image';
+const PB_TYPE_TEXTBLOCK = 'textblock';
+const PB_TYPE_BANNER = 'banner';
+const PB_TYPE_CAROUSEL = 'carousel';
+export { PB_TYPE_IMAGE, PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK, PB_TYPE_CAROUSEL };
+//# sourceMappingURL=constants.js.map

package/lib-es/hooks/helpers/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["PB_TYPE_IMAGE","PB_TYPE_TEXTBLOCK","PB_TYPE_BANNER","PB_TYPE_CAROUSEL"],"sources":["../../../src/hooks/helpers/constants.js"],"sourcesContent":["const PB_TYPE_IMAGE = 'image';\nconst PB_TYPE_TEXTBLOCK = 'textblock';\nconst PB_TYPE_BANNER = 'banner';\nconst PB_TYPE_CAROUSEL = 'carousel';\n\nexport { PB_TYPE_IMAGE, PB_TYPE_BANNER, PB_TYPE_TEXTBLOCK, PB_TYPE_CAROUSEL };\n"],"mappings":"AAAA,MAAMA,aAAa,GAAG,OAAO;AAC7B,MAAMC,iBAAiB,GAAG,WAAW;AACrC,MAAMC,cAAc,GAAG,QAAQ;AAC/B,MAAMC,gBAAgB,GAAG,UAAU;AAEnC,SAASH,aAAa,EAAEE,cAAc,EAAED,iBAAiB,EAAEE,gBAAgB","ignoreList":[]}

package/lib-es/hooks/helpers/get-banner-index.js

@@ -0,0 +1,3 @@
+const getBannerIndex = (items, banner) => items && items.length && banner ? items.findIndex(item => item === banner) : -1;
+export default getBannerIndex;
+//# sourceMappingURL=get-banner-index.js.map

package/lib-es/hooks/helpers/get-banner-index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-banner-index.js","names":["getBannerIndex","items","banner","length","findIndex","item"],"sources":["../../../src/hooks/helpers/get-banner-index.js"],"sourcesContent":["const getBannerIndex = (items, banner) =>\n  items && items.length && banner ? items.findIndex(item => item === banner) : -1;\n\nexport default getBannerIndex;\n"],"mappings":"AAAA,MAAMA,cAAc,GAAGA,CAACC,KAAK,EAAEC,MAAM,KACnCD,KAAK,IAAIA,KAAK,CAACE,MAAM,IAAID,MAAM,GAAGD,KAAK,CAACG,SAAS,CAACC,IAAI,IAAIA,IAAI,KAAKH,MAAM,CAAC,GAAG,CAAC,CAAC;AAEjF,eAAeF,cAAc","ignoreList":[]}

package/lib-es/hooks/helpers/get-components-to-insert-by-type.js

@@ -0,0 +1,27 @@
+import { PB_TYPE_TEXTBLOCK } from './constants';
+import { ELEMENT } from '../../constants';
+const getComponentsToInsertByType = (items, insertionType) => {
+  if (!items || !items.length) return [false, []];
+  if (insertionType === ELEMENT) {
+    const componentsToInject = items.filter(({
+      settings: {
+        insertionType: insertionTypeSetting,
+        startingPoint,
+        repeatEvery,
+        maxRepetitions
+      }
+    }) => insertionTypeSetting === insertionType && startingPoint !== 0 && repeatEvery !== 0 && maxRepetitions !== 0);
+    return [!!componentsToInject.length, componentsToInject];
+  }
+  if (insertionType === PB_TYPE_TEXTBLOCK) {
+    const textBlockBanners = items.filter(({
+      settings: {
+        insertionType: insertionTypeSetting
+      }
+    }) => insertionTypeSetting === PB_TYPE_TEXTBLOCK);
+    return [!!textBlockBanners.length, textBlockBanners];
+  }
+  return [false, []];
+};
+export default getComponentsToInsertByType;
+//# sourceMappingURL=get-components-to-insert-by-type.js.map

package/lib-es/hooks/helpers/get-components-to-insert-by-type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-components-to-insert-by-type.js","names":["PB_TYPE_TEXTBLOCK","ELEMENT","getComponentsToInsertByType","items","insertionType","length","componentsToInject","filter","settings","insertionTypeSetting","startingPoint","repeatEvery","maxRepetitions","textBlockBanners"],"sources":["../../../src/hooks/helpers/get-components-to-insert-by-type.js"],"sourcesContent":["import { PB_TYPE_TEXTBLOCK } from './constants';\nimport { ELEMENT } from '../../constants';\n\nconst getComponentsToInsertByType = (items, insertionType) => {\n  if (!items || !items.length) return [false, []];\n\n  if (insertionType === ELEMENT) {\n    const componentsToInject = items.filter(\n      ({\n        settings: {\n          insertionType: insertionTypeSetting,\n          startingPoint,\n          repeatEvery,\n          maxRepetitions\n        }\n      }) =>\n        insertionTypeSetting === insertionType &&\n        startingPoint !== 0 &&\n        repeatEvery !== 0 &&\n        maxRepetitions !== 0\n    );\n    return [!!componentsToInject.length, componentsToInject];\n  }\n  if (insertionType === PB_TYPE_TEXTBLOCK) {\n    const textBlockBanners = items.filter(\n      ({ settings: { insertionType: insertionTypeSetting } }) =>\n        insertionTypeSetting === PB_TYPE_TEXTBLOCK\n    );\n\n    return [!!textBlockBanners.length, textBlockBanners];\n  }\n\n  return [false, []];\n};\n\nexport default getComponentsToInsertByType;\n"],"mappings":"AAAA,SAASA,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,OAAO,QAAQ,iBAAiB;AAEzC,MAAMC,2BAA2B,GAAGA,CAACC,KAAK,EAAEC,aAAa,KAAK;EAC5D,IAAI,CAACD,KAAK,IAAI,CAACA,KAAK,CAACE,MAAM,EAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;EAE/C,IAAID,aAAa,KAAKH,OAAO,EAAE;IAC7B,MAAMK,kBAAkB,GAAGH,KAAK,CAACI,MAAM,CACrC,CAAC;MACCC,QAAQ,EAAE;QACRJ,aAAa,EAAEK,oBAAoB;QACnCC,aAAa;QACbC,WAAW;QACXC;MACF;IACF,CAAC,KACCH,oBAAoB,KAAKL,aAAa,IACtCM,aAAa,KAAK,CAAC,IACnBC,WAAW,KAAK,CAAC,IACjBC,cAAc,KAAK,CACvB,CAAC;IACD,OAAO,CAAC,CAAC,CAACN,kBAAkB,CAACD,MAAM,EAAEC,kBAAkB,CAAC;EAC1D;EACA,IAAIF,aAAa,KAAKJ,iBAAiB,EAAE;IACvC,MAAMa,gBAAgB,GAAGV,KAAK,CAACI,MAAM,CACnC,CAAC;MAAEC,QAAQ,EAAE;QAAEJ,aAAa,EAAEK;MAAqB;IAAE,CAAC,KACpDA,oBAAoB,KAAKT,iBAC7B,CAAC;IAED,OAAO,CAAC,CAAC,CAACa,gBAAgB,CAACR,MAAM,EAAEQ,gBAAgB,CAAC;EACtD;EAEA,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;AACpB,CAAC;AAED,eAAeX,2BAA2B","ignoreList":[]}

package/lib-es/hooks/helpers/get-lightbox-images.js

@@ -0,0 +1,40 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import { PB_TYPE_IMAGE, PB_TYPE_CAROUSEL, PB_TYPE_BANNER } from './constants';
+function checkIfHasLightboxAndImages(component) {
+  const isImage = [PB_TYPE_IMAGE, PB_TYPE_CAROUSEL].includes(component.type);
+  const hasEnabledLightbox = isImage && component.settings.enableLightbox;
+  const hasEmptyImage = component.type === PB_TYPE_IMAGE && !component.settings.imageId;
+  return hasEnabledLightbox && !hasEmptyImage;
+}
+function getLightboxImages(pageBuilder) {
+  const getImage = component => {
+    const hasLighboxAndImage = checkIfHasLightboxAndImages(component);
+    if (hasLighboxAndImage) {
+      if (component.type === PB_TYPE_CAROUSEL) {
+        const hasBanner = !!isOnlyChildBanner(component.type, component.items);
+        return component.settings.imageIds.map((imageId, index) => {
+          const currentElement = _objectSpread(_objectSpread({}, component.settings), {}, {
+            imageId,
+            hasBanner,
+            banner: hasBanner ? component.items[0].settings : null
+          });
+          delete currentElement.imageIds;
+          return currentElement;
+        });
+      }
+      return isOnlyChildBanner(component.type, component.items) ? [_objectSpread(_objectSpread({}, component.settings), {}, {
+        hasBanner: true,
+        banner: component.items[0].settings
+      })] : [component.settings];
+    }
+    return [];
+  };
+  const isOnlyChildBanner = (type, items) => [PB_TYPE_IMAGE, PB_TYPE_CAROUSEL].includes(type) && items && items.length === 1 && items[0].type === PB_TYPE_BANNER;
+  const getItems = component => !component.items || !component.items.length || isOnlyChildBanner(component.type, component.items) ? getImage(component) : component.items.map(child => getItems(child));
+  const parseImages = container => Array.isArray(container) ? [].concat(...container.map(parseImages)) : container;
+  return parseImages(pageBuilder.map(component => getItems(component)));
+}
+export default getLightboxImages;
+//# sourceMappingURL=get-lightbox-images.js.map

package/lib-es/hooks/helpers/get-lightbox-images.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-lightbox-images.js","names":["PB_TYPE_IMAGE","PB_TYPE_CAROUSEL","PB_TYPE_BANNER","checkIfHasLightboxAndImages","component","isImage","includes","type","hasEnabledLightbox","settings","enableLightbox","hasEmptyImage","imageId","getLightboxImages","pageBuilder","getImage","hasLighboxAndImage","hasBanner","isOnlyChildBanner","items","imageIds","map","index","currentElement","_objectSpread","banner","length","getItems","child","parseImages","container","Array","isArray","concat"],"sources":["../../../src/hooks/helpers/get-lightbox-images.js"],"sourcesContent":["import { PB_TYPE_IMAGE, PB_TYPE_CAROUSEL, PB_TYPE_BANNER } from './constants';\n\nfunction checkIfHasLightboxAndImages(component) {\n  const isImage = [PB_TYPE_IMAGE, PB_TYPE_CAROUSEL].includes(component.type);\n  const hasEnabledLightbox = isImage && component.settings.enableLightbox;\n  const hasEmptyImage = component.type === PB_TYPE_IMAGE && !component.settings.imageId;\n  return hasEnabledLightbox && !hasEmptyImage;\n}\n\nfunction getLightboxImages(pageBuilder) {\n  const getImage = component => {\n    const hasLighboxAndImage = checkIfHasLightboxAndImages(component);\n\n    if (hasLighboxAndImage) {\n      if (component.type === PB_TYPE_CAROUSEL) {\n        const hasBanner = !!isOnlyChildBanner(component.type, component.items);\n        return component.settings.imageIds.map((imageId, index) => {\n          const currentElement = {\n            ...component.settings,\n            imageId,\n            hasBanner,\n            banner: hasBanner ? component.items[0].settings : null\n          };\n          delete currentElement.imageIds;\n          return currentElement;\n        });\n      }\n      return isOnlyChildBanner(component.type, component.items)\n        ? [{ ...component.settings, hasBanner: true, banner: component.items[0].settings }]\n        : [component.settings];\n    }\n    return [];\n  };\n\n  const isOnlyChildBanner = (type, items) =>\n    [PB_TYPE_IMAGE, PB_TYPE_CAROUSEL].includes(type) &&\n    items &&\n    items.length === 1 &&\n    items[0].type === PB_TYPE_BANNER;\n\n  const getItems = component =>\n    !component.items ||\n    !component.items.length ||\n    isOnlyChildBanner(component.type, component.items)\n      ? getImage(component)\n      : component.items.map(child => getItems(child));\n\n  const parseImages = container =>\n    Array.isArray(container) ? [].concat(...container.map(parseImages)) : container;\n\n  return parseImages(pageBuilder.map(component => getItems(component)));\n}\n\nexport default getLightboxImages;\n"],"mappings":";;;AAAA,SAASA,aAAa,EAAEC,gBAAgB,EAAEC,cAAc,QAAQ,aAAa;AAE7E,SAASC,2BAA2BA,CAACC,SAAS,EAAE;EAC9C,MAAMC,OAAO,GAAG,CAACL,aAAa,EAAEC,gBAAgB,CAAC,CAACK,QAAQ,CAACF,SAAS,CAACG,IAAI,CAAC;EAC1E,MAAMC,kBAAkB,GAAGH,OAAO,IAAID,SAAS,CAACK,QAAQ,CAACC,cAAc;EACvE,MAAMC,aAAa,GAAGP,SAAS,CAACG,IAAI,KAAKP,aAAa,IAAI,CAACI,SAAS,CAACK,QAAQ,CAACG,OAAO;EACrF,OAAOJ,kBAAkB,IAAI,CAACG,aAAa;AAC7C;AAEA,SAASE,iBAAiBA,CAACC,WAAW,EAAE;EACtC,MAAMC,QAAQ,GAAGX,SAAS,IAAI;IAC5B,MAAMY,kBAAkB,GAAGb,2BAA2B,CAACC,SAAS,CAAC;IAEjE,IAAIY,kBAAkB,EAAE;MACtB,IAAIZ,SAAS,CAACG,IAAI,KAAKN,gBAAgB,EAAE;QACvC,MAAMgB,SAAS,GAAG,CAAC,CAACC,iBAAiB,CAACd,SAAS,CAACG,IAAI,EAAEH,SAAS,CAACe,KAAK,CAAC;QACtE,OAAOf,SAAS,CAACK,QAAQ,CAACW,QAAQ,CAACC,GAAG,CAAC,CAACT,OAAO,EAAEU,KAAK,KAAK;UACzD,MAAMC,cAAc,GAAAC,aAAA,CAAAA,aAAA,KACfpB,SAAS,CAACK,QAAQ;YACrBG,OAAO;YACPK,SAAS;YACTQ,MAAM,EAAER,SAAS,GAAGb,SAAS,CAACe,KAAK,CAAC,CAAC,CAAC,CAACV,QAAQ,GAAG;UAAI,EACvD;UACD,OAAOc,cAAc,CAACH,QAAQ;UAC9B,OAAOG,cAAc;QACvB,CAAC,CAAC;MACJ;MACA,OAAOL,iBAAiB,CAACd,SAAS,CAACG,IAAI,EAAEH,SAAS,CAACe,KAAK,CAAC,GACrD,CAAAK,aAAA,CAAAA,aAAA,KAAMpB,SAAS,CAACK,QAAQ;QAAEQ,SAAS,EAAE,IAAI;QAAEQ,MAAM,EAAErB,SAAS,CAACe,KAAK,CAAC,CAAC,CAAC,CAACV;MAAQ,GAAG,GACjF,CAACL,SAAS,CAACK,QAAQ,CAAC;IAC1B;IACA,OAAO,EAAE;EACX,CAAC;EAED,MAAMS,iBAAiB,GAAGA,CAACX,IAAI,EAAEY,KAAK,KACpC,CAACnB,aAAa,EAAEC,gBAAgB,CAAC,CAACK,QAAQ,CAACC,IAAI,CAAC,IAChDY,KAAK,IACLA,KAAK,CAACO,MAAM,KAAK,CAAC,IAClBP,KAAK,CAAC,CAAC,CAAC,CAACZ,IAAI,KAAKL,cAAc;EAElC,MAAMyB,QAAQ,GAAGvB,SAAS,IACxB,CAACA,SAAS,CAACe,KAAK,IAChB,CAACf,SAAS,CAACe,KAAK,CAACO,MAAM,IACvBR,iBAAiB,CAACd,SAAS,CAACG,IAAI,EAAEH,SAAS,CAACe,KAAK,CAAC,GAC9CJ,QAAQ,CAACX,SAAS,CAAC,GACnBA,SAAS,CAACe,KAAK,CAACE,GAAG,CAACO,KAAK,IAAID,QAAQ,CAACC,KAAK,CAAC,CAAC;EAEnD,MAAMC,WAAW,GAAGC,SAAS,IAC3BC,KAAK,CAACC,OAAO,CAACF,SAAS,CAAC,GAAG,EAAE,CAACG,MAAM,CAAC,GAAGH,SAAS,CAACT,GAAG,CAACQ,WAAW,CAAC,CAAC,GAAGC,SAAS;EAEjF,OAAOD,WAAW,CAACf,WAAW,CAACO,GAAG,CAACjB,SAAS,IAAIuB,QAAQ,CAACvB,SAAS,CAAC,CAAC,CAAC;AACvE;AAEA,eAAeS,iBAAiB","ignoreList":[]}

package/lib-es/hooks/helpers/getComponent.js

@@ -0,0 +1,5 @@
+import { componentMap } from '../../utils';
+export default function getComponent(candidate) {
+  return componentMap.get(candidate) || null;
+}
+//# sourceMappingURL=getComponent.js.map

package/lib-es/hooks/helpers/getComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getComponent.js","names":["componentMap","getComponent","candidate","get"],"sources":["../../../src/hooks/helpers/getComponent.js"],"sourcesContent":["import { componentMap } from '../../utils';\n\nexport default function getComponent(candidate) {\n  return componentMap.get(candidate) || null;\n}\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,aAAa;AAE1C,eAAe,SAASC,YAAYA,CAACC,SAAS,EAAE;EAC9C,OAAOF,YAAY,CAACG,GAAG,CAACD,SAAS,CAAC,IAAI,IAAI;AAC5C","ignoreList":[]}

package/lib-es/hooks/helpers/getVariant.js

@@ -0,0 +1,14 @@
+import { variantHandler } from '../../utils';
+export default function getVariant(settings) {
+  const {
+    variant
+  } = settings;
+  if (!variant) return [null, {}];
+  const {
+    VariantComponent,
+    getSettings
+  } = variantHandler.get(variant) || {};
+  const variantSettings = !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;
+  return [VariantComponent, variantSettings];
+}
+//# sourceMappingURL=getVariant.js.map

package/lib-es/hooks/helpers/getVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getVariant.js","names":["variantHandler","getVariant","settings","variant","VariantComponent","getSettings","get","variantSettings"],"sources":["../../../src/hooks/helpers/getVariant.js"],"sourcesContent":["import { variantHandler } from '../../utils';\n\nexport default function getVariant(settings) {\n  const { variant } = settings;\n  if (!variant) return [null, {}];\n\n  const { VariantComponent, getSettings } = variantHandler.get(variant) || {};\n\n  const variantSettings =\n    !!getSettings && typeof getSettings === 'function' ? getSettings(settings) : settings;\n\n  return [VariantComponent, variantSettings];\n}\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,aAAa;AAE5C,eAAe,SAASC,UAAUA,CAACC,QAAQ,EAAE;EAC3C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,QAAQ;EAC5B,IAAI,CAACC,OAAO,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;EAE/B,MAAM;IAAEC,gBAAgB;IAAEC;EAAY,CAAC,GAAGL,cAAc,CAACM,GAAG,CAACH,OAAO,CAAC,IAAI,CAAC,CAAC;EAE3E,MAAMI,eAAe,GACnB,CAAC,CAACF,WAAW,IAAI,OAAOA,WAAW,KAAK,UAAU,GAAGA,WAAW,CAACH,QAAQ,CAAC,GAAGA,QAAQ;EAEvF,OAAO,CAACE,gBAAgB,EAAEG,eAAe,CAAC;AAC5C","ignoreList":[]}

package/lib-es/hooks/helpers/index.js

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

package/lib-es/hooks/helpers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["buildPBComponents"],"sources":["../../../src/hooks/helpers/index.js"],"sourcesContent":["import buildPBComponents from './buildPBComponents';\n\nexport default buildPBComponents;\n"],"mappings":"AAAA,OAAOA,iBAAiB,MAAM,qBAAqB;AAEnD,eAAeA,iBAAiB","ignoreList":[]}

package/lib-es/hooks/helpers/inject-element-components.js

@@ -0,0 +1,59 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+import updateTargetings from './update-targetings';
+import { IMAGE } from '../../constants';
+import { PB_TYPE_BANNER } from './constants';
+const checkCollision = (typeToCheck, currentType) => {
+  if (currentType === IMAGE) return true;
+  return typeToCheck === IMAGE;
+};
+const injectElementComponents = (componentsToInject, children) => {
+  if (!componentsToInject.length) return children;
+  const updatedChildren = [];
+  componentsToInject.forEach(componentToInject => {
+    const {
+      type: componentsToInjectType,
+      settings: {
+        repeatEvery,
+        startingPoint,
+        maxRepetitions
+      }
+    } = componentToInject;
+    let repetitionTotal = 0;
+    let currentPosition = startingPoint;
+    children.forEach((child, i) => {
+      const isComponentMatch = componentToInject.name !== child.name;
+      const {
+        type
+      } = child;
+      const {
+        type: previousComponentType
+      } = children[i - 1] || {};
+      const {
+        type: nextComponentType
+      } = children[i + 1] || {};
+      const collidedBefore = checkCollision(previousComponentType, type);
+      const collidedAfter = checkCollision(nextComponentType, type);
+      if (collidedBefore || i === 0 && collidedAfter) {
+        if (currentPosition <= i) currentPosition += 1;
+        if (isComponentMatch) updatedChildren.push(child);
+        return;
+      }
+      const hasReachedMax = maxRepetitions && repetitionTotal >= maxRepetitions;
+      if (!hasReachedMax && i === currentPosition) {
+        const updatedComponentToInject = repeatEvery && componentsToInjectType === PB_TYPE_BANNER ? updateTargetings(componentToInject, repetitionTotal) : componentToInject;
+        const updatedSettings = _objectSpread({}, updatedComponentToInject.settings);
+        updatedChildren.push(_objectSpread(_objectSpread({}, updatedComponentToInject), {}, {
+          settings: updatedSettings
+        }));
+        repetitionTotal += 1;
+        currentPosition += repeatEvery;
+      }
+      if (isComponentMatch) updatedChildren.push(child);
+    });
+  });
+  return updatedChildren;
+};
+export default injectElementComponents;
+//# sourceMappingURL=inject-element-components.js.map

package/lib-es/hooks/helpers/inject-element-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-element-components.js","names":["updateTargetings","IMAGE","PB_TYPE_BANNER","checkCollision","typeToCheck","currentType","injectElementComponents","componentsToInject","children","length","updatedChildren","forEach","componentToInject","type","componentsToInjectType","settings","repeatEvery","startingPoint","maxRepetitions","repetitionTotal","currentPosition","child","i","isComponentMatch","name","previousComponentType","nextComponentType","collidedBefore","collidedAfter","push","hasReachedMax","updatedComponentToInject","updatedSettings","_objectSpread"],"sources":["../../../src/hooks/helpers/inject-element-components.js"],"sourcesContent":["import updateTargetings from './update-targetings';\nimport { IMAGE } from '../../constants';\nimport { PB_TYPE_BANNER } from './constants';\n\nconst checkCollision = (typeToCheck, currentType) => {\n  if (currentType === IMAGE) return true;\n  return typeToCheck === IMAGE;\n};\n\nconst injectElementComponents = (componentsToInject, children) => {\n  if (!componentsToInject.length) return children;\n  const updatedChildren = [];\n\n  componentsToInject.forEach(componentToInject => {\n    const {\n      type: componentsToInjectType,\n      settings: { repeatEvery, startingPoint, maxRepetitions }\n    } = componentToInject;\n\n    let repetitionTotal = 0;\n    let currentPosition = startingPoint;\n\n    children.forEach((child, i) => {\n      const isComponentMatch = componentToInject.name !== child.name;\n      const { type } = child;\n      const { type: previousComponentType } = children[i - 1] || {};\n      const { type: nextComponentType } = children[i + 1] || {};\n      const collidedBefore = checkCollision(previousComponentType, type);\n      const collidedAfter = checkCollision(nextComponentType, type);\n\n      if (collidedBefore || (i === 0 && collidedAfter)) {\n        if (currentPosition <= i) currentPosition += 1;\n        if (isComponentMatch) updatedChildren.push(child);\n        return;\n      }\n\n      const hasReachedMax = maxRepetitions && repetitionTotal >= maxRepetitions;\n      if (!hasReachedMax && i === currentPosition) {\n        const updatedComponentToInject =\n          repeatEvery && componentsToInjectType === PB_TYPE_BANNER\n            ? updateTargetings(componentToInject, repetitionTotal)\n            : componentToInject;\n        const updatedSettings = { ...updatedComponentToInject.settings };\n        updatedChildren.push({ ...updatedComponentToInject, settings: updatedSettings });\n        repetitionTotal += 1;\n        currentPosition += repeatEvery;\n      }\n\n      if (isComponentMatch) updatedChildren.push(child);\n    });\n  });\n\n  return updatedChildren;\n};\n\nexport default injectElementComponents;\n"],"mappings":";;;AAAA,OAAOA,gBAAgB,MAAM,qBAAqB;AAClD,SAASC,KAAK,QAAQ,iBAAiB;AACvC,SAASC,cAAc,QAAQ,aAAa;AAE5C,MAAMC,cAAc,GAAGA,CAACC,WAAW,EAAEC,WAAW,KAAK;EACnD,IAAIA,WAAW,KAAKJ,KAAK,EAAE,OAAO,IAAI;EACtC,OAAOG,WAAW,KAAKH,KAAK;AAC9B,CAAC;AAED,MAAMK,uBAAuB,GAAGA,CAACC,kBAAkB,EAAEC,QAAQ,KAAK;EAChE,IAAI,CAACD,kBAAkB,CAACE,MAAM,EAAE,OAAOD,QAAQ;EAC/C,MAAME,eAAe,GAAG,EAAE;EAE1BH,kBAAkB,CAACI,OAAO,CAACC,iBAAiB,IAAI;IAC9C,MAAM;MACJC,IAAI,EAAEC,sBAAsB;MAC5BC,QAAQ,EAAE;QAAEC,WAAW;QAAEC,aAAa;QAAEC;MAAe;IACzD,CAAC,GAAGN,iBAAiB;IAErB,IAAIO,eAAe,GAAG,CAAC;IACvB,IAAIC,eAAe,GAAGH,aAAa;IAEnCT,QAAQ,CAACG,OAAO,CAAC,CAACU,KAAK,EAAEC,CAAC,KAAK;MAC7B,MAAMC,gBAAgB,GAAGX,iBAAiB,CAACY,IAAI,KAAKH,KAAK,CAACG,IAAI;MAC9D,MAAM;QAAEX;MAAK,CAAC,GAAGQ,KAAK;MACtB,MAAM;QAAER,IAAI,EAAEY;MAAsB,CAAC,GAAGjB,QAAQ,CAACc,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;MAC7D,MAAM;QAAET,IAAI,EAAEa;MAAkB,CAAC,GAAGlB,QAAQ,CAACc,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC;MACzD,MAAMK,cAAc,GAAGxB,cAAc,CAACsB,qBAAqB,EAAEZ,IAAI,CAAC;MAClE,MAAMe,aAAa,GAAGzB,cAAc,CAACuB,iBAAiB,EAAEb,IAAI,CAAC;MAE7D,IAAIc,cAAc,IAAKL,CAAC,KAAK,CAAC,IAAIM,aAAc,EAAE;QAChD,IAAIR,eAAe,IAAIE,CAAC,EAAEF,eAAe,IAAI,CAAC;QAC9C,IAAIG,gBAAgB,EAAEb,eAAe,CAACmB,IAAI,CAACR,KAAK,CAAC;QACjD;MACF;MAEA,MAAMS,aAAa,GAAGZ,cAAc,IAAIC,eAAe,IAAID,cAAc;MACzE,IAAI,CAACY,aAAa,IAAIR,CAAC,KAAKF,eAAe,EAAE;QAC3C,MAAMW,wBAAwB,GAC5Bf,WAAW,IAAIF,sBAAsB,KAAKZ,cAAc,GACpDF,gBAAgB,CAACY,iBAAiB,EAAEO,eAAe,CAAC,GACpDP,iBAAiB;QACvB,MAAMoB,eAAe,GAAAC,aAAA,KAAQF,wBAAwB,CAAChB,QAAQ,CAAE;QAChEL,eAAe,CAACmB,IAAI,CAAAI,aAAA,CAAAA,aAAA,KAAMF,wBAAwB;UAAEhB,QAAQ,EAAEiB;QAAe,EAAE,CAAC;QAChFb,eAAe,IAAI,CAAC;QACpBC,eAAe,IAAIJ,WAAW;MAChC;MAEA,IAAIO,gBAAgB,EAAEb,eAAe,CAACmB,IAAI,CAACR,KAAK,CAAC;IACnD,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,OAAOX,eAAe;AACxB,CAAC;AAED,eAAeJ,uBAAuB","ignoreList":[]}