@getuserfeedback/react-native 3.0.66 → 3.0.67

package/dist/index.js

@@ -689,6 +689,7 @@ export function GetUserFeedbackProvider({ autoInit = true, children, commandTime
         onRequestDismiss: handleWidgetHostDismiss,
         sheetHostLayoutUpdate,
         transitionSequence: transitionPolicySequence,
+        transitionSchedule: widgetHostVisibility.transitionSchedule,
     }, widgetHost));
 }
 export function useGetUserFeedbackNative() {

package/dist/provider-command-helpers.js

@@ -17,6 +17,7 @@ export const REACT_NATIVE_CLIENT_META = {
     loader: "sdk",
     protocolCapabilities: [
         REACT_NATIVE_WEBVIEW_TRANSPORT_CAPABILITIES.LAYOUT_TRANSITION_POLICY,
+        REACT_NATIVE_WEBVIEW_TRANSPORT_CAPABILITIES.LAYOUT_TRANSITION_SCHEDULE,
     ],
 };
 export const REACT_NATIVE_LOADER_CLIENT_META = Object.assign(Object.assign({}, REACT_NATIVE_CLIENT_META), { transport: "loader" });

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

@@ -1,4 +1,4 @@
-import { type InstanceViewHostSnapshotsChangedDetail, type ViewHostSnapshot, type WidgetFrameAppearance, type WidgetLayoutTransitionPolicy } from "@getuserfeedback/protocol/host";
+import { type InstanceViewHostSnapshotsChangedDetail, type ViewHostSnapshot, type WidgetFrameAppearance, type WidgetLayoutTransitionPolicy, type WidgetLayoutTransitionSchedule } from "@getuserfeedback/protocol/host";
 type ProviderWidgetHostReadyState = {
     hostEpoch: number;
     readySequence: number;
@@ -13,6 +13,7 @@ export type ProviderWidgetHostVisibility = {
     readySequence: number | null;
     sourceKey: string | null;
     transitionPolicy?: WidgetLayoutTransitionPolicy;
+    transitionSchedule?: WidgetLayoutTransitionSchedule;
     transitionPolicySequence?: number;
 };
 export declare const HIDDEN_PROVIDER_WIDGET_HOST_VISIBILITY: ProviderWidgetHostVisibility;

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

@@ -12,17 +12,26 @@ export function createProviderWidgetHostLifecycleController(initialHostSourceKey
     let hostSourceVersion = 0;
     let lastReady = null;
     let transitionPolicySequence = 0;
+    let lastTransitionScheduleSequence;
     const viewHostSnapshots = createActiveViewSnapshotListController();
     let selectedViewHostSnapshot;
     const toVisibility = (snapshot) => {
+        var _a;
         if (lastReady === null) {
             return null;
         }
         let nextTransitionPolicySequence;
-        if (snapshot.transitionPolicy !== undefined) {
+        const hasNewTransitionSchedule = snapshot.transitionSchedule !== undefined &&
+            (lastTransitionScheduleSequence === undefined ||
+                snapshot.transitionSchedule.sequence > lastTransitionScheduleSequence);
+        if (snapshot.transitionPolicy !== undefined &&
+            (snapshot.transitionSchedule === undefined || hasNewTransitionSchedule)) {
             transitionPolicySequence += 1;
             nextTransitionPolicySequence = transitionPolicySequence;
         }
+        if (hasNewTransitionSchedule) {
+            lastTransitionScheduleSequence = (_a = snapshot.transitionSchedule) === null || _a === void 0 ? void 0 : _a.sequence;
+        }
         return {
             frameAppearance: snapshot.frameAppearance,
             flowHeight: snapshot.height,
@@ -31,7 +40,12 @@ export function createProviderWidgetHostLifecycleController(initialHostSourceKey
             isVisible: snapshot.shouldRender,
             readySequence: lastReady.readySequence,
             sourceKey: lastReady.sourceKey,
-            transitionPolicy: snapshot.transitionPolicy,
+            transitionPolicy: nextTransitionPolicySequence === undefined
+                ? undefined
+                : snapshot.transitionPolicy,
+            transitionSchedule: hasNewTransitionSchedule
+                ? snapshot.transitionSchedule
+                : undefined,
             transitionPolicySequence: nextTransitionPolicySequence,
         };
     };
@@ -53,6 +67,7 @@ export function createProviderWidgetHostLifecycleController(initialHostSourceKey
             lastReady = null;
             viewHostSnapshots.clear();
             selectedViewHostSnapshot = undefined;
+            lastTransitionScheduleSequence = undefined;
             return { wasReady };
         },
         markReady: (event, { hasDeliveredPendingCommands }) => {
@@ -71,6 +86,7 @@ export function createProviderWidgetHostLifecycleController(initialHostSourceKey
                 hostEpoch += 1;
                 viewHostSnapshots.clear();
                 selectedViewHostSnapshot = undefined;
+                lastTransitionScheduleSequence = undefined;
             }
             lastReady = Object.assign(Object.assign({}, event), { hostEpoch });
             return {
@@ -107,6 +123,7 @@ export function createProviderWidgetHostLifecycleController(initialHostSourceKey
             lastReady = null;
             viewHostSnapshots.clear();
             selectedViewHostSnapshot = undefined;
+            lastTransitionScheduleSequence = undefined;
             return true;
         },
         toReadyVisibility: (visibility, event) => {

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

@@ -1,4 +1,4 @@
-import { type WidgetFrameAppearance, type WidgetLayoutComparableSizeUpdate, type WidgetLayoutSizeUpdate, type WidgetLayoutTimedCapableTransitionPlan, type WidgetLayoutTransitionPolicy } from "@getuserfeedback/protocol/host";
+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 { WidgetHostProps } from "./widget-host.js";
 type NativeViewComponent = ComponentType<Record<string, unknown>>;
@@ -7,6 +7,16 @@ type NativeReactVersion = {
     minor?: unknown;
 };
 export type ProviderWidgetNativeBoxShadowSupport = "all" | "none" | "outset";
+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 toProviderWidgetNativeBoxShadowSupport(input: {
     hasFabricUIManager: boolean;
     platform: {
@@ -47,7 +57,7 @@ export declare function toProviderWidgetSheetSurfaceStyles(input: {
     frameStyle: Record<string, unknown>;
     sheetStyle: Record<string, unknown>;
 };
-export declare function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, transitionSequence, }: {
+export declare function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, transitionSequence, transitionSchedule, }: {
     children?: ReactNode;
     frameAppearance?: WidgetFrameAppearance;
     isVisible: boolean;
@@ -55,5 +65,6 @@ export declare function ProviderWidgetHostOverlay({ children, frameAppearance, i
     onRequestDismiss: () => void;
     sheetHostLayoutUpdate: WidgetLayoutComparableSizeUpdate | undefined;
     transitionSequence?: number;
+    transitionSchedule?: WidgetLayoutTransitionSchedule;
 }): ReactElement;
 export {};

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

@@ -1,4 +1,4 @@
-import { areWidgetFrameAppearancesEqual, planWidgetLayoutTransition, toInstantWidgetLayoutSizeUpdate, } from "@getuserfeedback/protocol/host";
+import { areWidgetFrameAppearancesEqual, planWidgetLayoutTransition, resolveWidgetLayoutResumedEasing, resolveWidgetLayoutTransitionExecution, toInstantWidgetLayoutSizeUpdate, } from "@getuserfeedback/protocol/host";
 import { createElement, useCallback, useEffect, useMemo, useRef, useState, } from "react";
 import { toProviderWidgetFrameAppearance } from "./provider-widget-frame-appearance.js";
 const HIDDEN_WIDGET_HOST_STYLE = {
@@ -134,6 +134,24 @@ function resolveNativeAnimationRuntime() {
         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,
+    };
+}
 export function toProviderWidgetNativeBoxShadowSupport(input) {
     var _a, _b;
     if (!input.hasFabricUIManager) {
@@ -338,7 +356,7 @@ function useProviderWidgetSheetPresentation(input) {
         presentationProgressRef.current = new animationRuntime.Animated.Value(0);
     }
     useEffect(() => {
-        var _a, _b, _c;
+        var _a, _b, _c, _d, _e, _f;
         const stopAnimations = (property) => {
             var _a, _b;
             const retained = [];
@@ -368,9 +386,18 @@ function useProviderWidgetSheetPresentation(input) {
         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;
+        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;
         }
@@ -442,18 +469,31 @@ function useProviderWidgetSheetPresentation(input) {
             pendingFrameAppearanceRef.current = undefined;
             setPresentationRevision((revision) => revision + 1);
         };
-        const easing = transition.easing.kind === "cubic-bezier"
-            ? (_c = (_b = animationRuntime.Easing) === null || _b === void 0 ? void 0 : _b.bezier) === null || _c === void 0 ? void 0 : _c.call(_b, ...transition.easing.points)
+        const resumedTiming = transition.easing.kind === "cubic-bezier" &&
+            transitionExecution &&
+            transitionExecution.elapsedMs > 0
+            ? toProviderWidgetResumedTransitionTiming({
+                durationMs: transition.durationMs,
+                easing: transition.easing.points,
+                execution: transitionExecution,
+            })
             : undefined;
-        const animate = (property, value, toValue) => ({
-            handle: animationRuntime.Animated.timing(value, {
-                toValue,
-                duration: transition.durationMs,
-                easing,
-                useNativeDriver: false,
-            }),
-            property,
-        });
+        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 [
@@ -464,11 +504,16 @@ function useProviderWidgetSheetPresentation(input) {
             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(0);
+            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));
         }
@@ -499,6 +544,7 @@ function useProviderWidgetSheetPresentation(input) {
         (_c = input.sheetHostLayoutUpdate) === null || _c === void 0 ? void 0 : _c.transition,
         input.surfaceStyles,
         input.transitionSequence,
+        input.transitionSchedule,
     ]);
     useEffect(() => () => {
         var _a, _b;
@@ -523,7 +569,7 @@ function useProviderWidgetSheetPresentation(input) {
         surfaceView,
     };
 }
-export function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, transitionSequence, }) {
+export function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible, nativeView, onRequestDismiss, sheetHostLayoutUpdate, transitionSequence, transitionSchedule, }) {
     const dragStartYRef = useRef(undefined);
     const handleDragGrant = useCallback((event) => {
         dragStartYRef.current = toResponderPageY(event);
@@ -591,6 +637,7 @@ export function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible
         sheetHostLayoutUpdate,
         surfaceStyles,
         transitionSequence,
+        transitionSchedule,
     });
     return createElement(nativeView, {
         pointerEvents,

package/dist/version.js

@@ -3,4 +3,4 @@ const reactNativeSdkVersion = typeof __GX_REACT_NATIVE_SDK_VERSION__ === "string
     : "";
 // Build scripts patch this fallback to the package version for published artifacts.
 // Source-linked workspace usage keeps the local fallback.
-export const REACT_NATIVE_SDK_VERSION = reactNativeSdkVersion.length > 0 ? reactNativeSdkVersion : "3.0.66";
+export const REACT_NATIVE_SDK_VERSION = reactNativeSdkVersion.length > 0 ? reactNativeSdkVersion : "3.0.67";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getuserfeedback/react-native",
-  "version": "3.0.66",
+  "version": "3.0.67",
   "description": "getuserfeedback React Native SDK",
   "keywords": [
     "getuserfeedback",
@@ -44,8 +44,8 @@
     "lint": "biome check ."
   },
   "dependencies": {
-    "@getuserfeedback/protocol": "^3.18.0",
-    "@getuserfeedback/sdk": "^0.12.0",
+    "@getuserfeedback/protocol": "^3.18.1",
+    "@getuserfeedback/sdk": "^0.12.1",
     "robot3": "^1.2.0"
   },
   "peerDependencies": {