@getuserfeedback/react-native 3.0.90 → 3.0.91

package/dist/native-view-presentation-surface.js

@@ -1,6 +1,8 @@
 import { createElement, } from "react";
 import { toNativeWidgetCornerRadii } from "./native-widget-corner-radii.js";
 import { toNativeWidgetResolvedBorderStyle } from "./native-widget-frame-border.js";
+import { toNativeWidgetFrameShadow, toNativeWidgetSupportedBoxShadow, } from "./native-widget-frame-shadow.js";
+import { resolveNativeWidgetBoxShadowSupport } from "./native-widget-frame-shadow-support.js";
 const HOST_SURFACE_STYLE = {
     alignItems: "center",
     bottom: 0,
@@ -29,6 +31,9 @@ const PREPARING_VIEW_FRAME_STYLE = {
 const PRESENTED_VIEW_FRAME_STYLE = {
     maxHeight: "100%",
     maxWidth: "100%",
+};
+const VIEW_FRAME_CONTENT_STYLE = {
+    flex: 1,
     overflow: "hidden",
 };
 const VIEW_FRAME_BORDER_OVERLAY_STYLE = {
@@ -45,14 +50,17 @@ const resolveNativeView = () => {
     }
     return reactNativeModule.View;
 };
-// TODO(migration): Project shadow appearance onto Core-owned native frames before layering and scoped dismissal.
-// [from=native-frame-border-shadow-projection] [to=native-frame-shadow-projection] [scope=slice] [principle=core-owned-flow-lifecycle] [priority=high] [impact=high] [risk=high] [epic=runtime-neutral-view-host-orchestration] [epic_order=189]
 export function NativeViewPresentationSurface({ children, nativeViewComponent, record, }) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const NativeView = nativeViewComponent !== null && nativeViewComponent !== void 0 ? nativeViewComponent : resolveNativeView();
     const isPresented = record.activationState === "active" && record.size !== null;
     const cornerRadii = toNativeWidgetCornerRadii((_a = record.size) === null || _a === void 0 ? void 0 : _a.frameAppearance);
-    const borderStyle = toNativeWidgetResolvedBorderStyle(((_c = (_b = record.size) === null || _b === void 0 ? void 0 : _b.frameAppearance) === null || _c === void 0 ? void 0 : _c.kind) === "page"
+    const shadow = toNativeWidgetFrameShadow(((_c = (_b = record.size) === null || _b === void 0 ? void 0 : _b.frameAppearance) === null || _c === void 0 ? void 0 : _c.kind) === "page"
+        ? record.size.frameAppearance.resolvedBoxShadow
+        : undefined);
+    const nativeBoxShadow = toNativeWidgetSupportedBoxShadow(shadow, resolveNativeWidgetBoxShadowSupport());
+    const frameOverlayShadowStyle = nativeBoxShadow === undefined ? {} : { boxShadow: nativeBoxShadow };
+    const borderStyle = toNativeWidgetResolvedBorderStyle(((_e = (_d = record.size) === null || _d === void 0 ? void 0 : _d.frameAppearance) === null || _e === void 0 ? void 0 : _e.kind) === "page"
         ? record.size.frameAppearance.resolvedBorder
         : undefined);
     const cornerRadiusStyle = {
@@ -63,7 +71,7 @@ export function NativeViewPresentationSurface({ children, nativeViewComponent, r
     };
     return createElement(NativeView, {
         pointerEvents: isPresented ? "box-none" : "none",
-        style: Object.assign(Object.assign(Object.assign({}, HOST_SURFACE_STYLE), (((_d = record.size) === null || _d === void 0 ? void 0 : _d.placement) === "docked-top"
+        style: Object.assign(Object.assign(Object.assign({}, HOST_SURFACE_STYLE), (((_f = record.size) === null || _f === void 0 ? void 0 : _f.placement) === "docked-top"
             ? TOP_PLACEMENT_STYLE
             : BOTTOM_PLACEMENT_STYLE)), (isPresented
             ? PRESENTED_HOST_SURFACE_STYLE
@@ -72,11 +80,14 @@ export function NativeViewPresentationSurface({ children, nativeViewComponent, r
     }, createElement(NativeView, {
         pointerEvents: isPresented ? "auto" : "none",
         style: isPresented
-            ? Object.assign(Object.assign(Object.assign({}, PRESENTED_VIEW_FRAME_STYLE), cornerRadiusStyle), { height: (_e = record.size) === null || _e === void 0 ? void 0 : _e.height, width: (_f = record.size) === null || _f === void 0 ? void 0 : _f.width }) : PREPARING_VIEW_FRAME_STYLE,
+            ? Object.assign(Object.assign(Object.assign({}, PRESENTED_VIEW_FRAME_STYLE), cornerRadiusStyle), { height: (_g = record.size) === null || _g === void 0 ? void 0 : _g.height, width: (_h = record.size) === null || _h === void 0 ? void 0 : _h.width }) : PREPARING_VIEW_FRAME_STYLE,
         testID: `gx-native-view-frame-${record.viewId}`,
-    }, children, createElement(NativeView, {
+    }, createElement(NativeView, {
+        style: Object.assign(Object.assign({}, VIEW_FRAME_CONTENT_STYLE), cornerRadiusStyle),
+        testID: `gx-native-view-frame-content-${record.viewId}`,
+    }, children), createElement(NativeView, {
         pointerEvents: "none",
-        style: Object.assign(Object.assign(Object.assign({}, VIEW_FRAME_BORDER_OVERLAY_STYLE), cornerRadiusStyle), borderStyle),
+        style: Object.assign(Object.assign(Object.assign(Object.assign({}, VIEW_FRAME_BORDER_OVERLAY_STYLE), cornerRadiusStyle), borderStyle), frameOverlayShadowStyle),
         testID: `gx-native-view-frame-border-${record.viewId}`,
     })));
 }

package/dist/native-widget-frame-shadow-support.d.ts

@@ -0,0 +1,16 @@
+import type { NativeWidgetBoxShadowSupport } from "./native-widget-frame-shadow.js";
+type NativeReactVersion = {
+    major?: unknown;
+    minor?: unknown;
+};
+export type NativeWidgetBoxShadowSupportInput = {
+    hasFabricUIManager: boolean;
+    platform: {
+        os?: unknown;
+        version?: unknown;
+    };
+    reactNativeVersion?: NativeReactVersion;
+};
+export declare function toNativeWidgetBoxShadowSupport(input: NativeWidgetBoxShadowSupportInput): NativeWidgetBoxShadowSupport;
+export declare function resolveNativeWidgetBoxShadowSupport(): NativeWidgetBoxShadowSupport;
+export {};

package/dist/native-widget-frame-shadow-support.js

@@ -0,0 +1,54 @@
+export function toNativeWidgetBoxShadowSupport(input) {
+    var _a, _b;
+    if (!input.hasFabricUIManager) {
+        return "none";
+    }
+    const major = (_a = input.reactNativeVersion) === null || _a === void 0 ? void 0 : _a.major;
+    const minor = (_b = input.reactNativeVersion) === null || _b === void 0 ? void 0 : _b.minor;
+    const supportsBoxShadow = typeof major === "number" &&
+        Number.isInteger(major) &&
+        (major > 0 ||
+            (major === 0 &&
+                typeof minor === "number" &&
+                Number.isInteger(minor) &&
+                minor >= 76));
+    if (!supportsBoxShadow) {
+        return "none";
+    }
+    if (input.platform.os === "ios") {
+        return "all";
+    }
+    if (input.platform.os !== "android") {
+        return "none";
+    }
+    const androidApiLevel = input.platform.version;
+    if (typeof androidApiLevel !== "number" ||
+        !Number.isInteger(androidApiLevel)) {
+        return "none";
+    }
+    return androidApiLevel >= 29
+        ? "all"
+        : androidApiLevel >= 28
+            ? "outset"
+            : "none";
+}
+export function resolveNativeWidgetBoxShadowSupport() {
+    var _a, _b, _c, _d;
+    try {
+        const reactNativeModule = require("react-native");
+        // React Native exposes renderer capability to JavaScript process-wide.
+        // There is no stable public API for querying the renderer of one View.
+        const fabricUIManager = Reflect.get(globalThis, "nativeFabricUIManager");
+        return toNativeWidgetBoxShadowSupport({
+            hasFabricUIManager: fabricUIManager !== undefined && fabricUIManager !== null,
+            platform: {
+                os: (_a = reactNativeModule.Platform) === null || _a === void 0 ? void 0 : _a.OS,
+                version: (_b = reactNativeModule.Platform) === null || _b === void 0 ? void 0 : _b.Version,
+            },
+            reactNativeVersion: (_d = (_c = reactNativeModule.Platform) === null || _c === void 0 ? void 0 : _c.constants) === null || _d === void 0 ? void 0 : _d.reactNativeVersion,
+        });
+    }
+    catch (_e) {
+        return "none";
+    }
+}

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

@@ -3,11 +3,6 @@ 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>>;
-type NativeReactVersion = {
-    major?: unknown;
-    minor?: unknown;
-};
-export type ProviderWidgetNativeBoxShadowSupport = NativeWidgetBoxShadowSupport;
 export declare function toProviderWidgetResumedTransitionTiming(input: {
     durationMs: number;
     easing: readonly [number, number, number, number];
@@ -18,14 +13,6 @@ export declare function toProviderWidgetResumedTransitionTiming(input: {
     easing: (remainingProgress: number) => number;
     initialProgress: number;
 };
-export declare function toProviderWidgetNativeBoxShadowSupport(input: {
-    hasFabricUIManager: boolean;
-    platform: {
-        os?: unknown;
-        version?: unknown;
-    };
-    reactNativeVersion?: NativeReactVersion;
-}): ProviderWidgetNativeBoxShadowSupport;
 export declare function toProviderWidgetSheetHostViewport(viewport: WidgetHostProps["hostViewport"], flowSize?: {
     height?: number;
 }): WidgetHostProps["hostViewport"];
@@ -52,7 +39,7 @@ export declare function toProviderWidgetSheetSurfaceStyles(input: {
     frameAppearance?: WidgetFrameAppearance;
     isVisible: boolean;
     sheetHostLayoutUpdate: WidgetLayoutComparableSizeUpdate | undefined;
-    nativeBoxShadowSupport?: ProviderWidgetNativeBoxShadowSupport;
+    nativeBoxShadowSupport?: NativeWidgetBoxShadowSupport;
 }): {
     contentStyle: Record<string, unknown>;
     frameStyle: Record<string, unknown>;

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

@@ -1,6 +1,7 @@
 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,
@@ -153,64 +154,6 @@ export function toProviderWidgetResumedTransitionTiming(input) {
         initialProgress,
     };
 }
-export function toProviderWidgetNativeBoxShadowSupport(input) {
-    var _a, _b;
-    if (!input.hasFabricUIManager) {
-        return "none";
-    }
-    const major = (_a = input.reactNativeVersion) === null || _a === void 0 ? void 0 : _a.major;
-    const minor = (_b = input.reactNativeVersion) === null || _b === void 0 ? void 0 : _b.minor;
-    const supportsBoxShadow = typeof major === "number" &&
-        Number.isInteger(major) &&
-        (major > 0 ||
-            (major === 0 &&
-                typeof minor === "number" &&
-                Number.isInteger(minor) &&
-                minor >= 76));
-    if (!supportsBoxShadow) {
-        return "none";
-    }
-    if (input.platform.os === "ios") {
-        return "all";
-    }
-    if (input.platform.os !== "android") {
-        return "none";
-    }
-    const androidApiLevel = input.platform.version;
-    if (typeof androidApiLevel !== "number" ||
-        !Number.isInteger(androidApiLevel)) {
-        return "none";
-    }
-    return androidApiLevel >= 29
-        ? "all"
-        : androidApiLevel >= 28
-            ? "outset"
-            : "none";
-}
-function resolveNativeBoxShadowSupport() {
-    var _a, _b, _c, _d;
-    try {
-        const reactNativeModule = require("react-native");
-        // React Native exposes renderer capability to JavaScript process-wide.
-        // There is no stable public API for querying the renderer of this View.
-        // TODO(architecture): Extract native box-shadow capability detection to
-        // native-widget-frame-shadow-support once the overlay diff fits the small-PR
-        // production line gate. [principle=architecture-gardening] [scope=slice]
-        // [priority=medium]
-        const fabricUIManager = Reflect.get(globalThis, "nativeFabricUIManager");
-        return toProviderWidgetNativeBoxShadowSupport({
-            hasFabricUIManager: fabricUIManager !== undefined && fabricUIManager !== null,
-            platform: {
-                os: (_a = reactNativeModule.Platform) === null || _a === void 0 ? void 0 : _a.OS,
-                version: (_b = reactNativeModule.Platform) === null || _b === void 0 ? void 0 : _b.Version,
-            },
-            reactNativeVersion: (_d = (_c = reactNativeModule.Platform) === null || _c === void 0 ? void 0 : _c.constants) === null || _d === void 0 ? void 0 : _d.reactNativeVersion,
-        });
-    }
-    catch (_e) {
-        return "none";
-    }
-}
 function toResponderPageY(event) {
     var _a, _b, _c;
     const nativeEvent = event === null || event === void 0 ? void 0 : event.nativeEvent;
@@ -624,7 +567,7 @@ export function ProviderWidgetHostOverlay({ children, frameAppearance, isVisible
     const sheetHostViewport = sheetHostLayoutUpdate === null || sheetHostLayoutUpdate === void 0 ? void 0 : sheetHostLayoutUpdate.size;
     const isSheetVisible = isVisible && sheetHostViewport !== undefined;
     const pointerEvents = isSheetVisible ? "auto" : "none";
-    const nativeBoxShadowSupport = useMemo(resolveNativeBoxShadowSupport, []);
+    const nativeBoxShadowSupport = useMemo(resolveNativeWidgetBoxShadowSupport, []);
     const surfaceStyles = useMemo(() => toProviderWidgetSheetSurfaceStyles({
         frameAppearance,
         isVisible,

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

package/package.json

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