react-native-screen-transitions 4.1.0-beta.0 → 4.1.0-beta.1

package/lib/module/components/boundary/portal/components/portal-overlay.js

@@ -0,0 +1,165 @@
+"use strict";
+
+import { memo, useId, useLayoutEffect } from "react";
+import { I18nManager, StyleSheet, useWindowDimensions, View } from "react-native";
+import Animated, { useAnimatedReaction, useAnimatedStyle } from "react-native-reanimated";
+import { NO_STYLES } from "../../../../constants";
+import { useBuilderStore } from "../../../../providers/screen/builder";
+import { composeSlotStyleWithLocalTransform } from "../../../../providers/screen/orchestrator/styles/helpers/compose-slot-style";
+import { resolvePortalOffsetStyle } from "../helpers/offset-style";
+import { useHostMeasurement } from "../hooks/use-host-measurement";
+import { registerHost, unregisterHost } from "../stores/host-registry.store";
+import { useActivePortalBoundaryHosts } from "../stores/portal-boundary-host.store";
+import { PORTAL_POINTER_EVENTS } from "../teleport";
+import { PortalHost } from "./portal-host";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A screen-sized overlay containing the receivers for escaped boundary frames.
+ *
+ * Registers this overlay as an available placement, measures its origin, and
+ * renders one positioned PortalHost per boundary assigned to it. An overlay can
+ * contain many hosts; each host receives one named portal.
+ *
+ * Boundary.Host uses this directly; screens render it with `fallback` for
+ * their automatic overlay. Explicit overlays take priority over the fallback.
+ * Handoff between screens uses receivers inside boundaries, so it does not
+ * need this overlay unless escapeClipping is also enabled.
+ */
+export const PortalOverlay = /*#__PURE__*/memo(function PortalOverlay({
+  fallback = false,
+  style
+}) {
+  const screenKey = useBuilderStore(s => s.derivations.currentScreenKey);
+  const id = useId();
+  const hostKey = fallback ? screenKey : `${screenKey}-host-${id}`;
+  const activeBoundaryHosts = useActivePortalBoundaryHosts(hostKey);
+  const {
+    height: viewportHeight,
+    width: viewportWidth
+  } = useWindowDimensions();
+  const measurementKey = activeBoundaryHosts.length ? activeBoundaryHosts.map(host => host.portalHostName).join("|") : null;
+  const measurement = useHostMeasurement({
+    measurementKey,
+    boundaryMeasurements: activeBoundaryHosts.map(host => host.localMeasurement)
+  });
+  const boundaryHosts = activeBoundaryHosts.map(host => /*#__PURE__*/_jsx(View, {
+    pointerEvents: PORTAL_POINTER_EVENTS,
+    style: [styles.boundaryHostViewport, {
+      width: viewportWidth,
+      height: viewportHeight
+    }],
+    children: /*#__PURE__*/_jsx(BoundaryPortalPlacement, {
+      host: host,
+      hostBounds: measurement.hostBounds
+    })
+  }, host.portalHostName));
+  useLayoutEffect(() => {
+    registerHost({
+      fallback,
+      hostKey,
+      screenKey
+    });
+    return () => {
+      unregisterHost(screenKey, hostKey);
+    };
+  }, [fallback, hostKey, screenKey]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ref: measurement.hostRef,
+    pointerEvents: PORTAL_POINTER_EVENTS,
+    style: [styles.host, {
+      width: viewportWidth,
+      height: viewportHeight
+    }, style],
+    collapsable: false,
+    children: boundaryHosts
+  });
+});
+const getCurrentBoundaryBounds = host => {
+  "worklet";
+
+  return host.localMeasurement.get()?.bounds ?? null;
+};
+/** Positions one receiver using captured boundary and overlay measurements. */
+const BoundaryPortalPlacement = /*#__PURE__*/memo(function BoundaryPortalPlacement({
+  host,
+  hostBounds
+}) {
+  useAnimatedReaction(() => {
+    "worklet";
+
+    return getCurrentBoundaryBounds(host) !== null && hostBounds.get() !== null;
+  }, ready => {
+    "worklet";
+
+    host.portalHostReady.set(ready);
+  });
+  const hostStyle = useAnimatedStyle(() => {
+    "worklet";
+
+    const boundaryBounds = getCurrentBoundaryBounds(host);
+    if (!boundaryBounds) {
+      return NO_STYLES;
+    }
+    return resolvePortalOffsetStyle({
+      bounds: boundaryBounds,
+      hostBounds: hostBounds.get()
+    });
+  });
+  const contentFrameStyle = useAnimatedStyle(() => {
+    "worklet";
+
+    const boundaryBounds = getCurrentBoundaryBounds(host);
+    if (!boundaryBounds) {
+      return NO_STYLES;
+    }
+    return {
+      height: boundaryBounds.height,
+      width: boundaryBounds.width
+    };
+  });
+  const slotStyle = useAnimatedStyle(() => {
+    "worklet";
+
+    const slot = host.slotsMap.get()[host.boundaryId];
+    return composeSlotStyleWithLocalTransform(slot?.style ?? NO_STYLES, undefined, slot?.boundsLocalTransform);
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    pointerEvents: PORTAL_POINTER_EVENTS,
+    style: [StyleSheet.absoluteFill, hostStyle],
+    collapsable: false,
+    children: /*#__PURE__*/_jsx(PortalHost, {
+      name: host.portalHostName,
+      style: [styles.content, contentFrameStyle, slotStyle]
+    })
+  });
+});
+const styles = StyleSheet.create({
+  // The teleport offset is a physical page delta measured from the screen's
+  // left edge, so the content box must anchor there too. Under native RTL,
+  // `left: 0` swaps to a right-edge anchor; `end: 0` is the physical left edge
+  // in RTL regardless of the swap setting.
+  content: I18nManager.isRTL ? {
+    end: 0,
+    position: "absolute",
+    top: 0
+  } : {
+    left: 0,
+    position: "absolute",
+    top: 0
+  },
+  host: {
+    elevation: 999999,
+    left: 0,
+    overflow: "visible",
+    position: "absolute",
+    top: 0,
+    zIndex: 999999
+  },
+  boundaryHostViewport: {
+    left: 0,
+    overflow: "visible",
+    position: "absolute",
+    top: 0
+  }
+});
+//# sourceMappingURL=portal-overlay.js.map

package/lib/module/components/boundary/portal/components/portal-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useId","useLayoutEffect","I18nManager","StyleSheet","useWindowDimensions","View","Animated","useAnimatedReaction","useAnimatedStyle","NO_STYLES","useBuilderStore","composeSlotStyleWithLocalTransform","resolvePortalOffsetStyle","useHostMeasurement","registerHost","unregisterHost","useActivePortalBoundaryHosts","PORTAL_POINTER_EVENTS","PortalHost","jsx","_jsx","PortalOverlay","fallback","style","screenKey","s","derivations","currentScreenKey","id","hostKey","activeBoundaryHosts","height","viewportHeight","width","viewportWidth","measurementKey","length","map","host","portalHostName","join","measurement","boundaryMeasurements","localMeasurement","boundaryHosts","pointerEvents","styles","boundaryHostViewport","children","BoundaryPortalPlacement","hostBounds","ref","hostRef","collapsable","getCurrentBoundaryBounds","get","bounds","ready","portalHostReady","set","hostStyle","boundaryBounds","contentFrameStyle","slotStyle","slot","slotsMap","boundaryId","undefined","boundsLocalTransform","absoluteFill","name","content","create","isRTL","end","position","top","left","elevation","overflow","zIndex"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/components/portal-overlay.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/boundary/portal/components/portal.js

@@ -0,0 +1,83 @@
+"use strict";
+
+import { memo } from "react";
+import { StyleSheet } from "react-native";
+import Animated from "react-native-reanimated";
+import { scheduleOnUI } from "react-native-worklets";
+import { logger } from "../../../../utils/logger";
+import { usePlaceholderStyles } from "../hooks/use-placeholder-styles";
+import { usePortalDestination } from "../hooks/use-portal-destination";
+import { isTeleportAvailable, NativePortal, PORTAL_POINTER_EVENTS } from "../teleport";
+import { PortalHost } from "./portal-host";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const AnimatedNativePortal = NativePortal ? Animated.createAnimatedComponent(NativePortal) : null;
+const EnabledNativePortal = AnimatedNativePortal;
+/**
+ * Sends its children to a named PortalHost chosen on the UI thread.
+ *
+ * `handoff` moves the boundary's content between screens and creates a local
+ * receiver inside this boundary. `escapeClipping` moves the whole boundary
+ * frame into a PortalOverlay, leaving a sized placeholder at its original spot.
+ * When both are enabled, the handoff portal lives inside the escaped frame.
+ * Disabled portals, or apps without Teleport, render their children inline.
+ */
+export const Portal = /*#__PURE__*/memo(function Portal(props) {
+  if (!props.enabled || props.boundaryId === undefined || !isTeleportAvailable || !AnimatedNativePortal) {
+    return props.children;
+  }
+  return /*#__PURE__*/_jsx(EnabledPortal, {
+    ...props,
+    boundaryId: props.boundaryId
+  });
+});
+function EnabledPortal({
+  boundaryId,
+  children,
+  mode,
+  placeholderRef
+}) {
+  if (__DEV__ && mode === "escapeClipping" && !boundaryId) {
+    logger.warnOnce("portal:missing-id", "A boundary portal was rendered without an id; rendering inline.");
+  }
+  const {
+    teleportProps,
+    localHostName
+  } = usePortalDestination(boundaryId, mode);
+  const content = /*#__PURE__*/_jsx(EnabledNativePortal, {
+    animatedProps: teleportProps,
+    name: boundaryId,
+    pointerEvents: PORTAL_POINTER_EVENTS,
+    style: mode === "handoff" ? StyleSheet.absoluteFill : undefined,
+    children: children
+  });
+  return mode === "handoff" ? /*#__PURE__*/_jsxs(_Fragment, {
+    children: [content, /*#__PURE__*/_jsx(PortalHost, {
+      name: localHostName
+    })]
+  }) : /*#__PURE__*/_jsx(PortalPlaceholder, {
+    placeholderRef: placeholderRef,
+    children: content
+  });
+}
+function PortalPlaceholder({
+  children,
+  placeholderRef
+}) {
+  const {
+    handleOnLayout,
+    placeholderStyle
+  } = usePlaceholderStyles();
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ref: placeholderRef,
+    onLayout: ({
+      nativeEvent: {
+        layout
+      }
+    }) => scheduleOnUI(handleOnLayout, layout),
+    style: placeholderStyle,
+    pointerEvents: PORTAL_POINTER_EVENTS,
+    collapsable: false,
+    children: children
+  });
+}
+//# sourceMappingURL=portal.js.map

package/lib/module/components/boundary/portal/components/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","StyleSheet","Animated","scheduleOnUI","logger","usePlaceholderStyles","usePortalDestination","isTeleportAvailable","NativePortal","PORTAL_POINTER_EVENTS","PortalHost","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","AnimatedNativePortal","createAnimatedComponent","EnabledNativePortal","Portal","props","enabled","boundaryId","undefined","children","EnabledPortal","mode","placeholderRef","__DEV__","warnOnce","teleportProps","localHostName","content","animatedProps","name","pointerEvents","style","absoluteFill","PortalPlaceholder","handleOnLayout","placeholderStyle","View","ref","onLayout","nativeEvent","layout","collapsable"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/components/portal.tsx"],"mappings":";;AAAA,SAGCA,IAAI,QAEE,OAAO;AACd,SAASC,UAAU,QAAmB,cAAc;AACpD,OAAOC,QAAQ,MAA4B,yBAAyB;AACpE,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,MAAM,QAAQ,0BAA0B;AACjD,SAASC,oBAAoB,QAAQ,iCAAiC;AACtE,SAECC,oBAAoB,QACd,iCAAiC;AACxC,SACCC,mBAAmB,EACnBC,YAAY,EACZC,qBAAqB,QACf,aAAa;AACpB,SAASC,UAAU,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAM3C,MAAMC,oBAAoB,GAAGT,YAAY,GACtCN,QAAQ,CAACgB,uBAAuB,CAChCV,YACD,CAAC,GACA,IAAI;AACP,MAAMW,mBAAmB,GAAGF,oBAE3B;AAUD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMG,MAAM,gBAAGpB,IAAI,CAAC,SAASoB,MAAMA,CAACC,KAAkB,EAAE;EAC9D,IACC,CAACA,KAAK,CAACC,OAAO,IACdD,KAAK,CAACE,UAAU,KAAKC,SAAS,IAC9B,CAACjB,mBAAmB,IACpB,CAACU,oBAAoB,EACpB;IACD,OAAOI,KAAK,CAACI,QAAQ;EACtB;EAEA,oBAAOb,IAAA,CAACc,aAAa;IAAA,GAAKL,KAAK;IAAEE,UAAU,EAAEF,KAAK,CAACE;EAAW,CAAE,CAAC;AAClE,CAAC,CAAC;AAEF,SAASG,aAAaA,CAAC;EACtBH,UAAU;EACVE,QAAQ;EACRE,IAAI;EACJC;AACqC,CAAC,EAAE;EACxC,IAAIC,OAAO,IAAIF,IAAI,KAAK,gBAAgB,IAAI,CAACJ,UAAU,EAAE;IACxDnB,MAAM,CAAC0B,QAAQ,CACd,mBAAmB,EACnB,iEACD,CAAC;EACF;EACA,MAAM;IAAEC,aAAa;IAAEC;EAAc,CAAC,GAAG1B,oBAAoB,CAC5DiB,UAAU,EACVI,IACD,CAAC;EAED,MAAMM,OAAO,gBACZrB,IAAA,CAACO,mBAAmB;IACnBe,aAAa,EAAEH,aAAc;IAC7BI,IAAI,EAAEZ,UAAW;IACjBa,aAAa,EAAE3B,qBAAsB;IACrC4B,KAAK,EAAEV,IAAI,KAAK,SAAS,GAAG1B,UAAU,CAACqC,YAAY,GAAGd,SAAU;IAAAC,QAAA,EAE/DA;EAAQ,CACW,CACrB;EAED,OAAOE,IAAI,KAAK,SAAS,gBACxBX,KAAA,CAAAF,SAAA;IAAAW,QAAA,GACEQ,OAAO,eACRrB,IAAA,CAACF,UAAU;MAACyB,IAAI,EAAEH;IAAc,CAAE,CAAC;EAAA,CAClC,CAAC,gBAEHpB,IAAA,CAAC2B,iBAAiB;IAACX,cAAc,EAAEA,cAAe;IAAAH,QAAA,EAChDQ;EAAO,CACU,CACnB;AACF;AAEA,SAASM,iBAAiBA,CAAC;EAC1Bd,QAAQ;EACRG;AACiD,CAAC,EAAE;EACpD,MAAM;IAAEY,cAAc;IAAEC;EAAiB,CAAC,GAAGpC,oBAAoB,CAAC,CAAC;EACnE,oBACCO,IAAA,CAACV,QAAQ,CAACwC,IAAI;IACbC,GAAG,EAAEf,cAAe;IACpBgB,QAAQ,EAAEA,CAAC;MAAEC,WAAW,EAAE;QAAEC;MAAO;IAAE,CAAC,KACrC3C,YAAY,CAACqC,cAAc,EAAEM,MAAM,CACnC;IACDT,KAAK,EAAEI,gBAAiB;IACxBL,aAAa,EAAE3B,qBAAsB;IACrCsC,WAAW,EAAE,KAAM;IAAAtB,QAAA,EAElBA;EAAQ,CACK,CAAC;AAElB","ignoreList":[]}

package/lib/module/components/boundary/portal/helpers/offset-style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["resolvePortalOffsetStyle","bounds","hostBounds","hostPageX","pageX","hostPageY","pageY","transform","translateY","translateX"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/helpers/offset-style.ts"],"mappings":";;AAOA,OAAO,MAAMA,wBAAwB,GAAGA,CAAC;EACxCC,MAAM;EACNC;AAC+B,CAAC,KAAiB;EACjD,SAAS;;EACT;EACA;EACA;EACA,MAAMC,SAAS,GAAGD,UAAU,EAAEE,KAAK,IAAI,CAAC;EACxC,MAAMC,SAAS,GAAGH,UAAU,EAAEI,KAAK,IAAI,CAAC;EAExC,OAAO;IACNC,SAAS,EAAE,CACV;MAAEC,UAAU,EAAEP,MAAM,CAACK,KAAK,GAAGD;IAAU,CAAC,EACxC;MAAEI,UAAU,EAAER,MAAM,CAACG,KAAK,GAAGD;IAAU,CAAC;EAE1C,CAAC;AACF,CAAC","ignoreList":[]}

package/lib/module/components/boundary/portal/hooks/use-active-portal-boundary-host.js

@@ -0,0 +1,31 @@
+"use strict";
+
+import { useLayoutEffect } from "react";
+import { mountPortalBoundaryHost, unmountPortalBoundaryHostByName } from "../stores/portal-boundary-host.store";
+import { createBoundaryPortalHostName } from "../utils/naming";
+
+// Hosts belong to mounted boundaries, not animation phases. React prepares
+// them once; attachment and release are entirely UI-thread decisions.
+export const useActivePortalBoundaryHost = ({
+  boundaryId,
+  escapeHostKey,
+  localMeasurement,
+  portalHostReady,
+  slotsMap
+}) => {
+  const portalHostName = escapeHostKey ? createBoundaryPortalHostName(escapeHostKey, boundaryId) : null;
+  useLayoutEffect(() => {
+    if (!escapeHostKey || !portalHostName) return;
+    mountPortalBoundaryHost({
+      boundaryId,
+      hostKey: escapeHostKey,
+      localMeasurement,
+      portalHostName,
+      portalHostReady,
+      slotsMap
+    });
+    return () => unmountPortalBoundaryHostByName(portalHostName);
+  }, [boundaryId, escapeHostKey, localMeasurement, portalHostName, portalHostReady, slotsMap]);
+  return portalHostName;
+};
+//# sourceMappingURL=use-active-portal-boundary-host.js.map

package/lib/module/components/boundary/portal/hooks/use-active-portal-boundary-host.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useLayoutEffect","mountPortalBoundaryHost","unmountPortalBoundaryHostByName","createBoundaryPortalHostName","useActivePortalBoundaryHost","boundaryId","escapeHostKey","localMeasurement","portalHostReady","slotsMap","portalHostName","hostKey"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/hooks/use-active-portal-boundary-host.ts"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,OAAO;AAIvC,SACCC,uBAAuB,EACvBC,+BAA+B,QACzB,sCAAsC;AAC7C,SAASC,4BAA4B,QAAQ,iBAAiB;;AAE9D;AACA;AACA,OAAO,MAAMC,2BAA2B,GAAGA,CAAC;EAC3CC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,eAAe;EACfC;AAOD,CAAC,KAAK;EACL,MAAMC,cAAc,GAAGJ,aAAa,GACjCH,4BAA4B,CAACG,aAAa,EAAED,UAAU,CAAC,GACvD,IAAI;EAEPL,eAAe,CAAC,MAAM;IACrB,IAAI,CAACM,aAAa,IAAI,CAACI,cAAc,EAAE;IAEvCT,uBAAuB,CAAC;MACvBI,UAAU;MACVM,OAAO,EAAEL,aAAa;MACtBC,gBAAgB;MAChBG,cAAc;MACdF,eAAe;MACfC;IACD,CAAC,CAAC;IAEF,OAAO,MAAMP,+BAA+B,CAACQ,cAAc,CAAC;EAC7D,CAAC,EAAE,CACFL,UAAU,EACVC,aAAa,EACbC,gBAAgB,EAChBG,cAAc,EACdF,eAAe,EACfC,QAAQ,CACR,CAAC;EACF,OAAOC,cAAc;AACtB,CAAC","ignoreList":[]}

package/lib/module/components/boundary/portal/hooks/use-host-measurement.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import { cancelAnimation, measure, useAnimatedReaction, useAnimatedRef, useDerivedValue, useSharedValue, withDelay, withTiming } from "react-native-reanimated";
+const HOST_MEASUREMENT_RETRY_DELAY_MS = 16;
+const MAX_HOST_MEASUREMENT_ATTEMPTS = 20;
+export const useHostMeasurement = ({
+  measurementKey,
+  boundaryMeasurements
+}) => {
+  const hostRef = useAnimatedRef();
+  const measurement = useSharedValue(null);
+  const hostBounds = useDerivedValue(() => {
+    const captured = measurement.get();
+    return captured?.key === measurementKey ? captured.bounds : null;
+  });
+  const retryToken = useSharedValue(0);
+  const attempts = useSharedValue({
+    key: measurementKey,
+    count: 0
+  });
+  useAnimatedReaction(() => {
+    "worklet";
+
+    if (!measurementKey) {
+      return null;
+    }
+
+    // Hosts mount before their screen is visible. Wait for source capture
+    // rather than caching the screen's initial offscreen position.
+    let hasSource = false;
+    for (const measurement of boundaryMeasurements) {
+      if (measurement.get()) {
+        hasSource = true;
+        break;
+      }
+    }
+    if (!hasSource) return null;
+    return [measurementKey, measurement.get()?.key ?? null, retryToken.get()];
+  }, state => {
+    "worklet";
+
+    if (!state) {
+      cancelAnimation(retryToken);
+      return;
+    }
+    const [requestedKey, completedKey] = state;
+    if (requestedKey === completedKey) {
+      return;
+    }
+    cancelAnimation(retryToken);
+    const count = attempts.get().key === requestedKey ? attempts.get().count : 0;
+    if (count >= MAX_HOST_MEASUREMENT_ATTEMPTS) return;
+    attempts.set({
+      key: requestedKey,
+      count: count + 1
+    });
+    const measured = measure(hostRef);
+    if (!measured || measured.width <= 0 || measured.height <= 0) {
+      if (count + 1 < MAX_HOST_MEASUREMENT_ATTEMPTS) {
+        retryToken.set(withDelay(HOST_MEASUREMENT_RETRY_DELAY_MS, withTiming(retryToken.get() + 1, {
+          duration: 0
+        })));
+      }
+      return;
+    }
+    measurement.set({
+      key: requestedKey,
+      bounds: {
+        ...measured
+      }
+    });
+  });
+  return {
+    hostBounds,
+    hostRef
+  };
+};
+//# sourceMappingURL=use-host-measurement.js.map

package/lib/module/components/boundary/portal/hooks/use-host-measurement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["cancelAnimation","measure","useAnimatedReaction","useAnimatedRef","useDerivedValue","useSharedValue","withDelay","withTiming","HOST_MEASUREMENT_RETRY_DELAY_MS","MAX_HOST_MEASUREMENT_ATTEMPTS","useHostMeasurement","measurementKey","boundaryMeasurements","hostRef","measurement","hostBounds","captured","get","key","bounds","retryToken","attempts","count","hasSource","state","requestedKey","completedKey","set","measured","width","height","duration"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/hooks/use-host-measurement.ts"],"mappings":";;AACA,SACCA,eAAe,EAEfC,OAAO,EACPC,mBAAmB,EACnBC,cAAc,EACdC,eAAe,EACfC,cAAc,EACdC,SAAS,EACTC,UAAU,QACJ,yBAAyB;AAIhC,MAAMC,+BAA+B,GAAG,EAAE;AAC1C,MAAMC,6BAA6B,GAAG,EAAE;AAOxC,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EAClCC,cAAc;EACdC;AACyB,CAAC,KAAK;EAC/B,MAAMC,OAAO,GAAGV,cAAc,CAAO,CAAC;EACtC,MAAMW,WAAW,GAAGT,cAAc,CAGxB,IAAI,CAAC;EACf,MAAMU,UAAU,GAAGX,eAAe,CAAC,MAAM;IACxC,MAAMY,QAAQ,GAAGF,WAAW,CAACG,GAAG,CAAC,CAAC;IAClC,OAAOD,QAAQ,EAAEE,GAAG,KAAKP,cAAc,GAAGK,QAAQ,CAACG,MAAM,GAAG,IAAI;EACjE,CAAC,CAAC;EACF,MAAMC,UAAU,GAAGf,cAAc,CAAC,CAAC,CAAC;EACpC,MAAMgB,QAAQ,GAAGhB,cAAc,CAAC;IAAEa,GAAG,EAAEP,cAAc;IAAEW,KAAK,EAAE;EAAE,CAAC,CAAC;EAElEpB,mBAAmB,CAClB,MAAM;IACL,SAAS;;IACT,IAAI,CAACS,cAAc,EAAE;MACpB,OAAO,IAAI;IACZ;;IAEA;IACA;IACA,IAAIY,SAAS,GAAG,KAAK;IACrB,KAAK,MAAMT,WAAW,IAAIF,oBAAoB,EAAE;MAC/C,IAAIE,WAAW,CAACG,GAAG,CAAC,CAAC,EAAE;QACtBM,SAAS,GAAG,IAAI;QAChB;MACD;IACD;IACA,IAAI,CAACA,SAAS,EAAE,OAAO,IAAI;IAC3B,OAAO,CACNZ,cAAc,EACdG,WAAW,CAACG,GAAG,CAAC,CAAC,EAAEC,GAAG,IAAI,IAAI,EAC9BE,UAAU,CAACH,GAAG,CAAC,CAAC,CAChB;EACF,CAAC,EACAO,KAAK,IAAK;IACV,SAAS;;IACT,IAAI,CAACA,KAAK,EAAE;MACXxB,eAAe,CAACoB,UAAU,CAAC;MAC3B;IACD;IAEA,MAAM,CAACK,YAAY,EAAEC,YAAY,CAAC,GAAGF,KAAK;IAC1C,IAAIC,YAAY,KAAKC,YAAY,EAAE;MAClC;IACD;IAEA1B,eAAe,CAACoB,UAAU,CAAC;IAC3B,MAAME,KAAK,GACVD,QAAQ,CAACJ,GAAG,CAAC,CAAC,CAACC,GAAG,KAAKO,YAAY,GAAGJ,QAAQ,CAACJ,GAAG,CAAC,CAAC,CAACK,KAAK,GAAG,CAAC;IAC/D,IAAIA,KAAK,IAAIb,6BAA6B,EAAE;IAC5CY,QAAQ,CAACM,GAAG,CAAC;MAAET,GAAG,EAAEO,YAAY;MAAEH,KAAK,EAAEA,KAAK,GAAG;IAAE,CAAC,CAAC;IAErD,MAAMM,QAAQ,GAAG3B,OAAO,CAACY,OAAO,CAAC;IACjC,IAAI,CAACe,QAAQ,IAAIA,QAAQ,CAACC,KAAK,IAAI,CAAC,IAAID,QAAQ,CAACE,MAAM,IAAI,CAAC,EAAE;MAC7D,IAAIR,KAAK,GAAG,CAAC,GAAGb,6BAA6B,EAAE;QAC9CW,UAAU,CAACO,GAAG,CACbrB,SAAS,CACRE,+BAA+B,EAC/BD,UAAU,CAACa,UAAU,CAACH,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE;UAAEc,QAAQ,EAAE;QAAE,CAAC,CACjD,CACD,CAAC;MACF;MACA;IACD;IAEAjB,WAAW,CAACa,GAAG,CAAC;MAAET,GAAG,EAAEO,YAAY;MAAEN,MAAM,EAAE;QAAE,GAAGS;MAAS;IAAE,CAAC,CAAC;EAChE,CACD,CAAC;EACD,OAAO;IACNb,UAAU;IACVF;EACD,CAAC;AACF,CAAC","ignoreList":[]}

package/lib/module/components/boundary/portal/hooks/use-placeholder-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useAnimatedStyle","useSharedValue","usePlaceholderStyles","placeholderWidth","placeholderHeight","placeholderStyle","width","get","height","handleOnLayout","layout","hasValidDimensions","set"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/hooks/use-placeholder-styles.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,OAAO;AAEnC,SAASC,gBAAgB,EAAEC,cAAc,QAAQ,yBAAyB;AAE1E,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACzC,MAAMC,gBAAgB,GAAGF,cAAc,CAAC,CAAC,CAAC;EAC1C,MAAMG,iBAAiB,GAAGH,cAAc,CAAC,CAAC,CAAC;EAC3C;EACA;EACA;EACA;EACA,MAAMI,gBAAgB,GAAGL,gBAAgB,CAAC,MAAM;IAC/C,SAAS;;IACT,MAAMM,KAAK,GAAGH,gBAAgB,CAACI,GAAG,CAAC,CAAC;IACpC,MAAMC,MAAM,GAAGJ,iBAAiB,CAACG,GAAG,CAAC,CAAC;IAEtC,IAAID,KAAK,KAAK,CAAC,EAAE;MAChB,OAAO;QAAEA,KAAK,EAAE,MAAM;QAAEE,MAAM,EAAE;MAAO,CAAC;IACzC;IAEA,OAAO;MAAEF,KAAK;MAAEE;IAAO,CAAC;EACzB,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAGV,WAAW,CAChCW,MAAuB,IAAK;IAC5B,SAAS;;IACT,MAAM;MAAEJ,KAAK;MAAEE;IAAO,CAAC,GAAGE,MAAM;IAChC,IAAIJ,KAAK,KAAK,CAAC,IAAIE,MAAM,KAAK,CAAC,EAAE;MAChC;IACD;IAEA,MAAMG,kBAAkB,GACvBP,iBAAiB,CAACG,GAAG,CAAC,CAAC,KAAK,CAAC,IAAIJ,gBAAgB,CAACI,GAAG,CAAC,CAAC,KAAK,CAAC;IAE9D,IAAI,CAACI,kBAAkB,EAAE;MACxBR,gBAAgB,CAACS,GAAG,CAACN,KAAK,CAAC;MAC3BF,iBAAiB,CAACQ,GAAG,CAACJ,MAAM,CAAC;IAC9B;EACD,CAAC,EACD,CAACJ,iBAAiB,EAAED,gBAAgB,CACrC,CAAC;EAED,OAAO;IAAEE,gBAAgB;IAAEI;EAAe,CAAC;AAC5C,CAAC","ignoreList":[]}

package/lib/module/components/boundary/portal/hooks/use-portal-destination.js

@@ -0,0 +1,54 @@
+"use strict";
+
+import { useAnimatedProps, useSharedValue } from "react-native-reanimated";
+import { useBoundaryRootStore } from "../../providers/boundary-root.provider";
+import { useActiveHostKey } from "../stores/host-registry.store";
+import { createHandoffHostName, PORTAL_HOST_NAME_RESET_VALUE } from "../utils/naming";
+import { useActivePortalBoundaryHost } from "./use-active-portal-boundary-host";
+export function usePortalDestination(boundaryId, mode) {
+  const {
+    currentScreenKey,
+    localMeasurement,
+    slotsMap,
+    boundaryPresentation
+  } = useBoundaryRootStore(s => s);
+  const portalHostReady = useSharedValue(false);
+  const escapeHostKey = useActiveHostKey(mode === "escapeClipping" ? currentScreenKey : null);
+  const portalHostName = useActivePortalBoundaryHost({
+    boundaryId,
+    escapeHostKey,
+    localMeasurement,
+    portalHostReady,
+    slotsMap
+  });
+  const teleportProps = useAnimatedProps(() => {
+    "worklet";
+
+    const {
+      owner,
+      receiver,
+      slots
+    } = boundaryPresentation.get();
+    const slot = slots[boundaryId];
+    const {
+      pointerEvents: _pointerEvents,
+      handoffTarget: _handoffTarget,
+      ...props
+    } = slot?.props ?? {};
+    let hostName = PORTAL_HOST_NAME_RESET_VALUE;
+    if (mode === "handoff") {
+      hostName = createHandoffHostName(receiver, boundaryId);
+    } else if (owner?.ready && localMeasurement.get()?.pairKey === owner.pairKey && slot !== undefined && portalHostReady.get()) {
+      hostName = portalHostName;
+    }
+    return {
+      ...props,
+      hostName
+    };
+  });
+  return {
+    teleportProps,
+    localHostName: createHandoffHostName(currentScreenKey, boundaryId)
+  };
+}
+//# sourceMappingURL=use-portal-destination.js.map

package/lib/module/components/boundary/portal/hooks/use-portal-destination.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useAnimatedProps","useSharedValue","useBoundaryRootStore","useActiveHostKey","createHandoffHostName","PORTAL_HOST_NAME_RESET_VALUE","useActivePortalBoundaryHost","usePortalDestination","boundaryId","mode","currentScreenKey","localMeasurement","slotsMap","boundaryPresentation","s","portalHostReady","escapeHostKey","portalHostName","teleportProps","owner","receiver","slots","get","slot","pointerEvents","_pointerEvents","handoffTarget","_handoffTarget","props","hostName","ready","pairKey","undefined","localHostName"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/hooks/use-portal-destination.ts"],"mappings":";;AAAA,SAASA,gBAAgB,EAAEC,cAAc,QAAQ,yBAAyB;AAC1E,SAASC,oBAAoB,QAAQ,wCAAwC;AAC7E,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SACCC,qBAAqB,EACrBC,4BAA4B,QACtB,iBAAiB;AACxB,SAASC,2BAA2B,QAAQ,mCAAmC;AAI/E,OAAO,SAASC,oBAAoBA,CAACC,UAAkB,EAAEC,IAAgB,EAAE;EAC1E,MAAM;IAAEC,gBAAgB;IAAEC,gBAAgB;IAAEC,QAAQ;IAAEC;EAAqB,CAAC,GAC3EX,oBAAoB,CAAEY,CAAC,IAAKA,CAAC,CAAC;EAC/B,MAAMC,eAAe,GAAGd,cAAc,CAAC,KAAK,CAAC;EAC7C,MAAMe,aAAa,GAAGb,gBAAgB,CACrCM,IAAI,KAAK,gBAAgB,GAAGC,gBAAgB,GAAG,IAChD,CAAC;EACD,MAAMO,cAAc,GAAGX,2BAA2B,CAAC;IAClDE,UAAU;IACVQ,aAAa;IACbL,gBAAgB;IAChBI,eAAe;IACfH;EACD,CAAC,CAAC;EACF,MAAMM,aAAa,GAAGlB,gBAAgB,CAAC,MAAM;IAC5C,SAAS;;IACT,MAAM;MAAEmB,KAAK;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAGR,oBAAoB,CAACS,GAAG,CAAC,CAAC;IAC7D,MAAMC,IAAI,GAAGF,KAAK,CAACb,UAAU,CAAC;IAC9B,MAAM;MACLgB,aAAa,EAAEC,cAAc;MAC7BC,aAAa,EAAEC,cAAc;MAC7B,GAAGC;IACJ,CAAC,GAAGL,IAAI,EAAEK,KAAK,IAAI,CAAC,CAAC;IACrB,IAAIC,QAAuB,GAAGxB,4BAA4B;IAC1D,IAAII,IAAI,KAAK,SAAS,EAAE;MACvBoB,QAAQ,GAAGzB,qBAAqB,CAACgB,QAAQ,EAAEZ,UAAU,CAAC;IACvD,CAAC,MAAM,IACNW,KAAK,EAAEW,KAAK,IACZnB,gBAAgB,CAACW,GAAG,CAAC,CAAC,EAAES,OAAO,KAAKZ,KAAK,CAACY,OAAO,IACjDR,IAAI,KAAKS,SAAS,IAClBjB,eAAe,CAACO,GAAG,CAAC,CAAC,EACpB;MACDO,QAAQ,GAAGZ,cAAc;IAC1B;IAEA,OAAO;MAAE,GAAGW,KAAK;MAAEC;IAAS,CAAC;EAC9B,CAAC,CAAC;EACF,OAAO;IACNX,aAAa;IACbe,aAAa,EAAE7B,qBAAqB,CAACM,gBAAgB,EAAEF,UAAU;EAClE,CAAC;AACF","ignoreList":[]}

package/lib/module/components/boundary/portal/index.js

@@ -1,5 +1,4 @@
 "use strict";
 
-export { Host } from "./components/boundary-portal/components/host";
 export { PortalProvider } from "./components/portal-provider";
 //# sourceMappingURL=index.js.map

package/lib/module/components/boundary/portal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Host","PortalProvider"],"sourceRoot":"../../../../../src","sources":["components/boundary/portal/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,8CAA8C;AACnE,SAASC,cAAc,QAAQ,8BAA8B","ignoreList":[]}
+{"version":3,"names":["PortalProvider"],"sourceRoot":"../../../../../src","sources":["components/boundary/portal/index.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,8BAA8B","ignoreList":[]}

package/lib/module/components/boundary/portal/{components/boundary-portal/stores → stores}/host-registry.store.js

@@ -1,10 +1,8 @@
 "use strict";
 
 import { useSyncExternalStore } from "react";
-const EMPTY_SNAPSHOT = {};
 const listeners = new Set();
 const hostStacks = new Map();
-let snapshot = EMPTY_SNAPSHOT;
 
 /**
  * The active host for a screen. Stack ordering is the load-bearing invariant:
@@ -24,15 +22,7 @@ const getActiveHostFromStack = (screenKey, stack) => {
   }
   return stack[0]?.hostKey ?? screenKey;
 };
-const buildSnapshot = () => {
-  const nextSnapshot = {};
-  for (const [screenKey, stack] of hostStacks) {
-    nextSnapshot[screenKey] = getActiveHostFromStack(screenKey, stack);
-  }
-  return nextSnapshot;
-};
 const emit = () => {
-  snapshot = buildSnapshot();
   for (const listener of listeners) {
     listener();
   }
@@ -76,14 +66,13 @@ export const unregisterHost = (screenKey, hostKey) => {
   emit();
 };
 export const getActiveHostKey = screenKey => {
-  return snapshot[screenKey] ?? screenKey;
+  return getActiveHostFromStack(screenKey, hostStacks.get(screenKey));
 };
 export const useActiveHostKey = screenKey => {
   return useSyncExternalStore(subscribe, () => screenKey ? getActiveHostKey(screenKey) : undefined, () => undefined);
 };
 export const resetHostRegistry = () => {
   hostStacks.clear();
-  snapshot = EMPTY_SNAPSHOT;
   emit();
 };
 //# sourceMappingURL=host-registry.store.js.map

package/lib/module/components/boundary/portal/stores/host-registry.store.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSyncExternalStore","listeners","Set","hostStacks","Map","getActiveHostFromStack","screenKey","stack","length","index","host","fallback","hostKey","emit","listener","subscribe","add","delete","registerHost","registration","get","previousActiveHostKey","nextStack","filter","unshift","push","set","unregisterHost","getActiveHostKey","useActiveHostKey","undefined","resetHostRegistry","clear"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/stores/host-registry.store.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/boundary/portal/{components/boundary-portal/stores → stores}/portal-boundary-host.store.js

@@ -7,25 +7,23 @@ const activeBoundaryHosts = new Map();
 let snapshot = {
   hostsByScope: {}
 };
-const buildSnapshot = () => {
-  const hostsByScope = {};
-  for (const host of activeBoundaryHosts.values()) {
-    const hosts = hostsByScope[host.hostKey] ?? [];
-    hosts.push(host);
-    hostsByScope[host.hostKey] = hosts;
+
+// Preserve other overlays' snapshots so a registration only rerenders its owners.
+const emit = (...hostKeys) => {
+  const hostsByScope = {
+    ...snapshot.hostsByScope
+  };
+  for (const hostKey of new Set(hostKeys)) {
+    hostsByScope[hostKey] = Array.from(activeBoundaryHosts.values()).filter(host => host.hostKey === hostKey);
+    if (!hostsByScope[hostKey].length) delete hostsByScope[hostKey];
   }
-  return {
+  snapshot = {
     hostsByScope
   };
-};
-const emit = () => {
-  snapshot = buildSnapshot();
-  for (const listener of listeners) {
-    listener();
-  }
+  for (const listener of listeners) listener();
 };
 const isSameHost = (a, b) => {
-  return a.boundaryId === b.boundaryId && a.hostKey === b.hostKey && a.localMeasurement === b.localMeasurement && a.pairKey === b.pairKey && a.portalHostName === b.portalHostName && a.portalHostReady === b.portalHostReady && a.slotsMap === b.slotsMap;
+  return a.boundaryId === b.boundaryId && a.hostKey === b.hostKey && a.localMeasurement === b.localMeasurement && a.portalHostName === b.portalHostName && a.portalHostReady === b.portalHostReady && a.slotsMap === b.slotsMap;
 };
 export const mountPortalBoundaryHost = host => {
   const previous = activeBoundaryHosts.get(host.portalHostName);
@@ -33,13 +31,15 @@ export const mountPortalBoundaryHost = host => {
     return;
   }
   activeBoundaryHosts.set(host.portalHostName, host);
-  emit();
+  emit(host.hostKey, previous?.hostKey ?? host.hostKey);
 };
 export const unmountPortalBoundaryHostByName = portalHostName => {
-  if (!portalHostName || !activeBoundaryHosts.delete(portalHostName)) {
+  const host = portalHostName ? activeBoundaryHosts.get(portalHostName) : undefined;
+  if (!host) {
     return;
   }
-  emit();
+  activeBoundaryHosts.delete(host.portalHostName);
+  emit(host.hostKey);
 };
 const subscribe = listener => {
   listeners.add(listener);

package/lib/module/components/boundary/portal/stores/portal-boundary-host.store.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSyncExternalStore","EMPTY_HOSTS","listeners","Set","activeBoundaryHosts","Map","snapshot","hostsByScope","emit","hostKeys","hostKey","Array","from","values","filter","host","length","listener","isSameHost","a","b","boundaryId","localMeasurement","portalHostName","portalHostReady","slotsMap","mountPortalBoundaryHost","previous","get","set","unmountPortalBoundaryHostByName","undefined","delete","subscribe","add","useActivePortalBoundaryHosts"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/stores/portal-boundary-host.store.ts"],"mappings":";;AAAA,SAASA,oBAAoB,QAAQ,OAAO;AAkB5C,MAAMC,WAAuC,GAAG,EAAE;AAElD,MAAMC,SAAS,GAAG,IAAIC,GAAG,CAAa,CAAC;AACvC,MAAMC,mBAAmB,GAAG,IAAIC,GAAG,CAAmC,CAAC;AAEvE,IAAIC,QAAwB,GAAG;EAC9BC,YAAY,EAAE,CAAC;AAChB,CAAC;;AAED;AACA,MAAMC,IAAI,GAAGA,CAAC,GAAGC,QAAkB,KAAK;EACvC,MAAMF,YAAY,GAAG;IAAE,GAAGD,QAAQ,CAACC;EAAa,CAAC;EACjD,KAAK,MAAMG,OAAO,IAAI,IAAIP,GAAG,CAACM,QAAQ,CAAC,EAAE;IACxCF,YAAY,CAACG,OAAO,CAAC,GAAGC,KAAK,CAACC,IAAI,CAACR,mBAAmB,CAACS,MAAM,CAAC,CAAC,CAAC,CAACC,MAAM,CACrEC,IAAI,IAAKA,IAAI,CAACL,OAAO,KAAKA,OAC5B,CAAC;IACD,IAAI,CAACH,YAAY,CAACG,OAAO,CAAC,CAACM,MAAM,EAAE,OAAOT,YAAY,CAACG,OAAO,CAAC;EAChE;EACAJ,QAAQ,GAAG;IAAEC;EAAa,CAAC;EAC3B,KAAK,MAAMU,QAAQ,IAAIf,SAAS,EAAEe,QAAQ,CAAC,CAAC;AAC7C,CAAC;AAED,MAAMC,UAAU,GAAGA,CAClBC,CAA2B,EAC3BC,CAA2B,KACvB;EACJ,OACCD,CAAC,CAACE,UAAU,KAAKD,CAAC,CAACC,UAAU,IAC7BF,CAAC,CAACT,OAAO,KAAKU,CAAC,CAACV,OAAO,IACvBS,CAAC,CAACG,gBAAgB,KAAKF,CAAC,CAACE,gBAAgB,IACzCH,CAAC,CAACI,cAAc,KAAKH,CAAC,CAACG,cAAc,IACrCJ,CAAC,CAACK,eAAe,KAAKJ,CAAC,CAACI,eAAe,IACvCL,CAAC,CAACM,QAAQ,KAAKL,CAAC,CAACK,QAAQ;AAE3B,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAIX,IAA8B,IAAK;EAC1E,MAAMY,QAAQ,GAAGvB,mBAAmB,CAACwB,GAAG,CAACb,IAAI,CAACQ,cAAc,CAAC;EAC7D,IAAII,QAAQ,IAAIT,UAAU,CAACS,QAAQ,EAAEZ,IAAI,CAAC,EAAE;IAC3C;EACD;EAEAX,mBAAmB,CAACyB,GAAG,CAACd,IAAI,CAACQ,cAAc,EAAER,IAAI,CAAC;EAClDP,IAAI,CAACO,IAAI,CAACL,OAAO,EAAEiB,QAAQ,EAAEjB,OAAO,IAAIK,IAAI,CAACL,OAAO,CAAC;AACtD,CAAC;AAED,OAAO,MAAMoB,+BAA+B,GAC3CP,cAAyC,IACrC;EACJ,MAAMR,IAAI,GAAGQ,cAAc,GACxBnB,mBAAmB,CAACwB,GAAG,CAACL,cAAc,CAAC,GACvCQ,SAAS;EACZ,IAAI,CAAChB,IAAI,EAAE;IACV;EACD;EAEAX,mBAAmB,CAAC4B,MAAM,CAACjB,IAAI,CAACQ,cAAc,CAAC;EAC/Cf,IAAI,CAACO,IAAI,CAACL,OAAO,CAAC;AACnB,CAAC;AAED,MAAMuB,SAAS,GAAIhB,QAAoB,IAAK;EAC3Cf,SAAS,CAACgC,GAAG,CAACjB,QAAQ,CAAC;EAEvB,OAAO,MAAM;IACZf,SAAS,CAAC8B,MAAM,CAACf,QAAQ,CAAC;EAC3B,CAAC;AACF,CAAC;AAED,OAAO,MAAMkB,4BAA4B,GAAIzB,OAAe,IAAK;EAChE,OAAOV,oBAAoB,CAC1BiC,SAAS,EACT,MAAM3B,QAAQ,CAACC,YAAY,CAACG,OAAO,CAAC,IAAIT,WAAW,EACnD,MAAMA,WACP,CAAC;AACF,CAAC","ignoreList":[]}

package/lib/module/components/boundary/portal/utils/naming.js

@@ -7,4 +7,10 @@ export const createBoundaryPortalHostName = (hostKey, boundaryId, pairKey) => {
   return `${hostKey}-${pairKey ? `${pairKey}-` : ""}${boundaryId}${BOUNDARY_PORTAL_HOST_NAME_SUFFIX}`;
 };
 export const PORTAL_HOST_NAME_RESET_VALUE = null;
+const BOUNDARY_CONTENT_PORTAL_HOST_NAME_SUFFIX = "-content-portal-host";
+export const createHandoffHostName = (screenKey, boundaryId) => {
+  "worklet";
+
+  return `${screenKey}-${boundaryId}${BOUNDARY_CONTENT_PORTAL_HOST_NAME_SUFFIX}`;
+};
 //# sourceMappingURL=naming.js.map

package/lib/module/components/boundary/portal/utils/naming.js.map

@@ -1 +1 @@
-{"version":3,"names":["BOUNDARY_PORTAL_HOST_NAME_SUFFIX","createBoundaryPortalHostName","hostKey","boundaryId","pairKey","PORTAL_HOST_NAME_RESET_VALUE"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/utils/naming.ts"],"mappings":";;AAAA,MAAMA,gCAAgC,GAAG,cAAc;AAEvD,OAAO,MAAMC,4BAA4B,GAAGA,CAC3CC,OAAe,EACfC,UAAkB,EAClBC,OAAuB,KACnB;EACJ,SAAS;;EACT,OAAO,GAAGF,OAAO,IAAIE,OAAO,GAAG,GAAGA,OAAO,GAAG,GAAG,EAAE,GAAGD,UAAU,GAAGH,gCAAgC,EAAE;AACpG,CAAC;AAED,OAAO,MAAMK,4BAA4B,GAAG,IAAI","ignoreList":[]}
+{"version":3,"names":["BOUNDARY_PORTAL_HOST_NAME_SUFFIX","createBoundaryPortalHostName","hostKey","boundaryId","pairKey","PORTAL_HOST_NAME_RESET_VALUE","BOUNDARY_CONTENT_PORTAL_HOST_NAME_SUFFIX","createHandoffHostName","screenKey"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/utils/naming.ts"],"mappings":";;AAAA,MAAMA,gCAAgC,GAAG,cAAc;AAEvD,OAAO,MAAMC,4BAA4B,GAAGA,CAC3CC,OAAe,EACfC,UAAkB,EAClBC,OAAuB,KACnB;EACJ,SAAS;;EACT,OAAO,GAAGF,OAAO,IAAIE,OAAO,GAAG,GAAGA,OAAO,GAAG,GAAG,EAAE,GAAGD,UAAU,GAAGH,gCAAgC,EAAE;AACpG,CAAC;AAED,OAAO,MAAMK,4BAA4B,GAAG,IAAI;AAEhD,MAAMC,wCAAwC,GAAG,sBAAsB;AAEvE,OAAO,MAAMC,qBAAqB,GAAGA,CACpCC,SAAiB,EACjBL,UAAkB,KACd;EACJ,SAAS;;EACT,OAAO,GAAGK,SAAS,IAAIL,UAAU,GAAGG,wCAAwC,EAAE;AAC/E,CAAC","ignoreList":[]}