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

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

@@ -0,0 +1,170 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PortalOverlay = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _constants = require("../../../../constants");
+var _builder = require("../../../../providers/screen/builder");
+var _composeSlotStyle = require("../../../../providers/screen/orchestrator/styles/helpers/compose-slot-style");
+var _offsetStyle = require("../helpers/offset-style");
+var _useHostMeasurement = require("../hooks/use-host-measurement");
+var _hostRegistry = require("../stores/host-registry.store");
+var _portalBoundaryHost = require("../stores/portal-boundary-host.store");
+var _teleport = require("../teleport");
+var _portalHost = require("./portal-host");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * 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.
+ */
+const PortalOverlay = exports.PortalOverlay = /*#__PURE__*/(0, _react.memo)(function PortalOverlay({
+  fallback = false,
+  style
+}) {
+  const screenKey = (0, _builder.useBuilderStore)(s => s.derivations.currentScreenKey);
+  const id = (0, _react.useId)();
+  const hostKey = fallback ? screenKey : `${screenKey}-host-${id}`;
+  const activeBoundaryHosts = (0, _portalBoundaryHost.useActivePortalBoundaryHosts)(hostKey);
+  const {
+    height: viewportHeight,
+    width: viewportWidth
+  } = (0, _reactNative.useWindowDimensions)();
+  const measurementKey = activeBoundaryHosts.length ? activeBoundaryHosts.map(host => host.portalHostName).join("|") : null;
+  const measurement = (0, _useHostMeasurement.useHostMeasurement)({
+    measurementKey,
+    boundaryMeasurements: activeBoundaryHosts.map(host => host.localMeasurement)
+  });
+  const boundaryHosts = activeBoundaryHosts.map(host => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    pointerEvents: _teleport.PORTAL_POINTER_EVENTS,
+    style: [styles.boundaryHostViewport, {
+      width: viewportWidth,
+      height: viewportHeight
+    }],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(BoundaryPortalPlacement, {
+      host: host,
+      hostBounds: measurement.hostBounds
+    })
+  }, host.portalHostName));
+  (0, _react.useLayoutEffect)(() => {
+    (0, _hostRegistry.registerHost)({
+      fallback,
+      hostKey,
+      screenKey
+    });
+    return () => {
+      (0, _hostRegistry.unregisterHost)(screenKey, hostKey);
+    };
+  }, [fallback, hostKey, screenKey]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    ref: measurement.hostRef,
+    pointerEvents: _teleport.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__*/(0, _react.memo)(function BoundaryPortalPlacement({
+  host,
+  hostBounds
+}) {
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
+    "worklet";
+
+    return getCurrentBoundaryBounds(host) !== null && hostBounds.get() !== null;
+  }, ready => {
+    "worklet";
+
+    host.portalHostReady.set(ready);
+  });
+  const hostStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    "worklet";
+
+    const boundaryBounds = getCurrentBoundaryBounds(host);
+    if (!boundaryBounds) {
+      return _constants.NO_STYLES;
+    }
+    return (0, _offsetStyle.resolvePortalOffsetStyle)({
+      bounds: boundaryBounds,
+      hostBounds: hostBounds.get()
+    });
+  });
+  const contentFrameStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    "worklet";
+
+    const boundaryBounds = getCurrentBoundaryBounds(host);
+    if (!boundaryBounds) {
+      return _constants.NO_STYLES;
+    }
+    return {
+      height: boundaryBounds.height,
+      width: boundaryBounds.width
+    };
+  });
+  const slotStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    "worklet";
+
+    const slot = host.slotsMap.get()[host.boundaryId];
+    return (0, _composeSlotStyle.composeSlotStyleWithLocalTransform)(slot?.style ?? _constants.NO_STYLES, undefined, slot?.boundsLocalTransform);
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    pointerEvents: _teleport.PORTAL_POINTER_EVENTS,
+    style: [_reactNative.StyleSheet.absoluteFill, hostStyle],
+    collapsable: false,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_portalHost.PortalHost, {
+      name: host.portalHostName,
+      style: [styles.content, contentFrameStyle, slotStyle]
+    })
+  });
+});
+const styles = _reactNative.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: _reactNative.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/commonjs/components/boundary/portal/components/portal-overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_constants","_builder","_composeSlotStyle","_offsetStyle","_useHostMeasurement","_hostRegistry","_portalBoundaryHost","_teleport","_portalHost","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PortalOverlay","exports","memo","fallback","style","screenKey","useBuilderStore","s","derivations","currentScreenKey","id","useId","hostKey","activeBoundaryHosts","useActivePortalBoundaryHosts","height","viewportHeight","width","viewportWidth","useWindowDimensions","measurementKey","length","map","host","portalHostName","join","measurement","useHostMeasurement","boundaryMeasurements","localMeasurement","boundaryHosts","jsx","View","pointerEvents","PORTAL_POINTER_EVENTS","styles","boundaryHostViewport","children","BoundaryPortalPlacement","hostBounds","useLayoutEffect","registerHost","unregisterHost","ref","hostRef","collapsable","getCurrentBoundaryBounds","bounds","useAnimatedReaction","ready","portalHostReady","hostStyle","useAnimatedStyle","boundaryBounds","NO_STYLES","resolvePortalOffsetStyle","contentFrameStyle","slotStyle","slot","slotsMap","boundaryId","composeSlotStyleWithLocalTransform","undefined","boundsLocalTransform","StyleSheet","absoluteFill","PortalHost","name","content","create","I18nManager","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/commonjs/components/boundary/portal/components/portal.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Portal = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _reactNativeWorklets = require("react-native-worklets");
+var _logger = require("../../../../utils/logger");
+var _usePlaceholderStyles = require("../hooks/use-placeholder-styles");
+var _usePortalDestination = require("../hooks/use-portal-destination");
+var _teleport = require("../teleport");
+var _portalHost = require("./portal-host");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const AnimatedNativePortal = _teleport.NativePortal ? _reactNativeReanimated.default.createAnimatedComponent(_teleport.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.
+ */
+const Portal = exports.Portal = /*#__PURE__*/(0, _react.memo)(function Portal(props) {
+  if (!props.enabled || props.boundaryId === undefined || !_teleport.isTeleportAvailable || !AnimatedNativePortal) {
+    return props.children;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(EnabledPortal, {
+    ...props,
+    boundaryId: props.boundaryId
+  });
+});
+function EnabledPortal({
+  boundaryId,
+  children,
+  mode,
+  placeholderRef
+}) {
+  if (__DEV__ && mode === "escapeClipping" && !boundaryId) {
+    _logger.logger.warnOnce("portal:missing-id", "A boundary portal was rendered without an id; rendering inline.");
+  }
+  const {
+    teleportProps,
+    localHostName
+  } = (0, _usePortalDestination.usePortalDestination)(boundaryId, mode);
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsx)(EnabledNativePortal, {
+    animatedProps: teleportProps,
+    name: boundaryId,
+    pointerEvents: _teleport.PORTAL_POINTER_EVENTS,
+    style: mode === "handoff" ? _reactNative.StyleSheet.absoluteFill : undefined,
+    children: children
+  });
+  return mode === "handoff" ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [content, /*#__PURE__*/(0, _jsxRuntime.jsx)(_portalHost.PortalHost, {
+      name: localHostName
+    })]
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(PortalPlaceholder, {
+    placeholderRef: placeholderRef,
+    children: content
+  });
+}
+function PortalPlaceholder({
+  children,
+  placeholderRef
+}) {
+  const {
+    handleOnLayout,
+    placeholderStyle
+  } = (0, _usePlaceholderStyles.usePlaceholderStyles)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    ref: placeholderRef,
+    onLayout: ({
+      nativeEvent: {
+        layout
+      }
+    }) => (0, _reactNativeWorklets.scheduleOnUI)(handleOnLayout, layout),
+    style: placeholderStyle,
+    pointerEvents: _teleport.PORTAL_POINTER_EVENTS,
+    collapsable: false,
+    children: children
+  });
+}
+//# sourceMappingURL=portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_reactNativeWorklets","_logger","_usePlaceholderStyles","_usePortalDestination","_teleport","_portalHost","_jsxRuntime","e","__esModule","default","AnimatedNativePortal","NativePortal","Animated","createAnimatedComponent","EnabledNativePortal","Portal","exports","memo","props","enabled","boundaryId","undefined","isTeleportAvailable","children","jsx","EnabledPortal","mode","placeholderRef","__DEV__","logger","warnOnce","teleportProps","localHostName","usePortalDestination","content","animatedProps","name","pointerEvents","PORTAL_POINTER_EVENTS","style","StyleSheet","absoluteFill","jsxs","Fragment","PortalHost","PortalPlaceholder","handleOnLayout","placeholderStyle","usePlaceholderStyles","View","ref","onLayout","nativeEvent","layout","scheduleOnUI","collapsable"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/components/portal.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAMA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,qBAAA,GAAAP,OAAA;AAIA,IAAAQ,SAAA,GAAAR,OAAA;AAKA,IAAAS,WAAA,GAAAT,OAAA;AAA2C,IAAAU,WAAA,GAAAV,OAAA;AAAA,SAAAG,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAM3C,MAAMG,oBAAoB,GAAGC,sBAAY,GACtCC,8BAAQ,CAACC,uBAAuB,CAChCF,sBACD,CAAC,GACA,IAAI;AACP,MAAMG,mBAAmB,GAAGJ,oBAE3B;AAUD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMK,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,MAAMA,CAACG,KAAkB,EAAE;EAC9D,IACC,CAACA,KAAK,CAACC,OAAO,IACdD,KAAK,CAACE,UAAU,KAAKC,SAAS,IAC9B,CAACC,6BAAmB,IACpB,CAACZ,oBAAoB,EACpB;IACD,OAAOQ,KAAK,CAACK,QAAQ;EACtB;EAEA,oBAAO,IAAAjB,WAAA,CAAAkB,GAAA,EAACC,aAAa;IAAA,GAAKP,KAAK;IAAEE,UAAU,EAAEF,KAAK,CAACE;EAAW,CAAE,CAAC;AAClE,CAAC,CAAC;AAEF,SAASK,aAAaA,CAAC;EACtBL,UAAU;EACVG,QAAQ;EACRG,IAAI;EACJC;AACqC,CAAC,EAAE;EACxC,IAAIC,OAAO,IAAIF,IAAI,KAAK,gBAAgB,IAAI,CAACN,UAAU,EAAE;IACxDS,cAAM,CAACC,QAAQ,CACd,mBAAmB,EACnB,iEACD,CAAC;EACF;EACA,MAAM;IAAEC,aAAa;IAAEC;EAAc,CAAC,GAAG,IAAAC,0CAAoB,EAC5Db,UAAU,EACVM,IACD,CAAC;EAED,MAAMQ,OAAO,gBACZ,IAAA5B,WAAA,CAAAkB,GAAA,EAACV,mBAAmB;IACnBqB,aAAa,EAAEJ,aAAc;IAC7BK,IAAI,EAAEhB,UAAW;IACjBiB,aAAa,EAAEC,+BAAsB;IACrCC,KAAK,EAAEb,IAAI,KAAK,SAAS,GAAGc,uBAAU,CAACC,YAAY,GAAGpB,SAAU;IAAAE,QAAA,EAE/DA;EAAQ,CACW,CACrB;EAED,OAAOG,IAAI,KAAK,SAAS,gBACxB,IAAApB,WAAA,CAAAoC,IAAA,EAAApC,WAAA,CAAAqC,QAAA;IAAApB,QAAA,GACEW,OAAO,eACR,IAAA5B,WAAA,CAAAkB,GAAA,EAACnB,WAAA,CAAAuC,UAAU;MAACR,IAAI,EAAEJ;IAAc,CAAE,CAAC;EAAA,CAClC,CAAC,gBAEH,IAAA1B,WAAA,CAAAkB,GAAA,EAACqB,iBAAiB;IAAClB,cAAc,EAAEA,cAAe;IAAAJ,QAAA,EAChDW;EAAO,CACU,CACnB;AACF;AAEA,SAASW,iBAAiBA,CAAC;EAC1BtB,QAAQ;EACRI;AACiD,CAAC,EAAE;EACpD,MAAM;IAAEmB,cAAc;IAAEC;EAAiB,CAAC,GAAG,IAAAC,0CAAoB,EAAC,CAAC;EACnE,oBACC,IAAA1C,WAAA,CAAAkB,GAAA,EAAC1B,sBAAA,CAAAW,OAAQ,CAACwC,IAAI;IACbC,GAAG,EAAEvB,cAAe;IACpBwB,QAAQ,EAAEA,CAAC;MAAEC,WAAW,EAAE;QAAEC;MAAO;IAAE,CAAC,KACrC,IAAAC,iCAAY,EAACR,cAAc,EAAEO,MAAM,CACnC;IACDd,KAAK,EAAEQ,gBAAiB;IACxBV,aAAa,EAAEC,+BAAsB;IACrCiB,WAAW,EAAE,KAAM;IAAAhC,QAAA,EAElBA;EAAQ,CACK,CAAC;AAElB","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"names":["resolvePortalOffsetStyle","bounds","hostBounds","hostPageX","pageX","hostPageY","pageY","transform","translateY","translateX","exports"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/helpers/offset-style.ts"],"mappings":";;;;;;AAOO,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;AAACO,OAAA,CAAAV,wBAAA,GAAAA,wBAAA","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_portalBoundaryHost","_naming","useActivePortalBoundaryHost","boundaryId","escapeHostKey","localMeasurement","portalHostReady","slotsMap","portalHostName","createBoundaryPortalHostName","useLayoutEffect","mountPortalBoundaryHost","hostKey","unmountPortalBoundaryHostByName","exports"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/hooks/use-active-portal-boundary-host.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAIA,IAAAC,mBAAA,GAAAD,OAAA;AAIA,IAAAE,OAAA,GAAAF,OAAA;AAEA;AACA;AACO,MAAMG,2BAA2B,GAAGA,CAAC;EAC3CC,UAAU;EACVC,aAAa;EACbC,gBAAgB;EAChBC,eAAe;EACfC;AAOD,CAAC,KAAK;EACL,MAAMC,cAAc,GAAGJ,aAAa,GACjC,IAAAK,oCAA4B,EAACL,aAAa,EAAED,UAAU,CAAC,GACvD,IAAI;EAEP,IAAAO,sBAAe,EAAC,MAAM;IACrB,IAAI,CAACN,aAAa,IAAI,CAACI,cAAc,EAAE;IAEvC,IAAAG,2CAAuB,EAAC;MACvBR,UAAU;MACVS,OAAO,EAAER,aAAa;MACtBC,gBAAgB;MAChBG,cAAc;MACdF,eAAe;MACfC;IACD,CAAC,CAAC;IAEF,OAAO,MAAM,IAAAM,mDAA+B,EAACL,cAAc,CAAC;EAC7D,CAAC,EAAE,CACFL,UAAU,EACVC,aAAa,EACbC,gBAAgB,EAChBG,cAAc,EACdF,eAAe,EACfC,QAAQ,CACR,CAAC;EACF,OAAOC,cAAc;AACtB,CAAC;AAACM,OAAA,CAAAZ,2BAAA,GAAAA,2BAAA","ignoreList":[]}

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

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useHostMeasurement = void 0;
+var _reactNativeReanimated = require("react-native-reanimated");
+const HOST_MEASUREMENT_RETRY_DELAY_MS = 16;
+const MAX_HOST_MEASUREMENT_ATTEMPTS = 20;
+const useHostMeasurement = ({
+  measurementKey,
+  boundaryMeasurements
+}) => {
+  const hostRef = (0, _reactNativeReanimated.useAnimatedRef)();
+  const measurement = (0, _reactNativeReanimated.useSharedValue)(null);
+  const hostBounds = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    const captured = measurement.get();
+    return captured?.key === measurementKey ? captured.bounds : null;
+  });
+  const retryToken = (0, _reactNativeReanimated.useSharedValue)(0);
+  const attempts = (0, _reactNativeReanimated.useSharedValue)({
+    key: measurementKey,
+    count: 0
+  });
+  (0, _reactNativeReanimated.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) {
+      (0, _reactNativeReanimated.cancelAnimation)(retryToken);
+      return;
+    }
+    const [requestedKey, completedKey] = state;
+    if (requestedKey === completedKey) {
+      return;
+    }
+    (0, _reactNativeReanimated.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 = (0, _reactNativeReanimated.measure)(hostRef);
+    if (!measured || measured.width <= 0 || measured.height <= 0) {
+      if (count + 1 < MAX_HOST_MEASUREMENT_ATTEMPTS) {
+        retryToken.set((0, _reactNativeReanimated.withDelay)(HOST_MEASUREMENT_RETRY_DELAY_MS, (0, _reactNativeReanimated.withTiming)(retryToken.get() + 1, {
+          duration: 0
+        })));
+      }
+      return;
+    }
+    measurement.set({
+      key: requestedKey,
+      bounds: {
+        ...measured
+      }
+    });
+  });
+  return {
+    hostBounds,
+    hostRef
+  };
+};
+exports.useHostMeasurement = useHostMeasurement;
+//# sourceMappingURL=use-host-measurement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","HOST_MEASUREMENT_RETRY_DELAY_MS","MAX_HOST_MEASUREMENT_ATTEMPTS","useHostMeasurement","measurementKey","boundaryMeasurements","hostRef","useAnimatedRef","measurement","useSharedValue","hostBounds","useDerivedValue","captured","get","key","bounds","retryToken","attempts","count","useAnimatedReaction","hasSource","state","cancelAnimation","requestedKey","completedKey","set","measured","measure","width","height","withDelay","withTiming","duration","exports"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/hooks/use-host-measurement.ts"],"mappings":";;;;;;AACA,IAAAA,sBAAA,GAAAC,OAAA;AAcA,MAAMC,+BAA+B,GAAG,EAAE;AAC1C,MAAMC,6BAA6B,GAAG,EAAE;AAOjC,MAAMC,kBAAkB,GAAGA,CAAC;EAClCC,cAAc;EACdC;AACyB,CAAC,KAAK;EAC/B,MAAMC,OAAO,GAAG,IAAAC,qCAAc,EAAO,CAAC;EACtC,MAAMC,WAAW,GAAG,IAAAC,qCAAc,EAGxB,IAAI,CAAC;EACf,MAAMC,UAAU,GAAG,IAAAC,sCAAe,EAAC,MAAM;IACxC,MAAMC,QAAQ,GAAGJ,WAAW,CAACK,GAAG,CAAC,CAAC;IAClC,OAAOD,QAAQ,EAAEE,GAAG,KAAKV,cAAc,GAAGQ,QAAQ,CAACG,MAAM,GAAG,IAAI;EACjE,CAAC,CAAC;EACF,MAAMC,UAAU,GAAG,IAAAP,qCAAc,EAAC,CAAC,CAAC;EACpC,MAAMQ,QAAQ,GAAG,IAAAR,qCAAc,EAAC;IAAEK,GAAG,EAAEV,cAAc;IAAEc,KAAK,EAAE;EAAE,CAAC,CAAC;EAElE,IAAAC,0CAAmB,EAClB,MAAM;IACL,SAAS;;IACT,IAAI,CAACf,cAAc,EAAE;MACpB,OAAO,IAAI;IACZ;;IAEA;IACA;IACA,IAAIgB,SAAS,GAAG,KAAK;IACrB,KAAK,MAAMZ,WAAW,IAAIH,oBAAoB,EAAE;MAC/C,IAAIG,WAAW,CAACK,GAAG,CAAC,CAAC,EAAE;QACtBO,SAAS,GAAG,IAAI;QAChB;MACD;IACD;IACA,IAAI,CAACA,SAAS,EAAE,OAAO,IAAI;IAC3B,OAAO,CACNhB,cAAc,EACdI,WAAW,CAACK,GAAG,CAAC,CAAC,EAAEC,GAAG,IAAI,IAAI,EAC9BE,UAAU,CAACH,GAAG,CAAC,CAAC,CAChB;EACF,CAAC,EACAQ,KAAK,IAAK;IACV,SAAS;;IACT,IAAI,CAACA,KAAK,EAAE;MACX,IAAAC,sCAAe,EAACN,UAAU,CAAC;MAC3B;IACD;IAEA,MAAM,CAACO,YAAY,EAAEC,YAAY,CAAC,GAAGH,KAAK;IAC1C,IAAIE,YAAY,KAAKC,YAAY,EAAE;MAClC;IACD;IAEA,IAAAF,sCAAe,EAACN,UAAU,CAAC;IAC3B,MAAME,KAAK,GACVD,QAAQ,CAACJ,GAAG,CAAC,CAAC,CAACC,GAAG,KAAKS,YAAY,GAAGN,QAAQ,CAACJ,GAAG,CAAC,CAAC,CAACK,KAAK,GAAG,CAAC;IAC/D,IAAIA,KAAK,IAAIhB,6BAA6B,EAAE;IAC5Ce,QAAQ,CAACQ,GAAG,CAAC;MAAEX,GAAG,EAAES,YAAY;MAAEL,KAAK,EAAEA,KAAK,GAAG;IAAE,CAAC,CAAC;IAErD,MAAMQ,QAAQ,GAAG,IAAAC,8BAAO,EAACrB,OAAO,CAAC;IACjC,IAAI,CAACoB,QAAQ,IAAIA,QAAQ,CAACE,KAAK,IAAI,CAAC,IAAIF,QAAQ,CAACG,MAAM,IAAI,CAAC,EAAE;MAC7D,IAAIX,KAAK,GAAG,CAAC,GAAGhB,6BAA6B,EAAE;QAC9Cc,UAAU,CAACS,GAAG,CACb,IAAAK,gCAAS,EACR7B,+BAA+B,EAC/B,IAAA8B,iCAAU,EAACf,UAAU,CAACH,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE;UAAEmB,QAAQ,EAAE;QAAE,CAAC,CACjD,CACD,CAAC;MACF;MACA;IACD;IAEAxB,WAAW,CAACiB,GAAG,CAAC;MAAEX,GAAG,EAAES,YAAY;MAAER,MAAM,EAAE;QAAE,GAAGW;MAAS;IAAE,CAAC,CAAC;EAChE,CACD,CAAC;EACD,OAAO;IACNhB,UAAU;IACVJ;EACD,CAAC;AACF,CAAC;AAAC2B,OAAA,CAAA9B,kBAAA,GAAAA,kBAAA","ignoreList":[]}

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","usePlaceholderStyles","placeholderWidth","useSharedValue","placeholderHeight","placeholderStyle","useAnimatedStyle","width","get","height","handleOnLayout","useCallback","layout","hasValidDimensions","set","exports"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/hooks/use-placeholder-styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAEO,MAAME,oBAAoB,GAAGA,CAAA,KAAM;EACzC,MAAMC,gBAAgB,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAC1C,MAAMC,iBAAiB,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EAC3C;EACA;EACA;EACA;EACA,MAAME,gBAAgB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC/C,SAAS;;IACT,MAAMC,KAAK,GAAGL,gBAAgB,CAACM,GAAG,CAAC,CAAC;IACpC,MAAMC,MAAM,GAAGL,iBAAiB,CAACI,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,GAAG,IAAAC,kBAAW,EAChCC,MAAuB,IAAK;IAC5B,SAAS;;IACT,MAAM;MAAEL,KAAK;MAAEE;IAAO,CAAC,GAAGG,MAAM;IAChC,IAAIL,KAAK,KAAK,CAAC,IAAIE,MAAM,KAAK,CAAC,EAAE;MAChC;IACD;IAEA,MAAMI,kBAAkB,GACvBT,iBAAiB,CAACI,GAAG,CAAC,CAAC,KAAK,CAAC,IAAIN,gBAAgB,CAACM,GAAG,CAAC,CAAC,KAAK,CAAC;IAE9D,IAAI,CAACK,kBAAkB,EAAE;MACxBX,gBAAgB,CAACY,GAAG,CAACP,KAAK,CAAC;MAC3BH,iBAAiB,CAACU,GAAG,CAACL,MAAM,CAAC;IAC9B;EACD,CAAC,EACD,CAACL,iBAAiB,EAAEF,gBAAgB,CACrC,CAAC;EAED,OAAO;IAAEG,gBAAgB;IAAEK;EAAe,CAAC;AAC5C,CAAC;AAACK,OAAA,CAAAd,oBAAA,GAAAA,oBAAA","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeReanimated","require","_boundaryRoot","_hostRegistry","_naming","_useActivePortalBoundaryHost","usePortalDestination","boundaryId","mode","currentScreenKey","localMeasurement","slotsMap","boundaryPresentation","useBoundaryRootStore","s","portalHostReady","useSharedValue","escapeHostKey","useActiveHostKey","portalHostName","useActivePortalBoundaryHost","teleportProps","useAnimatedProps","owner","receiver","slots","get","slot","pointerEvents","_pointerEvents","handoffTarget","_handoffTarget","props","hostName","PORTAL_HOST_NAME_RESET_VALUE","createHandoffHostName","ready","pairKey","undefined","localHostName"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/hooks/use-portal-destination.ts"],"mappings":";;;;;;AAAA,IAAAA,sBAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AAIA,IAAAI,4BAAA,GAAAJ,OAAA;AAIO,SAASK,oBAAoBA,CAACC,UAAkB,EAAEC,IAAgB,EAAE;EAC1E,MAAM;IAAEC,gBAAgB;IAAEC,gBAAgB;IAAEC,QAAQ;IAAEC;EAAqB,CAAC,GAC3E,IAAAC,kCAAoB,EAAEC,CAAC,IAAKA,CAAC,CAAC;EAC/B,MAAMC,eAAe,GAAG,IAAAC,qCAAc,EAAC,KAAK,CAAC;EAC7C,MAAMC,aAAa,GAAG,IAAAC,8BAAgB,EACrCV,IAAI,KAAK,gBAAgB,GAAGC,gBAAgB,GAAG,IAChD,CAAC;EACD,MAAMU,cAAc,GAAG,IAAAC,wDAA2B,EAAC;IAClDb,UAAU;IACVU,aAAa;IACbP,gBAAgB;IAChBK,eAAe;IACfJ;EACD,CAAC,CAAC;EACF,MAAMU,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC5C,SAAS;;IACT,MAAM;MAAEC,KAAK;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAGb,oBAAoB,CAACc,GAAG,CAAC,CAAC;IAC7D,MAAMC,IAAI,GAAGF,KAAK,CAAClB,UAAU,CAAC;IAC9B,MAAM;MACLqB,aAAa,EAAEC,cAAc;MAC7BC,aAAa,EAAEC,cAAc;MAC7B,GAAGC;IACJ,CAAC,GAAGL,IAAI,EAAEK,KAAK,IAAI,CAAC,CAAC;IACrB,IAAIC,QAAuB,GAAGC,oCAA4B;IAC1D,IAAI1B,IAAI,KAAK,SAAS,EAAE;MACvByB,QAAQ,GAAG,IAAAE,6BAAqB,EAACX,QAAQ,EAAEjB,UAAU,CAAC;IACvD,CAAC,MAAM,IACNgB,KAAK,EAAEa,KAAK,IACZ1B,gBAAgB,CAACgB,GAAG,CAAC,CAAC,EAAEW,OAAO,KAAKd,KAAK,CAACc,OAAO,IACjDV,IAAI,KAAKW,SAAS,IAClBvB,eAAe,CAACW,GAAG,CAAC,CAAC,EACpB;MACDO,QAAQ,GAAGd,cAAc;IAC1B;IAEA,OAAO;MAAE,GAAGa,KAAK;MAAEC;IAAS,CAAC;EAC9B,CAAC,CAAC;EACF,OAAO;IACNZ,aAAa;IACbkB,aAAa,EAAE,IAAAJ,6BAAqB,EAAC1B,gBAAgB,EAAEF,UAAU;EAClE,CAAC;AACF","ignoreList":[]}

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

@@ -3,18 +3,11 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Host", {
-  enumerable: true,
-  get: function () {
-    return _host.Host;
-  }
-});
 Object.defineProperty(exports, "PortalProvider", {
   enumerable: true,
   get: function () {
     return _portalProvider.PortalProvider;
   }
 });
-var _host = require("./components/boundary-portal/components/host");
 var _portalProvider = require("./components/portal-provider");
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_host","require","_portalProvider"],"sourceRoot":"../../../../../src","sources":["components/boundary/portal/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA","ignoreList":[]}
+{"version":3,"names":["_portalProvider","require"],"sourceRoot":"../../../../../src","sources":["components/boundary/portal/index.ts"],"mappings":";;;;;;;;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA","ignoreList":[]}

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

@@ -5,10 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useActiveHostKey = exports.unregisterHost = exports.resetHostRegistry = exports.registerHost = exports.getActiveHostKey = void 0;
 var _react = require("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:
@@ -28,15 +26,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();
   }
@@ -82,7 +72,7 @@ const unregisterHost = (screenKey, hostKey) => {
 };
 exports.unregisterHost = unregisterHost;
 const getActiveHostKey = screenKey => {
-  return snapshot[screenKey] ?? screenKey;
+  return getActiveHostFromStack(screenKey, hostStacks.get(screenKey));
 };
 exports.getActiveHostKey = getActiveHostKey;
 const useActiveHostKey = screenKey => {
@@ -91,7 +81,6 @@ const useActiveHostKey = screenKey => {
 exports.useActiveHostKey = useActiveHostKey;
 const resetHostRegistry = () => {
   hostStacks.clear();
-  snapshot = EMPTY_SNAPSHOT;
   emit();
 };
 exports.resetHostRegistry = resetHostRegistry;

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","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","exports","unregisterHost","getActiveHostKey","useActiveHostKey","useSyncExternalStore","undefined","resetHostRegistry","clear"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/stores/host-registry.store.ts"],"mappings":"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","ignoreList":[]}

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

@@ -11,25 +11,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;
 };
 const mountPortalBoundaryHost = host => {
   const previous = activeBoundaryHosts.get(host.portalHostName);
@@ -37,14 +35,16 @@ const mountPortalBoundaryHost = host => {
     return;
   }
   activeBoundaryHosts.set(host.portalHostName, host);
-  emit();
+  emit(host.hostKey, previous?.hostKey ?? host.hostKey);
 };
 exports.mountPortalBoundaryHost = mountPortalBoundaryHost;
 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);
 };
 exports.unmountPortalBoundaryHostByName = unmountPortalBoundaryHostByName;
 const subscribe = listener => {

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","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","exports","unmountPortalBoundaryHostByName","undefined","delete","subscribe","add","useActivePortalBoundaryHosts","useSyncExternalStore"],"sourceRoot":"../../../../../../src","sources":["components/boundary/portal/stores/portal-boundary-host.store.ts"],"mappings":"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","ignoreList":[]}