Improved

v2.1.3

Added

  • Styling escape hatches on both SDKs. Both @oobit/react-web and @oobit/react-native-sdk now accept a style prop on the outer container. The web SDK also accepts className.

  • iframeProps (web) and webViewProps (React Native) — forward extra props to the underlying iframe/WebView. SDK-managed props (src/source, ref, onMessage/onLoad, sandbox, allow, navigation handlers) are blocked at the type level so you can't accidentally break the transport layer.

    // React Web
    <WidgetSDK
      accessToken={token}
      style={{ borderRadius: 12, overflow: "hidden" }}
      iframeProps={{ scrolling: "no" }}
    />
    
    // React Native
    <WidgetSDK
      accessToken={token}
      style={{ backgroundColor: "#fff" }}
      webViewProps={{
        showsVerticalScrollIndicator: false,
        showsHorizontalScrollIndicator: false,
      }}
    />

Fixed

  • iPhone Dynamic Island overlap (React Native). The WebView now sets contentInsetAdjustmentBehavior="never" and automaticallyAdjustContentInsets={false} so the widget's env(safe-area-inset-top) reports the real safe area and the title clears the Dynamic Island.
  • React Native 0.85 compatibility. Replaced the removed StyleSheet.absoluteFillObject with StyleSheet.absoluteFill in the loading overlay.

Versions

  • React Web SDK bumped to 1.3.3.
  • React Native SDK bumped to 3.3.3.