@getuserfeedback/react-native 1.3.11 → 1.3.12

package/dist/index.js

@@ -76,22 +76,16 @@ const FallbackNativeView = (_a) => {
     var { children } = _a, props = __rest(_a, ["children"]);
     return createElement("div", props, children);
 };
-const FallbackNativePressable = FallbackNativeView;
-const FallbackNativeText = FallbackNativeView;
 function resolveReactNativeComponents() {
-    var _a, _b, _c;
+    var _a;
     try {
         const reactNativeModule = require("react-native");
         return {
-            Pressable: (_a = reactNativeModule.Pressable) !== null && _a !== void 0 ? _a : FallbackNativePressable,
-            Text: (_b = reactNativeModule.Text) !== null && _b !== void 0 ? _b : FallbackNativeText,
-            View: (_c = reactNativeModule.View) !== null && _c !== void 0 ? _c : FallbackNativeView,
+            View: (_a = reactNativeModule.View) !== null && _a !== void 0 ? _a : FallbackNativeView,
         };
     }
-    catch (_d) {
+    catch (_b) {
         return {
-            Pressable: FallbackNativePressable,
-            Text: FallbackNativeText,
             View: FallbackNativeView,
         };
     }
@@ -125,7 +119,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, _b;
-    const { Pressable: NativePressable, Text: NativeText, View: NativeView, } = useMemo(resolveReactNativeComponents, []);
+    const { View: NativeView } = useMemo(resolveReactNativeComponents, []);
     const [instanceId] = useState(() => { var _a; return (_a = normalizeOptionalString(instanceIdProp)) !== null && _a !== void 0 ? _a : createUniqueId("rn"); });
     const [nativeMessages, setNativeMessages] = useState([]);
     const [widgetHostVisibility, setWidgetHostVisibility] = useState(HIDDEN_PROVIDER_WIDGET_HOST_VISIBILITY);
@@ -428,6 +422,7 @@ export function GetUserFeedbackProvider({ autoInit = true, children, commandTime
         }
         const isVisible = detail.isOpen || detail.isLoading;
         setWidgetHostVisibility({
+            flowHeight: detail.height,
             flowHandleId: detail.flowHandleId,
             hostSourceVersion: hostSourceVersionRef.current,
             isVisible,
@@ -582,14 +577,16 @@ export function GetUserFeedbackProvider({ autoInit = true, children, commandTime
         }
         enqueueStartupCommands();
     }, [enqueueStartupCommands, startupOptionsKey]);
+    const providerHostViewport = hostViewport !== null && hostViewport !== void 0 ? hostViewport : resolvedHostViewport;
+    const sheetHostViewport = toProviderWidgetSheetHostViewport(providerHostViewport, {
+        height: widgetHostVisibility.flowHeight,
+    });
     const isWidgetHostVisible = widgetHostVisibility.isVisible &&
+        sheetHostViewport !== undefined &&
         widgetHostVisibility.hostSourceVersion === hostSourceVersionRef.current &&
         widgetHostVisibility.sourceKey === ((_a = lastReadyRef.current) === null || _a === void 0 ? void 0 : _a.sourceKey) &&
         widgetHostVisibility.readySequence === ((_b = lastReadyRef.current) === null || _b === void 0 ? void 0 : _b.readySequence);
-    const sheetHostViewport = toProviderWidgetSheetHostViewport(hostViewport !== null && hostViewport !== void 0 ? hostViewport : resolvedHostViewport);
-    const widgetHostViewport = isWidgetHostVisible
-        ? sheetHostViewport
-        : (hostViewport !== null && hostViewport !== void 0 ? hostViewport : resolvedHostViewport);
+    const widgetHostViewport = providerHostViewport;
     const composedWebViewStyle = toProviderWidgetHostStyle({
         isVisible: isWidgetHostVisible,
         webViewStyle: webViewProps === null || webViewProps === void 0 ? void 0 : webViewProps.style,
@@ -606,7 +603,7 @@ export function GetUserFeedbackProvider({ autoInit = true, children, commandTime
         webViewComponent,
         webViewProps: Object.assign(Object.assign({}, webViewProps), { pointerEvents: isWidgetHostVisible ? "auto" : "none", style: composedWebViewStyle }),
     });
-    const handleWidgetHostClose = useCallback(() => {
+    const handleWidgetHostDismiss = useCallback(() => {
         enqueueCommand(Object.assign({ kind: "close" }, (widgetHostVisibility.flowHandleId === undefined
             ? {}
             : { flowHandleId: widgetHostVisibility.flowHandleId }))).catch(reportCommandError);
@@ -615,11 +612,8 @@ export function GetUserFeedbackProvider({ autoInit = true, children, commandTime
         value: contextValue,
     }, children, createElement(ProviderWidgetHostOverlay, {
         isVisible: isWidgetHostVisible,
-        isCloseVisible: true,
-        nativePressable: NativePressable,
-        nativeText: NativeText,
         nativeView: NativeView,
-        onRequestClose: handleWidgetHostClose,
+        onRequestDismiss: handleWidgetHostDismiss,
         sheetHostViewport,
     }, widgetHost));
 }

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

@@ -1,21 +1,18 @@
 import { type ComponentType, type ReactElement, type ReactNode } from "react";
 import type { WidgetHostProps } from "./widget-host.js";
 type NativeViewComponent = ComponentType<Record<string, unknown>>;
-type NativePressableComponent = ComponentType<Record<string, unknown>>;
-type NativeTextComponent = ComponentType<Record<string, unknown>>;
-export declare function toProviderWidgetSheetHostViewport(viewport: WidgetHostProps["hostViewport"]): WidgetHostProps["hostViewport"];
+export declare function toProviderWidgetSheetHostViewport(viewport: WidgetHostProps["hostViewport"], flowSize?: {
+    height?: number;
+}): WidgetHostProps["hostViewport"];
 export declare function toProviderWidgetHostStyle({ isVisible, webViewStyle, }: {
     isVisible: boolean;
     webViewStyle: unknown;
 }): unknown;
-export declare function ProviderWidgetHostOverlay({ children, isVisible, isCloseVisible, nativeView, nativePressable, nativeText, onRequestClose, sheetHostViewport, }: {
+export declare function ProviderWidgetHostOverlay({ children, isVisible, nativeView, onRequestDismiss, sheetHostViewport, }: {
     children?: ReactNode;
-    isCloseVisible: boolean;
     isVisible: boolean;
-    nativePressable: NativePressableComponent;
-    nativeText: NativeTextComponent;
     nativeView: NativeViewComponent;
-    onRequestClose: () => void;
+    onRequestDismiss: () => void;
     sheetHostViewport: WidgetHostProps["hostViewport"];
 }): ReactElement;
 export {};

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

@@ -1,11 +1,11 @@
-import { createElement, } from "react";
+import { createElement, useCallback, useRef, } from "react";
 const HIDDEN_WIDGET_HOST_STYLE = {
-    height: 1,
-    left: -1,
+    bottom: 0,
+    left: 0,
     opacity: 0,
     position: "absolute",
-    top: -1,
-    width: 1,
+    right: 0,
+    top: 0,
 };
 const WIDGET_SHEET_OVERLAY_STYLE = {
     bottom: 0,
@@ -38,22 +38,21 @@ const WIDGET_SHEET_STYLE = {
     shadowRadius: 18,
     elevation: 18,
 };
-const WIDGET_SHEET_CLOSE_STYLE = {
+const WIDGET_SHEET_DRAG_HANDLE_TOUCH_STYLE = {
     alignItems: "center",
-    backgroundColor: "rgba(15, 23, 42, 0.08)",
-    borderRadius: 18,
-    height: 36,
+    height: 32,
     justifyContent: "center",
+    left: 0,
     position: "absolute",
-    right: 12,
-    top: 12,
-    width: 72,
+    right: 0,
+    top: 0,
     zIndex: 1,
 };
-const WIDGET_SHEET_CLOSE_TEXT_STYLE = {
-    color: "#0f172a",
-    fontSize: 14,
-    fontWeight: "600",
+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,
@@ -88,16 +87,29 @@ const VISIBLE_WIDGET_HOST_LAYOUT_STYLE_KEYS = new Set([
     "top",
     "width",
 ]);
-const DEFAULT_WIDGET_SHEET_HEIGHT_RATIO = 0.86;
-const DEFAULT_WIDGET_SHEET_MIN_HEIGHT = 320;
-export function toProviderWidgetSheetHostViewport(viewport) {
+const LOADER_FLOATING_CONTAINER_MIN_HEIGHT = 120;
+const WIDGET_SHEET_SWIPE_DISMISS_DISTANCE = 64;
+function toResponderPageY(event) {
+    var _a;
+    const value = (_a = event === null || event === void 0 ? void 0 : event.nativeEvent) === null || _a === void 0 ? void 0 : _a.pageY;
+    return typeof value === "number" && Number.isFinite(value)
+        ? value
+        : undefined;
+}
+export function toProviderWidgetSheetHostViewport(viewport, flowSize) {
     if (!viewport) {
         return undefined;
     }
-    const desiredHeight = Math.max(DEFAULT_WIDGET_SHEET_MIN_HEIGHT, Math.round(viewport.height * DEFAULT_WIDGET_SHEET_HEIGHT_RATIO));
+    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, desiredHeight),
+        height: Math.min(viewport.height, measuredHeight === undefined
+            ? LOADER_FLOATING_CONTAINER_MIN_HEIGHT
+            : Math.max(LOADER_FLOATING_CONTAINER_MIN_HEIGHT, Math.ceil(measuredHeight))),
     };
 }
 function toVisibleWidgetHostPresentationStyle(style) {
@@ -132,31 +144,52 @@ export function toProviderWidgetHostStyle({ isVisible, webViewStyle, }) {
         ? [visiblePresentationStyle, VISIBLE_WIDGET_HOST_STYLE]
         : VISIBLE_WIDGET_HOST_STYLE;
 }
-export function ProviderWidgetHostOverlay({ children, isVisible, isCloseVisible, nativeView, nativePressable, nativeText, onRequestClose, sheetHostViewport, }) {
+export function ProviderWidgetHostOverlay({ children, isVisible, nativeView, onRequestDismiss, sheetHostViewport, }) {
+    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 widgetSheetStyle = sheetHostViewport
-        ? Object.assign(Object.assign({}, WIDGET_SHEET_STYLE), { height: sheetHostViewport.height }) : Object.assign(Object.assign({}, WIDGET_SHEET_STYLE), { height: "86%" });
-    const pointerEvents = isVisible ? "auto" : "none";
+        ? Object.assign(Object.assign({}, WIDGET_SHEET_STYLE), { height: sheetHostViewport.height }) : HIDDEN_WIDGET_HOST_STYLE;
+    const isSheetVisible = isVisible && sheetHostViewport !== undefined;
+    const pointerEvents = isSheetVisible ? "auto" : "none";
     return createElement(nativeView, {
         pointerEvents,
-        style: isVisible ? WIDGET_SHEET_OVERLAY_STYLE : HIDDEN_WIDGET_HOST_STYLE,
+        style: isSheetVisible
+            ? WIDGET_SHEET_OVERLAY_STYLE
+            : HIDDEN_WIDGET_HOST_STYLE,
         testID: "gx-widget-host-overlay",
     }, createElement(nativeView, {
         pointerEvents,
-        style: isVisible ? WIDGET_SHEET_BACKDROP_STYLE : HIDDEN_WIDGET_HOST_STYLE,
+        style: isSheetVisible
+            ? WIDGET_SHEET_BACKDROP_STYLE
+            : HIDDEN_WIDGET_HOST_STYLE,
         testID: "gx-widget-host-backdrop",
     }), createElement(nativeView, {
         pointerEvents,
-        style: isVisible ? widgetSheetStyle : HIDDEN_WIDGET_HOST_STYLE,
+        style: isSheetVisible ? widgetSheetStyle : HIDDEN_WIDGET_HOST_STYLE,
         testID: "gx-widget-host-sheet",
-    }, children, isVisible && isCloseVisible
-        ? createElement(nativePressable, {
-            accessibilityLabel: "Close widget",
-            accessibilityRole: "button",
-            onPress: onRequestClose,
-            style: WIDGET_SHEET_CLOSE_STYLE,
-            testID: "gx-widget-host-close",
-        }, createElement(nativeText, {
-            style: WIDGET_SHEET_CLOSE_TEXT_STYLE,
-        }, "Close"))
+    }, children, isSheetVisible
+        ? createElement(nativeView, {
+            onResponderGrant: handleDragGrant,
+            onResponderRelease: handleDragRelease,
+            onStartShouldSetResponder: () => true,
+            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));
 }

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

package/dist/webview-bridge-script.js

@@ -248,13 +248,6 @@ export function buildWebViewBridgeScript(input) {
   for (var index = 0; index < hostEventNames.length; index += 1) {
     (function (name) {
       window.addEventListener("${HOST_EVENT_PREFIX}" + name, function (event) {
-        if (
-          name === "instance:open:requested" &&
-          event &&
-          typeof event.preventDefault === "function"
-        ) {
-          event.preventDefault();
-        }
         postMessage({
           kind: "hostEvent",
           event: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getuserfeedback/react-native",
-  "version": "1.3.11",
+  "version": "1.3.12",
   "description": "getuserfeedback React Native SDK",
   "keywords": [
     "getuserfeedback",
@@ -44,8 +44,8 @@
     "lint": "ultracite check ."
   },
   "dependencies": {
-    "@getuserfeedback/protocol": "^1.5.0",
-    "@getuserfeedback/sdk": "^0.7.4",
+    "@getuserfeedback/protocol": "^1.6.0",
+    "@getuserfeedback/sdk": "^0.7.5",
     "robot3": "^1.2.0"
   },
   "peerDependencies": {