@thealteroffice/react-native-adgeist 0.0.4 → 0.0.5

package/android/app/build/generated/source/codegen/java/com/facebook/fbreact/specs/NativeAdgeistSpec.java

@@ -0,0 +1,42 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleJavaSpec.js
+ *
+ * @nolint
+ */
+
+package com.facebook.fbreact.specs;
+
+import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.react.bridge.Promise;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.ReactContextBaseJavaModule;
+import com.facebook.react.bridge.ReactMethod;
+import com.facebook.react.turbomodule.core.interfaces.TurboModule;
+import javax.annotation.Nonnull;
+
+public abstract class NativeAdgeistSpec extends ReactContextBaseJavaModule implements TurboModule {
+  public static final String NAME = "Adgeist";
+
+  public NativeAdgeistSpec(ReactApplicationContext reactContext) {
+    super(reactContext);
+  }
+
+  @Override
+  public @Nonnull String getName() {
+    return NAME;
+  }
+
+  @ReactMethod
+  @DoNotStrip
+  public abstract void fetchCreative(String apiKey, String origin, String adSpaceId, String publisherId, boolean isTestEnvironment, Promise promise);
+
+  @ReactMethod
+  @DoNotStrip
+  public abstract void sendCreativeAnalytic(String campaignId, String adSpaceId, String publisherId, String eventType, String origin, String apiKey, String bidId, boolean isTestEnvironment, Promise promise);
+}

package/android/app/build/generated/source/codegen/jni/CMakeLists.txt

@@ -0,0 +1,36 @@
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+cmake_minimum_required(VERSION 3.13)
+set(CMAKE_VERBOSE_MAKEFILE on)
+
+file(GLOB react_codegen_SRCS CONFIGURE_DEPENDS *.cpp react/renderer/components/RNAdgeistSpec/*.cpp)
+
+add_library(
+  react_codegen_RNAdgeistSpec
+  OBJECT
+  ${react_codegen_SRCS}
+)
+
+target_include_directories(react_codegen_RNAdgeistSpec PUBLIC . react/renderer/components/RNAdgeistSpec)
+
+target_link_libraries(
+  react_codegen_RNAdgeistSpec
+  fbjni
+  jsi
+  # We need to link different libraries based on whether we are building rncore or not, that's necessary
+  # because we want to break a circular dependency between react_codegen_rncore and reactnative
+  reactnative
+)
+
+target_compile_options(
+  react_codegen_RNAdgeistSpec
+  PRIVATE
+  -DLOG_TAG=\"ReactNative\"
+  -fexceptions
+  -frtti
+  -std=c++20
+  -Wall
+)

package/android/app/build/generated/source/codegen/jni/RNAdgeistSpec-generated.cpp

@@ -0,0 +1,38 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleJniCpp.js
+ */
+
+#include "RNAdgeistSpec.h"
+
+namespace facebook::react {
+
+static facebook::jsi::Value __hostFunction_NativeAdgeistSpecJSI_fetchCreative(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+  static jmethodID cachedMethodId = nullptr;
+  return static_cast<JavaTurboModule &>(turboModule).invokeJavaMethod(rt, PromiseKind, "fetchCreative", "(Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;ZLcom/facebook/react/bridge/Promise;)V", args, count, cachedMethodId);
+}
+
+static facebook::jsi::Value __hostFunction_NativeAdgeistSpecJSI_sendCreativeAnalytic(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
+  static jmethodID cachedMethodId = nullptr;
+  return static_cast<JavaTurboModule &>(turboModule).invokeJavaMethod(rt, PromiseKind, "sendCreativeAnalytic", "(Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;ZLcom/facebook/react/bridge/Promise;)V", args, count, cachedMethodId);
+}
+
+NativeAdgeistSpecJSI::NativeAdgeistSpecJSI(const JavaTurboModule::InitParams &params)
+  : JavaTurboModule(params) {
+  methodMap_["fetchCreative"] = MethodMetadata {5, __hostFunction_NativeAdgeistSpecJSI_fetchCreative};
+  methodMap_["sendCreativeAnalytic"] = MethodMetadata {8, __hostFunction_NativeAdgeistSpecJSI_sendCreativeAnalytic};
+}
+
+std::shared_ptr<TurboModule> RNAdgeistSpec_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params) {
+  if (moduleName == "Adgeist") {
+    return std::make_shared<NativeAdgeistSpecJSI>(params);
+  }
+  return nullptr;
+}
+
+} // namespace facebook::react

package/android/app/build/generated/source/codegen/jni/RNAdgeistSpec.h

@@ -0,0 +1,31 @@
+
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleJniH.js
+ */
+
+#pragma once
+
+#include <ReactCommon/JavaTurboModule.h>
+#include <ReactCommon/TurboModule.h>
+#include <jsi/jsi.h>
+
+namespace facebook::react {
+
+/**
+ * JNI C++ class for module 'NativeAdgeist'
+ */
+class JSI_EXPORT NativeAdgeistSpecJSI : public JavaTurboModule {
+public:
+  NativeAdgeistSpecJSI(const JavaTurboModule::InitParams &params);
+};
+
+
+JSI_EXPORT
+std::shared_ptr<TurboModule> RNAdgeistSpec_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
+
+} // namespace facebook::react

package/android/app/build/generated/source/codegen/jni/react/renderer/components/RNAdgeistSpec/RNAdgeistSpecJSI-generated.cpp

@@ -0,0 +1,45 @@
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleCpp.js
+ */
+
+#include "RNAdgeistSpecJSI.h"
+
+namespace facebook::react {
+
+static jsi::Value __hostFunction_NativeAdgeistCxxSpecJSI_fetchCreative(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeAdgeistCxxSpecJSI *>(&turboModule)->fetchCreative(
+    rt,
+    count <= 0 ? throw jsi::JSError(rt, "Expected argument in position 0 to be passed") : args[0].asString(rt),
+    count <= 1 ? throw jsi::JSError(rt, "Expected argument in position 1 to be passed") : args[1].asString(rt),
+    count <= 2 ? throw jsi::JSError(rt, "Expected argument in position 2 to be passed") : args[2].asString(rt),
+    count <= 3 ? throw jsi::JSError(rt, "Expected argument in position 3 to be passed") : args[3].asString(rt),
+    count <= 4 ? throw jsi::JSError(rt, "Expected argument in position 4 to be passed") : args[4].asBool()
+  );
+}
+static jsi::Value __hostFunction_NativeAdgeistCxxSpecJSI_sendCreativeAnalytic(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeAdgeistCxxSpecJSI *>(&turboModule)->sendCreativeAnalytic(
+    rt,
+    count <= 0 ? throw jsi::JSError(rt, "Expected argument in position 0 to be passed") : args[0].asString(rt),
+    count <= 1 ? throw jsi::JSError(rt, "Expected argument in position 1 to be passed") : args[1].asString(rt),
+    count <= 2 ? throw jsi::JSError(rt, "Expected argument in position 2 to be passed") : args[2].asString(rt),
+    count <= 3 ? throw jsi::JSError(rt, "Expected argument in position 3 to be passed") : args[3].asString(rt),
+    count <= 4 ? throw jsi::JSError(rt, "Expected argument in position 4 to be passed") : args[4].asString(rt),
+    count <= 5 ? throw jsi::JSError(rt, "Expected argument in position 5 to be passed") : args[5].asString(rt),
+    count <= 6 ? throw jsi::JSError(rt, "Expected argument in position 6 to be passed") : args[6].asString(rt),
+    count <= 7 ? throw jsi::JSError(rt, "Expected argument in position 7 to be passed") : args[7].asBool()
+  );
+}
+
+NativeAdgeistCxxSpecJSI::NativeAdgeistCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker)
+  : TurboModule("Adgeist", jsInvoker) {
+  methodMap_["fetchCreative"] = MethodMetadata {5, __hostFunction_NativeAdgeistCxxSpecJSI_fetchCreative};
+  methodMap_["sendCreativeAnalytic"] = MethodMetadata {8, __hostFunction_NativeAdgeistCxxSpecJSI_sendCreativeAnalytic};
+}
+
+
+} // namespace facebook::react

package/android/app/build/generated/source/codegen/jni/react/renderer/components/RNAdgeistSpec/RNAdgeistSpecJSI.h

@@ -0,0 +1,80 @@
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleH.js
+ */
+
+#pragma once
+
+#include <ReactCommon/TurboModule.h>
+#include <react/bridging/Bridging.h>
+
+namespace facebook::react {
+
+
+  class JSI_EXPORT NativeAdgeistCxxSpecJSI : public TurboModule {
+protected:
+  NativeAdgeistCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
+
+public:
+  virtual jsi::Value fetchCreative(jsi::Runtime &rt, jsi::String apiKey, jsi::String origin, jsi::String adSpaceId, jsi::String publisherId, bool isTestEnvironment) = 0;
+  virtual jsi::Value sendCreativeAnalytic(jsi::Runtime &rt, jsi::String campaignId, jsi::String adSpaceId, jsi::String publisherId, jsi::String eventType, jsi::String origin, jsi::String apiKey, jsi::String bidId, bool isTestEnvironment) = 0;
+
+};
+
+template <typename T>
+class JSI_EXPORT NativeAdgeistCxxSpec : public TurboModule {
+public:
+  jsi::Value create(jsi::Runtime &rt, const jsi::PropNameID &propName) override {
+    return delegate_.create(rt, propName);
+  }
+
+  std::vector<jsi::PropNameID> getPropertyNames(jsi::Runtime& runtime) override {
+    return delegate_.getPropertyNames(runtime);
+  }
+
+  static constexpr std::string_view kModuleName = "Adgeist";
+
+protected:
+  NativeAdgeistCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
+    : TurboModule(std::string{NativeAdgeistCxxSpec::kModuleName}, jsInvoker),
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
+
+
+private:
+  class Delegate : public NativeAdgeistCxxSpecJSI {
+  public:
+    Delegate(T *instance, std::shared_ptr<CallInvoker> jsInvoker) :
+      NativeAdgeistCxxSpecJSI(std::move(jsInvoker)), instance_(instance) {
+
+    }
+
+    jsi::Value fetchCreative(jsi::Runtime &rt, jsi::String apiKey, jsi::String origin, jsi::String adSpaceId, jsi::String publisherId, bool isTestEnvironment) override {
+      static_assert(
+          bridging::getParameterCount(&T::fetchCreative) == 6,
+          "Expected fetchCreative(...) to have 6 parameters");
+
+      return bridging::callFromJs<jsi::Value>(
+          rt, &T::fetchCreative, jsInvoker_, instance_, std::move(apiKey), std::move(origin), std::move(adSpaceId), std::move(publisherId), std::move(isTestEnvironment));
+    }
+    jsi::Value sendCreativeAnalytic(jsi::Runtime &rt, jsi::String campaignId, jsi::String adSpaceId, jsi::String publisherId, jsi::String eventType, jsi::String origin, jsi::String apiKey, jsi::String bidId, bool isTestEnvironment) override {
+      static_assert(
+          bridging::getParameterCount(&T::sendCreativeAnalytic) == 9,
+          "Expected sendCreativeAnalytic(...) to have 9 parameters");
+
+      return bridging::callFromJs<jsi::Value>(
+          rt, &T::sendCreativeAnalytic, jsInvoker_, instance_, std::move(campaignId), std::move(adSpaceId), std::move(publisherId), std::move(eventType), std::move(origin), std::move(apiKey), std::move(bidId), std::move(isTestEnvironment));
+    }
+
+  private:
+    friend class NativeAdgeistCxxSpec;
+    T *instance_;
+  };
+
+  Delegate delegate_;
+};
+
+} // namespace facebook::react

package/android/build.gradle

@@ -101,7 +101,7 @@ def kotlin_version = getExtOrDefault("kotlinVersion")
 
 dependencies {
   implementation "com.facebook.react:react-android"
-  implementation "ai.adgeist:adgeistkit:0.0.4"
+  implementation "ai.adgeist:adgeistkit:0.0.6"
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
 }
 

package/android/src/main/java/com/adgeist/implementation/AdgeistModuleImpl.kt

@@ -46,43 +46,57 @@ class AdgeistModuleImpl internal constructor(private val context: ReactApplicati
 
 // Extension function to convert CreativeDataModel to WritableMap
 fun CreativeDataModel.toWritableMap(): WritableMap {
-  val map = Arguments.createMap()
-  map.putBoolean("success", success)
-  map.putString("message", message)
-
-  val dataMap = Arguments.createMap()
-  data?.let { bidResponse ->
-    dataMap.putString("id", bidResponse.id)
-    dataMap.putString("bidId", bidResponse.bidId)
-    dataMap.putString("cur", bidResponse.cur)
-
-    val seatBidArray = Arguments.createArray()
-    bidResponse.seatBid.forEach { seatBid ->
-      val seatBidMap = Arguments.createMap()
-      seatBidMap.putString("bidId", seatBid.bidId)
-
-      val bidArray = Arguments.createArray()
-      seatBid.bid.forEach { bid ->
-        val bidMap = Arguments.createMap()
-        bidMap.putString("id", bid.id)
-        bidMap.putString("impId", bid.impId)
-        bidMap.putDouble("price", bid.price)
-
-        val extMap = Arguments.createMap()
-        extMap.putString("creativeUrl", bid.ext.creativeUrl)
-        extMap.putString("ctaUrl", bid.ext.ctaUrl)
-        extMap.putString("creativeTitle", bid.ext.creativeTitle)
-        extMap.putString("creativeDescription", bid.ext.creativeDescription)
-        bidMap.putMap("ext", extMap)
-
-        bidArray.pushMap(bidMap)
-      }
-      seatBidMap.putArray("bid", bidArray)
-      seatBidArray.pushMap(seatBidMap)
+    val map = Arguments.createMap()
+    
+    map.putBoolean("success", this.success)
+    map.putString("message", this.message)
+    
+    // Handle null data - store in local variable for smart casting
+    val dataValue = this.data
+    if (dataValue != null) {
+        val dataMap = Arguments.createMap()
+        dataMap.putString("id", dataValue.id)
+        dataMap.putString("bidId", dataValue.bidId)
+        dataMap.putString("cur", dataValue.cur)
+        
+        // Handle null seatBid list - store in local variable
+        val seatBidArray = Arguments.createArray()
+        val seatBidList = dataValue.seatBid
+        if (seatBidList != null) {
+            for (seatBid in seatBidList) {
+                val seatBidMap = Arguments.createMap()
+                seatBidMap.putString("bidId", seatBid.bidId)
+                
+                // Handle null bid list - store in local variable
+                val bidArray = Arguments.createArray()
+                val bidList = seatBid.bid
+                if (bidList != null) {
+                    for (bid in bidList) {
+                        val bidMap = Arguments.createMap()
+                        bidMap.putString("id", bid.id)
+                        bidMap.putString("impId", bid.impId)
+                        bidMap.putDouble("price", bid.price)
+                        
+                        // Handle extension
+                        val extMap = Arguments.createMap()
+                        extMap.putString("creativeUrl", bid.ext.creativeUrl)
+                        extMap.putString("ctaUrl", bid.ext.ctaUrl)
+                        extMap.putString("creativeTitle", bid.ext.creativeTitle)
+                        extMap.putString("creativeDescription", bid.ext.creativeDescription)
+                        
+                        bidMap.putMap("ext", extMap)
+                        bidArray.pushMap(bidMap)
+                    }
+                }
+                seatBidMap.putArray("bid", bidArray)
+                seatBidArray.pushMap(seatBidMap)
+            }
+        }
+        dataMap.putArray("seatBid", seatBidArray)
+        map.putMap("data", dataMap)
+    } else {
+        map.putNull("data")
     }
-    dataMap.putArray("seatBid", seatBidArray)
-  }
-
-  map.putMap("data", dataMap)
-  return map
-}
+    
+    return map
+}

package/ios/Adgeist.mm

@@ -22,25 +22,42 @@ RCT_EXPORT_MODULE(Adgeist)
 
 
 // Exported methods for JS
-RCT_EXPORT_METHOD(fetchCreative:(NSString *)adSpaceId
+RCT_EXPORT_METHOD(fetchCreative:(NSString *)apiKey
+                  origin:(NSString *)origin
+                  adSpaceId:(NSString *)adSpaceId
                   publisherId:(NSString *)publisherId
-                      resolve:(RCTPromiseResolveBlock)resolve
-                       reject:(RCTPromiseRejectBlock)reject)
+                  isTestEnvironment:(BOOL)isTestEnvironment
+                  resolve:(RCTPromiseResolveBlock)resolve
+                  reject:(RCTPromiseRejectBlock)reject)
 {
-    [adgeist fetchCreativeWithAdSpaceId:adSpaceId publisherId:publisherId resolver:resolve rejecter:reject];
+    [adgeist fetchCreativeWithApiKey:apiKey
+                               origin:origin
+                           adSpaceId:adSpaceId
+                          publisherId:publisherId
+                  isTestEnvironment:isTestEnvironment
+                             resolver:resolve
+                             rejecter:reject];
 }
 
 RCT_EXPORT_METHOD(sendCreativeAnalytic:(NSString *)campaignId
-                   adSpaceId:(NSString *)adSpaceId
-                 publisherId:(NSString *)publisherId
-                   eventType:(NSString *)eventType
-                     resolve:(RCTPromiseResolveBlock)resolve
-                      reject:(RCTPromiseRejectBlock)reject)
+                  adSpaceId:(NSString *)adSpaceId
+                  publisherId:(NSString *)publisherId
+                  eventType:(NSString *)eventType
+                  origin:(NSString *)origin
+                  apiKey:(NSString *)apiKey
+                  bidId:(NSString *)bidId
+                  isTestEnvironment:(BOOL)isTestEnvironment
+                  resolve:(RCTPromiseResolveBlock)resolve
+                  reject:(RCTPromiseRejectBlock)reject)
 {
     [adgeist sendCreativeAnalyticWithCampaignId:campaignId
                                       adSpaceId:adSpaceId
                                     publisherId:publisherId
                                       eventType:eventType
+                                       origin:origin
+                                       apiKey:apiKey
+                                       bidId:bidId
+                                       isTestEnvironment:isTestEnvironment
                                        resolver:resolve
                                        rejecter:reject];
 }

package/ios/AdgeistImpl.swift

@@ -5,8 +5,11 @@ import React
 @objc public class AdgeistImpl: NSObject {
     private static let adGeist = AdgeistCore.shared
     @objc public func fetchCreative(
+        apiKey: String,
+        origin: String,
         adSpaceId: String,
         publisherId: String,
+        isTestEnvironment: Boolean,
         resolver: @escaping RCTPromiseResolveBlock, 
         rejecter: @escaping RCTPromiseRejectBlock
     ) {
@@ -34,6 +37,10 @@ import React
         adSpaceId: String,
         publisherId: String,
         eventType: String,
+        origin: String,
+        apiKey: String,
+        bidId: String,
+        isTestEnvironment: Boolean,
         resolver: @escaping RCTPromiseResolveBlock,
         rejecter: @escaping RCTPromiseRejectBlock
     ) {

package/lib/module/components/BannerAd.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import React, { useEffect, useState } from 'react';
-import { Dimensions, Image, Linking, StyleSheet, Text, View, TouchableWithoutFeedback } from 'react-native';
+import { Dimensions, Image, Linking, StyleSheet, Text, View, TouchableWithoutFeedback, ActivityIndicator } from 'react-native';
 import Adgeist from "../NativeAdgeist.js";
 import { useAdgeistContext } from "./AdgeistProvider.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -9,6 +9,7 @@ export const BannerAd = ({
   dataAdSlot
 }) => {
   const [adData, setAdData] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
   const {
     publisherId,
     apiKey,
@@ -19,9 +20,11 @@ export const BannerAd = ({
   useEffect(() => {
     (async () => {
       try {
+        setIsLoading(true);
         const response = await Adgeist.fetchCreative(apiKey, domain, dataAdSlot, publisherId, isTestEnvironment);
         const creative = response;
         setAdData(creative.data);
+        setIsLoading(false);
         if (creative.data.seatBid.length > 0) {
           await Adgeist.sendCreativeAnalytic(creative.data.seatBid?.[0]?.bid?.[0]?.id || '', dataAdSlot, publisherId, 'IMPRESSION', domain, apiKey, creative.data.id, isTestEnvironment);
         }
@@ -36,6 +39,15 @@ export const BannerAd = ({
       Linking.openURL(creativeData.ctaUrl).catch(err => console.error('Failed to open URL:', err));
     }
   };
+  if (isLoading) {
+    return /*#__PURE__*/_jsx(View, {
+      style: styles.loadingOverlayContainer,
+      children: /*#__PURE__*/_jsx(ActivityIndicator, {
+        size: "large",
+        color: "#63AA75"
+      })
+    });
+  }
   if (!creativeData?.creativeUrl) return null;
   return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
     accessible: true,
@@ -93,6 +105,12 @@ const styles = StyleSheet.create({
     backgroundColor: 'white',
     borderRadius: 5
   },
+  loadingOverlayContainer: {
+    width: '100%',
+    height: 375,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   creative: {
     resizeMode: 'cover',
     borderTopLeftRadius: 5,

package/lib/module/components/BannerAd.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useState","Dimensions","Image","Linking","StyleSheet","Text","View","TouchableWithoutFeedback","Adgeist","useAdgeistContext","jsx","_jsx","jsxs","_jsxs","BannerAd","dataAdSlot","adData","setAdData","publisherId","apiKey","domain","isTestEnvironment","creativeData","seatBid","bid","ext","response","fetchCreative","creative","data","length","sendCreativeAnalytic","id","error","console","handleClick","openURL","ctaUrl","catch","err","creativeUrl","accessible","accessibilityLabel","children","style","styles","adContainer","width","height","source","uri","adContent","contentContainer","title","numberOfLines","ellipsizeMode","creativeTitle","description","creativeDescription","brandName","creativeBrandName","onPress","linkButton","create","get","backgroundColor","borderRadius","resizeMode","borderTopLeftRadius","borderTopRightRadius","flexDirection","justifyContent","paddingVertical","paddingHorizontal","alignItems","borderBottomLeftRadius","borderBottomRightRadius","color","fontSize","fontWeight","opacity","marginTop"],"sourceRoot":"../../../src","sources":["components/BannerAd.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useState","Dimensions","Image","Linking","StyleSheet","Text","View","TouchableWithoutFeedback","ActivityIndicator","Adgeist","useAdgeistContext","jsx","_jsx","jsxs","_jsxs","BannerAd","dataAdSlot","adData","setAdData","isLoading","setIsLoading","publisherId","apiKey","domain","isTestEnvironment","creativeData","seatBid","bid","ext","response","fetchCreative","creative","data","length","sendCreativeAnalytic","id","error","console","handleClick","openURL","ctaUrl","catch","err","style","styles","loadingOverlayContainer","children","size","color","creativeUrl","accessible","accessibilityLabel","adContainer","width","height","source","uri","adContent","contentContainer","title","numberOfLines","ellipsizeMode","creativeTitle","description","creativeDescription","brandName","creativeBrandName","onPress","linkButton","create","get","backgroundColor","borderRadius","alignItems","justifyContent","resizeMode","borderTopLeftRadius","borderTopRightRadius","flexDirection","paddingVertical","paddingHorizontal","borderBottomLeftRadius","borderBottomRightRadius","fontSize","fontWeight","opacity","marginTop"],"sourceRoot":"../../../src","sources":["components/BannerAd.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/BannerAd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerAd.d.ts","sourceRoot":"","sources":["../../../../src/components/BannerAd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAuCnD,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA0G5C,CAAC"}
+{"version":3,"file":"BannerAd.d.ts","sourceRoot":"","sources":["../../../../src/components/BannerAd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAwCnD,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAqH5C,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thealteroffice/react-native-adgeist",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Publishers can integrate our SDK to connect their ad spaces to the AdGeist marketplace.",
   "main": "./lib/module/index.js",
   "module": "./lib/module/index.js",

package/src/components/BannerAd.tsx

@@ -7,6 +7,7 @@ import {
   Text,
   View,
   TouchableWithoutFeedback,
+  ActivityIndicator,
 } from 'react-native';
 import Adgeist from '../NativeAdgeist';
 import { useAdgeistContext } from './AdgeistProvider';
@@ -45,6 +46,7 @@ interface AdBannerTypes {
 
 export const BannerAd: React.FC<AdBannerTypes> = ({ dataAdSlot }) => {
   const [adData, setAdData] = useState<AdData | null>(null);
+  const [isLoading, setIsLoading] = useState(false);
   const { publisherId, apiKey, domain, isTestEnvironment } =
     useAdgeistContext();
 
@@ -53,6 +55,7 @@ export const BannerAd: React.FC<AdBannerTypes> = ({ dataAdSlot }) => {
   useEffect(() => {
     (async () => {
       try {
+        setIsLoading(true);
         const response: Object = await Adgeist.fetchCreative(
           apiKey,
           domain,
@@ -63,6 +66,7 @@ export const BannerAd: React.FC<AdBannerTypes> = ({ dataAdSlot }) => {
 
         const creative: { data: AdData } = response as { data: AdData };
         setAdData(creative.data);
+        setIsLoading(false);
 
         if (creative.data.seatBid.length > 0) {
           await Adgeist.sendCreativeAnalytic(
@@ -100,6 +104,14 @@ export const BannerAd: React.FC<AdBannerTypes> = ({ dataAdSlot }) => {
     }
   };
 
+  if (isLoading) {
+    return (
+      <View style={styles.loadingOverlayContainer}>
+        <ActivityIndicator size="large" color="#63AA75" />
+      </View>
+    );
+  }
+
   if (!creativeData?.creativeUrl) return null;
 
   return (
@@ -157,6 +169,12 @@ const styles = StyleSheet.create({
     backgroundColor: 'white',
     borderRadius: 5,
   },
+  loadingOverlayContainer: {
+    width: '100%',
+    height: 375,
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
   creative: {
     resizeMode: 'cover',
     borderTopLeftRadius: 5,