@adobe/alloy 2.20.0-beta.2 → 2.20.0-beta.6

package/libEs5/components/Personalization/createHandleConsentFlicker.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.default = void 0;
+var _consentStatus = require("../../constants/consentStatus.js");
+/*
+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.
+*/
+var _default = exports.default = function _default(_ref) {
+  var showContainers = _ref.showContainers,
+    consent = _ref.consent;
+  return function () {
+    var _consent$current = consent.current(),
+      state = _consent$current.state,
+      wasSet = _consent$current.wasSet;
+    if (state === _consentStatus.OUT && wasSet) {
+      showContainers();
+    } else {
+      consent.awaitConsent().catch(showContainers);
+    }
+  };
+};

package/libEs5/components/Personalization/createNotificationHandler.js

@@ -0,0 +1,38 @@
+"use strict";
+
+exports.default = void 0;
+var _index = require("../../utils/index.js");
+/*
+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.
+*/
+var _default = exports.default = function _default(collect, renderedPropositions) {
+  return function (isRenderDecisions, isSendDisplayEvent, viewName) {
+    if (!isRenderDecisions) {
+      // If we aren't rendering anything, then we don't need to sendDisplayEvents.
+      return function () {
+        return undefined;
+      };
+    }
+    if (!isSendDisplayEvent) {
+      var renderedPropositionsDeferred = (0, _index.defer)();
+      renderedPropositions.concat(renderedPropositionsDeferred.promise);
+      return renderedPropositionsDeferred.resolve;
+    }
+    return function (decisionsMeta) {
+      if (decisionsMeta.length > 0) {
+        collect({
+          decisionsMeta: decisionsMeta,
+          viewName: viewName
+        });
+      }
+    };
+  };
+};

package/libEs5/components/Personalization/createOnClickHandler.js

@@ -0,0 +1,51 @@
+"use strict";
+
+exports.default = void 0;
+var _index = require("../../utils/index.js");
+var _eventType = require("../../constants/eventType.js");
+var _propositionEventType = require("../../constants/propositionEventType.js");
+/*
+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.
+*/
+var _default = exports.default = function _default(_ref) {
+  var mergeDecisionsMeta = _ref.mergeDecisionsMeta,
+    collectClicks = _ref.collectClicks,
+    getClickSelectors = _ref.getClickSelectors,
+    getClickMetasBySelector = _ref.getClickMetasBySelector;
+  // Called when an element qualifying for conversion within an offer is clicked.
+  return function (_ref2) {
+    var event = _ref2.event,
+      clickedElement = _ref2.clickedElement;
+    var selectors = getClickSelectors();
+    if ((0, _index.isNonEmptyArray)(selectors)) {
+      var _collectClicks = collectClicks(clickedElement, selectors, getClickMetasBySelector),
+        decisionsMeta = _collectClicks.decisionsMeta,
+        eventLabel = _collectClicks.eventLabel,
+        viewName = _collectClicks.viewName;
+      if ((0, _index.isNonEmptyArray)(decisionsMeta)) {
+        var xdm = {
+          eventType: _eventType.INTERACT
+        };
+        if (viewName) {
+          xdm.web = {
+            webPageDetails: {
+              viewName: viewName
+            }
+          };
+        }
+        event.mergeXdm(xdm);
+        mergeDecisionsMeta(event, decisionsMeta, [_propositionEventType.PropositionEventType.INTERACT], eventLabel ? {
+          label: eventLabel
+        } : undefined);
+      }
+    }
+  };
+};

package/libEs5/components/Personalization/createOnDecisionHandler.js

@@ -0,0 +1,43 @@
+"use strict";
+
+exports.default = void 0;
+/*
+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.
+*/
+var _default = exports.default = function _default(_ref) {
+  var processPropositions = _ref.processPropositions,
+    createProposition = _ref.createProposition,
+    notificationHandler = _ref.notificationHandler;
+  return function (_ref2) {
+    var renderDecisions = _ref2.renderDecisions,
+      propositions = _ref2.propositions,
+      event = _ref2.event,
+      _ref2$personalization = _ref2.personalization,
+      personalization = _ref2$personalization === void 0 ? {} : _ref2$personalization;
+    if (!renderDecisions) {
+      return Promise.resolve();
+    }
+    var _personalization$send = personalization.sendDisplayEvent,
+      sendDisplayEvent = _personalization$send === void 0 ? true : _personalization$send;
+    var viewName = event ? event.getViewName() : undefined;
+    var propositionsToExecute = propositions.map(function (proposition) {
+      return createProposition(proposition, true);
+    });
+    var _processPropositions = processPropositions(propositionsToExecute),
+      render = _processPropositions.render,
+      returnedPropositions = _processPropositions.returnedPropositions;
+    var handleNotifications = notificationHandler(renderDecisions, sendDisplayEvent, viewName);
+    render().then(handleNotifications);
+    return Promise.resolve({
+      propositions: returnedPropositions
+    });
+  };
+};

package/libEs5/components/Personalization/createPersonalizationDetails.js

@@ -0,0 +1,104 @@
+"use strict";
+
+exports.default = void 0;
+var _index = require("../../utils/index.js");
+var _surfaceUtils = require("./utils/surfaceUtils.js");
+var _pageWideScope = require("../../constants/pageWideScope.js");
+var _schema = require("../../constants/schema.js");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } /*
+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.
+*/
+var addPageWideScope = function addPageWideScope(scopes) {
+  if (!(0, _index.includes)(scopes, _pageWideScope.default)) {
+    scopes.push(_pageWideScope.default);
+  }
+};
+var addPageSurface = function addPageSurface(surfaces, getPageLocation) {
+  var pageSurface = (0, _surfaceUtils.buildPageSurface)(getPageLocation);
+  if (!(0, _index.includes)(surfaces, pageSurface)) {
+    surfaces.push(pageSurface);
+  }
+};
+var dedupe = function dedupe(array) {
+  return array.filter(function (item, pos) {
+    return array.indexOf(item) === pos;
+  });
+};
+var _default = exports.default = function _default(_ref) {
+  var getPageLocation = _ref.getPageLocation,
+    renderDecisions = _ref.renderDecisions,
+    decisionScopes = _ref.decisionScopes,
+    personalization = _ref.personalization,
+    event = _ref.event,
+    _isCacheInitialized = _ref.isCacheInitialized,
+    logger = _ref.logger;
+  var viewName = event.getViewName();
+  return {
+    isRenderDecisions: function isRenderDecisions() {
+      return renderDecisions;
+    },
+    isSendDisplayEvent: function isSendDisplayEvent() {
+      return !!personalization.sendDisplayEvent;
+    },
+    shouldIncludeRenderedPropositions: function shouldIncludeRenderedPropositions() {
+      return !!personalization.includeRenderedPropositions;
+    },
+    getViewName: function getViewName() {
+      return viewName;
+    },
+    hasScopes: function hasScopes() {
+      return decisionScopes.length > 0 || (0, _index.isNonEmptyArray)(personalization.decisionScopes);
+    },
+    hasSurfaces: function hasSurfaces() {
+      return (0, _index.isNonEmptyArray)(personalization.surfaces);
+    },
+    hasViewName: function hasViewName() {
+      return (0, _index.isNonEmptyString)(viewName);
+    },
+    createQueryDetails: function createQueryDetails() {
+      var scopes = _toConsumableArray(decisionScopes);
+      if ((0, _index.isNonEmptyArray)(personalization.decisionScopes)) {
+        scopes.push.apply(scopes, _toConsumableArray(personalization.decisionScopes));
+      }
+      var eventSurfaces = (0, _surfaceUtils.normalizeSurfaces)(personalization.surfaces, getPageLocation, logger);
+      if (this.shouldRequestDefaultPersonalization()) {
+        addPageWideScope(scopes);
+        addPageSurface(eventSurfaces, getPageLocation);
+      }
+      var schemas = [_schema.DEFAULT_CONTENT_ITEM, _schema.HTML_CONTENT_ITEM, _schema.JSON_CONTENT_ITEM, _schema.REDIRECT_ITEM, _schema.RULESET_ITEM, _schema.MESSAGE_IN_APP, _schema.MESSAGE_FEED_ITEM];
+      if ((0, _index.includes)(scopes, _pageWideScope.default)) {
+        schemas.push(_schema.DOM_ACTION);
+      }
+      return {
+        schemas: schemas,
+        decisionScopes: dedupe(scopes),
+        surfaces: dedupe(eventSurfaces)
+      };
+    },
+    isCacheInitialized: function isCacheInitialized() {
+      return _isCacheInitialized;
+    },
+    shouldFetchData: function shouldFetchData() {
+      return this.hasScopes() || this.hasSurfaces() || this.shouldRequestDefaultPersonalization();
+    },
+    shouldUseCachedData: function shouldUseCachedData() {
+      return this.hasViewName() && !this.shouldFetchData();
+    },
+    shouldRequestDefaultPersonalization: function shouldRequestDefaultPersonalization() {
+      return personalization.defaultPersonalizationEnabled || !this.isCacheInitialized() && personalization.defaultPersonalizationEnabled !== false;
+    }
+  };
+};

package/libEs5/components/Personalization/createPreprocessors.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.default = void 0;
+var _schema = require("../../constants/schema.js");
+var _remapHeadOffers = require("./dom-actions/remapHeadOffers.js");
+var _remapCustomCodeOffers = require("./dom-actions/remapCustomCodeOffers.js");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); } /*
+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.
+*/
+var _default = exports.default = function _default() {
+  return _defineProperty({}, _schema.DOM_ACTION, [_remapHeadOffers.default, _remapCustomCodeOffers.default]);
+};

package/libEs5/components/Personalization/createSetTargetMigration.js

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.default = void 0;
+var _index = require("../../utils/index.js");
+/*
+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.
+*/
+var _default = exports.default = function _default(_ref) {
+  var targetMigrationEnabled = _ref.targetMigrationEnabled;
+  if (targetMigrationEnabled) {
+    return function (request) {
+      request.getPayload().mergeMeta({
+        target: {
+          migration: true
+        }
+      });
+    };
+  }
+  return _index.noop;
+};

package/libEs5/components/Personalization/createViewCacheManager.js

@@ -0,0 +1,90 @@
+"use strict";
+
+exports.default = void 0;
+var _index = require("../../utils/index.js");
+var _defer = require("../../utils/defer.js");
+var _schema = require("../../constants/schema.js");
+var _scopeType = require("./constants/scopeType.js");
+/*
+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.
+*/
+var _default = exports.default = function _default(_ref) {
+  var createProposition = _ref.createProposition;
+  var cacheUpdateCreatedAtLeastOnce = false;
+  var viewStoragePromise = Promise.resolve({});
+  var getViewPropositions = function getViewPropositions(viewStorage, viewName) {
+    var viewPropositions = viewStorage[viewName.toLowerCase()];
+    if (viewPropositions && viewPropositions.length > 0) {
+      return viewPropositions;
+    }
+    var emptyViewProposition = createProposition({
+      scope: viewName,
+      scopeDetails: {
+        characteristics: {
+          scopeType: _scopeType.VIEW_SCOPE_TYPE
+        }
+      },
+      items: [{
+        schema: _schema.DEFAULT_CONTENT_ITEM
+      }]
+    }, false);
+    return [emptyViewProposition];
+  };
+
+  // This should be called before making the request to experience edge.
+  var createCacheUpdate = function createCacheUpdate(viewName) {
+    var updateCacheDeferred = (0, _defer.default)();
+    cacheUpdateCreatedAtLeastOnce = true;
+
+    // Additional updates will merge the new view propositions with the old.
+    // i.e. if there are new "cart" view propositions they will overwrite the
+    // old "cart" view propositions, but if there are no new "cart" view
+    // propositions the old "cart" view propositions will remain.
+    viewStoragePromise = viewStoragePromise.then(function (oldViewStorage) {
+      return updateCacheDeferred.promise.then(function (newViewStorage) {
+        return (0, _index.assign)({}, oldViewStorage, newViewStorage);
+      }).catch(function () {
+        return oldViewStorage;
+      });
+    });
+    return {
+      update: function update(viewPropositions) {
+        var viewPropositionsWithScope = viewPropositions.filter(function (proposition) {
+          return proposition.getScope();
+        });
+        var newViewStorage = (0, _index.groupBy)(viewPropositionsWithScope, function (proposition) {
+          return proposition.getScope().toLowerCase();
+        });
+        updateCacheDeferred.resolve(newViewStorage);
+        if (viewName) {
+          return getViewPropositions(newViewStorage, viewName);
+        }
+        return [];
+      },
+      cancel: function cancel() {
+        updateCacheDeferred.reject();
+      }
+    };
+  };
+  var getView = function getView(viewName) {
+    return viewStoragePromise.then(function (viewStorage) {
+      return getViewPropositions(viewStorage, viewName);
+    });
+  };
+  var isInitialized = function isInitialized() {
+    return cacheUpdateCreatedAtLeastOnce;
+  };
+  return {
+    createCacheUpdate: createCacheUpdate,
+    getView: getView,
+    isInitialized: isInitialized
+  };
+};

package/libEs5/components/Personalization/createViewChangeHandler.js

@@ -0,0 +1,45 @@
+"use strict";
+
+exports.default = void 0;
+/*
+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.
+*/
+var _default = exports.default = function _default(_ref) {
+  var processPropositions = _ref.processPropositions,
+    viewCache = _ref.viewCache;
+  return function (_ref2) {
+    var personalizationDetails = _ref2.personalizationDetails,
+      onResponse = _ref2.onResponse;
+    var returnedPropositions;
+    var returnedDecisions;
+    var viewName = personalizationDetails.getViewName();
+    onResponse(function () {
+      return {
+        propositions: returnedPropositions,
+        decisions: returnedDecisions
+      };
+    });
+    return viewCache.getView(viewName).then(function (propositions) {
+      var render;
+      if (personalizationDetails.isRenderDecisions()) {
+        var _processPropositions = processPropositions(propositions);
+        render = _processPropositions.render;
+        returnedPropositions = _processPropositions.returnedPropositions;
+        returnedDecisions = _processPropositions.returnedDecisions;
+        return render();
+      }
+      var _processPropositions2 = processPropositions([], propositions);
+      returnedPropositions = _processPropositions2.returnedPropositions;
+      returnedDecisions = _processPropositions2.returnedDecisions;
+      return [];
+    });
+  };
+};

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

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "appendHtml", {
+  enumerable: true,
+  get: function get() {
+    return _appendHtml.default;
+  }
+});
+exports.createAction = void 0;
+Object.defineProperty(exports, "insertHtmlAfter", {
+  enumerable: true,
+  get: function get() {
+    return _insertHtmlAfter.default;
+  }
+});
+Object.defineProperty(exports, "insertHtmlBefore", {
+  enumerable: true,
+  get: function get() {
+    return _insertHtmlBefore.default;
+  }
+});
+Object.defineProperty(exports, "prependHtml", {
+  enumerable: true,
+  get: function get() {
+    return _prependHtml.default;
+  }
+});
+Object.defineProperty(exports, "rearrangeChildren", {
+  enumerable: true,
+  get: function get() {
+    return _rearrangeChildren.default;
+  }
+});
+Object.defineProperty(exports, "replaceHtml", {
+  enumerable: true,
+  get: function get() {
+    return _replaceHtml.default;
+  }
+});
+Object.defineProperty(exports, "setAttributes", {
+  enumerable: true,
+  get: function get() {
+    return _setAttributes.default;
+  }
+});
+Object.defineProperty(exports, "setHtml", {
+  enumerable: true,
+  get: function get() {
+    return _setHtml.default;
+  }
+});
+Object.defineProperty(exports, "setStyles", {
+  enumerable: true,
+  get: function get() {
+    return _setStyles.default;
+  }
+});
+Object.defineProperty(exports, "setText", {
+  enumerable: true,
+  get: function get() {
+    return _setText.default;
+  }
+});
+Object.defineProperty(exports, "swapImage", {
+  enumerable: true,
+  get: function get() {
+    return _swapImage.default;
+  }
+});
+var _index = require("../../../utils/dom/index.js");
+var _index2 = require("../flicker/index.js");
+var _index3 = require("./dom/index.js");
+var _setText = require("./setText.js");
+var _setHtml = require("./setHtml.js");
+var _appendHtml = require("./appendHtml.js");
+var _prependHtml = require("./prependHtml.js");
+var _replaceHtml = require("./replaceHtml.js");
+var _insertHtmlBefore = require("./insertHtmlBefore.js");
+var _insertHtmlAfter = require("./insertHtmlAfter.js");
+var _setStyles = require("./setStyles.js");
+var _setAttributes = require("./setAttributes.js");
+var _swapImage = require("./swapImage.js");
+var _rearrangeChildren = require("./rearrangeChildren.js");
+/*
+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.
+*/
+
+var renderContent = function renderContent(elements, content, renderFunc) {
+  var executions = elements.map(function (element) {
+    return renderFunc(element, content);
+  });
+  return Promise.all(executions);
+};
+var createAction = exports.createAction = function createAction(renderFunc) {
+  return function (itemData) {
+    var selector = itemData.selector,
+      prehidingSelector = itemData.prehidingSelector,
+      content = itemData.content;
+    (0, _index2.hideElements)(prehidingSelector);
+    return (0, _index.awaitSelector)(selector, _index3.selectNodesWithEq).then(function (elements) {
+      return renderContent(elements, content, renderFunc);
+    }).then(function () {
+      // if everything is OK, show elements
+      (0, _index2.showElements)(prehidingSelector);
+    }, function (error) {
+      // in case of awaiting timing or error, we need to remove the style tag
+      // hence showing the pre-hidden elements
+      (0, _index2.showElements)(prehidingSelector);
+      throw error;
+    });
+  };
+};

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

@@ -0,0 +1,41 @@
+"use strict";
+
+exports.default = void 0;
+var _index = require("../../../utils/dom/index.js");
+var _tagName = require("../../../constants/tagName.js");
+var _elementAttribute = require("../../../constants/elementAttribute.js");
+var _index2 = require("./dom/index.js");
+/*
+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.
+*/
+
+var is = function is(element, tagName) {
+  return element.tagName === tagName;
+};
+var isInlineStyleElement = function isInlineStyleElement(element) {
+  return is(element, _tagName.STYLE) && !(0, _index2.getAttribute)(element, _elementAttribute.SRC);
+};
+var _default = exports.default = function _default(fragment) {
+  var styleNodes = (0, _index.selectNodes)(_tagName.STYLE, fragment);
+  var length = styleNodes.length;
+  var nonce = (0, _index2.getNonce)();
+  if (!nonce) {
+    return;
+  }
+  /* eslint-disable no-continue */
+  for (var i = 0; i < length; i += 1) {
+    var element = styleNodes[i];
+    if (!isInlineStyleElement(element)) {
+      continue;
+    }
+    element.nonce = nonce;
+  }
+};

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

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.default = void 0;
+var _index = require("../../../utils/dom/index.js");
+var _index2 = require("./dom/index.js");
+var _images = require("./images.js");
+var _addNonceToInlineStyleElements = require("./addNonceToInlineStyleElements.js");
+var _scripts = require("./scripts.js");
+/*
+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.
+*/
+var _default = exports.default = function _default(container, html) {
+  var fragment = (0, _index2.createFragment)(html);
+  (0, _addNonceToInlineStyleElements.default)(fragment);
+  var elements = (0, _index2.getChildNodes)(fragment);
+  var scripts = (0, _scripts.getInlineScripts)(fragment);
+  var scriptsUrls = (0, _scripts.getRemoteScriptsUrls)(fragment);
+  (0, _images.loadImages)(fragment);
+  elements.forEach(function (element) {
+    (0, _index.appendNode)(container, element);
+  });
+  (0, _scripts.executeInlineScripts)(container, scripts);
+  return (0, _scripts.executeRemoteScripts)(scriptsUrls);
+};