react-native-screen-transitions 4.0.0-alpha.0 → 4.0.0-alpha.10

package/lib/commonjs/providers/screen/styles/hooks/use-interpolated-style-maps.js

@@ -11,16 +11,19 @@ var _animation = require("../../../../stores/animation.store");
 var _system = require("../../../../stores/system.store");
 var _logger = require("../../../../utils/logger");
 var _animation2 = require("../../animation");
-var _useBuildBoundsAccessor = require("../../animation/helpers/accessors/use-build-bounds-accessor");
 var _useBuildTransitionAccessor = require("../../animation/helpers/accessors/use-build-transition-accessor");
 var _readScreenAnimationRevisions = require("../../animation/helpers/read-screen-animation-revisions");
 var _selectedInterpolatorOptions = require("../../animation/helpers/selected-interpolator-options");
 var _descriptors = require("../../descriptors");
 var _options = require("../../options");
 var _collectInterpolatorSharedValues = require("../helpers/collect-interpolator-shared-values");
+var _createInterpolatorScope = require("../helpers/create-interpolator-scope");
 var _normalizeSlots = require("../helpers/normalize-slots");
-var _openingPhase = require("../helpers/opening-phase");
+var _resolveInterpolatorStyleHandoff = require("../helpers/resolve-interpolator-style-handoff");
+var _selectInterpolatorFrame = require("../helpers/select-interpolator-frame");
 var _stripInterpolatorOptions = require("../helpers/strip-interpolator-options");
+var _transitionVisualState = require("../helpers/transition-visual-state");
+var _visibilityGate = require("../helpers/visibility-gate");
 const NO_STYLE_LAYERS = [];
 const normalizeRawStyleMap = rawStyleMap => {
   "worklet";
@@ -34,9 +37,7 @@ const normalizeRawStyleMap = rawStyleMap => {
 const runInterpolator = ({
   interpolator,
   props,
-  progress,
-  next,
-  bounds,
+  selectedFrame,
   transition
 }) => {
   "worklet";
@@ -45,13 +46,11 @@ const runInterpolator = ({
     return undefined;
   }
   try {
-    const raw = interpolator({
-      ...props,
-      progress,
-      next,
-      bounds,
+    const raw = interpolator((0, _createInterpolatorScope.createInterpolatorScope)({
+      frame: props,
+      selectedFrame,
       transition
-    });
+    }));
     const rawStyleMap = typeof raw === "object" && raw != null ? raw : undefined;
     return {
       rawStyleMap,
@@ -64,13 +63,6 @@ const runInterpolator = ({
     return undefined;
   }
 };
-const appendLayer = (layers, result) => {
-  "worklet";
-
-  if (result) {
-    layers.push(result.stylesMap);
-  }
-};
 
 /**
  * Builds the raw interpolated style layers for the current screen pass.
@@ -88,48 +80,93 @@ const appendLayer = (layers, result) => {
  * normal interpolator selection once the gesture-driven close is no longer in
  * play.
  *
- * The result is ordered from lowest to highest priority. Resolution happens
- * downstream, where slot ids determine whether slots inherit from ancestors and
- * where higher owner layers override lower owner layers per key.
+ * At an ownership handoff, the current interpolator remains live but is
+ * evaluated without the next-screen relationship. The next owner replaces
+ * matching scalar keys and composes its live transforms after the current
+ * screen's self-owned transforms.
  */
-const useInterpolatedStylesMap = () => {
+const useInterpolatedStylesMap = ({
+  enabled,
+  visibilityBlocked
+}) => {
   const currentScreenKey = (0, _descriptors.useDescriptorsStore)(s => s.derivations.currentScreenKey);
   const nextScreenKey = (0, _descriptors.useDescriptorsStore)(s => s.derivations.nextScreenKey);
-  const screenOptions = (0, _options.useScreenOptionsContext)();
+  const destinationPairKey = (0, _descriptors.useDescriptorsStore)(s => s.derivations.destinationPairKey);
+  const screenOptions = (0, _options.useScreenOptionsStore)();
+  const screenInterpolatorProps = (0, _animation2.useScreenAnimationStore)(store => store.screenInterpolatorProps);
+  const selectedInterpolatorOptions = (0, _animation2.useScreenAnimationStore)(store => store.selectedInterpolatorOptions);
+  const nextInterpolator = (0, _animation2.useScreenAnimationStore)(store => store.nextInterpolator);
+  const currentInterpolator = (0, _animation2.useScreenAnimationStore)(store => store.currentInterpolator);
+  const transitionSources = (0, _animation2.useScreenAnimationStore)(store => store.transitionSources);
+  const transitionOriginIndex = (0, _animation2.useScreenAnimationStore)(store => store.transitionOriginIndex);
+  const transition = (0, _useBuildTransitionAccessor.useBuildTransitionAccessor)({
+    transitionSources,
+    transitionOriginIndex
+  });
+  const hasCurrentInterpolator = !!currentInterpolator;
   const {
-    screenInterpolatorProps,
-    screenInterpolatorPropsRevision,
-    selectedInterpolatorOptions,
-    nextInterpolator,
-    currentInterpolator,
-    ancestorScreenAnimationSources,
-    descendantScreenAnimationSources
-  } = (0, _animation2.useScreenAnimationContext)();
-  const boundsAccessor = (0, _useBuildBoundsAccessor.useBuildBoundsAccessor)();
-  const transition = (0, _useBuildTransitionAccessor.useBuildTransitionAccessor)();
-  const nextInterpolatorReady = (0, _reactNativeReanimated.useSharedValue)(0);
+    closing: currentClosing,
+    entering: currentEntering
+  } = _animation.AnimationStore.getBag(currentScreenKey);
+  const {
+    animationProgress: currentAnimationProgress,
+    pendingLifecycleRequestKind: currentPendingLifecycleRequestKind,
+    pendingLifecycleStartBlockCount: currentPendingLifecycleStartBlockCount
+  } = _system.SystemStore.getBag(currentScreenKey);
+  const interpolatorReady = (0, _reactNativeReanimated.useDerivedValue)(() => {
+    "worklet";
+
+    const isPendingOpen = currentPendingLifecycleRequestKind.get() === _system.LifecycleTransitionRequestKind.Open;
+    const opening = isPendingOpen || !!currentEntering.get();
+    return (0, _transitionVisualState.isScreenInterpolatorReady)({
+      hasInterpolator: hasCurrentInterpolator,
+      opening,
+      closing: currentClosing.get(),
+      pendingLifecycleStartBlockCount: currentPendingLifecycleStartBlockCount.get(),
+      animationProgress: currentAnimationProgress.get()
+    }) ? 1 : 0;
+  });
 
   // In some cases, a user may want to use external shared values to drive animations in the interpoaltor.
   // We can now support this by collecting those shared values and reading them here to trigger an update.
   const interpolatorSharedValues = (0, _react.useMemo)(() => (0, _collectInterpolatorSharedValues.collectInterpolatorSharedValues)([currentInterpolator, nextInterpolator]), [currentInterpolator, nextInterpolator]);
   const activeScreenKey = nextScreenKey ?? currentScreenKey;
   const {
-    entering: activeEntering,
-    transitionProgress: activeTransitionProgress
+    closing: activeClosing,
+    entering: activeEntering
   } = _animation.AnimationStore.getBag(activeScreenKey);
   const {
-    pendingLifecycleRequestKind: activePendingLifecycleRequestKind
+    animationProgress: activeAnimationProgress,
+    pendingLifecycleRequestKind: activePendingLifecycleRequestKind,
+    pendingLifecycleStartBlockCount: activePendingLifecycleStartBlockCount
   } = _system.SystemStore.getBag(activeScreenKey);
   const isGesturingDuringCloseAnimation = (0, _reactNativeReanimated.useSharedValue)(false);
+  const initialDestinationStylesReady = (0, _reactNativeReanimated.useSharedValue)(0);
+  const shouldPrepareInitialDestinationStyles = enabled && !!destinationPairKey && !nextScreenKey && !!currentInterpolator;
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => {
+    "worklet";
+
+    return visibilityBlocked.get();
+  }, isVisibilityBlocked => {
+    "worklet";
+
+    const styleGate = (0, _visibilityGate.resolveInitialDestinationStyleGate)({
+      shouldPrepareStyles: shouldPrepareInitialDestinationStyles,
+      isVisibilityBlocked,
+      stylesReady: !!initialDestinationStylesReady.get()
+    });
+    if (styleGate.shouldMarkStylesReady) {
+      initialDestinationStylesReady.set(1);
+    }
+  });
   const localStylesMaps = (0, _reactNativeReanimated.useDerivedValue)(() => {
     "worklet";
 
-    (0, _readScreenAnimationRevisions.readScreenAnimationRevisions)(screenInterpolatorPropsRevision, ancestorScreenAnimationSources, descendantScreenAnimationSources, interpolatorSharedValues);
+    (0, _readScreenAnimationRevisions.readScreenAnimationRevisions)(transitionSources, interpolatorSharedValues);
     const props = screenInterpolatorProps.get();
     const {
       current,
-      next,
-      progress
+      next
     } = props;
     const isDragging = current.gesture.dragging;
     const isNextClosing = !!next?.closing;
@@ -145,58 +182,73 @@ const useInterpolatedStylesMap = () => {
     }
     const isInGestureMode = !!isDragging || isGesturingDuringCloseAnimation.get();
 
-    // The current screen keeps interpolator ownership until the next screen is
-    // genuinely live: never during a gesture-driven close, never before a next
-    // interpolator exists, and never in the next screen's pre-start window
-    // (entering, but no transformed frame yet). Only then does "next" take over.
+    // Interpolator ownership changes only at visual boundaries on the UI thread:
+    // the next screen attaches after its blockers clear and progress starts, then
+    // detaches once its closing progress has committed at zero. The downstream
+    // resolver sees the owner disappear in this same graph and resets its styles
+    // without waiting for React to remove the screen.
     const isPendingOpen = activePendingLifecycleRequestKind.get() === _system.LifecycleTransitionRequestKind.Open;
     const activeOpening = isPendingOpen || !!activeEntering.get();
-    const currentOwnsInterpolator = isInGestureMode || !nextInterpolator || (0, _openingPhase.isOpeningBeforeStart)(activeOpening ? 1 : 0, activeTransitionProgress.get());
-    nextInterpolatorReady.set(currentOwnsInterpolator ? 0 : 1);
+    const isOpeningBlocked = (0, _transitionVisualState.isOpenTransitionBlocked)({
+      opening: activeOpening,
+      pendingLifecycleStartBlockCount: activePendingLifecycleStartBlockCount.get(),
+      animationProgress: activeAnimationProgress.get()
+    });
+    const hasCloseFinished = (0, _transitionVisualState.hasCloseTransitionFinished)({
+      closing: activeClosing.get(),
+      animationProgress: activeAnimationProgress.get()
+    });
+    const currentOwnsInterpolator = isInGestureMode || !nextInterpolator || isOpeningBlocked || hasCloseFinished;
     const interpolatorOptionsOwner = currentOwnsInterpolator ? "current" : "next";
-    let selectedProgress = progress;
-    let selectedNext = next;
-    if (isInGestureMode) {
-      selectedProgress = current.progress;
-      selectedNext = undefined;
-    }
+
+    // Once the next interpolator owns the relationship, the current
+    // interpolator remains responsible only for its own live presentation.
+    // This preserves snap-point transforms without letting current-screen
+    // unfocus rules compete with the next screen's outgoing transition.
+    const currentSelectedFrame = (0, _selectInterpolatorFrame.selectInterpolatorFrame)(props, isInGestureMode || !!nextInterpolator);
     const currentResult = runInterpolator({
       interpolator: currentInterpolator,
       props,
-      progress: selectedProgress,
-      next: selectedNext,
-      bounds: boundsAccessor,
+      selectedFrame: currentSelectedFrame,
       transition
     });
+    const initialDestinationStyleGate = (0, _visibilityGate.resolveInitialDestinationStyleGate)({
+      shouldPrepareStyles: shouldPrepareInitialDestinationStyles,
+      isVisibilityBlocked: visibilityBlocked.get(),
+      stylesReady: !!initialDestinationStylesReady.get()
+    });
+    if (initialDestinationStyleGate.shouldWithholdStyles) {
+      return NO_STYLE_LAYERS;
+    }
     if (interpolatorOptionsOwner === "current") {
       (0, _selectedInterpolatorOptions.syncSelectedInterpolatorOptions)(selectedInterpolatorOptions, "current", currentResult?.rawStyleMap?.options);
       (0, _options.syncScreenOptionsOverrides)(currentResult?.rawStyleMap, screenOptions);
-      if (!currentResult) {
-        return NO_STYLE_LAYERS;
-      }
-      return [currentResult.stylesMap];
+      const handoff = (0, _resolveInterpolatorStyleHandoff.resolveInterpolatorStyleHandoff)({
+        currentOwnsInterpolator: true,
+        currentStylesMap: currentResult?.stylesMap,
+        nextStylesMap: undefined
+      });
+      return handoff.localStylesMaps.length ? handoff.localStylesMaps : NO_STYLE_LAYERS;
     }
+    const nextSelectedFrame = (0, _selectInterpolatorFrame.selectInterpolatorFrame)(props, false);
     const nextResult = runInterpolator({
       interpolator: nextInterpolator,
       props,
-      progress: selectedProgress,
-      next: selectedNext,
-      bounds: boundsAccessor,
+      selectedFrame: nextSelectedFrame,
       transition
     });
     (0, _selectedInterpolatorOptions.syncSelectedInterpolatorOptions)(selectedInterpolatorOptions, "next", nextResult?.rawStyleMap?.options);
     (0, _options.syncScreenOptionsOverrides)(undefined, screenOptions);
-    const layers = [];
-    appendLayer(layers, currentResult);
-    appendLayer(layers, nextResult);
-    if (layers.length === 0) {
-      return NO_STYLE_LAYERS;
-    }
-    return layers;
+    const handoff = (0, _resolveInterpolatorStyleHandoff.resolveInterpolatorStyleHandoff)({
+      currentOwnsInterpolator: false,
+      currentStylesMap: currentResult?.stylesMap,
+      nextStylesMap: nextResult?.stylesMap
+    });
+    return handoff.localStylesMaps.length ? handoff.localStylesMaps : NO_STYLE_LAYERS;
   });
   return {
-    localStylesMaps,
-    nextInterpolatorReady
+    interpolatorReady,
+    localStylesMaps
   };
 };
 exports.useInterpolatedStylesMap = useInterpolatedStylesMap;

package/lib/commonjs/providers/screen/styles/hooks/use-interpolated-style-maps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNativeReanimated","_constants","_animation","_system","_logger","_animation2","_useBuildBoundsAccessor","_useBuildTransitionAccessor","_readScreenAnimationRevisions","_selectedInterpolatorOptions","_descriptors","_options","_collectInterpolatorSharedValues","_normalizeSlots","_openingPhase","_stripInterpolatorOptions","NO_STYLE_LAYERS","normalizeRawStyleMap","rawStyleMap","NO_STYLES","stylesMap","normalizeSlots","stripInterpolatorOptions","runInterpolator","interpolator","props","progress","next","bounds","transition","undefined","raw","_","__DEV__","logger","warn","appendLayer","layers","result","push","useInterpolatedStylesMap","currentScreenKey","useDescriptorsStore","s","derivations","nextScreenKey","screenOptions","useScreenOptionsContext","screenInterpolatorProps","screenInterpolatorPropsRevision","selectedInterpolatorOptions","nextInterpolator","currentInterpolator","ancestorScreenAnimationSources","descendantScreenAnimationSources","useScreenAnimationContext","boundsAccessor","useBuildBoundsAccessor","useBuildTransitionAccessor","nextInterpolatorReady","useSharedValue","interpolatorSharedValues","useMemo","collectInterpolatorSharedValues","activeScreenKey","entering","activeEntering","transitionProgress","activeTransitionProgress","AnimationStore","getBag","pendingLifecycleRequestKind","activePendingLifecycleRequestKind","SystemStore","isGesturingDuringCloseAnimation","localStylesMaps","useDerivedValue","readScreenAnimationRevisions","get","current","isDragging","gesture","dragging","isNextClosing","closing","set","isInGestureMode","isPendingOpen","LifecycleTransitionRequestKind","Open","activeOpening","currentOwnsInterpolator","isOpeningBeforeStart","interpolatorOptionsOwner","selectedProgress","selectedNext","currentResult","syncSelectedInterpolatorOptions","options","syncScreenOptionsOverrides","nextResult","length","exports"],"sourceRoot":"../../../../../../src","sources":["providers/screen/styles/hooks/use-interpolated-style-maps.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AASA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,WAAA,GAAAN,OAAA;AACA,IAAAO,uBAAA,GAAAP,OAAA;AACA,IAAAQ,2BAAA,GAAAR,OAAA;AAEA,IAAAS,6BAAA,GAAAT,OAAA;AACA,IAAAU,4BAAA,GAAAV,OAAA;AACA,IAAAW,YAAA,GAAAX,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AAIA,IAAAa,gCAAA,GAAAb,OAAA;AACA,IAAAc,eAAA,GAAAd,OAAA;AACA,IAAAe,aAAA,GAAAf,OAAA;AAEA,IAAAgB,yBAAA,GAAAhB,OAAA;AAEA,MAAMiB,eAAiC,GAAG,EAAE;AAgB5C,MAAMC,oBAAoB,GACzBC,WAAoD,IAChD;EACJ,SAAS;;EAET,IAAI,CAACA,WAAW,EAAE;IACjB,OAAOC,oBAAS;EACjB;EAEA,MAAMC,SAAS,GAAG,IAAAC,8BAAc,EAAC,IAAAC,kDAAwB,EAACJ,WAAW,CAAC,CAAC;EAEvE,OAAOE,SAAS;AACjB,CAAC;AAED,MAAMG,eAAe,GAAGA,CAAC;EACxBC,YAAY;EACZC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC;AACsB,CAAC,KAAqC;EAC5D,SAAS;;EAET,IAAI,CAACL,YAAY,EAAE;IAClB,OAAOM,SAAS;EACjB;EAEA,IAAI;IACH,MAAMC,GAAG,GAAGP,YAAY,CAAC;MACxB,GAAGC,KAAK;MACRC,QAAQ;MACRC,IAAI;MACJC,MAAM;MACNC;IACD,CAAC,CAAC;IAEF,MAAMX,WAAoD,GACzD,OAAOa,GAAG,KAAK,QAAQ,IAAIA,GAAG,IAAI,IAAI,GAAGA,GAAG,GAAGD,SAAS;IAEzD,OAAO;MACNZ,WAAW;MACXE,SAAS,EAAEH,oBAAoB,CAACC,WAAW;IAC5C,CAAC;EACF,CAAC,CAAC,OAAOc,CAAC,EAAE;IACX,IAAIC,OAAO,EAAE;MACZC,cAAM,CAACC,IAAI,CAAC,2CAA2C,CAAC;IACzD;IAEA,OAAOL,SAAS;EACjB;AACD,CAAC;AAED,MAAMM,WAAW,GAAGA,CACnBC,MAAwB,EACxBC,MAAsC,KAClC;EACJ,SAAS;;EAET,IAAIA,MAAM,EAAE;IACXD,MAAM,CAACE,IAAI,CAACD,MAAM,CAAClB,SAAS,CAAC;EAC9B;AACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMoB,wBAAwB,GAAGA,CAAA,KAAM;EAC7C,MAAMC,gBAAgB,GAAG,IAAAC,gCAAmB,EAC1CC,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACH,gBACtB,CAAC;EACD,MAAMI,aAAa,GAAG,IAAAH,gCAAmB,EAAEC,CAAC,IAAKA,CAAC,CAACC,WAAW,CAACC,aAAa,CAAC;EAC7E,MAAMC,aAAa,GAAG,IAAAC,gCAAuB,EAAC,CAAC;EAC/C,MAAM;IACLC,uBAAuB;IACvBC,+BAA+B;IAC/BC,2BAA2B;IAC3BC,gBAAgB;IAChBC,mBAAmB;IACnBC,8BAA8B;IAC9BC;EACD,CAAC,GAAG,IAAAC,qCAAyB,EAAC,CAAC;EAC/B,MAAMC,cAAc,GAAG,IAAAC,8CAAsB,EAAC,CAAC;EAC/C,MAAM5B,UAAU,GAAG,IAAA6B,sDAA0B,EAAC,CAAC;EAC/C,MAAMC,qBAAqB,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;;EAE/C;EACA;EACA,MAAMC,wBAAwB,GAAG,IAAAC,cAAO,EACvC,MACC,IAAAC,gEAA+B,EAAC,CAACX,mBAAmB,EAAED,gBAAgB,CAAC,CAAC,EACzE,CAACC,mBAAmB,EAAED,gBAAgB,CACvC,CAAC;EAED,MAAMa,eAAe,GAAGnB,aAAa,IAAIJ,gBAAgB;EACzD,MAAM;IACLwB,QAAQ,EAAEC,cAAc;IACxBC,kBAAkB,EAAEC;EACrB,CAAC,GAAGC,yBAAc,CAACC,MAAM,CAACN,eAAe,CAAC;EAC1C,MAAM;IAAEO,2BAA2B,EAAEC;EAAkC,CAAC,GACvEC,mBAAW,CAACH,MAAM,CAACN,eAAe,CAAC;EAEpC,MAAMU,+BAA+B,GAAG,IAAAd,qCAAc,EAAC,KAAK,CAAC;EAE7D,MAAMe,eAAe,GAAG,IAAAC,sCAAe,EAAmB,MAAM;IAC/D,SAAS;;IACT,IAAAC,0DAA4B,EAC3B5B,+BAA+B,EAC/BI,8BAA8B,EAC9BC,gCAAgC,EAChCO,wBACD,CAAC;IACD,MAAMpC,KAAK,GAAGuB,uBAAuB,CAAC8B,GAAG,CAAC,CAAC;IAE3C,MAAM;MAAEC,OAAO;MAAEpD,IAAI;MAAED;IAAS,CAAC,GAAGD,KAAK;IACzC,MAAMuD,UAAU,GAAGD,OAAO,CAACE,OAAO,CAACC,QAAQ;IAC3C,MAAMC,aAAa,GAAG,CAAC,CAACxD,IAAI,EAAEyD,OAAO;;IAErC;IACA;IACA;IACA,IAAIJ,UAAU,IAAIG,aAAa,EAAE;MAChCT,+BAA+B,CAACW,GAAG,CAAC,IAAI,CAAC;IAC1C;IAEA,IAAI,CAACL,UAAU,IAAI,CAACG,aAAa,EAAE;MAClCT,+BAA+B,CAACW,GAAG,CAAC,KAAK,CAAC;IAC3C;IAEA,MAAMC,eAAe,GACpB,CAAC,CAACN,UAAU,IAAIN,+BAA+B,CAACI,GAAG,CAAC,CAAC;;IAEtD;IACA;IACA;IACA;IACA,MAAMS,aAAa,GAClBf,iCAAiC,CAACM,GAAG,CAAC,CAAC,KACvCU,sCAA8B,CAACC,IAAI;IACpC,MAAMC,aAAa,GAAGH,aAAa,IAAI,CAAC,CAACrB,cAAc,CAACY,GAAG,CAAC,CAAC;IAC7D,MAAMa,uBAAuB,GAC5BL,eAAe,IACf,CAACnC,gBAAgB,IACjB,IAAAyC,kCAAoB,EACnBF,aAAa,GAAG,CAAC,GAAG,CAAC,EACrBtB,wBAAwB,CAACU,GAAG,CAAC,CAC9B,CAAC;IACFnB,qBAAqB,CAAC0B,GAAG,CAACM,uBAAuB,GAAG,CAAC,GAAG,CAAC,CAAC;IAE1D,MAAME,wBAAwB,GAAGF,uBAAuB,GACrD,SAAS,GACT,MAAM;IAET,IAAIG,gBAAgB,GAAGpE,QAAQ;IAC/B,IAAIqE,YAAY,GAAGpE,IAAI;IAEvB,IAAI2D,eAAe,EAAE;MACpBQ,gBAAgB,GAAGf,OAAO,CAACrD,QAAQ;MACnCqE,YAAY,GAAGjE,SAAS;IACzB;IAEA,MAAMkE,aAAa,GAAGzE,eAAe,CAAC;MACrCC,YAAY,EAAE4B,mBAAmB;MACjC3B,KAAK;MACLC,QAAQ,EAAEoE,gBAAgB;MAC1BnE,IAAI,EAAEoE,YAAY;MAClBnE,MAAM,EAAE4B,cAAc;MACtB3B;IACD,CAAC,CAAC;IAEF,IAAIgE,wBAAwB,KAAK,SAAS,EAAE;MAC3C,IAAAI,4DAA+B,EAC9B/C,2BAA2B,EAC3B,SAAS,EACT8C,aAAa,EAAE9E,WAAW,EAAEgF,OAC7B,CAAC;MACD,IAAAC,mCAA0B,EAACH,aAAa,EAAE9E,WAAW,EAAE4B,aAAa,CAAC;MAErE,IAAI,CAACkD,aAAa,EAAE;QACnB,OAAOhF,eAAe;MACvB;MAEA,OAAO,CAACgF,aAAa,CAAC5E,SAAS,CAAC;IACjC;IAEA,MAAMgF,UAAU,GAAG7E,eAAe,CAAC;MAClCC,YAAY,EAAE2B,gBAAgB;MAC9B1B,KAAK;MACLC,QAAQ,EAAEoE,gBAAgB;MAC1BnE,IAAI,EAAEoE,YAAY;MAClBnE,MAAM,EAAE4B,cAAc;MACtB3B;IACD,CAAC,CAAC;IAEF,IAAAoE,4DAA+B,EAC9B/C,2BAA2B,EAC3B,MAAM,EACNkD,UAAU,EAAElF,WAAW,EAAEgF,OAC1B,CAAC;IACD,IAAAC,mCAA0B,EAACrE,SAAS,EAAEgB,aAAa,CAAC;IAEpD,MAAMT,MAAwB,GAAG,EAAE;IAEnCD,WAAW,CAACC,MAAM,EAAE2D,aAAa,CAAC;IAClC5D,WAAW,CAACC,MAAM,EAAE+D,UAAU,CAAC;IAE/B,IAAI/D,MAAM,CAACgE,MAAM,KAAK,CAAC,EAAE;MACxB,OAAOrF,eAAe;IACvB;IAEA,OAAOqB,MAAM;EACd,CAAC,CAAC;EAEF,OAAO;IACNsC,eAAe;IACfhB;EACD,CAAC;AACF,CAAC;AAAC2C,OAAA,CAAA9D,wBAAA,GAAAA,wBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNativeReanimated","_constants","_animation","_system","_logger","_animation2","_useBuildTransitionAccessor","_readScreenAnimationRevisions","_selectedInterpolatorOptions","_descriptors","_options","_collectInterpolatorSharedValues","_createInterpolatorScope","_normalizeSlots","_resolveInterpolatorStyleHandoff","_selectInterpolatorFrame","_stripInterpolatorOptions","_transitionVisualState","_visibilityGate","NO_STYLE_LAYERS","normalizeRawStyleMap","rawStyleMap","NO_STYLES","stylesMap","normalizeSlots","stripInterpolatorOptions","runInterpolator","interpolator","props","selectedFrame","transition","undefined","raw","createInterpolatorScope","frame","_","__DEV__","logger","warn","useInterpolatedStylesMap","enabled","visibilityBlocked","currentScreenKey","useDescriptorsStore","s","derivations","nextScreenKey","destinationPairKey","screenOptions","useScreenOptionsStore","screenInterpolatorProps","useScreenAnimationStore","store","selectedInterpolatorOptions","nextInterpolator","currentInterpolator","transitionSources","transitionOriginIndex","useBuildTransitionAccessor","hasCurrentInterpolator","closing","currentClosing","entering","currentEntering","AnimationStore","getBag","animationProgress","currentAnimationProgress","pendingLifecycleRequestKind","currentPendingLifecycleRequestKind","pendingLifecycleStartBlockCount","currentPendingLifecycleStartBlockCount","SystemStore","interpolatorReady","useDerivedValue","isPendingOpen","get","LifecycleTransitionRequestKind","Open","opening","isScreenInterpolatorReady","hasInterpolator","interpolatorSharedValues","useMemo","collectInterpolatorSharedValues","activeScreenKey","activeClosing","activeEntering","activeAnimationProgress","activePendingLifecycleRequestKind","activePendingLifecycleStartBlockCount","isGesturingDuringCloseAnimation","useSharedValue","initialDestinationStylesReady","shouldPrepareInitialDestinationStyles","useAnimatedReaction","isVisibilityBlocked","styleGate","resolveInitialDestinationStyleGate","shouldPrepareStyles","stylesReady","shouldMarkStylesReady","set","localStylesMaps","readScreenAnimationRevisions","current","next","isDragging","gesture","dragging","isNextClosing","isInGestureMode","activeOpening","isOpeningBlocked","isOpenTransitionBlocked","hasCloseFinished","hasCloseTransitionFinished","currentOwnsInterpolator","interpolatorOptionsOwner","currentSelectedFrame","selectInterpolatorFrame","currentResult","initialDestinationStyleGate","shouldWithholdStyles","syncSelectedInterpolatorOptions","options","syncScreenOptionsOverrides","handoff","resolveInterpolatorStyleHandoff","currentStylesMap","nextStylesMap","length","nextSelectedFrame","nextResult","exports"],"sourceRoot":"../../../../../../src","sources":["providers/screen/styles/hooks/use-interpolated-style-maps.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/providers/screen/styles/hooks/use-maybe-block-visibility.js

@@ -10,61 +10,81 @@ var _animation = require("../../../../stores/animation.store");
 var _system = require("../../../../stores/system.store");
 var _visibilityBlockOffset = require("../../../../utils/visibility-block-offset");
 var _descriptors = require("../../descriptors");
+var _transitionVisualState = require("../helpers/transition-visual-state");
+var _visibilityBlockOwnership = require("../helpers/visibility-block-ownership");
 var _visibilityGate = require("../helpers/visibility-gate");
-const useMaybeBlockVisibility = isFloatingOverlay => {
+const useMaybeBlockVisibility = ({
+  ancestorVisibilityBlocked,
+  isFloatingOverlay
+}) => {
   const {
     height
   } = (0, _reactNative.useWindowDimensions)();
-  const {
-    currentScreenKey
-  } = (0, _descriptors.useDescriptorDerivations)();
+  const currentScreenKey = (0, _descriptors.useDescriptorsStore)(store => store.derivations.currentScreenKey);
   const {
     closing,
-    entering,
-    progressAnimating,
-    transitionProgress
+    entering
   } = _animation.AnimationStore.getBag(currentScreenKey);
   const {
+    animationProgress,
     pendingLifecycleStartBlockCount,
     pendingLifecycleRequestKind
   } = _system.SystemStore.getBag(currentScreenKey);
   const hasVisibilityGateOpened = (0, _reactNativeReanimated.useSharedValue)(false);
-  const shouldBlockVisibility = (0, _reactNativeReanimated.useSharedValue)(!isFloatingOverlay);
+  const localVisibilityBlocked = (0, _reactNativeReanimated.useSharedValue)(!isFloatingOverlay);
+  const effectiveVisibilityBlocked = (0, _reactNativeReanimated.useSharedValue)(!isFloatingOverlay);
   (0, _reactNativeReanimated.useAnimatedReaction)(() => {
     "worklet";
 
-    return (0, _visibilityGate.resolveScreenVisibilityGate)({
-      isFloatingOverlay,
-      hasVisibilityGateOpened: hasVisibilityGateOpened.get(),
-      pendingLifecycleStartBlockCount: pendingLifecycleStartBlockCount.get(),
-      pendingLifecycleRequestKind: pendingLifecycleRequestKind.get(),
-      progress: transitionProgress.get(),
-      entering: entering.get()
-    });
-  }, gate => {
+    return {
+      gate: (0, _visibilityGate.resolveScreenVisibilityGate)({
+        isFloatingOverlay,
+        hasVisibilityGateOpened: hasVisibilityGateOpened.get(),
+        pendingLifecycleStartBlockCount: pendingLifecycleStartBlockCount.get(),
+        pendingLifecycleRequestKind: pendingLifecycleRequestKind.get(),
+        animationProgress: animationProgress.get(),
+        entering: entering.get()
+      }),
+      ancestorBlocked: ancestorVisibilityBlocked?.get() ?? false
+    };
+  }, ({
+    gate,
+    ancestorBlocked
+  }) => {
     "worklet";
 
     if (gate.shouldOpenGate) {
       hasVisibilityGateOpened.set(true);
     }
-    shouldBlockVisibility.set(gate.shouldBlock);
+    const ownership = (0, _visibilityBlockOwnership.resolveVisibilityBlockOwnership)({
+      localBlocked: gate.shouldBlock,
+      ancestorBlocked
+    });
+    localVisibilityBlocked.set(gate.shouldBlock);
+    effectiveVisibilityBlocked.set(ownership.effectiveBlocked);
   });
   const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     "worklet";
 
     const offset = (0, _visibilityBlockOffset.getVisibilityBlockOffset)(height);
-    // Keep opacity out of normal rendering so effects such as Liquid Glass
-    // retain native compositing. Once closing has fully finished, hiding the
-    // outgoing screen lets the handoff settle before React removes its host.
-    const shouldHideClosedScreen = closing.get() === 1 && transitionProgress.get() <= 0 && progressAnimating.get() === 0;
+    // Hide the outgoing screen after its visual close while React removes its
+    // host asynchronously.
+    const shouldHideClosedScreen = (0, _transitionVisualState.hasCloseTransitionFinished)({
+      closing: closing.get(),
+      animationProgress: animationProgress.get()
+    });
     if (shouldHideClosedScreen) {
       return {
         opacity: 0
       };
     }
+    const ownership = (0, _visibilityBlockOwnership.resolveVisibilityBlockOwnership)({
+      localBlocked: localVisibilityBlocked.get(),
+      ancestorBlocked: ancestorVisibilityBlocked?.get() ?? false
+    });
     return {
       transform: [{
-        translateY: shouldBlockVisibility.get() ? offset : 0
+        translateY: ownership.appliesOffset ? offset : 0
       }]
     };
   });
@@ -72,13 +92,13 @@ const useMaybeBlockVisibility = isFloatingOverlay => {
     "worklet";
 
     return {
-      pointerEvents: shouldBlockVisibility.get() ? "none" : "box-none"
+      pointerEvents: effectiveVisibilityBlocked.get() ? "none" : "box-none"
     };
   });
   return {
     animatedStyle,
     animatedProps,
-    shouldBlockVisibility
+    visibilityBlocked: effectiveVisibilityBlocked
   };
 };
 exports.useMaybeBlockVisibility = useMaybeBlockVisibility;

package/lib/commonjs/providers/screen/styles/hooks/use-maybe-block-visibility.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_animation","_system","_visibilityBlockOffset","_descriptors","_visibilityGate","useMaybeBlockVisibility","isFloatingOverlay","height","useWindowDimensions","currentScreenKey","useDescriptorDerivations","closing","entering","progressAnimating","transitionProgress","AnimationStore","getBag","pendingLifecycleStartBlockCount","pendingLifecycleRequestKind","SystemStore","hasVisibilityGateOpened","useSharedValue","shouldBlockVisibility","useAnimatedReaction","resolveScreenVisibilityGate","get","progress","gate","shouldOpenGate","set","shouldBlock","animatedStyle","useAnimatedStyle","offset","getVisibilityBlockOffset","shouldHideClosedScreen","opacity","transform","translateY","animatedProps","useAnimatedProps","pointerEvents","exports"],"sourceRoot":"../../../../../../src","sources":["providers/screen/styles/hooks/use-maybe-block-visibility.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AAMA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,eAAA,GAAAN,OAAA;AAEO,MAAMO,uBAAuB,GAAIC,iBAA2B,IAAK;EACvE,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EACxC,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,qCAAwB,EAAC,CAAC;EACvD,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,iBAAiB;IAAEC;EAAmB,CAAC,GACjEC,yBAAc,CAACC,MAAM,CAACP,gBAAgB,CAAC;EACxC,MAAM;IAAEQ,+BAA+B;IAAEC;EAA4B,CAAC,GACrEC,mBAAW,CAACH,MAAM,CAACP,gBAAgB,CAAC;EAErC,MAAMW,uBAAuB,GAAG,IAAAC,qCAAc,EAAC,KAAK,CAAC;EACrD,MAAMC,qBAAqB,GAAG,IAAAD,qCAAc,EAAC,CAACf,iBAAiB,CAAC;EAEhE,IAAAiB,0CAAmB,EAClB,MAAM;IACL,SAAS;;IAET,OAAO,IAAAC,2CAA2B,EAAC;MAClClB,iBAAiB;MACjBc,uBAAuB,EAAEA,uBAAuB,CAACK,GAAG,CAAC,CAAC;MACtDR,+BAA+B,EAAEA,+BAA+B,CAACQ,GAAG,CAAC,CAAC;MACtEP,2BAA2B,EAAEA,2BAA2B,CAACO,GAAG,CAAC,CAAC;MAC9DC,QAAQ,EAAEZ,kBAAkB,CAACW,GAAG,CAAC,CAAC;MAClCb,QAAQ,EAAEA,QAAQ,CAACa,GAAG,CAAC;IACxB,CAAC,CAAC;EACH,CAAC,EACAE,IAAI,IAAK;IACT,SAAS;;IAET,IAAIA,IAAI,CAACC,cAAc,EAAE;MACxBR,uBAAuB,CAACS,GAAG,CAAC,IAAI,CAAC;IAClC;IAEAP,qBAAqB,CAACO,GAAG,CAACF,IAAI,CAACG,WAAW,CAAC;EAC5C,CACD,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC5C,SAAS;;IACT,MAAMC,MAAM,GAAG,IAAAC,+CAAwB,EAAC3B,MAAM,CAAC;IAC/C;IACA;IACA;IACA,MAAM4B,sBAAsB,GAC3BxB,OAAO,CAACc,GAAG,CAAC,CAAC,KAAK,CAAC,IACnBX,kBAAkB,CAACW,GAAG,CAAC,CAAC,IAAI,CAAC,IAC7BZ,iBAAiB,CAACY,GAAG,CAAC,CAAC,KAAK,CAAC;IAE9B,IAAIU,sBAAsB,EAAE;MAC3B,OAAO;QACNC,OAAO,EAAE;MACV,CAAC;IACF;IAEA,OAAO;MACNC,SAAS,EAAE,CACV;QACCC,UAAU,EAAEhB,qBAAqB,CAACG,GAAG,CAAC,CAAC,GAAGQ,MAAM,GAAG;MACpD,CAAC;IAEH,CAAC;EACF,CAAC,CAAC;EAEF,MAAMM,aAAa,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC5C,SAAS;;IACT,OAAO;MACNC,aAAa,EAAEnB,qBAAqB,CAACG,GAAG,CAAC,CAAC,GACtC,MAAM,GACN;IACL,CAAC;EACF,CAAC,CAAC;EAEF,OAAO;IACNM,aAAa;IACbQ,aAAa;IACbjB;EACD,CAAC;AACF,CAAC;AAACoB,OAAA,CAAArC,uBAAA,GAAAA,uBAAA","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_reactNativeReanimated","_animation","_system","_visibilityBlockOffset","_descriptors","_transitionVisualState","_visibilityBlockOwnership","_visibilityGate","useMaybeBlockVisibility","ancestorVisibilityBlocked","isFloatingOverlay","height","useWindowDimensions","currentScreenKey","useDescriptorsStore","store","derivations","closing","entering","AnimationStore","getBag","animationProgress","pendingLifecycleStartBlockCount","pendingLifecycleRequestKind","SystemStore","hasVisibilityGateOpened","useSharedValue","localVisibilityBlocked","effectiveVisibilityBlocked","useAnimatedReaction","gate","resolveScreenVisibilityGate","get","ancestorBlocked","shouldOpenGate","set","ownership","resolveVisibilityBlockOwnership","localBlocked","shouldBlock","effectiveBlocked","animatedStyle","useAnimatedStyle","offset","getVisibilityBlockOffset","shouldHideClosedScreen","hasCloseTransitionFinished","opacity","transform","translateY","appliesOffset","animatedProps","useAnimatedProps","pointerEvents","visibilityBlocked","exports"],"sourceRoot":"../../../../../../src","sources":["providers/screen/styles/hooks/use-maybe-block-visibility.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/providers/screen/styles/index.js

@@ -3,12 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ScreenSlotContext", {
-  enumerable: true,
-  get: function () {
-    return _slot.ScreenSlotContext;
-  }
-});
 Object.defineProperty(exports, "ScreenSlotProvider", {
   enumerable: true,
   get: function () {
@@ -21,10 +15,16 @@ Object.defineProperty(exports, "useComposedSlotStyles", {
     return _slotResolvers.useComposedSlotStyles;
   }
 });
-Object.defineProperty(exports, "useScreenSlots", {
+Object.defineProperty(exports, "useOptionalScreenSlotStore", {
+  enumerable: true,
+  get: function () {
+    return _slot.useOptionalScreenSlotStore;
+  }
+});
+Object.defineProperty(exports, "useScreenSlotStore", {
   enumerable: true,
   get: function () {
-    return _slot.useScreenSlots;
+    return _slot.useScreenSlotStore;
   }
 });
 Object.defineProperty(exports, "useSlotLayoutStyles", {

package/lib/commonjs/providers/screen/styles/slot.provider.js

@@ -3,70 +3,70 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useScreenSlots = exports.ScreenSlotProvider = exports.ScreenSlotContext = void 0;
+exports.useScreenSlotStore = exports.useOptionalScreenSlotStore = exports.ScreenSlotProvider = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
 var _createProvider = _interopRequireDefault(require("../../../utils/create-provider"));
 var _descriptors = require("../descriptors");
-var _floatingOverlayLayer = require("./components/floating-overlay-layer");
+var _useCurrentScreenRelationships = require("../use-current-screen-relationships");
 var _useInterpolatedStyleMaps = require("./hooks/use-interpolated-style-maps");
 var _useMaybeBlockVisibility = require("./hooks/use-maybe-block-visibility");
 var _useResolvedSlotStyleMap = require("./hooks/use-resolved-slot-style-map");
-var _slotReferences = require("./stores/slot-references.store");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const createScreenSlotProvider = (0, _createProvider.default)("ScreenSlot", {
+  global: true
+});
 const {
   ScreenSlotProvider,
-  ScreenSlotContext,
-  useScreenSlotContext: useScreenSlots
-} = (0, _createProvider.default)("ScreenSlot", {
-  guarded: true
-})(({
-  children,
-  isFloatingOverlay
+  useOptionalScreenSlotStore,
+  useScreenSlotStore
+} = createScreenSlotProvider(({
+  children
 }) => {
-  const parentContext = (0, _react.useContext)(ScreenSlotContext);
-  const currentScreenKey = (0, _descriptors.useDescriptorsStore)(s => s.derivations.currentScreenKey);
+  const currentScreenKey = (0, _descriptors.useDescriptorsStore)(store => store.derivations.currentScreenKey);
   const {
-    localStylesMaps,
-    nextInterpolatorReady
-  } = (0, _useInterpolatedStyleMaps.useInterpolatedStylesMap)();
-  const slotsMap = (0, _useResolvedSlotStyleMap.useResolvedStylesMap)({
-    localStylesMaps,
-    ancestorStylesMap: parentContext?.slotsMap
-  });
+    parentScreenKey
+  } = (0, _useCurrentScreenRelationships.useCurrentScreenRelationships)();
+  const ancestorStylesMap = useOptionalScreenSlotStore(parentScreenKey, store => store.slotsMap);
+  const ancestorVisibilityBlocked = useOptionalScreenSlotStore(parentScreenKey, store => store.visibilityBlocked);
   const {
     animatedStyle,
     animatedProps,
-    shouldBlockVisibility
-  } = (0, _useMaybeBlockVisibility.useMaybeBlockVisibility)(isFloatingOverlay);
-  const value = (0, _react.useMemo)(() => ({
+    visibilityBlocked
+  } = (0, _useMaybeBlockVisibility.useMaybeBlockVisibility)({
+    ancestorVisibilityBlocked: ancestorVisibilityBlocked ?? null
+  });
+  const {
+    interpolatorReady,
+    localStylesMaps
+  } = (0, _useInterpolatedStyleMaps.useInterpolatedStylesMap)({
+    enabled: true,
+    visibilityBlocked
+  });
+  const slotsMap = (0, _useResolvedSlotStyleMap.useResolvedStylesMap)({
     localStylesMaps,
-    nextInterpolatorReady,
+    ancestorStylesMap: ancestorStylesMap ?? undefined
+  });
+  const value = (0, _react.useMemo)(() => ({
+    interpolatorReady,
     slotsMap,
-    visibilityBlocked: shouldBlockVisibility
-  }), [localStylesMaps, nextInterpolatorReady, shouldBlockVisibility, slotsMap]);
-  (0, _react.useLayoutEffect)(() => {
-    (0, _slotReferences.registerScreenSlots)(currentScreenKey, value);
-    return () => {
-      (0, _slotReferences.unregisterScreenSlots)(currentScreenKey, value);
-    };
-  }, [currentScreenKey, value]);
+    visibilityBlocked
+  }), [interpolatorReady, slotsMap, visibilityBlocked]);
+  const content = (0, _react.useMemo)(() => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [styles.container, animatedStyle],
+    animatedProps: animatedProps,
+    children: children
+  }), [children, animatedStyle, animatedProps]);
   return {
+    key: currentScreenKey,
     value,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingOverlayLayer.FloatingOverlayLayer, {
-      enabled: isFloatingOverlay,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-        style: [styles.container, animatedStyle],
-        animatedProps: animatedProps,
-        children: children
-      })
-    })
+    children: content
   };
 });
-exports.useScreenSlots = useScreenSlots;
-exports.ScreenSlotContext = ScreenSlotContext;
+exports.useScreenSlotStore = useScreenSlotStore;
+exports.useOptionalScreenSlotStore = useOptionalScreenSlotStore;
 exports.ScreenSlotProvider = ScreenSlotProvider;
 const styles = _reactNative.StyleSheet.create({
   container: {