@blaze-cms/nextjs-tools 0.146.0-node18-core-styles-tooltips.8 → 0.146.0-node18-core-styles-tooltips.11

package/src/containers/ContentContainer.js

@@ -3,9 +3,8 @@ import PropTypes from 'prop-types';
 import { buildPBComponents, getLightboxImages } from '@blaze-cms/plugin-page-builder-fe';
 import { Header, MainContextProvider } from '@blaze-cms/nextjs-components';
 import { getSearchFilter, checkForGtm } from '../helpers';
-import { BLAZE_PB_EDITOR_MODE, PREVIEW_MODE } from '../constants';
+import { PREVIEW_MODE } from '../constants';
 import { DebugSidebar } from '../components';
-import getFromLocal from '../helpers/get-from-local';
 
 const ContentContainer = ({ fullUrl, pageData, isPreview, itemId, itemEntity }) => {
   const [open, setOpen] = useState(false);
@@ -15,8 +14,6 @@ const ContentContainer = ({ fullUrl, pageData, isPreview, itemId, itemEntity })
 
   useEffect(
     () => {
-      const isEditorModeEnabled = getFromLocal(BLAZE_PB_EDITOR_MODE);
-      updatedDebugOptions('editorModeEnabled', isEditorModeEnabled);
       if (open) setOpen(false);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -51,15 +48,15 @@ const ContentContainer = ({ fullUrl, pageData, isPreview, itemId, itemEntity })
     hasGTM
   };
 
-  const updatedDebugOptions = (key, value) => {
+  const updatedDebugOptions = (newOptions = {}) => {
     setDebugOptions({
       ...debugOptions,
-      [key]: value
+      ...newOptions
     });
   };
 
   return (
-    <MainContextProvider value={{ fullUrl, isPreview, itemId, hasGTM, debugOptions }}>
+    <MainContextProvider value={{ fullUrl, isPreview, itemId, itemEntity, hasGTM, debugOptions }}>
       <Header {...metaProps} />
       <DebugSidebar
         itemId={itemId}

package/src/helpers/check-url.js

@@ -7,7 +7,8 @@ import {
   COLON,
   NOT_FOUND_STATUS_CODE,
   BLAZE_X_FRAME_OPTIONS_DEFAULT,
-  ROUTE_REGEX
+  ROUTE_REGEX,
+  ERROR_URLS
 } from '../constants';
 import { checkUrlQuery } from '../application/query';
 import checkParent from './check-parent';
@@ -88,7 +89,8 @@ const getFullUrl = (req, asPath) => {
   return `${protocol}${DOUBLE_SLASH}${hostname}${urlPort}${asPath}`;
 };
 
-const doUrlCheck = async ({ asPath, url, apolloClient, res, handle404Error, blazeApp }) => {
+const doUrlCheck = async args => {
+  const { asPath, url, apolloClient, res, blazeApp, errorCheckCode = false } = args;
   try {
     if (!ROUTE_REGEX.test(url)) {
       throw Error('Invalid URL');
@@ -99,22 +101,18 @@ const doUrlCheck = async ({ asPath, url, apolloClient, res, handle404Error, blaz
         variables: { url }
       });
 
-    const { cacheControlMaxAge = null } = pageData || {};
+    setCustomCacheControlHeaders(pageData, res);
 
-    if (res && cacheControlMaxAge !== null && cacheControlMaxAge >= 0) {
-      res.setHeader('Cache-Control', `max-age=${cacheControlMaxAge}`);
+    if (urlTo && (urlTo !== url || errorCheckCode)) {
+      return handleRedirect({ errorCheckCode, url, urlTo, asPath, res });
     }
+    const rootSelectorClasses = getRootSelectorClasses(url, getRootClassesLimit());
 
-    if (urlTo && urlTo !== url) {
-      let redirectUrl = urlTo;
-      if (process.env.BLAZE_DISABLE_REDIRECT_WITH_QUERY !== 'true') {
-        const queryString = asPath.split('?')[1];
-        redirectUrl = queryString ? `${urlTo}?${queryString}` : urlTo;
-      }
-
-      return doRedirect(res, redirectUrl);
+    if (errorCheckCode) {
+      blazeApp.events.emit('monitor:log', { message: `Serving custom ${errorCheckCode} page` });
+      if (res) res.statusCode = errorCheckCode;
     }
-    const rootSelectorClasses = getRootSelectorClasses(url, getRootClassesLimit());
+
     return {
       pageData,
       rootSelectorClasses,
@@ -122,16 +120,7 @@ const doUrlCheck = async ({ asPath, url, apolloClient, res, handle404Error, blaz
       itemEntity: getUnpublishedEntityName(itemEntity)
     };
   } catch (err) {
-    if (!err.graphQLErrors || !err.graphQLErrors.length) {
-      return handleError(err, res, handle404Error, blazeApp);
-    }
-
-    const parentPATH = checkParent(url);
-    if (handle404Error && parentPATH) {
-      return doRedirect(res, parentPATH);
-    }
-
-    return handleError(err, res, handle404Error, blazeApp);
+    return handleUrlError(err, args);
   }
 };
 
@@ -150,6 +139,30 @@ const handleError = (err, res, handle404Error, blazeApp) => {
   return {};
 };
 
+function handleRedirect({ errorCheckCode, url, urlTo, asPath, res }) {
+  if (errorCheckCode) {
+    const errorMessage = `Cannot redirect ${url}`;
+    const customError = new Error(errorMessage);
+    customError.graphQLErrors = [errorMessage];
+    throw customError;
+  }
+  let redirectUrl = urlTo;
+  if (process.env.BLAZE_DISABLE_REDIRECT_WITH_QUERY !== 'true') {
+    const queryString = asPath.split('?')[1];
+    redirectUrl = queryString ? `${urlTo}?${queryString}` : urlTo;
+  }
+
+  return doRedirect(res, redirectUrl);
+}
+
+function setCustomCacheControlHeaders(pageData, res) {
+  const { cacheControlMaxAge = null } = pageData || {};
+
+  if (res && cacheControlMaxAge !== null && cacheControlMaxAge >= 0) {
+    res.setHeader('Cache-Control', `max-age=${cacheControlMaxAge}`);
+  }
+}
+
 function doRedirect(res, redirectUrl) {
   if (res) {
     res.writeHead(301, { Location: redirectUrl });
@@ -161,4 +174,26 @@ function doRedirect(res, redirectUrl) {
   return { redirecting: true };
 }
 
+function handleUrlError(err, args) {
+  const { asPath, res, handle404Error, blazeApp, errorCheckCode } = args;
+  if (!err.graphQLErrors || !err.graphQLErrors.length) {
+    return handleError(err, res, handle404Error, blazeApp);
+  }
+
+  if (!errorCheckCode) {
+    return doUrlCheck({
+      ...args,
+      url: ERROR_URLS.custom404,
+      errorCheckCode: NOT_FOUND_STATUS_CODE
+    });
+  }
+
+  const parentPATH = checkParent(asPath);
+  if (handle404Error && parentPATH) {
+    return doRedirect(res, parentPATH);
+  }
+
+  return handleError(err, res, handle404Error, blazeApp);
+}
+
 export default checkUrl;

package/tests/unit/src/__snapshots__/constants.test.js.snap

@@ -37,6 +37,9 @@ Object {
     "SRC": "https://images.thisisblaze.com/logo-small-27-40.png",
   },
   "DOUBLE_SLASH": "//",
+  "ERROR_URLS": Object {
+    "custom404": "/custom-error-404",
+  },
   "GTM_STRING": "gtm",
   "HTTPS": "https://",
   "META_TAGS_LOOKUP": Object {

package/tests/unit/src/helpers/check-url.test.js

@@ -5,7 +5,11 @@
 import '@testing-library/jest-dom/extend-expect';
 
 import checkUrl from '../../../../src/helpers/check-url';
-import { ROUTE_PATTERN_SITEMAP, NOT_FOUND_STATUS_CODE } from '../../../../src/constants';
+import {
+  ROUTE_PATTERN_SITEMAP,
+  NOT_FOUND_STATUS_CODE,
+  ERROR_URLS
+} from '../../../../src/constants';
 import { checkUrlQuery } from '../../../../src/application/query';
 
 import handleStaticRoutes from '../../../../src/helpers/handle-static-routes';
@@ -82,6 +86,11 @@ describe('Check url', () => {
 
   const queryString = '?query=string';
   const asPathWithQuery = `${asPath}${queryString}`;
+  const notFoundQueryMock = async () => {
+    const error = new Error('Not found');
+    error.graphQLErrors = ['error'];
+    throw error;
+  };
 
   beforeAll(() => {
     setEnvs(envs);
@@ -228,11 +237,9 @@ describe('Check url', () => {
   });
 
   it('should handle redirect to parent on not found', async () => {
-    apolloClient.query.mockImplementationOnce(async () => {
-      const error = new Error('Not found');
-      error.graphQLErrors = ['error'];
-      throw error;
-    });
+    apolloClient.query
+      .mockImplementationOnce(notFoundQueryMock)
+      .mockImplementationOnce(notFoundQueryMock);
     const parentChildAsPath = '/parent/child';
     const result = await checkUrl({ ...props, asPath: parentChildAsPath });
     expect(res.writeHead).toHaveBeenCalledWith(301, { Location: '/parent' });
@@ -241,12 +248,14 @@ describe('Check url', () => {
     apolloQueryCheck(apolloClient, parentChildAsPath);
   });
 
-  it('should handle redirect to parent on not found', async () => {
-    apolloClient.query.mockImplementationOnce(async () => {
-      const err = new Error('Not found');
-      err.graphQLErrors = ['error'];
-      throw err;
-    });
+  it('should handle redirect to parent on not found where custom 404 is redirect is returned', async () => {
+    apolloClient.query
+      .mockImplementationOnce(notFoundQueryMock)
+      .mockImplementationOnce(async () => ({
+        data: {
+          checkUrl: { urlTo: ERROR_URLS.custom404 }
+        }
+      }));
     const result = await checkUrl({ ...props });
     expect(result).toHaveProperty('errorCode', NOT_FOUND_STATUS_CODE);
     expect(res.statusCode).toEqual(NOT_FOUND_STATUS_CODE);
@@ -257,6 +266,22 @@ describe('Check url', () => {
     apolloQueryCheck(apolloClient, asPath);
   });
 
+  it('should fetch custom-error-404 page when original URL is not found', async () => {
+    apolloClient.query.mockImplementationOnce(notFoundQueryMock);
+    const notFoundPageUrl = '/non-existent-page';
+    const result = await checkUrl({ ...props, asPath: notFoundPageUrl });
+
+    expect(result).toMatchObject({
+      itemEntity: 'page',
+      itemId: 'RECORD_ID',
+      rootSelectorClasses: rootClassesMockValue,
+      pageData: { pageData: true },
+      fullUrl: `https://localhost${notFoundPageUrl}`
+    });
+    expect(result.fullUrl.endsWith('/non-existent-page')).toBe(true);
+    expect(blazeApp.events.emit).toHaveBeenCalled();
+  });
+
   it('should handle network error', async () => {
     apolloClient.query.mockImplementationOnce(async () => {
       const err = new Error('Network error');

package/lib/components/EditorMode/BlazeLogo.js

@@ -1,21 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-var BlazeLogo = function BlazeLogo() {
-  return /*#__PURE__*/React.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: "22",
-    height: "33"
-  }, /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    transform: "translate(1.0415 1.85962)",
-    d: "M7.0214715 6.2017469C7.0214715 6.2017469 4.6948299 13.380771 5.2965479 15.065234C5.6174636 15.947572 6.3796396 16.18821 7.3022733 15.386085C9.1074257 13.781834 13.078762 6.3621721 9.949831 0.42644304C8.7463951 -1.8596147 18.293648 5.1589837 16.328037 18.755013C16.087351 20.559793 16.809412 19.998306 17.250671 19.236286C19.176168 15.947572 17.972733 11.616095 17.972733 10.894181C17.972733 10.172268 19.657541 12.939602 19.777885 18.353949C19.89823 23.768295 17.050098 29.022219 11.393953 29.98477C10.03006 30.225407 13.199106 27.578392 13.640366 24.610529C13.68048 24.329784 10.39109 28.300306 9.5888004 27.738817C9.2277699 27.49818 15.36529 19.877987 13.199106 13.300558C13.158992 13.140133 11.754984 24.409996 6.3796396 27.097116C3.3309369 28.621155 0.60315031 25.051697 0.12177619 21.963514C-1.0415446 13.862046 6.4999828 8.7284422 7.0214715 6.2017469Z",
-    fillRule: "evenodd"
-  }));
-};
-var _default = exports["default"] = BlazeLogo;
-//# sourceMappingURL=BlazeLogo.js.map

package/lib/components/EditorMode/BlazeLogo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlazeLogo.js","names":["BlazeLogo","React","createElement","xmlns","width","height","fill","transform","d","fillRule","_default","exports"],"sources":["../../../src/components/EditorMode/BlazeLogo.js"],"sourcesContent":["const BlazeLogo = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"33\">\n    <path\n      fill=\"currentColor\"\n      transform=\"translate(1.0415 1.85962)\"\n      d=\"M7.0214715 6.2017469C7.0214715 6.2017469 4.6948299 13.380771 5.2965479 15.065234C5.6174636 15.947572 6.3796396 16.18821 7.3022733 15.386085C9.1074257 13.781834 13.078762 6.3621721 9.949831 0.42644304C8.7463951 -1.8596147 18.293648 5.1589837 16.328037 18.755013C16.087351 20.559793 16.809412 19.998306 17.250671 19.236286C19.176168 15.947572 17.972733 11.616095 17.972733 10.894181C17.972733 10.172268 19.657541 12.939602 19.777885 18.353949C19.89823 23.768295 17.050098 29.022219 11.393953 29.98477C10.03006 30.225407 13.199106 27.578392 13.640366 24.610529C13.68048 24.329784 10.39109 28.300306 9.5888004 27.738817C9.2277699 27.49818 15.36529 19.877987 13.199106 13.300558C13.158992 13.140133 11.754984 24.409996 6.3796396 27.097116C3.3309369 28.621155 0.60315031 25.051697 0.12177619 21.963514C-1.0415446 13.862046 6.4999828 8.7284422 7.0214715 6.2017469Z\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n);\n\nexport default BlazeLogo;\n"],"mappings":";;;;;;;AAAA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAA;EAAA,oBACbC,KAAA,CAAAC,aAAA;IAAKC,KAAK,EAAC,4BAA4B;IAACC,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAI,gBAC5DJ,KAAA,CAAAC,aAAA;IACEI,IAAI,EAAC,cAAc;IACnBC,SAAS,EAAC,2BAA2B;IACrCC,CAAC,EAAC,21BAA21B;IAC71BC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CACP;AAAC,IAAAC,QAAA,GAAAC,OAAA,cAEaX,SAAS","ignoreList":[]}

package/lib/components/EditorMode/EditorMode.js

@@ -1,72 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.array.join.js");
-require("core-js/modules/es.object.keys.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/web.dom-collections.for-each.js");
-var _react = require("react");
-var _reactPageBuilder = require("@blaze-cms/react-page-builder");
-var _constants = require("./constants");
-// todo: get it working in same tab
-
-var EditorMode = function EditorMode(_ref) {
-  var adminHref = _ref.adminHref,
-    itemEntity = _ref.itemEntity,
-    itemId = _ref.itemId;
-  (0, _react.useEffect)(function () {
-    var pbStarts = document.querySelectorAll('pb-wrapper-start');
-    var allComponentNodes = [];
-    pbStarts.forEach(function (pbStart) {
-      var parentNode = pbStart.parentNode;
-      var componentName = pbStart.getAttribute('pb-component-name');
-      if (!parentNode || !parentNode.children || !componentName) return;
-      var parentChildren = parentNode.children;
-      var childMatch = false;
-      var childNode = null;
-      Object.keys(parentChildren).forEach(function (key) {
-        var child = parentChildren[key];
-        if (childMatch) {
-          if (childNode) return;
-          childNode = child;
-        }
-        var tagName = child.tagName.toLowerCase();
-        var currentComponentName = child.getAttribute('pb-component-name');
-        if (currentComponentName === componentName && tagName === 'pb-wrapper-start') {
-          childMatch = true;
-        }
-      });
-      if (childNode) {
-        allComponentNodes.push({
-          componentName: componentName,
-          componentNode: childNode
-        });
-        childNode.onclick = function (e) {
-          e.stopPropagation();
-          e.preventDefault();
-          window.open("".concat(adminHref, "#").concat((0, _reactPageBuilder.getComponentId)(componentName)), [_constants.BLAZE_WINDOW_ID, itemEntity, itemId].join(':'));
-        };
-        childNode.onmouseenter = function (e) {
-          allComponentNodes.forEach(function (_ref2) {
-            var cn = _ref2.componentName,
-              componentNode = _ref2.componentNode;
-            componentNode.classList.remove('blaze-pb-editor-highlight');
-          });
-          childNode.classList.add('blaze-pb-editor-highlight');
-        };
-        childNode.onmouseleave = function (e) {
-          childNode.classList.remove('blaze-pb-editor-highlight');
-        };
-      }
-    });
-  }, [adminHref, itemEntity, itemId]);
-  return null;
-};
-var _default = exports["default"] = EditorMode;
-//# sourceMappingURL=EditorMode.js.map

package/lib/components/EditorMode/EditorMode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditorMode.js","names":["_react","require","_reactPageBuilder","_constants","EditorMode","_ref","adminHref","itemEntity","itemId","useEffect","pbStarts","document","querySelectorAll","allComponentNodes","forEach","pbStart","parentNode","componentName","getAttribute","children","parentChildren","childMatch","childNode","Object","keys","key","child","tagName","toLowerCase","currentComponentName","push","componentNode","onclick","e","stopPropagation","preventDefault","window","open","concat","getComponentId","BLAZE_WINDOW_ID","join","onmouseenter","_ref2","cn","classList","remove","add","onmouseleave","_default","exports"],"sources":["../../../src/components/EditorMode/EditorMode.js"],"sourcesContent":["import { useEffect } from 'react';\nimport { getComponentId } from '@blaze-cms/react-page-builder';\nimport { BLAZE_WINDOW_ID } from './constants'; // todo: get it working in same tab\n\nconst EditorMode = ({ adminHref, itemEntity, itemId }) => {\n  useEffect(\n    () => {\n      const pbStarts = document.querySelectorAll('pb-wrapper-start');\n      const allComponentNodes = [];\n      pbStarts.forEach(pbStart => {\n        const { parentNode } = pbStart;\n        const componentName = pbStart.getAttribute('pb-component-name');\n        if (!parentNode || !parentNode.children || !componentName) return;\n        const parentChildren = parentNode.children;\n        let childMatch = false;\n        let childNode = null;\n\n        Object.keys(parentChildren).forEach(key => {\n          const child = parentChildren[key];\n          if (childMatch) {\n            if (childNode) return;\n            childNode = child;\n          }\n          const tagName = child.tagName.toLowerCase();\n          const currentComponentName = child.getAttribute('pb-component-name');\n          if (currentComponentName === componentName && tagName === 'pb-wrapper-start') {\n            childMatch = true;\n          }\n        });\n\n        if (childNode) {\n          allComponentNodes.push({ componentName, componentNode: childNode });\n          childNode.onclick = e => {\n            e.stopPropagation();\n            e.preventDefault();\n            window.open(\n              `${adminHref}#${getComponentId(componentName)}`,\n              [BLAZE_WINDOW_ID, itemEntity, itemId].join(':')\n            );\n          };\n          childNode.onmouseenter = e => {\n            allComponentNodes.forEach(({ componentName: cn, componentNode }) => {\n              componentNode.classList.remove('blaze-pb-editor-highlight');\n            });\n            childNode.classList.add('blaze-pb-editor-highlight');\n          };\n          childNode.onmouseleave = e => {\n            childNode.classList.remove('blaze-pb-editor-highlight');\n          };\n        }\n      });\n    },\n    [adminHref, itemEntity, itemId]\n  );\n\n  return null;\n};\n\nexport default EditorMode;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAA+C;;AAE/C,IAAMG,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAA0C;EAAA,IAApCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IAAEC,MAAM,GAAAH,IAAA,CAANG,MAAM;EACjD,IAAAC,gBAAS,EACP,YAAM;IACJ,IAAMC,QAAQ,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,kBAAkB,CAAC;IAC9D,IAAMC,iBAAiB,GAAG,EAAE;IAC5BH,QAAQ,CAACI,OAAO,CAAC,UAAAC,OAAO,EAAI;MAC1B,IAAQC,UAAU,GAAKD,OAAO,CAAtBC,UAAU;MAClB,IAAMC,aAAa,GAAGF,OAAO,CAACG,YAAY,CAAC,mBAAmB,CAAC;MAC/D,IAAI,CAACF,UAAU,IAAI,CAACA,UAAU,CAACG,QAAQ,IAAI,CAACF,aAAa,EAAE;MAC3D,IAAMG,cAAc,GAAGJ,UAAU,CAACG,QAAQ;MAC1C,IAAIE,UAAU,GAAG,KAAK;MACtB,IAAIC,SAAS,GAAG,IAAI;MAEpBC,MAAM,CAACC,IAAI,CAACJ,cAAc,CAAC,CAACN,OAAO,CAAC,UAAAW,GAAG,EAAI;QACzC,IAAMC,KAAK,GAAGN,cAAc,CAACK,GAAG,CAAC;QACjC,IAAIJ,UAAU,EAAE;UACd,IAAIC,SAAS,EAAE;UACfA,SAAS,GAAGI,KAAK;QACnB;QACA,IAAMC,OAAO,GAAGD,KAAK,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;QAC3C,IAAMC,oBAAoB,GAAGH,KAAK,CAACR,YAAY,CAAC,mBAAmB,CAAC;QACpE,IAAIW,oBAAoB,KAAKZ,aAAa,IAAIU,OAAO,KAAK,kBAAkB,EAAE;UAC5EN,UAAU,GAAG,IAAI;QACnB;MACF,CAAC,CAAC;MAEF,IAAIC,SAAS,EAAE;QACbT,iBAAiB,CAACiB,IAAI,CAAC;UAAEb,aAAa,EAAbA,aAAa;UAAEc,aAAa,EAAET;QAAU,CAAC,CAAC;QACnEA,SAAS,CAACU,OAAO,GAAG,UAAAC,CAAC,EAAI;UACvBA,CAAC,CAACC,eAAe,CAAC,CAAC;UACnBD,CAAC,CAACE,cAAc,CAAC,CAAC;UAClBC,MAAM,CAACC,IAAI,IAAAC,MAAA,CACNhC,SAAS,OAAAgC,MAAA,CAAI,IAAAC,gCAAc,EAACtB,aAAa,CAAC,GAC7C,CAACuB,0BAAe,EAAEjC,UAAU,EAAEC,MAAM,CAAC,CAACiC,IAAI,CAAC,GAAG,CAChD,CAAC;QACH,CAAC;QACDnB,SAAS,CAACoB,YAAY,GAAG,UAAAT,CAAC,EAAI;UAC5BpB,iBAAiB,CAACC,OAAO,CAAC,UAAA6B,KAAA,EAA0C;YAAA,IAAxBC,EAAE,GAAAD,KAAA,CAAjB1B,aAAa;cAAMc,aAAa,GAAAY,KAAA,CAAbZ,aAAa;YAC3DA,aAAa,CAACc,SAAS,CAACC,MAAM,CAAC,2BAA2B,CAAC;UAC7D,CAAC,CAAC;UACFxB,SAAS,CAACuB,SAAS,CAACE,GAAG,CAAC,2BAA2B,CAAC;QACtD,CAAC;QACDzB,SAAS,CAAC0B,YAAY,GAAG,UAAAf,CAAC,EAAI;UAC5BX,SAAS,CAACuB,SAAS,CAACC,MAAM,CAAC,2BAA2B,CAAC;QACzD,CAAC;MACH;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACxC,SAAS,EAAEC,UAAU,EAAEC,MAAM,CAChC,CAAC;EAED,OAAO,IAAI;AACb,CAAC;AAAC,IAAAyC,QAAA,GAAAC,OAAA,cAEa9C,UAAU","ignoreList":[]}

package/lib/components/EditorMode/constants.js

@@ -1,9 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BLAZE_WINDOW_ID = void 0;
-var BLAZE_WINDOW_ID = exports.BLAZE_WINDOW_ID = 'blaze';
-//# sourceMappingURL=constants.js.map

package/lib/components/EditorMode/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","names":["BLAZE_WINDOW_ID","exports"],"sources":["../../../src/components/EditorMode/constants.js"],"sourcesContent":["export const BLAZE_WINDOW_ID = 'blaze';\n"],"mappings":";;;;;;;AAAO,IAAMA,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,OAAO","ignoreList":[]}

package/lib/components/EditorMode/index.js

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

package/lib/components/EditorMode/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_EditorMode","_interopRequireDefault","require","_default","exports","EditorMode"],"sources":["../../../src/components/EditorMode/index.js"],"sourcesContent":["import EditorMode from './EditorMode';\n\nexport default EditorMode;\n"],"mappings":";;;;;;;;AAAA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAsC,IAAAC,QAAA,GAAAC,OAAA,cAEvBC,sBAAU","ignoreList":[]}

package/lib-es/components/EditorMode/BlazeLogo.js

@@ -1,12 +0,0 @@
-const BlazeLogo = () => /*#__PURE__*/React.createElement("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: "22",
-  height: "33"
-}, /*#__PURE__*/React.createElement("path", {
-  fill: "currentColor",
-  transform: "translate(1.0415 1.85962)",
-  d: "M7.0214715 6.2017469C7.0214715 6.2017469 4.6948299 13.380771 5.2965479 15.065234C5.6174636 15.947572 6.3796396 16.18821 7.3022733 15.386085C9.1074257 13.781834 13.078762 6.3621721 9.949831 0.42644304C8.7463951 -1.8596147 18.293648 5.1589837 16.328037 18.755013C16.087351 20.559793 16.809412 19.998306 17.250671 19.236286C19.176168 15.947572 17.972733 11.616095 17.972733 10.894181C17.972733 10.172268 19.657541 12.939602 19.777885 18.353949C19.89823 23.768295 17.050098 29.022219 11.393953 29.98477C10.03006 30.225407 13.199106 27.578392 13.640366 24.610529C13.68048 24.329784 10.39109 28.300306 9.5888004 27.738817C9.2277699 27.49818 15.36529 19.877987 13.199106 13.300558C13.158992 13.140133 11.754984 24.409996 6.3796396 27.097116C3.3309369 28.621155 0.60315031 25.051697 0.12177619 21.963514C-1.0415446 13.862046 6.4999828 8.7284422 7.0214715 6.2017469Z",
-  fillRule: "evenodd"
-}));
-export default BlazeLogo;
-//# sourceMappingURL=BlazeLogo.js.map

package/lib-es/components/EditorMode/BlazeLogo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BlazeLogo.js","names":["BlazeLogo","React","createElement","xmlns","width","height","fill","transform","d","fillRule"],"sources":["../../../src/components/EditorMode/BlazeLogo.js"],"sourcesContent":["const BlazeLogo = () => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"22\" height=\"33\">\n    <path\n      fill=\"currentColor\"\n      transform=\"translate(1.0415 1.85962)\"\n      d=\"M7.0214715 6.2017469C7.0214715 6.2017469 4.6948299 13.380771 5.2965479 15.065234C5.6174636 15.947572 6.3796396 16.18821 7.3022733 15.386085C9.1074257 13.781834 13.078762 6.3621721 9.949831 0.42644304C8.7463951 -1.8596147 18.293648 5.1589837 16.328037 18.755013C16.087351 20.559793 16.809412 19.998306 17.250671 19.236286C19.176168 15.947572 17.972733 11.616095 17.972733 10.894181C17.972733 10.172268 19.657541 12.939602 19.777885 18.353949C19.89823 23.768295 17.050098 29.022219 11.393953 29.98477C10.03006 30.225407 13.199106 27.578392 13.640366 24.610529C13.68048 24.329784 10.39109 28.300306 9.5888004 27.738817C9.2277699 27.49818 15.36529 19.877987 13.199106 13.300558C13.158992 13.140133 11.754984 24.409996 6.3796396 27.097116C3.3309369 28.621155 0.60315031 25.051697 0.12177619 21.963514C-1.0415446 13.862046 6.4999828 8.7284422 7.0214715 6.2017469Z\"\n      fillRule=\"evenodd\"\n    />\n  </svg>\n);\n\nexport default BlazeLogo;\n"],"mappings":"AAAA,MAAMA,SAAS,GAAGA,CAAA,kBAChBC,KAAA,CAAAC,aAAA;EAAKC,KAAK,EAAC,4BAA4B;EAACC,KAAK,EAAC,IAAI;EAACC,MAAM,EAAC;AAAI,gBAC5DJ,KAAA,CAAAC,aAAA;EACEI,IAAI,EAAC,cAAc;EACnBC,SAAS,EAAC,2BAA2B;EACrCC,CAAC,EAAC,21BAA21B;EAC71BC,QAAQ,EAAC;AAAS,CACnB,CACE,CACN;AAED,eAAeT,SAAS","ignoreList":[]}

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

@@ -1,62 +0,0 @@
-import { useEffect } from 'react';
-import { getComponentId } from '@blaze-cms/react-page-builder';
-import { BLAZE_WINDOW_ID } from './constants'; // todo: get it working in same tab
-
-const EditorMode = ({
-  adminHref,
-  itemEntity,
-  itemId
-}) => {
-  useEffect(() => {
-    const pbStarts = document.querySelectorAll('pb-wrapper-start');
-    const allComponentNodes = [];
-    pbStarts.forEach(pbStart => {
-      const {
-        parentNode
-      } = pbStart;
-      const componentName = pbStart.getAttribute('pb-component-name');
-      if (!parentNode || !parentNode.children || !componentName) return;
-      const parentChildren = parentNode.children;
-      let childMatch = false;
-      let childNode = null;
-      Object.keys(parentChildren).forEach(key => {
-        const child = parentChildren[key];
-        if (childMatch) {
-          if (childNode) return;
-          childNode = child;
-        }
-        const tagName = child.tagName.toLowerCase();
-        const currentComponentName = child.getAttribute('pb-component-name');
-        if (currentComponentName === componentName && tagName === 'pb-wrapper-start') {
-          childMatch = true;
-        }
-      });
-      if (childNode) {
-        allComponentNodes.push({
-          componentName,
-          componentNode: childNode
-        });
-        childNode.onclick = e => {
-          e.stopPropagation();
-          e.preventDefault();
-          window.open(`${adminHref}#${getComponentId(componentName)}`, [BLAZE_WINDOW_ID, itemEntity, itemId].join(':'));
-        };
-        childNode.onmouseenter = e => {
-          allComponentNodes.forEach(({
-            componentName: cn,
-            componentNode
-          }) => {
-            componentNode.classList.remove('blaze-pb-editor-highlight');
-          });
-          childNode.classList.add('blaze-pb-editor-highlight');
-        };
-        childNode.onmouseleave = e => {
-          childNode.classList.remove('blaze-pb-editor-highlight');
-        };
-      }
-    });
-  }, [adminHref, itemEntity, itemId]);
-  return null;
-};
-export default EditorMode;
-//# sourceMappingURL=EditorMode.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditorMode.js","names":["useEffect","getComponentId","BLAZE_WINDOW_ID","EditorMode","adminHref","itemEntity","itemId","pbStarts","document","querySelectorAll","allComponentNodes","forEach","pbStart","parentNode","componentName","getAttribute","children","parentChildren","childMatch","childNode","Object","keys","key","child","tagName","toLowerCase","currentComponentName","push","componentNode","onclick","e","stopPropagation","preventDefault","window","open","join","onmouseenter","cn","classList","remove","add","onmouseleave"],"sources":["../../../src/components/EditorMode/EditorMode.js"],"sourcesContent":["import { useEffect } from 'react';\nimport { getComponentId } from '@blaze-cms/react-page-builder';\nimport { BLAZE_WINDOW_ID } from './constants'; // todo: get it working in same tab\n\nconst EditorMode = ({ adminHref, itemEntity, itemId }) => {\n  useEffect(\n    () => {\n      const pbStarts = document.querySelectorAll('pb-wrapper-start');\n      const allComponentNodes = [];\n      pbStarts.forEach(pbStart => {\n        const { parentNode } = pbStart;\n        const componentName = pbStart.getAttribute('pb-component-name');\n        if (!parentNode || !parentNode.children || !componentName) return;\n        const parentChildren = parentNode.children;\n        let childMatch = false;\n        let childNode = null;\n\n        Object.keys(parentChildren).forEach(key => {\n          const child = parentChildren[key];\n          if (childMatch) {\n            if (childNode) return;\n            childNode = child;\n          }\n          const tagName = child.tagName.toLowerCase();\n          const currentComponentName = child.getAttribute('pb-component-name');\n          if (currentComponentName === componentName && tagName === 'pb-wrapper-start') {\n            childMatch = true;\n          }\n        });\n\n        if (childNode) {\n          allComponentNodes.push({ componentName, componentNode: childNode });\n          childNode.onclick = e => {\n            e.stopPropagation();\n            e.preventDefault();\n            window.open(\n              `${adminHref}#${getComponentId(componentName)}`,\n              [BLAZE_WINDOW_ID, itemEntity, itemId].join(':')\n            );\n          };\n          childNode.onmouseenter = e => {\n            allComponentNodes.forEach(({ componentName: cn, componentNode }) => {\n              componentNode.classList.remove('blaze-pb-editor-highlight');\n            });\n            childNode.classList.add('blaze-pb-editor-highlight');\n          };\n          childNode.onmouseleave = e => {\n            childNode.classList.remove('blaze-pb-editor-highlight');\n          };\n        }\n      });\n    },\n    [adminHref, itemEntity, itemId]\n  );\n\n  return null;\n};\n\nexport default EditorMode;\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,eAAe,QAAQ,aAAa,CAAC,CAAC;;AAE/C,MAAMC,UAAU,GAAGA,CAAC;EAAEC,SAAS;EAAEC,UAAU;EAAEC;AAAO,CAAC,KAAK;EACxDN,SAAS,CACP,MAAM;IACJ,MAAMO,QAAQ,GAAGC,QAAQ,CAACC,gBAAgB,CAAC,kBAAkB,CAAC;IAC9D,MAAMC,iBAAiB,GAAG,EAAE;IAC5BH,QAAQ,CAACI,OAAO,CAACC,OAAO,IAAI;MAC1B,MAAM;QAAEC;MAAW,CAAC,GAAGD,OAAO;MAC9B,MAAME,aAAa,GAAGF,OAAO,CAACG,YAAY,CAAC,mBAAmB,CAAC;MAC/D,IAAI,CAACF,UAAU,IAAI,CAACA,UAAU,CAACG,QAAQ,IAAI,CAACF,aAAa,EAAE;MAC3D,MAAMG,cAAc,GAAGJ,UAAU,CAACG,QAAQ;MAC1C,IAAIE,UAAU,GAAG,KAAK;MACtB,IAAIC,SAAS,GAAG,IAAI;MAEpBC,MAAM,CAACC,IAAI,CAACJ,cAAc,CAAC,CAACN,OAAO,CAACW,GAAG,IAAI;QACzC,MAAMC,KAAK,GAAGN,cAAc,CAACK,GAAG,CAAC;QACjC,IAAIJ,UAAU,EAAE;UACd,IAAIC,SAAS,EAAE;UACfA,SAAS,GAAGI,KAAK;QACnB;QACA,MAAMC,OAAO,GAAGD,KAAK,CAACC,OAAO,CAACC,WAAW,CAAC,CAAC;QAC3C,MAAMC,oBAAoB,GAAGH,KAAK,CAACR,YAAY,CAAC,mBAAmB,CAAC;QACpE,IAAIW,oBAAoB,KAAKZ,aAAa,IAAIU,OAAO,KAAK,kBAAkB,EAAE;UAC5EN,UAAU,GAAG,IAAI;QACnB;MACF,CAAC,CAAC;MAEF,IAAIC,SAAS,EAAE;QACbT,iBAAiB,CAACiB,IAAI,CAAC;UAAEb,aAAa;UAAEc,aAAa,EAAET;QAAU,CAAC,CAAC;QACnEA,SAAS,CAACU,OAAO,GAAGC,CAAC,IAAI;UACvBA,CAAC,CAACC,eAAe,CAAC,CAAC;UACnBD,CAAC,CAACE,cAAc,CAAC,CAAC;UAClBC,MAAM,CAACC,IAAI,CACT,GAAG9B,SAAS,IAAIH,cAAc,CAACa,aAAa,CAAC,EAAE,EAC/C,CAACZ,eAAe,EAAEG,UAAU,EAAEC,MAAM,CAAC,CAAC6B,IAAI,CAAC,GAAG,CAChD,CAAC;QACH,CAAC;QACDhB,SAAS,CAACiB,YAAY,GAAGN,CAAC,IAAI;UAC5BpB,iBAAiB,CAACC,OAAO,CAAC,CAAC;YAAEG,aAAa,EAAEuB,EAAE;YAAET;UAAc,CAAC,KAAK;YAClEA,aAAa,CAACU,SAAS,CAACC,MAAM,CAAC,2BAA2B,CAAC;UAC7D,CAAC,CAAC;UACFpB,SAAS,CAACmB,SAAS,CAACE,GAAG,CAAC,2BAA2B,CAAC;QACtD,CAAC;QACDrB,SAAS,CAACsB,YAAY,GAAGX,CAAC,IAAI;UAC5BX,SAAS,CAACmB,SAAS,CAACC,MAAM,CAAC,2BAA2B,CAAC;QACzD,CAAC;MACH;IACF,CAAC,CAAC;EACJ,CAAC,EACD,CAACnC,SAAS,EAAEC,UAAU,EAAEC,MAAM,CAChC,CAAC;EAED,OAAO,IAAI;AACb,CAAC;AAED,eAAeH,UAAU","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-export const BLAZE_WINDOW_ID = 'blaze';
-//# sourceMappingURL=constants.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","names":["BLAZE_WINDOW_ID"],"sources":["../../../src/components/EditorMode/constants.js"],"sourcesContent":["export const BLAZE_WINDOW_ID = 'blaze';\n"],"mappings":"AAAA,OAAO,MAAMA,eAAe,GAAG,OAAO","ignoreList":[]}

package/lib-es/components/EditorMode/index.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["EditorMode"],"sources":["../../../src/components/EditorMode/index.js"],"sourcesContent":["import EditorMode from './EditorMode';\n\nexport default EditorMode;\n"],"mappings":"AAAA,OAAOA,UAAU,MAAM,cAAc;AAErC,eAAeA,UAAU","ignoreList":[]}

package/src/components/EditorMode/BlazeLogo.js

@@ -1,12 +0,0 @@
-const BlazeLogo = () => (
-  <svg xmlns="http://www.w3.org/2000/svg" width="22" height="33">
-    <path
-      fill="currentColor"
-      transform="translate(1.0415 1.85962)"
-      d="M7.0214715 6.2017469C7.0214715 6.2017469 4.6948299 13.380771 5.2965479 15.065234C5.6174636 15.947572 6.3796396 16.18821 7.3022733 15.386085C9.1074257 13.781834 13.078762 6.3621721 9.949831 0.42644304C8.7463951 -1.8596147 18.293648 5.1589837 16.328037 18.755013C16.087351 20.559793 16.809412 19.998306 17.250671 19.236286C19.176168 15.947572 17.972733 11.616095 17.972733 10.894181C17.972733 10.172268 19.657541 12.939602 19.777885 18.353949C19.89823 23.768295 17.050098 29.022219 11.393953 29.98477C10.03006 30.225407 13.199106 27.578392 13.640366 24.610529C13.68048 24.329784 10.39109 28.300306 9.5888004 27.738817C9.2277699 27.49818 15.36529 19.877987 13.199106 13.300558C13.158992 13.140133 11.754984 24.409996 6.3796396 27.097116C3.3309369 28.621155 0.60315031 25.051697 0.12177619 21.963514C-1.0415446 13.862046 6.4999828 8.7284422 7.0214715 6.2017469Z"
-      fillRule="evenodd"
-    />
-  </svg>
-);
-
-export default BlazeLogo;

package/src/components/EditorMode/EditorMode.js

@@ -1,59 +0,0 @@
-import { useEffect } from 'react';
-import { getComponentId } from '@blaze-cms/react-page-builder';
-import { BLAZE_WINDOW_ID } from './constants'; // todo: get it working in same tab
-
-const EditorMode = ({ adminHref, itemEntity, itemId }) => {
-  useEffect(
-    () => {
-      const pbStarts = document.querySelectorAll('pb-wrapper-start');
-      const allComponentNodes = [];
-      pbStarts.forEach(pbStart => {
-        const { parentNode } = pbStart;
-        const componentName = pbStart.getAttribute('pb-component-name');
-        if (!parentNode || !parentNode.children || !componentName) return;
-        const parentChildren = parentNode.children;
-        let childMatch = false;
-        let childNode = null;
-
-        Object.keys(parentChildren).forEach(key => {
-          const child = parentChildren[key];
-          if (childMatch) {
-            if (childNode) return;
-            childNode = child;
-          }
-          const tagName = child.tagName.toLowerCase();
-          const currentComponentName = child.getAttribute('pb-component-name');
-          if (currentComponentName === componentName && tagName === 'pb-wrapper-start') {
-            childMatch = true;
-          }
-        });
-
-        if (childNode) {
-          allComponentNodes.push({ componentName, componentNode: childNode });
-          childNode.onclick = e => {
-            e.stopPropagation();
-            e.preventDefault();
-            window.open(
-              `${adminHref}#${getComponentId(componentName)}`,
-              [BLAZE_WINDOW_ID, itemEntity, itemId].join(':')
-            );
-          };
-          childNode.onmouseenter = e => {
-            allComponentNodes.forEach(({ componentName: cn, componentNode }) => {
-              componentNode.classList.remove('blaze-pb-editor-highlight');
-            });
-            childNode.classList.add('blaze-pb-editor-highlight');
-          };
-          childNode.onmouseleave = e => {
-            childNode.classList.remove('blaze-pb-editor-highlight');
-          };
-        }
-      });
-    },
-    [adminHref, itemEntity, itemId]
-  );
-
-  return null;
-};
-
-export default EditorMode;

package/src/components/EditorMode/constants.js

@@ -1 +0,0 @@
-export const BLAZE_WINDOW_ID = 'blaze';

package/src/components/EditorMode/index.js

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