npm - @thealteroffice/react-native-adgeist - Versions diffs - 0.0.4 → 0.0.6 - Mend

@thealteroffice/react-native-adgeist 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/Adgeist.podspec +1 -1
package/README.md +249 -40
package/android/build.gradle +1 -1
package/android/src/main/java/com/adgeist/implementation/AdgeistModuleImpl.kt +53 -39
package/ios/Adgeist.mm +26 -9
package/ios/AdgeistImpl.swift +19 -2
package/lib/module/components/BannerAd.js +19 -1
package/lib/module/components/BannerAd.js.map +1 -1
package/lib/typescript/src/components/BannerAd.d.ts.map +1 -1
package/package.json +1 -1
package/src/components/BannerAd.tsx +18 -0

package/Adgeist.podspec CHANGED Viewed

@@ -16,7 +16,7 @@ Pod::Spec.new do |s|
   s.source_files = "ios/**/*.{h,m,mm,cpp,swift}"
   s.private_header_files = "ios/**/*.h"
-  s.dependency "AdgeistKit", '= 0.0.1'
+  s.dependency "AdgeistKit", '= 0.0.3'
   # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
   # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.

package/README.md CHANGED Viewed

@@ -4,72 +4,281 @@
 # @thealteroffice/react-native-adgeist
-A React Native library that allows publishers can integrate our SDK to connect their ad spaces to the AdGeist marketplace.
-Written in Kotlin, Swift and Typescript. It supports both the Old and New React Native architecture.
+A React Native SDK that enables publishers to seamlessly integrate their ad spaces with the AdGeist marketplace. Built with TypeScript, Kotlin, and Swift, supporting both Old and New React Native architectures with TurboModule support.
-## Installation
+## 🚀 Features
-### React Native Bare
+- ✅ **Cross-platform**: iOS and Android support
+- ✅ **Modern Architecture**: Support for both legacy and new React Native architectures
+- ✅ **TurboModule**: Enhanced performance with TurboModule implementation
+- ✅ **TypeScript**: Full TypeScript support with type definitions
+- ✅ **Expo Compatible**: Config plugin for seamless Expo integration
+- ✅ **Analytics**: Built-in impression and click tracking
+- ✅ **Customizable**: Flexible ad display options
-You can install the package via npm or yarn:
+## 📦 Installation
-```sh
-npm install @thealteroffice/react-native-adgeist
-```
+### React Native CLI
-```sh
+```bash
+npm install @thealteroffice/react-native-adgeist
+# or
 yarn add @thealteroffice/react-native-adgeist
 ```
-Don't forget to run pod-install.
-### Expo
+For iOS, run pod install:
+```bash
+cd ios && pod install
+```
-You can install the package like any other Expo package, using the following command:
+### Expo Managed Workflow
-```sh
+```bash
 npx expo install @thealteroffice/react-native-adgeist
 ```
-## Setup
+Rebuild your app:
+```bash
+npx expo prebuild --clean
+```
+> **Note**: Requires Expo SDK 50+ and Kotlin template support.
-### Expo
+## 🔧 Setup & Configuration
-Simply add the library plugin to your `app.json` file:
+### Basic Setup
-```json
-{
-  "expo": {
-    "plugins": ["@thealteroffice/react-native-adgeist"]
-  }
+Wrap your app with `AdgeistProvider` to configure global settings:
+```tsx
+import React from 'react';
+import { AdgeistProvider, BannerAd } from '@thealteroffice/react-native-adgeist';
+export default function App() {
+  return (
+    <AdgeistProvider
+      publisherId="your-publisher-id"
+      apiKey="your-api-key"
+      domain="your-domain"
+      isTestEnvironment="your-environment"
+    >
+      <YourAppContent />
+    </AdgeistProvider>
+  );
 }
 ```
-This way, Expo will handle the native setup for you during `prebuild`. You can prebuild using
+### Environment Configuration
-```sh
-npx expo prebuild --clean
+Set `isTestEnvironment` based on your app's environment:
+```tsx
+const isTestMode = __DEV__ || process.env.NODE_ENV === 'development';
+<AdgeistProvider
+  publisherId="your-publisher-id"
+  apiKey="your-api-key"
+  domain="your-domain"
+  isTestEnvironment={isTestMode}
+>
 ```
-> Note: only SDK 50 and above are supported, the plugin is configured to handle only the kotlin template.
+## 📱 Components
+### AdgeistProvider
+The root provider component that configures the SDK globally.
+#### Props
-## Usage
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `children` | `React.ReactNode` | ✅ | - | Child components |
+| `publisherId` | `string` | ✅ | - | Your publisher ID from AdGeist dashboard |
+| `apiKey` | `string` | ✅ | - | Your API key from AdGeist dashboard |
+| `domain` | `string` | ✅ | - | Your registered domain (e.g., "https://adgeist.ai") |
+| `isTestEnvironment` | `boolean` | ✅ | - | Enable test mode for development |
-```js
+#### Example
+```tsx
+<AdgeistProvider
+  publisherId="67f8ad1350ff1e0870da3f5b"
+  apiKey="7f6b3361bd6d804edfb40cecf3f42e5ebc0b11bd88d96c8a6d64188b93447ad9"
+  domain="https://adgeist.ai"
+  isTestEnvironment={false}
+>
+  <App />
+</AdgeistProvider>
+```
+### BannerAd
+Display banner advertisements in your app.
+#### Props
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `dataAdSlot` | `string` | ✅ | - | Ad slot ID from your AdGeist dashboard |
+| `width` | `number` | ❌ | Device width | Width of the ad banner |
+| `height` | `number` | ❌ | `300` | Height of the ad banner |
+#### Example
+```tsx
 import { BannerAd } from '@thealteroffice/react-native-adgeist';
-import { BottomBannerAd } from '@thealteroffice/react-native-adgeist';
-// ...
+function MyScreen() {
+  return (
+    <View>
+      <BannerAd
+        dataAdSlot="686149fac1fd09fff371e53c"
+        width={350}
+        height={250}
+      />
+    </View>
+  );
+}
+```
+## 🔧 Native Module API
+For advanced use cases, you can directly use the native module:
+```tsx
+import Adgeist from '@thealteroffice/react-native-adgeist/src/NativeAdgeist';
+// Fetch creative data
+const adData = await Adgeist.fetchCreative(
+  apiKey,
+  origin,
+  adSpaceId,
+  publisherId,
+  isTestEnvironment
+);
+// Send analytics
+await Adgeist.sendCreativeAnalytic(
+  campaignId,
+  adSpaceId,
+  publisherId,
+  eventType, // 'IMPRESSION' | 'CLICK'
+  origin,
+  apiKey,
+  bidId,
+  isTestEnvironment
+);
+```
+### Native Module Methods
+#### `fetchCreative`
+Fetches ad creative data from the AdGeist API.
+| Parameter | Type | Required | Description |
+|-----------|------|----------|-------------|
+| `apiKey` | `string` | ✅ | Your API key |
+| `origin` | `string` | ✅ | App domain/origin |
+| `adSpaceId` | `string` | ✅ | Ad space identifier |
+| `publisherId` | `string` | ✅ | Publisher identifier |
+| `isTestEnvironment` | `boolean` | ✅ | Test mode flag |
+**Returns**: `Promise<AdData>`
+#### `sendCreativeAnalytic`
+Sends analytics data for ad interactions.
+| Parameter | Type | Required | Description |
+|-----------|------|----------|-------------|
+| `campaignId` | `string` | ✅ | Campaign identifier |
+| `adSpaceId` | `string` | ✅ | Ad space identifier |
+| `publisherId` | `string` | ✅ | Publisher identifier |
+| `eventType` | `string` | ✅ | Event type ('IMPRESSION' or 'CLICK') |
+| `origin` | `string` | ✅ | App domain/origin |
+| `apiKey` | `string` | ✅ | Your API key |
+| `bidId` | `string` | ✅ | Bid identifier |
+| `isTestEnvironment` | `boolean` | ✅ | Test mode flag |
+**Returns**: `Promise<Object>`
+## 📊 Data Types
+### AdData Interface
+```tsx
+interface AdData {
+  id: string;
+  bidId: string;
+  cur: string;
+  seatBid: SeatBid[];
+}
+interface SeatBid {
+  bidId: string;
+  bid: Bid[];
+}
-<BannerAd
-  dataPublisherId={PUBLISHER_ID}
-  dataAdSlot={ADSPACE_ID}
-  width={400}
-  height={300}
-/>
+interface Bid {
+  id: string;
+  impId: string;
+  price: number;
+  ext: BidExtension;
+}
+interface BidExtension {
+  creativeUrl: string;
+  ctaUrl: string;
+  creativeTitle: string;
+  creativeDescription: string;
+  creativeBrandName?: string;
+}
+```
+## 🎨 Customization
+### Custom Ad Loader
+Create your own ad loading component:
+```tsx
+import React, { useState, useEffect } from 'react';
+import { useAdgeistContext } from '@thealteroffice/react-native-adgeist';
+import Adgeist from '@thealteroffice/react-native-adgeist/src/NativeAdgeist';
+function CustomAdLoader({ adSlotId }) {
+  const [adData, setAdData] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const { publisherId, apiKey, domain, isTestEnvironment } = useAdgeistContext();
+  useEffect(() => {
+    loadAd();
+  }, []);
+  const loadAd = async () => {
+    try {
+      const response = await Adgeist.fetchCreative(
+        apiKey,
+        domain,
+        adSlotId,
+        publisherId,
+        isTestEnvironment
+      );
+      setAdData(response.data);
+    } catch (error) {
+      console.error('Failed to load ad:', error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  if (loading) return <LoadingSpinner />;
+  if (!adData) return null;
+  return <YourCustomAdDisplay data={adData} />;
+}
+```
-<BottomBannerAd
-  dataPublisherId={PUBLISHER_ID}
-  dataAdSlot={ADSPACE_ID}
-/>
 ```

package/android/build.gradle CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -5,12 +5,21 @@ 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: Bool,
         resolver: @escaping RCTPromiseResolveBlock,
         rejecter: @escaping RCTPromiseRejectBlock
     ) {
-        AdgeistImpl.adGeist.getCreative().fetchCreative(adSpaceId: adSpaceId, publisherId: publisherId) { creativeData in
+        AdgeistImpl.adGeist.getCreative().fetchCreative(
+            apiKey: apiKey,
+            origin: origin,
+            adSpaceId: adSpaceId,
+            companyId: publisherId,
+            isTestEnvironment: isTestEnvironment
+        ) { creativeData in
             if let creativeData = creativeData {
                 do {
                     let encoder = JSONEncoder()
@@ -34,6 +43,10 @@ import React
         adSpaceId: String,
         publisherId: String,
         eventType: String,
+        origin: String,
+        apiKey: String,
+        bidId: String,
+        isTestEnvironment: Bool,
         resolver: @escaping RCTPromiseResolveBlock,
         rejecter: @escaping RCTPromiseRejectBlock
     ) {
@@ -41,7 +54,11 @@ import React
             campaignId: campaignId,
             adSpaceId: adSpaceId,
             publisherId: publisherId,
-            eventType: eventType
+            eventType: eventType,
+            origin: origin,
+            apiKey: apiKey,
+            bidId: bidId,
+            isTestEnvironment: isTestEnvironment
         ) { response in
             if let response = response {
                 resolver(response)

package/lib/module/components/BannerAd.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SACEC,UAAU,EACVC,KAAK,EACLC,OAAO,EACPC,UAAU,EACVC,IAAI,EACJC,IAAI,EACJC,wBAAwB,~~QACnB~~,cAAc;AACrB,OAAOC,OAAO,MAAM,qBAAkB;AACtC,SAASC,iBAAiB,QAAQ,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkCtD,OAAO,MAAMC,QAAiC,GAAGA,CAAC;EAAEC;AAAW,CAAC,KAAK;EACnE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,~~GAAGjB~~,QAAQ,CAAgB,IAAI,CAAC;EACzD,MAAM;~~IAAEkB~~,WAAW;IAAEC,MAAM;IAAEC,MAAM;IAAEC;EAAkB,CAAC,~~GACtDZ~~,iBAAiB,CAAC,CAAC;EAErB,~~MAAMa~~,YAAY,~~GAAGN~~,MAAM,~~EAAEO~~,OAAO,GAAG,CAAC,CAAC,EAAEC,GAAG,GAAG,CAAC,CAAC,EAAEC,GAAmB;~~EAExE1B~~,SAAS,CAAC,MAAM;IACd,CAAC,YAAY;MACX,IAAI;~~QACF~~,~~MAAM2B~~,QAAgB,GAAG,~~MAAMlB~~,OAAO,~~CAACmB~~,aAAa,CAClDR,MAAM,EACNC,MAAM,~~EACNL~~,UAAU,~~EACVG~~,WAAW,EACXG,iBACF,CAAC;QAED,MAAMO,QAA0B,GAAGF,QAA4B;QAC/DT,SAAS,~~CAACW~~,QAAQ,CAACC,IAAI,CAAC;~~QAExB~~,~~IAAID~~,QAAQ,CAACC,IAAI,CAACN,OAAO,CAACO,MAAM,GAAG,CAAC,EAAE;UACpC,~~MAAMtB~~,OAAO,~~CAACuB~~,oBAAoB,CAChCH,QAAQ,CAACC,IAAI,CAACN,OAAO,GAAG,CAAC,CAAC,EAAEC,GAAG,GAAG,CAAC,CAAC,EAAEQ,EAAE,IAAI,EAAE,~~EAC9CjB~~,UAAU,~~EACVG~~,WAAW,EACX,YAAY,EACZE,MAAM,EACND,MAAM,EACNS,QAAQ,CAACC,IAAI,CAACG,EAAE,EAChBX,iBACF,CAAC;QACH;MACF,CAAC,CAAC,OAAOY,KAAK,EAAE;QACdC,OAAO,CAACD,KAAK,CAAC,iBAAiB,EAAEA,KAAK,CAAC;MACzC;IACF,CAAC,EAAE,CAAC;EACN,CAAC,EAAE,CAACf,WAAW,~~EAAEH~~,UAAU,~~EAAEI~~,MAAM,EAAEC,MAAM,EAAEC,iBAAiB,CAAC,CAAC;EAEhE,MAAMc,WAAW,GAAG,MAAAA,CAAA,KAAY;IAC9B,~~IAAInB~~,MAAM,IAAIA,MAAM,~~EAAEO~~,OAAO,CAACO,MAAM,GAAG,CAAC,EAAE;MACxC,~~MAAMtB~~,OAAO,~~CAACuB~~,oBAAoB,~~CAChCf~~,MAAM,~~EAAEO~~,OAAO,GAAG,CAAC,CAAC,EAAEC,GAAG,GAAG,CAAC,CAAC,EAAEQ,EAAE,IAAI,EAAE,~~EACxCjB~~,UAAU,~~EACVG~~,WAAW,EACX,OAAO,EACPE,MAAM,EACND,MAAM,~~EACNH~~,MAAM,~~CAACgB~~,EAAE,EACTX,iBACF,CAAC;~~MACDlB~~,OAAO,~~CAACiC~~,OAAO,CAACd,YAAY,CAACe,MAAM,CAAC,CAACC,KAAK,CAAEC,GAAG,IAC7CL,OAAO,CAACD,KAAK,CAAC,qBAAqB,EAAEM,GAAG,CAC1C,CAAC;IACH;EACF,CAAC;EAED,IAAI,~~CAACjB~~,YAAY,~~EAAEkB~~,WAAW,EAAE,OAAO,IAAI;EAE3C,~~oBACE7B~~,IAAA,~~CAACJ~~,wBAAwB;~~IAACkC~~,UAAU;IAACC,kBAAkB,EAAC,WAAW;~~IAAAC~~,QAAA,~~eACjE9B~~,KAAA,~~CAACP~~,IAAI;~~MAACsC~~,KAAK,EAAEC,MAAM,~~CAACC~~,WAAY;~~MAAAH~~,QAAA,~~gBAC9BhC~~,IAAA,~~CAACT~~,KAAK;~~QACJ0C~~,KAAK,EAAE,CAACC,MAAM,~~CAACjB~~,QAAQ,EAAE;~~UAAEmB~~,KAAK,EAAE,MAAM;UAAEC,MAAM,EAAE;QAAI,CAAC,CAAE;QACzDC,MAAM,EAAE;UAAEC,GAAG,~~EAAE5B~~,YAAY,~~CAACkB~~;QAAY;MAAE,CAC3C,CAAC,~~eACF3B~~,KAAA,~~CAACP~~,IAAI;~~QAACsC~~,KAAK,EAAEC,MAAM,~~CAACM~~,SAAU;~~QAAAR~~,QAAA,~~gBAC5B9B~~,KAAA,~~CAACP~~,IAAI;~~UAACsC~~,KAAK,EAAEC,MAAM,~~CAACO~~,gBAAiB;~~UAAAT~~,QAAA,~~gBACnChC~~,IAAA,~~CAACN~~,IAAI;~~YAACuC~~,KAAK,EAAEC,MAAM,~~CAACQ~~,KAAM;YAACC,aAAa,EAAE,CAAE;YAACC,aAAa,EAAC,MAAM;~~YAAAZ~~,QAAA,EAC9DrB,YAAY,~~CAACkC~~;UAAa,CACvB,CAAC,~~eAEP7C~~,IAAA,~~CAACN~~,IAAI;~~YACHuC~~,KAAK,EAAEC,MAAM,~~CAACY~~,WAAY;YAC1BH,aAAa,EAAE,CAAE;YACjBC,aAAa,EAAC,MAAM;~~YAAAZ~~,QAAA,EAEnBrB,YAAY,~~CAACoC~~;UAAmB,CAC7B,CAAC,~~eAEP/C~~,IAAA,~~CAACN~~,IAAI;~~YACHuC~~,KAAK,EAAEC,MAAM,~~CAACc~~,SAAU;YACxBL,aAAa,EAAE,CAAE;YACjBC,aAAa,EAAC,MAAM;~~YAAAZ~~,QAAA,EAEnBrB,YAAY,~~EAAEsC~~,iBAAiB,IAAI;UAAY,CAC5C,CAAC;QAAA,CACH,CAAC,~~eACPjD~~,IAAA,~~CAACJ~~,wBAAwB;~~UACvBsD~~,OAAO,EAAEA,CAAA,KAAM;~~YACb1B~~,WAAW,CAAC,CAAC;UACf,CAAE;~~UACFM~~,UAAU;UACVC,kBAAkB,EAAC,mBAAmB;~~UAAAC~~,QAAA,~~eAEtChC~~,IAAA,~~CAACT~~,KAAK;~~YACJ0C~~,KAAK,EAAE,CAACC,MAAM,~~CAACiB~~,UAAU,CAAE;YAC3Bb,MAAM,EAAE;cACNC,GAAG,EAAE;YACP;UAAE,CACH;QAAC,CACsB,CAAC;MAAA,CACvB,CAAC;IAAA,CACH;EAAC,CACiB,CAAC;AAE/B,CAAC;AAED,~~MAAML~~,MAAM,~~GAAGzC~~,UAAU,~~CAAC2D~~,MAAM,CAAC;EAC/BjB,WAAW,EAAE;IACXC,KAAK,~~EAAE9C~~,UAAU,~~CAAC+D~~,GAAG,CAAC,QAAQ,CAAC,CAACjB,KAAK;IACrCkB,eAAe,EAAE,OAAO;IACxBC,YAAY,EAAE;EAChB,CAAC;~~EACDtC~~,QAAQ,EAAE;~~IACRuC~~,UAAU,EAAE,OAAO;IACnBC,mBAAmB,EAAE,CAAC;IACtBC,oBAAoB,EAAE;EACxB,CAAC;~~EACDlB~~,SAAS,EAAE;IACTJ,KAAK,EAAE,MAAM;IACbkB,eAAe,EAAE,OAAO;~~IACxBK~~,aAAa,EAAE,KAAK;~~IACpBC~~,cAAc,EAAE,eAAe;IAC/BC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE,EAAE;~~IACrBC~~,UAAU,EAAE,QAAQ;~~IACpBC~~,sBAAsB,EAAE,CAAC;IACzBC,uBAAuB,EAAE;EAC3B,CAAC;EACDxB,gBAAgB,EAAE;IAChBL,KAAK,~~EAAE9C~~,UAAU,~~CAAC+D~~,GAAG,CAAC,QAAQ,CAAC,CAACjB,KAAK,GAAG;EAC1C,CAAC;EACDM,KAAK,EAAE;~~IACLwB~~,KAAK,EAAE,OAAO;~~IACdC~~,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;~~EACDtB~~,WAAW,EAAE;~~IACXoB~~,KAAK,EAAE,OAAO;~~IACdC~~,QAAQ,EAAE;EACZ,CAAC;~~EACDnB~~,SAAS,EAAE;~~IACTkB~~,KAAK,EAAE,OAAO;~~IACdC~~,QAAQ,EAAE,EAAE;IACZE,OAAO,EAAE,GAAG;IACZC,SAAS,EAAE,CAAC;IACZF,UAAU,EAAE;EACd,CAAC;~~EACDjB~~,UAAU,EAAE;IACVf,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}
1	+ {"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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@thealteroffice/react-native-adgeist",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "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 CHANGED Viewed

@@ -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,