@pexip-engage-public/plugin 1.1.26-canary-20250728164214 → 1.1.26

package/dist/resizer/parent.js

@@ -1,71 +0,0 @@
-import { isBrowser, } from "./common.js";
-let registeredElements = [];
-export function initialize(iframe) {
-    if (!isBrowser()) {
-        return { unsubscribe() { } };
-    }
-    const registeredElement = {
-        iframe,
-        initContext: { isInitialized: false, retryAttempts: 0 },
-    };
-    const unsubscribe = addCrossOriginChildResizeListener(registeredElement);
-    registeredElements.push(registeredElement);
-    return {
-        unsubscribe() {
-            unsubscribe();
-            registeredElements = registeredElements.filter((entry) => entry.iframe !== iframe);
-        },
-    };
-}
-function addCrossOriginChildResizeListener(registeredElement) {
-    const { iframe, initContext } = registeredElement;
-    function handleIframeResizedMessage(event) {
-        const isIframeTarget = iframe.contentWindow === event.source;
-        if (!isIframeTarget) {
-            return;
-        }
-        if (event.data?.type === "iframe-resized") {
-            const { height } = event.data;
-            height && resizeIframe({ newHeight: height, registeredElement });
-            return;
-        }
-        if (event.data?.type === "iframe-scroll-to-offset") {
-            const { top } = event.data;
-            const iFramePosition = iframe.getBoundingClientRect();
-            window.scrollTo({ top: iFramePosition.top + window.scrollY + top });
-            return;
-        }
-    }
-    window.addEventListener("message", handleIframeResizedMessage);
-    const initMessage = { type: "iframe-child-init" };
-    function sendInitializationMessageToChild() {
-        postMessageSafelyToCrossOriginIframe(iframe, () => iframe.contentWindow?.postMessage(initMessage, "*"));
-        initContext.retryAttempts++;
-        initContext.retryTimeoutId = window.setTimeout(sendInitializationMessageToChild, getExponentialBackoffDelay(initContext.retryAttempts));
-    }
-    sendInitializationMessageToChild();
-    return () => window.removeEventListener("message", handleIframeResizedMessage);
-}
-function resizeIframe({ registeredElement, newHeight, }) {
-    const { iframe, initContext } = registeredElement;
-    if (!initContext.isInitialized) {
-        initContext.isInitialized = true;
-        clearTimeout(initContext.retryTimeoutId);
-    }
-    iframe.style.height = `${newHeight}px`;
-}
-/** Post the message twice, it assures the target to receive the message at least once */
-function postMessageSafelyToCrossOriginIframe(iframe, executable) {
-    executable();
-    iframe.addEventListener("load", executable);
-}
-function getExponentialBackoffDelay(nthRetry) {
-    if (nthRetry <= 100) {
-        return 100; // for 10 seconds
-    }
-    if (nthRetry <= 120) {
-        return 1000; // for 20 seconds
-    }
-    return 10000;
-}
-//# sourceMappingURL=parent.js.map

package/dist/resizer/parent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"parent.js","sourceRoot":"","sources":["../../src/resizer/parent.ts"],"names":[],"mappings":"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"}

package/src/resizer/child.ts

@@ -1,140 +0,0 @@
-import type {
-  IFrameMessage,
-  IFrameObjectMessage,
-  IframeChildMessageEventData,
-  IframeParentMessageEventData,
-} from "../events/index.js";
-import {
-  type IframeChildInitEventData,
-  type IframeResizeEventData,
-  type IframeScrollData,
-  isBrowser,
-} from "./common.js";
-
-export class IframeChildInstance {
-  #queue: IFrameMessage[] = [];
-  #isQueueConsumed = false;
-  #initialized = false;
-  #_resizeObserver: ResizeObserver | null = null;
-  get #resizeObserver() {
-    if (!this.#_resizeObserver) {
-      this.#_resizeObserver = new ResizeObserver((entries) => {
-        console.log("ResizeObserver entries:", entries);
-        if (!entries[0]?.target) {
-          return;
-        }
-
-        const clientRect = entries[0].target.getBoundingClientRect();
-        const height = Math.ceil(clientRect.height);
-        const width = Math.ceil(clientRect.width);
-
-        const data: IframeResizeEventData = {
-          height,
-          type: "iframe-resized",
-          width,
-        };
-
-        window.parent.postMessage(data, "*");
-      });
-    }
-
-    return this.#_resizeObserver;
-  }
-
-  #handleInitializeSignal = (event: MessageEvent<IframeChildInitEventData>) => {
-    const elementToObserve = document.documentElement;
-
-    if (this.#initialized || window.parent !== event.source) {
-      return;
-    }
-
-    this.#resizeObserver.disconnect();
-    console.log("Observing element for resize:", elementToObserve);
-    this.#resizeObserver.observe(elementToObserve);
-    this.#initialized = true;
-    this.#isQueueConsumed = true;
-    this.#queue.forEach((message) => this.sendMessage(message));
-    this.#queue.length = 0;
-
-    this.#onReady();
-  };
-
-  sendMessage = (message: IFrameMessage) => {
-    if (!this.#isQueueConsumed && isInIframe()) {
-      this.#queue.push(message);
-
-      return;
-    }
-
-    const data: IframeParentMessageEventData = {
-      message,
-      type: "iframe-parent-message",
-    };
-
-    this.#sendMessage(data);
-  };
-
-  scrollToOffset = (offset: { top: number }) => {
-    const data: IframeScrollData = {
-      top: offset.top,
-      type: "iframe-scroll-to-offset",
-    };
-
-    this.#sendMessage(data);
-  };
-
-  #sendMessage(data: IframeScrollData | IframeParentMessageEventData) {
-    if (!isBrowser() || !isInIframe()) return;
-
-    window.parent.postMessage(data, "*");
-  }
-
-  #handleMessage = (
-    event: MessageEvent<IframeChildInitEventData | IframeChildMessageEventData>,
-  ) => {
-    if (event.data?.type === "iframe-child-init") {
-      return deferWhenWindowDocumentIsLoaded(() =>
-        this.#handleInitializeSignal(event as MessageEvent<IframeChildInitEventData>),
-      );
-    }
-
-    if (event.data?.type === "iframe-child-message") {
-      this.#onMessage(event.data.message);
-    }
-  };
-
-  readonly #onReady: () => void;
-  readonly #onMessage: (message: IFrameObjectMessage) => void;
-
-  constructor({
-    onReady,
-    onMessage,
-  }: {
-    onReady: () => void;
-    onMessage: (message: IFrameObjectMessage) => void;
-  }) {
-    this.#onReady = onReady;
-    this.#onMessage = onMessage;
-  }
-
-  initialize = () => {
-    if (!isBrowser() || !isInIframe()) return;
-
-    window.addEventListener("message", this.#handleMessage);
-  };
-
-  unsubscribe = () => {
-    window.removeEventListener("message", this.#handleMessage);
-    this.#resizeObserver.disconnect();
-  };
-}
-
-function isInIframe() {
-  return window.self !== window.top;
-}
-
-function deferWhenWindowDocumentIsLoaded(executable: () => void) {
-  window.document.readyState === "complete"
-    ? executable()
-    : window.addEventListener("load", executable);
-}

package/src/resizer/common.ts

@@ -1,27 +0,0 @@
-export function isBrowser() {
-  return typeof window !== "undefined";
-}
-
-export type InitializeResult = { unsubscribe: () => void };
-
-export type IframeResizeEventData = {
-  type: "iframe-resized";
-  width: number;
-  height?: number;
-};
-export type IframeScrollData = {
-  type: "iframe-scroll-to-offset";
-  top: number;
-};
-
-export type IframeChildInitEventData = {
-  type: "iframe-child-init";
-};
-
-export type IframeResizeEvent = MessageEvent<IframeResizeEventData>;
-export type IframeScrollEvent = MessageEvent<IframeScrollData>;
-
-export interface RegisteredElement {
-  iframe: HTMLIFrameElement;
-  initContext: { isInitialized: boolean; retryAttempts: number; retryTimeoutId?: number };
-}

package/src/resizer/parent.ts

@@ -1,110 +0,0 @@
-import {
-  type IframeChildInitEventData,
-  type IframeResizeEvent,
-  type IframeScrollEvent,
-  type InitializeResult,
-  isBrowser,
-  type RegisteredElement,
-} from "./common.js";
-
-let registeredElements: Array<RegisteredElement> = [];
-
-export function initialize(iframe: HTMLIFrameElement): InitializeResult {
-  if (!isBrowser()) {
-    return { unsubscribe() {} };
-  }
-
-  const registeredElement: RegisteredElement = {
-    iframe,
-    initContext: { isInitialized: false, retryAttempts: 0 },
-  };
-  const unsubscribe = addCrossOriginChildResizeListener(registeredElement);
-  registeredElements.push(registeredElement);
-
-  return {
-    unsubscribe() {
-      unsubscribe();
-      registeredElements = registeredElements.filter((entry) => entry.iframe !== iframe);
-    },
-  };
-}
-
-function addCrossOriginChildResizeListener(registeredElement: RegisteredElement) {
-  const { iframe, initContext } = registeredElement;
-
-  function handleIframeResizedMessage(event: MessageEvent) {
-    const isIframeTarget = iframe.contentWindow === event.source;
-
-    if (!isIframeTarget) {
-      return;
-    }
-
-    if (event.data?.type === "iframe-resized") {
-      const { height } = (event as IframeResizeEvent).data;
-      height && resizeIframe({ newHeight: height, registeredElement });
-
-      return;
-    }
-
-    if (event.data?.type === "iframe-scroll-to-offset") {
-      const { top } = (event as IframeScrollEvent).data;
-      const iFramePosition = iframe.getBoundingClientRect();
-
-      window.scrollTo({ top: iFramePosition.top + window.scrollY + top });
-
-      return;
-    }
-  }
-
-  window.addEventListener("message", handleIframeResizedMessage);
-
-  const initMessage: IframeChildInitEventData = { type: "iframe-child-init" };
-
-  function sendInitializationMessageToChild() {
-    postMessageSafelyToCrossOriginIframe(iframe, () =>
-      iframe.contentWindow?.postMessage(initMessage, "*"),
-    );
-    initContext.retryAttempts++;
-    initContext.retryTimeoutId = window.setTimeout(
-      sendInitializationMessageToChild,
-      getExponentialBackoffDelay(initContext.retryAttempts),
-    );
-  }
-  sendInitializationMessageToChild();
-
-  return () => window.removeEventListener("message", handleIframeResizedMessage);
-}
-
-function resizeIframe({
-  registeredElement,
-  newHeight,
-}: {
-  registeredElement: RegisteredElement;
-  newHeight: number;
-}) {
-  const { iframe, initContext } = registeredElement;
-  if (!initContext.isInitialized) {
-    initContext.isInitialized = true;
-    clearTimeout(initContext.retryTimeoutId);
-  }
-
-  iframe.style.height = `${newHeight}px`;
-}
-
-/** Post the message twice, it assures the target to receive the message at least once */
-function postMessageSafelyToCrossOriginIframe(iframe: HTMLIFrameElement, executable: () => void) {
-  executable();
-  iframe.addEventListener("load", executable);
-}
-
-function getExponentialBackoffDelay(nthRetry: number) {
-  if (nthRetry <= 100) {
-    return 100; // for 10 seconds
-  }
-
-  if (nthRetry <= 120) {
-    return 1000; // for 20 seconds
-  }
-
-  return 10000;
-}