@adobe/alloy 2.19.0-beta.11 → 2.19.0-beta.12

package/libEs6/components/Personalization/in-app-message-actions/actions/displayIframeContent.js

@@ -0,0 +1,291 @@
+/*
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import { getNonce } from "../../dom-actions/dom";
+import { parseAnchor, removeElementById } from "../utils";
+import { TEXT_HTML } from "../../../../constants/contentType";
+import { assign, includes, isNonEmptyString, values } from "../../../../utils";
+import { createNode } from "../../../../utils/dom";
+import { objectOf } from "../../../../utils/validation";
+import { PropositionEventType } from "../../../../constants/propositionEventType";
+import { EVENT_TYPE_TRUE, INTERACT } from "../../../../constants/eventType";
+import createRedirect from "../../dom-actions/createRedirect";
+const MESSAGING_CONTAINER_ID = "alloy-messaging-container";
+const OVERLAY_CONTAINER_ID = "alloy-overlay-container";
+const IFRAME_ID = "alloy-content-iframe";
+const dismissMessage = () => [MESSAGING_CONTAINER_ID, OVERLAY_CONTAINER_ID].forEach(removeElementById);
+export const createIframeClickHandler = (interact, navigateToUrl = createRedirect(window)) => {
+  return event => {
+    event.preventDefault();
+    event.stopImmediatePropagation();
+    const {
+      target
+    } = event;
+    const anchor = target.tagName.toLowerCase() === "a" ? target : target.closest("a");
+    if (!anchor) {
+      return;
+    }
+    const {
+      action,
+      interaction,
+      link,
+      label,
+      uuid
+    } = parseAnchor(anchor);
+    interact(action, {
+      label,
+      id: interaction,
+      uuid,
+      link
+    });
+    if (action === "dismiss") {
+      dismissMessage();
+    }
+    if (isNonEmptyString(link) && link.length > 0) {
+      navigateToUrl(link);
+    }
+  };
+};
+export const createIframe = (htmlContent, clickHandler) => {
+  const parser = new DOMParser();
+  const htmlDocument = parser.parseFromString(htmlContent, TEXT_HTML);
+  const scriptTag = htmlDocument.querySelector("script");
+  if (scriptTag) {
+    scriptTag.setAttribute("nonce", getNonce());
+  }
+  const element = createNode("iframe", {
+    src: URL.createObjectURL(new Blob([htmlDocument.documentElement.outerHTML], {
+      type: "text/html"
+    })),
+    id: IFRAME_ID
+  });
+  element.addEventListener("load", () => {
+    const {
+      addEventListener
+    } = element.contentDocument || element.contentWindow.document;
+    addEventListener("click", clickHandler);
+  });
+  return element;
+};
+const renderMessage = (iframe, webParameters, container, overlay) => {
+  [{
+    id: OVERLAY_CONTAINER_ID,
+    element: overlay
+  }, {
+    id: MESSAGING_CONTAINER_ID,
+    element: container
+  }, {
+    id: IFRAME_ID,
+    element: iframe
+  }].forEach(({
+    id,
+    element
+  }) => {
+    const {
+      style = {},
+      params = {}
+    } = webParameters[id];
+    assign(element.style, style);
+    const {
+      parentElement = "body",
+      insertionMethod = "appendChild",
+      enabled = true
+    } = params;
+    const parent = document.querySelector(parentElement);
+    if (enabled && parent && typeof parent[insertionMethod] === "function") {
+      parent[insertionMethod](element);
+    }
+  });
+};
+export const buildStyleFromMobileParameters = mobileParameters => {
+  const {
+    verticalAlign,
+    width,
+    horizontalAlign,
+    backdropColor,
+    height,
+    cornerRadius,
+    horizontalInset,
+    verticalInset,
+    uiTakeover = false
+  } = mobileParameters;
+  const style = {
+    width: width ? `${width}%` : "100%",
+    backgroundColor: backdropColor || "rgba(0, 0, 0, 0.5)",
+    borderRadius: cornerRadius ? `${cornerRadius}px` : "0px",
+    border: "none",
+    position: uiTakeover ? "fixed" : "relative",
+    overflow: "hidden"
+  };
+  if (horizontalAlign === "left") {
+    style.left = horizontalInset ? `${horizontalInset}%` : "0";
+  } else if (horizontalAlign === "right") {
+    style.right = horizontalInset ? `${horizontalInset}%` : "0";
+  } else if (horizontalAlign === "center") {
+    style.left = "50%";
+    style.transform = "translateX(-50%)";
+  }
+  if (verticalAlign === "top") {
+    style.top = verticalInset ? `${verticalInset}%` : "0";
+  } else if (verticalAlign === "bottom") {
+    style.position = "fixed";
+    style.bottom = verticalInset ? `${verticalInset}%` : "0";
+  } else if (verticalAlign === "center") {
+    style.top = "50%";
+    style.transform = `${horizontalAlign === "center" ? `${style.transform} ` : ""}translateY(-50%)`;
+    style.display = "flex";
+    style.alignItems = "center";
+    style.justifyContent = "center";
+  }
+  if (height) {
+    style.height = `${height}vh`;
+  } else {
+    style.height = "100%";
+  }
+  return style;
+};
+export const mobileOverlay = mobileParameters => {
+  const {
+    backdropOpacity,
+    backdropColor
+  } = mobileParameters;
+  const opacity = backdropOpacity || 0.5;
+  const color = backdropColor || "#FFFFFF";
+  const style = {
+    position: "fixed",
+    top: "0",
+    left: "0",
+    width: "100%",
+    height: "100%",
+    background: "transparent",
+    opacity,
+    backgroundColor: color
+  };
+  return style;
+};
+const REQUIRED_PARAMS = ["enabled", "parentElement", "insertionMethod"];
+const isValidWebParameters = webParameters => {
+  if (!webParameters) {
+    return false;
+  }
+  const ids = Object.keys(webParameters);
+  if (!includes(ids, MESSAGING_CONTAINER_ID)) {
+    return false;
+  }
+  if (!includes(ids, OVERLAY_CONTAINER_ID)) {
+    return false;
+  }
+  const valuesArray = values(webParameters);
+  for (let i = 0; i < valuesArray.length; i += 1) {
+    if (!objectOf(valuesArray[i], "style")) {
+      return false;
+    }
+    if (!objectOf(valuesArray[i], "params")) {
+      return false;
+    }
+    for (let j = 0; j < REQUIRED_PARAMS.length; j += 1) {
+      if (!objectOf(valuesArray[i].params, REQUIRED_PARAMS[j])) {
+        return false;
+      }
+    }
+  }
+  return true;
+};
+const generateWebParameters = mobileParameters => {
+  if (!mobileParameters) {
+    return undefined;
+  }
+  const {
+    uiTakeover = false
+  } = mobileParameters;
+  return {
+    [IFRAME_ID]: {
+      style: {
+        border: "none",
+        width: "100%",
+        height: "100%"
+      },
+      params: {
+        enabled: true,
+        parentElement: "#alloy-messaging-container",
+        insertionMethod: "appendChild"
+      }
+    },
+    [MESSAGING_CONTAINER_ID]: {
+      style: buildStyleFromMobileParameters(mobileParameters),
+      params: {
+        enabled: true,
+        parentElement: "body",
+        insertionMethod: "appendChild"
+      }
+    },
+    [OVERLAY_CONTAINER_ID]: {
+      style: mobileOverlay(mobileParameters),
+      params: {
+        enabled: uiTakeover === true,
+        parentElement: "body",
+        insertionMethod: "appendChild"
+      }
+    }
+  };
+};
+export const displayHTMLContentInIframe = (settings = {}, interact) => {
+  dismissMessage();
+  const {
+    content,
+    contentType,
+    mobileParameters
+  } = settings;
+  let {
+    webParameters
+  } = settings;
+  if (contentType !== TEXT_HTML) {
+    return;
+  }
+  const container = createNode("div", {
+    id: MESSAGING_CONTAINER_ID
+  });
+  const iframe = createIframe(content, createIframeClickHandler(interact));
+  const overlay = createNode("div", {
+    id: OVERLAY_CONTAINER_ID
+  });
+  if (!isValidWebParameters(webParameters)) {
+    webParameters = generateWebParameters(mobileParameters);
+  }
+  if (!webParameters) {
+    return;
+  }
+  renderMessage(iframe, webParameters, container, overlay);
+};
+export default ((settings, collect) => {
+  return new Promise(resolve => {
+    const {
+      meta
+    } = settings;
+    displayHTMLContentInIframe(settings, (action, propositionAction) => {
+      const propositionEventTypes = {};
+      propositionEventTypes[PropositionEventType.INTERACT] = EVENT_TYPE_TRUE;
+      if (Object.values(PropositionEventType).indexOf(action) !== -1) {
+        propositionEventTypes[action] = EVENT_TYPE_TRUE;
+      }
+      collect({
+        decisionsMeta: [meta],
+        propositionAction,
+        eventType: INTERACT,
+        propositionEventTypes: Object.keys(propositionEventTypes)
+      });
+    });
+    resolve({
+      meta
+    });
+  });
+});

package/libEs6/components/Personalization/in-app-message-actions/initInAppMessageActionsModules.js

@@ -0,0 +1,17 @@
+/*
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import displayIframeContent from "./actions/displayIframeContent";
+export default (collect => {
+  return {
+    defaultContent: settings => displayIframeContent(settings, collect)
+  };
+});

package/libEs6/components/Personalization/in-app-message-actions/utils.js

@@ -0,0 +1,49 @@
+/*
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import { isNonEmptyArray, queryString, startsWith } from "../../../utils";
+import { removeNode, selectNodes } from "../../../utils/dom";
+export const removeElementById = id => {
+  const element = selectNodes(`#${id}`, document);
+  if (element && element.length > 0) {
+    removeNode(element[0]);
+  }
+};
+export const parseAnchor = anchor => {
+  const nothing = {};
+  if (!anchor || anchor.tagName.toLowerCase() !== "a") {
+    return nothing;
+  }
+  const {
+    href
+  } = anchor;
+  if (!href || !startsWith(href, "adbinapp://")) {
+    return nothing;
+  }
+  const hrefParts = href.split("?");
+  const action = hrefParts[0].split("://")[1];
+  const label = anchor.innerText;
+  const uuid = anchor.getAttribute("data-uuid") || "";
+  let interaction;
+  let link;
+  if (isNonEmptyArray(hrefParts)) {
+    const queryParams = queryString.parse(hrefParts[1]);
+    interaction = queryParams.interaction || "";
+    link = decodeURIComponent(queryParams.link || "");
+  }
+  return {
+    action,
+    interaction,
+    link,
+    label,
+    uuid
+  };
+};

package/libEs6/components/Personalization/index.js

@@ -10,7 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import { string, boolean, objectOf } from "../../utils/validation";
+import { boolean, objectOf, string } from "../../utils/validation";
 import createComponent from "./createComponent";
 import { initDomActionsModules } from "./dom-actions";
 import createCollect from "./createCollect";
@@ -31,13 +31,16 @@ import remapHeadOffers from "./dom-actions/remapHeadOffers";
 import createPreprocess from "./dom-actions/createPreprocess";
 import injectCreateProposition from "./handlers/injectCreateProposition";
 import createAsyncArray from "./utils/createAsyncArray";
-import * as schema from "./constants/schema";
+import * as schema from "../../constants/schema";
 import processDefaultContent from "./handlers/processDefaultContent";
 import { isPageWideSurface } from "./utils/surfaceUtils";
 import createProcessDomAction from "./handlers/createProcessDomAction";
 import createProcessHtmlContent from "./handlers/createProcessHtmlContent";
 import createProcessRedirect from "./handlers/createProcessRedirect";
 import createProcessPropositions from "./handlers/createProcessPropositions";
+import createOnDecisionHandler from "./createOnDecisionHandler";
+import createProcessInAppMessage from "./handlers/createProcessInAppMessage";
+import initInAppMessageActionsModules from "./in-app-message-actions/initInAppMessageActionsModules";
 import createRedirect from "./dom-actions/createRedirect";
 const createPersonalization = ({
   config,
@@ -60,7 +63,7 @@ const createPersonalization = ({
   const getPageLocation = createGetPageLocation({
     window
   });
-  const modules = initDomActionsModules();
+  const domActionsModules = initDomActionsModules();
   const preprocess = createPreprocess([remapHeadOffers, remapCustomCodeOffers]);
   const createProposition = injectCreateProposition({
     preprocess,
@@ -73,18 +76,22 @@ const createPersonalization = ({
   const schemaProcessors = {
     [schema.DEFAULT_CONTENT_ITEM]: processDefaultContent,
     [schema.DOM_ACTION]: createProcessDomAction({
-      modules,
+      modules: domActionsModules,
       logger,
       storeClickMetrics
     }),
     [schema.HTML_CONTENT_ITEM]: createProcessHtmlContent({
-      modules,
+      modules: domActionsModules,
       logger
     }),
     [schema.REDIRECT_ITEM]: createProcessRedirect({
       logger,
       executeRedirect,
       collect
+    }),
+    [schema.MESSAGE_IN_APP]: createProcessInAppMessage({
+      modules: initInAppMessageActionsModules(collect),
+      logger
     })
   };
   const processPropositions = createProcessPropositions({
@@ -121,6 +128,11 @@ const createPersonalization = ({
   const setTargetMigration = createSetTargetMigration({
     targetMigrationEnabled
   });
+  const onDecisionHandler = createOnDecisionHandler({
+    processPropositions,
+    createProposition,
+    collect
+  });
   return createComponent({
     getPageLocation,
     logger,
@@ -134,7 +146,8 @@ const createPersonalization = ({
     applyPropositions,
     setTargetMigration,
     mergeDecisionsMeta,
-    renderedPropositions
+    renderedPropositions,
+    onDecisionHandler
   });
 };
 createPersonalization.namespace = "Personalization";

package/libEs6/{components/Personalization/constants/eventType.js → constants/contentType.js}

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Adobe. All rights reserved.
+Copyright 2023 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License. You may obtain a copy
 of the License at http://www.apache.org/licenses/LICENSE-2.0
@@ -9,6 +9,5 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
 OF ANY KIND, either express or implied. See the License for the specific language
 governing permissions and limitations under the License.
 */
-
-export const DISPLAY = "decisioning.propositionDisplay";
-export const INTERACT = "decisioning.propositionInteract";
+export const TEXT_HTML = "text/html";
+export const APPLICATION_JSON = "application/json";

package/libEs6/constants/eventType.js

@@ -0,0 +1,17 @@
+/*
+Copyright 2022 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+export const DISPLAY = "decisioning.propositionDisplay";
+export const INTERACT = "decisioning.propositionInteract";
+export const TRIGGER = "decisioning.propositionTrigger";
+export const DISMISS = "decisioning.propositionDismiss";
+export const EVENT_TYPE_TRUE = 1;

package/libEs6/{components/Personalization/constants/propositionEventType.js → constants/handle.js}

@@ -1,5 +1,5 @@
 /*
-Copyright 2022 Adobe. All rights reserved.
+Copyright 2023 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License. You may obtain a copy
 of the License at http://www.apache.org/licenses/LICENSE-2.0
@@ -9,8 +9,4 @@ the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTA
 OF ANY KIND, either express or implied. See the License for the specific language
 governing permissions and limitations under the License.
 */
-
-export const PropositionEventType = {
-  DISPLAY: "display",
-  INTERACT: "interact"
-};
+export const PERSONALIZATION_DECISIONS_HANDLE = "personalization:decisions";

package/libEs6/constants/libraryVersion.js

@@ -13,4 +13,4 @@ governing permissions and limitations under the License.
 // The __VERSION__ keyword will be replace at alloy build time with the package.json version.
 // see babel-plugin-version
 
-export default "2.19.0-beta.11";
+export default "2.19.0-beta.12";

package/libEs6/constants/propositionEventType.js

@@ -0,0 +1,33 @@
+/*
+Copyright 2022 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+
+import { DISPLAY, INTERACT, TRIGGER, DISMISS } from "./eventType";
+export const PropositionEventType = {
+  DISPLAY: "display",
+  INTERACT: "interact",
+  TRIGGER: "trigger",
+  DISMISS: "dismiss"
+};
+const eventTypeToPropositionEventTypeMapping = {
+  [DISPLAY]: PropositionEventType.DISPLAY,
+  [INTERACT]: PropositionEventType.INTERACT,
+  [TRIGGER]: PropositionEventType.TRIGGER,
+  [DISMISS]: PropositionEventType.DISMISS
+};
+const propositionEventTypeToEventTypeMapping = {
+  [PropositionEventType.DISPLAY]: DISPLAY,
+  [PropositionEventType.INTERACT]: INTERACT,
+  [PropositionEventType.TRIGGER]: TRIGGER,
+  [PropositionEventType.DISMISS]: DISMISS
+};
+export const getPropositionEventType = eventType => eventTypeToPropositionEventTypeMapping[eventType];
+export const getEventType = propositionEventType => propositionEventTypeToEventTypeMapping[propositionEventType];

package/libEs6/{components/Personalization/constants → constants}/schema.js

@@ -14,5 +14,9 @@ export const DEFAULT_CONTENT_ITEM = "https://ns.adobe.com/personalization/defaul
 export const DOM_ACTION = "https://ns.adobe.com/personalization/dom-action";
 export const HTML_CONTENT_ITEM = "https://ns.adobe.com/personalization/html-content-item";
 export const JSON_CONTENT_ITEM = "https://ns.adobe.com/personalization/json-content-item";
+export const RULESET_ITEM = "https://ns.adobe.com/personalization/ruleset-item";
 export const REDIRECT_ITEM = "https://ns.adobe.com/personalization/redirect-item";
+export const MESSAGE_IN_APP = "https://ns.adobe.com/personalization/message/in-app";
+export const MESSAGE_FEED_ITEM = "https://ns.adobe.com/personalization/message/feed-item";
+export const MESSAGE_NATIVE_ALERT = "https://ns.adobe.com/personalization/message/native-alert";
 export const MEASUREMENT_SCHEMA = "https://ns.adobe.com/personalization/measurement";

package/libEs6/core/componentCreators.js

@@ -21,8 +21,9 @@ import createContext from "../components/Context";
 import createPrivacy from "../components/Privacy";
 import createEventMerge from "../components/EventMerge";
 import createLibraryInfo from "../components/LibraryInfo";
+import createDecisioningEngine from "../components/DecisioningEngine";
 import createMachineLearning from "../components/MachineLearning";
 
 // TODO: Register the Components here statically for now. They might be registered differently.
 // TODO: Figure out how sub-components will be made available/registered
-export default [createDataCollector, createActivityCollector, createIdentity, createAudiences, createPersonalization, createContext, createPrivacy, createEventMerge, createLibraryInfo, createMachineLearning];
+export default [createDataCollector, createActivityCollector, createIdentity, createAudiences, createPersonalization, createContext, createPrivacy, createEventMerge, createLibraryInfo, createMachineLearning, createDecisioningEngine];

package/libEs6/core/config/createCoreConfigs.js

@@ -22,6 +22,7 @@ export default (() => objectOf({
   edgeDomain: string().domain().default(EDGE_DOMAIN),
   edgeBasePath: string().nonEmpty().default(EDGE_BASE_PATH),
   orgId: string().unique().required(),
+  personalizationStorageEnabled: boolean().default(true),
   onBeforeEventSend: callback().default(noop),
   edgeConfigOverrides: validateConfigOverride
 }).deprecated("edgeConfigId", string().unique(), "datastreamId"));

package/libEs6/core/createEvent.js

@@ -35,6 +35,23 @@ export default (() => {
     }
   };
   const event = {
+    hasQuery() {
+      return Object.prototype.hasOwnProperty.call(this.getContent(), "query");
+    },
+    getContent() {
+      const currentContent = JSON.parse(JSON.stringify(content));
+      if (userXdm) {
+        deepAssign(currentContent, {
+          xdm: userXdm
+        });
+      }
+      if (userData) {
+        deepAssign(currentContent, {
+          data: userData
+        });
+      }
+      return currentContent;
+    },
     setUserXdm(value) {
       throwIfEventFinalized("setUserXdm");
       userXdm = value;
@@ -51,6 +68,14 @@ export default (() => {
         });
       }
     },
+    mergeData(data) {
+      throwIfEventFinalized("mergeData");
+      if (data) {
+        deepAssign(content, {
+          data
+        });
+      }
+    },
     mergeMeta(meta) {
       throwIfEventFinalized("mergeMeta");
       if (meta) {
@@ -83,7 +108,7 @@ export default (() => {
         content.xdm._experience.decisioning.propositions = newPropositions;
       }
       if (userData) {
-        content.data = userData;
+        event.mergeData(userData);
       }
 
       // the event should already be considered finalized in case onBeforeEventSend throws an error

package/libEs6/core/createEventManager.js

@@ -101,6 +101,7 @@ export default (({
     applyResponse(event, options = {}) {
       const {
         renderDecisions = false,
+        decisionContext = {},
         responseHeaders = {},
         responseBody = {
           handle: []
@@ -115,6 +116,7 @@ export default (({
       return lifecycle.onBeforeEvent({
         event,
         renderDecisions,
+        decisionContext,
         decisionScopes: [PAGE_WIDE_SCOPE],
         personalization,
         onResponse: onResponseCallbackAggregator.add,

package/libEs6/core/createLifecycle.js

@@ -29,7 +29,10 @@ const hookNames = [
 // { response } is passed as the parameter)
 "onRequestFailure",
 // A user clicked on an element.
-"onClick"];
+"onClick",
+// Called by DecisioningEngine when a ruleset is satisfied with a list of
+// propositions
+"onDecision"];
 const createHook = (componentRegistry, hookName) => {
   return (...args) => {
     return Promise.all(componentRegistry.getLifecycleCallbacks(hookName).map(callback => {