@blaze-cms/react-page-builder 0.141.0 → 0.142.0-alpha.0

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

@@ -1 +1 @@
-{"version":3,"file":"buildPBComponents.js","names":["React","cloneDeep","GlobalLightbox","RenderComponent","getBannersByType","injectElementBanners","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","hasElementBanners","banners","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 getBannersByType from './get-banners-by-type';\nimport injectElementBanners from './inject-element-banners';\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 [hasElementBanners, banners] = getBannersByType(items, ELEMENT);\n        const [hasTextBlockBanners, textBlockBanners] = getBannersByType(items, PB_TYPE_TEXTBLOCK);\n        let updatedChildren =\n          items &&\n          cloneDeep(items).filter(\n            ({ settings: { insertionType } = {} }) => insertionType !== PB_TYPE_TEXTBLOCK\n          );\n\n        if (hasElementBanners) {\n          updatedChildren = injectElementBanners(banners, 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":"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"}
+{"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 [\n          hasElementInsertionComponents,\n          elementInsertionComponents\n        ] = getComponentsToInsertByType(items, ELEMENT);\n\n        const [hasTextBlockBanners, textBlockBanners] = getComponentsToInsertByType(\n          items,\n          PB_TYPE_TEXTBLOCK\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,CACJC,6BAA6B,EAC7BC,0BAA0B,CAC3B,GAAG1C,2BAA2B,CAACW,KAAK,EAAEJ,OAAO,CAAC;IAE/C,MAAM,CAACoC,mBAAmB,EAAEC,gBAAgB,CAAC,GAAG5C,2BAA2B,CACzEW,KAAK,EACLH,iBACF,CAAC;IACD,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,EAAG,GAAEd,SAAS,CAACe,EAAG,EAAE;MACvBZ,mBAAmB,EAAEA,mBAAoB;MACzCC,gBAAgB,EAAEA;IAAiB,CACpC,CAAC;EAEN,CAAC,CACD,CAAC;AAEP;AAEA,eAAe/B,iBAAiB"}

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 && repeatEvery !== 0 && 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,IACrCM,aAAa,KAAK,CAAC,IAAIC,WAAW,KAAK,CAAC,IAAIC,cAAc,KAAK,CACpE,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"}

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"}

package/lib-es/hooks/helpers/inject-textblock-banners.js

@@ -7,6 +7,7 @@ import Banner from '../../components/Banner';
 import { getCollisions, checkIfHasCollided } from './check-collisions';
 import updateTargetings from './update-targetings';
 import { ALLOWED_BLOCK_TYPES } from '../../constants';
+import { PB_TYPE_BANNER } from './constants';
 const checkCanInjectBanner = (maxRepetitions, total) => {
   if (!maxRepetitions) return true;
   return total < maxRepetitions;
@@ -44,7 +45,8 @@ const injectTextblockBanners = ({
     banners.forEach(banner => {
       const {
         name,
-        settings
+        settings,
+        type: typeToCheck
       } = banner;
       const {
         repeatEvery,
@@ -75,7 +77,7 @@ const injectTextblockBanners = ({
         bannerCounters[name].insertionPoint += repeatEvery;
         bannerCounters[name].total += 1;
         hasBanner = true;
-        if (repeatEvery) bannerPositionCounter.counter += 1;
+        if (repeatEvery && typeToCheck === PB_TYPE_BANNER) bannerPositionCounter.counter += 1;
       }
       bannerCounters[name].paragraphCounter += shouldCount ? 1 : 0;
     });

package/lib-es/hooks/helpers/inject-textblock-banners.js.map

@@ -1 +1 @@
-{"version":3,"file":"inject-textblock-banners.js","names":["React","Banner","getCollisions","checkIfHasCollided","updateTargetings","ALLOWED_BLOCK_TYPES","checkCanInjectBanner","maxRepetitions","total","injectTextblockBanners","componentName","parsedTextBlock","bannerContext","bannerCounters","banners","siblings","pbOptions","bannerPositionCounter","blockTracker","collidedWithPrevious","collidedWithNext","updatedBlock","length","blocksLength","forEach","block","blockIndex","type","props","children","paragraphContent","hasBanner","shouldCount","includes","addBlock","banner","name","settings","repeatEvery","paragraphCounter","insertionPoint","canInsertAfterPreviousBlock","lastBlockType","hasCollided","canInjectBanner","bannerWithTargetings","counter","bannerKey","targetings","updatedBanner","_objectSpread","push","createElement","_extends","key"],"sources":["../../../src/hooks/helpers/inject-textblock-banners.js"],"sourcesContent":["import React from 'react';\nimport Banner from '../../components/Banner';\nimport { getCollisions, checkIfHasCollided } from './check-collisions';\nimport updateTargetings from './update-targetings';\nimport { ALLOWED_BLOCK_TYPES } from '../../constants';\n\nconst checkCanInjectBanner = (maxRepetitions, total) => {\n  if (!maxRepetitions) return true;\n  return total < maxRepetitions;\n};\n\nconst injectTextblockBanners = ({ componentName, parsedTextBlock, bannerContext }) => {\n  const {\n    bannerCounters,\n    banners,\n    siblings,\n    pbOptions,\n    bannerPositionCounter,\n    blockTracker\n  } = bannerContext;\n  const [collidedWithPrevious, collidedWithNext] = getCollisions(componentName, siblings);\n  const updatedBlock = [];\n  const { length: blocksLength } = parsedTextBlock;\n\n  parsedTextBlock.forEach((block, blockIndex) => {\n    const { type, props: { children: paragraphContent } = {} } = block;\n    let hasBanner = false;\n    const shouldCount = ALLOWED_BLOCK_TYPES.includes(type);\n    if (!paragraphContent || typeof type !== 'string') {\n      return addBlock(block, blockTracker, updatedBlock);\n    }\n\n    banners.forEach(banner => {\n      const { name, settings } = banner;\n      const { repeatEvery, maxRepetitions } = settings;\n\n      const { total, paragraphCounter, insertionPoint } = bannerCounters[name];\n      const canInsertAfterPreviousBlock =\n        !blockTracker.lastBlockType || ALLOWED_BLOCK_TYPES.includes(blockTracker.lastBlockType);\n\n      const hasCollided =\n        !canInsertAfterPreviousBlock ||\n        checkIfHasCollided(blockIndex, blocksLength, collidedWithPrevious, collidedWithNext);\n      const canInjectBanner = checkCanInjectBanner(maxRepetitions, total);\n\n      if (canInjectBanner && paragraphCounter === insertionPoint) {\n        if (hasBanner || hasCollided) {\n          bannerCounters[name].insertionPoint += 1;\n          bannerCounters[name].paragraphCounter += 1;\n          return;\n        }\n\n        const bannerWithTargetings = repeatEvery\n          ? updateTargetings(banner, bannerPositionCounter.counter)\n          : banner;\n        const bannerKey = `${bannerWithTargetings.settings.targetings}-${paragraphCounter}`;\n        const updatedBanner = {\n          ...pbOptions,\n          ...bannerWithTargetings.settings,\n          name\n        };\n        updatedBlock.push(<Banner key={bannerKey} {...updatedBanner} />);\n        bannerCounters[name].insertionPoint += repeatEvery;\n        bannerCounters[name].total += 1;\n        hasBanner = true;\n        if (repeatEvery) bannerPositionCounter.counter += 1;\n      }\n\n      bannerCounters[name].paragraphCounter += shouldCount ? 1 : 0;\n    });\n\n    return addBlock(block, blockTracker, updatedBlock);\n  });\n\n  return updatedBlock;\n};\n\nconst addBlock = (block, blockTracker, updatedBlock) => {\n  // eslint-disable-next-line no-param-reassign\n  if (block.type) blockTracker.lastBlockType = block.type;\n  return updatedBlock.push(block);\n};\n\nexport default injectTextblockBanners;\n"],"mappings":"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"}
+{"version":3,"file":"inject-textblock-banners.js","names":["React","Banner","getCollisions","checkIfHasCollided","updateTargetings","ALLOWED_BLOCK_TYPES","PB_TYPE_BANNER","checkCanInjectBanner","maxRepetitions","total","injectTextblockBanners","componentName","parsedTextBlock","bannerContext","bannerCounters","banners","siblings","pbOptions","bannerPositionCounter","blockTracker","collidedWithPrevious","collidedWithNext","updatedBlock","length","blocksLength","forEach","block","blockIndex","type","props","children","paragraphContent","hasBanner","shouldCount","includes","addBlock","banner","name","settings","typeToCheck","repeatEvery","paragraphCounter","insertionPoint","canInsertAfterPreviousBlock","lastBlockType","hasCollided","canInjectBanner","bannerWithTargetings","counter","bannerKey","targetings","updatedBanner","_objectSpread","push","createElement","_extends","key"],"sources":["../../../src/hooks/helpers/inject-textblock-banners.js"],"sourcesContent":["import React from 'react';\nimport Banner from '../../components/Banner';\nimport { getCollisions, checkIfHasCollided } from './check-collisions';\nimport updateTargetings from './update-targetings';\nimport { ALLOWED_BLOCK_TYPES } from '../../constants';\nimport { PB_TYPE_BANNER } from './constants';\n\nconst checkCanInjectBanner = (maxRepetitions, total) => {\n  if (!maxRepetitions) return true;\n  return total < maxRepetitions;\n};\n\nconst injectTextblockBanners = ({ componentName, parsedTextBlock, bannerContext }) => {\n  const {\n    bannerCounters,\n    banners,\n    siblings,\n    pbOptions,\n    bannerPositionCounter,\n    blockTracker\n  } = bannerContext;\n  const [collidedWithPrevious, collidedWithNext] = getCollisions(componentName, siblings);\n  const updatedBlock = [];\n  const { length: blocksLength } = parsedTextBlock;\n\n  parsedTextBlock.forEach((block, blockIndex) => {\n    const { type, props: { children: paragraphContent } = {} } = block;\n    let hasBanner = false;\n    const shouldCount = ALLOWED_BLOCK_TYPES.includes(type);\n    if (!paragraphContent || typeof type !== 'string') {\n      return addBlock(block, blockTracker, updatedBlock);\n    }\n\n    banners.forEach(banner => {\n      const { name, settings, type: typeToCheck } = banner;\n      const { repeatEvery, maxRepetitions } = settings;\n\n      const { total, paragraphCounter, insertionPoint } = bannerCounters[name];\n      const canInsertAfterPreviousBlock =\n        !blockTracker.lastBlockType || ALLOWED_BLOCK_TYPES.includes(blockTracker.lastBlockType);\n\n      const hasCollided =\n        !canInsertAfterPreviousBlock ||\n        checkIfHasCollided(blockIndex, blocksLength, collidedWithPrevious, collidedWithNext);\n      const canInjectBanner = checkCanInjectBanner(maxRepetitions, total);\n\n      if (canInjectBanner && paragraphCounter === insertionPoint) {\n        if (hasBanner || hasCollided) {\n          bannerCounters[name].insertionPoint += 1;\n          bannerCounters[name].paragraphCounter += 1;\n          return;\n        }\n\n        const bannerWithTargetings = repeatEvery\n          ? updateTargetings(banner, bannerPositionCounter.counter)\n          : banner;\n        const bannerKey = `${bannerWithTargetings.settings.targetings}-${paragraphCounter}`;\n        const updatedBanner = {\n          ...pbOptions,\n          ...bannerWithTargetings.settings,\n          name\n        };\n        updatedBlock.push(<Banner key={bannerKey} {...updatedBanner} />);\n        bannerCounters[name].insertionPoint += repeatEvery;\n        bannerCounters[name].total += 1;\n        hasBanner = true;\n        if (repeatEvery && typeToCheck === PB_TYPE_BANNER) bannerPositionCounter.counter += 1;\n      }\n\n      bannerCounters[name].paragraphCounter += shouldCount ? 1 : 0;\n    });\n\n    return addBlock(block, blockTracker, updatedBlock);\n  });\n\n  return updatedBlock;\n};\n\nconst addBlock = (block, blockTracker, updatedBlock) => {\n  // eslint-disable-next-line no-param-reassign\n  if (block.type) blockTracker.lastBlockType = block.type;\n  return updatedBlock.push(block);\n};\n\nexport default injectTextblockBanners;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.141.0",
+  "version": "0.142.0-alpha.0",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -89,5 +89,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "2a61d1506ef11a21af4d65d1eaf065b9fbdb9e23"
+  "gitHead": "a8c8a5250ea81ce37cbb8864089c2cc157586135"
 }

package/src/components/DateTime/DateTime.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import dayjs from 'dayjs';
+import LocalizedFormat from 'dayjs/plugin/localizedFormat';
+import Wrapper from '../Wrapper';
+
+dayjs.extend(LocalizedFormat);
+
+const DateTime = ({ format, customFormat, modifier }) => {
+  const dateFormat = customFormat ? customFormat.toUpperCase() : format;
+
+  if (!dateFormat) return null;
+
+  const formatedDate = dayjs().format(dateFormat);
+
+  return (
+    <Wrapper className="date" modifiers={modifier}>
+      {formatedDate}
+    </Wrapper>
+  );
+};
+
+DateTime.propTypes = {
+  format: PropTypes.string.isRequired,
+  customFormat: PropTypes.string,
+  modifier: PropTypes.string
+};
+
+DateTime.defaultProps = {
+  modifier: null,
+  customFormat: ''
+};
+
+export default DateTime;

package/src/components/DateTime/index.js

@@ -0,0 +1,3 @@
+import DateTime from './DateTime';
+
+export default DateTime;

package/src/components/index.js

@@ -27,6 +27,7 @@ export default {
     import(/* webpackChunkName: "blazePbSearchFilteSort" */ './SearchFilterSort')
   ),
   modal: dynamic(() => import(/* webpackChunkName: "blazePbModal" */ './Modal')),
+  datetime: dynamic(() => import(/* webpackChunkName: "blazePbDateTime" */ './DateTime')),
   code: dynamic(() => import(/* webpackChunkName: "blazePbCode" */ './Code')),
   menu: dynamic(() => import(/* webpackChunkName: "blazePbMenu" */ './Menu')),
   menuitem: dynamic(() => import(/* webpackChunkName: "blazePbMenuItem" */ './MenuItem')),

package/src/hooks/helpers/buildPBComponents.js

@@ -2,8 +2,8 @@ import React from 'react';
 import cloneDeep from 'lodash.clonedeep';
 import GlobalLightbox from '../../components/Image/GlobalLightbox';
 import RenderComponent from './RenderComponent';
-import getBannersByType from './get-banners-by-type';
-import injectElementBanners from './inject-element-banners';
+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';
@@ -57,16 +57,23 @@ function BuildPBComponents(components, options = {}, rootLevel = false) {
       )}
       {components.map(component => {
         const { items = [] } = component;
-        const [hasElementBanners, banners] = getBannersByType(items, ELEMENT);
-        const [hasTextBlockBanners, textBlockBanners] = getBannersByType(items, PB_TYPE_TEXTBLOCK);
+        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 (hasElementBanners) {
-          updatedChildren = injectElementBanners(banners, updatedChildren);
+        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);

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

@@ -0,0 +1,34 @@
+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;

package/src/hooks/helpers/inject-element-components.js

@@ -0,0 +1,56 @@
+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 = { ...updatedComponentToInject.settings };
+        updatedChildren.push({ ...updatedComponentToInject, settings: updatedSettings });
+        repetitionTotal += 1;
+        currentPosition += repeatEvery;
+      }
+
+      if (isComponentMatch) updatedChildren.push(child);
+    });
+  });
+
+  return updatedChildren;
+};
+
+export default injectElementComponents;

package/src/hooks/helpers/inject-textblock-banners.js

@@ -3,6 +3,7 @@ import Banner from '../../components/Banner';
 import { getCollisions, checkIfHasCollided } from './check-collisions';
 import updateTargetings from './update-targetings';
 import { ALLOWED_BLOCK_TYPES } from '../../constants';
+import { PB_TYPE_BANNER } from './constants';
 
 const checkCanInjectBanner = (maxRepetitions, total) => {
   if (!maxRepetitions) return true;
@@ -31,7 +32,7 @@ const injectTextblockBanners = ({ componentName, parsedTextBlock, bannerContext
     }
 
     banners.forEach(banner => {
-      const { name, settings } = banner;
+      const { name, settings, type: typeToCheck } = banner;
       const { repeatEvery, maxRepetitions } = settings;
 
       const { total, paragraphCounter, insertionPoint } = bannerCounters[name];
@@ -63,7 +64,7 @@ const injectTextblockBanners = ({ componentName, parsedTextBlock, bannerContext
         bannerCounters[name].insertionPoint += repeatEvery;
         bannerCounters[name].total += 1;
         hasBanner = true;
-        if (repeatEvery) bannerPositionCounter.counter += 1;
+        if (repeatEvery && typeToCheck === PB_TYPE_BANNER) bannerPositionCounter.counter += 1;
       }
 
       bannerCounters[name].paragraphCounter += shouldCount ? 1 : 0;

package/tests/unit/src/components/DateTime/DateTime.test.js

@@ -0,0 +1,105 @@
+/**
+ * @jest-environment jsdom
+ */
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
+import DateTime from '../../../../../src/components/DateTime';
+
+describe('DateTime component', () => {
+  it('renders null if both format and customFormat are not provided', () => {
+    const { container } = render(<DateTime />);
+    expect(container.firstChild).toBeNull();
+  });
+
+  it('renders correctly with LT format', () => {
+    const { getByText } = render(<DateTime format="LT" />);
+    expect(getByText(/\d{1,2}:\d{2} [AP]M/)).toBeInTheDocument();
+  });
+
+  it('renders correctly with LTS format', () => {
+    const { getByText } = render(<DateTime format="LTS" />);
+    expect(getByText(/\d{1,2}:\d{2}:\d{2} [AP]M/)).toBeInTheDocument();
+  });
+
+  it('renders correctly with L format', () => {
+    const { getByText } = render(<DateTime format="L" />);
+    expect(getByText(/\d{2}\/\d{2}\/\d{4}/)).toBeInTheDocument();
+  });
+
+  it('renders correctly with LL format', () => {
+    const { getByText } = render(<DateTime format="LL" />);
+    expect(
+      getByText(
+        /(?:January|February|March|April|May|June|July|August|September|October|November|December) \d{1,2}, \d{4}/
+      )
+    ).toBeInTheDocument();
+  });
+
+  it('renders correctly with LLL format', () => {
+    const { getByText } = render(<DateTime format="LLL" />);
+    expect(
+      getByText(
+        /(?:January|February|March|April|May|June|July|August|September|October|November|December) \d{1,2}, \d{4} \d{1,2}:\d{2} [AP]M/
+      )
+    ).toBeInTheDocument();
+  });
+
+  // sonarignore:start
+  it('renders correctly with LLLL format', () => {
+    const { getByText } = render(<DateTime format="LLLL" />);
+    expect(
+      getByText(
+        /(?:Sunday|Monday|Tuesday|Wednesday|Thursday|Friday|Saturday), (?:January|February|March|April|May|June|July|August|September|October|November|December) \d{1,2}, \d{4} \d{1,2}:\d{2} [AP]M/
+      )
+    ).toBeInTheDocument();
+  });
+  // sonarignore:end
+
+  it('renders correctly with l format', () => {
+    const { getByText } = render(<DateTime format="l" />);
+    expect(getByText(/\d{1,2}\/\d{1,2}\/\d{4}/)).toBeInTheDocument();
+  });
+
+  it('renders correctly with ll format', () => {
+    const { getByText } = render(<DateTime format="ll" />);
+    expect(
+      getByText(/(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) \d{1,2}, \d{4}/)
+    ).toBeInTheDocument();
+  });
+
+  it('renders correctly with lll format', () => {
+    const { getByText } = render(<DateTime format="lll" />);
+    expect(
+      getByText(
+        /(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) \d{1,2}, \d{4} \d{1,2}:\d{2} [AP]M/
+      )
+    ).toBeInTheDocument();
+  });
+
+  it('renders correctly with llll format', () => {
+    const { getByText } = render(<DateTime format="llll" />);
+    expect(
+      getByText(
+        /(?:Sun|Mon|Tue|Wed|Thu|Fri|Sat), (?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) \d{1,2}, \d{4} \d{1,2}:\d{2} [AP]M/
+      )
+    ).toBeInTheDocument();
+  });
+
+  it('renders correctly with customFormat', () => {
+    const customFormat = 'YYYY-MM-DD';
+    const { getByText } = render(<DateTime format="L" customFormat={customFormat} />);
+    expect(getByText(/\d{4}-\d{2}-\d{2}/)).toBeInTheDocument();
+  });
+
+  it('renders correctly with customFormat and modifier', () => {
+    const customFormat = 'MM-DD-YYYY';
+    const modifier = 'bold';
+    const { getByText } = render(
+      <DateTime format="L" customFormat={customFormat} modifier={modifier} />
+    );
+    const dateElement = getByText(/\d{2}-\d{2}-\d{4}/);
+    expect(dateElement).toBeInTheDocument();
+    expect(dateElement).toHaveClass('bold');
+  });
+});

package/tests/unit/src/components/__snapshots__/index.test.js.snap

@@ -46,6 +46,10 @@ Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],
   },
+  "datetime": Object {
+    "$$typeof": Symbol(react.forward_ref),
+    "render": [Function],
+  },
   "emailconfirm": Object {
     "$$typeof": Symbol(react.forward_ref),
     "render": [Function],

package/tests/unit/src/hooks/helpers/{get-banners-by-type.test.js → get-components-to-insert-by-type.test.js}

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import getBannersByType from '../../../../../src/hooks/helpers/get-banners-by-type';
+import getComponentsToInsertByType from '../../../../../src/hooks/helpers/get-components-to-insert-by-type';
 
 const id = 'ID';
 const mockBanner = {
@@ -17,21 +17,21 @@ const items = [
   { type: 'textblock', id, settings: {} }
 ];
 
-describe('getBannersByType function', () => {
+describe('getComponentsToInsertByType function', () => {
   it('should return false and empty array when there are no items', () => {
-    const [noChildren, banner] = getBannersByType();
+    const [noChildren, banner] = getComponentsToInsertByType();
     expect(noChildren).toEqual(false);
     expect(banner).toEqual([]);
   });
 
   it('should return false and empty array when there is no banner', () => {
-    const [hasBanner, banner] = getBannersByType(items, 'element');
+    const [hasBanner, banner] = getComponentsToInsertByType(items, 'element');
     expect(hasBanner).toEqual(false);
     expect(banner).toEqual([]);
   });
 
   it('should return banner element when there is a banner of specified type', () => {
-    const [hasBanner, banner] = getBannersByType([...items, mockBanner], 'element');
+    const [hasBanner, banner] = getComponentsToInsertByType([...items, mockBanner], 'element');
     expect(hasBanner).toEqual(true);
     expect(banner).toEqual(banner);
   });