@getuserfeedback/react-native 4.0.29 → 5.0.6

package/dist/provider-widget-host-overlay.d.ts

@@ -1,58 +0,0 @@
-import { resolveWidgetLayoutTransitionExecution, type WidgetFrameAppearance, type WidgetLayoutComparableSizeUpdate, type WidgetLayoutSizeUpdate, type WidgetLayoutTimedCapableTransitionPlan, type WidgetLayoutTransitionPolicy, type WidgetLayoutTransitionSchedule } from "@getuserfeedback/protocol/host";
-import { type ComponentType, type ReactElement, type ReactNode } from "react";
-import { type NativeWidgetBoxShadowSupport } from "./native-widget-frame-shadow.js";
-import type { WidgetHostProps } from "./widget-host.js";
-type NativeViewComponent = ComponentType<Record<string, unknown>>;
-export declare function toProviderWidgetResumedTransitionTiming(input: {
-    durationMs: number;
-    easing: readonly [number, number, number, number];
-    execution: ReturnType<typeof resolveWidgetLayoutTransitionExecution>;
-}): {
-    delayMs: number;
-    durationMs: number;
-    easing: (remainingProgress: number) => number;
-    initialProgress: number;
-};
-export declare function toProviderWidgetSheetHostViewport(viewport: WidgetHostProps["hostViewport"], flowSize?: {
-    height?: number;
-}): WidgetHostProps["hostViewport"];
-export declare function toProviderWidgetSheetHostLayoutSize(viewport: WidgetHostProps["hostViewport"], flowSize?: {
-    height?: number;
-}): WidgetHostProps["hostViewport"];
-export declare function toProviderWidgetSheetHostLayoutUpdate(viewport: WidgetHostProps["hostViewport"], flowSize?: {
-    height?: number;
-}): WidgetLayoutSizeUpdate | undefined;
-export declare function toProviderWidgetSheetHostLayoutPlan(input: {
-    flowSize?: {
-        height?: number;
-    };
-    nowMs: number;
-    previous?: WidgetLayoutComparableSizeUpdate;
-    transitionPolicy?: WidgetLayoutTransitionPolicy;
-    viewport: WidgetHostProps["hostViewport"];
-}): WidgetLayoutTimedCapableTransitionPlan | undefined;
-export declare function toProviderWidgetHostStyle({ isVisible, webViewStyle, }: {
-    isVisible: boolean;
-    webViewStyle: unknown;
-}): unknown;
-export declare function toProviderWidgetSheetSurfaceStyles(input: {
-    frameAppearance?: WidgetFrameAppearance;
-    isVisible: boolean;
-    sheetHostLayoutUpdate: WidgetLayoutComparableSizeUpdate | undefined;
-    nativeBoxShadowSupport?: NativeWidgetBoxShadowSupport;
-}): {
-    contentStyle: Record<string, unknown>;
-    frameStyle: Record<string, unknown>;
-    sheetStyle: Record<string, unknown>;
-};
-export declare function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, transitionSequence, transitionSchedule, }: {
-    children?: ReactNode;
-    frameAppearance?: WidgetFrameAppearance;
-    isVisible: boolean;
-    nativeView: NativeViewComponent;
-    onRequestDismiss: () => void;
-    sheetHostLayoutUpdate: WidgetLayoutComparableSizeUpdate | undefined;
-    transitionSequence?: number;
-    transitionSchedule?: WidgetLayoutTransitionSchedule;
-}): ReactElement;
-export {};

package/dist/provider-widget-host-overlay.js

@@ -1,616 +0,0 @@
-import { areWidgetFrameAppearancesEqual, planWidgetLayoutTransition, resolveWidgetLayoutResumedEasing, resolveWidgetLayoutTransitionExecution, toInstantWidgetLayoutSizeUpdate, } from "@getuserfeedback/protocol/host";
-import { createElement, useCallback, useEffect, useMemo, useRef, useState, } from "react";
-import { toNativeWidgetSupportedBoxShadow, } from "./native-widget-frame-shadow.js";
-import { resolveNativeWidgetBoxShadowSupport } from "./native-widget-frame-shadow-support.js";
-import { toProviderWidgetFrameAppearance } from "./provider-widget-frame-appearance.js";
-const HIDDEN_WIDGET_HOST_STYLE = {
-    bottom: 0,
-    left: 0,
-    opacity: 0,
-    position: "absolute",
-    right: 0,
-    top: 0,
-};
-const WIDGET_SHEET_OVERLAY_STYLE = {
-    bottom: 0,
-    left: 0,
-    position: "absolute",
-    right: 0,
-    top: 0,
-    zIndex: 2147483647,
-};
-const WIDGET_SHEET_BACKDROP_STYLE = {
-    backgroundColor: "rgba(15, 23, 42, 0.36)",
-    bottom: 0,
-    left: 0,
-    position: "absolute",
-    right: 0,
-    top: 0,
-};
-const WIDGET_SHEET_LAYOUT_STYLE = {
-    backgroundColor: "#ffffff",
-    bottom: 0,
-    left: 0,
-    position: "absolute",
-    right: 0,
-};
-const WIDGET_SHEET_LEGACY_FRAME_STYLE = {
-    shadowColor: "#000000",
-    shadowOffset: { height: -4, width: 0 },
-    shadowOpacity: 0.16,
-    shadowRadius: 18,
-    elevation: 18,
-};
-const WIDGET_SHEET_CLEARED_FRAME_STYLE = {
-    shadowColor: "transparent",
-    shadowOffset: { height: 0, width: 0 },
-    shadowOpacity: 0,
-    shadowRadius: 0,
-    elevation: 0,
-};
-const WIDGET_SHEET_CONTENT_BASE_STYLE = {
-    backgroundColor: "#ffffff",
-    flex: 1,
-    overflow: "hidden",
-};
-const WIDGET_SHEET_FRAME_OVERLAY_STYLE = {
-    bottom: 0,
-    left: 0,
-    position: "absolute",
-    right: 0,
-    top: 0,
-};
-const WIDGET_SHEET_DRAG_HANDLE_TOUCH_STYLE = {
-    alignItems: "center",
-    elevation: 19,
-    height: 32,
-    justifyContent: "center",
-    left: 0,
-    position: "absolute",
-    right: 0,
-    top: 0,
-    zIndex: 1,
-};
-const WIDGET_SHEET_DRAG_HANDLE_INDICATOR_STYLE = {
-    backgroundColor: "rgba(15, 23, 42, 0.28)",
-    borderRadius: 2,
-    height: 4,
-    width: 36,
-};
-const VISIBLE_WIDGET_HOST_STYLE = {
-    flex: 1,
-};
-const VISIBLE_WIDGET_HOST_LAYOUT_STYLE_KEYS = new Set([
-    "alignSelf",
-    "bottom",
-    "display",
-    "end",
-    "flex",
-    "flexBasis",
-    "flexGrow",
-    "flexShrink",
-    "height",
-    "left",
-    "margin",
-    "marginBottom",
-    "marginEnd",
-    "marginHorizontal",
-    "marginLeft",
-    "marginRight",
-    "marginStart",
-    "marginTop",
-    "marginVertical",
-    "maxHeight",
-    "maxWidth",
-    "minHeight",
-    "minWidth",
-    "position",
-    "right",
-    "start",
-    "top",
-    "width",
-]);
-const LOADER_FLOATING_CONTAINER_MIN_HEIGHT = 120;
-const WIDGET_SHEET_SWIPE_DISMISS_DISTANCE = 24;
-function resolveNativePanResponder() {
-    var _a;
-    try {
-        const reactNativeModule = require("react-native");
-        return (_a = reactNativeModule.PanResponder) !== null && _a !== void 0 ? _a : null;
-    }
-    catch (_b) {
-        return null;
-    }
-}
-function resolveNativeAnimationRuntime() {
-    try {
-        const reactNativeModule = require("react-native");
-        return reactNativeModule.Animated
-            ? {
-                Animated: reactNativeModule.Animated,
-                Easing: reactNativeModule.Easing,
-            }
-            : null;
-    }
-    catch (_a) {
-        return null;
-    }
-}
-export function toProviderWidgetResumedTransitionTiming(input) {
-    const elapsedProgress = Math.min(1, input.execution.elapsedMs / input.durationMs);
-    const initialProgress = resolveWidgetLayoutResumedEasing({
-        easing: input.easing,
-        elapsedProgress,
-        remainingProgress: 0,
-    }).initialProgress;
-    return {
-        delayMs: input.execution.delayMs,
-        durationMs: input.execution.durationMs,
-        easing: (remainingProgress) => resolveWidgetLayoutResumedEasing({
-            easing: input.easing,
-            elapsedProgress,
-            remainingProgress,
-        }).progress,
-        initialProgress,
-    };
-}
-function toResponderPageY(event) {
-    var _a, _b, _c;
-    const nativeEvent = event === null || event === void 0 ? void 0 : event.nativeEvent;
-    const value = (_a = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.pageY) !== null && _a !== void 0 ? _a : (_c = (_b = nativeEvent === null || nativeEvent === void 0 ? void 0 : nativeEvent.changedTouches) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.pageY;
-    return typeof value === "number" && Number.isFinite(value)
-        ? value
-        : undefined;
-}
-export function toProviderWidgetSheetHostViewport(viewport, flowSize) {
-    return toProviderWidgetSheetHostLayoutSize(viewport, flowSize);
-}
-export function toProviderWidgetSheetHostLayoutSize(viewport, flowSize) {
-    if (!viewport) {
-        return undefined;
-    }
-    const measuredHeight = typeof (flowSize === null || flowSize === void 0 ? void 0 : flowSize.height) === "number" &&
-        Number.isFinite(flowSize.height) &&
-        flowSize.height > 0
-        ? flowSize.height
-        : undefined;
-    return {
-        width: viewport.width,
-        height: Math.min(viewport.height, measuredHeight === undefined
-            ? LOADER_FLOATING_CONTAINER_MIN_HEIGHT
-            : Math.max(LOADER_FLOATING_CONTAINER_MIN_HEIGHT, Math.ceil(measuredHeight))),
-    };
-}
-export function toProviderWidgetSheetHostLayoutUpdate(viewport, flowSize) {
-    const size = toProviderWidgetSheetHostLayoutSize(viewport, flowSize);
-    return size === undefined ? undefined : toInstantWidgetLayoutSizeUpdate(size);
-}
-export function toProviderWidgetSheetHostLayoutPlan(input) {
-    const size = toProviderWidgetSheetHostLayoutSize(input.viewport, input.flowSize);
-    if (!size) {
-        return undefined;
-    }
-    return planWidgetLayoutTransition({
-        previous: input.previous,
-        size,
-        nowMs: input.nowMs,
-        transitionPolicy: input.transitionPolicy,
-    });
-}
-function toVisibleWidgetHostPresentationStyle(style) {
-    if (style === undefined || style === null) {
-        return undefined;
-    }
-    if (Array.isArray(style)) {
-        const styles = style
-            .map(toVisibleWidgetHostPresentationStyle)
-            .filter((entry) => entry !== undefined && entry !== null);
-        return styles.length > 0 ? styles : undefined;
-    }
-    if (typeof style !== "object") {
-        return style;
-    }
-    const presentationStyle = {};
-    for (const [key, value] of Object.entries(style)) {
-        if (!VISIBLE_WIDGET_HOST_LAYOUT_STYLE_KEYS.has(key)) {
-            presentationStyle[key] = value;
-        }
-    }
-    return Object.keys(presentationStyle).length > 0
-        ? presentationStyle
-        : undefined;
-}
-export function toProviderWidgetHostStyle({ isVisible, webViewStyle, }) {
-    if (!isVisible) {
-        return webViewStyle !== null && webViewStyle !== void 0 ? webViewStyle : HIDDEN_WIDGET_HOST_STYLE;
-    }
-    const visiblePresentationStyle = toVisibleWidgetHostPresentationStyle(webViewStyle);
-    return visiblePresentationStyle !== undefined
-        ? [visiblePresentationStyle, VISIBLE_WIDGET_HOST_STYLE]
-        : VISIBLE_WIDGET_HOST_STYLE;
-}
-export function toProviderWidgetSheetSurfaceStyles(input) {
-    var _a;
-    const sheetHostViewport = (_a = input.sheetHostLayoutUpdate) === null || _a === void 0 ? void 0 : _a.size;
-    const appearance = toProviderWidgetFrameAppearance(input.frameAppearance, sheetHostViewport);
-    const radiusStyle = {
-        borderTopLeftRadius: appearance.topLeftRadius,
-        borderTopRightRadius: appearance.topRightRadius,
-    };
-    const nativeBoxShadow = appearance.shadow.kind === "legacy"
-        ? undefined
-        : toNativeWidgetSupportedBoxShadow(appearance.shadow, input.nativeBoxShadowSupport);
-    const usesNativeBoxShadow = nativeBoxShadow !== undefined;
-    const sheetShadowStyle = appearance.shadow.kind === "legacy"
-        ? WIDGET_SHEET_LEGACY_FRAME_STYLE
-        : appearance.shadow.kind === "resolved" && !usesNativeBoxShadow
-            ? appearance.shadow.fallbackStyle
-            : WIDGET_SHEET_CLEARED_FRAME_STYLE;
-    const frameShadowStyle = nativeBoxShadow === undefined ? {} : { boxShadow: nativeBoxShadow };
-    return {
-        contentStyle: Object.assign(Object.assign({}, WIDGET_SHEET_CONTENT_BASE_STYLE), radiusStyle),
-        frameStyle: input.isVisible && sheetHostViewport !== undefined
-            ? Object.assign(Object.assign(Object.assign(Object.assign({}, WIDGET_SHEET_FRAME_OVERLAY_STYLE), radiusStyle), appearance.borderStyle), frameShadowStyle) : HIDDEN_WIDGET_HOST_STYLE,
-        sheetStyle: input.isVisible && sheetHostViewport !== undefined
-            ? Object.assign(Object.assign(Object.assign(Object.assign({}, WIDGET_SHEET_LAYOUT_STYLE), radiusStyle), sheetShadowStyle), { height: sheetHostViewport.height }) : HIDDEN_WIDGET_HOST_STYLE,
-    };
-}
-function useProviderWidgetSheetPresentation(input) {
-    var _a, _b, _c;
-    const animationRuntime = useMemo(resolveNativeAnimationRuntime, []);
-    const animatedValuesRef = useRef(null);
-    const animationRef = useRef([]);
-    const presentationAttemptRef = useRef(0);
-    // Border and shadow stay static across RN capability levels; this clock
-    // settles their swap on the same schedule as the numeric frame animation.
-    const presentationProgressRef = useRef(null);
-    const pendingFrameAppearanceRef = useRef(undefined);
-    const presentedFrameAppearanceRef = useRef(input.frameAppearance);
-    const presentedSurfaceStylesRef = useRef(input.surfaceStyles);
-    const [, setPresentationRevision] = useState(0);
-    const consumedTransitionSequenceRef = useRef(undefined);
-    const previousFrameRef = useRef(undefined);
-    const animatedSurfaceView = useMemo(() => animationRuntime
-        ? animationRuntime.Animated.createAnimatedComponent(input.nativeView)
-        : input.nativeView, [animationRuntime, input.nativeView]);
-    const sheetHostViewport = (_a = input.sheetHostLayoutUpdate) === null || _a === void 0 ? void 0 : _a.size;
-    const height = sheetHostViewport === null || sheetHostViewport === void 0 ? void 0 : sheetHostViewport.height;
-    const topLeftRadius = input.surfaceStyles.sheetStyle.borderTopLeftRadius;
-    const topRightRadius = input.surfaceStyles.sheetStyle.borderTopRightRadius;
-    const frame = useMemo(() => height !== undefined &&
-        typeof topLeftRadius === "number" &&
-        typeof topRightRadius === "number"
-        ? { height, topLeftRadius, topRightRadius }
-        : undefined, [height, topLeftRadius, topRightRadius]);
-    const hasPendingTimedTransition = input.transitionSequence !== undefined &&
-        consumedTransitionSequenceRef.current !== input.transitionSequence;
-    const shouldUseAnimatedStyle = animationRuntime !== null &&
-        input.isVisible &&
-        frame !== undefined &&
-        previousFrameRef.current !== undefined &&
-        ((_b = input.sheetHostLayoutUpdate) === null || _b === void 0 ? void 0 : _b.transition.kind) === "timed" &&
-        (hasPendingTimedTransition || animationRef.current.length > 0);
-    const surfaceView = animationRuntime ? animatedSurfaceView : input.nativeView;
-    if (animationRuntime && frame && animatedValuesRef.current === null) {
-        animatedValuesRef.current = {
-            height: new animationRuntime.Animated.Value(frame.height),
-            topLeftRadius: new animationRuntime.Animated.Value(frame.topLeftRadius),
-            topRightRadius: new animationRuntime.Animated.Value(frame.topRightRadius),
-        };
-        presentationProgressRef.current = new animationRuntime.Animated.Value(0);
-    }
-    useEffect(() => {
-        var _a, _b, _c, _d, _e, _f;
-        const stopAnimations = (property) => {
-            var _a, _b;
-            const retained = [];
-            for (const animation of animationRef.current) {
-                if (property === undefined || animation.property === property) {
-                    (_b = (_a = animation.handle).stop) === null || _b === void 0 ? void 0 : _b.call(_a);
-                }
-                else {
-                    retained.push(animation);
-                }
-            }
-            animationRef.current = retained;
-        };
-        if (!animationRuntime || !frame || !input.isVisible) {
-            presentationAttemptRef.current += 1;
-            pendingFrameAppearanceRef.current = undefined;
-            stopAnimations();
-            previousFrameRef.current = undefined;
-            presentedFrameAppearanceRef.current = input.frameAppearance;
-            presentedSurfaceStylesRef.current = input.surfaceStyles;
-            return;
-        }
-        const animatedValues = animatedValuesRef.current;
-        if (!animatedValues) {
-            return;
-        }
-        const previousFrame = previousFrameRef.current;
-        previousFrameRef.current = frame;
-        const transition = (_a = input.sheetHostLayoutUpdate) === null || _a === void 0 ? void 0 : _a.transition;
-        const transitionExecution = (transition === null || transition === void 0 ? void 0 : transition.kind) === "timed"
-            ? resolveWidgetLayoutTransitionExecution({
-                schedule: input.transitionSchedule,
-                durationMs: transition.durationMs,
-                nowEpochMs: Date.now(),
-            })
-            : undefined;
-        const hasNewTransitionPolicy = input.transitionSequence !== undefined &&
-            consumedTransitionSequenceRef.current !== input.transitionSequence;
-        const shouldAnimate = (transition === null || transition === void 0 ? void 0 : transition.kind) === "timed" &&
-            hasNewTransitionPolicy &&
-            (transitionExecution === null || transitionExecution === void 0 ? void 0 : transitionExecution.isComplete) !== true;
-        if (hasNewTransitionPolicy) {
-            consumedTransitionSequenceRef.current = input.transitionSequence;
-        }
-        if (previousFrame === undefined || (transition === null || transition === void 0 ? void 0 : transition.kind) === "instant") {
-            presentationAttemptRef.current += 1;
-            pendingFrameAppearanceRef.current = undefined;
-            stopAnimations();
-            presentedFrameAppearanceRef.current = input.frameAppearance;
-            presentedSurfaceStylesRef.current = input.surfaceStyles;
-            animatedValues.height.setValue(frame.height);
-            animatedValues.topLeftRadius.setValue(frame.topLeftRadius);
-            animatedValues.topRightRadius.setValue(frame.topRightRadius);
-            return;
-        }
-        const values = {
-            height: animatedValues.height,
-            topLeftRadius: animatedValues.topLeftRadius,
-            topRightRadius: animatedValues.topRightRadius,
-        };
-        if (!shouldAnimate) {
-            const hasActiveAppearanceTransition = animationRef.current.some((animation) => animation.property === "appearance");
-            const didUncoordinatedAppearanceChange = hasActiveAppearanceTransition &&
-                !areWidgetFrameAppearancesEqual(pendingFrameAppearanceRef.current, input.frameAppearance);
-            if (didUncoordinatedAppearanceChange) {
-                presentationAttemptRef.current += 1;
-                pendingFrameAppearanceRef.current = undefined;
-                stopAnimations("appearance");
-                presentedSurfaceStylesRef.current = input.surfaceStyles;
-                presentedFrameAppearanceRef.current = input.frameAppearance;
-                setPresentationRevision((revision) => revision + 1);
-            }
-            else if (!hasActiveAppearanceTransition &&
-                !areWidgetFrameAppearancesEqual(presentedFrameAppearanceRef.current, input.frameAppearance)) {
-                presentedSurfaceStylesRef.current = input.surfaceStyles;
-                presentedFrameAppearanceRef.current = input.frameAppearance;
-                setPresentationRevision((revision) => revision + 1);
-            }
-            for (const property of [
-                "height",
-                "topLeftRadius",
-                "topRightRadius",
-            ]) {
-                if (previousFrame[property] !== frame[property]) {
-                    stopAnimations(property);
-                    values[property].setValue(frame[property]);
-                }
-            }
-            return;
-        }
-        const targetSurfaceStyles = input.surfaceStyles;
-        const targetFrameAppearance = input.frameAppearance;
-        const didFrameAppearanceChange = !areWidgetFrameAppearancesEqual(presentedFrameAppearanceRef.current, targetFrameAppearance);
-        const hasActiveAppearanceTransition = animationRef.current.some((animation) => animation.property === "appearance");
-        const shouldReplaceAppearanceTransition = didFrameAppearanceChange || hasActiveAppearanceTransition;
-        const presentationAttempt = shouldReplaceAppearanceTransition
-            ? presentationAttemptRef.current + 1
-            : presentationAttemptRef.current;
-        if (shouldReplaceAppearanceTransition) {
-            presentationAttemptRef.current = presentationAttempt;
-            pendingFrameAppearanceRef.current = undefined;
-            stopAnimations("appearance");
-        }
-        const presentTargetSurfaceStyles = () => {
-            if (presentationAttemptRef.current !== presentationAttempt) {
-                return;
-            }
-            presentedFrameAppearanceRef.current = targetFrameAppearance;
-            presentedSurfaceStylesRef.current = targetSurfaceStyles;
-            pendingFrameAppearanceRef.current = undefined;
-            setPresentationRevision((revision) => revision + 1);
-        };
-        const resumedTiming = transition.easing.kind === "cubic-bezier" &&
-            transitionExecution &&
-            transitionExecution.elapsedMs > 0
-            ? toProviderWidgetResumedTransitionTiming({
-                durationMs: transition.durationMs,
-                easing: transition.easing.points,
-                execution: transitionExecution,
-            })
-            : undefined;
-        const easing = (_b = resumedTiming === null || resumedTiming === void 0 ? void 0 : resumedTiming.easing) !== null && _b !== void 0 ? _b : (transition.easing.kind === "cubic-bezier"
-            ? (_d = (_c = animationRuntime.Easing) === null || _c === void 0 ? void 0 : _c.bezier) === null || _d === void 0 ? void 0 : _d.call(_c, ...transition.easing.points)
-            : undefined);
-        const animate = (property, value, toValue) => {
-            var _a, _b, _c, _d;
-            return ({
-                handle: animationRuntime.Animated.timing(value, {
-                    toValue,
-                    duration: (_b = (_a = resumedTiming === null || resumedTiming === void 0 ? void 0 : resumedTiming.durationMs) !== null && _a !== void 0 ? _a : transitionExecution === null || transitionExecution === void 0 ? void 0 : transitionExecution.durationMs) !== null && _b !== void 0 ? _b : transition.durationMs,
-                    delay: (_d = (_c = resumedTiming === null || resumedTiming === void 0 ? void 0 : resumedTiming.delayMs) !== null && _c !== void 0 ? _c : transitionExecution === null || transitionExecution === void 0 ? void 0 : transitionExecution.delayMs) !== null && _d !== void 0 ? _d : 0,
-                    easing,
-                    useNativeDriver: false,
-                }),
-                property,
-            });
-        };
-        const activeProperties = new Set(animationRef.current.map((animation) => animation.property));
-        const animations = [];
-        for (const property of [
-            "height",
-            "topLeftRadius",
-            "topRightRadius",
-        ]) {
-            if (previousFrame[property] !== frame[property] ||
-                activeProperties.has(property)) {
-                stopAnimations(property);
-                if (((_e = transitionExecution === null || transitionExecution === void 0 ? void 0 : transitionExecution.elapsedMs) !== null && _e !== void 0 ? _e : 0) > 0 && resumedTiming) {
-                    values[property].setValue(previousFrame[property] +
-                        (frame[property] - previousFrame[property]) *
-                            resumedTiming.initialProgress);
-                }
-                animations.push(animate(property, values[property], frame[property]));
-            }
-        }
-        if (didFrameAppearanceChange && presentationProgressRef.current !== null) {
-            presentationProgressRef.current.setValue((_f = resumedTiming === null || resumedTiming === void 0 ? void 0 : resumedTiming.initialProgress) !== null && _f !== void 0 ? _f : 0);
-            pendingFrameAppearanceRef.current = targetFrameAppearance;
-            animations.push(animate("appearance", presentationProgressRef.current, 1));
-        }
-        if (animations.length === 0) {
-            pendingFrameAppearanceRef.current = undefined;
-            presentedFrameAppearanceRef.current = targetFrameAppearance;
-            presentedSurfaceStylesRef.current = targetSurfaceStyles;
-            return;
-        }
-        animationRef.current.push(...animations);
-        for (const animation of animations) {
-            animation.handle.start((result) => {
-                animationRef.current = animationRef.current.filter((candidate) => candidate !== animation);
-                if (animation.property !== "appearance") {
-                    return;
-                }
-                if ((result === null || result === void 0 ? void 0 : result.finished) !== false &&
-                    presentationAttemptRef.current === presentationAttempt) {
-                    presentTargetSurfaceStyles();
-                }
-            });
-        }
-    }, [
-        animationRuntime,
-        frame,
-        input.frameAppearance,
-        input.isVisible,
-        (_c = input.sheetHostLayoutUpdate) === null || _c === void 0 ? void 0 : _c.transition,
-        input.surfaceStyles,
-        input.transitionSequence,
-        input.transitionSchedule,
-    ]);
-    useEffect(() => () => {
-        var _a, _b;
-        for (const animation of animationRef.current) {
-            (_b = (_a = animation.handle).stop) === null || _b === void 0 ? void 0 : _b.call(_a);
-        }
-        animationRef.current = [];
-    }, []);
-    const animatedValues = animatedValuesRef.current;
-    if (!shouldUseAnimatedStyle || animatedValues === null) {
-        return Object.assign(Object.assign({}, input.surfaceStyles), { surfaceView });
-    }
-    const presentedSurfaceStyles = presentedSurfaceStylesRef.current;
-    const animatedRadiusStyle = {
-        borderTopLeftRadius: animatedValues.topLeftRadius,
-        borderTopRightRadius: animatedValues.topRightRadius,
-    };
-    return {
-        contentStyle: Object.assign(Object.assign({}, presentedSurfaceStyles.contentStyle), animatedRadiusStyle),
-        frameStyle: Object.assign(Object.assign({}, presentedSurfaceStyles.frameStyle), animatedRadiusStyle),
-        sheetStyle: Object.assign(Object.assign(Object.assign({}, presentedSurfaceStyles.sheetStyle), animatedRadiusStyle), { height: animatedValues.height }),
-        surfaceView,
-    };
-}
-export function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, transitionSequence, transitionSchedule, }) {
-    const dragStartYRef = useRef(undefined);
-    const handleDragGrant = useCallback((event) => {
-        dragStartYRef.current = toResponderPageY(event);
-    }, []);
-    const handleDragRelease = useCallback((event) => {
-        const startY = dragStartYRef.current;
-        dragStartYRef.current = undefined;
-        const endY = toResponderPageY(event);
-        if (startY === undefined ||
-            endY === undefined ||
-            endY - startY < WIDGET_SHEET_SWIPE_DISMISS_DISTANCE) {
-            return;
-        }
-        onRequestDismiss();
-    }, [onRequestDismiss]);
-    const dragHandleGestureProps = useMemo(() => {
-        const panResponder = resolveNativePanResponder();
-        if (panResponder) {
-            try {
-                return panResponder.create({
-                    onMoveShouldSetPanResponder: (_event, gestureState) => typeof gestureState.dy === "number" &&
-                        gestureState.dy >=
-                            Math.min(12, WIDGET_SHEET_SWIPE_DISMISS_DISTANCE),
-                    onPanResponderGrant: handleDragGrant,
-                    onPanResponderRelease: (_event, gestureState) => {
-                        if (!gestureState) {
-                            handleDragRelease(_event);
-                            return;
-                        }
-                        if (typeof gestureState.dy !== "number" ||
-                            gestureState.dy < WIDGET_SHEET_SWIPE_DISMISS_DISTANCE) {
-                            return;
-                        }
-                        onRequestDismiss();
-                    },
-                    onStartShouldSetPanResponder: () => true,
-                }).panHandlers;
-            }
-            catch (_a) {
-                // Fall back to the plain responder/touch path below.
-            }
-        }
-        return {
-            onResponderGrant: handleDragGrant,
-            onResponderRelease: handleDragRelease,
-            onStartShouldSetResponder: () => true,
-            onTouchEnd: handleDragRelease,
-            onTouchStart: handleDragGrant,
-        };
-    }, [handleDragGrant, handleDragRelease, onRequestDismiss]);
-    const sheetHostViewport = sheetHostLayoutUpdate === null || sheetHostLayoutUpdate === void 0 ? void 0 : sheetHostLayoutUpdate.size;
-    const isSheetVisible = isVisible && sheetHostViewport !== undefined;
-    const pointerEvents = isSheetVisible ? "auto" : "none";
-    const nativeBoxShadowSupport = useMemo(resolveNativeWidgetBoxShadowSupport, []);
-    const surfaceStyles = useMemo(() => toProviderWidgetSheetSurfaceStyles({
-        frameAppearance,
-        isVisible,
-        sheetHostLayoutUpdate,
-        nativeBoxShadowSupport,
-    }), [frameAppearance, isVisible, nativeBoxShadowSupport, sheetHostLayoutUpdate]);
-    const sheetPresentation = useProviderWidgetSheetPresentation({
-        frameAppearance,
-        isVisible,
-        nativeView,
-        sheetHostLayoutUpdate,
-        surfaceStyles,
-        transitionSequence,
-        transitionSchedule,
-    });
-    return createElement(nativeView, {
-        pointerEvents,
-        style: isSheetVisible
-            ? WIDGET_SHEET_OVERLAY_STYLE
-            : HIDDEN_WIDGET_HOST_STYLE,
-        testID: "gx-widget-host-overlay",
-    }, createElement(nativeView, {
-        pointerEvents,
-        style: isSheetVisible
-            ? WIDGET_SHEET_BACKDROP_STYLE
-            : HIDDEN_WIDGET_HOST_STYLE,
-        testID: "gx-widget-host-backdrop",
-    }), createElement(sheetPresentation.surfaceView, {
-        pointerEvents,
-        style: sheetPresentation.sheetStyle,
-        testID: "gx-widget-host-sheet",
-    }, createElement(sheetPresentation.surfaceView, {
-        pointerEvents,
-        style: sheetPresentation.contentStyle,
-        testID: "gx-widget-host-sheet-content",
-    }, children, isSheetVisible
-        ? createElement(nativeView, Object.assign(Object.assign({}, dragHandleGestureProps), { style: WIDGET_SHEET_DRAG_HANDLE_TOUCH_STYLE, testID: "gx-widget-host-drag-handle" }), createElement(nativeView, {
-            style: WIDGET_SHEET_DRAG_HANDLE_INDICATOR_STYLE,
-            testID: "gx-widget-host-drag-handle-indicator",
-        }))
-        : null), createElement(sheetPresentation.surfaceView, {
-        pointerEvents: "none",
-        style: sheetPresentation.frameStyle,
-        testID: "gx-widget-host-sheet-frame",
-    })));
-}

package/dist/use-native-direct-command-session-controller.d.ts

@@ -1,2 +0,0 @@
-import { type NativeDirectCommandSessionController } from "./native-direct-command-session-controller.js";
-export declare function useNativeDirectCommandSessionController(): NativeDirectCommandSessionController;