@ezoic/react-native-sdk 1.8.0 → 1.9.0

package/EzoicReactNativeSdk.podspec

@@ -20,7 +20,7 @@ Pod::Spec.new do |s|
 
   # Native Ezoic Ads SDK (vends the `EzoicAdsSDKBinary` module). Brings in
   # PrebidMobile + Google-Mobile-Ads-SDK transitively.
-  s.dependency "EzoicAdsSDK", "~> 1.8"
+  s.dependency "EzoicAdsSDK", "~> 1.9"
   # The native-ad host imports GoogleMobileAds directly (NativeAdView,
   # MediaView, NativeAd). Pin GMA 12 so the module is on the compile path.
   s.dependency "Google-Mobile-Ads-SDK", "~> 12.0"

package/README.md

@@ -52,11 +52,15 @@ EzoicAds.setSubjectToCOPPA(false);
 // Track a pageview.
 const tracked = await EzoicAds.trackPageview();
 
-// Render a banner.
+// Render a banner. A hard-coded height is optional: on no-fill the view
+// collapses to height 0 (default), and `onSizeChange` reports the creative
+// size (or `{ width: 0, height: 0 }` when collapsed).
 <EzoicBannerView
   adUnitIdentifier="123456"
   size="300x250"
-  style={{ width: 300, height: 250 }}
+  style={{ width: 300 }}
+  collapseOnNoFill
+  onSizeChange={({ width, height }) => console.log('size', width, height)}
   onLoad={() => console.log('loaded')}
   onError={(e) => console.log('error', e.message, e.code)}
   onImpression={() => console.log('impression')}
@@ -68,6 +72,9 @@ const tracked = await EzoicAds.trackPageview();
 
 `adUnitIdentifier` is a string coerced to a native integer. `size` is a `"WxH"`
 string or comma-separated list (e.g. `"300x250"`, `"300x250,320x50"`).
+`collapseOnNoFill` (default `true`) collapses the view to height 0 when a load
+fails and nothing is displayed. `onSizeChange` receives `{ width, height }` in
+dp/pt after a fill, or `{ width: 0, height: 0 }` on collapse.
 
 ### Native ads
 
@@ -96,7 +103,8 @@ import { EzoicAds, EzoicNativeAdView } from '@ezoic/react-native-sdk';
 `EzoicOutstreamAdView` loads and renders a self-contained outstream video ad.
 Like the native ad it has no `size` prop — size it with `style` and the native
 view lays the player out inside those bounds. It is view-managed: mounting the
-component loads the ad, unmounting destroys it.
+component loads the ad, unmounting destroys it. Same `collapseOnNoFill`
+(default `true`) and `onSizeChange` props as the banner.
 
 ```tsx
 import { EzoicAds, EzoicOutstreamAdView } from '@ezoic/react-native-sdk';
@@ -104,6 +112,8 @@ import { EzoicAds, EzoicOutstreamAdView } from '@ezoic/react-native-sdk';
 <EzoicOutstreamAdView
   adUnitIdentifier="123456"
   style={{ width: '100%', height: 250 }}
+  collapseOnNoFill
+  onSizeChange={({ width, height }) => console.log('size', width, height)}
   onLoad={() => console.log('loaded')}
   onError={(e) => console.log('error', e.message, e.code)}
   onImpression={() => console.log('impression')}
@@ -152,9 +162,9 @@ resolves. `contentUrl` and `revenueUsd` are optional.
 - `EzoicAds.setGPPConsent(gppString?, sectionIds?)` → `void`
 - `EzoicAds.setSubjectToCOPPA(value)` → `void`
 - `EzoicAds.trackPageview()` → `Promise<boolean>`
-- `<EzoicBannerView adUnitIdentifier size onLoad onError onImpression onClick onOpen onClose />`
+- `<EzoicBannerView adUnitIdentifier size collapseOnNoFill onSizeChange onLoad onError onImpression onClick onOpen onClose />`
 - `<EzoicNativeAdView adUnitIdentifier onLoad onError onImpression onClick onOpen onClose />`
-- `<EzoicOutstreamAdView adUnitIdentifier onLoad onError onImpression onClick onOpen onClose />`
+- `<EzoicOutstreamAdView adUnitIdentifier collapseOnNoFill onSizeChange onLoad onError onImpression onClick onOpen onClose />`
 - `new EzoicInstreamAd(adUnitIdentifier)`
   - `.load({ contentUrl? })` → `Promise<string>` (GAM VAST ad-tag URL)
   - `.getNextAdTagUrl()` → `Promise<string | null>`

package/android/build.gradle

@@ -68,7 +68,7 @@ dependencies {
   // Native Ezoic Ads SDK (resolved from Maven Central). Brings in Google Mobile
   // Ads + Prebid transitively. Requires mavenCentral() + google() in the
   // consuming app's repositories (the RN template provides both).
-  implementation "com.ezoic.sdk:ezoic-ads-sdk:1.8.0"
+  implementation "com.ezoic.sdk:ezoic-ads-sdk:1.9.0"
 
   // The native-ad wrapper references GMA's NativeAdView/MediaView/NativeAd
   // types at compile time. The Ezoic SDK POM scopes Google Mobile Ads at

package/android/src/main/java/com/ezoic/reactnative/EzoicBannerViewManager.kt

@@ -1,5 +1,7 @@
 package com.ezoic.reactnative
 
+import android.content.Context
+import android.view.View
 import android.view.ViewGroup
 import android.widget.FrameLayout
 import com.facebook.react.bridge.Arguments
@@ -16,36 +18,44 @@ import com.ezoic.ads.sdk.core.EzoicError
 
 @ReactModule(name = EzoicBannerViewManager.NAME)
 class EzoicBannerViewManager(private val ctx: ReactApplicationContext) :
-  SimpleViewManager<FrameLayout>() {
+  SimpleViewManager<EzoicBannerViewManager.BannerContainer>() {
 
   override fun getName() = NAME
 
-  override fun createViewInstance(reactContext: ThemedReactContext): FrameLayout {
-    val container = FrameLayout(reactContext)
+  override fun createViewInstance(reactContext: ThemedReactContext): BannerContainer {
+    val container = BannerContainer(reactContext)
     container.layoutParams = ViewGroup.LayoutParams(
       ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT
     )
-    container.tag = BannerState()
     return container
   }
 
   @ReactProp(name = "adUnitIdentifier")
-  fun setAdUnitIdentifier(view: FrameLayout, value: String?) {
-    (view.tag as BannerState).adUnitId = value?.toIntOrNull() ?: 0
+  fun setAdUnitIdentifier(view: BannerContainer, value: String?) {
+    view.adUnitId = value?.toIntOrNull() ?: 0
     maybeLoad(view)
   }
 
   @ReactProp(name = "size")
-  fun setSize(view: FrameLayout, value: String?) {
-    (view.tag as BannerState).size = value ?: ""
+  fun setSize(view: BannerContainer, value: String?) {
+    view.size = value ?: ""
     maybeLoad(view)
   }
 
-  private fun maybeLoad(view: FrameLayout) {
-    val state = view.tag as BannerState
-    if (state.loaded || state.adUnitId <= 0) return
-    state.loaded = true
-    val banner = EzoicBannerView(view.context, state.adUnitId)
+  // Forwarded to the native view's `collapseOnNoFill` property. Applied to an
+  // already-created banner too, so a prop change after load takes effect on
+  // the next load outcome.
+  @ReactProp(name = "collapseOnNoFill", defaultBoolean = true)
+  fun setCollapseOnNoFill(view: BannerContainer, value: Boolean) {
+    view.collapseOnNoFill = value
+    view.banner?.collapseOnNoFill = value
+  }
+
+  private fun maybeLoad(view: BannerContainer) {
+    if (view.loaded || view.adUnitId <= 0) return
+    view.loaded = true
+    val banner = EzoicBannerView(view.context, view.adUnitId)
+    banner.collapseOnNoFill = view.collapseOnNoFill
     banner.listener = object : EzoicBannerViewListener {
       override fun onBannerLoaded(b: EzoicBannerView) = emit(view, "topLoad", Arguments.createMap())
       override fun onBannerLoadFailed(b: EzoicBannerView, error: EzoicError) {
@@ -58,14 +68,24 @@ class EzoicBannerViewManager(private val ctx: ReactApplicationContext) :
       override fun onBannerClicked(b: EzoicBannerView) = emit(view, "topAdClick", Arguments.createMap())
       override fun onBannerOpened(b: EzoicBannerView) = emit(view, "topOpen", Arguments.createMap())
       override fun onBannerClosed(b: EzoicBannerView) = emit(view, "topClose", Arguments.createMap())
+      // The native view collapses itself (GONE) or resizes to the loaded
+      // creative, but this container is MATCH_PARENT inside the Yoga box, so
+      // the JS component applies the height from this event.
+      override fun onBannerSizeChanged(bannerView: EzoicBannerView, widthDp: Int, heightDp: Int) {
+        val map = Arguments.createMap()
+        map.putDouble("width", widthDp.toDouble())
+        map.putDouble("height", heightDp.toDouble())
+        emit(view, "topSizeChange", map)
+      }
     }
+    view.banner = banner
     view.removeAllViews()
     view.addView(banner)
-    val sizes = state.size.split(",").map { it.trim() }.filter { it.isNotEmpty() }
+    val sizes = view.size.split(",").map { it.trim() }.filter { it.isNotEmpty() }
     if (sizes.isEmpty()) banner.loadAd() else banner.loadAd(sizes)
   }
 
-  private fun emit(view: FrameLayout, event: String, payload: WritableMap) {
+  private fun emit(view: BannerContainer, event: String, payload: WritableMap) {
     ctx.getJSModule(RCTEventEmitter::class.java).receiveEvent(view.id, event, payload)
   }
 
@@ -81,10 +101,39 @@ class EzoicBannerViewManager(private val ctx: ReactApplicationContext) :
     )
   }
 
-  private class BannerState {
+  override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any> {
+    return mapOf(
+      "topSizeChange" to mapOf("registrationName" to "onSizeChange")
+    )
+  }
+
+  /**
+   * Container for the native banner. RN lays out only Yoga-managed views; the
+   * native [EzoicBannerView] is added from native code, so when JS changes the
+   * Yoga box height (collapse to 0 / restore after a fill) the child must be
+   * re-measured against the new bounds. Overriding [requestLayout] to post a
+   * manual measure(EXACTLY)+layout of the current bounds is the same fix used
+   * by [EzoicOutstreamAdViewManager] and [EzoicNativeAdViewManager].
+   */
+  class BannerContainer(context: Context) : FrameLayout(context) {
     var adUnitId: Int = 0
     var size: String = ""
     var loaded: Boolean = false
+    var collapseOnNoFill: Boolean = true
+    var banner: EzoicBannerView? = null
+
+    private val measureAndLayout = Runnable {
+      measure(
+        View.MeasureSpec.makeMeasureSpec(width, View.MeasureSpec.EXACTLY),
+        View.MeasureSpec.makeMeasureSpec(height, View.MeasureSpec.EXACTLY)
+      )
+      layout(left, top, right, bottom)
+    }
+
+    override fun requestLayout() {
+      super.requestLayout()
+      post(measureAndLayout)
+    }
   }
 
   companion object {

package/android/src/main/java/com/ezoic/reactnative/EzoicOutstreamAdViewManager.kt

@@ -56,6 +56,12 @@ class EzoicOutstreamAdViewManager(private val ctx: ReactApplicationContext) :
     view.rawAdUnitId = value ?: ""
   }
 
+  @ReactProp(name = "collapseOnNoFill", defaultBoolean = true)
+  fun setCollapseOnNoFill(view: OutstreamAdContainer, value: Boolean) {
+    view.collapseOnNoFill = value
+    view.ezoicOutstreamAd?.collapseOnNoFill = value
+  }
+
   // Fabric sets every prop for the mount transaction before this runs, so the
   // ad unit id is final here. `view.post` escapes the mount transaction so the
   // synchronous native-SDK failure path (uninitialized) can't reenter the
@@ -83,6 +89,7 @@ class EzoicOutstreamAdViewManager(private val ctx: ReactApplicationContext) :
     // loadAd() so no early lifecycle callback is missed, add it to the
     // container, then load.
     val outstreamAd = EzoicOutstreamAdView(view.context, view.adUnitId)
+    outstreamAd.collapseOnNoFill = view.collapseOnNoFill
     outstreamAd.listener = object : EzoicOutstreamAdViewListener {
       override fun onOutstreamLoaded(adView: EzoicOutstreamAdView) {
         // dispose() and this callback both arrive on the main thread, so the
@@ -97,6 +104,15 @@ class EzoicOutstreamAdViewManager(private val ctx: ReactApplicationContext) :
         emit(view, "topError", errorMap(error.message, error.code))
       }
 
+      override fun onOutstreamSizeChanged(adView: EzoicOutstreamAdView, widthDp: Int, heightDp: Int) {
+        if (view.disposed || view.loadGeneration != generation) return
+        val map = Arguments.createMap()
+        map.putDouble("width", widthDp.toDouble())
+        map.putDouble("height", heightDp.toDouble())
+        emit(view, "topSizeChange", map)
+        view.requestLayout()
+      }
+
       override fun onOutstreamImpression(adView: EzoicOutstreamAdView) {
         if (view.disposed || view.loadGeneration != generation) return
         emit(view, "topImpression", Arguments.createMap())
@@ -156,6 +172,12 @@ class EzoicOutstreamAdViewManager(private val ctx: ReactApplicationContext) :
     )
   }
 
+  override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any> {
+    return mapOf(
+      "topSizeChange" to mapOf("registrationName" to "onSizeChange")
+    )
+  }
+
   /**
    * Container for the native outstream view. RN lays out only Yoga-managed
    * views; the native [EzoicOutstreamAdView] is added from native code and stays
@@ -169,6 +191,7 @@ class EzoicOutstreamAdViewManager(private val ctx: ReactApplicationContext) :
     var loadStarted: Boolean = false
     var disposed: Boolean = false
     var loadGeneration: Int = 0
+    var collapseOnNoFill: Boolean = true
     var ezoicOutstreamAd: EzoicOutstreamAdView? = null
 
     private val measureAndLayout = Runnable {

package/ios/EzoicBannerHostView.swift

@@ -4,6 +4,7 @@ import EzoicAdsSDKBinary
 @objc public protocol EzoicBannerHostViewDelegate: AnyObject {
   func bannerDidLoad()
   func bannerDidFail(_ message: String, code: Int)
+  func bannerDidChangeSize(_ width: Double, height: Double)
   func bannerDidRecordImpression()
   func bannerDidRecordClick()
   func bannerWillPresentScreen()
@@ -13,6 +14,9 @@ import EzoicAdsSDKBinary
 @objc public class EzoicBannerHostView: UIView, EzoicBannerViewDelegate {
 
   @objc public weak var hostDelegate: EzoicBannerHostViewDelegate?
+  @objc public var collapseOnNoFill: Bool = true {
+    didSet { banner?.collapseOnNoFill = collapseOnNoFill }
+  }
   private var banner: EzoicBannerView?
   private var adUnitId: Int = 0
   private var sizes: [String] = []
@@ -26,6 +30,7 @@ import EzoicAdsSDKBinary
   private func rebuildAndLoad() {
     banner?.removeFromSuperview()
     let view = EzoicBannerView(adUnitIdentifier: adUnitId)
+    view.collapseOnNoFill = collapseOnNoFill
     view.delegate = self
     view.translatesAutoresizingMaskIntoConstraints = false
     addSubview(view)
@@ -42,6 +47,9 @@ import EzoicAdsSDKBinary
   public func bannerView(_ bannerView: EzoicBannerView, didFailToLoadWithError error: EzoicError) {
     hostDelegate?.bannerDidFail(error.localizedDescription, code: error.code)
   }
+  public func bannerView(_ bannerView: EzoicBannerView, didChangeSize size: CGSize) {
+    hostDelegate?.bannerDidChangeSize(Double(size.width), height: Double(size.height))
+  }
   public func bannerViewDidRecordImpression(_ bannerView: EzoicBannerView) { hostDelegate?.bannerDidRecordImpression() }
   public func bannerViewDidRecordClick(_ bannerView: EzoicBannerView) { hostDelegate?.bannerDidRecordClick() }
   public func bannerViewWillPresentScreen(_ bannerView: EzoicBannerView) { hostDelegate?.bannerWillPresentScreen() }

package/ios/EzoicBannerViewComponentView.mm

@@ -33,6 +33,7 @@ using namespace facebook::react;
   const auto &newProps = *std::static_pointer_cast<EzoicBannerViewProps const>(props);
   NSString *adUnit = [NSString stringWithUTF8String:newProps.adUnitIdentifier.c_str()];
   NSString *size = [NSString stringWithUTF8String:newProps.size.c_str()];
+  _host.collapseOnNoFill = newProps.collapseOnNoFill;
   if (![adUnit isEqualToString:_lastAdUnit] || ![size isEqualToString:_lastSize]) {
     _lastAdUnit = adUnit;
     _lastSize = size;
@@ -49,6 +50,11 @@ using namespace facebook::react;
     std::static_pointer_cast<EzoicBannerViewEventEmitter const>(_eventEmitter)
       ->onError({.message = std::string([message UTF8String]), .code = (int)code});
 }
+- (void)bannerDidChangeSize:(double)width height:(double)height {
+  if (_eventEmitter)
+    std::static_pointer_cast<EzoicBannerViewEventEmitter const>(_eventEmitter)
+      ->onSizeChange({.width = width, .height = height});
+}
 - (void)bannerDidRecordImpression {
   if (_eventEmitter) std::static_pointer_cast<EzoicBannerViewEventEmitter const>(_eventEmitter)->onImpression({});
 }
@@ -61,7 +67,6 @@ using namespace facebook::react;
 - (void)bannerDidDismissScreen {
   if (_eventEmitter) std::static_pointer_cast<EzoicBannerViewEventEmitter const>(_eventEmitter)->onClose({});
 }
-
 Class<RCTComponentViewProtocol> EzoicBannerViewCls(void) { return EzoicBannerView.class; }
 
 @end

package/ios/EzoicOutstreamAdHostView.swift

@@ -7,6 +7,7 @@ import EzoicAdsSDKBinary
 @objc public protocol EzoicOutstreamAdHostViewDelegate: AnyObject {
   func outstreamAdDidLoad()
   func outstreamAdDidFail(_ message: String, code: Int)
+  func outstreamAdDidChangeSize(_ width: Double, height: Double)
   func outstreamAdDidRecordImpression()
   func outstreamAdDidRecordClick()
   func outstreamAdWillPresentScreen()
@@ -26,6 +27,10 @@ import EzoicAdsSDKBinary
 
   @objc public weak var hostDelegate: EzoicOutstreamAdHostViewDelegate?
 
+  @objc public var collapseOnNoFill: Bool = true {
+    didSet { outstreamView?.collapseOnNoFill = collapseOnNoFill }
+  }
+
   private var adUnitId: Int = 0
   private var outstreamView: EzoicOutstreamAdView?
   private var loadStarted = false
@@ -44,6 +49,7 @@ import EzoicAdsSDKBinary
     loadStarted = true
 
     let view = EzoicOutstreamAdView(adUnitIdentifier: adUnitId)
+    view.collapseOnNoFill = collapseOnNoFill
     // Delegate before loadAd so no early lifecycle callback is missed.
     view.delegate = self
     view.translatesAutoresizingMaskIntoConstraints = false
@@ -65,6 +71,9 @@ import EzoicAdsSDKBinary
   public func outstreamView(_ outstreamView: EzoicOutstreamAdView, didFailToLoadWithError error: EzoicError) {
     hostDelegate?.outstreamAdDidFail(error.localizedDescription, code: error.code)
   }
+  public func outstreamView(_ outstreamView: EzoicOutstreamAdView, didChangeSize size: CGSize) {
+    hostDelegate?.outstreamAdDidChangeSize(Double(size.width), height: Double(size.height))
+  }
   public func outstreamViewDidRecordImpression(_ outstreamView: EzoicOutstreamAdView) {
     hostDelegate?.outstreamAdDidRecordImpression()
   }

package/ios/EzoicOutstreamAdViewComponentView.mm

@@ -49,6 +49,7 @@ using namespace facebook::react;
     _lastAdUnit = adUnit;
     [_host configureWithAdUnitIdentifier:adUnit];
   }
+  _host.collapseOnNoFill = newProps.collapseOnNoFill;
   [super updateProps:props oldProps:oldProps];
 }
 
@@ -72,6 +73,11 @@ using namespace facebook::react;
     std::static_pointer_cast<EzoicOutstreamAdViewEventEmitter const>(_eventEmitter)
       ->onError({.message = std::string([message UTF8String]), .code = (int)code});
 }
+- (void)outstreamAdDidChangeSize:(double)width height:(double)height {
+  if (_eventEmitter)
+    std::static_pointer_cast<EzoicOutstreamAdViewEventEmitter const>(_eventEmitter)
+      ->onSizeChange({.width = width, .height = height});
+}
 - (void)outstreamAdDidRecordImpression {
   if (_eventEmitter) std::static_pointer_cast<EzoicOutstreamAdViewEventEmitter const>(_eventEmitter)->onImpression({});
 }

package/lib/module/EzoicBannerViewNativeComponent.ts

@@ -3,12 +3,21 @@ import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
 
 type LoadEvent = Readonly<{}>;
 type ErrorEvent = Readonly<{ message: string; code: CodegenTypes.Int32 }>;
+type SizeChangeEvent = Readonly<{
+  width: CodegenTypes.Double;
+  height: CodegenTypes.Double;
+}>;
 
 export interface NativeProps extends ViewProps {
   adUnitIdentifier: string;
   size?: string;
+  // Collapse the native view when a load fails and no ad is displayed.
+  collapseOnNoFill?: CodegenTypes.WithDefault<boolean, true>;
   onLoad?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
   onError?: CodegenTypes.BubblingEventHandler<ErrorEvent> | null;
+  // Displayed ad size changed (dp/pt): the creative size after a successful
+  // load, or 0x0 when the native view collapses on a terminal no-fill.
+  onSizeChange?: CodegenTypes.DirectEventHandler<SizeChangeEvent> | null;
   onImpression?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
   // `onClick` is reserved by core ViewProps (a gesture handler), so the native
   // banner-click event is exposed as `onAdClick`. The public `EzoicBannerView`

package/lib/module/EzoicOutstreamAdViewNativeComponent.ts

@@ -3,11 +3,20 @@ import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
 
 type LoadEvent = Readonly<{}>;
 type ErrorEvent = Readonly<{ message: string; code: CodegenTypes.Int32 }>;
+type SizeChangeEvent = Readonly<{
+  width: CodegenTypes.Double;
+  height: CodegenTypes.Double;
+}>;
 
 export interface NativeProps extends ViewProps {
   adUnitIdentifier: string;
+  // Collapse the native view when a load fails and no ad is displayed.
+  collapseOnNoFill?: CodegenTypes.WithDefault<boolean, true>;
   onLoad?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
   onError?: CodegenTypes.BubblingEventHandler<ErrorEvent> | null;
+  // Displayed ad size changed (dp/pt): the creative size after a successful
+  // load, or 0x0 when the native view collapses on a terminal no-fill.
+  onSizeChange?: CodegenTypes.DirectEventHandler<SizeChangeEvent> | null;
   onImpression?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
   // `onClick` is reserved by core ViewProps (a gesture handler), so the native
   // outstream-click event is exposed as `onAdClick`. The public

package/lib/module/index.js

@@ -1,5 +1,6 @@
 "use strict";
 
+import { useState } from 'react';
 import NativeEzoicAds from "./NativeEzoicAds.js";
 import EzoicBannerNative from './EzoicBannerViewNativeComponent';
 import EzoicNativeAdNative from './EzoicNativeAdViewNativeComponent';
@@ -26,28 +27,71 @@ export const EzoicAds = {
     return NativeEzoicAds.trackPageview();
   }
 };
+
+/**
+ * Displayed ad size in dp (Android) / points (iOS). `{ width: 0, height: 0 }`
+ * means the native view collapsed after a terminal no-fill.
+ */
+
+/**
+ * Tracks the collapsed state of an ad view from the native `onSizeChange`
+ * event (height 0 ⇒ collapsed) and returns the style to render with plus the
+ * handler to attach to the native component. While collapsed and
+ * `collapseOnNoFill` is on, the host style is overridden with `height: 0` so
+ * the Yoga box shrinks along with the native view; a non-zero size restores
+ * the host style. The user's `onSizeChange` always receives the plain
+ * `{ width, height }` payload.
+ */
+function useCollapsibleAdStyle(style, collapseOnNoFill, onSizeChange) {
+  const [collapsed, setCollapsed] = useState(false);
+  const handleSizeChange = e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent;
+    setCollapsed(height === 0);
+    onSizeChange?.({
+      width,
+      height
+    });
+  };
+  const resolvedStyle = collapseOnNoFill !== false && collapsed ? [style, {
+    height: 0
+  }] : style;
+  return {
+    style: resolvedStyle,
+    onSizeChange: handleSizeChange
+  };
+}
 export function EzoicBannerView(props) {
   const {
     adUnitIdentifier,
     size,
+    style,
+    collapseOnNoFill = true,
     onLoad,
     onError,
     onImpression,
     onClick,
     onOpen,
     onClose,
+    onSizeChange,
     ...rest
   } = props;
+  const collapsible = useCollapsibleAdStyle(style, collapseOnNoFill, onSizeChange);
   return /*#__PURE__*/_jsx(EzoicBannerNative, {
     ...rest,
+    style: collapsible.style,
     adUnitIdentifier: coerceAdUnitId(adUnitIdentifier),
     size: normalizeSize(size),
+    collapseOnNoFill: collapseOnNoFill,
     onLoad: onLoad ? () => onLoad() : undefined,
     onError: onError ? e => onError(e.nativeEvent) : undefined,
     onImpression: onImpression ? () => onImpression() : undefined,
     onAdClick: onClick ? () => onClick() : undefined,
     onOpen: onOpen ? () => onOpen() : undefined,
-    onClose: onClose ? () => onClose() : undefined
+    onClose: onClose ? () => onClose() : undefined,
+    onSizeChange: collapsible.onSizeChange
   });
 }
 /**
@@ -81,28 +125,36 @@ export function EzoicNativeAdView(props) {
  * Renders an outstream video ad in an SDK-built player. Outstream video runs on
  * its own (not inside host video content), so the SDK owns the player and this
  * component only needs a size. Fills the bounds it is given by its RN style, so
- * size it with `style` (e.g. `{ width: '100%', height: 200 }`).
+ * size it with `style` (e.g. `{ width: '100%', height: 200 }`). While collapsed
+ * after a no-fill (see `collapseOnNoFill`) the height is forced to 0.
  */
 export function EzoicOutstreamAdView(props) {
   const {
     adUnitIdentifier,
+    style,
+    collapseOnNoFill = true,
     onLoad,
     onError,
     onImpression,
     onClick,
     onOpen,
     onClose,
+    onSizeChange,
     ...rest
   } = props;
+  const collapsible = useCollapsibleAdStyle(style, collapseOnNoFill, onSizeChange);
   return /*#__PURE__*/_jsx(EzoicOutstreamNative, {
     ...rest,
+    style: collapsible.style,
     adUnitIdentifier: coerceAdUnitId(adUnitIdentifier),
+    collapseOnNoFill: collapseOnNoFill,
     onLoad: onLoad ? () => onLoad() : undefined,
     onError: onError ? e => onError(e.nativeEvent) : undefined,
     onImpression: onImpression ? () => onImpression() : undefined,
     onAdClick: onClick ? () => onClick() : undefined,
     onOpen: onOpen ? () => onOpen() : undefined,
-    onClose: onClose ? () => onClose() : undefined
+    onClose: onClose ? () => onClose() : undefined,
+    onSizeChange: collapsible.onSizeChange
   });
 }
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeEzoicAds","EzoicBannerNative","EzoicNativeAdNative","EzoicOutstreamNative","coerceAdUnitId","normalizeConfig","normalizeSize","jsx","_jsx","EzoicRewardedAd","EzoicInterstitialAd","EzoicInstreamAd","EzoicAds","initialize","config","setGDPRConsent","applies","consentString","setGPPConsent","gppString","sectionIds","setSubjectToCOPPA","value","trackPageview","EzoicBannerView","props","adUnitIdentifier","size","onLoad","onError","onImpression","onClick","onOpen","onClose","rest","undefined","e","nativeEvent","onAdClick","EzoicNativeAdView","EzoicOutstreamAdView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useState","NativeEzoicAds","EzoicBannerNative","EzoicNativeAdNative","EzoicOutstreamNative","coerceAdUnitId","normalizeConfig","normalizeSize","jsx","_jsx","EzoicRewardedAd","EzoicInterstitialAd","EzoicInstreamAd","EzoicAds","initialize","config","setGDPRConsent","applies","consentString","setGPPConsent","gppString","sectionIds","setSubjectToCOPPA","value","trackPageview","useCollapsibleAdStyle","style","collapseOnNoFill","onSizeChange","collapsed","setCollapsed","handleSizeChange","e","width","height","nativeEvent","resolvedStyle","EzoicBannerView","props","adUnitIdentifier","size","onLoad","onError","onImpression","onClick","onOpen","onClose","rest","collapsible","undefined","onAdClick","EzoicNativeAdView","EzoicOutstreamAdView"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/EzoicBannerViewNativeComponent.d.ts

@@ -4,11 +4,17 @@ type ErrorEvent = Readonly<{
     message: string;
     code: CodegenTypes.Int32;
 }>;
+type SizeChangeEvent = Readonly<{
+    width: CodegenTypes.Double;
+    height: CodegenTypes.Double;
+}>;
 export interface NativeProps extends ViewProps {
     adUnitIdentifier: string;
     size?: string;
+    collapseOnNoFill?: CodegenTypes.WithDefault<boolean, true>;
     onLoad?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
     onError?: CodegenTypes.BubblingEventHandler<ErrorEvent> | null;
+    onSizeChange?: CodegenTypes.DirectEventHandler<SizeChangeEvent> | null;
     onImpression?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
     onAdClick?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
     onOpen?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;

package/lib/typescript/src/EzoicBannerViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EzoicBannerViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/EzoicBannerViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3E,KAAK,SAAS,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC9B,KAAK,UAAU,GAAG,QAAQ,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,YAAY,CAAC,KAAK,CAAA;CAAE,CAAC,CAAC;AAE1E,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAInE,SAAS,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;CAC/D;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}
+{"version":3,"file":"EzoicBannerViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/EzoicBannerViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3E,KAAK,SAAS,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC9B,KAAK,UAAU,GAAG,QAAQ,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,YAAY,CAAC,KAAK,CAAA;CAAE,CAAC,CAAC;AAC1E,KAAK,eAAe,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC;IAC3B,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC;CAC7B,CAAC,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,gBAAgB,EAAE,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IAG/D,YAAY,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;IACvE,YAAY,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAInE,SAAS,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;CAC/D;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}

package/lib/typescript/src/EzoicOutstreamAdViewNativeComponent.d.ts

@@ -4,10 +4,16 @@ type ErrorEvent = Readonly<{
     message: string;
     code: CodegenTypes.Int32;
 }>;
+type SizeChangeEvent = Readonly<{
+    width: CodegenTypes.Double;
+    height: CodegenTypes.Double;
+}>;
 export interface NativeProps extends ViewProps {
     adUnitIdentifier: string;
+    collapseOnNoFill?: CodegenTypes.WithDefault<boolean, true>;
     onLoad?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
     onError?: CodegenTypes.BubblingEventHandler<ErrorEvent> | null;
+    onSizeChange?: CodegenTypes.DirectEventHandler<SizeChangeEvent> | null;
     onImpression?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
     onAdClick?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
     onOpen?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;

package/lib/typescript/src/EzoicOutstreamAdViewNativeComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EzoicOutstreamAdViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/EzoicOutstreamAdViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3E,KAAK,SAAS,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC9B,KAAK,UAAU,GAAG,QAAQ,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,YAAY,CAAC,KAAK,CAAA;CAAE,CAAC,CAAC;AAE1E,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,gBAAgB,EAAE,MAAM,CAAC;IACzB,MAAM,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IAC/D,YAAY,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAKnE,SAAS,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;CAC/D;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}
+{"version":3,"file":"EzoicOutstreamAdViewNativeComponent.d.ts","sourceRoot":"","sources":["../../../src/EzoicOutstreamAdViewNativeComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3E,KAAK,SAAS,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC9B,KAAK,UAAU,GAAG,QAAQ,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,YAAY,CAAC,KAAK,CAAA;CAAE,CAAC,CAAC;AAC1E,KAAK,eAAe,GAAG,QAAQ,CAAC;IAC9B,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC;IAC3B,MAAM,EAAE,YAAY,CAAC,MAAM,CAAC;CAC7B,CAAC,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,SAAS;IAC5C,gBAAgB,EAAE,MAAM,CAAC;IAEzB,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC3D,MAAM,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;IAG/D,YAAY,CAAC,EAAE,YAAY,CAAC,kBAAkB,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;IACvE,YAAY,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAKnE,SAAS,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAChE,MAAM,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,YAAY,CAAC,oBAAoB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;CAC/D;wBAII,aAAa,CAAC,WAAW,CAAC;AAF/B,wBAEgC"}

package/lib/typescript/src/index.d.ts

@@ -15,16 +15,28 @@ export interface EzoicBannerError {
     message: string;
     code: number;
 }
+/**
+ * Displayed ad size in dp (Android) / points (iOS). `{ width: 0, height: 0 }`
+ * means the native view collapsed after a terminal no-fill.
+ */
+export interface EzoicAdSize {
+    width: number;
+    height: number;
+}
 export interface EzoicBannerViewProps {
     adUnitIdentifier: string;
     size?: string;
     style?: StyleProp<ViewStyle>;
+    /** Collapse the view (height 0) when a load fails and no ad is displayed. Default `true`. */
+    collapseOnNoFill?: boolean;
     onLoad?: () => void;
     onError?: (error: EzoicBannerError) => void;
     onImpression?: () => void;
     onClick?: () => void;
     onOpen?: () => void;
     onClose?: () => void;
+    /** Displayed ad size changed: the creative size after a load, or 0x0 on collapse. */
+    onSizeChange?: (size: EzoicAdSize) => void;
 }
 export declare function EzoicBannerView(props: EzoicBannerViewProps): import("react").JSX.Element;
 export interface EzoicNativeAdError {
@@ -54,18 +66,23 @@ export interface EzoicOutstreamAdError {
 export interface EzoicOutstreamAdViewProps {
     adUnitIdentifier: string | number;
     style?: StyleProp<ViewStyle>;
+    /** Collapse the view (height 0) when a load fails and no ad is displayed. Default `true`. */
+    collapseOnNoFill?: boolean;
     onLoad?: () => void;
     onError?: (error: EzoicOutstreamAdError) => void;
     onImpression?: () => void;
     onClick?: () => void;
     onOpen?: () => void;
     onClose?: () => void;
+    /** Displayed ad size changed: the creative size after a load, or 0x0 on collapse. */
+    onSizeChange?: (size: EzoicAdSize) => void;
 }
 /**
  * Renders an outstream video ad in an SDK-built player. Outstream video runs on
  * its own (not inside host video content), so the SDK owns the player and this
  * component only needs a size. Fills the bounds it is given by its RN style, so
- * size it with `style` (e.g. `{ width: '100%', height: 200 }`).
+ * size it with `style` (e.g. `{ width: '100%', height: 200 }`). While collapsed
+ * after a no-fill (see `collapseOnNoFill`) the height is forced to 0.
  */
 export declare function EzoicOutstreamAdView(props: EzoicOutstreamAdViewProps): import("react").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ezoic/react-native-sdk",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "Ezoic Ads SDK for React Native (Prebid + Google Ad Manager banner, native, interstitial, rewarded, outstream and instream video ads).",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/EzoicBannerViewNativeComponent.ts

@@ -3,12 +3,21 @@ import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
 
 type LoadEvent = Readonly<{}>;
 type ErrorEvent = Readonly<{ message: string; code: CodegenTypes.Int32 }>;
+type SizeChangeEvent = Readonly<{
+  width: CodegenTypes.Double;
+  height: CodegenTypes.Double;
+}>;
 
 export interface NativeProps extends ViewProps {
   adUnitIdentifier: string;
   size?: string;
+  // Collapse the native view when a load fails and no ad is displayed.
+  collapseOnNoFill?: CodegenTypes.WithDefault<boolean, true>;
   onLoad?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
   onError?: CodegenTypes.BubblingEventHandler<ErrorEvent> | null;
+  // Displayed ad size changed (dp/pt): the creative size after a successful
+  // load, or 0x0 when the native view collapses on a terminal no-fill.
+  onSizeChange?: CodegenTypes.DirectEventHandler<SizeChangeEvent> | null;
   onImpression?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
   // `onClick` is reserved by core ViewProps (a gesture handler), so the native
   // banner-click event is exposed as `onAdClick`. The public `EzoicBannerView`

package/src/EzoicOutstreamAdViewNativeComponent.ts

@@ -3,11 +3,20 @@ import type { CodegenTypes, HostComponent, ViewProps } from 'react-native';
 
 type LoadEvent = Readonly<{}>;
 type ErrorEvent = Readonly<{ message: string; code: CodegenTypes.Int32 }>;
+type SizeChangeEvent = Readonly<{
+  width: CodegenTypes.Double;
+  height: CodegenTypes.Double;
+}>;
 
 export interface NativeProps extends ViewProps {
   adUnitIdentifier: string;
+  // Collapse the native view when a load fails and no ad is displayed.
+  collapseOnNoFill?: CodegenTypes.WithDefault<boolean, true>;
   onLoad?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
   onError?: CodegenTypes.BubblingEventHandler<ErrorEvent> | null;
+  // Displayed ad size changed (dp/pt): the creative size after a successful
+  // load, or 0x0 when the native view collapses on a terminal no-fill.
+  onSizeChange?: CodegenTypes.DirectEventHandler<SizeChangeEvent> | null;
   onImpression?: CodegenTypes.BubblingEventHandler<LoadEvent> | null;
   // `onClick` is reserved by core ViewProps (a gesture handler), so the native
   // outstream-click event is exposed as `onAdClick`. The public

package/src/index.tsx

@@ -1,4 +1,5 @@
-import type { StyleProp, ViewStyle } from 'react-native';
+import { useState } from 'react';
+import type { NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
 import NativeEzoicAds, { type EzoicConfig } from './NativeEzoicAds';
 import EzoicBannerNative from './EzoicBannerViewNativeComponent';
 import EzoicNativeAdNative from './EzoicNativeAdViewNativeComponent';
@@ -44,41 +45,90 @@ export interface EzoicBannerError {
   code: number;
 }
 
+/**
+ * Displayed ad size in dp (Android) / points (iOS). `{ width: 0, height: 0 }`
+ * means the native view collapsed after a terminal no-fill.
+ */
+export interface EzoicAdSize {
+  width: number;
+  height: number;
+}
+
+/**
+ * Tracks the collapsed state of an ad view from the native `onSizeChange`
+ * event (height 0 ⇒ collapsed) and returns the style to render with plus the
+ * handler to attach to the native component. While collapsed and
+ * `collapseOnNoFill` is on, the host style is overridden with `height: 0` so
+ * the Yoga box shrinks along with the native view; a non-zero size restores
+ * the host style. The user's `onSizeChange` always receives the plain
+ * `{ width, height }` payload.
+ */
+function useCollapsibleAdStyle(
+  style: StyleProp<ViewStyle>,
+  collapseOnNoFill: boolean,
+  onSizeChange?: (size: EzoicAdSize) => void
+) {
+  const [collapsed, setCollapsed] = useState(false);
+  const handleSizeChange = (e: NativeSyntheticEvent<EzoicAdSize>) => {
+    const { width, height } = e.nativeEvent;
+    setCollapsed(height === 0);
+    onSizeChange?.({ width, height });
+  };
+  const resolvedStyle: StyleProp<ViewStyle> =
+    collapseOnNoFill !== false && collapsed ? [style, { height: 0 }] : style;
+  return { style: resolvedStyle, onSizeChange: handleSizeChange };
+}
+
 export interface EzoicBannerViewProps {
   adUnitIdentifier: string;
   size?: string;
   style?: StyleProp<ViewStyle>;
+  /** Collapse the view (height 0) when a load fails and no ad is displayed. Default `true`. */
+  collapseOnNoFill?: boolean;
   onLoad?: () => void;
   onError?: (error: EzoicBannerError) => void;
   onImpression?: () => void;
   onClick?: () => void;
   onOpen?: () => void;
   onClose?: () => void;
+  /** Displayed ad size changed: the creative size after a load, or 0x0 on collapse. */
+  onSizeChange?: (size: EzoicAdSize) => void;
 }
 
 export function EzoicBannerView(props: EzoicBannerViewProps) {
   const {
     adUnitIdentifier,
     size,
+    style,
+    collapseOnNoFill = true,
     onLoad,
     onError,
     onImpression,
     onClick,
     onOpen,
     onClose,
+    onSizeChange,
     ...rest
   } = props;
+  const collapsible = useCollapsibleAdStyle(
+    style,
+    collapseOnNoFill,
+    onSizeChange
+  );
   return (
     <EzoicBannerNative
       {...rest}
+      style={collapsible.style}
       adUnitIdentifier={coerceAdUnitId(adUnitIdentifier)}
       size={normalizeSize(size)}
+      collapseOnNoFill={collapseOnNoFill}
       onLoad={onLoad ? () => onLoad() : undefined}
       onError={onError ? (e) => onError(e.nativeEvent) : undefined}
       onImpression={onImpression ? () => onImpression() : undefined}
       onAdClick={onClick ? () => onClick() : undefined}
       onOpen={onOpen ? () => onOpen() : undefined}
       onClose={onClose ? () => onClose() : undefined}
+      onSizeChange={collapsible.onSizeChange}
     />
   );
 }
@@ -137,41 +187,57 @@ export interface EzoicOutstreamAdError {
 export interface EzoicOutstreamAdViewProps {
   adUnitIdentifier: string | number;
   style?: StyleProp<ViewStyle>;
+  /** Collapse the view (height 0) when a load fails and no ad is displayed. Default `true`. */
+  collapseOnNoFill?: boolean;
   onLoad?: () => void;
   onError?: (error: EzoicOutstreamAdError) => void;
   onImpression?: () => void;
   onClick?: () => void;
   onOpen?: () => void;
   onClose?: () => void;
+  /** Displayed ad size changed: the creative size after a load, or 0x0 on collapse. */
+  onSizeChange?: (size: EzoicAdSize) => void;
 }
 
 /**
  * Renders an outstream video ad in an SDK-built player. Outstream video runs on
  * its own (not inside host video content), so the SDK owns the player and this
  * component only needs a size. Fills the bounds it is given by its RN style, so
- * size it with `style` (e.g. `{ width: '100%', height: 200 }`).
+ * size it with `style` (e.g. `{ width: '100%', height: 200 }`). While collapsed
+ * after a no-fill (see `collapseOnNoFill`) the height is forced to 0.
  */
 export function EzoicOutstreamAdView(props: EzoicOutstreamAdViewProps) {
   const {
     adUnitIdentifier,
+    style,
+    collapseOnNoFill = true,
     onLoad,
     onError,
     onImpression,
     onClick,
     onOpen,
     onClose,
+    onSizeChange,
     ...rest
   } = props;
+  const collapsible = useCollapsibleAdStyle(
+    style,
+    collapseOnNoFill,
+    onSizeChange
+  );
   return (
     <EzoicOutstreamNative
       {...rest}
+      style={collapsible.style}
       adUnitIdentifier={coerceAdUnitId(adUnitIdentifier)}
+      collapseOnNoFill={collapseOnNoFill}
       onLoad={onLoad ? () => onLoad() : undefined}
       onError={onError ? (e) => onError(e.nativeEvent) : undefined}
       onImpression={onImpression ? () => onImpression() : undefined}
       onAdClick={onClick ? () => onClick() : undefined}
       onOpen={onOpen ? () => onOpen() : undefined}
       onClose={onClose ? () => onClose() : undefined}
+      onSizeChange={collapsible.onSizeChange}
     />
   );
 }