@adobe/alloy 2.19.0-beta.0 → 2.19.0-beta.10

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

@@ -9,14 +9,13 @@ 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.
 */
+
 import getParent from "./getParent";
 export default ((container, element) => {
   if (!container) {
     return;
   }
-
   const parent = getParent(container);
-
   if (parent) {
     parent.insertBefore(element, container);
   }

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

@@ -9,26 +9,27 @@ 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.
 */
+
 import { matchesSelector } from "../../../../utils/dom";
 import { isNotEqSelector } from "./helperForEq";
 import { selectNodesWithEq } from "./selectNodesWithEq";
 export default ((selector, element) => {
   if (isNotEqSelector(selector)) {
     return matchesSelector(selector, element);
-  } // Using node selection vs matches selector, because of :eq()
-  // Find all nodes using document as context
-
+  }
 
+  // Using node selection vs matches selector, because of :eq()
+  // Find all nodes using document as context
   const nodes = selectNodesWithEq(selector);
-  let result = false; // Iterate through all the identified elements
-  // and reference compare with element
+  let result = false;
 
+  // Iterate through all the identified elements
+  // and reference compare with element
   for (let i = 0; i < nodes.length; i += 1) {
     if (nodes[i] === element) {
       result = true;
       break;
     }
   }
-
   return result;
 });

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

@@ -9,6 +9,7 @@ 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 default ((element, name) => {
   element.removeAttribute(name);
 });

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

@@ -9,17 +9,18 @@ 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.
 */
+
 import escape from "css.escape";
 import { selectNodes } from "../../../../utils/dom";
-import { isNotEqSelector, splitWithEq } from "./helperForEq"; // Trying to match ID or CSS class
+import { isNotEqSelector, splitWithEq } from "./helperForEq";
 
-const CSS_IDENTIFIER_PATTERN = /(#|\.)(-?\w+)/g; // Here we use CSS.escape() to make sure we get
+// Trying to match ID or CSS class
+const CSS_IDENTIFIER_PATTERN = /(#|\.)(-?\w+)/g;
+// Here we use CSS.escape() to make sure we get
 // correct values for ID and CSS class
 // Please check:  https://www.w3.org/TR/css-syntax-3/#escaping
 // CSS.escape() polyfill can be found here: https://github.com/mathiasbynens/CSS.escape
-
 const replaceIdentifier = (_, $1, $2) => `${$1}${escape($2)}`;
-
 export const escapeIdentifiersInSelector = selector => {
   return selector.replace(CSS_IDENTIFIER_PATTERN, replaceIdentifier);
 };
@@ -31,11 +32,9 @@ export const parseSelector = rawSelector => {
     length
   } = parts;
   let i = 0;
-
   while (i < length) {
     const sel = parts[i];
     const eq = parts[i + 1];
-
     if (eq) {
       result.push({
         sel,
@@ -46,25 +45,21 @@ export const parseSelector = rawSelector => {
         sel
       });
     }
-
     i += 2;
   }
-
   return result;
 };
+
 /**
  * Returns an array of matched DOM nodes.
  * @param {String} selector that contains Sizzle "eq(...)" pseudo selector
  * @returns {Array} an array of DOM nodes
  */
-
 export const selectNodesWithEq = selector => {
   const doc = document;
-
   if (isNotEqSelector(selector)) {
     return selectNodes(selector, doc);
   }
-
   const parts = parseSelector(selector);
   const {
     length
@@ -72,7 +67,6 @@ export const selectNodesWithEq = selector => {
   let result = [];
   let context = doc;
   let i = 0;
-
   while (i < length) {
     const {
       sel,
@@ -82,15 +76,12 @@ export const selectNodesWithEq = selector => {
     const {
       length: nodesCount
     } = nodes;
-
     if (nodesCount === 0) {
       break;
     }
-
     if (eq != null && eq > nodesCount - 1) {
       break;
     }
-
     if (i < length - 1) {
       if (eq == null) {
         [context] = nodes;
@@ -98,7 +89,6 @@ export const selectNodesWithEq = selector => {
         context = nodes[eq];
       }
     }
-
     if (i === length - 1) {
       if (eq == null) {
         result = nodes;
@@ -106,9 +96,7 @@ export const selectNodesWithEq = selector => {
         result = [nodes[eq]];
       }
     }
-
     i += 1;
   }
-
   return result;
 };

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

@@ -9,6 +9,7 @@ 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 default ((element, name, value) => {
   element.setAttribute(name, value);
 });

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

@@ -9,14 +9,13 @@ 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 default ((element, name, value, priority) => {
   let css;
-
   if (priority) {
     css = `${name}:${value} !${priority};`;
   } else {
     css = `${name}:${value};`;
   }
-
   element.style.cssText += `;${css}`;
 });

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

@@ -9,6 +9,7 @@ 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.
 */
+
 import { createNode, selectNodes } from "../../../utils/dom";
 import { IMG } from "../../../constants/tagName";
 import { SRC } from "../../../constants/elementAttribute";
@@ -23,7 +24,6 @@ export const loadImages = fragment => {
   const images = selectNodes(IMG, fragment);
   images.forEach(image => {
     const url = getAttribute(image, SRC);
-
     if (url) {
       loadImage(url);
     }

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

@@ -9,4 +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 { default as initDomActionsModules } from "./initDomActionsModules";

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

@@ -9,6 +9,7 @@ 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.
 */
+
 import { removeNode } from "../../../utils/dom";
 import { createAction, setHtml, setText, setAttributes, swapImage, setStyles, rearrangeChildren, replaceHtml, appendHtml, prependHtml, insertHtmlAfter, insertHtmlBefore } from "./action";
 export default (() => {

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

@@ -9,6 +9,7 @@ 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.
 */
+
 import { createFragment, getChildNodes, insertAfter } from "./dom";
 import { loadImages } from "./images";
 import addNonceToInlineStyleElements from "./addNonceToInlineStyleElements";

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

@@ -9,6 +9,7 @@ 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.
 */
+
 import { createFragment, getChildNodes, insertBefore } from "./dom";
 import { loadImages } from "./images";
 import addNonceToInlineStyleElements from "./addNonceToInlineStyleElements";

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

@@ -9,6 +9,7 @@ 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.
 */
+
 import { appendNode } from "../../../utils/dom";
 import { createFragment, getChildNodes, getFirstChild, insertBefore } from "./dom";
 import { loadImages } from "./images";
@@ -23,23 +24,22 @@ export default ((container, html) => {
   const {
     length
   } = elements;
-  let i = length - 1; // We have to proactively load images to avoid flicker
+  let i = length - 1;
 
-  loadImages(fragment); // We are inserting elements in reverse order
+  // We have to proactively load images to avoid flicker
+  loadImages(fragment);
 
+  // We are inserting elements in reverse order
   while (i >= 0) {
     const element = elements[i];
     const firstChild = getFirstChild(container);
-
     if (firstChild) {
       insertBefore(firstChild, element);
     } else {
       appendNode(container, element);
     }
-
     i -= 1;
   }
-
   executeInlineScripts(container, scripts);
   return executeRemoteScripts(scriptsUrls);
 });

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

@@ -9,6 +9,7 @@ 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.
 */
+
 import { getChildren, insertAfter, insertBefore } from "./dom";
 export default ((container, {
   from,
@@ -17,13 +18,11 @@ export default ((container, {
   const children = getChildren(container);
   const elementFrom = children[from];
   const elementTo = children[to];
-
   if (!elementFrom || !elementTo) {
     // TODO: We will need to add logging
     // to ease troubleshooting
     return;
   }
-
   if (from < to) {
     insertAfter(elementTo, elementFrom);
   } else {

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

@@ -22,15 +22,12 @@ export default (action => {
     selector,
     type
   } = action;
-
   if (type !== ACTION_CUSTOM_CODE) {
     return action;
   }
-
   if (selector !== TARGET_BODY_SELECTOR) {
     return action;
   }
-
   return assign({}, action, {
     selector: "BODY"
   });

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

@@ -15,6 +15,7 @@ governing permissions and limitations under the License.
  * to be applied to page HEAD, to align with the way it works in at.js.
  * Offer content should also be filtered, so that only tags allowed in HEAD are preserved.
  */
+
 import { selectNodes } from "../../../utils/dom";
 import { is } from "./scripts";
 import { createFragment, selectNodesWithEq } from "./dom";
@@ -23,34 +24,27 @@ import isBlankString from "../../../utils/isBlankString";
 import { HEAD } from "../../../constants/tagName";
 const APPEND_HTML = "appendHtml";
 const HEAD_TAGS_SELECTOR = "SCRIPT,LINK,STYLE";
-
 const filterHeadContent = content => {
   const container = createFragment(content);
   const headNodes = selectNodes(HEAD_TAGS_SELECTOR, container);
   return headNodes.map(node => node.outerHTML).join("");
 };
-
 export default (action => {
   const result = assign({}, action);
   const {
     content,
     selector
   } = result;
-
   if (isBlankString(content)) {
     return result;
   }
-
   if (selector == null) {
     return result;
   }
-
   const container = selectNodesWithEq(selector);
-
   if (!is(container[0], HEAD)) {
     return result;
   }
-
   result.type = APPEND_HTML;
   result.content = filterHeadContent(content);
   return result;

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

@@ -9,6 +9,7 @@ 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.
 */
+
 import { removeNode } from "../../../utils/dom";
 import insertHtmlBefore from "./insertHtmlBefore";
 export default ((container, html) => {

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

@@ -9,17 +9,15 @@ 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.
 */
+
 import loadScript from "@adobe/reactor-load-script";
 import { selectNodes, createNode } from "../../../utils/dom";
 import { SCRIPT } from "../../../constants/tagName";
 import { SRC } from "../../../constants/elementAttribute";
 import { getAttribute, getNonce } from "./dom";
 export const is = (element, tagName) => !!element && element.tagName === tagName;
-
 const isInlineScript = element => is(element, SCRIPT) && !getAttribute(element, SRC);
-
 const isRemoteScript = element => is(element, SCRIPT) && getAttribute(element, SRC);
-
 export const getInlineScripts = fragment => {
   const scripts = selectNodes(SCRIPT, fragment);
   const result = [];
@@ -27,34 +25,30 @@ export const getInlineScripts = fragment => {
     length
   } = scripts;
   const nonce = getNonce();
-  const attributes = { ...(nonce && {
+  const attributes = {
+    ...(nonce && {
       nonce
     })
   };
-  /* eslint-disable no-continue */
 
+  /* eslint-disable no-continue */
   for (let i = 0; i < length; i += 1) {
     const element = scripts[i];
-
     if (!isInlineScript(element)) {
       continue;
     }
-
     const {
       textContent
     } = element;
-
     if (!textContent) {
       continue;
     }
-
     result.push(createNode(SCRIPT, attributes, {
       textContent
     }));
   }
   /* eslint-enable no-continue */
 
-
   return result;
 };
 export const getRemoteScriptsUrls = fragment => {
@@ -63,26 +57,21 @@ export const getRemoteScriptsUrls = fragment => {
   const {
     length
   } = scripts;
-  /* eslint-disable no-continue */
 
+  /* eslint-disable no-continue */
   for (let i = 0; i < length; i += 1) {
     const element = scripts[i];
-
     if (!isRemoteScript(element)) {
       continue;
     }
-
     const url = getAttribute(element, SRC);
-
     if (!url) {
       continue;
     }
-
     result.push(url);
   }
   /* eslint-enable no-continue */
 
-
   return result;
 };
 export const executeInlineScripts = (parent, scripts) => {

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

@@ -9,6 +9,7 @@ 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.
 */
+
 import { setAttribute } from "./dom";
 export default ((container, attributes) => {
   Object.keys(attributes).forEach(key => {

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

@@ -9,16 +9,15 @@ 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.
 */
+
 import { removeNode } from "../../../utils/dom";
 import { getChildNodes } from "./dom";
 import appendHtml from "./appendHtml";
-
 const clear = container => {
   // We want to remove ALL nodes, text, comments etc
   const childNodes = getChildNodes(container);
   childNodes.forEach(removeNode);
 };
-
 export default ((container, html) => {
   clear(container);
   appendHtml(container, html);

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

@@ -9,6 +9,7 @@ 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.
 */
+
 import { setStyle } from "./dom";
 export default ((container, styles) => {
   const {

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

@@ -9,6 +9,7 @@ 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 default ((container, text) => {
   container.textContent = text;
 });

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

@@ -9,18 +9,21 @@ 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.
 */
+
 import { SRC } from "../../../constants/elementAttribute";
 import { setAttribute, removeAttribute } from "./dom";
 import { isImage, loadImage } from "./images";
 export default ((container, url) => {
   if (!isImage(container)) {
     return;
-  } // Start downloading the image
-
+  }
 
-  loadImage(url); // Remove "src" so there is no flicker
+  // Start downloading the image
+  loadImage(url);
 
-  removeAttribute(container, SRC); // Replace the image "src"
+  // Remove "src" so there is no flicker
+  removeAttribute(container, SRC);
 
+  // Replace the image "src"
   setAttribute(container, SRC, url);
 });

package/libEs6/components/Personalization/event.js

@@ -9,9 +9,10 @@ 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.
 */
+
 const EVENT_TYPE_TRUE = 1;
-/* eslint-disable no-underscore-dangle */
 
+/* eslint-disable no-underscore-dangle */
 export const mergeDecisionsMeta = (event, decisionsMeta, eventType, eventLabel = "") => {
   const xdm = {
     _experience: {
@@ -23,18 +24,17 @@ export const mergeDecisionsMeta = (event, decisionsMeta, eventType, eventLabel =
       }
     }
   };
-
   if (eventLabel) {
     xdm._experience.decisioning.propositionAction = {
       label: eventLabel
     };
   }
-
   event.mergeXdm(xdm);
 };
 export const mergeQuery = (event, details) => {
   event.mergeQuery({
-    personalization: { ...details
+    personalization: {
+      ...details
     }
   });
 };

package/libEs6/components/Personalization/flicker/index.js

@@ -9,13 +9,15 @@ 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.
 */
+
 import { createNode, appendNode, removeNode } from "../../../utils/dom";
 import { STYLE } from "../../../constants/tagName";
 import { getElementById, getNonce } from "../dom-actions/dom";
 const PREHIDING_ID = "alloy-prehiding";
-const HIDING_STYLE_DEFINITION = "{ visibility: hidden }"; // Using global is OK since we have a single DOM
-// so storing nodes even for multiple Alloy instances is fine
+const HIDING_STYLE_DEFINITION = "{ visibility: hidden }";
 
+// Using global is OK since we have a single DOM
+// so storing nodes even for multiple Alloy instances is fine
 const styleNodes = {};
 export const hideElements = prehidingSelector => {
   // if we have different events with the same
@@ -24,9 +26,9 @@ export const hideElements = prehidingSelector => {
   if (styleNodes[prehidingSelector]) {
     return;
   }
-
   const nonce = getNonce();
-  const attrs = { ...(nonce && {
+  const attrs = {
+    ...(nonce && {
       nonce
     })
   };
@@ -39,7 +41,6 @@ export const hideElements = prehidingSelector => {
 };
 export const showElements = prehidingSelector => {
   const node = styleNodes[prehidingSelector];
-
   if (node) {
     removeNode(node);
     delete styleNodes[prehidingSelector];
@@ -48,17 +49,15 @@ export const showElements = prehidingSelector => {
 export const hideContainers = prehidingStyle => {
   if (!prehidingStyle) {
     return;
-  } // If containers prehiding style has been added
+  }
+
+  // If containers prehiding style has been added
   // by customer's prehiding snippet we don't
   // want to add the same node
-
-
   const node = getElementById(PREHIDING_ID);
-
   if (node) {
     return;
   }
-
   const nonce = getNonce();
   const attrs = {
     id: PREHIDING_ID,
@@ -76,10 +75,8 @@ export const showContainers = () => {
   // If containers prehiding style exists
   // we will remove it
   const node = getElementById(PREHIDING_ID);
-
   if (!node) {
     return;
   }
-
   removeNode(node);
 };