@schibsted/account-sdk-browser 5.2.7 → 6.0.0-alpha.2

package/src/global-registry.ts

@@ -0,0 +1,39 @@
+import './globals.js';
+
+/**
+ * Names of the SDK instance properties that can be registered on the global {@link Window} object.
+ */
+type Property = 'schIdentity' | 'schMonetization';
+
+/**
+ * Registers an SDK instance on the global {@link Window} object's given property and dispatches a ready event.
+ *
+ * The dispatched event is a {@link CustomEvent} fired on `global` (i.e. `window`) with:
+ * - name: `${property}:ready` (e.g. `"schIdentity:ready"` or `"schMonetization:ready"`)
+ * - `detail.instance`: the registered SDK instance
+ *
+ * @typeParam T - Constrained to {@link Property}; inferred from the `property` argument.
+ * @param global - The `Window` object to register on.
+ * @param property - The window property name to assign the instance to, 'schIdentity' or 'schMonetization'.
+ * @param instance - The SDK instance to register. Must be non-nullable.
+ *
+ * @example
+ * registerAndDispatchInGlobal(window, 'schIdentity', identityInstance);
+ * / window.schIdentity === identityInstance
+ * / CustomEvent 'schIdentity:ready' has been dispatched on window
+ */
+
+export const registerAndDispatchInGlobal = <T extends Property>(
+    global: Window,
+    property: T,
+    instance: NonNullable<Window[T]>,
+): void => {
+    if (!global[property]) {
+        global[property] = instance;
+    }
+
+    global.dispatchEvent(
+        //TODO -> https://schibsted.ghe.com/connect/team/issues/645
+        new CustomEvent(`${property}:ready`, { detail: { instance: global[property] } }),
+    );
+};

package/src/globals.ts

@@ -0,0 +1,10 @@
+import type { Identity } from './identity.js';
+import type { Monetization } from './monetization.js';
+
+declare global {
+    interface Window {
+        schIdentity?: Identity;
+        schMonetization?: Monetization;
+        SPiD?: { Talk?: { response?: (callbackName: string, data: unknown) => unknown } };
+    }
+}