@thealteroffice/react-native-adgeist 0.0.3 → 0.0.5

package/src/components/BannerAd.tsx

@@ -7,113 +7,155 @@ import {
   Text,
   View,
   TouchableWithoutFeedback,
+  ActivityIndicator,
 } from 'react-native';
 import Adgeist from '../NativeAdgeist';
+import { useAdgeistContext } from './AdgeistProvider';
 
-interface Creative {
-  fileUrl: string;
-  title: string;
-  description: string;
-  ctaUrl?: string;
+interface AdData {
+  id: string;
+  bidId: string;
+  cur: string;
+  seatBid: SeatBid[];
 }
 
-interface AdData {
-  _id: string;
-  creative: Creative;
+interface SeatBid {
+  bidId: string;
+  bid: Bid[];
+}
+
+interface Bid {
+  id: string;
+  impId: string;
+  price: number;
+  ext: BidExtension;
 }
 
+interface BidExtension {
+  creativeUrl: string;
+  ctaUrl: string;
+  creativeTitle: string;
+  creativeDescription: string;
+  creativeBrandName?: string;
+}
 interface AdBannerTypes {
-  dataPublisherId: string;
   dataAdSlot: string;
   width: number;
   height: number;
 }
 
-export const BannerAd: React.FC<AdBannerTypes> = ({
-  dataPublisherId,
-  dataAdSlot,
-  width,
-  height,
-}) => {
+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();
+
+  const creativeData = adData?.seatBid?.[0]?.bid?.[0]?.ext as BidExtension;
 
   useEffect(() => {
     (async () => {
       try {
+        setIsLoading(true);
         const response: Object = await Adgeist.fetchCreative(
+          apiKey,
+          domain,
           dataAdSlot,
-          dataPublisherId
+          publisherId,
+          isTestEnvironment
         );
+
         const creative: { data: AdData } = response as { data: AdData };
         setAdData(creative.data);
+        setIsLoading(false);
 
-        await Adgeist.sendCreativeAnalytic(
-          creative.data._id,
-          dataAdSlot,
-          dataPublisherId,
-          'impression'
-        );
+        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
+          );
+        }
       } catch (error) {
         console.error('Ad load failed:', error);
       }
     })();
-  }, [dataPublisherId, dataAdSlot]);
+  }, [publisherId, dataAdSlot, apiKey, domain, isTestEnvironment]);
 
   const handleClick = async () => {
-    if (adData?.creative?.ctaUrl) {
+    if (adData && adData?.seatBid.length > 0) {
       await Adgeist.sendCreativeAnalytic(
-        adData._id,
+        adData?.seatBid?.[0]?.bid?.[0]?.id || '',
         dataAdSlot,
-        dataPublisherId,
-        'click'
+        publisherId,
+        'CLICK',
+        domain,
+        apiKey,
+        adData.id,
+        isTestEnvironment
       );
-      Linking.openURL(adData.creative.ctaUrl).catch((err) =>
+      Linking.openURL(creativeData.ctaUrl).catch((err) =>
         console.error('Failed to open URL:', err)
       );
     }
   };
 
-  if (!adData?.creative?.fileUrl) return null;
+  if (isLoading) {
+    return (
+      <View style={styles.loadingOverlayContainer}>
+        <ActivityIndicator size="large" color="#63AA75" />
+      </View>
+    );
+  }
+
+  if (!creativeData?.creativeUrl) return null;
 
   return (
     <TouchableWithoutFeedback accessible accessibilityLabel="Ad Banner">
-      <View style={styles.container}>
+      <View style={styles.adContainer}>
         <Image
-          style={[styles.creative, { width, height }]}
-          source={{ uri: adData.creative.fileUrl }}
+          style={[styles.creative, { width: '100%', height: 300 }]}
+          source={{ uri: creativeData.creativeUrl }}
         />
-        <View style={styles.options}>
-          <Text style={styles.option}>x</Text>
-          <Text style={styles.option}>i</Text>
-        </View>
         <View style={styles.adContent}>
-          <Image
-            style={styles.logo}
-            source={{ uri: adData.creative.fileUrl }}
-          />
-          <View style={styles.textContainer}>
-            <View style={styles.titleRow}>
-              <Text style={styles.adBadge}>AD</Text>
-              <Text style={styles.title} numberOfLines={1} ellipsizeMode="tail">
-                {adData.creative.title}
-              </Text>
-            </View>
+          <View style={styles.contentContainer}>
+            <Text style={styles.title} numberOfLines={1} ellipsizeMode="tail">
+              {creativeData.creativeTitle}
+            </Text>
+
             <Text
               style={styles.description}
               numberOfLines={1}
               ellipsizeMode="tail"
             >
-              {adData.creative.description}
+              {creativeData.creativeDescription}
+            </Text>
+
+            <Text
+              style={styles.brandName}
+              numberOfLines={1}
+              ellipsizeMode="tail"
+            >
+              {creativeData?.creativeBrandName || 'Brand Name'}
             </Text>
           </View>
           <TouchableWithoutFeedback
-            onPress={handleClick}
+            onPress={() => {
+              handleClick();
+            }}
             accessible
             accessibilityLabel="Visit Site Button"
           >
-            <View style={styles.button}>
-              <Text style={styles.buttonText}>Visit Site</Text>
-            </View>
+            <Image
+              style={[styles.linkButton]}
+              source={{
+                uri: 'https://d2cfeg6k9cklz9.cloudfront.net/onboarding-icons/Button.png',
+              }}
+            />
           </TouchableWithoutFeedback>
         </View>
       </View>
@@ -122,81 +164,54 @@ export const BannerAd: React.FC<AdBannerTypes> = ({
 };
 
 const styles = StyleSheet.create({
-  container: {
+  adContainer: {
+    width: Dimensions.get('window').width,
     backgroundColor: 'white',
-    borderRadius: 10,
-  },
-  creative: {
-    resizeMode: 'contain',
-    borderTopLeftRadius: 10,
-    borderTopRightRadius: 10,
+    borderRadius: 5,
   },
-  options: {
-    flexDirection: 'row',
-    gap: 2,
-    position: 'absolute',
-    top: 5,
-    left: 5,
+  loadingOverlayContainer: {
+    width: '100%',
+    height: 375,
+    alignItems: 'center',
+    justifyContent: 'center',
   },
-  option: {
-    color: 'green',
-    backgroundColor: '#00000022',
-    width: 20,
-    height: 20,
-    textAlign: 'center',
+  creative: {
+    resizeMode: 'cover',
+    borderTopLeftRadius: 5,
+    borderTopRightRadius: 5,
   },
   adContent: {
     width: '100%',
     backgroundColor: 'white',
     flexDirection: 'row',
     justifyContent: 'space-between',
-    paddingHorizontal: 10,
     paddingVertical: 10,
+    paddingHorizontal: 20,
     alignItems: 'center',
-    borderBottomLeftRadius: 10,
-    borderBottomRightRadius: 10,
-    borderTopColor: '#00000022',
-    borderTopWidth: 1,
-  },
-  logo: {
-    width: 35,
-    height: 35,
-    resizeMode: 'contain',
-    borderRadius: 2,
-  },
-  textContainer: {
-    width: Dimensions.get('window').width - 150,
-  },
-  titleRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 5,
-    width: Dimensions.get('window').width - 200,
+    borderBottomLeftRadius: 5,
+    borderBottomRightRadius: 5,
   },
-  adBadge: {
-    color: 'white',
-    backgroundColor: 'green',
-    width: 40,
-    borderRadius: 4,
-    textAlign: 'center',
+  contentContainer: {
+    width: Dimensions.get('window').width - 100,
   },
   title: {
     color: 'black',
+    fontSize: 18,
+    fontWeight: 'bold',
   },
   description: {
     color: 'black',
+    fontSize: 16,
   },
-  button: {
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    borderWidth: 1,
-    borderColor: 'green',
-    borderRadius: 5,
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: 40,
+  brandName: {
+    color: 'black',
+    fontSize: 16,
+    opacity: 0.6,
+    marginTop: 5,
+    fontWeight: 'semibold',
   },
-  buttonText: {
-    color: 'green',
+  linkButton: {
+    width: 40,
+    height: 40,
   },
 });

package/src/index.tsx

@@ -1,2 +1,2 @@
 export * from './components/BannerAd';
-export * from './components/BottomBannerAd';
+export * from './components/AdgeistProvider';

package/lib/module/components/BottomBannerAd.js

@@ -1,150 +0,0 @@
-"use strict";
-
-import React, { useEffect, useState } from 'react';
-import { Dimensions, Image, Linking, StyleSheet, Text, View, TouchableOpacity, TouchableWithoutFeedback } from 'react-native';
-import Adgeist from "../NativeAdgeist.js";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const BottomBannerAd = ({
-  dataPublisherId,
-  dataAdSlot
-}) => {
-  const [adData, setAdData] = useState(null);
-  useEffect(() => {
-    (async () => {
-      try {
-        const response = await Adgeist.fetchCreative(dataAdSlot, dataPublisherId);
-        const creative = response;
-        setAdData(creative.data);
-        await Adgeist.sendCreativeAnalytic(creative.data._id, dataAdSlot, dataPublisherId, 'impression');
-      } catch (error) {
-        console.error('Ad load failed:', error);
-      }
-    })();
-  }, [dataPublisherId, dataAdSlot]);
-  const handleClick = async () => {
-    if (adData?.creative?.ctaUrl) {
-      await Adgeist.sendCreativeAnalytic(adData._id, dataAdSlot, dataPublisherId, 'click');
-      Linking.openURL(adData.creative.ctaUrl).catch(err => console.error('Failed to open URL:', err));
-    }
-  };
-  if (!adData?.creative?.fileUrl) return null;
-  return /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
-    style: styles.container,
-    onPress: handleClick,
-    accessible: true,
-    accessibilityLabel: "Ad Banner",
-    children: /*#__PURE__*/_jsxs(View, {
-      style: styles.adContent,
-      children: [/*#__PURE__*/_jsx(Image, {
-        style: styles.logo,
-        source: {
-          uri: adData.creative.fileUrl
-        }
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.textContainer,
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.titleRow,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: styles.adBadge,
-            children: "AD"
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.title,
-            numberOfLines: 1,
-            ellipsizeMode: "tail",
-            children: adData.creative.title
-          })]
-        }), /*#__PURE__*/_jsx(Text, {
-          style: styles.description,
-          numberOfLines: 1,
-          ellipsizeMode: "tail",
-          children: adData.creative.description
-        })]
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        style: styles.button,
-        onPress: handleClick,
-        accessible: true,
-        accessibilityLabel: "Visit Site Button",
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.buttonText,
-          children: "Visit Site"
-        })
-      })]
-    })
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: 'white',
-    borderRadius: 10
-  },
-  creative: {
-    resizeMode: 'contain',
-    borderTopLeftRadius: 10,
-    borderTopRightRadius: 10
-  },
-  options: {
-    flexDirection: 'row',
-    gap: 2,
-    position: 'absolute',
-    top: 5,
-    left: 5
-  },
-  option: {
-    color: 'green',
-    backgroundColor: '#00000022',
-    width: 20,
-    height: 20,
-    textAlign: 'center'
-  },
-  adContent: {
-    width: '100%',
-    backgroundColor: 'white',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    paddingHorizontal: 10,
-    paddingVertical: 10,
-    alignItems: 'center'
-  },
-  logo: {
-    width: 35,
-    height: 35,
-    resizeMode: 'contain',
-    borderRadius: 2
-  },
-  textContainer: {
-    width: Dimensions.get('window').width - 150
-  },
-  titleRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 5,
-    width: Dimensions.get('window').width - 200
-  },
-  adBadge: {
-    color: 'white',
-    backgroundColor: 'green',
-    width: 40,
-    borderRadius: 4,
-    textAlign: 'center'
-  },
-  title: {
-    color: 'black'
-  },
-  description: {
-    color: 'black'
-  },
-  button: {
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    borderWidth: 1,
-    borderColor: 'green',
-    borderRadius: 5,
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: 40
-  },
-  buttonText: {
-    color: 'green'
-  }
-});
-//# sourceMappingURL=BottomBannerAd.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useState","Dimensions","Image","Linking","StyleSheet","Text","View","TouchableOpacity","TouchableWithoutFeedback","Adgeist","jsx","_jsx","jsxs","_jsxs","BottomBannerAd","dataPublisherId","dataAdSlot","adData","setAdData","response","fetchCreative","creative","data","sendCreativeAnalytic","_id","error","console","handleClick","ctaUrl","openURL","catch","err","fileUrl","style","styles","container","onPress","accessible","accessibilityLabel","children","adContent","logo","source","uri","textContainer","titleRow","adBadge","title","numberOfLines","ellipsizeMode","description","button","buttonText","create","backgroundColor","borderRadius","resizeMode","borderTopLeftRadius","borderTopRightRadius","options","flexDirection","gap","position","top","left","option","color","width","height","textAlign","justifyContent","paddingHorizontal","paddingVertical","alignItems","get","borderWidth","borderColor"],"sourceRoot":"../../../src","sources":["components/BottomBannerAd.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/BottomBannerAd.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface AdBannerTypes {
-    dataPublisherId: string;
-    dataAdSlot: string;
-}
-export declare const BottomBannerAd: React.FC<AdBannerTypes>;
-export {};
-//# sourceMappingURL=BottomBannerAd.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BottomBannerAd.d.ts","sourceRoot":"","sources":["../../../../src/components/BottomBannerAd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAyBnD,UAAU,aAAa;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8ElD,CAAC"}

package/src/components/BottomBannerAd.tsx

@@ -1,185 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import {
-  Dimensions,
-  Image,
-  Linking,
-  StyleSheet,
-  Text,
-  View,
-  TouchableOpacity,
-  TouchableWithoutFeedback,
-} from 'react-native';
-import Adgeist from '../NativeAdgeist';
-
-interface Creative {
-  fileUrl: string;
-  title: string;
-  description: string;
-  ctaUrl?: string;
-}
-
-interface AdData {
-  _id: string;
-  creative: Creative;
-}
-
-interface AdBannerTypes {
-  dataPublisherId: string;
-  dataAdSlot: string;
-}
-
-export const BottomBannerAd: React.FC<AdBannerTypes> = ({
-  dataPublisherId,
-  dataAdSlot,
-}) => {
-  const [adData, setAdData] = useState<AdData | null>(null);
-
-  useEffect(() => {
-    (async () => {
-      try {
-        const response: Object = await Adgeist.fetchCreative(
-          dataAdSlot,
-          dataPublisherId
-        );
-        const creative: { data: AdData } = response as { data: AdData };
-        setAdData(creative.data);
-        await Adgeist.sendCreativeAnalytic(
-          creative.data._id,
-          dataAdSlot,
-          dataPublisherId,
-          'impression'
-        );
-      } catch (error) {
-        console.error('Ad load failed:', error);
-      }
-    })();
-  }, [dataPublisherId, dataAdSlot]);
-
-  const handleClick = async () => {
-    if (adData?.creative?.ctaUrl) {
-      await Adgeist.sendCreativeAnalytic(
-        adData._id,
-        dataAdSlot,
-        dataPublisherId,
-        'click'
-      );
-      Linking.openURL(adData.creative.ctaUrl).catch((err) =>
-        console.error('Failed to open URL:', err)
-      );
-    }
-  };
-
-  if (!adData?.creative?.fileUrl) return null;
-
-  return (
-    <TouchableWithoutFeedback
-      style={styles.container}
-      onPress={handleClick}
-      accessible
-      accessibilityLabel="Ad Banner"
-    >
-      <View style={styles.adContent}>
-        <Image style={styles.logo} source={{ uri: adData.creative.fileUrl }} />
-        <View style={styles.textContainer}>
-          <View style={styles.titleRow}>
-            <Text style={styles.adBadge}>AD</Text>
-            <Text style={styles.title} numberOfLines={1} ellipsizeMode="tail">
-              {adData.creative.title}
-            </Text>
-          </View>
-          <Text
-            style={styles.description}
-            numberOfLines={1}
-            ellipsizeMode="tail"
-          >
-            {adData.creative.description}
-          </Text>
-        </View>
-        <TouchableOpacity
-          style={styles.button}
-          onPress={handleClick}
-          accessible
-          accessibilityLabel="Visit Site Button"
-        >
-          <Text style={styles.buttonText}>Visit Site</Text>
-        </TouchableOpacity>
-      </View>
-    </TouchableWithoutFeedback>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    backgroundColor: 'white',
-    borderRadius: 10,
-  },
-  creative: {
-    resizeMode: 'contain',
-    borderTopLeftRadius: 10,
-    borderTopRightRadius: 10,
-  },
-  options: {
-    flexDirection: 'row',
-    gap: 2,
-    position: 'absolute',
-    top: 5,
-    left: 5,
-  },
-  option: {
-    color: 'green',
-    backgroundColor: '#00000022',
-    width: 20,
-    height: 20,
-    textAlign: 'center',
-  },
-  adContent: {
-    width: '100%',
-    backgroundColor: 'white',
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    paddingHorizontal: 10,
-    paddingVertical: 10,
-    alignItems: 'center',
-  },
-  logo: {
-    width: 35,
-    height: 35,
-    resizeMode: 'contain',
-    borderRadius: 2,
-  },
-  textContainer: {
-    width: Dimensions.get('window').width - 150,
-  },
-  titleRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    gap: 5,
-    width: Dimensions.get('window').width - 200,
-  },
-  adBadge: {
-    color: 'white',
-    backgroundColor: 'green',
-    width: 40,
-    borderRadius: 4,
-    textAlign: 'center',
-  },
-  title: {
-    color: 'black',
-  },
-  description: {
-    color: 'black',
-  },
-  button: {
-    paddingHorizontal: 10,
-    paddingVertical: 5,
-    borderWidth: 1,
-    borderColor: 'green',
-    borderRadius: 5,
-    alignItems: 'center',
-    justifyContent: 'center',
-    height: 40,
-  },
-  buttonText: {
-    color: 'green',
-  },
-});