@getuserfeedback/react-native 3.0.45 → 3.0.46

package/dist/provider-widget-frame-appearance.d.ts

@@ -0,0 +1,11 @@
+import type { WidgetFrameAppearance } from "@getuserfeedback/protocol/host";
+export type ProviderWidgetFrameAppearanceProjection = {
+    shadowPolicy: "clear" | "legacy";
+    topLeftRadius: number;
+    topRightRadius: number;
+};
+export declare function safeParseProviderWidgetCanonicalTopRadii(value: string): {
+    topLeft: number;
+    topRight: number;
+} | undefined;
+export declare function toProviderWidgetFrameAppearance(appearance?: WidgetFrameAppearance): ProviderWidgetFrameAppearanceProjection;

package/dist/provider-widget-frame-appearance.js

@@ -0,0 +1,47 @@
+const LEGACY_WIDGET_SHEET_RADIUS = 24;
+const CANONICAL_PX_PATTERN = /^(?:0|[1-9]\d*)(?:\.\d+)?px$/;
+const safeParseCanonicalPx = (value) => {
+    if (!CANONICAL_PX_PATTERN.test(value)) {
+        return undefined;
+    }
+    const parsed = Number.parseFloat(value);
+    return Number.isFinite(parsed) ? parsed : undefined;
+};
+export function safeParseProviderWidgetCanonicalTopRadii(value) {
+    if (value.includes("/")) {
+        return undefined;
+    }
+    const radii = value.split(/\s+/).map(safeParseCanonicalPx);
+    if (radii.length === 0 ||
+        radii.length > 4 ||
+        radii.some((radius) => radius === undefined)) {
+        return undefined;
+    }
+    const [topLeft, topRight = topLeft] = radii;
+    return topLeft === undefined || topRight === undefined
+        ? undefined
+        : { topLeft, topRight };
+}
+export function toProviderWidgetFrameAppearance(appearance) {
+    var _a, _b;
+    if (appearance === undefined) {
+        return {
+            shadowPolicy: "legacy",
+            topLeftRadius: LEGACY_WIDGET_SHEET_RADIUS,
+            topRightRadius: LEGACY_WIDGET_SHEET_RADIUS,
+        };
+    }
+    if (appearance.kind === "none") {
+        return {
+            shadowPolicy: "clear",
+            topLeftRadius: 0,
+            topRightRadius: 0,
+        };
+    }
+    const radius = safeParseProviderWidgetCanonicalTopRadii(appearance.borderRadius);
+    return {
+        shadowPolicy: "clear",
+        topLeftRadius: (_a = radius === null || radius === void 0 ? void 0 : radius.topLeft) !== null && _a !== void 0 ? _a : 0,
+        topRightRadius: (_b = radius === null || radius === void 0 ? void 0 : radius.topRight) !== null && _b !== void 0 ? _b : 0,
+    };
+}

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

@@ -1,5 +1,6 @@
 import { planWidgetLayoutTransition, toInstantWidgetLayoutSizeUpdate, } from "@getuserfeedback/protocol/host";
 import { createElement, useCallback, useEffect, useMemo, useRef, } from "react";
+import { toProviderWidgetFrameAppearance } from "./provider-widget-frame-appearance.js";
 const HIDDEN_WIDGET_HOST_STYLE = {
     bottom: 0,
     left: 0,
@@ -31,22 +32,25 @@ const WIDGET_SHEET_LAYOUT_STYLE = {
     position: "absolute",
     right: 0,
 };
-const WIDGET_SHEET_FRAME_STYLE = {
+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_RADIUS_STYLE = {
-    borderTopLeftRadius: 24,
-    borderTopRightRadius: 24,
-};
 const WIDGET_SHEET_DRAG_HANDLE_TOUCH_STYLE = {
     alignItems: "center",
     elevation: 19,
@@ -199,14 +203,20 @@ export function toProviderWidgetHostStyle({ isVisible, webViewStyle, }) {
         : VISIBLE_WIDGET_HOST_STYLE;
 }
 export function toProviderWidgetSheetSurfaceStyles(input) {
-    var _a, _b;
+    var _a;
     const sheetHostViewport = (_a = input.sheetHostLayoutUpdate) === null || _a === void 0 ? void 0 : _a.size;
-    const hasFrame = ((_b = input.frameAppearance) === null || _b === void 0 ? void 0 : _b.kind) !== "none";
+    const appearance = toProviderWidgetFrameAppearance(input.frameAppearance);
+    const radiusStyle = {
+        borderTopLeftRadius: appearance.topLeftRadius,
+        borderTopRightRadius: appearance.topRightRadius,
+    };
+    const frameStyle = appearance.shadowPolicy === "legacy"
+        ? WIDGET_SHEET_LEGACY_FRAME_STYLE
+        : WIDGET_SHEET_CLEARED_FRAME_STYLE;
     return {
-        contentStyle: Object.assign(Object.assign({}, WIDGET_SHEET_CONTENT_BASE_STYLE), (hasFrame ? WIDGET_SHEET_RADIUS_STYLE : {})),
+        contentStyle: Object.assign(Object.assign({}, WIDGET_SHEET_CONTENT_BASE_STYLE), radiusStyle),
         sheetStyle: input.isVisible && sheetHostViewport !== undefined
-            ? Object.assign(Object.assign(Object.assign({}, WIDGET_SHEET_LAYOUT_STYLE), (hasFrame
-                ? Object.assign(Object.assign({}, WIDGET_SHEET_RADIUS_STYLE), WIDGET_SHEET_FRAME_STYLE) : {})), { height: sheetHostViewport.height }) : HIDDEN_WIDGET_HOST_STYLE,
+            ? Object.assign(Object.assign(Object.assign(Object.assign({}, WIDGET_SHEET_LAYOUT_STYLE), radiusStyle), frameStyle), { height: sheetHostViewport.height }) : HIDDEN_WIDGET_HOST_STYLE,
     };
 }
 function useProviderWidgetSheetPresentation(input) {

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

package/package.json

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