@thealteroffice/react-native-adgeist 0.0.1

package/lib/module/components/BottomBannerAd.js

@@ -0,0 +1,150 @@
+"use strict";
+
+import React, { useEffect, useState } from 'react';
+import { Dimensions, Image, Linking, StyleSheet, Text, View, TouchableOpacity, TouchableWithoutFeedback } from 'react-native';
+import Adgeist from '../NativeAdgeist';
+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

@@ -0,0 +1 @@
+{"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/module/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./components/BannerAd.js";
+export * from "./components/BottomBannerAd.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,cAAc,0BAAuB;AACrC,cAAc,gCAA6B","ignoreList":[]}

package/lib/module/package.json

@@ -0,0 +1 @@
+{"type":"module"}

package/lib/typescript/package.json

@@ -0,0 +1 @@
+{"type":"module"}

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

@@ -0,0 +1,8 @@
+import type { TurboModule } from 'react-native';
+export interface Spec extends TurboModule {
+    fetchCreative(adSpaceId: string, publisherId: string): Promise<Object>;
+    sendCreativeAnalytic(campaignId: string, adSpaceId: string, publisherId: string, eventType: string): Promise<Object>;
+}
+declare const _default: Spec;
+export default _default;
+//# sourceMappingURL=NativeAdgeist.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NativeAdgeist.d.ts","sourceRoot":"","sources":["../../../src/NativeAdgeist.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAGhD,MAAM,WAAW,IAAK,SAAQ,WAAW;IACvC,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC;IACvE,oBAAoB,CAClB,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,EACjB,WAAW,EAAE,MAAM,EACnB,SAAS,EAAE,MAAM,GAChB,OAAO,CAAC,MAAM,CAAC,CAAC;CACpB;;AAED,wBAAiE"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BannerAd.d.ts","sourceRoot":"","sources":["../../../../src/components/BannerAd.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAwBnD,UAAU,aAAa;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,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,CA0F5C,CAAC"}

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1 @@
+{"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/lib/typescript/src/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components/BannerAd';
+export * from './components/BottomBannerAd';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC"}

package/package.json

@@ -0,0 +1,170 @@
+{
+  "name": "@thealteroffice/react-native-adgeist",
+  "version": "0.0.1",
+  "description": "Publishers can integrate our SDK to connect their ad spaces to the AdGeist marketplace.",
+  "source": "./src/index.tsx",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "react-native.config.js",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "example": "yarn workspace react-native-adgeist-example",
+    "test": "jest",
+    "typecheck": "tsc",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
+    "prepare": "bob build",
+    "release": "release-it"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/the-alter-office/react-native-adgeist.git"
+  },
+  "author": "kishore <kishore@thealteroffice.com> (https://github.com/the-alter-office/react-native-adgeist)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/the-alter-office/react-native-adgeist/issues"
+  },
+  "homepage": "https://github.com/the-alter-office/react-native-adgeist#readme",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@commitlint/config-conventional": "^19.6.0",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.22.0",
+    "@evilmartians/lefthook": "^1.5.0",
+    "@react-native-community/cli": "15.0.1",
+    "@react-native/eslint-config": "^0.78.0",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^19.0.0",
+    "commitlint": "^19.6.1",
+    "del-cli": "^5.1.0",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
+    "jest": "^29.7.0",
+    "prettier": "^3.0.3",
+    "react": "19.0.0",
+    "react-native": "0.78.2",
+    "react-native-builder-bob": "^0.40.7",
+    "release-it": "^17.10.0",
+    "turbo": "^1.10.7",
+    "typescript": "^5.2.2"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "workspaces": [
+    "example"
+  ],
+  "packageManager": "yarn@3.6.1",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": {
+          "name": "angular"
+        }
+      }
+    }
+  },
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "codegen",
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "codegenConfig": {
+    "name": "RNAdgeistSpec",
+    "type": "modules",
+    "jsSrcsDir": "src",
+    "outputDir": {
+      "ios": "ios/generated",
+      "android": "android/generated"
+    },
+    "android": {
+      "javaPackageName": "com.adgeist"
+    },
+    "includesGeneratedCode": true
+  },
+  "create-react-native-library": {
+    "type": "turbo-module",
+    "languages": "kotlin-objc",
+    "version": "0.49.8"
+  }
+}

package/react-native.config.js

@@ -0,0 +1,12 @@
+/**
+ * @type {import('@react-native-community/cli-types').UserDependencyConfig}
+ */
+module.exports = {
+  dependency: {
+    platforms: {
+      android: {
+        cmakeListsPath: 'generated/jni/CMakeLists.txt',
+      },
+    },
+  },
+};

package/src/NativeAdgeist.ts

@@ -0,0 +1,14 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  fetchCreative(adSpaceId: string, publisherId: string): Promise<Object>;
+  sendCreativeAnalytic(
+    campaignId: string,
+    adSpaceId: string,
+    publisherId: string,
+    eventType: string
+  ): Promise<Object>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('Adgeist');

package/src/components/BannerAd.tsx

@@ -0,0 +1,202 @@
+import React, { useEffect, useState } from 'react';
+import {
+  Dimensions,
+  Image,
+  Linking,
+  StyleSheet,
+  Text,
+  View,
+  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;
+  width: number;
+  height: number;
+}
+
+export const BannerAd: React.FC<AdBannerTypes> = ({
+  dataPublisherId,
+  dataAdSlot,
+  width,
+  height,
+}) => {
+  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 accessible accessibilityLabel="Ad Banner">
+      <View style={styles.container}>
+        <Image
+          style={[styles.creative, { width, height }]}
+          source={{ uri: adData.creative.fileUrl }}
+        />
+        <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>
+            <Text
+              style={styles.description}
+              numberOfLines={1}
+              ellipsizeMode="tail"
+            >
+              {adData.creative.description}
+            </Text>
+          </View>
+          <TouchableWithoutFeedback
+            onPress={handleClick}
+            accessible
+            accessibilityLabel="Visit Site Button"
+          >
+            <View style={styles.button}>
+              <Text style={styles.buttonText}>Visit Site</Text>
+            </View>
+          </TouchableWithoutFeedback>
+        </View>
+      </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',
+    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,
+  },
+  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',
+  },
+});