@adobe/alloy 2.34.1 → 2.34.2-beta.1

package/dist/types/browser/src/components/Advertising/index.d.ts

@@ -1,11 +1,12 @@
 export default createAdvertising;
-declare function createAdvertising({ logger, config, eventManager, sendEdgeNetworkRequest, consent, getBrowser, }: {
+declare function createAdvertising({ logger, config, eventManager, sendEdgeNetworkRequest, consent, getBrowser, platformServices, }: {
     logger: any;
     config: any;
     eventManager: any;
     sendEdgeNetworkRequest: any;
     consent: any;
     getBrowser: any;
+    platformServices: any;
 }): {
     lifecycle: {
         onComponentsRegistered(): void;

package/dist/types/browser/src/components/Advertising/utils/advertisingCookieManager.d.ts

@@ -1,6 +1,7 @@
-declare function _default({ orgId, logger }: {
+declare function _default({ orgId, logger, cookieJar }: {
     orgId: any;
     logger: any;
+    cookieJar: any;
 }): {
     setValue: (key: any, value: any, options?: {}) => boolean;
     getValue: (key: any) => any;

package/dist/types/browser/src/components/PushNotifications/index.d.ts

@@ -4,16 +4,16 @@ export default createPushNotifications;
  *
  * @param {Object} options
  * @param {{ orgId: string, datastreamId: string, edgeDomain: string, edgeBasePath: string, pushNotifications: { vapidPublicKey: string, appId: string, trackingDatasetId: string }}} options.config
- * @param {StorageCreator} options.createNamespacedStorage
  * @param {EventManager} options.eventManager
  * @param {Logger} options.logger
  * @param {ConsentManager} options.consent
  * @param {IdentityManager} options.identity
  * @param {function(): string} options.getBrowser
  * @param {EdgeRequestExecutor} options.sendEdgeNetworkRequest
+ * @param {PlatformServices} options.platformServices
  * @returns {{ lifecycle: object, commands: { sendPushSubscription: object } }}
  */
-declare function createPushNotifications({ createNamespacedStorage, eventManager, config, logger, consent, identity, getBrowser, sendEdgeNetworkRequest, }: {
+declare function createPushNotifications({ eventManager, config, logger, consent, identity, getBrowser, sendEdgeNetworkRequest, platformServices, }: {
     config: {
         orgId: string;
         datastreamId: string;
@@ -25,13 +25,13 @@ declare function createPushNotifications({ createNamespacedStorage, eventManager
             trackingDatasetId: string;
         };
     };
-    createNamespacedStorage: StorageCreator;
     eventManager: EventManager;
     logger: Logger;
     consent: ConsentManager;
     identity: IdentityManager;
     getBrowser: () => string;
     sendEdgeNetworkRequest: EdgeRequestExecutor;
+    platformServices: PlatformServices;
 }): {
     lifecycle: object;
     commands: {
@@ -42,9 +42,9 @@ declare namespace createPushNotifications {
     let namespace: string;
     let configValidators: Function;
 }
-import type { StorageCreator } from '@adobe/alloy-core/utils/types.js';
 import type { EventManager } from '@adobe/alloy-core/core/types.js';
 import type { Logger } from '@adobe/alloy-core/core/types.js';
 import type { ConsentManager } from '@adobe/alloy-core/core/consent/types.js';
 import type { IdentityManager } from '@adobe/alloy-core/core/identity/types.js';
 import type { EdgeRequestExecutor } from '@adobe/alloy-core/core/edgeNetwork/types.js';
+import type { PlatformServices } from '@adobe/alloy-core/services';

package/dist/types/browser/src/index.d.ts

@@ -1,5 +1,6 @@
-export function createCustomInstance({ components, ...options }?: {
+export function createCustomInstance({ components, monitors, ...options }?: {
     components?: never[] | undefined;
+    monitors?: never[] | undefined;
 }): (commandName: string, options?: Object) => Promise<any>;
 export function createInstance(options?: {}): (commandName: string, options?: Object) => Promise<any>;
 export { allOptionalComponents as components };

package/dist/types/browser/src/services/createBrowserGlobalsService.d.ts

@@ -1,5 +1,4 @@
 export default createBrowserGlobalsService;
-/** @import { GlobalsService } from "@adobe/alloy-core/services" */
 /** @returns {GlobalsService} */
 declare function createBrowserGlobalsService(): GlobalsService;
 import type { GlobalsService } from "@adobe/alloy-core/services";

package/dist/types/browser/src/services/createBrowserNetworkService.d.ts

@@ -1,6 +1,6 @@
 export default createBrowserNetworkService;
 /**
- * @param {{ logger: import('@adobe/alloy-core/core/types.js').Logger }} dependencies
+ * @param {{ logger: import("@adobe/alloy-core/core/types.js").Logger }} params
  * @returns {NetworkService}
  */
 declare function createBrowserNetworkService({ logger }: {

package/dist/types/browser/src/services/createBrowserPlatformServices.d.ts

@@ -1,9 +1,6 @@
 export default createBrowserPlatformServices;
 /**
- * @param {{ logger: import('@adobe/alloy-core/core/types.js').Logger }} dependencies
  * @returns {PlatformServices}
  */
-declare function createBrowserPlatformServices({ logger }: {
-    logger: import("@adobe/alloy-core/core/types.js").Logger;
-}): PlatformServices;
+declare function createBrowserPlatformServices(): PlatformServices;
 import type { PlatformServices } from "@adobe/alloy-core/services";

package/dist/types/core/src/components/Audiences/index.d.ts

@@ -1,7 +1,8 @@
 export default createAudiences;
-declare function createAudiences({ logger, fireReferrerHideableImage }: {
+declare function createAudiences({ logger, fireReferrerHideableImage, platformServices, }: {
     logger: any;
     fireReferrerHideableImage: any;
+    platformServices: any;
 }): {
     lifecycle: {
         onResponse: ({ response }: {

package/dist/types/core/src/components/BrandConcierge/createSendConversationEvent.d.ts

@@ -1,4 +1,4 @@
-declare function _default({ eventManager, config, logger, sendConversationServiceRequest, buildEndpointUrl, cookieTransfer, createResponse, decodeKndctrCookie, lifecycle, consent, session, }: {
+declare function _default({ eventManager, config, logger, sendConversationServiceRequest, buildEndpointUrl, cookieTransfer, createResponse, decodeKndctrCookie, lifecycle, consent, session, getPageLocation, }: {
     eventManager: any;
     config: any;
     logger: any;
@@ -10,5 +10,6 @@ declare function _default({ eventManager, config, logger, sendConversationServic
     lifecycle: any;
     consent: any;
     session: any;
+    getPageLocation: any;
 }): (options: any) => any;
 export default _default;

package/dist/types/core/src/components/BrandConcierge/index.d.ts

@@ -1,5 +1,5 @@
 export default createConciergeComponent;
-declare function createConciergeComponent({ loggingCookieJar, logger, eventManager, consent, instanceName, sendEdgeNetworkRequest, config, lifecycle, cookieTransfer, createResponse, }: {
+declare function createConciergeComponent({ loggingCookieJar, logger, eventManager, consent, instanceName, sendEdgeNetworkRequest, config, lifecycle, cookieTransfer, createResponse, platformServices, }: {
     loggingCookieJar: any;
     logger: any;
     eventManager: any;
@@ -10,6 +10,7 @@ declare function createConciergeComponent({ loggingCookieJar, logger, eventManag
     lifecycle: any;
     cookieTransfer: any;
     createResponse: any;
+    platformServices: any;
 }): {
     lifecycle: {
         onBeforeEvent({ event }: {

package/dist/types/core/src/components/BrandConcierge/utils.d.ts

@@ -1,4 +1,4 @@
-export function getPageSurface(): string;
+export function getPageSurface(getLocation: any): string;
 export function getConciergeSessionCookie({ loggingCookieJar, config }: {
     loggingCookieJar: any;
     config: any;

package/dist/types/core/src/components/Consent/createConsentHashStore.d.ts

@@ -3,8 +3,8 @@ declare function _default({ storage }: {
 }): {
     clear(): void;
     lookup(consentObjects: any): {
-        isNew(): any;
-        save(): void;
+        isNew(): Promise<boolean>;
+        save(): Promise<void>;
     };
 };
 export default _default;

package/dist/types/core/src/components/Consent/index.d.ts

@@ -1,9 +1,9 @@
 export default createConsent;
-declare function createConsent({ config, consent, sendEdgeNetworkRequest, createNamespacedStorage, }: {
+declare function createConsent({ config, consent, sendEdgeNetworkRequest, platformServices, }: {
     config: any;
     consent: any;
     sendEdgeNetworkRequest: any;
-    createNamespacedStorage: any;
+    platformServices: any;
 }): {
     commands: {
         setConsent: {

package/dist/types/core/src/components/Identity/index.d.ts

@@ -1,5 +1,5 @@
 export default createIdentity;
-declare function createIdentity({ config, logger, consent, fireReferrerHideableImage, sendEdgeNetworkRequest, apexDomain, getBrowser, identity, }: {
+declare function createIdentity({ config, logger, consent, fireReferrerHideableImage, sendEdgeNetworkRequest, apexDomain, getBrowser, identity, platformServices, }: {
     config: any;
     logger: any;
     consent: any;
@@ -8,6 +8,7 @@ declare function createIdentity({ config, logger, consent, fireReferrerHideableI
     apexDomain: any;
     getBrowser: any;
     identity: any;
+    platformServices: any;
 }): {
     lifecycle: {
         onBeforeRequest({ request, onResponse, onRequestFailure }: {

package/dist/types/core/src/components/RulesEngine/createContextProvider.d.ts

@@ -1,6 +1,6 @@
-declare function _default({ eventRegistry, window, getBrowser }: {
+declare function _default({ eventRegistry, getWindowContext, getBrowser }: {
     eventRegistry: any;
-    window: any;
+    getWindowContext: any;
     getBrowser: any;
 }): {
     getContext: (addedContext?: {}) => any;

package/dist/types/core/src/components/RulesEngine/index.d.ts

@@ -1,11 +1,11 @@
 export default createRulesEngine;
-declare function createRulesEngine({ config, eventManager, createNamespacedStorage, consent, getBrowser, logger, }: {
+declare function createRulesEngine({ config, eventManager, consent, getBrowser, logger, platformServices, }: {
     config: any;
     eventManager: any;
-    createNamespacedStorage: any;
     consent: any;
     getBrowser: any;
     logger: any;
+    platformServices: any;
 }): {
     lifecycle: {
         onDecision({ propositions }: {

package/dist/types/core/src/components/RulesEngine/utils/storage.d.ts

@@ -1,4 +1,4 @@
-export function createRestoreStorage(storage: any, storageKey: any): (defaultValue: any) => any[];
+export function createRestoreStorage(storage: any, storageKey: any): (defaultValue: any) => Promise<any[]>;
 export function createSaveStorage(storage: any, storageKey: any): (value: any) => void;
 export function createInMemoryStorage(): {
     getItem: (key: any) => any;

package/dist/types/core/src/core/createLogController.d.ts

@@ -1,12 +1,12 @@
-declare function _default({ console, createLogger, instanceName, createNamespacedStorage, getMonitors, }: {
+declare function _default({ console, createLogger, instanceName, getMonitors, storage, }: {
     console: any;
     createLogger: any;
     instanceName: any;
-    createNamespacedStorage: any;
     getMonitors: any;
+    storage: any;
 }): {
-    setDebugEnabled: (value: any, { fromConfig }: {
-        fromConfig: any;
+    setDebugEnabled: (value: any, { fromConfig }?: {
+        fromConfig?: boolean | undefined;
     }) => void;
     logger: any;
     createComponentLogger(componentName: any): any;

package/dist/types/core/src/core/index.d.ts

@@ -2,7 +2,5 @@ export function createExecuteCommand({ instanceName, monitors, components, creat
     instanceName: string;
     monitors?: import("./types.js").AlloyMonitor[] | undefined;
     components: Array<Function>;
-    createPlatformServices: (deps: {
-        logger: import("./types.js").Logger;
-    }) => import("../services/index.js").PlatformServices;
+    createPlatformServices: () => import("../services/index.js").PlatformServices;
 }): (commandName: any, options?: {}) => Promise<any>;

package/dist/types/core/src/index.d.ts

@@ -7,8 +7,5 @@ export function createInstance(options?: {
     name?: string | undefined;
     monitors?: import("./core/types.js").AlloyMonitor[] | undefined;
 }, createPlatformServices?: CreatePlatformServices): (commandName: string, options?: Object) => Promise<any>;
-export type CreatePlatformServices = (deps: {
-    logger: Logger;
-}) => PlatformServices;
-import type { Logger } from './core/types.js';
+export type CreatePlatformServices = () => PlatformServices;
 import type { PlatformServices } from './services/index.js';

package/dist/types/core/src/services/types.d.ts

@@ -11,8 +11,7 @@ export type NetworkService = {
      */
     sendFetchRequest: SendFetchRequest;
     /**
-     *   May fall back to `sendFetchRequest` when the underlying transport is
-     *   unavailable.
+     *   Falls back to `sendFetchRequest` when the underlying transport is unavailable.
      */
     sendBeaconRequest: SendBeaconRequest;
 };
@@ -42,6 +41,7 @@ export type CookieConverter = {
 };
 export type CookieService = {
     get: (name: string) => (string | undefined);
+    getAll: () => Record<string, string>;
     set: (name: string, value: string, options?: CookieAttributes) => (string | undefined);
     remove: (name: string, options?: CookieAttributes) => void;
     withConverter: (converter: CookieConverter) => CookieService;
@@ -73,16 +73,36 @@ export type LegacyService = {
         logger: import("../core/types.js").Logger;
     }) => Promise<void>;
 };
+export type WindowContext = {
+    title: string;
+    url: string;
+    referrer: string;
+    height: number;
+    width: number;
+    scrollY: number;
+    scrollX: number;
+};
 export type GlobalsService = {
     getInstanceNames: () => string[];
     getInstanceQueue: (instanceName: string) => any[];
     getMonitors: () => import("../core/types.js").AlloyMonitor[];
     getLocationSearch: () => string;
+    getLocationHash: () => string;
     getUserAgent: () => string;
     getHostname: () => string;
+    getPageLocation: () => {
+        host: string;
+        pathname: string;
+    };
+    isPageSsl: () => boolean;
+    fireReferrerHideableImage: (request: {
+        hideReferrer: boolean;
+        url: string;
+    }) => Promise<void>;
+    getWindowContext: () => WindowContext;
 };
 export type PlatformServices = {
-    network: NetworkService;
+    createNetworkService: (logger: import("../core/types.js").Logger) => NetworkService;
     storage: StorageService;
     cookie: CookieService;
     runtime: RuntimeService;

package/dist/types/core/src/utils/index.d.ts

@@ -1,6 +1,5 @@
 export { default as assignConcatArrayValues } from "./assignConcatArrayValues.js";
 export { default as clone } from "./clone.js";
-export { default as cookieJar } from "./cookieJar.js";
 export { default as createMerger } from "./createMerger.js";
 export { default as createCallbackAggregator } from "./createCallbackAggregator.js";
 export { default as createLoggingCookieJar } from "./createLoggingCookieJar.js";
@@ -8,8 +7,8 @@ export { default as createTaskQueue } from "./createTaskQueue.js";
 export { default as defer } from "./defer.js";
 export { default as deduplicateArray } from "./deduplicateArray.js";
 export { default as deepAssign } from "./deepAssign.js";
-export { default as fireImage } from "./fireImage.js";
-export { default as injectFireReferrerHideableImage } from "./injectFireReferrerHideableImage.js";
+export { default as fireImage } from "./dom/fireImage.js";
+export { default as injectFireReferrerHideableImage } from "./dom/injectFireReferrerHideableImage.js";
 export { default as filterObject } from "./filterObject.js";
 export { default as fnv1a32Hex } from "./fnv1a32Hex.js";
 export { default as getApexDomain } from "./getApexDomain.js";

package/dist/types/core/src/utils/injectDoesIdentityCookieExist.d.ts

@@ -1,4 +1,5 @@
-declare function _default({ orgId }: {
+declare function _default({ orgId, cookieJar }: {
     orgId: any;
+    cookieJar: any;
 }): () => boolean;
 export default _default;

package/dist/types/core/src/utils/request/createGetAssuranceValidationTokenParams.d.ts

@@ -1,5 +1,5 @@
-declare function _default({ getLocationSearch, createNamespacedStorage }: {
+declare function _default({ getLocationSearch, storage }: {
     getLocationSearch: any;
-    createNamespacedStorage: any;
+    storage: any;
 }): () => string;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adobe/alloy",
-  "version": "2.34.1",
+  "version": "2.34.2-beta.1",
   "description": "Adobe Experience Platform Web SDK",
   "type": "module",
   "repository": {
@@ -60,6 +60,7 @@
     "./components.json": "./components.json"
   },
   "dependencies": {
+    "js-cookie": "3.0.7",
     "@inquirer/prompts": "^7.9.0",
     "@rollup/plugin-commonjs": "^29.0.2",
     "@rollup/plugin-node-resolve": "^16.0.3",
@@ -68,7 +69,7 @@
     "commander": "^14.0.2",
     "rollup": "^4.60.3",
     "rollup-plugin-license": "^3.7.1",
-    "@adobe/alloy-core": "^1.2.1"
+    "@adobe/alloy-core": "^1.2.2-beta.0"
   },
   "devDependencies": {
     "glob": "^13.0.6",

package/src/components/Advertising/index.js

@@ -40,11 +40,13 @@ const createAdvertising = ({
   sendEdgeNetworkRequest,
   consent,
   getBrowser,
+  platformServices,
 }) => {
   const componentConfig = config.advertising;
   const cookieManager = createCookieManager({
     orgId: config.orgId,
     logger,
+    cookieJar: platformServices.cookie,
   });
 
   // One shared iframe call — both collectSurferId and hashedIpHandler use it

package/src/components/Advertising/utils/advertisingCookieManager.js

@@ -10,7 +10,7 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-import { getNamespacedCookieName, cookieJar } from "@adobe/alloy-core/utils";
+import { getNamespacedCookieName } from "@adobe/alloy-core/utils";
 import createLoggingCookieJar from "@adobe/alloy-core/utils/createLoggingCookieJar.js";
 import {
   ADVERTISING_COOKIE_KEY,
@@ -18,7 +18,7 @@ import {
   DEFAULT_THROTTLE_MINUTES,
 } from "../constants/index.js";
 
-export default ({ orgId, logger }) => {
+export default ({ orgId, logger, cookieJar }) => {
   const loggingCookieJar = createLoggingCookieJar({ logger, cookieJar });
 
   const getCookieName = (key, useNamespace = true) =>

package/src/components/PushNotifications/index.js

@@ -10,11 +10,11 @@ OF ANY KIND, either express or implied. See the License for the specific languag
 governing permissions and limitations under the License.
 */
 
-/** @import { StorageCreator } from '@adobe/alloy-core/utils/types.js' */
 /** @import { EventManager, Logger } from '@adobe/alloy-core/core/types.js' */
 /** @import { IdentityManager } from '@adobe/alloy-core/core/identity/types.js' */
 /** @import { ConsentManager } from '@adobe/alloy-core/core/consent/types.js' */
 /** @import { EdgeRequestExecutor } from '@adobe/alloy-core/core/edgeNetwork/types.js' */
+/** @import { PlatformServices } from '@adobe/alloy-core/services' */
 
 import { objectOf, string } from "@adobe/alloy-core/utils/validation";
 import { sanitizeOrgIdForCookieName } from "@adobe/alloy-core/utils";
@@ -35,17 +35,16 @@ const isComponentConfigured = ({
  *
  * @param {Object} options
  * @param {{ orgId: string, datastreamId: string, edgeDomain: string, edgeBasePath: string, pushNotifications: { vapidPublicKey: string, appId: string, trackingDatasetId: string }}} options.config
- * @param {StorageCreator} options.createNamespacedStorage
  * @param {EventManager} options.eventManager
  * @param {Logger} options.logger
  * @param {ConsentManager} options.consent
  * @param {IdentityManager} options.identity
  * @param {function(): string} options.getBrowser
  * @param {EdgeRequestExecutor} options.sendEdgeNetworkRequest
+ * @param {PlatformServices} options.platformServices
  * @returns {{ lifecycle: object, commands: { sendPushSubscription: object } }}
  */
 const createPushNotifications = ({
-  createNamespacedStorage,
   eventManager,
   config,
   logger,
@@ -53,6 +52,7 @@ const createPushNotifications = ({
   identity,
   getBrowser,
   sendEdgeNetworkRequest,
+  platformServices,
 }) => {
   return {
     lifecycle: {
@@ -92,7 +92,7 @@ const createPushNotifications = ({
             },
           } = config || {};
 
-          const storage = createNamespacedStorage(
+          const storage = platformServices.storage.createNamespacedStorage(
             `${sanitizeOrgIdForCookieName(orgId)}.pushNotifications.`,
           );
 

package/src/components/PushNotifications/request/makeSendPushSubscriptionRequest.js

@@ -69,8 +69,9 @@ export default async ({
   );
 
   const cacheValue = `${ecid}${serializedPushSubscriptionDetails}`;
+  const storedValue = await storage.getItem(SUBSCRIPTION_DETAILS);
 
-  if (cacheValue === storage.getItem(SUBSCRIPTION_DETAILS)) {
+  if (cacheValue === storedValue) {
     logger.info(
       "Subscription details have not changed. Not sending to the server.",
     );

package/src/index.js

@@ -14,10 +14,15 @@ import * as allOptionalComponents from "./allOptionalComponents.js";
 import * as allRequiredComponents from "./components/requiredComponentCreators.js";
 import createBrowserPlatformServices from "./services/createBrowserPlatformServices.js";
 
-export const createCustomInstance = ({ components = [], ...options } = {}) =>
+export const createCustomInstance = ({
+  components = [],
+  monitors = [],
+  ...options
+} = {}) =>
   createCoreCustomInstance(
     {
       ...options,
+      monitors,
       components: [...Object.values(allRequiredComponents), ...components],
     },
     createBrowserPlatformServices,

package/src/services/createBrowserCookieService.js

@@ -12,7 +12,7 @@ governing permissions and limitations under the License.
 
 /** @import { CookieService } from "@adobe/alloy-core/services" */
 
-import cookieJar from "@adobe/alloy-core/utils/cookieJar.js";
+import Cookies from "js-cookie";
 
 /**
  * The optional `jar` parameter is the recursion seam for `withConverter` —
@@ -21,8 +21,9 @@ import cookieJar from "@adobe/alloy-core/utils/cookieJar.js";
  * @param {{ get: Function, set: Function, remove: Function, withConverter: Function }} [jar]
  * @returns {CookieService}
  */
-const createBrowserCookieService = (jar = cookieJar) => ({
+const createBrowserCookieService = (jar = Cookies) => ({
   get: (name) => jar.get(name),
+  getAll: () => jar.get(),
   set: (name, value, options) => jar.set(name, value, options),
   remove: (name, options) => {
     jar.remove(name, options);

package/src/services/createBrowserGlobalsService.js

@@ -13,6 +13,7 @@ governing permissions and limitations under the License.
 /* eslint-disable dot-notation */
 
 /** @import { GlobalsService } from "@adobe/alloy-core/services" */
+import injectFireReferrerHideableImage from "@adobe/alloy-core/utils/dom/injectFireReferrerHideableImage.js";
 
 /** @returns {GlobalsService} */
 const createBrowserGlobalsService = () => ({
@@ -23,8 +24,21 @@ const createBrowserGlobalsService = () => ({
   },
   getMonitors: () => window["__alloyMonitors"] || [],
   getLocationSearch: () => window.location.search,
+  getLocationHash: () => window.location.hash,
   getUserAgent: () => window.navigator.userAgent,
   getHostname: () => window.location.hostname,
+  getPageLocation: () => window.location,
+  isPageSsl: () => window.location.protocol === "https:",
+  fireReferrerHideableImage: injectFireReferrerHideableImage(),
+  getWindowContext: () => ({
+    title: document.title,
+    url: window.location.href,
+    referrer: document.referrer,
+    height: window.innerHeight,
+    width: window.innerWidth,
+    scrollY: window.scrollY,
+    scrollX: window.scrollX,
+  }),
 });
 
 export default createBrowserGlobalsService;

package/src/services/createBrowserNetworkService.js

@@ -12,11 +12,11 @@ governing permissions and limitations under the License.
 
 /** @import { NetworkService } from "@adobe/alloy-core/services" */
 
-import injectSendFetchRequest from "@adobe/alloy-core/core/network/requestMethods/injectSendFetchRequest.js";
-import injectSendBeaconRequest from "@adobe/alloy-core/core/network/requestMethods/injectSendBeaconRequest.js";
+import injectSendFetchRequest from "./injectSendFetchRequest.js";
+import injectSendBeaconRequest from "./injectSendBeaconRequest.js";
 
 /**
- * @param {{ logger: import('@adobe/alloy-core/core/types.js').Logger }} dependencies
+ * @param {{ logger: import("@adobe/alloy-core/core/types.js").Logger }} params
  * @returns {NetworkService}
  */
 const createBrowserNetworkService = ({ logger }) => {
@@ -25,7 +25,6 @@ const createBrowserNetworkService = ({ logger }) => {
   const sendBeaconRequest =
     typeof navigator.sendBeacon === "function"
       ? injectSendBeaconRequest({
-          // bind() avoids "illegal invocation" when sendBeacon loses its receiver.
           sendBeacon: navigator.sendBeacon.bind(navigator),
           sendFetchRequest,
           logger,

package/src/services/createBrowserPlatformServices.js

@@ -20,11 +20,10 @@ import createBrowserLegacyService from "./createBrowserLegacyService.js";
 import createBrowserGlobalsService from "./createBrowserGlobalsService.js";
 
 /**
- * @param {{ logger: import('@adobe/alloy-core/core/types.js').Logger }} dependencies
  * @returns {PlatformServices}
  */
-const createBrowserPlatformServices = ({ logger }) => ({
-  network: createBrowserNetworkService({ logger }),
+const createBrowserPlatformServices = () => ({
+  createNetworkService: (logger) => createBrowserNetworkService({ logger }),
   storage: createBrowserStorageService(),
   cookie: createBrowserCookieService(),
   runtime: createBrowserRuntimeService(),

package/src/services/injectSendBeaconRequest.js

@@ -0,0 +1,32 @@
+/*
+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 ({ sendBeacon, sendFetchRequest, logger }) => {
+  return (url, body) => {
+    const blob = new Blob([body], { type: "text/plain; charset=UTF-8" });
+    if (!sendBeacon(url, blob)) {
+      logger.info("Unable to use `sendBeacon`; falling back to `fetch`.");
+      return sendFetchRequest(url, body);
+    }
+
+    // Using sendBeacon, we technically don't get a response back from
+    // the server, but we'll resolve the promise with an object to maintain
+    // consistency with other network strategies.
+    return Promise.resolve({
+      statusCode: 204,
+      getHeader() {
+        return null;
+      },
+      body: "",
+    });
+  };
+};