@getuserfeedback/react-native 2.0.5 → 2.0.6

package/dist/index.js

@@ -17,7 +17,7 @@ import { toCommandFlowId, toCommandSettlementError, toRetryWithoutFlowHandle, }
 import { useProviderCommandTransport } from "./provider-command-transport.js";
 import { clearProviderFlowHandleCache, createProviderFlowHandleCache, deleteCachedProviderFlowHandleId, deleteCachedProviderFlowId, getCachedProviderFlowHandleId, snapshotProviderFlowCommand, writeSettledProviderFlowHandleId, } from "./provider-flow-handle-cache.js";
 import { createProviderWidgetHostLifecycleController, HIDDEN_PROVIDER_WIDGET_HOST_VISIBILITY, } from "./provider-widget-host-lifecycle.js";
-import { ProviderWidgetHostOverlay, toProviderWidgetHostStyle, toProviderWidgetSheetHostLayoutUpdate, } from "./provider-widget-host-overlay.js";
+import { ProviderWidgetHostOverlay, toProviderWidgetHostStyle, toProviderWidgetSheetHostLayoutPlan, } from "./provider-widget-host-overlay.js";
 import { REACT_NATIVE_SDK_VERSION } from "./version.js";
 import { WidgetHost, } from "./widget-host.js";
 export { REACT_NATIVE_SDK_VERSION } from "./version.js";
@@ -70,6 +70,15 @@ const FallbackNativeView = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
     return createElement("div", props, children);
 };
+function getProviderWidgetLayoutPlanNowMs() {
+    var _a;
+    const performanceNow = typeof ((_a = globalThis.performance) === null || _a === void 0 ? void 0 : _a.now) === "function"
+        ? globalThis.performance.now()
+        : undefined;
+    return typeof performanceNow === "number" && Number.isFinite(performanceNow)
+        ? performanceNow
+        : Date.now();
+}
 function resolveReactNativeComponents() {
     var _a;
     try {
@@ -112,6 +121,7 @@ const toIdentifyCommandPayload = (identifyInput, traitsOrOptions, options) => {
     };
 };
 export function GetUserFeedbackProvider({ autoInit = true, children, commandTimeoutMs = DEFAULT_COMMAND_TIMEOUT_MS, configureOptions, hostViewport, instanceId: instanceIdProp, initOptions, loaderUrl, onCommandError, onInvalidWebMessage, onWebMessage, source, webViewComponent, webViewProps, }) {
+    var _a;
     const { View: NativeView } = useMemo(resolveReactNativeComponents, []);
     const [instanceId] = useState(() => { var _a; return (_a = normalizeOptionalString(instanceIdProp)) !== null && _a !== void 0 ? _a : createUniqueId("rn"); });
     const [widgetHostVisibility, setWidgetHostVisibility] = useState(HIDDEN_PROVIDER_WIDGET_HOST_VISIBILITY);
@@ -471,6 +481,7 @@ export function GetUserFeedbackProvider({ autoInit = true, children, commandTime
         emitHostSignal: (name, data, options) => enqueueCommand(Object.assign({ kind: "emitHostSignal", name: resolveRequiredString("name", name) }, (data === undefined ? {} : { data })), options),
         handleWebMessage,
     }), [enqueueCommand, getNativeMessages, handleWebMessage, instanceId]);
+    const previousSheetHostLayoutUpdateRef = useRef(undefined);
     useEffect(() => {
         resetStartupQueuedKeyIfChanged(startupOptionsKey);
         enqueueStartupCommands();
@@ -480,10 +491,36 @@ export function GetUserFeedbackProvider({ autoInit = true, children, commandTime
         startupOptionsKey,
     ]);
     const providerHostViewport = hostViewport !== null && hostViewport !== void 0 ? hostViewport : resolvedHostViewport;
-    const sheetHostLayoutUpdate = toProviderWidgetSheetHostLayoutUpdate(providerHostViewport, {
-        height: widgetHostVisibility.flowHeight,
+    const sheetHostLayoutPlan = toProviderWidgetSheetHostLayoutPlan({
+        previous: previousSheetHostLayoutUpdateRef.current,
+        viewport: providerHostViewport,
+        flowSize: {
+            height: widgetHostVisibility.flowHeight,
+        },
+        nowMs: getProviderWidgetLayoutPlanNowMs(),
     });
+    let sheetHostLayoutUpdate;
+    if (sheetHostLayoutPlan) {
+        switch (sheetHostLayoutPlan.kind) {
+            case "unchanged":
+                sheetHostLayoutUpdate =
+                    (_a = previousSheetHostLayoutUpdateRef.current) !== null && _a !== void 0 ? _a : sheetHostLayoutPlan.update;
+                break;
+            case "instant":
+                sheetHostLayoutUpdate = sheetHostLayoutPlan.update;
+                break;
+            default: {
+                const unreachable = sheetHostLayoutPlan;
+                throw new Error(`Unsupported widget layout transition plan: ${JSON.stringify(unreachable)}`);
+            }
+        }
+    }
     const isWidgetHostVisible = resolveIsWidgetHostVisible(widgetHostVisibility, sheetHostLayoutUpdate !== undefined);
+    useEffect(() => {
+        previousSheetHostLayoutUpdateRef.current = isWidgetHostVisible
+            ? sheetHostLayoutUpdate
+            : undefined;
+    }, [isWidgetHostVisible, sheetHostLayoutUpdate]);
     const widgetHostViewport = providerHostViewport;
     const composedWebViewStyle = toProviderWidgetHostStyle({
         isVisible: isWidgetHostVisible,

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

@@ -1,4 +1,4 @@
-import { type WidgetLayoutSizeUpdate } from "@getuserfeedback/protocol/host";
+import { type WidgetLayoutSizeUpdate, type WidgetLayoutTransitionPlan } 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>>;
@@ -8,6 +8,14 @@ export declare function toProviderWidgetSheetHostViewport(viewport: WidgetHostPr
 export declare function toProviderWidgetSheetHostLayoutUpdate(viewport: WidgetHostProps["hostViewport"], flowSize?: {
     height?: number;
 }): WidgetLayoutSizeUpdate | undefined;
+export declare function toProviderWidgetSheetHostLayoutPlan(input: {
+    flowSize?: {
+        height?: number;
+    };
+    nowMs: number;
+    previous?: WidgetLayoutSizeUpdate;
+    viewport: WidgetHostProps["hostViewport"];
+}): WidgetLayoutTransitionPlan | undefined;
 export declare function toProviderWidgetHostStyle({ isVisible, webViewStyle, }: {
     isVisible: boolean;
     webViewStyle: unknown;

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

@@ -1,4 +1,4 @@
-import { toInstantWidgetLayoutSizeUpdate, } from "@getuserfeedback/protocol/host";
+import { planWidgetLayoutTransition, toInstantWidgetLayoutSizeUpdate, } from "@getuserfeedback/protocol/host";
 import { createElement, useCallback, useMemo, useRef, } from "react";
 const HIDDEN_WIDGET_HOST_STYLE = {
     bottom: 0,
@@ -129,6 +129,17 @@ export function toProviderWidgetSheetHostLayoutUpdate(viewport, flowSize) {
             : Math.max(LOADER_FLOATING_CONTAINER_MIN_HEIGHT, Math.ceil(measuredHeight))),
     });
 }
+export function toProviderWidgetSheetHostLayoutPlan(input) {
+    const next = toProviderWidgetSheetHostLayoutUpdate(input.viewport, input.flowSize);
+    if (!next) {
+        return undefined;
+    }
+    return planWidgetLayoutTransition({
+        previous: input.previous,
+        next,
+        nowMs: input.nowMs,
+    });
+}
 function toVisibleWidgetHostPresentationStyle(style) {
     if (style === undefined || style === null) {
         return undefined;

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 : "2.0.5";
+export const REACT_NATIVE_SDK_VERSION = reactNativeSdkVersion.length > 0 ? reactNativeSdkVersion : "2.0.6";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getuserfeedback/react-native",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "getuserfeedback React Native SDK",
   "keywords": [
     "getuserfeedback",