@adobe/alloy 2.20.0 → 2.21.0-beta.0

package/libEs6/components/Personalization/createClickStorage.js

@@ -20,7 +20,7 @@ const metasToArray = metas => {
 };
 export default (() => {
   const clickStorage = {};
-  const storeClickMetrics = ({
+  const storeClickMeta = ({
     selector,
     meta: {
       id,
@@ -43,7 +43,7 @@ export default (() => {
   const getClickSelectors = () => {
     return Object.keys(clickStorage);
   };
-  const getClickMetasBySelector = selector => {
+  const getClickMetas = selector => {
     const metas = clickStorage[selector];
     if (!metas) {
       return {};
@@ -51,8 +51,8 @@ export default (() => {
     return metasToArray(clickStorage[selector]);
   };
   return {
-    storeClickMetrics,
+    storeClickMeta,
     getClickSelectors,
-    getClickMetasBySelector
+    getClickMetas
   };
 });

package/libEs6/components/Personalization/createInteractionStorage.js

@@ -0,0 +1,85 @@
+/*
+Copyright 2020 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 default (() => {
+  const clickMetaStorage = {};
+  /*
+        clickMetaStorage example.
+        `abc' and 'def' are proposition IDs.  1 is an interact id.  The object with an id, scope and scopeDetails
+        is the notification.
+           {
+            1: {
+              "abc": { "id": "abc", "scope": "proposition", "scopeDetails": {} },
+              "def": { "id": "def", "scope": "proposition", "scopeDetails": {} }
+            }
+          }
+  */
+
+  const clickItemStorage = {};
+  /*
+        clickItemStorage example.
+        `abc' and 'def' are proposition IDs.  1 is an interact id.  The sets contain proposition-item IDs which
+        are used in notifications that are sent.
+           {
+            1: {
+              abc: new Set(["itemAAA", "itemCCC"]),
+              def: new Set(["itemEEE", "itemFFF"]),
+            },
+          }
+  */
+
+  const storeInteractionMeta = (propositionId, itemId, scopeType, notification, interactId) => {
+    // eslint-disable-next-line no-param-reassign
+    interactId = parseInt(interactId, 10);
+    if (!clickMetaStorage[interactId]) {
+      clickMetaStorage[interactId] = {};
+      clickItemStorage[interactId] = {};
+    }
+    if (!clickItemStorage[interactId][propositionId]) {
+      clickItemStorage[interactId][propositionId] = new Set();
+    }
+    clickItemStorage[interactId][propositionId].add(itemId);
+    clickMetaStorage[interactId][propositionId] = {
+      ...notification,
+      scopeType
+    };
+  };
+  const getInteractionMetas = interactIds => {
+    if (!Array.isArray(interactIds) || interactIds.length === 0) {
+      return [];
+    }
+    return Object.values(interactIds.map(value => parseInt(value, 10)).reduce((metaMap, interactId) => {
+      Object.keys(clickMetaStorage[interactId] || {}).forEach(propositionId => {
+        if (!metaMap[propositionId]) {
+          metaMap[propositionId] = {
+            proposition: clickMetaStorage[interactId][propositionId],
+            items: new Set()
+          };
+        }
+        metaMap[propositionId].items = new Set([...metaMap[propositionId].items, ...clickItemStorage[interactId][propositionId]]);
+      });
+      return metaMap;
+    }, {})).map(({
+      proposition,
+      items
+    }) => ({
+      ...proposition,
+      items: Array.from(items).map(id => ({
+        id
+      }))
+    }));
+  };
+  return {
+    storeInteractionMeta,
+    getInteractionMetas
+  };
+});

package/libEs6/components/Personalization/createOnClickHandler.js

@@ -13,40 +13,67 @@ governing permissions and limitations under the License.
 import { isNonEmptyArray } from "../../utils/index.js";
 import { INTERACT } from "../../constants/eventType.js";
 import { PropositionEventType } from "../../constants/propositionEventType.js";
+const createPropositionAction = (clickLabel, clickToken) => {
+  if (!clickToken && !clickLabel) {
+    return undefined;
+  }
+  const propositionAction = {};
+  if (clickLabel) {
+    propositionAction.label = clickLabel;
+  }
+  if (clickToken) {
+    propositionAction.tokens = [clickToken];
+  }
+  return propositionAction;
+};
 export default (({
   mergeDecisionsMeta,
+  collectInteractions,
   collectClicks,
+  getInteractionMetas,
+  getClickMetas,
   getClickSelectors,
-  getClickMetasBySelector
+  autoCollectPropositionInteractions
 }) => {
   // Called when an element qualifying for conversion within an offer is clicked.
   return ({
     event,
     clickedElement
   }) => {
-    const selectors = getClickSelectors();
-    if (isNonEmptyArray(selectors)) {
-      const {
-        decisionsMeta,
-        eventLabel,
-        viewName
-      } = collectClicks(clickedElement, selectors, getClickMetasBySelector);
-      if (isNonEmptyArray(decisionsMeta)) {
-        const xdm = {
-          eventType: INTERACT
+    const decisionsMeta = [];
+    let propositionActionLabel;
+    let propositionActionToken;
+    let viewName;
+    [collectInteractions(clickedElement, getInteractionMetas, autoCollectPropositionInteractions), collectClicks(clickedElement, getClickSelectors(), getClickMetas)].forEach(({
+      decisionsMeta: curDecisionsMeta,
+      propositionActionLabel: curPropositionActionLabel,
+      propositionActionToken: curPropositionActionToken,
+      viewName: curViewName
+    }) => {
+      Array.prototype.push.apply(decisionsMeta, curDecisionsMeta);
+      if (!propositionActionLabel && curPropositionActionLabel) {
+        propositionActionLabel = curPropositionActionLabel;
+      }
+      if (!propositionActionToken && curPropositionActionToken) {
+        propositionActionToken = curPropositionActionToken;
+      }
+      if (!viewName && curViewName) {
+        viewName = curViewName;
+      }
+    });
+    if (isNonEmptyArray(decisionsMeta)) {
+      const xdm = {
+        eventType: INTERACT
+      };
+      if (viewName) {
+        xdm.web = {
+          webPageDetails: {
+            viewName
+          }
         };
-        if (viewName) {
-          xdm.web = {
-            webPageDetails: {
-              viewName
-            }
-          };
-        }
-        event.mergeXdm(xdm);
-        mergeDecisionsMeta(event, decisionsMeta, [PropositionEventType.INTERACT], eventLabel ? {
-          label: eventLabel
-        } : undefined);
       }
+      event.mergeXdm(xdm);
+      mergeDecisionsMeta(event, decisionsMeta, [PropositionEventType.INTERACT], createPropositionAction(propositionActionLabel, propositionActionToken));
     }
   };
 });

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

@@ -24,19 +24,19 @@ export { default as setStyles } from "./setStyles.js";
 export { default as setAttributes } from "./setAttributes.js";
 export { default as swapImage } from "./swapImage.js";
 export { default as rearrangeChildren } from "./rearrangeChildren.js";
-const renderContent = (elements, content, renderFunc) => {
-  const executions = elements.map(element => renderFunc(element, content));
+const renderContent = (elements, content, decorateProposition, renderFunc) => {
+  const executions = elements.map(element => renderFunc(element, content, decorateProposition));
   return Promise.all(executions);
 };
 export const createAction = renderFunc => {
-  return itemData => {
+  return (itemData, decorateProposition) => {
     const {
       selector,
       prehidingSelector,
       content
     } = itemData;
     hideElements(prehidingSelector);
-    return awaitSelector(selector, selectNodesWithEq).then(elements => renderContent(elements, content, renderFunc)).then(() => {
+    return awaitSelector(selector, selectNodesWithEq).then(elements => renderContent(elements, content, decorateProposition, renderFunc)).then(() => {
       // if everything is OK, show elements
       showElements(prehidingSelector);
     }, error => {

package/libEs6/components/Personalization/dom-actions/appendHtml.js

@@ -14,8 +14,8 @@ import { appendNode } from "../../../utils/dom/index.js";
 import { createFragment, getChildNodes } from "./dom/index.js";
 import { loadImages } from "./images.js";
 import addNonceToInlineStyleElements from "./addNonceToInlineStyleElements.js";
-import { getInlineScripts, getRemoteScriptsUrls, executeInlineScripts, executeRemoteScripts } from "./scripts.js";
-export default ((container, html) => {
+import { executeInlineScripts, executeRemoteScripts, getInlineScripts, getRemoteScriptsUrls } from "./scripts.js";
+export default ((container, html, decorateProposition) => {
   const fragment = createFragment(html);
   addNonceToInlineStyleElements(fragment);
   const elements = getChildNodes(fragment);
@@ -25,6 +25,7 @@ export default ((container, html) => {
   elements.forEach(element => {
     appendNode(container, element);
   });
+  decorateProposition(container);
   executeInlineScripts(container, scripts);
   return executeRemoteScripts(scriptsUrls);
 });

package/libEs6/components/Personalization/dom-actions/clicks/collectClicks.js

@@ -12,7 +12,8 @@ governing permissions and limitations under the License.
 
 import matchesSelectorWithEq from "../dom/matchesSelectorWithEq.js";
 import { VIEW_SCOPE_TYPE } from "../../constants/scopeType.js";
-const getMetasIfMatches = (clickedElement, selector, getClickMetasBySelector) => {
+import { cleanMetas, dedupeMetas } from "../../utils/metaUtils.js";
+const getMetasIfMatches = (clickedElement, selector, getClickMetas) => {
   const {
     documentElement
   } = document;
@@ -20,7 +21,7 @@ const getMetasIfMatches = (clickedElement, selector, getClickMetasBySelector) =>
   let i = 0;
   while (element && element !== documentElement) {
     if (matchesSelectorWithEq(selector, element)) {
-      const matchedMetas = getClickMetasBySelector(selector);
+      const matchedMetas = getClickMetas(selector);
       const returnValue = {
         metas: matchedMetas
       };
@@ -43,19 +44,7 @@ const getMetasIfMatches = (clickedElement, selector, getClickMetasBySelector) =>
     metas: null
   };
 };
-const cleanMetas = metas => metas.map(meta => {
-  const {
-    trackingLabel,
-    scopeType,
-    ...rest
-  } = meta;
-  return rest;
-});
-const dedupMetas = metas => metas.filter((meta, index) => {
-  const stringifiedMeta = JSON.stringify(meta);
-  return index === metas.findIndex(innerMeta => JSON.stringify(innerMeta) === stringifiedMeta);
-});
-export default ((clickedElement, selectors, getClickMetasBySelector) => {
+export default ((clickedElement, selectors, getClickMetas) => {
   const result = [];
   let resultLabel = "";
   let resultLabelWeight = Number.MAX_SAFE_INTEGER;
@@ -69,7 +58,7 @@ export default ((clickedElement, selectors, getClickMetasBySelector) => {
       label,
       weight,
       viewName
-    } = getMetasIfMatches(clickedElement, selectors[i], getClickMetasBySelector);
+    } = getMetasIfMatches(clickedElement, selectors[i], getClickMetas);
     if (!metas) {
       continue;
     }
@@ -84,8 +73,9 @@ export default ((clickedElement, selectors, getClickMetasBySelector) => {
     result.push(...cleanMetas(metas));
   }
   return {
-    decisionsMeta: dedupMetas(result),
-    eventLabel: resultLabel,
+    decisionsMeta: dedupeMetas(result),
+    propositionActionLabel: resultLabel,
+    propositionActionToken: undefined,
     viewName: resultViewName
   };
 });

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

@@ -0,0 +1,74 @@
+/*
+Copyright 2019 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 { VIEW_SCOPE_TYPE } from "../../constants/scopeType.js";
+import getAttribute from "../dom/getAttribute.js";
+import { CLICK_LABEL_DATA_ATTRIBUTE, CLICK_TOKEN_DATA_ATTRIBUTE, INTERACT_ID_DATA_ATTRIBUTE } from "../../handlers/createDecorateProposition.js";
+import { cleanMetas } from "../../utils/metaUtils.js";
+import { ALWAYS, DECORATED_ELEMENTS_ONLY } from "../../../../constants/propositionInteractionType.js";
+const getInteractionDetail = clickedElement => {
+  const {
+    documentElement
+  } = document;
+  let element = clickedElement;
+  const interactIds = new Set();
+  let clickLabel;
+  let clickToken;
+  while (element && element !== documentElement) {
+    const interactId = getAttribute(element, INTERACT_ID_DATA_ATTRIBUTE);
+    if (interactId) {
+      interactIds.add(interactId);
+    }
+    clickLabel = clickLabel || getAttribute(element, CLICK_LABEL_DATA_ATTRIBUTE);
+    clickToken = clickToken || getAttribute(element, CLICK_TOKEN_DATA_ATTRIBUTE);
+    element = element.parentNode;
+  }
+  return {
+    interactIds: [...interactIds],
+    clickLabel,
+    clickToken
+  };
+};
+const extractViewName = metas => {
+  const foundMetaWithScopeTypeView = metas.find(meta => meta.scopeType === VIEW_SCOPE_TYPE);
+  return foundMetaWithScopeTypeView ? foundMetaWithScopeTypeView.scope : undefined;
+};
+const createMetaFilter = (autoCollectPropositionInteractions, clickLabel, clickToken) => meta => {
+  const {
+    scopeDetails = {}
+  } = meta;
+  const {
+    decisionProvider
+  } = scopeDetails;
+  if (autoCollectPropositionInteractions[decisionProvider] === ALWAYS) {
+    return true;
+  }
+  return autoCollectPropositionInteractions[decisionProvider] === DECORATED_ELEMENTS_ONLY && (clickLabel || clickToken);
+};
+export default ((clickedElement, getInteractionMetas, autoCollectPropositionInteractions) => {
+  const {
+    interactIds,
+    clickLabel = "",
+    clickToken
+  } = getInteractionDetail(clickedElement);
+  const metasMatchingConfigurationOptions = createMetaFilter(autoCollectPropositionInteractions, clickLabel, clickToken);
+  if (interactIds.length === 0) {
+    return {};
+  }
+  const metas = getInteractionMetas(interactIds).filter(metasMatchingConfigurationOptions);
+  return {
+    decisionsMeta: cleanMetas(metas),
+    propositionActionLabel: clickLabel,
+    propositionActionToken: clickToken,
+    viewName: extractViewName(metas)
+  };
+});

package/libEs6/components/Personalization/dom-actions/collectInteractions.js

@@ -0,0 +1,15 @@
+/*
+Copyright 2019 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 default ((container, content, decorateProposition) => {
+  decorateProposition(container);
+});

package/libEs6/components/Personalization/dom-actions/dom/isDomElement.js

@@ -0,0 +1,12 @@
+/*
+Copyright 2024 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 default (element => element instanceof Element || element instanceof HTMLDocument);

package/libEs6/components/Personalization/dom-actions/initDomActionsModules.js

@@ -11,23 +11,53 @@ governing permissions and limitations under the License.
 */
 
 import { removeNode } from "../../../utils/dom/index.js";
-import { createAction, setHtml, setText, setAttributes, swapImage, setStyles, rearrangeChildren, replaceHtml, appendHtml, prependHtml, insertHtmlAfter, insertHtmlBefore } from "./action.js";
+import setHtml from "./setHtml.js";
+import prependHtml from "./prependHtml.js";
+import { createAction } from "./action.js";
+import setText from "./setText.js";
+import setAttributes from "./setAttributes.js";
+import swapImage from "./swapImage.js";
+import setStyles from "./setStyles.js";
+import rearrangeChildren from "./rearrangeChildren.js";
+import insertHtmlAfter from "./insertHtmlAfter.js";
+import insertHtmlBefore from "./insertHtmlBefore.js";
+import replaceHtml from "./replaceHtml.js";
+import appendHtml from "./appendHtml.js";
+import collectInteractions from "./collectInteractions.js";
+export const DOM_ACTION_SET_HTML = "setHtml";
+export const DOM_ACTION_CUSTOM_CODE = "customCode";
+export const DOM_ACTION_SET_TEXT = "setText";
+export const DOM_ACTION_SET_ATTRIBUTE = "setAttribute";
+export const DOM_ACTION_SET_IMAGE_SOURCE = "setImageSource";
+export const DOM_ACTION_SET_STYLE = "setStyle";
+export const DOM_ACTION_MOVE = "move";
+export const DOM_ACTION_RESIZE = "resize";
+export const DOM_ACTION_REARRANGE = "rearrange";
+export const DOM_ACTION_REMOVE = "remove";
+export const DOM_ACTION_INSERT_AFTER = "insertAfter";
+export const DOM_ACTION_INSERT_BEFORE = "insertBefore";
+export const DOM_ACTION_REPLACE_HTML = "replaceHtml";
+export const DOM_ACTION_PREPEND_HTML = "prependHtml";
+export const DOM_ACTION_APPEND_HTML = "appendHtml";
+export const DOM_ACTION_CLICK = "click";
+export const DOM_ACTION_COLLECT_INTERACTIONS = "collectInteractions";
 export default (() => {
   return {
-    setHtml: createAction(setHtml),
-    customCode: createAction(prependHtml),
-    setText: createAction(setText),
-    setAttribute: createAction(setAttributes),
-    setImageSource: createAction(swapImage),
-    setStyle: createAction(setStyles),
-    move: createAction(setStyles),
-    resize: createAction(setStyles),
-    rearrange: createAction(rearrangeChildren),
-    remove: createAction(removeNode),
-    insertAfter: createAction(insertHtmlAfter),
-    insertBefore: createAction(insertHtmlBefore),
-    replaceHtml: createAction(replaceHtml),
-    prependHtml: createAction(prependHtml),
-    appendHtml: createAction(appendHtml)
+    [DOM_ACTION_SET_HTML]: createAction(setHtml),
+    [DOM_ACTION_CUSTOM_CODE]: createAction(prependHtml),
+    [DOM_ACTION_SET_TEXT]: createAction(setText),
+    [DOM_ACTION_SET_ATTRIBUTE]: createAction(setAttributes),
+    [DOM_ACTION_SET_IMAGE_SOURCE]: createAction(swapImage),
+    [DOM_ACTION_SET_STYLE]: createAction(setStyles),
+    [DOM_ACTION_MOVE]: createAction(setStyles),
+    [DOM_ACTION_RESIZE]: createAction(setStyles),
+    [DOM_ACTION_REARRANGE]: createAction(rearrangeChildren),
+    [DOM_ACTION_REMOVE]: createAction(removeNode),
+    [DOM_ACTION_INSERT_AFTER]: createAction(insertHtmlAfter),
+    [DOM_ACTION_INSERT_BEFORE]: createAction(insertHtmlBefore),
+    [DOM_ACTION_REPLACE_HTML]: createAction(replaceHtml),
+    [DOM_ACTION_PREPEND_HTML]: createAction(prependHtml),
+    [DOM_ACTION_APPEND_HTML]: createAction(appendHtml),
+    [DOM_ACTION_COLLECT_INTERACTIONS]: createAction(collectInteractions)
   };
 });

package/libEs6/components/Personalization/dom-actions/insertHtmlAfter.js

@@ -14,15 +14,18 @@ import { createFragment, getChildNodes, insertAfter } from "./dom/index.js";
 import { loadImages } from "./images.js";
 import addNonceToInlineStyleElements from "./addNonceToInlineStyleElements.js";
 import { getInlineScripts, getRemoteScriptsUrls, executeInlineScripts, executeRemoteScripts } from "./scripts.js";
-export default ((container, html) => {
+export default ((container, html, decorateProposition) => {
   const fragment = createFragment(html);
   addNonceToInlineStyleElements(fragment);
   const elements = getChildNodes(fragment);
   const scripts = getInlineScripts(fragment);
   const scriptsUrls = getRemoteScriptsUrls(fragment);
   loadImages(fragment);
+  let insertionPoint = container;
   elements.forEach(element => {
-    insertAfter(container, element);
+    decorateProposition(element);
+    insertAfter(insertionPoint, element);
+    insertionPoint = element;
   });
   executeInlineScripts(container, scripts);
   return executeRemoteScripts(scriptsUrls);

package/libEs6/components/Personalization/dom-actions/insertHtmlBefore.js

@@ -13,8 +13,8 @@ governing permissions and limitations under the License.
 import { createFragment, getChildNodes, insertBefore } from "./dom/index.js";
 import { loadImages } from "./images.js";
 import addNonceToInlineStyleElements from "./addNonceToInlineStyleElements.js";
-import { getInlineScripts, getRemoteScriptsUrls, executeInlineScripts, executeRemoteScripts } from "./scripts.js";
-export default ((container, html) => {
+import { executeInlineScripts, executeRemoteScripts, getInlineScripts, getRemoteScriptsUrls } from "./scripts.js";
+export default ((container, html, decorateProposition) => {
   const fragment = createFragment(html);
   addNonceToInlineStyleElements(fragment);
   const elements = getChildNodes(fragment);
@@ -22,6 +22,7 @@ export default ((container, html) => {
   const scriptsUrls = getRemoteScriptsUrls(fragment);
   loadImages(fragment);
   elements.forEach(element => {
+    decorateProposition(element);
     insertBefore(container, element);
   });
   executeInlineScripts(container, scripts);

package/libEs6/components/Personalization/dom-actions/prependHtml.js

@@ -14,8 +14,8 @@ import { appendNode } from "../../../utils/dom/index.js";
 import { createFragment, getChildNodes, getFirstChild, insertBefore } from "./dom/index.js";
 import { loadImages } from "./images.js";
 import addNonceToInlineStyleElements from "./addNonceToInlineStyleElements.js";
-import { getInlineScripts, getRemoteScriptsUrls, executeInlineScripts, executeRemoteScripts } from "./scripts.js";
-export default ((container, html) => {
+import { executeInlineScripts, executeRemoteScripts, getInlineScripts, getRemoteScriptsUrls } from "./scripts.js";
+export default ((container, html, decorateProposition) => {
   const fragment = createFragment(html);
   addNonceToInlineStyleElements(fragment);
   const elements = getChildNodes(fragment);
@@ -32,6 +32,7 @@ export default ((container, html) => {
   // We are inserting elements in reverse order
   while (i >= 0) {
     const element = elements[i];
+    decorateProposition(element);
     const firstChild = getFirstChild(container);
     if (firstChild) {
       insertBefore(firstChild, element);

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

@@ -14,7 +14,7 @@ import { getChildren, insertAfter, insertBefore } from "./dom/index.js";
 export default ((container, {
   from,
   to
-}) => {
+}, decorateProposition) => {
   const children = getChildren(container);
   const elementFrom = children[from];
   const elementTo = children[to];
@@ -28,4 +28,6 @@ export default ((container, {
   } else {
     insertBefore(elementTo, elementFrom);
   }
+  decorateProposition(elementTo);
+  decorateProposition(elementFrom);
 });

package/libEs6/components/Personalization/dom-actions/remapCustomCodeOffers.js

@@ -15,14 +15,14 @@ governing permissions and limitations under the License.
  * target offers, to align with the way it works in at.js.
  */
 import { assign } from "../../../utils/index.js";
-const ACTION_CUSTOM_CODE = "customCode";
+import { DOM_ACTION_CUSTOM_CODE } from "./initDomActionsModules.js";
 const TARGET_BODY_SELECTOR = "BODY > *:eq(0)";
 export default (action => {
   const {
     selector,
     type
   } = action;
-  if (type !== ACTION_CUSTOM_CODE) {
+  if (type !== DOM_ACTION_CUSTOM_CODE) {
     return action;
   }
   if (selector !== TARGET_BODY_SELECTOR) {

package/libEs6/components/Personalization/dom-actions/remapHeadOffers.js

@@ -22,7 +22,7 @@ import { createFragment, selectNodesWithEq } from "./dom/index.js";
 import { assign } from "../../../utils/index.js";
 import isBlankString from "../../../utils/isBlankString.js";
 import { HEAD } from "../../../constants/tagName.js";
-const APPEND_HTML = "appendHtml";
+import { DOM_ACTION_APPEND_HTML } from "./initDomActionsModules.js";
 const HEAD_TAGS_SELECTOR = "SCRIPT,LINK,STYLE";
 const filterHeadContent = content => {
   const container = createFragment(content);
@@ -45,7 +45,7 @@ export default (action => {
   if (!is(container[0], HEAD)) {
     return result;
   }
-  result.type = APPEND_HTML;
+  result.type = DOM_ACTION_APPEND_HTML;
   result.content = filterHeadContent(content);
   return result;
 });

package/libEs6/components/Personalization/dom-actions/replaceHtml.js

@@ -12,7 +12,8 @@ governing permissions and limitations under the License.
 
 import { removeNode } from "../../../utils/dom/index.js";
 import insertHtmlBefore from "./insertHtmlBefore.js";
-export default ((container, html) => {
-  insertHtmlBefore(container, html);
-  removeNode(container);
+export default ((container, html, decorateProposition) => {
+  return insertHtmlBefore(container, html, decorateProposition).then(() => {
+    removeNode(container);
+  });
 });

package/libEs6/components/Personalization/dom-actions/setAttributes.js

@@ -11,8 +11,9 @@ governing permissions and limitations under the License.
 */
 
 import { setAttribute } from "./dom/index.js";
-export default ((container, attributes) => {
+export default ((container, attributes, decorateProposition) => {
   Object.keys(attributes).forEach(key => {
     setAttribute(container, key, attributes[key]);
   });
+  decorateProposition(container);
 });

package/libEs6/components/Personalization/dom-actions/setHtml.js

@@ -18,7 +18,7 @@ const clear = container => {
   const childNodes = getChildNodes(container);
   childNodes.forEach(removeNode);
 };
-export default ((container, html) => {
+export default ((container, html, decorateProposition) => {
   clear(container);
-  appendHtml(container, html);
+  return appendHtml(container, html, decorateProposition);
 });

package/libEs6/components/Personalization/dom-actions/setStyles.js

@@ -11,7 +11,7 @@ governing permissions and limitations under the License.
 */
 
 import { setStyle } from "./dom/index.js";
-export default ((container, styles) => {
+export default ((container, styles, decorateProposition) => {
   const {
     priority,
     ...style
@@ -19,4 +19,5 @@ export default ((container, styles) => {
   Object.keys(style).forEach(key => {
     setStyle(container, key, style[key], priority);
   });
+  decorateProposition(container);
 });

package/libEs6/components/Personalization/dom-actions/setText.js

@@ -10,6 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-export default ((container, text) => {
+export default ((container, text, decorateProposition) => {
+  decorateProposition(container);
   container.textContent = text;
 });