@adobe/alloy 2.26.0 → 2.27.0-beta.1

package/libEs5/components/Personalization/createViewChangeHandler.js

@@ -12,15 +12,17 @@ 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.
 */
-var _default = ({
-  processPropositions,
-  viewCache,
-  logger
-}) => {
-  return ({
-    personalizationDetails,
-    onResponse
-  }) => {
+var _default = _ref => {
+  let {
+    processPropositions,
+    viewCache,
+    logger
+  } = _ref;
+  return _ref2 => {
+    let {
+      personalizationDetails,
+      onResponse
+    } = _ref2;
     let returnedPropositions;
     let returnedDecisions;
     const viewName = personalizationDetails.getViewName();

package/libEs5/components/Personalization/dom-actions/action.js

@@ -93,27 +93,63 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-const renderContent = (elements, content, decorateProposition, renderFunc) => {
-  const executions = elements.map(element => renderFunc(element, content, decorateProposition));
+/**
+ * Renders content into a container element.
+ *
+ * @param {Object} params
+ * @param {Element[]} params.containers
+ * @param {string} params.content
+ * @param {(element: Element) => void} params.decorateProposition
+ * @param {(container: Element, content: string, decorateProposition: (element: Element) => void) => Promise<void>} params.renderFunc
+ * @returns {Promise<void>} A promise that resolves when the content is rendered.
+ */
+const renderContent = _ref => {
+  let {
+    containers,
+    content,
+    decorateProposition,
+    renderFunc,
+    renderStatusHandler
+  } = _ref;
+  const executions = containers.filter(renderStatusHandler.shouldRender).map(async container => {
+    await renderFunc(container, content, decorateProposition);
+    renderStatusHandler.markAsRendered(container);
+  });
   return Promise.all(executions);
 };
+
+/**
+ * Creates an action function that renders content into a container element.
+ *
+ * @param {Function} renderFunc - The function that performs the rendering.
+ */
 const createAction = renderFunc => {
-  return (itemData, decorateProposition) => {
+  /**
+   * Renders content into a container element.
+   *
+   * @param {{ selector: string, prehidingSelector: string, content: string }} itemData - The item data containing the container selector and prehiding selector.
+   * @param {(element: Element) => void} createDecorateProposition
+   * @param {{ shouldRender: (element: Element) => boolean, markAsRendered: (element: Element) => void }} renderStatusHandler
+   */
+  return async (itemData, decorateProposition, renderStatusHandler) => {
     const {
-      selector,
+      selector: containerSelector,
       prehidingSelector,
       content
     } = itemData;
     (0, _index2.hideElements)(prehidingSelector);
-    return (0, _index.awaitSelector)(selector, _index3.selectNodesWithEq).then(elements => renderContent(elements, content, decorateProposition, renderFunc)).then(() => {
-      // if everything is OK, show elements
-      (0, _index2.showElements)(prehidingSelector);
-    }, error => {
-      // in case of awaiting timing or error, we need to remove the style tag
-      // hence showing the pre-hidden elements
+    try {
+      const containers = await (0, _index.awaitSelector)(containerSelector, _index3.selectNodesWithEq);
+      renderContent({
+        containers,
+        content,
+        decorateProposition,
+        renderFunc,
+        renderStatusHandler
+      });
+    } finally {
       (0, _index2.showElements)(prehidingSelector);
-      throw error;
-    });
+    }
   };
 };
 exports.createAction = createAction;

package/libEs5/components/Personalization/dom-actions/clicks/collectInteractions.js

@@ -26,7 +26,7 @@ const getInteractionDetail = clickedElement => {
   const interactIds = new Set();
   let clickLabel;
   let clickToken;
-  while (element && element !== documentElement) {
+  while (element && element !== documentElement && !(element instanceof ShadowRoot)) {
     const interactId = (0, _getAttribute.default)(element, _createDecorateProposition.INTERACT_ID_DATA_ATTRIBUTE);
     if (interactId) {
       interactIds.add(interactId);

package/libEs5/components/Personalization/dom-actions/createRedirect.js

@@ -12,7 +12,8 @@ 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.
 */
-var _default = window => (url, preserveHistory = false) => {
+var _default = window => function (url) {
+  let preserveHistory = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   if (preserveHistory) {
     window.location.href = url;
   } else {

package/libEs5/components/Personalization/dom-actions/dom/createFragment.js

@@ -14,9 +14,9 @@ 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.
 */
-var _default = (content = "undefined") => {
+var _default = exports.default = function _default() {
+  let content = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "undefined";
   return (0, _index.createNode)(_tagName.DIV, {}, {
     innerHTML: content
   });
-};
-exports.default = _default;
+};

package/libEs5/components/Personalization/dom-actions/dom/getElementById.js

@@ -18,7 +18,7 @@ governing permissions and limitations under the License.
  * @param {Node} [context=document] defaults to document
  * @returns {HTMLElement} an element of null
  */
-var _default = (id, context = document) => {
+var _default = exports.default = function _default(id) {
+  let context = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
   return context.getElementById(id);
-};
-exports.default = _default;
+};

package/libEs5/components/Personalization/dom-actions/dom/getNonce.js

@@ -20,7 +20,8 @@ let nonce;
  * @param {Node} [context=document] defaults to document
  * @returns {(String|undefined)} the nonce or undefined if not available
  */
-var _default = (context = document) => {
+var _default = exports.default = function _default() {
+  let context = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : document;
   if (nonce === undefined) {
     const n = context.querySelector("[nonce]");
     // NOTE: We're keeping n.getAttribute("nonce") until it is safe to remove:
@@ -29,7 +30,6 @@ var _default = (context = document) => {
   }
   return nonce;
 }; // This function is only used for testing and removed when library is built (tree-shaking)
-exports.default = _default;
 const testResetCachedNonce = () => {
   nonce = undefined;
 };

package/libEs5/components/Personalization/dom-actions/rearrangeChildren.js

@@ -13,10 +13,11 @@ 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.
 */
-var _default = (container, {
-  from,
-  to
-}, decorateProposition) => {
+var _default = (container, _ref, decorateProposition) => {
+  let {
+    from,
+    to
+  } = _ref;
   const children = (0, _index.getChildren)(container);
   const elementFrom = children[from];
   const elementTo = children[to];

package/libEs5/components/Personalization/handlers/createProcessDomAction.js

@@ -2,6 +2,7 @@
 
 exports.default = void 0;
 var _createDecorateProposition = require("./createDecorateProposition.js");
+var _createRenderStatusHandler = require("./createRenderStatusHandler.js");
 var _initDomActionsModules = require("../dom-actions/initDomActionsModules.js");
 /*
 Copyright 2023 Adobe. All rights reserved.
@@ -14,57 +15,61 @@ 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.
 */
-var _default = ({
-  modules,
-  logger,
-  storeInteractionMeta,
-  storeClickMeta,
-  autoCollectPropositionInteractions
-}) => item => {
-  const {
-    type,
-    selector
-  } = item.getData() || {};
-  if (!type) {
-    logger.warn("Invalid DOM action data: missing type.", item.getData());
-    return {
-      setRenderAttempted: false,
-      includeInNotification: false
-    };
-  }
-  if (type === _initDomActionsModules.DOM_ACTION_CLICK) {
-    if (!selector) {
-      logger.warn("Invalid DOM action data: missing selector.", item.getData());
+var _default = _ref => {
+  let {
+    modules,
+    logger,
+    storeInteractionMeta,
+    storeClickMeta,
+    autoCollectPropositionInteractions
+  } = _ref;
+  return item => {
+    const {
+      type,
+      selector
+    } = item.getData() || {};
+    if (!type) {
+      logger.warn("Invalid DOM action data: missing type.", item.getData());
       return {
         setRenderAttempted: false,
         includeInNotification: false
       };
     }
-    storeClickMeta({
-      selector,
-      meta: {
-        ...item.getProposition().getNotification(),
-        trackingLabel: item.getTrackingLabel(),
-        scopeType: item.getProposition().getScopeType()
+    if (type === _initDomActionsModules.DOM_ACTION_CLICK) {
+      if (!selector) {
+        logger.warn("Invalid DOM action data: missing selector.", item.getData());
+        return {
+          setRenderAttempted: false,
+          includeInNotification: false
+        };
       }
-    });
+      storeClickMeta({
+        selector,
+        meta: {
+          ...item.getProposition().getNotification(),
+          trackingLabel: item.getTrackingLabel(),
+          scopeType: item.getProposition().getScopeType()
+        }
+      });
+      return {
+        setRenderAttempted: true,
+        includeInNotification: false
+      };
+    }
+    if (!modules[type]) {
+      logger.warn("Invalid DOM action data: unknown type.", item.getData());
+      return {
+        setRenderAttempted: false,
+        includeInNotification: false
+      };
+    }
+    const renderStatusHandler = (0, _createRenderStatusHandler.default)(item.getProposition().getScopeType(), item.getId());
+    const decorateProposition = (0, _createDecorateProposition.default)(autoCollectPropositionInteractions, type, item.getProposition().getId(), item.getId(), item.getTrackingLabel(), item.getProposition().getScopeType(), item.getProposition().getNotification(), storeInteractionMeta);
     return {
+      render: () => modules[type](item.getData(), decorateProposition, renderStatusHandler),
       setRenderAttempted: true,
-      includeInNotification: false
-    };
-  }
-  if (!modules[type]) {
-    logger.warn("Invalid DOM action data: unknown type.", item.getData());
-    return {
-      setRenderAttempted: false,
-      includeInNotification: false
+      includeInNotification: true
     };
-  }
-  const decorateProposition = (0, _createDecorateProposition.default)(autoCollectPropositionInteractions, type, item.getProposition().getId(), item.getId(), item.getTrackingLabel(), item.getProposition().getScopeType(), item.getProposition().getNotification(), storeInteractionMeta);
-  return {
-    render: () => modules[type](item.getData(), decorateProposition),
-    setRenderAttempted: true,
-    includeInNotification: true
   };
 };
 exports.default = _default;

package/libEs5/components/Personalization/handlers/createProcessHtmlContent.js

@@ -13,36 +13,39 @@ 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.
 */
-var _default = ({
-  modules,
-  logger,
-  storeInteractionMeta,
-  autoCollectPropositionInteractions
-}) => item => {
-  const {
-    type,
-    selector
-  } = item.getData() || {};
-  if (!selector || !type) {
+var _default = _ref => {
+  let {
+    modules,
+    logger,
+    storeInteractionMeta,
+    autoCollectPropositionInteractions
+  } = _ref;
+  return item => {
+    const {
+      type,
+      selector
+    } = item.getData() || {};
+    if (!selector || !type) {
+      return {
+        setRenderAttempted: false,
+        includeInNotification: false
+      };
+    }
+    if (!modules[type]) {
+      logger.warn("Invalid HTML content data", item.getData());
+      return {
+        setRenderAttempted: false,
+        includeInNotification: false
+      };
+    }
+    const decorateProposition = (0, _createDecorateProposition.default)(autoCollectPropositionInteractions, type, item.getProposition().getId(), item.getId(), item.getTrackingLabel(), item.getProposition().getScopeType(), item.getProposition().getNotification(), storeInteractionMeta);
     return {
-      setRenderAttempted: false,
-      includeInNotification: false
+      render: () => {
+        return modules[type](item.getData(), decorateProposition);
+      },
+      setRenderAttempted: true,
+      includeInNotification: true
     };
-  }
-  if (!modules[type]) {
-    logger.warn("Invalid HTML content data", item.getData());
-    return {
-      setRenderAttempted: false,
-      includeInNotification: false
-    };
-  }
-  const decorateProposition = (0, _createDecorateProposition.default)(autoCollectPropositionInteractions, type, item.getProposition().getId(), item.getId(), item.getTrackingLabel(), item.getProposition().getScopeType(), item.getProposition().getNotification(), storeInteractionMeta);
-  return {
-    render: () => {
-      return modules[type](item.getData(), decorateProposition);
-    },
-    setRenderAttempted: true,
-    includeInNotification: true
   };
 };
 exports.default = _default;

package/libEs5/components/Personalization/handlers/createProcessInAppMessage.js

@@ -40,10 +40,11 @@ const isValidInAppMessage = (data, logger) => {
   }
   return true;
 };
-var _default = ({
-  modules,
-  logger
-}) => {
+var _default = _ref => {
+  let {
+    modules,
+    logger
+  } = _ref;
   return item => {
     const data = item.getData();
     const proposition = item.getProposition();

package/libEs5/components/Personalization/handlers/createProcessPropositions.js

@@ -13,10 +13,11 @@ 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.
 */
-var _default = ({
-  schemaProcessors,
-  logger
-}) => {
+var _default = _ref => {
+  let {
+    schemaProcessors,
+    logger
+  } = _ref;
   const wrapRenderWithLogging = (render, item) => () => {
     return Promise.resolve().then(render).then(() => {
       if (logger.enabled) {
@@ -62,13 +63,14 @@ var _default = ({
     }
     return processor(item);
   };
-  const processItems = ({
-    renderers: existingRenderers,
-    returnedPropositions: existingReturnedPropositions,
-    returnedDecisions: existingReturnedDecisions,
-    items,
-    proposition
-  }) => {
+  const processItems = _ref2 => {
+    let {
+      renderers: existingRenderers,
+      returnedPropositions: existingReturnedPropositions,
+      returnedDecisions: existingReturnedDecisions,
+      items,
+      proposition
+    } = _ref2;
     let renderers = [...existingRenderers];
     let returnedPropositions = [...existingReturnedPropositions];
     let returnedDecisions = [...existingReturnedDecisions];
@@ -137,7 +139,8 @@ var _default = ({
       onlyRenderThis
     };
   };
-  return (renderPropositions, nonRenderPropositions = []) => {
+  return function (renderPropositions) {
+    let nonRenderPropositions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
     let renderers = [];
     let returnedPropositions = [];
     let returnedDecisions = [];

package/libEs5/components/Personalization/handlers/createProcessRedirect.js

@@ -15,47 +15,50 @@ governing permissions and limitations under the License.
 */
 
 const REDIRECT_HIDING_ELEMENT = "BODY";
-var _default = ({
-  logger,
-  executeRedirect,
-  collect
-}) => item => {
-  const {
-    content
-  } = item.getData() || {};
-  if (!content) {
-    logger.warn("Invalid Redirect data", item.getData());
-    return {};
-  }
-  const render = () => {
-    (0, _index.hideElements)(REDIRECT_HIDING_ELEMENT);
-    return collect({
-      decisionsMeta: [item.getProposition().getNotification()],
-      documentMayUnload: true
-    }).then(() => {
-      logger.logOnContentRendering({
-        status: "rendering-redirect",
-        detail: {
-          propositionDetails: item.getProposition().getNotification(),
-          redirect: content
-        },
-        message: "Redirect action " + item.toString() + " executed.",
-        logLevel: "info"
+var _default = _ref => {
+  let {
+    logger,
+    executeRedirect,
+    collect
+  } = _ref;
+  return item => {
+    const {
+      content
+    } = item.getData() || {};
+    if (!content) {
+      logger.warn("Invalid Redirect data", item.getData());
+      return {};
+    }
+    const render = () => {
+      (0, _index.hideElements)(REDIRECT_HIDING_ELEMENT);
+      return collect({
+        decisionsMeta: [item.getProposition().getNotification()],
+        documentMayUnload: true
+      }).then(() => {
+        logger.logOnContentRendering({
+          status: "rendering-redirect",
+          detail: {
+            propositionDetails: item.getProposition().getNotification(),
+            redirect: content
+          },
+          message: "Redirect action " + item.toString() + " executed.",
+          logLevel: "info"
+        });
+        return executeRedirect(content);
+        // Execute redirect will never resolve. If there are bottom of page events that are waiting
+        // for display notifications from this request, they will never run because this promise will
+        // not resolve. This is intentional because we don't want to run bottom of page events if
+        // there is a redirect.
+      }).catch(error => {
+        (0, _index.showElements)(REDIRECT_HIDING_ELEMENT);
+        throw error;
       });
-      return executeRedirect(content);
-      // Execute redirect will never resolve. If there are bottom of page events that are waiting
-      // for display notifications from this request, they will never run because this promise will
-      // not resolve. This is intentional because we don't want to run bottom of page events if
-      // there is a redirect.
-    }).catch(error => {
-      (0, _index.showElements)(REDIRECT_HIDING_ELEMENT);
-      throw error;
-    });
-  };
-  return {
-    render,
-    setRenderAttempted: true,
-    onlyRenderThis: true
+    };
+    return {
+      render,
+      setRenderAttempted: true,
+      onlyRenderThis: true
+    };
   };
 };
 exports.default = _default;

package/libEs5/components/Personalization/handlers/createRenderStatusHandler.js

@@ -0,0 +1,59 @@
+"use strict";
+
+exports.default = void 0;
+var _scopeType = require("../constants/scopeType.js");
+/*
+Copyright 2025 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.
+*/
+/**
+ * Creates a handler to manage the rendering status of elements in personalization
+ *
+ * @param {string} scopeType - The type of scope (e.g. 'view', 'page')
+ * @param {string} itemId - The unique identifier for the item being rendered
+ */
+var _default = (scopeType, itemId) => {
+  // We only care about tracking renders for view scope
+  if (scopeType !== _scopeType.VIEW_SCOPE_TYPE) {
+    return {
+      shouldRender: () => true,
+      markAsRendered: () => {}
+    };
+  }
+  return {
+    /**
+     * Determines if an element should be rendered based on scopeType and previous render status
+     *
+     * @param {Element|null} propositionContainer - The DOM element to check
+     * @returns {boolean} True if the element should be rendered, false otherwise
+     */
+    shouldRender: propositionContainer => {
+      if (!propositionContainer) {
+        return true;
+      }
+      const previouslyRendered = (propositionContainer.dataset.adobePropositionIds ?? "").split(",");
+      return !previouslyRendered.includes(itemId);
+    },
+    /**
+     * Marks an element as rendered by setting a data attribute
+     *
+     * @param {Element} propositionContainer - The DOM element to mark as rendered
+     * @returns {void}
+     */
+    markAsRendered: propositionContainer => {
+      const previouslyRendered = (propositionContainer.dataset.adobePropositionIds ?? "").split(",");
+      if (!previouslyRendered.includes(itemId)) {
+        previouslyRendered.push(itemId);
+      }
+      propositionContainer.dataset.adobePropositionIds = previouslyRendered.sort().join(",");
+    }
+  };
+};
+exports.default = _default;

package/libEs5/components/Personalization/handlers/injectCreateProposition.js

@@ -14,10 +14,11 @@ 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.
 */
-var _default = ({
-  preprocess,
-  isPageWideSurface
-}) => {
+var _default = _ref => {
+  let {
+    preprocess,
+    isPageWideSurface
+  } = _ref;
   const createItem = (item, proposition) => {
     const {
       id,
@@ -59,7 +60,9 @@ var _default = ({
       }
     };
   };
-  return (payload, visibleInReturnedItems = true, shouldSuppressDisplay = false) => {
+  return function (payload) {
+    let visibleInReturnedItems = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    let shouldSuppressDisplay = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     const {
       id,
       scope,

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

@@ -26,7 +26,8 @@ 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(_utils.removeElementById);
-const createIframeClickHandler = (interact, navigateToUrl = (0, _createRedirect.default)(window)) => {
+const createIframeClickHandler = function (interact) {
+  let navigateToUrl = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, _createRedirect.default)(window);
   return event => {
     event.preventDefault();
     event.stopImmediatePropagation();
@@ -91,18 +92,16 @@ const renderMessage = (iframe, webParameters, container, overlay) => {
   }, {
     id: IFRAME_ID,
     element: iframe
-  }].forEach(({
-    id,
-    element
-  }) => {
+  }].forEach(_ref => {
+    let {
+      id,
+      element
+    } = _ref;
     const {
       style = {},
       params = {}
     } = webParameters[id];
-    element.style = {
-      ...element.style,
-      ...style
-    };
+    Object.assign(element.style, style);
     const {
       parentElement = "body",
       insertionMethod = "appendChild",
@@ -250,7 +249,9 @@ const generateWebParameters = mobileParameters => {
 };
 
 // eslint-disable-next-line default-param-last
-const displayHTMLContentInIframe = (settings = {}, interact) => {
+const displayHTMLContentInIframe = function () {
+  let settings = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let interact = arguments.length > 1 ? arguments[1] : undefined;
   dismissMessage();
   const {
     content,