react-native-screen-transitions 3.9.0-alpha.2 → 3.9.0-beta.0

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

@@ -6,191 +6,265 @@ Object.defineProperty(exports, "__esModule", {
 exports.Portal = void 0;
 var _react = require("react");
 var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _constants = require("../../../../constants");
 var _descriptors = require("../../../../providers/screen/descriptors");
 var _styles = require("../../../../providers/screen/styles");
+var _slotReferences = require("../../../../providers/screen/styles/stores/slot-references.store");
 var _animation = require("../../../../stores/animation.store");
-var _linkPairs = require("../../../../stores/bounds/helpers/link-pairs.helpers");
-var _links = require("../../../../stores/bounds/internals/links");
 var _state = require("../../../../stores/bounds/internals/state");
-var _createTransitionAwareComponent = require("../../../create-transition-aware-component");
+var _logger = require("../../../../utils/logger");
+var _usePlaceholderStyles = require("../hooks/use-placeholder-styles");
 var _hostRegistry = require("../stores/host-registry.store");
 var _portalBoundaryHost = require("../stores/portal-boundary-host.store");
 var _teleport = require("../teleport");
-var _attachment = require("../utils/attachment");
 var _naming = require("../utils/naming");
+var _ownership = require("../utils/ownership");
+var _shallowEqual = require("../utils/shallow-equal");
 var _teleportControl = require("../utils/teleport-control");
+var _visibleHost = require("../utils/visible-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); }
-const TransitionAwareTeleport = _teleport.NativePortal ? (0, _createTransitionAwareComponent.createTransitionAwareComponent)(_teleport.NativePortal) : null;
+const AnimatedNativePortal = _teleport.NativePortal ? _reactNativeReanimated.default.createAnimatedComponent(_teleport.NativePortal) : null;
 const Portal = exports.Portal = /*#__PURE__*/(0, _react.memo)(function Portal({
-  id = "my-id",
+  id,
   children,
-  mode = false,
-  placeholderRef
+  handoff = false,
+  escapeClipping = false,
+  placeholderRef,
+  placeholderChildren
 }) {
-  // Teleporting requires the optional `react-native-teleport` peer. Without it,
-  // a portal-enabled boundary degrades to inline rendering (the `return
-  // children` path below).
-  const isPortalEnabled = !!mode && _teleport.isTeleportAvailable;
-  const portalAttachTarget = !mode || mode === true ? "current-screen" : mode.attachTo ?? "current-screen";
-  const {
-    slotsMap
-  } = (0, _styles.useScreenSlots)();
+  // Teleporting requires the optional `react-native-teleport` peer and a stable
+  // `id` to name the boundary host. Missing either degrades to inline rendering
+  // (the `return children` path below).
+  const isPortalEnabled = (handoff || escapeClipping) && _teleport.isTeleportAvailable && id !== undefined;
+  if (__DEV__ && (handoff || escapeClipping) && id === undefined) {
+    _logger.logger.warnOnce("portal:missing-id", "A handoff or escapeClipping boundary was rendered without an id; rendering inline.");
+  }
+  const boundaryId = id ?? "";
+  const ownScreenSlots = (0, _styles.useScreenSlots)();
   const sourcePairKey = (0, _descriptors.useDescriptorsStore)(s => s.derivations.sourcePairKey);
   const currentScreenKey = (0, _descriptors.useDescriptorsStore)(s => s.derivations.currentScreenKey);
-  const nextScreenKey = (0, _descriptors.useDescriptorsStore)(s => s.derivations.nextScreenKey);
-  const [attachment, setAttachment] = (0, _react.useState)(_naming.PORTAL_HOST_NAME_RESET_VALUE);
-  const attachedHostName = (0, _reactNativeReanimated.useSharedValue)(_naming.PORTAL_HOST_NAME_RESET_VALUE);
-  const placeholderWidth = (0, _reactNativeReanimated.useSharedValue)(0);
-  const placeholderHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  const [ownership, setOwnership] = (0, _react.useState)(null);
+  const styleOwnerScreenKey = ownership?.ownerScreenKey ?? currentScreenKey;
+  const ownerScreenSlots = (0, _slotReferences.useRegisteredScreenSlots)(styleOwnerScreenKey);
+  const activeScreenSlots = ownerScreenSlots ?? ownScreenSlots;
   const {
-    progressScreenKey,
-    targetScreenKey
-  } = (0, _attachment.resolvePortalAttachmentTargets)({
-    attachment,
-    currentScreenKey,
-    nextScreenKey,
-    portalAttachTarget,
-    sourcePairKey
-  });
-  const activeHostKey = (0, _hostRegistry.useActiveHostKey)(targetScreenKey);
-  const activeHostCapturesScroll = activeHostKey ? (0, _hostRegistry.getHostCapturesScroll)(activeHostKey) : false;
-  const progress = _animation.AnimationStore.getValue(progressScreenKey ?? "", "transitionProgress");
-  const closing = _animation.AnimationStore.getValue(progressScreenKey ?? "", "closing");
-  const updatePortalAttachment = (0, _react.useCallback)((matchedScreenKey, pairKey) => {
-    if (matchedScreenKey && pairKey) {
-      setAttachment(current => {
-        if (current?.matchedScreenKey === matchedScreenKey && current.pairKey === pairKey) {
+    localStylesMaps: activeLocalStylesMaps,
+    nextInterpolatorReady: activeNextInterpolatorReady,
+    slotsMap: activeSlotsMap
+  } = activeScreenSlots;
+  const requestedPortalHostName = (0, _reactNativeReanimated.useSharedValue)(null);
+  const visiblePortalHostName = (0, _reactNativeReanimated.useSharedValue)(null);
+  const canSwitchPortalHostImmediately = (0, _reactNativeReanimated.useSharedValue)(0);
+  const targetScreenKey = ownership ? ownership.hostScreenKey : null;
+  const settledHostScreenKey = ownership?.hostScreenKey ?? null;
+  const settledHostProgress = _animation.AnimationStore.getValue(settledHostScreenKey ?? currentScreenKey, "progressSettled");
+  const settledHostAnimating = _animation.AnimationStore.getValue(settledHostScreenKey ?? currentScreenKey, "progressAnimating");
+  const settledHostClosing = _animation.AnimationStore.getValue(settledHostScreenKey ?? currentScreenKey, "closing");
+  const settledHostVisualProgress = _animation.AnimationStore.getValue(settledHostScreenKey ?? currentScreenKey, "visualProgress");
+  const activeHostKey = (0, _hostRegistry.useActiveHostKey)(escapeClipping ? targetScreenKey : null);
+  const boundaryLocalHostName = handoff && !escapeClipping && targetScreenKey ? (0, _naming.createBoundaryLocalPortalHostName)(targetScreenKey, boundaryId) : null;
+  const updatePortalOwnership = (0, _react.useCallback)((hostScreenKey, ownerPairKey, ownerScreenKey) => {
+    if (hostScreenKey && ownerPairKey && ownerScreenKey) {
+      setOwnership(current => {
+        if (current?.hostScreenKey === hostScreenKey && current.ownerPairKey === ownerPairKey && current.ownerScreenKey === ownerScreenKey) {
           return current;
         }
         return {
-          matchedScreenKey,
-          pairKey
+          hostScreenKey,
+          ownerPairKey,
+          ownerScreenKey,
+          status: "complete"
         };
       });
       return;
     }
-    setAttachment(current => current ? null : current);
+    setOwnership(current => current ? null : current);
   }, []);
   (0, _react.useLayoutEffect)(() => {
-    if (!isPortalEnabled || !attachment || !activeHostKey || !targetScreenKey) {
-      attachedHostName.set(_naming.PORTAL_HOST_NAME_RESET_VALUE);
+    if (!isPortalEnabled || !ownership || !targetScreenKey) {
+      requestedPortalHostName.set(null);
+      visiblePortalHostName.set(null);
+      (0, _portalBoundaryHost.unmountPortalBoundaryHost)(boundaryId);
       return;
     }
+    if (boundaryLocalHostName) {
+      requestedPortalHostName.set(boundaryLocalHostName);
+      (0, _portalBoundaryHost.unmountPortalBoundaryHost)(boundaryId);
+      return;
+    }
+    if (!escapeClipping || !activeHostKey) {
+      requestedPortalHostName.set(null);
+      visiblePortalHostName.set(null);
+      (0, _portalBoundaryHost.unmountPortalBoundaryHost)(boundaryId);
+      return;
+    }
+    const portalHostName = (0, _naming.createPortalBoundaryHostName)(activeHostKey, boundaryId, ownership.ownerPairKey);
     (0, _portalBoundaryHost.mountPortalBoundaryHost)({
-      boundaryId: id,
-      capturesScroll: activeHostCapturesScroll,
+      boundaryId,
+      escapeClipping,
       hostKey: activeHostKey,
-      pairKey: attachment.pairKey,
-      screenKey: targetScreenKey
+      localStylesMaps: activeLocalStylesMaps,
+      pairKey: ownership.ownerPairKey,
+      portalHostName,
+      screenKey: targetScreenKey,
+      slotsMap: activeSlotsMap
     });
 
-    // The native registry parks portals whose host has not registered yet and
-    // re-parents the moment it does, so the host name can be handed over
-    // immediately — ordering belongs to the registry, not to frame counting.
-    // hostName rides animated props, so the handover needs no React commit.
-    attachedHostName.set((0, _naming.createPortalBoundaryHostName)(activeHostKey, id));
-  }, [activeHostKey, activeHostCapturesScroll, attachedHostName, attachment, id, isPortalEnabled, targetScreenKey]);
+    // Request the new receiver immediately, but keep the currently visible
+    // receiver until the new interpolator is ready. This avoids a no-host gap
+    // during A -> B(closing) -> C(opening) spam retargets.
+    requestedPortalHostName.set(portalHostName);
+  }, [activeHostKey, boundaryId, escapeClipping, isPortalEnabled, activeLocalStylesMaps, activeSlotsMap, ownership, boundaryLocalHostName, requestedPortalHostName, targetScreenKey, visiblePortalHostName]);
   (0, _react.useLayoutEffect)(() => {
     return () => {
-      attachedHostName.set(_naming.PORTAL_HOST_NAME_RESET_VALUE);
-      (0, _portalBoundaryHost.unmountPortalBoundaryHost)(id);
+      requestedPortalHostName.set(null);
+      visiblePortalHostName.set(null);
+      (0, _portalBoundaryHost.unmountPortalBoundaryHost)(boundaryId);
     };
-  }, [attachedHostName, id]);
+  }, [boundaryId, requestedPortalHostName, visiblePortalHostName]);
   (0, _reactNativeReanimated.useAnimatedReaction)(() => {
     "worklet";
 
     if (!isPortalEnabled || !sourcePairKey) {
-      return null;
-    }
-    _state.pairs.get();
-    // Strict per-member lookup: getResolvedLink's group fallback borrows
-    // the initial member's link for style resolution, which would make
-    // every inactive group member's portal see a "complete" link and
-    // attach. A portal may only teleport on its OWN member's link.
-    const link = (0, _links.getLink)(sourcePairKey, id);
-    if (link?.status !== "complete") {
-      return null;
+      return {
+        hostScreenKey: null,
+        ownerPairKey: sourcePairKey,
+        ownerScreenKey: null,
+        status: "clear"
+      };
     }
+    return (0, _ownership.resolveBoundaryPortalOwnership)({
+      boundaryId,
+      currentScreenKey,
+      escapeClipping,
+      handoff,
+      isSettledHostClosingComplete: !!settledHostClosing.get() && settledHostVisualProgress.get() <= _constants.EPSILON,
+      isSettledHostReady: settledHostProgress.get() === 1 && settledHostAnimating.get() === 0,
+      pairsState: _state.pairs.get(),
+      settledHostScreenKey,
+      sourcePairKey
+    });
+  }, (signal, previousSignal) => {
+    "worklet";
 
-    // Grouped portals teleport only while their member is the group's
-    // active id — retargeting detaches the previous member (its content
-    // returns home) and attaches the new one. Exactly one grouped member
-    // is teleported at a time.
-    if (link.group) {
-      const activeId = _state.pairs.get()[sourcePairKey]?.groups?.[link.group]?.activeId;
-      if (activeId && activeId !== (0, _linkPairs.getLinkKeyFromTag)(id)) {
-        return null;
+    if ((0, _shallowEqual.shallowEqual)(previousSignal, signal)) {
+      return;
+    }
+    if (!handoff || escapeClipping) {
+      canSwitchPortalHostImmediately.set(0);
+    } else if (signal.status === "pending") {
+      canSwitchPortalHostImmediately.set(0);
+      return;
+    } else {
+      const hostScreenKey = signal.status === "complete" ? signal.hostScreenKey : null;
+      let previousOwnerPairKey;
+      if (previousSignal?.status === "complete") {
+        previousOwnerPairKey = previousSignal.ownerPairKey ?? undefined;
+      }
+      const canSwitchImmediately = (0, _ownership.canSwitchBoundaryLocalHandoffImmediately)({
+        hostScreenKey,
+        ownerPairKey: signal.status === "complete" ? signal.ownerPairKey : undefined,
+        previousOwnerPairKey
+      });
+      canSwitchPortalHostImmediately.set(canSwitchImmediately ? 1 : 0);
+      if (canSwitchImmediately && hostScreenKey) {
+        const hostName = (0, _naming.createBoundaryLocalPortalHostName)(hostScreenKey, boundaryId);
+        requestedPortalHostName.set(hostName);
+        visiblePortalHostName.set(hostName);
       }
     }
-    return link.destination.screenKey;
-  }, (matchedScreenKey, previousMatchedScreenKey) => {
+    (0, _reactNativeReanimated.runOnJS)(updatePortalOwnership)(signal.hostScreenKey, signal.ownerPairKey, signal.ownerScreenKey ?? undefined);
+  });
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
+    "worklet";
+
+    const slot = activeSlotsMap.get()[boundaryId];
+    const teleport = slot?.props?.teleport;
+    const shouldTeleport = (0, _teleportControl.shouldAttachBoundaryPortal)({
+      enabled: isPortalEnabled,
+      teleport
+    });
+    const requestedName = requestedPortalHostName.get();
+    const visibleName = visiblePortalHostName.get();
+    const isInterpolatorReady = activeNextInterpolatorReady.get();
+    const nextVisibleName = (0, _visibleHost.resolveNextVisiblePortalHostName)({
+      canSwitchImmediately: canSwitchPortalHostImmediately.get() === 1,
+      isInterpolatorReady: isInterpolatorReady === 1,
+      requestedName,
+      shouldTeleport,
+      visibleName
+    });
+    return {
+      isInterpolatorReady,
+      nextVisibleName,
+      requestedName,
+      shouldTeleport,
+      teleport,
+      visibleName
+    };
+  }, (state, previousState) => {
     "worklet";
 
-    if (matchedScreenKey === previousMatchedScreenKey) {
+    if ((0, _shallowEqual.shallowEqual)(previousState, state)) {
       return;
     }
-    (0, _reactNativeReanimated.runOnJS)(updatePortalAttachment)(matchedScreenKey, sourcePairKey);
+    if (state.nextVisibleName !== state.visibleName) {
+      visiblePortalHostName.set(state.nextVisibleName);
+      return;
+    }
+
+    // Visible receiver has caught up to the request: GC the superseded hosts.
+    if (state.visibleName && state.visibleName === state.requestedName) {
+      (0, _reactNativeReanimated.runOnJS)(_portalBoundaryHost.dropStalePortalBoundaryHosts)({
+        boundaryId,
+        keepPortalHostName: state.visibleName
+      });
+    }
   });
   const teleportProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
     "worklet";
 
-    // Opening waits for the destination transition to start so content is not
-    // re-parented before the host is visually ready. Closing stays attached
-    // through progress 0 so the final frame can land in the matched host.
-    const attachThreshold = closing.get() === 1 ? 0 : 0.001;
+    const slot = activeSlotsMap.get()[boundaryId];
     const {
       teleport,
       ...slotProps
-    } = slotsMap.get()[id]?.props ?? {};
-    const shouldTeleport = (0, _teleportControl.isTeleportEnabled)(teleport);
+    } = slot?.props ?? {};
+    const shouldTeleport = (0, _teleportControl.shouldAttachBoundaryPortal)({
+      enabled: isPortalEnabled,
+      teleport
+    });
+    const visibleName = visiblePortalHostName.get();
     return {
       // Preserve portal slot props from the interpolator while keeping
-      // hostName owned by the attachment gate below.
+      // hostName owned by the attachment gate below. Handoff
+      // waits until the receiving interpolator owns styles for the same host;
+      // after that, it stays attached until teleport is disabled or retargeted.
       ...slotProps,
-      hostName: shouldTeleport && progress.get() >= attachThreshold ? attachedHostName.get() : _naming.PORTAL_HOST_NAME_RESET_VALUE
+      hostName: shouldTeleport && visibleName ? visibleName : _naming.PORTAL_HOST_NAME_RESET_VALUE
     };
   });
-
-  // Pin the placeholder to its measured size while content lives in the host,
-  // in the same UI frame the host name flips — no commit in between. Until the
-  // first layout lands (dims 0) sizing stays natural so an instant attach
-  // cannot collapse the slot.
-  const placeholderStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
-    "worklet";
-
-    const hostName = attachedHostName.get();
-    const isAttached = hostName !== null;
-    const width = placeholderWidth.get();
-    const height = placeholderHeight.get();
-    if (!isAttached || width === 0) {
-      return {
-        width: "auto",
-        height: "auto"
-      };
-    }
-    return {
-      width,
-      height
-    };
+  const {
+    handleOnLayout,
+    placeholderStyle
+  } = (0, _usePlaceholderStyles.usePlaceholderStyles)({
+    visiblePortalHostName
   });
-  if (isPortalEnabled && TransitionAwareTeleport) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+  if (isPortalEnabled && AnimatedNativePortal) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
       ref: placeholderRef,
-      onLayout: event => {
-        placeholderWidth.set(event.nativeEvent.layout.width);
-        placeholderHeight.set(event.nativeEvent.layout.height);
-      },
+      onLayout: ({
+        nativeEvent: {
+          layout
+        }
+      }) => (0, _reactNativeReanimated.runOnUI)(handleOnLayout)(layout),
       style: placeholderStyle,
       collapsable: false,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TransitionAwareTeleport, {
+      children: [placeholderChildren, /*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedNativePortal, {
         animatedProps: teleportProps,
-        name: id,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-          style: placeholderStyle,
-          children: children
-        })
-      })
+        name: boundaryId,
+        children: children
+      })]
     });
   }
   return children;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireWildcard","_descriptors","_styles","_animation","_linkPairs","_links","_state","_createTransitionAwareComponent","_hostRegistry","_portalBoundaryHost","_teleport","_attachment","_naming","_teleportControl","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TransitionAwareTeleport","NativePortal","createTransitionAwareComponent","Portal","exports","memo","id","children","mode","placeholderRef","isPortalEnabled","isTeleportAvailable","portalAttachTarget","attachTo","slotsMap","useScreenSlots","sourcePairKey","useDescriptorsStore","s","derivations","currentScreenKey","nextScreenKey","attachment","setAttachment","useState","PORTAL_HOST_NAME_RESET_VALUE","attachedHostName","useSharedValue","placeholderWidth","placeholderHeight","progressScreenKey","targetScreenKey","resolvePortalAttachmentTargets","activeHostKey","useActiveHostKey","activeHostCapturesScroll","getHostCapturesScroll","progress","AnimationStore","getValue","closing","updatePortalAttachment","useCallback","matchedScreenKey","pairKey","current","useLayoutEffect","mountPortalBoundaryHost","boundaryId","capturesScroll","hostKey","screenKey","createPortalBoundaryHostName","unmountPortalBoundaryHost","useAnimatedReaction","pairs","link","getLink","status","group","activeId","groups","getLinkKeyFromTag","destination","previousMatchedScreenKey","runOnJS","teleportProps","useAnimatedProps","attachThreshold","teleport","slotProps","props","shouldTeleport","isTeleportEnabled","hostName","placeholderStyle","useAnimatedStyle","isAttached","width","height","jsx","View","ref","onLayout","event","nativeEvent","layout","style","collapsable","animatedProps","name"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/components/portal.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAUA,IAAAC,sBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAQA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AACA,IAAAS,+BAAA,GAAAT,OAAA;AAEA,IAAAU,aAAA,GAAAV,OAAA;AAIA,IAAAW,mBAAA,GAAAX,OAAA;AAIA,IAAAY,SAAA,GAAAZ,OAAA;AACA,IAAAa,WAAA,GAAAb,OAAA;AAIA,IAAAc,OAAA,GAAAd,OAAA;AAIA,IAAAe,gBAAA,GAAAf,OAAA;AAA8D,IAAAgB,WAAA,GAAAhB,OAAA;AAAA,SAAAE,wBAAAe,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAjB,uBAAA,YAAAA,CAAAe,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAS9D,MAAMkB,uBAAuB,GAAGC,sBAAY,GACzC,IAAAC,8DAA8B,EAC9BD,sBACD,CAAC,GACA,IAAI;AAeA,MAAME,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,MAAMA,CAAC;EAC1CG,EAAE,GAAG,OAAO;EACZC,QAAQ;EACRC,IAAI,GAAG,KAAK;EACZC;AACY,CAAC,EAAE;EACf;EACA;EACA;EACA,MAAMC,eAAe,GAAG,CAAC,CAACF,IAAI,IAAIG,6BAAmB;EACrD,MAAMC,kBAA8C,GACnD,CAACJ,IAAI,IAAIA,IAAI,KAAK,IAAI,GACnB,gBAAgB,GACfA,IAAI,CAACK,QAAQ,IAAI,gBAAiB;EACvC,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EACrC,MAAMC,aAAa,GAAG,IAAAC,gCAAmB,EAAEC,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACH,aAAa,CAAC;EAC7E,MAAMI,gBAAgB,GAAG,IAAAH,gCAAmB,EAC1CC,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACC,gBACtB,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAJ,gCAAmB,EAAEC,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACE,aAAa,CAAC;EAE7E,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAC3CC,oCACD,CAAC;EACD,MAAMC,gBAAgB,GAAG,IAAAC,qCAAc,EACtCF,oCACD,CAAC;EACD,MAAMG,gBAAgB,GAAG,IAAAD,qCAAc,EAAC,CAAC,CAAC;EAC1C,MAAME,iBAAiB,GAAG,IAAAF,qCAAc,EAAC,CAAC,CAAC;EAE3C,MAAM;IAAEG,iBAAiB;IAAEC;EAAgB,CAAC,GAAG,IAAAC,0CAA8B,EAC5E;IACCV,UAAU;IACVF,gBAAgB;IAChBC,aAAa;IACbT,kBAAkB;IAClBI;EACD,CACD,CAAC;EACD,MAAMiB,aAAa,GAAG,IAAAC,8BAAgB,EAACH,eAAe,CAAC;EACvD,MAAMI,wBAAwB,GAAGF,aAAa,GAC3C,IAAAG,mCAAqB,EAACH,aAAa,CAAC,GACpC,KAAK;EACR,MAAMI,QAAQ,GAAGC,yBAAc,CAACC,QAAQ,CACvCT,iBAAiB,IAAI,EAAE,EACvB,oBACD,CAAC;EACD,MAAMU,OAAO,GAAGF,yBAAc,CAACC,QAAQ,CAACT,iBAAiB,IAAI,EAAE,EAAE,SAAS,CAAC;EAE3E,MAAMW,sBAAsB,GAAG,IAAAC,kBAAW,EACzC,CAACC,gBAA+B,EAAEC,OAAgB,KAAK;IACtD,IAAID,gBAAgB,IAAIC,OAAO,EAAE;MAChCrB,aAAa,CAAEsB,OAAO,IAAK;QAC1B,IACCA,OAAO,EAAEF,gBAAgB,KAAKA,gBAAgB,IAC9CE,OAAO,CAACD,OAAO,KAAKA,OAAO,EAC1B;UACD,OAAOC,OAAO;QACf;QAEA,OAAO;UACNF,gBAAgB;UAChBC;QACD,CAAC;MACF,CAAC,CAAC;MACF;IACD;IAEArB,aAAa,CAAEsB,OAAO,IAAMA,OAAO,GAAG,IAAI,GAAGA,OAAQ,CAAC;EACvD,CAAC,EACD,EACD,CAAC;EAED,IAAAC,sBAAe,EAAC,MAAM;IACrB,IAAI,CAACpC,eAAe,IAAI,CAACY,UAAU,IAAI,CAACW,aAAa,IAAI,CAACF,eAAe,EAAE;MAC1EL,gBAAgB,CAAChC,GAAG,CAAC+B,oCAA4B,CAAC;MAClD;IACD;IAEA,IAAAsB,2CAAuB,EAAC;MACvBC,UAAU,EAAE1C,EAAE;MACd2C,cAAc,EAAEd,wBAAwB;MACxCe,OAAO,EAAEjB,aAAa;MACtBW,OAAO,EAAEtB,UAAU,CAACsB,OAAO;MAC3BO,SAAS,EAAEpB;IACZ,CAAC,CAAC;;IAEF;IACA;IACA;IACA;IACAL,gBAAgB,CAAChC,GAAG,CAAC,IAAA0D,oCAA4B,EAACnB,aAAa,EAAE3B,EAAE,CAAC,CAAC;EACtE,CAAC,EAAE,CACF2B,aAAa,EACbE,wBAAwB,EACxBT,gBAAgB,EAChBJ,UAAU,EACVhB,EAAE,EACFI,eAAe,EACfqB,eAAe,CACf,CAAC;EAEF,IAAAe,sBAAe,EAAC,MAAM;IACrB,OAAO,MAAM;MACZpB,gBAAgB,CAAChC,GAAG,CAAC+B,oCAA4B,CAAC;MAClD,IAAA4B,6CAAyB,EAAC/C,EAAE,CAAC;IAC9B,CAAC;EACF,CAAC,EAAE,CAACoB,gBAAgB,EAAEpB,EAAE,CAAC,CAAC;EAE1B,IAAAgD,0CAAmB,EAClB,MAAM;IACL,SAAS;;IACT,IAAI,CAAC5C,eAAe,IAAI,CAACM,aAAa,EAAE;MACvC,OAAO,IAAI;IACZ;IAEAuC,YAAK,CAAC9D,GAAG,CAAC,CAAC;IACX;IACA;IACA;IACA;IACA,MAAM+D,IAAI,GAAG,IAAAC,cAAO,EAACzC,aAAa,EAAEV,EAAE,CAAC;IAEvC,IAAIkD,IAAI,EAAEE,MAAM,KAAK,UAAU,EAAE;MAChC,OAAO,IAAI;IACZ;;IAEA;IACA;IACA;IACA;IACA,IAAIF,IAAI,CAACG,KAAK,EAAE;MACf,MAAMC,QAAQ,GACbL,YAAK,CAAC9D,GAAG,CAAC,CAAC,CAACuB,aAAa,CAAC,EAAE6C,MAAM,GAAGL,IAAI,CAACG,KAAK,CAAC,EAAEC,QAAQ;MAE3D,IAAIA,QAAQ,IAAIA,QAAQ,KAAK,IAAAE,4BAAiB,EAACxD,EAAE,CAAC,EAAE;QACnD,OAAO,IAAI;MACZ;IACD;IAEA,OAAOkD,IAAI,CAACO,WAAW,CAACZ,SAAS;EAClC,CAAC,EACD,CAACR,gBAAgB,EAAEqB,wBAAwB,KAAK;IAC/C,SAAS;;IACT,IAAIrB,gBAAgB,KAAKqB,wBAAwB,EAAE;MAClD;IACD;IAEA,IAAAC,8BAAO,EAACxB,sBAAsB,CAAC,CAACE,gBAAgB,EAAE3B,aAAa,CAAC;EACjE,CACD,CAAC;EAED,MAAMkD,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC5C,SAAS;;IAET;IACA;IACA;IACA,MAAMC,eAAe,GAAG5B,OAAO,CAAC/C,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,KAAK;IACvD,MAAM;MAAE4E,QAAQ;MAAE,GAAGC;IAAU,CAAC,GAAGxD,QAAQ,CAACrB,GAAG,CAAC,CAAC,CAACa,EAAE,CAAC,EAAEiE,KAAK,IAAI,CAAC,CAAC;IAClE,MAAMC,cAAc,GAAG,IAAAC,kCAAiB,EAACJ,QAAQ,CAAC;IAElD,OAAO;MACN;MACA;MACA,GAAGC,SAAS;MACZI,QAAQ,EACPF,cAAc,IAAInC,QAAQ,CAAC5C,GAAG,CAAC,CAAC,IAAI2E,eAAe,GAChD1C,gBAAgB,CAACjC,GAAG,CAAC,CAAC,GACtBgC;IACL,CAAC;EACF,CAAC,CAAC;;EAEF;EACA;EACA;EACA;EACA,MAAMkD,gBAAgB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC/C,SAAS;;IACT,MAAMF,QAAQ,GAAGhD,gBAAgB,CAACjC,GAAG,CAAC,CAAC;IACvC,MAAMoF,UAAU,GAAGH,QAAQ,KAAK,IAAI;IACpC,MAAMI,KAAK,GAAGlD,gBAAgB,CAACnC,GAAG,CAAC,CAAC;IACpC,MAAMsF,MAAM,GAAGlD,iBAAiB,CAACpC,GAAG,CAAC,CAAC;IAEtC,IAAI,CAACoF,UAAU,IAAIC,KAAK,KAAK,CAAC,EAAE;MAC/B,OAAO;QAAEA,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAO,CAAC;IACzC;IAEA,OAAO;MAAED,KAAK;MAAEC;IAAO,CAAC;EACzB,CAAC,CAAC;EAEF,IAAIrE,eAAe,IAAIV,uBAAuB,EAAE;IAC/C,oBACC,IAAApB,WAAA,CAAAoG,GAAA,EAACnH,sBAAA,CAAA0B,OAAQ,CAAC0F,IAAI;MACbC,GAAG,EAAEzE,cAAe;MACpB0E,QAAQ,EAAGC,KAAK,IAAK;QACpBxD,gBAAgB,CAAClC,GAAG,CAAC0F,KAAK,CAACC,WAAW,CAACC,MAAM,CAACR,KAAK,CAAC;QACpDjD,iBAAiB,CAACnC,GAAG,CAAC0F,KAAK,CAACC,WAAW,CAACC,MAAM,CAACP,MAAM,CAAC;MACvD,CAAE;MACFQ,KAAK,EAAEZ,gBAAiB;MACxBa,WAAW,EAAE,KAAM;MAAAjF,QAAA,eAEnB,IAAA3B,WAAA,CAAAoG,GAAA,EAAChF,uBAAuB;QAACyF,aAAa,EAAEvB,aAAc;QAACwB,IAAI,EAAEpF,EAAG;QAAAC,QAAA,eAC/D,IAAA3B,WAAA,CAAAoG,GAAA,EAACnH,sBAAA,CAAA0B,OAAQ,CAAC0F,IAAI;UAACM,KAAK,EAAEZ,gBAAiB;UAAApE,QAAA,EAAEA;QAAQ,CAAgB;MAAC,CAC1C;IAAC,CACZ,CAAC;EAElB;EAEA,OAAOA,QAAQ;AAChB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNativeReanimated","_interopRequireWildcard","_constants","_descriptors","_styles","_slotReferences","_animation","_state","_logger","_usePlaceholderStyles","_hostRegistry","_portalBoundaryHost","_teleport","_naming","_ownership","_shallowEqual","_teleportControl","_visibleHost","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AnimatedNativePortal","NativePortal","Animated","createAnimatedComponent","Portal","exports","memo","id","children","handoff","escapeClipping","placeholderRef","placeholderChildren","isPortalEnabled","isTeleportAvailable","undefined","__DEV__","logger","warnOnce","boundaryId","ownScreenSlots","useScreenSlots","sourcePairKey","useDescriptorsStore","s","derivations","currentScreenKey","ownership","setOwnership","useState","styleOwnerScreenKey","ownerScreenKey","ownerScreenSlots","useRegisteredScreenSlots","activeScreenSlots","localStylesMaps","activeLocalStylesMaps","nextInterpolatorReady","activeNextInterpolatorReady","slotsMap","activeSlotsMap","requestedPortalHostName","useSharedValue","visiblePortalHostName","canSwitchPortalHostImmediately","targetScreenKey","hostScreenKey","settledHostScreenKey","settledHostProgress","AnimationStore","getValue","settledHostAnimating","settledHostClosing","settledHostVisualProgress","activeHostKey","useActiveHostKey","boundaryLocalHostName","createBoundaryLocalPortalHostName","updatePortalOwnership","useCallback","ownerPairKey","current","status","useLayoutEffect","unmountPortalBoundaryHost","portalHostName","createPortalBoundaryHostName","mountPortalBoundaryHost","hostKey","pairKey","screenKey","useAnimatedReaction","resolveBoundaryPortalOwnership","isSettledHostClosingComplete","EPSILON","isSettledHostReady","pairsState","pairs","signal","previousSignal","shallowEqual","previousOwnerPairKey","canSwitchImmediately","canSwitchBoundaryLocalHandoffImmediately","hostName","runOnJS","slot","teleport","props","shouldTeleport","shouldAttachBoundaryPortal","enabled","requestedName","visibleName","isInterpolatorReady","nextVisibleName","resolveNextVisiblePortalHostName","state","previousState","dropStalePortalBoundaryHosts","keepPortalHostName","teleportProps","useAnimatedProps","slotProps","PORTAL_HOST_NAME_RESET_VALUE","handleOnLayout","placeholderStyle","usePlaceholderStyles","jsxs","View","ref","onLayout","nativeEvent","layout","runOnUI","style","collapsable","jsx","animatedProps","name"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/components/portal.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -10,6 +10,7 @@ var _origin = require("../../../../providers/screen/origin.provider");
 var _scroll = require("../../../../stores/scroll.store");
 var _measuredBounds = require("../../utils/measured-bounds");
 var _hostBounds = require("../stores/host-bounds.store");
+const HOST_MEASUREMENT_RETRY_DELAY_MS = 16;
 const useHostMeasurement = ({
   capturesScroll,
   enabled,
@@ -23,24 +24,35 @@ const useHostMeasurement = ({
     originRef
   } = (0, _origin.useOriginContext)();
   const hasMeasuredHost = (0, _reactNativeReanimated.useSharedValue)(false);
+  const retryToken = (0, _reactNativeReanimated.useSharedValue)(0);
   (0, _reactNativeReanimated.useAnimatedReaction)(() => {
     "worklet";
 
     if (!enabled) {
       return null;
     }
-    return hasMeasuredHost.get();
-  }, hasAlreadyMeasured => {
+    return [hasMeasuredHost.get(), retryToken.get()];
+  }, state => {
     "worklet";
 
+    if (!state) {
+      (0, _reactNativeReanimated.cancelAnimation)(retryToken);
+      return;
+    }
+    const [hasAlreadyMeasured] = state;
     if (!enabled || hasAlreadyMeasured) {
       return;
     }
     const measured = (0, _reactNativeReanimated.measure)(hostRef);
     const measuredOrigin = (0, _reactNativeReanimated.measure)(originRef);
     if (!measured || !measuredOrigin) {
+      (0, _reactNativeReanimated.cancelAnimation)(retryToken);
+      retryToken.set((0, _reactNativeReanimated.withDelay)(HOST_MEASUREMENT_RETRY_DELAY_MS, (0, _reactNativeReanimated.withTiming)(retryToken.get() + 1, {
+        duration: 0
+      })));
       return;
     }
+    (0, _reactNativeReanimated.cancelAnimation)(retryToken);
     hasMeasuredHost.set(true);
 
     // A measurement taken mid rubber-band would bake the transient

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNativeReanimated","_origin","_scroll","_measuredBounds","_hostBounds","useHostMeasurement","capturesScroll","enabled","hostKey","screenKey","hostRef","useAnimatedRef","scrollMetadata","ScrollStore","getValue","canRenderHosts","setCanRenderHosts","useState","originRef","useOriginContext","hasMeasuredHost","useSharedValue","useAnimatedReaction","get","hasAlreadyMeasured","measured","measure","measuredOrigin","set","currentScroll","overscrollNormalized","adjustedMeasuredBoundsForOverscrollDeltas","normalizedMeasured","normalizeMeasuredBoundsToOrigin","setPortalHostBounds","x","y","width","height","pageX","pageY","scroll","runOnJS","useLayoutEffect","runOnUI","clearPortalHostBounds","exports"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/hooks/use-host-measurement.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAQA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAIA,IAAAK,WAAA,GAAAL,OAAA;AAYO,MAAMM,kBAAkB,GAAGA,CAAC;EAClCC,cAAc;EACdC,OAAO;EACPC,OAAO;EACPC;AACyB,CAAC,KAAK;EAC/B,MAAMC,OAAO,GAAG,IAAAC,qCAAc,EAAO,CAAC;EACtC,MAAMC,cAAc,GAAGC,mBAAW,CAACC,QAAQ,CAACL,SAAS,EAAE,UAAU,CAAC;EAClE,MAAM,CAACM,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAU,KAAK,CAAC;EACpE,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,wBAAgB,EAAC,CAAC;EACxC,MAAMC,eAAe,GAAG,IAAAC,qCAAc,EAAC,KAAK,CAAC;EAE7C,IAAAC,0CAAmB,EAClB,MAAM;IACL,SAAS;;IACT,IAAI,CAACf,OAAO,EAAE;MACb,OAAO,IAAI;IACZ;IAEA,OAAOa,eAAe,CAACG,GAAG,CAAC,CAAC;EAC7B,CAAC,EACAC,kBAAkB,IAAK;IACvB,SAAS;;IACT,IAAI,CAACjB,OAAO,IAAIiB,kBAAkB,EAAE;MACnC;IACD;IAEA,MAAMC,QAAQ,GAAG,IAAAC,8BAAO,EAAChB,OAAO,CAAC;IACjC,MAAMiB,cAAc,GAAG,IAAAD,8BAAO,EAACR,SAAS,CAAC;IAEzC,IAAI,CAACO,QAAQ,IAAI,CAACE,cAAc,EAAE;MACjC;IACD;IAEAP,eAAe,CAACQ,GAAG,CAAC,IAAI,CAAC;;IAEzB;IACA;IACA;IACA,MAAMC,aAAa,GAAGjB,cAAc,CAACW,GAAG,CAAC,CAAC;IAC1C,MAAMO,oBAAoB,GAAGxB,cAAc,GACxC,IAAAyB,yDAAyC,EAACN,QAAQ,EAAEI,aAAa,CAAC,GAClEJ,QAAQ;IAEX,MAAMO,kBAAkB,GAAG,IAAAC,+CAA+B,EACzDH,oBAAoB,EACpBH,cACD,CAAC;IAED,IAAAO,+BAAmB,EAAC1B,OAAO,EAAE;MAC5B2B,CAAC,EAAEH,kBAAkB,CAACG,CAAC;MACvBC,CAAC,EAAEJ,kBAAkB,CAACI,CAAC;MACvBC,KAAK,EAAEL,kBAAkB,CAACK,KAAK;MAC/BC,MAAM,EAAEN,kBAAkB,CAACM,MAAM;MACjCC,KAAK,EAAEP,kBAAkB,CAACO,KAAK;MAC/BC,KAAK,EAAER,kBAAkB,CAACQ,KAAK;MAC/BC,MAAM,EAAEnC,cAAc,GAAGuB,aAAa,GAAG;IAC1C,CAAC,CAAC;IAEF,IAAAa,8BAAO,EAAC1B,iBAAiB,CAAC,CAAC,IAAI,CAAC;EACjC,CACD,CAAC;EAED,IAAA2B,sBAAe,EAAC,MAAM;IACrB,OAAO,MAAM;MACZ,IAAAC,8BAAO,EAACC,iCAAqB,CAAC,CAACrC,OAAO,CAAC;IACxC,CAAC;EACF,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,OAAO;IACNO,cAAc;IACdL;EACD,CAAC;AACF,CAAC;AAACoC,OAAA,CAAAzC,kBAAA,GAAAA,kBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNativeReanimated","_origin","_scroll","_measuredBounds","_hostBounds","HOST_MEASUREMENT_RETRY_DELAY_MS","useHostMeasurement","capturesScroll","enabled","hostKey","screenKey","hostRef","useAnimatedRef","scrollMetadata","ScrollStore","getValue","canRenderHosts","setCanRenderHosts","useState","originRef","useOriginContext","hasMeasuredHost","useSharedValue","retryToken","useAnimatedReaction","get","state","cancelAnimation","hasAlreadyMeasured","measured","measure","measuredOrigin","set","withDelay","withTiming","duration","currentScroll","overscrollNormalized","adjustedMeasuredBoundsForOverscrollDeltas","normalizedMeasured","normalizeMeasuredBoundsToOrigin","setPortalHostBounds","x","y","width","height","pageX","pageY","scroll","runOnJS","useLayoutEffect","runOnUI","clearPortalHostBounds","exports"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/hooks/use-host-measurement.ts"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePlaceholderStyles = void 0;
+var _react = require("react");
+var _reactNativeReanimated = require("react-native-reanimated");
+const usePlaceholderStyles = ({
+  visiblePortalHostName
+}) => {
+  const placeholderWidth = (0, _reactNativeReanimated.useSharedValue)(0);
+  const placeholderHeight = (0, _reactNativeReanimated.useSharedValue)(0);
+  // Pin the placeholder to its measured size while content lives in the host,
+  // in the same UI frame the host name flips — no commit in between. Until the
+  // first layout lands (dims 0) sizing stays natural so an instant attach
+  // cannot collapse the slot.
+  const placeholderStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    "worklet";
+
+    const isAttached = visiblePortalHostName.get() !== null;
+    const width = placeholderWidth.get();
+    const height = placeholderHeight.get();
+    if (!isAttached || width === 0) {
+      return {
+        width: "auto",
+        height: "auto"
+      };
+    }
+    return {
+      width,
+      height
+    };
+  });
+  const handleOnLayout = (0, _react.useCallback)(layout => {
+    "worklet";
+
+    const {
+      width,
+      height
+    } = layout;
+    if (width === 0 || height === 0) {
+      return;
+    }
+    const hasValidDimensions = placeholderHeight.get() !== 0 && placeholderWidth.get() !== 0;
+    if (!hasValidDimensions) {
+      placeholderWidth.set(width);
+      placeholderHeight.set(height);
+    }
+  }, [placeholderHeight, placeholderWidth]);
+  return {
+    placeholderStyle,
+    handleOnLayout
+  };
+};
+exports.usePlaceholderStyles = usePlaceholderStyles;
+//# sourceMappingURL=use-placeholder-styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNativeReanimated","usePlaceholderStyles","visiblePortalHostName","placeholderWidth","useSharedValue","placeholderHeight","placeholderStyle","useAnimatedStyle","isAttached","get","width","height","handleOnLayout","useCallback","layout","hasValidDimensions","set","exports"],"sourceRoot":"../../../../../../../src","sources":["shared/components/boundary/portal/hooks/use-placeholder-styles.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AAUO,MAAME,oBAAoB,GAAGA,CAAC;EACpCC;AACoB,CAAC,KAAK;EAC1B,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,UAAU,GAAGN,qBAAqB,CAACO,GAAG,CAAC,CAAC,KAAK,IAAI;IACvD,MAAMC,KAAK,GAAGP,gBAAgB,CAACM,GAAG,CAAC,CAAC;IACpC,MAAME,MAAM,GAAGN,iBAAiB,CAACI,GAAG,CAAC,CAAC;IAEtC,IAAI,CAACD,UAAU,IAAIE,KAAK,KAAK,CAAC,EAAE;MAC/B,OAAO;QAAEA,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE;MAAO,CAAC;IACzC;IAEA,OAAO;MAAED,KAAK;MAAEC;IAAO,CAAC;EACzB,CAAC,CAAC;EAEF,MAAMC,cAAc,GAAG,IAAAC,kBAAW,EAChCC,MAAuB,IAAK;IAC5B,SAAS;;IACT,MAAM;MAAEJ,KAAK;MAAEC;IAAO,CAAC,GAAGG,MAAM;IAChC,IAAIJ,KAAK,KAAK,CAAC,IAAIC,MAAM,KAAK,CAAC,EAAE;MAChC;IACD;IAEA,MAAMI,kBAAkB,GACvBV,iBAAiB,CAACI,GAAG,CAAC,CAAC,KAAK,CAAC,IAAIN,gBAAgB,CAACM,GAAG,CAAC,CAAC,KAAK,CAAC;IAE9D,IAAI,CAACM,kBAAkB,EAAE;MACxBZ,gBAAgB,CAACa,GAAG,CAACN,KAAK,CAAC;MAC3BL,iBAAiB,CAACW,GAAG,CAACL,MAAM,CAAC;IAC9B;EACD,CAAC,EACD,CAACN,iBAAiB,EAAEF,gBAAgB,CACrC,CAAC;EAED,OAAO;IAAEG,gBAAgB;IAAEM;EAAe,CAAC;AAC5C,CAAC;AAACK,OAAA,CAAAhB,oBAAA,GAAAA,oBAAA","ignoreList":[]}