adwhale-sdk-react-native 2.7.100

package/android/src/main/java/com/adwhalesdkreactnative/RNAdWhaleMediationLoggerModule.java

@@ -0,0 +1,35 @@
+package com.adwhalesdkreactnative;
+
+import android.util.Log;
+
+import androidx.annotation.NonNull;
+
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import net.adwhale.sdk.utils.AdWhaleLog;
+
+public class RNAdWhaleMediationLoggerModule extends ReactContextBaseJavaModule {
+    public static final String REACT_CLASS_NAME = RNAdWhaleMediationLoggerModule.class.getSimpleName();
+
+    public RNAdWhaleMediationLoggerModule(ReactApplicationContext reactContext) {
+        super(reactContext);
+    }
+
+    @NonNull
+    @Override
+    public String getName() {
+        return REACT_CLASS_NAME;
+    }
+
+    @ReactMethod
+    public void setLogLevel(boolean isEnabled) {
+        if (isEnabled) {
+            Log.d(REACT_CLASS_NAME, "로거가 활성화되었습니다.");
+            AdWhaleLog.setLogLevel(AdWhaleLog.LogLevel.Verbose);
+        } else {
+            Log.d(REACT_CLASS_NAME, "로거가 비활성화되었습니다.");
+            AdWhaleLog.setLogLevel(AdWhaleLog.LogLevel.None);
+        }
+    }
+}

package/android/src/main/java/com/adwhalesdkreactnative/RNAdWhaleMediationRewardAd.java

@@ -0,0 +1,151 @@
+package com.adwhalesdkreactnative;
+
+import android.util.Log;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.bridge.UiThreadUtil;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.modules.core.DeviceEventManagerModule;
+
+import net.adwhale.sdk.mediation.ads.AdWhaleMediationFullScreenContentCallback;
+import net.adwhale.sdk.mediation.ads.AdWhaleMediationRewardAd;
+import net.adwhale.sdk.mediation.ads.AdWhaleMediationRewardItem;
+import net.adwhale.sdk.mediation.ads.AdWhaleMediationRewardedAdLoadCallback;
+import net.adwhale.sdk.mediation.ads.AdWhaleMediationUserEarnedRewardListener;
+
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * Old Architecture 를 사용한다.
+ * JS <--> 네이티브 모듈 간 왕복 호출이 많지도 않고 성능 상 TurboModule이 꼭 필요하진 않음
+ */
+public class RNAdWhaleMediationRewardAd extends ReactContextBaseJavaModule implements AdWhaleMediationRewardedAdLoadCallback, AdWhaleMediationFullScreenContentCallback, AdWhaleMediationUserEarnedRewardListener {
+
+    public static final String REACT_CLASS_NAME = RNAdWhaleMediationRewardAd.class.getSimpleName();
+    private AdWhaleMediationRewardAd adWhaleMediationRewardAd;
+    private String placementUid;
+    private final ReactApplicationContext reactContext;
+
+    public RNAdWhaleMediationRewardAd(ReactApplicationContext context) {
+      super(context);
+      reactContext = context;
+    }
+
+
+    @NonNull
+    @Override
+    public String getName() {
+        return REACT_CLASS_NAME;
+    }
+
+    @ReactMethod
+    public void loadAd(String placementUid) {
+        Log.e(REACT_CLASS_NAME, "loadAd()");
+        this.placementUid = placementUid;
+        adWhaleMediationRewardAd = new AdWhaleMediationRewardAd(placementUid);
+        adWhaleMediationRewardAd.setAdWhaleMediationFullScreenContentCallback(this);
+
+        UiThreadUtil.runOnUiThread(() -> {
+            adWhaleMediationRewardAd.loadAd(this);
+        });
+    }
+
+    @ReactMethod
+    public void showAd() {
+        Log.e(REACT_CLASS_NAME, "showAd()");
+        if (adWhaleMediationRewardAd == null) {
+            Log.e(REACT_CLASS_NAME, "adWhaleMediationRewardAd is null");
+            return;
+        }
+
+        UiThreadUtil.runOnUiThread(() -> {
+            adWhaleMediationRewardAd.showAd(this);
+        });
+    }
+
+
+    /// AdWhaleMediationFullScreenContentCallback
+    @Override
+    public void onAdClicked() {
+        Log.i(REACT_CLASS_NAME, "onAdClicked()");
+        sendEvnet("onRewardAdClicked", null);
+    }
+
+    @Override
+    public void onAdDismissed() {
+        Log.i(REACT_CLASS_NAME, "onAdDismissed()");
+        sendEvnet("onRewardAdDismissed", null);
+    }
+
+    @Override
+    public void onFailedToShow(int statusCode, String message) {
+        Log.i(REACT_CLASS_NAME, "onFailedToShow(" + statusCode + ", " + message + ")");
+        WritableMap params = Arguments.createMap();
+        params.putInt("statusCode", statusCode);
+        params.putString("message", message);
+        sendEvnet("onRewardAdFailedToShow", params);
+    }
+
+    @Override
+    public void onAdShowed() {
+        Log.i(REACT_CLASS_NAME, "onAdShowed()");
+        sendEvnet("onRewardAdShowed", null);
+    }
+
+    /// AdWhaleMediationRewardedAdLoadCallback
+    @Override
+    public void onAdLoaded(AdWhaleMediationRewardAd adWhaleMediationRewardAd, String message) {
+        Log.i(REACT_CLASS_NAME, "onAdLoaded(+ " + message + ")");
+        sendEvnet("onRewardAdLoaded", null);
+    }
+
+    @Override
+    public void onAdFailedToLoad(int statusCode, String message) {
+        Log.i(REACT_CLASS_NAME, "onAdFailedToLoad(" + statusCode + ", " + message + ")");
+        WritableMap params = Arguments.createMap();
+        params.putInt("statusCode", statusCode);
+        params.putString("message", message);
+        sendEvnet("onRewardAdFailedToLoad", params);
+    }
+
+
+    /// AdWhaleMediationUserEarnedRewardListener
+    @Override
+    public void onUserRewarded(AdWhaleMediationRewardItem adWhaleMediationRewardItem) {
+        Log.i(REACT_CLASS_NAME, "onUserRewarded(" + adWhaleMediationRewardItem.toString() + ")");
+        WritableMap params = Arguments.createMap();
+        params.putString("type", adWhaleMediationRewardItem.getRewardType());
+        params.putInt("amount", adWhaleMediationRewardItem.getRewardAmount());
+        sendEvnet("onUserRewarded", params);
+    }
+
+    @Nullable
+    @Override
+    public Map<String, Object> getConstants() {
+        final Map<String, Object> constants = new HashMap<>();
+        return constants;
+    }
+
+    private void sendEvnet(String eventName, @Nullable WritableMap params) {
+        getReactApplicationContext()
+                .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
+                .emit(eventName, params);
+    }
+
+    @ReactMethod
+    public void addListener(String eventName) {
+        //TODO NOTHING
+    }
+
+    @ReactMethod
+    public void removeListeners(Integer count) {
+        //TODO NOTHING
+    }
+}

package/android/src/main/java/com/adwhalesdkreactnative/RNAdWhaleMediationTemplateNativeAdView.java

@@ -0,0 +1,317 @@
+package com.adwhalesdkreactnative;
+
+import android.os.Handler;
+import android.os.Looper;
+import android.util.Log;
+import android.view.View;
+import android.widget.RelativeLayout;
+
+import androidx.annotation.NonNull;
+import androidx.annotation.Nullable;
+
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.common.MapBuilder;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.annotations.ReactProp;
+import com.facebook.react.uimanager.events.RCTEventEmitter;
+
+import net.adwhale.sdk.mediation.ads.AdWhaleMediationNativeAdView;
+import net.adwhale.sdk.mediation.ads.AdWhaleMediationNativeAdViewListener;
+import net.adwhale.sdk.mediation.ads.ADWHALE_NATIVE_TEMPLATE;
+import net.adwhale.sdk.mediation.ads.AdWhaleMediationNativeTemplateStyle;
+import android.graphics.Color;
+import android.graphics.Typeface;
+import android.graphics.drawable.ColorDrawable;
+
+import java.util.Map;
+
+public class RNAdWhaleMediationTemplateNativeAdView extends SimpleViewManager<RNWrapperView> {
+    public static final String REACT_CLASS = RNAdWhaleMediationTemplateNativeAdView.class.getSimpleName();
+
+    public static final int COMMAND_LOAD_AD = 1;
+    public static final int COMMAND_SHOW_AD = 2;
+
+    private String placementUid = "";
+    private ADWHALE_NATIVE_TEMPLATE template = ADWHALE_NATIVE_TEMPLATE.SMALL;
+    private AdWhaleMediationNativeTemplateStyle templateStyle = null;
+
+    @NonNull
+    @Override
+    public String getName() {
+        return REACT_CLASS;
+    }
+
+    @NonNull
+    @Override
+    protected RNWrapperView createViewInstance(@NonNull ThemedReactContext reactContext) {
+        RNWrapperView wrapperView = new RNWrapperView(reactContext);
+        AdWhaleMediationNativeAdView adWhaleMediationNativeAdView = new AdWhaleMediationNativeAdView(reactContext);
+        wrapperView.addView(adWhaleMediationNativeAdView);
+        setAdListener(reactContext, wrapperView);
+        return wrapperView;
+    }
+
+    private void setAdListener(ThemedReactContext reactContext, RNWrapperView view) {
+        AdWhaleMediationNativeAdView adWhaleMediationNativeAdView = getAdWhaleMediationNativeAdView(view);
+        if (adWhaleMediationNativeAdView == null) return;
+
+        adWhaleMediationNativeAdView.setAdWhaleMediationNativeAdViewListener(new AdWhaleMediationNativeAdViewListener() {
+            @Override
+            public void onNativeAdLoaded() {
+                Log.d(REACT_CLASS, "onNativeAdLoaded");
+                dispatchEvent(reactContext, view, "onAdLoaded", null);
+                view.requestLayout();
+            }
+
+            @Override
+            public void onNativeAdFailedToLoad(int code, String message) {
+                Log.d(REACT_CLASS, "onNativeAdFailedToLoad: " + code + ", " + message);
+                WritableMap event = Arguments.createMap();
+                event.putInt("errorCode", code);
+                event.putString("errorMessage", message);
+                dispatchEvent(reactContext, view, "onAdFailedToLoad", event);
+            }
+
+            @Override
+            public void onNativeAdShowFailed(int code, String message) {
+                Log.d(REACT_CLASS, "onNativeAdShowFailed: " + code + ", " + message);
+                WritableMap event = Arguments.createMap();
+                event.putInt("errorCode", code);
+                event.putString("errorMessage", message);
+                dispatchEvent(reactContext, view, "onAdShowFailed", event);
+            }
+
+            @Override
+            public void onNativeAdClicked() {
+                // Not used in RN
+            }
+
+            @Override
+            public void onNativeAdClosed() {
+                // Not used in RN
+            }
+        });
+    }
+
+    private void dispatchEvent(ThemedReactContext context, View view, String eventName, @Nullable WritableMap eventData) {
+        context.getJSModule(RCTEventEmitter.class).receiveEvent(
+                view.getId(),
+                eventName,
+                eventData
+        );
+    }
+
+    @Nullable
+    @Override
+    public Map<String, Object> getExportedCustomDirectEventTypeConstants() {
+        MapBuilder.Builder<String, Object> builder = MapBuilder.builder();
+        builder.put("onAdLoaded", MapBuilder.of("registrationName", "onAdLoaded"));
+        builder.put("onAdFailedToLoad", MapBuilder.of("registrationName", "onAdFailedToLoad"));
+        builder.put("onAdShowFailed", MapBuilder.of("registrationName", "onAdShowFailed"));
+        return builder.build();
+    }
+
+    @ReactProp(name = "templateStyle")
+    public void setTemplateStyle(RNWrapperView view, @Nullable ReadableMap styleMap) {
+        if (styleMap == null) {
+            this.templateStyle = null;
+            return;
+        }
+
+        AdWhaleMediationNativeTemplateStyle.Builder styleBuilder = new AdWhaleMediationNativeTemplateStyle.Builder();
+
+        if (styleMap.hasKey("mainBackgroundColor")) {
+            styleBuilder.withMainBackgroundColor(new ColorDrawable(parseColorString(styleMap.getString("mainBackgroundColor"))));
+        }
+        if (styleMap.hasKey("primaryTextTypefaceColor")) {
+            styleBuilder.withPrimaryTextTypefaceColor(parseColorString(styleMap.getString("primaryTextTypefaceColor")));
+        }
+        if (styleMap.hasKey("secondaryTextTypefaceColor")) {
+            styleBuilder.withSecondaryTextTypefaceColor(parseColorString(styleMap.getString("secondaryTextTypefaceColor")));
+        }
+        if (styleMap.hasKey("tertiaryTextTypefaceColor")) {
+            styleBuilder.withTertiaryTextTypefaceColor(parseColorString(styleMap.getString("tertiaryTextTypefaceColor")));
+        }
+        if (styleMap.hasKey("callToActionTypefaceColor")) {
+            styleBuilder.withCallToActionTypefaceColor(parseColorString(styleMap.getString("callToActionTypefaceColor")));
+        }
+        if (styleMap.hasKey("callToActionBackgroundColor")) {
+            styleBuilder.withCallToActionBackgroundColor(new ColorDrawable(parseColorString(styleMap.getString("callToActionBackgroundColor"))));
+        }
+        if (styleMap.hasKey("primaryTextSize")) {
+            styleBuilder.withPrimaryTextSize((float) styleMap.getDouble("primaryTextSize"));
+        }
+        if (styleMap.hasKey("secondaryTextSize")) {
+            styleBuilder.withSecondaryTextSize((float) styleMap.getDouble("secondaryTextSize"));
+        }
+        if (styleMap.hasKey("tertiaryTextSize")) {
+            styleBuilder.withTertiaryTextSize((float) styleMap.getDouble("tertiaryTextSize"));
+        }
+        if (styleMap.hasKey("callToActionTextSize")) {
+            styleBuilder.withCallToActionTextSize((float) styleMap.getDouble("callToActionTextSize"));
+        }
+        if (styleMap.hasKey("primaryTextBackgroundColor")) {
+            styleBuilder.withPrimaryTextBackgroundColor(new ColorDrawable(parseColorString(styleMap.getString("primaryTextBackgroundColor"))));
+        }
+        if (styleMap.hasKey("secondaryTextBackgroundColor")) {
+            styleBuilder.withSecondaryTextBackgroundColor(new ColorDrawable(parseColorString(styleMap.getString("secondaryTextBackgroundColor"))));
+        }
+        if (styleMap.hasKey("tertiaryTextBackgroundColor")) {
+            styleBuilder.withTertiaryTextBackgroundColor(new ColorDrawable(parseColorString(styleMap.getString("tertiaryTextBackgroundColor"))));
+        }
+        if (styleMap.hasKey("primaryTextTypeface")) {
+            styleBuilder.withPrimaryTextTypeface(getTypeface(styleMap.getString("primaryTextTypeface")));
+        }
+        if (styleMap.hasKey("secondaryTextTypeface")) {
+            styleBuilder.withSecondaryTextTypeface(getTypeface(styleMap.getString("secondaryTextTypeface")));
+        }
+        if (styleMap.hasKey("callToActionTextTypeface")) {
+            styleBuilder.withCallToActionTextTypeface(getTypeface(styleMap.getString("callToActionTextTypeface")));
+        }
+
+        this.templateStyle = styleBuilder.build();
+    }
+
+    private int parseColorString(String colorString) {
+        if (colorString == null) {
+            return Color.TRANSPARENT;
+        }
+        switch (colorString.toLowerCase()) {
+            case "transparent":
+                return Color.TRANSPARENT;
+            case "black":
+                return Color.BLACK;
+            case "white":
+                return Color.WHITE;
+            case "red":
+                return Color.RED;
+            case "green":
+                return Color.GREEN;
+            case "blue":
+                return Color.BLUE;
+            case "yellow":
+                return Color.YELLOW;
+            case "cyan":
+                return Color.CYAN;
+            case "magenta":
+                return Color.MAGENTA;
+            case "gray":
+                return Color.GRAY;
+            default:
+                try {
+                    return Color.parseColor(colorString);
+                } catch (IllegalArgumentException e) {
+                    Log.e(REACT_CLASS, "Unknown color: " + colorString);
+                    return Color.TRANSPARENT; // Fallback color
+                }
+        }
+    }
+
+    private Typeface getTypeface(String typeface) {
+        if (typeface == null) {
+            return null;
+        }
+        switch (typeface.toLowerCase()) {
+            case "bold":
+                return Typeface.DEFAULT_BOLD;
+            case "italic":
+                return Typeface.create(Typeface.DEFAULT, Typeface.ITALIC);
+            default:
+                return Typeface.DEFAULT;
+        }
+    }
+
+    @Nullable
+    @Override
+    public Map<String, Integer> getCommandsMap() {
+        return MapBuilder.of(
+                "loadAd", COMMAND_LOAD_AD,
+                "showAd", COMMAND_SHOW_AD
+        );
+    }
+
+    @Override
+    public void receiveCommand(@NonNull RNWrapperView view, int commandId, @Nullable com.facebook.react.bridge.ReadableArray args) {
+        super.receiveCommand(view, commandId, args);
+        switch (commandId) {
+            case COMMAND_LOAD_AD:
+                Log.d(REACT_CLASS, "Received loadAd command");
+                loadAd(view);
+                break;
+            case COMMAND_SHOW_AD:
+                Log.d(REACT_CLASS, "Received showAd command");
+                showAd(view);
+                break;
+        }
+    }
+
+    @ReactProp(name = "placementUid")
+    public void setPlacementUid(RNWrapperView view, String placementUid) {
+        this.placementUid = placementUid;
+    }
+
+    @ReactProp(name = "template")
+    public void setTemplate(RNWrapperView view, String templateName) {
+        if ("SMALL".equalsIgnoreCase(templateName)) {
+            this.template = ADWHALE_NATIVE_TEMPLATE.SMALL;
+        } else if ("MEDIUM".equalsIgnoreCase(templateName)) {
+            this.template = ADWHALE_NATIVE_TEMPLATE.MEDIUM;
+        }
+    }
+
+    private void loadAd(RNWrapperView view) {
+        new Handler(Looper.getMainLooper()).post(() -> {
+            AdWhaleMediationNativeAdView adWhaleMediationNativeAdView = getAdWhaleMediationNativeAdView(view);
+            if (adWhaleMediationNativeAdView != null) {
+                if (placementUid == null || placementUid.isEmpty()) {
+                    Log.e(REACT_CLASS, "Placement UID is null or empty. Cannot load ad.");
+                    return;
+                }
+                if (template == null) {
+                    Log.e(REACT_CLASS, "Template is null. Cannot load ad.");
+                    return;
+                }
+                Log.d(REACT_CLASS, "Placement UID: " + placementUid);
+                Log.d(REACT_CLASS, "Template: " + template.name());
+                adWhaleMediationNativeAdView.setPlacementUid(placementUid);
+                if (this.templateStyle != null) {
+                    adWhaleMediationNativeAdView.setTemplateStyle(this.templateStyle);
+                }
+                adWhaleMediationNativeAdView.loadAdWithTemplate(template);
+                Log.d(REACT_CLASS, "Calling loadAdWithTemplate...");
+            } else {
+                Log.e(REACT_CLASS, "adWhaleMediationNativeAdView is null. Cannot load ad.");
+            }
+        });
+    }
+
+    private void showAd(RNWrapperView view) {
+        AdWhaleMediationNativeAdView adWhaleMediationNativeAdView = getAdWhaleMediationNativeAdView(view);
+        if (adWhaleMediationNativeAdView != null) {
+            adWhaleMediationNativeAdView.show();
+        } else {
+            Log.e(REACT_CLASS, "adWhaleMediationNativeAdView is null. Cannot show ad.");
+        }
+    }
+
+    @Override
+    public void onDropViewInstance(@NonNull RNWrapperView view) {
+        super.onDropViewInstance(view);
+        Log.d(REACT_CLASS, "onDropViewInstance called");
+        AdWhaleMediationNativeAdView adWhaleMediationNativeAdView = getAdWhaleMediationNativeAdView(view);
+        if (adWhaleMediationNativeAdView != null) {
+            adWhaleMediationNativeAdView.destroy();
+        }
+    }
+
+    private AdWhaleMediationNativeAdView getAdWhaleMediationNativeAdView(RNWrapperView parent) {
+        if (parent != null && parent.getChildCount() > 0 && parent.getChildAt(0) instanceof AdWhaleMediationNativeAdView) {
+            return (AdWhaleMediationNativeAdView) parent.getChildAt(0);
+        }
+        return null;
+    }
+}

package/android/src/main/java/com/adwhalesdkreactnative/RNWrapperView.java

@@ -0,0 +1,48 @@
+package com.adwhalesdkreactnative;
+
+
+import android.content.Context;
+import android.view.View;
+import android.widget.FrameLayout;
+
+public class RNWrapperView extends FrameLayout {
+
+    public RNWrapperView(Context context) {
+        super(context);
+    }
+
+    @Override
+    public void requestLayout() {
+        super.requestLayout();
+        post(measureAndLayout);
+    }
+
+
+    private final Runnable measureAndLayout = () -> { // React의 App.Component 시작이랑 비슷하네?
+        measure(
+                MeasureSpec.makeMeasureSpec(getWidth(), MeasureSpec.EXACTLY),
+                MeasureSpec.makeMeasureSpec(getHeight(), MeasureSpec.EXACTLY));
+        layout(getLeft(), getTop(), getRight(), getBottom());
+    };
+
+    @Override
+    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
+        int maxWidth = 0;
+        int maxHeight = 0;
+
+        for (int i = 0; i < getChildCount(); i++) {
+            View child = getChildAt(i);
+            if (child.getVisibility() != GONE) {
+                child.measure(widthMeasureSpec, MeasureSpec.UNSPECIFIED);
+
+                maxWidth = Math.max(maxWidth, child.getMeasuredWidth());
+                maxHeight = Math.max(maxHeight, child.getMeasuredHeight());
+            }
+        }
+
+        int finalWidth = Math.max(maxWidth, getSuggestedMinimumWidth());
+        int finalHeight = Math.max(maxHeight, getSuggestedMinimumHeight());
+
+        setMeasuredDimension(finalWidth, finalHeight);
+    }
+}

package/android/src/main/res/layout/custom_native_ad_layout.xml

@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="utf-8"?>
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:layout_width="match_parent"
+    android:layout_height="wrap_content"
+    android:background="#EAEAEA"
+    android:padding="8dp">
+
+    <ImageView
+        android:id="@+id/view_icon"
+        android:layout_width="60dp"
+        android:layout_height="60dp"
+        android:layout_alignParentStart="true"
+        android:layout_alignParentTop="true"
+        android:scaleType="centerCrop" />
+
+    <TextView
+        android:id="@+id/view_title"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_toEndOf="@id/view_icon"
+        android:layout_alignTop="@id/view_icon"
+        android:layout_marginStart="8dp"
+        android:textStyle="bold"
+        android:textSize="16sp"
+        android:textColor="#000000"
+        android:maxLines="1"
+        android:ellipsize="end" />
+
+    <TextView
+        android:id="@+id/view_body"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_toEndOf="@id/view_icon"
+        android:layout_below="@id/view_title"
+        android:layout_marginStart="8dp"
+        android:layout_marginTop="4dp"
+        android:textSize="12sp"
+        android:textColor="#333333"
+        android:maxLines="2"
+        android:ellipsize="end" />
+
+    <FrameLayout
+        android:id="@+id/view_media"
+        android:layout_width="match_parent"
+        android:layout_height="180dp"
+        android:layout_below="@id/view_icon"
+        android:layout_marginTop="8dp"
+        android:background="#CCCCCC" />
+
+    <Button
+        android:id="@+id/button_cta"
+        android:layout_width="match_parent"
+        android:layout_height="40dp"
+        android:layout_below="@id/view_media"
+        android:layout_marginTop="8dp"
+        android:text="Call to Action" />
+
+</RelativeLayout>

package/app.plugin.js

@@ -0,0 +1,2 @@
+// app.plugin.js
+module.exports = require('./plugin');

package/ios/AdwhaleSdkReactNative.h

@@ -0,0 +1,5 @@
+#import <AdwhaleSdkReactNativeSpec/AdwhaleSdkReactNativeSpec.h>
+
+@interface AdwhaleSdkReactNative : NSObject <NativeAdwhaleSdkReactNativeSpec>
+
+@end

package/ios/AdwhaleSdkReactNative.mm

@@ -0,0 +1,21 @@
+#import "AdwhaleSdkReactNative.h"
+
+@implementation AdwhaleSdkReactNative
+- (NSNumber *)multiply:(double)a b:(double)b {
+    NSNumber *result = @(a * b);
+
+    return result;
+}
+
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
+    (const facebook::react::ObjCTurboModule::InitParams &)params
+{
+    return std::make_shared<facebook::react::NativeAdwhaleSdkReactNativeSpecJSI>(params);
+}
+
++ (NSString *)moduleName
+{
+  return @"AdwhaleSdkReactNative";
+}
+
+@end

package/lib/module/AdWhaleBannerView.js

@@ -0,0 +1,20 @@
+"use strict";
+
+// src/AdWhaleBannerView.tsx
+import React from 'react';
+import { requireNativeComponent } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const RNAdWhaleMediationAdView = requireNativeComponent('RNAdWhaleMediationAdView');
+export const AdWhaleBannerView = ({
+  onAdLoadFailed,
+  ...restProps
+}) => {
+  const handleAdLoadFailed = e => {
+    onAdLoadFailed?.(e.nativeEvent);
+  };
+  return /*#__PURE__*/_jsx(RNAdWhaleMediationAdView, {
+    ...restProps,
+    onAdLoadFailed: onAdLoadFailed ? handleAdLoadFailed : undefined
+  });
+};
+//# sourceMappingURL=AdWhaleBannerView.js.map

package/lib/module/AdWhaleBannerView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","requireNativeComponent","jsx","_jsx","RNAdWhaleMediationAdView","AdWhaleBannerView","onAdLoadFailed","restProps","handleAdLoadFailed","e","nativeEvent","undefined"],"sourceRoot":"../../src","sources":["AdWhaleBannerView.tsx"],"mappings":";;AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,sBAAsB,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAiCtD,MAAMC,wBAAwB,GAC5BH,sBAAsB,CAAoB,0BAA0B,CAAC;AAEvE,OAAO,MAAMI,iBAAmD,GAAGA,CAAC;EAClEC,cAAc;EACd,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,kBAAuD,GAAGC,CAAC,IAAI;IACnEH,cAAc,GAAGG,CAAC,CAACC,WAAW,CAAC;EACjC,CAAC;EAED,oBACEP,IAAA,CAACC,wBAAwB;IAAA,GACnBG,SAAS;IACbD,cAAc,EAAEA,cAAc,GAAGE,kBAAkB,GAAGG;EAAU,CACjE,CAAC;AAEN,CAAC","ignoreList":[]}