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

package/libEs6/components/Personalization/createFetchDataHandler.js

@@ -0,0 +1,84 @@
+/*
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import { groupBy } from "../../utils/index.js";
+const DECISIONS_HANDLE = "personalization:decisions";
+export default (({
+  prehidingStyle,
+  showContainers,
+  hideContainers,
+  mergeQuery,
+  processPropositions,
+  createProposition,
+  notificationHandler,
+  consent
+}) => {
+  return ({
+    cacheUpdate,
+    personalizationDetails,
+    event,
+    onResponse
+  }) => {
+    const {
+      state,
+      wasSet
+    } = consent.current();
+    if (!(state === "out" && wasSet)) {
+      if (personalizationDetails.isRenderDecisions()) {
+        hideContainers(prehidingStyle);
+      } else {
+        showContainers();
+      }
+    }
+    mergeQuery(event, personalizationDetails.createQueryDetails());
+
+    // This needs to be called before the response so that future sendEvent calls
+    // can know to wait until this request is complete for pending display notifications.
+    const handleNotifications = notificationHandler(personalizationDetails.isRenderDecisions(), personalizationDetails.isSendDisplayEvent(), personalizationDetails.getViewName());
+    onResponse(({
+      response
+    }) => {
+      const handles = response.getPayloadsByType(DECISIONS_HANDLE);
+      const propositions = handles.map(handle => createProposition(handle));
+      const {
+        page: pagePropositions = [],
+        view: viewPropositions = [],
+        proposition: nonRenderedPropositions = []
+      } = groupBy(propositions, p => p.getScopeType());
+      const currentViewPropositions = cacheUpdate.update(viewPropositions);
+      let render;
+      let returnedPropositions;
+      let returnedDecisions;
+      if (personalizationDetails.isRenderDecisions()) {
+        ({
+          render,
+          returnedPropositions,
+          returnedDecisions
+        } = processPropositions([...pagePropositions, ...currentViewPropositions], nonRenderedPropositions));
+        render().then(handleNotifications);
+
+        // Render could take a long time especially if one of the renders
+        // is waiting for html to appear on the page. We show the containers
+        // immediately, and whatever renders quickly will not have flicker.
+        showContainers();
+      } else {
+        ({
+          returnedPropositions,
+          returnedDecisions
+        } = processPropositions([], [...pagePropositions, ...currentViewPropositions, ...nonRenderedPropositions]));
+      }
+      return {
+        propositions: returnedPropositions,
+        decisions: returnedDecisions
+      };
+    });
+  };
+});

package/libEs6/components/Personalization/createGetPageLocation.js

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

package/libEs6/components/Personalization/createHandleConsentFlicker.js

@@ -0,0 +1,26 @@
+/*
+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.
+*/
+import { OUT } from "../../constants/consentStatus.js";
+export default (({
+  showContainers,
+  consent
+}) => () => {
+  const {
+    state,
+    wasSet
+  } = consent.current();
+  if (state === OUT && wasSet) {
+    showContainers();
+  } else {
+    consent.awaitConsent().catch(showContainers);
+  }
+});

package/libEs6/components/Personalization/createNotificationHandler.js

@@ -0,0 +1,33 @@
+/*
+Copyright 2023 Adobe. All rights reserved.
+This file is licensed to you under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License. You may obtain a copy
+of the License at http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software distributed under
+the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+OF ANY KIND, either express or implied. See the License for the specific language
+governing permissions and limitations under the License.
+*/
+import { defer } from "../../utils/index.js";
+export default ((collect, renderedPropositions) => {
+  return (isRenderDecisions, isSendDisplayEvent, viewName) => {
+    if (!isRenderDecisions) {
+      // If we aren't rendering anything, then we don't need to sendDisplayEvents.
+      return () => undefined;
+    }
+    if (!isSendDisplayEvent) {
+      const renderedPropositionsDeferred = defer();
+      renderedPropositions.concat(renderedPropositionsDeferred.promise);
+      return renderedPropositionsDeferred.resolve;
+    }
+    return decisionsMeta => {
+      if (decisionsMeta.length > 0) {
+        collect({
+          decisionsMeta,
+          viewName
+        });
+      }
+    };
+  };
+});

package/libEs6/components/Personalization/createOnClickHandler.js

@@ -0,0 +1,52 @@
+/*
+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.
+*/
+
+import { isNonEmptyArray } from "../../utils/index.js";
+import { INTERACT } from "../../constants/eventType.js";
+import { PropositionEventType } from "../../constants/propositionEventType.js";
+export default (({
+  mergeDecisionsMeta,
+  collectClicks,
+  getClickSelectors,
+  getClickMetasBySelector
+}) => {
+  // 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
+        };
+        if (viewName) {
+          xdm.web = {
+            webPageDetails: {
+              viewName
+            }
+          };
+        }
+        event.mergeXdm(xdm);
+        mergeDecisionsMeta(event, decisionsMeta, [PropositionEventType.INTERACT], eventLabel ? {
+          label: eventLabel
+        } : undefined);
+      }
+    }
+  };
+});

package/libEs6/components/Personalization/createOnDecisionHandler.js

@@ -0,0 +1,42 @@
+/*
+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.
+*/
+
+export default (({
+  processPropositions,
+  createProposition,
+  notificationHandler
+}) => {
+  return ({
+    renderDecisions,
+    propositions,
+    event,
+    personalization = {}
+  }) => {
+    if (!renderDecisions) {
+      return Promise.resolve();
+    }
+    const {
+      sendDisplayEvent = true
+    } = personalization;
+    const viewName = event ? event.getViewName() : undefined;
+    const propositionsToExecute = propositions.map(proposition => createProposition(proposition, true));
+    const {
+      render,
+      returnedPropositions
+    } = processPropositions(propositionsToExecute);
+    const handleNotifications = notificationHandler(renderDecisions, sendDisplayEvent, viewName);
+    render().then(handleNotifications);
+    return Promise.resolve({
+      propositions: returnedPropositions
+    });
+  };
+});

package/libEs6/components/Personalization/createPersonalizationDetails.js

@@ -0,0 +1,94 @@
+/*
+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.
+*/
+
+import { includes, isNonEmptyString, isNonEmptyArray } from "../../utils/index.js";
+import { buildPageSurface, normalizeSurfaces } from "./utils/surfaceUtils.js";
+import PAGE_WIDE_SCOPE from "../../constants/pageWideScope.js";
+import { DEFAULT_CONTENT_ITEM, DOM_ACTION, HTML_CONTENT_ITEM, MESSAGE_IN_APP, JSON_CONTENT_ITEM, REDIRECT_ITEM, RULESET_ITEM, MESSAGE_FEED_ITEM } from "../../constants/schema.js";
+const addPageWideScope = scopes => {
+  if (!includes(scopes, PAGE_WIDE_SCOPE)) {
+    scopes.push(PAGE_WIDE_SCOPE);
+  }
+};
+const addPageSurface = (surfaces, getPageLocation) => {
+  const pageSurface = buildPageSurface(getPageLocation);
+  if (!includes(surfaces, pageSurface)) {
+    surfaces.push(pageSurface);
+  }
+};
+const dedupe = array => array.filter((item, pos) => array.indexOf(item) === pos);
+export default (({
+  getPageLocation,
+  renderDecisions,
+  decisionScopes,
+  personalization,
+  event,
+  isCacheInitialized,
+  logger
+}) => {
+  const viewName = event.getViewName();
+  return {
+    isRenderDecisions() {
+      return renderDecisions;
+    },
+    isSendDisplayEvent() {
+      return !!personalization.sendDisplayEvent;
+    },
+    shouldIncludeRenderedPropositions() {
+      return !!personalization.includeRenderedPropositions;
+    },
+    getViewName() {
+      return viewName;
+    },
+    hasScopes() {
+      return decisionScopes.length > 0 || isNonEmptyArray(personalization.decisionScopes);
+    },
+    hasSurfaces() {
+      return isNonEmptyArray(personalization.surfaces);
+    },
+    hasViewName() {
+      return isNonEmptyString(viewName);
+    },
+    createQueryDetails() {
+      const scopes = [...decisionScopes];
+      if (isNonEmptyArray(personalization.decisionScopes)) {
+        scopes.push(...personalization.decisionScopes);
+      }
+      const eventSurfaces = normalizeSurfaces(personalization.surfaces, getPageLocation, logger);
+      if (this.shouldRequestDefaultPersonalization()) {
+        addPageWideScope(scopes);
+        addPageSurface(eventSurfaces, getPageLocation);
+      }
+      const schemas = [DEFAULT_CONTENT_ITEM, HTML_CONTENT_ITEM, JSON_CONTENT_ITEM, REDIRECT_ITEM, RULESET_ITEM, MESSAGE_IN_APP, MESSAGE_FEED_ITEM];
+      if (includes(scopes, PAGE_WIDE_SCOPE)) {
+        schemas.push(DOM_ACTION);
+      }
+      return {
+        schemas,
+        decisionScopes: dedupe(scopes),
+        surfaces: dedupe(eventSurfaces)
+      };
+    },
+    isCacheInitialized() {
+      return isCacheInitialized;
+    },
+    shouldFetchData() {
+      return this.hasScopes() || this.hasSurfaces() || this.shouldRequestDefaultPersonalization();
+    },
+    shouldUseCachedData() {
+      return this.hasViewName() && !this.shouldFetchData();
+    },
+    shouldRequestDefaultPersonalization() {
+      return personalization.defaultPersonalizationEnabled || !this.isCacheInitialized() && personalization.defaultPersonalizationEnabled !== false;
+    }
+  };
+});

package/libEs6/components/Personalization/createPreprocessors.js

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

package/libEs6/components/Personalization/createSetTargetMigration.js

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

package/libEs6/components/Personalization/createViewCacheManager.js

@@ -0,0 +1,81 @@
+/*
+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.
+*/
+
+import { assign, groupBy } from "../../utils/index.js";
+import defer from "../../utils/defer.js";
+import { DEFAULT_CONTENT_ITEM } from "../../constants/schema.js";
+import { VIEW_SCOPE_TYPE } from "./constants/scopeType.js";
+export default (({
+  createProposition
+}) => {
+  let cacheUpdateCreatedAtLeastOnce = false;
+  let viewStoragePromise = Promise.resolve({});
+  const getViewPropositions = (viewStorage, viewName) => {
+    const viewPropositions = viewStorage[viewName.toLowerCase()];
+    if (viewPropositions && viewPropositions.length > 0) {
+      return viewPropositions;
+    }
+    const emptyViewProposition = createProposition({
+      scope: viewName,
+      scopeDetails: {
+        characteristics: {
+          scopeType: VIEW_SCOPE_TYPE
+        }
+      },
+      items: [{
+        schema: DEFAULT_CONTENT_ITEM
+      }]
+    }, false);
+    return [emptyViewProposition];
+  };
+
+  // This should be called before making the request to experience edge.
+  const createCacheUpdate = viewName => {
+    const updateCacheDeferred = defer();
+    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(oldViewStorage => {
+      return updateCacheDeferred.promise.then(newViewStorage => {
+        return assign({}, oldViewStorage, newViewStorage);
+      }).catch(() => oldViewStorage);
+    });
+    return {
+      update(viewPropositions) {
+        const viewPropositionsWithScope = viewPropositions.filter(proposition => proposition.getScope());
+        const newViewStorage = groupBy(viewPropositionsWithScope, proposition => proposition.getScope().toLowerCase());
+        updateCacheDeferred.resolve(newViewStorage);
+        if (viewName) {
+          return getViewPropositions(newViewStorage, viewName);
+        }
+        return [];
+      },
+      cancel() {
+        updateCacheDeferred.reject();
+      }
+    };
+  };
+  const getView = viewName => {
+    return viewStoragePromise.then(viewStorage => getViewPropositions(viewStorage, viewName));
+  };
+  const isInitialized = () => {
+    return cacheUpdateCreatedAtLeastOnce;
+  };
+  return {
+    createCacheUpdate,
+    getView,
+    isInitialized
+  };
+});

package/libEs6/components/Personalization/createViewChangeHandler.js

@@ -0,0 +1,47 @@
+/*
+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 (({
+  processPropositions,
+  viewCache
+}) => {
+  return ({
+    personalizationDetails,
+    onResponse
+  }) => {
+    let returnedPropositions;
+    let returnedDecisions;
+    const viewName = personalizationDetails.getViewName();
+    onResponse(() => {
+      return {
+        propositions: returnedPropositions,
+        decisions: returnedDecisions
+      };
+    });
+    return viewCache.getView(viewName).then(propositions => {
+      let render;
+      if (personalizationDetails.isRenderDecisions()) {
+        ({
+          render,
+          returnedPropositions,
+          returnedDecisions
+        } = processPropositions(propositions));
+        return render();
+      }
+      ({
+        returnedPropositions,
+        returnedDecisions
+      } = processPropositions([], propositions));
+      return [];
+    });
+  };
+});

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

@@ -0,0 +1,49 @@
+/*
+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 { awaitSelector } from "../../../utils/dom/index.js";
+import { hideElements, showElements } from "../flicker/index.js";
+import { selectNodesWithEq } from "./dom/index.js";
+export { default as setText } from "./setText.js";
+export { default as setHtml } from "./setHtml.js";
+export { default as appendHtml } from "./appendHtml.js";
+export { default as prependHtml } from "./prependHtml.js";
+export { default as replaceHtml } from "./replaceHtml.js";
+export { default as insertHtmlBefore } from "./insertHtmlBefore.js";
+export { default as insertHtmlAfter } from "./insertHtmlAfter.js";
+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));
+  return Promise.all(executions);
+};
+export const createAction = renderFunc => {
+  return itemData => {
+    const {
+      selector,
+      prehidingSelector,
+      content
+    } = itemData;
+    hideElements(prehidingSelector);
+    return awaitSelector(selector, selectNodesWithEq).then(elements => renderContent(elements, content, renderFunc)).then(() => {
+      // if everything is OK, show elements
+      showElements(prehidingSelector);
+    }, error => {
+      // in case of awaiting timing or error, we need to remove the style tag
+      // hence showing the pre-hidden elements
+      showElements(prehidingSelector);
+      throw error;
+    });
+  };
+};

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

@@ -0,0 +1,36 @@
+/*
+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 { selectNodes } from "../../../utils/dom/index.js";
+import { STYLE } from "../../../constants/tagName.js";
+import { SRC } from "../../../constants/elementAttribute.js";
+import { getAttribute, getNonce } from "./dom/index.js";
+const is = (element, tagName) => element.tagName === tagName;
+const isInlineStyleElement = element => is(element, STYLE) && !getAttribute(element, SRC);
+export default (fragment => {
+  const styleNodes = selectNodes(STYLE, fragment);
+  const {
+    length
+  } = styleNodes;
+  const nonce = getNonce();
+  if (!nonce) {
+    return;
+  }
+  /* eslint-disable no-continue */
+  for (let i = 0; i < length; i += 1) {
+    const element = styleNodes[i];
+    if (!isInlineStyleElement(element)) {
+      continue;
+    }
+    element.nonce = nonce;
+  }
+});

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

@@ -0,0 +1,30 @@
+/*
+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 { 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) => {
+  const fragment = createFragment(html);
+  addNonceToInlineStyleElements(fragment);
+  const elements = getChildNodes(fragment);
+  const scripts = getInlineScripts(fragment);
+  const scriptsUrls = getRemoteScriptsUrls(fragment);
+  loadImages(fragment);
+  elements.forEach(element => {
+    appendNode(container, element);
+  });
+  executeInlineScripts(container, scripts);
+  return executeRemoteScripts(scriptsUrls);
+});