@parhelia/core 0.1.12911 → 0.1.12917

package/dist/editor/page-viewer/PageViewerFrame.js

@@ -27,8 +27,10 @@ import { FullscreenControls } from "../client/ui/FullscreenControls";
 import { toSitecoreDate } from "../utils/sitecoreDate";
 import { BridgeClient } from "../bridge/BridgeClient";
 import { getSuggestionDisplayValue } from "../reviews/suggestionDisplayValue";
-import { buildBridgeFieldPatchPayload, getBridgeFieldPatchValue, } from "./bridgeFieldPatch";
+import { buildBridgeFieldPatchPayload, getBridgeFieldPatchValue, isBridgePatchableTextField, } from "./bridgeFieldPatch";
 import { createKeyboardEventFromBridgeInteraction } from "./bridgeKeyboardShortcuts";
+import { formatParentBridgeInjectionDiagnostic, injectParheliaBridgeFromParent, } from "./parentBridgeInjection";
+import { getTextCompletion, normalizeTextCompletion, } from "../services/textCompletionService";
 const ZOOM_MIN = 0.25;
 const ZOOM_MAX = 2;
 const ZOOM_STEP = 0.25;
@@ -511,6 +513,29 @@ function isBridgeInlineAiShortcut(interaction) {
             keyboardInteraction.code === "Period" ||
             keyboardInteraction.code === "NumpadDecimal"));
 }
+function isBridgeTextCompletionRequestShortcut(interaction) {
+    const key = interaction.key?.toLowerCase();
+    return !!((interaction.ctrlKey || interaction.metaKey) &&
+        !interaction.shiftKey &&
+        !interaction.altKey &&
+        (interaction.code === "Space" ||
+            interaction.key === " " ||
+            key === "spacebar"));
+}
+function isBridgeTextCompletionApplyShortcut(interaction) {
+    return !!(!interaction.ctrlKey &&
+        !interaction.metaKey &&
+        !interaction.shiftKey &&
+        !interaction.altKey &&
+        (interaction.key === "Tab" || interaction.code === "Tab"));
+}
+function isBridgeTextCompletionDismissShortcut(interaction) {
+    return !!(!interaction.ctrlKey &&
+        !interaction.metaKey &&
+        (interaction.key === "Escape" ||
+            interaction.key === "Esc" ||
+            interaction.code === "Escape"));
+}
 function isBridgeLinkShortcut(interaction) {
     const keyboardInteraction = interaction;
     return !!((keyboardInteraction.ctrlKey || keyboardInteraction.metaKey) &&
@@ -526,6 +551,33 @@ function isBridgeLinkShortcutRange(range, interaction) {
         ((interaction.elementKey && range.elementKey === interaction.elementKey) ||
             bridgeIdsMatch(range.fieldId, interaction.fieldId)));
 }
+function bridgeSelectionMatchesInteraction(selection, interaction) {
+    return !!(selection?.activeField &&
+        ((interaction.elementKey &&
+            selection.activeField.elementKey === interaction.elementKey) ||
+            bridgeIdsMatch(selection.activeField.fieldId, interaction.fieldId)));
+}
+function getBridgeSelectionMetadataString(selection, key) {
+    const value = selection?.metadata?.[key];
+    return typeof value === "string" ? value : undefined;
+}
+function clampTextOffset(value, length) {
+    if (typeof value !== "number" || !Number.isFinite(value)) {
+        return length;
+    }
+    return Math.min(length, Math.max(0, value));
+}
+function getPlainTextFromBridgeValue(value) {
+    if (!/[<&]/.test(value))
+        return value;
+    try {
+        const parser = new DOMParser();
+        return parser.parseFromString(value, "text/html").body.textContent ?? "";
+    }
+    catch {
+        return value.replace(/<[^>]*>/g, "");
+    }
+}
 export function PageViewerFrame(props) {
     const editContext = useEditContext();
     useViewportChangeSignal();
@@ -546,9 +598,20 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
     const iframeRef = useRef(null);
     const [iframeElement, setIframeElement] = useState(null);
     const bridgeClientRef = useRef(null);
+    const parentBridgeInjectionRef = useRef(null);
+    const latestParentBridgeInjectionRef = useRef(null);
+    useEffect(() => {
+        return () => {
+            parentBridgeInjectionRef.current?.dispose();
+            parentBridgeInjectionRef.current = null;
+        };
+    }, []);
     const bridgePatchSignatureRef = useRef(new Map());
     const bridgeTextRangeSourcesRef = useRef(new Map());
     const activeBridgeInlineEditRef = useRef(null);
+    const bridgeTextCompletionRef = useRef(null);
+    const bridgeTextCompletionAbortRef = useRef(null);
+    const bridgeTextCompletionRequestIdRef = useRef(0);
     const previousBridgeInlineEditModeRef = useRef(editContext.mode);
     const latestBridgeScrollRef = useRef(undefined);
     const directOverlayScrollSyncRef = useRef(false);
@@ -702,6 +765,40 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
         return (bridgeClientRef.current?.sendCommand("applyRichTextCommand", payload) ??
             false);
     }, []);
+    const sendTextCompletionCommand = useCallback((payload) => {
+        return (bridgeClientRef.current?.sendCommand("textCompletion", payload) ?? false);
+    }, []);
+    const clearBridgeTextCompletion = useCallback(() => {
+        bridgeTextCompletionRequestIdRef.current += 1;
+        bridgeTextCompletionAbortRef.current?.abort();
+        bridgeTextCompletionAbortRef.current = null;
+        const current = bridgeTextCompletionRef.current;
+        bridgeTextCompletionRef.current = null;
+        if (!current)
+            return false;
+        return sendTextCompletionCommand({
+            ...current,
+            action: "clear",
+        });
+    }, [sendTextCompletionCommand]);
+    const applyBridgeTextCompletion = useCallback(() => {
+        bridgeTextCompletionRequestIdRef.current += 1;
+        bridgeTextCompletionAbortRef.current?.abort();
+        bridgeTextCompletionAbortRef.current = null;
+        const current = bridgeTextCompletionRef.current;
+        bridgeTextCompletionRef.current = null;
+        if (!current)
+            return false;
+        return sendTextCompletionCommand({
+            ...current,
+            action: "apply",
+        });
+    }, [sendTextCompletionCommand]);
+    useEffect(() => {
+        return () => {
+            bridgeTextCompletionAbortRef.current?.abort();
+        };
+    }, []);
     const { beginInlineEdit: beginBridgeInlineEdit, clearInlineDedupe: clearBridgeInlineDedupe, endFieldFocus: endBridgeFieldFocus, handleFieldValueChanged: handleBridgeFieldValueChanged, handleInlineEditEnded: handleBridgeInlineEditEnded, } = useBridgeInlineEditing({
         pageViewContextRef,
         activeBridgeInlineEditRef,
@@ -1055,6 +1152,180 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
             item: fallbackDescriptorItem,
         };
     }, [editContextRef]);
+    const requestBridgeTextCompletion = useCallback(async (interaction, force = false) => {
+        const editor = editContextRef.current;
+        if (!editor?.enableCompletions || editor.mode === "preview") {
+            clearBridgeTextCompletion();
+            return;
+        }
+        const fieldDescriptor = await resolveBridgeFieldDescriptor(interaction);
+        if (!fieldDescriptor) {
+            clearBridgeTextCompletion();
+            return;
+        }
+        const field = await editor.itemsRepository.getField(fieldDescriptor);
+        if (!field) {
+            clearBridgeTextCompletion();
+            return;
+        }
+        const bridgeSelection = pageViewContextRef.current?.bridgeSelection;
+        const selectionMatches = bridgeSelectionMatchesInteraction(bridgeSelection, interaction);
+        const activeField = selectionMatches
+            ? bridgeSelection?.activeField
+            : undefined;
+        const elementKey = interaction.elementKey ?? activeField?.elementKey;
+        const hostFieldId = interaction.fieldId ?? activeField?.fieldId ?? fieldDescriptor.fieldId;
+        const isRichText = !!(activeField?.isRichText || field.type.toLowerCase() === "rich text");
+        if (!elementKey ||
+            !hostFieldId ||
+            !isBridgePatchableTextField(field, isRichText)) {
+            clearBridgeTextCompletion();
+            return;
+        }
+        const selectedText = selectionMatches && typeof bridgeSelection?.text === "string"
+            ? bridgeSelection.text
+            : typeof interaction.selectedText === "string"
+                ? interaction.selectedText
+                : "";
+        const selectionStartOffset = selectionMatches && typeof bridgeSelection?.startOffset === "number"
+            ? bridgeSelection.startOffset
+            : typeof interaction.selectionStartOffset === "number"
+                ? interaction.selectionStartOffset
+                : undefined;
+        const selectionEndOffset = selectionMatches && typeof bridgeSelection?.endOffset === "number"
+            ? bridgeSelection.endOffset
+            : typeof interaction.selectionEndOffset === "number"
+                ? interaction.selectionEndOffset
+                : undefined;
+        const liveSelectionStartOffset = typeof interaction.selectionStartOffset === "number"
+            ? interaction.selectionStartOffset
+            : undefined;
+        const liveSelectionEndOffset = typeof interaction.selectionEndOffset === "number"
+            ? interaction.selectionEndOffset
+            : undefined;
+        const bridgeSelectionStartOffset = selectionMatches && typeof bridgeSelection?.startOffset === "number"
+            ? bridgeSelection?.startOffset
+            : undefined;
+        const bridgeSelectionEndOffset = selectionMatches && typeof bridgeSelection?.endOffset === "number"
+            ? bridgeSelection?.endOffset
+            : undefined;
+        const activeInlineEdit = activeBridgeInlineEditRef.current;
+        const activeInlineEditMatches = !!(activeInlineEdit &&
+            activeInlineEdit.elementKey === elementKey &&
+            (bridgeIdsMatch(activeInlineEdit.fieldId, hostFieldId) ||
+                bridgeIdsMatch(activeInlineEdit.fieldId, fieldDescriptor.fieldId)));
+        const rawValue = activeInlineEditMatches && activeInlineEdit.value !== undefined
+            ? activeInlineEdit.value
+            : getBridgeFieldPatchValue(field);
+        let completionValue = rawValue;
+        let completionSelectionStart = 0;
+        let completionSelectionEnd = 0;
+        if (isRichText) {
+            const contextBefore = selectionMatches
+                ? getBridgeSelectionMetadataString(bridgeSelection, "contextBefore")
+                : undefined;
+            const contextAfter = selectionMatches
+                ? getBridgeSelectionMetadataString(bridgeSelection, "contextAfter")
+                : undefined;
+            const hasLiveInteractionOffsets = liveSelectionStartOffset !== undefined &&
+                liveSelectionEndOffset !== undefined;
+            const selectionSnapshotMatchesLiveOffsets = bridgeSelectionStartOffset === undefined ||
+                bridgeSelectionEndOffset === undefined ||
+                !hasLiveInteractionOffsets ||
+                (bridgeSelectionStartOffset === liveSelectionStartOffset &&
+                    bridgeSelectionEndOffset === liveSelectionEndOffset);
+            const metadataMatchesLiveOffsets = !selectionSnapshotMatchesLiveOffsets ||
+                ((contextBefore?.length ?? 0) === interaction.selectionStartOffset &&
+                    (contextBefore?.length ?? 0) + selectedText.length ===
+                        interaction.selectionEndOffset);
+            if (metadataMatchesLiveOffsets &&
+                (contextBefore !== undefined || contextAfter !== undefined)) {
+                completionValue = `${contextBefore ?? ""}${selectedText}${contextAfter ?? ""}`;
+                completionSelectionStart = contextBefore?.length ?? 0;
+                completionSelectionEnd =
+                    completionSelectionStart + selectedText.length;
+            }
+            else {
+                completionValue = getPlainTextFromBridgeValue(rawValue);
+                completionSelectionStart = clampTextOffset(selectionStartOffset, completionValue.length);
+                completionSelectionEnd = clampTextOffset(selectionEndOffset ?? selectionStartOffset, completionValue.length);
+            }
+        }
+        else {
+            completionSelectionStart = clampTextOffset(selectionStartOffset, completionValue.length);
+            completionSelectionEnd = clampTextOffset(selectionEndOffset ?? selectionStartOffset, completionValue.length);
+        }
+        if (!force &&
+            completionValue.slice(0, completionSelectionStart).trim().length < 3) {
+            clearBridgeTextCompletion();
+            return;
+        }
+        clearBridgeTextCompletion();
+        const requestId = bridgeTextCompletionRequestIdRef.current + 1;
+        bridgeTextCompletionRequestIdRef.current = requestId;
+        const abortController = new AbortController();
+        bridgeTextCompletionAbortRef.current = abortController;
+        try {
+            const completion = normalizeTextCompletion(await getTextCompletion({
+                editContext: editor,
+                field,
+                value: completionValue,
+                selectionStart: completionSelectionStart,
+                selectionEnd: completionSelectionEnd,
+                signal: abortController.signal,
+            }));
+            if (requestId !== bridgeTextCompletionRequestIdRef.current ||
+                abortController.signal.aborted) {
+                return;
+            }
+            bridgeTextCompletionAbortRef.current = null;
+            if (!completion) {
+                bridgeTextCompletionRef.current = null;
+                sendTextCompletionCommand({
+                    action: "clear",
+                    elementKey,
+                    fieldId: hostFieldId,
+                });
+                return;
+            }
+            const commandPayload = {
+                elementKey,
+                fieldId: hostFieldId,
+                completion,
+                selectedText,
+                selectionStartOffset: typeof selectionStartOffset === "number"
+                    ? selectionStartOffset
+                    : completionSelectionStart,
+                selectionEndOffset: typeof selectionEndOffset === "number"
+                    ? selectionEndOffset
+                    : completionSelectionEnd,
+            };
+            bridgeTextCompletionRef.current = commandPayload;
+            sendTextCompletionCommand({
+                ...commandPayload,
+                action: "show",
+            });
+        }
+        catch (error) {
+            if (!abortController.signal.aborted) {
+                console.warn("Failed to get text completion", error);
+            }
+            if (requestId === bridgeTextCompletionRequestIdRef.current) {
+                bridgeTextCompletionAbortRef.current = null;
+                bridgeTextCompletionRef.current = null;
+                sendTextCompletionCommand({
+                    action: "clear",
+                    elementKey,
+                    fieldId: hostFieldId,
+                });
+            }
+        }
+    }, [
+        clearBridgeTextCompletion,
+        editContextRef,
+        resolveBridgeFieldDescriptor,
+        sendTextCompletionCommand,
+    ]);
     const handleBridgeInteraction = useCallback(async (interaction, iframe) => {
         if (interaction.kind === "wheel") {
             if (!interaction.ctrlKey && !interaction.metaKey)
@@ -1068,6 +1339,25 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
             return;
         }
         if (interaction.kind === "keydown") {
+            if (isBridgeTextCompletionDismissShortcut(interaction)) {
+                if (bridgeTextCompletionRef.current) {
+                    clearBridgeTextCompletion();
+                    return;
+                }
+            }
+            if (isBridgeTextCompletionApplyShortcut(interaction)) {
+                if (bridgeTextCompletionRef.current) {
+                    applyBridgeTextCompletion();
+                    return;
+                }
+            }
+            if (isBridgeTextCompletionRequestShortcut(interaction)) {
+                await requestBridgeTextCompletion(interaction, true);
+                return;
+            }
+            if (bridgeTextCompletionRef.current && interaction.fieldId) {
+                clearBridgeTextCompletion();
+            }
             if (isBridgeLinkShortcut(interaction)) {
                 const editor = editContextRef.current;
                 let linkRange = editor?.selectedRange;
@@ -1189,6 +1479,7 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
             return;
         if (interaction.kind === "contextMenu" && interaction.ctrlKey)
             return;
+        clearBridgeTextCompletion();
         const editor = editContextRef.current;
         if (!editor)
             return;
@@ -1402,8 +1693,11 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
             endTrackedBridgeFieldFocus();
         }
     }, [
+        applyBridgeTextCompletion,
         beginTrackedBridgeInlineEdit,
+        clearBridgeTextCompletion,
         endTrackedBridgeFieldFocus,
+        requestBridgeTextCompletion,
         resolveBridgeFieldDescriptor,
     ]);
     // Update the context whenever the iframe ref changes
@@ -1498,11 +1792,15 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
             onError: (error) => {
                 pageViewContext.setBridgeReady(false);
                 pageViewContext.setIframeSupportsRefresh(false);
-                console.error("[Parhelia bridge]", error.message);
+                const parentInjectionDiagnostic = formatParentBridgeInjectionDiagnostic(latestParentBridgeInjectionRef.current);
+                const details = parentInjectionDiagnostic
+                    ? `${error.message}\n\nParent injection: ${parentInjectionDiagnostic}`
+                    : error.message;
+                console.error("[Parhelia bridge]", error.message, latestParentBridgeInjectionRef.current);
                 if (!compareView) {
                     editContextRef.current?.showErrorToast({
                         summary: "Editing host bridge unavailable",
-                        details: error.message,
+                        details,
                     });
                 }
             },
@@ -1561,6 +1859,7 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
                         window.dispatchEvent(new CustomEvent(BRIDGE_DOM_UPDATED_EVENT));
                         break;
                     case "refreshStarted":
+                        clearBridgeTextCompletion();
                         clearBridgePatchSignatures();
                         activeBridgeInlineEditRef.current = null;
                         break;
@@ -1672,6 +1971,7 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
         handleBridgeInlineEditEnded,
         handleBridgeInteraction,
         handleBridgeSelection,
+        clearBridgeTextCompletion,
         clearBridgePatchSignatures,
         pageViewContext.editUrl,
         pageViewContext.previewUrl,
@@ -1904,10 +2204,27 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
         const requestBridgeCaptureSnapshot = (payload) => {
             return (bridgeClientRef.current?.sendCommand("captureComponentSnapshot", payload) ?? false);
         };
+        const requestBridgeComponentSnapshot = (payload) => {
+            const bridge = bridgeClientRef.current;
+            if (!bridge) {
+                return Promise.reject(new Error("The Parhelia bridge is not connected to the host."));
+            }
+            return bridge.requestCommand("captureComponentSnapshot", payload, "componentSnapshotResult", {
+                requestId: payload.requestId,
+                timeoutMs: 15_000,
+            });
+        };
+        const requestBridgeCancelPointerDrag = () => {
+            return (bridgeClientRef.current?.sendCommand("cancelPointerDrag", {}) ?? false);
+        };
         pageViewContext.requestBridgeScrollBy = requestBridgeScrollBy;
         pageViewContext.requestBridgeRichTextCommand = requestBridgeRichTextCommand;
         pageViewContext.requestBridgePreviewGap = requestBridgePreviewGap;
         pageViewContext.requestBridgeCaptureSnapshot = requestBridgeCaptureSnapshot;
+        pageViewContext.requestBridgeComponentSnapshot =
+            requestBridgeComponentSnapshot;
+        pageViewContext.requestBridgeCancelPointerDrag =
+            requestBridgeCancelPointerDrag;
         return () => {
             if (pageViewContext.requestBridgeGeometry === requestBridgeGeometry) {
                 pageViewContext.requestBridgeGeometry = undefined;
@@ -1922,6 +2239,14 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
                 requestBridgeCaptureSnapshot) {
                 pageViewContext.requestBridgeCaptureSnapshot = undefined;
             }
+            if (pageViewContext.requestBridgeComponentSnapshot ===
+                requestBridgeComponentSnapshot) {
+                pageViewContext.requestBridgeComponentSnapshot = undefined;
+            }
+            if (pageViewContext.requestBridgeCancelPointerDrag ===
+                requestBridgeCancelPointerDrag) {
+                pageViewContext.requestBridgeCancelPointerDrag = undefined;
+            }
             if (pageViewContext.requestBridgeRichTextCommand ===
                 requestBridgeRichTextCommand) {
                 pageViewContext.requestBridgeRichTextCommand = undefined;
@@ -2358,7 +2683,7 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
     const fullscreenPageTitle = pageViewContext.page?.item?.displayName?.trim() ||
         pageViewContext.page?.item?.name?.trim() ||
         "Page";
-    return (_jsxs("div", { className: cn("relative flex h-full w-full flex-col items-center select-none", className, editContext.showAgentsPanel && !editContext.currentWizardId && "pr-0"), children: [!pageViewContext.fullscreen && (_jsx(EditorWarnings, { item: pageViewContext.page?.item })), slotCloseButton && (_jsx("div", { className: "absolute top-3 right-3 z-50", children: slotCloseButton })), pageViewContext.fullscreen && (_jsxs("div", { className: "border-neutral-grey-15 relative z-40 flex h-11 w-full shrink-0 items-center justify-center border-b bg-white px-28 text-center shadow-sm", "data-testid": "fullscreen-page-title-bar", children: [_jsx("div", { className: "text-neutral-grey-100 max-w-full truncate text-sm font-medium", title: fullscreenPageTitle, "data-testid": "fullscreen-page-title", children: fullscreenPageTitle }), _jsx("div", { className: "absolute top-1/2 right-3 -translate-y-1/2", children: _jsx(FullscreenControls, { device: pageViewContext.device, setDevice: (device) => pageViewContext.setDevice(device), canExit: !editContext.configuration.forceFullscreen, onExit: () => editContext.setFullscreen(false), firstMobileDeviceName: editContext.configuration.devices[0]?.name }) })] })), pageViewContext.device !== "desktop" && (_jsx(DeviceToolbar, { pageViewContext: pageViewContext, configuration: editContext.configuration })), _jsxs("div", { className: "relative flex min-h-0 flex-1 transition-[width] duration-300 ease-in-out select-none motion-reduce:transition-none", "data-testid": "page-viewer-viewport", style: {
+    return (_jsxs("div", { className: cn("relative flex h-full w-full flex-col items-center select-none", className, editContext.showAgentsPanel && !editContext.currentWizardId && "pr-0"), children: [!pageViewContext.fullscreen && (_jsx(EditorWarnings, { item: pageViewContext.page?.item })), slotCloseButton && (_jsx("div", { className: "absolute top-3 right-3 z-50", children: slotCloseButton })), pageViewContext.fullscreen && (_jsxs("div", { className: "border-neutral-grey-15 relative z-40 flex h-11 w-full shrink-0 items-center justify-center border-b bg-white px-28 text-center shadow-sm", "data-testid": "fullscreen-page-title-bar", children: [_jsx("div", { className: "text-neutral-grey-100 max-w-full truncate text-sm font-medium", title: fullscreenPageTitle, "data-testid": "fullscreen-page-title", children: fullscreenPageTitle }), _jsx("div", { className: "absolute top-1/2 right-3 -translate-y-1/2", children: _jsx(FullscreenControls, { device: pageViewContext.device, setDevice: (device) => pageViewContext.setDevice(device), canExit: !editContext.configuration.forceFullscreen, onExit: () => editContext.setFullscreen(false) }) })] })), pageViewContext.device !== "desktop" && (_jsx(DeviceToolbar, { pageViewContext: pageViewContext, configuration: editContext.configuration })), _jsxs("div", { className: "relative flex min-h-0 flex-1 transition-[width] duration-300 ease-in-out select-none motion-reduce:transition-none", "data-testid": "page-viewer-viewport", style: {
                     width: deviceWidth,
                 }, children: [_jsxs("div", { className: "relative h-full w-full overflow-visible", onMouseLeave: () => {
                             if (pageViewContext.bridgeInteraction?.kind === "hover") {
@@ -2371,7 +2696,19 @@ function PageViewerFrameContent({ compareView, pageViewContext, editContext, cla
                                         ? SUGGESTIONS_CURSOR_VALUE
                                         : undefined,
                                 }, src: iframeSrc, "data-testid": "pageEditoriframe", onLoad: () => {
-                                    const loadedSrc = iframeRef.current?.src;
+                                    const iframe = iframeRef.current;
+                                    if (iframeSrc && iframe) {
+                                        parentBridgeInjectionRef.current?.dispose();
+                                        parentBridgeInjectionRef.current =
+                                            injectParheliaBridgeFromParent(iframe, {
+                                                onUpdate: (attempt) => {
+                                                    latestParentBridgeInjectionRef.current = attempt;
+                                                },
+                                            });
+                                        latestParentBridgeInjectionRef.current =
+                                            parentBridgeInjectionRef.current.attempt;
+                                    }
+                                    const loadedSrc = iframe?.src;
                                     if (loadedSrc) {
                                         setLoadedIframeSrc(loadedSrc);
                                     }