@vynix-org/react-native-ads-sdk 0.1.1

package/lib/module/components/NativeAdFullscreenComponent.js

@@ -0,0 +1,205 @@
+"use strict";
+
+import React from 'react';
+import { View, Text, ActivityIndicator, TouchableOpacity, Dimensions } from 'react-native';
+import { NativeAdView, NativeAsset, NativeMediaView, NativeAssetType } from 'react-native-google-mobile-ads';
+import { useNativeAd } from "../hook/useNativeAd.js";
+import { fullscreenStyles } from "./FullscreenStyles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  height
+} = Dimensions.get('window');
+export const NativeAdFullscreenComponent = ({
+  adKey,
+  adId,
+  autoLoad = true,
+  onClose,
+  onLoad,
+  onDisplay,
+  onError,
+  onClicked,
+  onImpression,
+  buttonActionStyles,
+  adBadgeStyles,
+  headlineStyles,
+  bodyStyles,
+  ratingStyles,
+  priceStyles,
+  storeStyles,
+  closeButtonStyles,
+  showCloseButton = true
+}) => {
+  const {
+    ad,
+    isLoading,
+    error,
+    isLoaded,
+    loadAd
+  } = useNativeAd({
+    adKey,
+    adId,
+    autoLoad,
+    onLoad,
+    onDisplay,
+    onError,
+    onClicked,
+    onImpression
+  });
+
+  // Render loading state
+  if (isLoading) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: fullscreenStyles.container,
+      children: [showCloseButton && onClose && /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [fullscreenStyles.closeButton, closeButtonStyles],
+        onPress: onClose,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: fullscreenStyles.closeButtonText,
+          children: "\u2715"
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: fullscreenStyles.centerContent,
+        children: [/*#__PURE__*/_jsx(ActivityIndicator, {
+          size: "large",
+          color: "#FFFFFF"
+        }), /*#__PURE__*/_jsx(Text, {
+          style: fullscreenStyles.loadingText,
+          children: "\u0110ang t\u1EA3i qu\u1EA3ng c\xE1o..."
+        })]
+      })]
+    });
+  }
+
+  // Render error state
+  if (error) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: fullscreenStyles.container,
+      children: [showCloseButton && onClose && /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [fullscreenStyles.closeButton, closeButtonStyles],
+        onPress: onClose,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: fullscreenStyles.closeButtonText,
+          children: "\u2715"
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: fullscreenStyles.centerContent,
+        children: [/*#__PURE__*/_jsxs(Text, {
+          style: fullscreenStyles.errorText,
+          children: ["L\u1ED7i: ", error]
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          onPress: () => loadAd(),
+          style: fullscreenStyles.retryButton,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: fullscreenStyles.retryText,
+            children: "Th\u1EED l\u1EA1i"
+          })
+        })]
+      })]
+    });
+  }
+
+  // Render empty state
+  if (!isLoaded || !ad?.data?.nativeAd) {
+    return /*#__PURE__*/_jsxs(View, {
+      style: fullscreenStyles.container,
+      children: [showCloseButton && onClose && /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [fullscreenStyles.closeButton, closeButtonStyles],
+        onPress: onClose,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: fullscreenStyles.closeButtonText,
+          children: "\u2715"
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: fullscreenStyles.centerContent,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: fullscreenStyles.emptyText,
+          children: "Kh\xF4ng c\xF3 qu\u1EA3ng c\xE1o"
+        })
+      })]
+    });
+  }
+  const nativeAd = ad.data.nativeAd;
+  return /*#__PURE__*/_jsx(View, {
+    style: fullscreenStyles.container,
+    children: /*#__PURE__*/_jsxs(NativeAdView, {
+      nativeAd: nativeAd,
+      style: fullscreenStyles.adContainer,
+      children: [showCloseButton && onClose && /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [fullscreenStyles.closeButton, closeButtonStyles],
+        onPress: onClose,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: fullscreenStyles.closeButtonText,
+          children: "\u2715"
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        style: fullscreenStyles.adHeader,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: [fullscreenStyles.adBadge, adBadgeStyles],
+          children: "Ad"
+        }), nativeAd.advertiser && /*#__PURE__*/_jsx(NativeAsset, {
+          assetType: NativeAssetType.ADVERTISER,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: fullscreenStyles.advertiserText,
+            numberOfLines: 1,
+            children: nativeAd.advertiser
+          })
+        })]
+      }), (nativeAd.images?.length && nativeAd.images.length > 0 || nativeAd.mediaContent) && /*#__PURE__*/_jsx(NativeMediaView, {
+        style: [fullscreenStyles.mediaView, nativeAd.mediaContent?.aspectRatio ? {
+          aspectRatio: nativeAd.mediaContent.aspectRatio
+        } : {
+          height: height * 0.6
+        }]
+      }), /*#__PURE__*/_jsxs(View, {
+        style: fullscreenStyles.contentContainer,
+        children: [nativeAd.headline && /*#__PURE__*/_jsx(NativeAsset, {
+          assetType: NativeAssetType.HEADLINE,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [fullscreenStyles.headline, headlineStyles],
+            numberOfLines: 2,
+            children: nativeAd.headline
+          })
+        }), nativeAd.body && /*#__PURE__*/_jsx(NativeAsset, {
+          assetType: NativeAssetType.BODY,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [fullscreenStyles.bodyText, bodyStyles],
+            numberOfLines: 3,
+            children: nativeAd.body
+          })
+        }), /*#__PURE__*/_jsxs(View, {
+          style: fullscreenStyles.infoRow,
+          children: [nativeAd.starRating !== null && nativeAd.starRating !== undefined && /*#__PURE__*/_jsx(NativeAsset, {
+            assetType: NativeAssetType.STAR_RATING,
+            children: /*#__PURE__*/_jsxs(Text, {
+              style: [fullscreenStyles.ratingText, ratingStyles],
+              children: ["\u2B50 ", nativeAd.starRating.toFixed(1)]
+            })
+          }), nativeAd.price && /*#__PURE__*/_jsx(NativeAsset, {
+            assetType: NativeAssetType.PRICE,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [fullscreenStyles.priceText, priceStyles],
+              children: nativeAd.price
+            })
+          }), nativeAd.store && /*#__PURE__*/_jsx(NativeAsset, {
+            assetType: NativeAssetType.STORE,
+            children: /*#__PURE__*/_jsx(Text, {
+              style: [fullscreenStyles.storeText, storeStyles],
+              numberOfLines: 1,
+              children: nativeAd.store
+            })
+          })]
+        }), nativeAd.callToAction && /*#__PURE__*/_jsx(NativeAsset, {
+          assetType: NativeAssetType.CALL_TO_ACTION,
+          children: /*#__PURE__*/_jsx(View, {
+            style: [fullscreenStyles.ctaButton, buttonActionStyles],
+            children: /*#__PURE__*/_jsx(Text, {
+              style: fullscreenStyles.ctaText,
+              children: nativeAd.callToAction
+            })
+          })
+        })]
+      })]
+    })
+  });
+};
+//# sourceMappingURL=NativeAdFullscreenComponent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","ActivityIndicator","TouchableOpacity","Dimensions","NativeAdView","NativeAsset","NativeMediaView","NativeAssetType","useNativeAd","fullscreenStyles","jsx","_jsx","jsxs","_jsxs","height","get","NativeAdFullscreenComponent","adKey","adId","autoLoad","onClose","onLoad","onDisplay","onError","onClicked","onImpression","buttonActionStyles","adBadgeStyles","headlineStyles","bodyStyles","ratingStyles","priceStyles","storeStyles","closeButtonStyles","showCloseButton","ad","isLoading","error","isLoaded","loadAd","style","container","children","closeButton","onPress","closeButtonText","centerContent","size","color","loadingText","errorText","retryButton","retryText","data","nativeAd","emptyText","adContainer","adHeader","adBadge","advertiser","assetType","ADVERTISER","advertiserText","numberOfLines","images","length","mediaContent","mediaView","aspectRatio","contentContainer","headline","HEADLINE","body","BODY","bodyText","infoRow","starRating","undefined","STAR_RATING","ratingText","toFixed","price","PRICE","priceText","store","STORE","storeText","callToAction","CALL_TO_ACTION","ctaButton","ctaText"],"sourceRoot":"../../../src","sources":["components/NativeAdFullscreenComponent.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/NativeStyles.js

@@ -0,0 +1,143 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+  wrapper: {
+    width: '100%',
+    alignItems: 'center'
+  },
+  container: {
+    width: '100%',
+    backgroundColor: '#FFFFFF',
+    borderRadius: 8,
+    overflow: 'hidden',
+    borderWidth: 1,
+    // alignItems: 'center',
+    borderColor: '#E5E5E5'
+  },
+  centerContent: {
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 16,
+    minHeight: 120
+  },
+  loadingText: {
+    marginTop: 8,
+    fontSize: 13,
+    color: '#666'
+  },
+  errorText: {
+    fontSize: 13,
+    color: '#FF3B30',
+    textAlign: 'center',
+    marginBottom: 10
+  },
+  retryButton: {
+    backgroundColor: '#007AFF',
+    paddingHorizontal: 16,
+    paddingVertical: 8,
+    borderRadius: 6
+  },
+  retryText: {
+    color: '#FFFFFF',
+    fontSize: 13,
+    fontWeight: '600'
+  },
+  emptyText: {
+    fontSize: 13,
+    color: '#999'
+  },
+  adHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: '#F9F9F9'
+  },
+  adBadge: {
+    backgroundColor: '#FFCC00',
+    paddingHorizontal: 6,
+    paddingVertical: 2,
+    borderRadius: 3,
+    fontSize: 10,
+    fontWeight: '700',
+    color: '#666'
+  },
+  advertiserText: {
+    fontSize: 11,
+    color: '#666',
+    fontWeight: '500',
+    flex: 1,
+    marginLeft: 8,
+    textAlign: 'right'
+  },
+  mediaView: {
+    minHeight: 180,
+    maxHeight: 250,
+    alignSelf: 'center',
+    backgroundColor: '#F0F0F0'
+  },
+  contentContainer: {
+    padding: 12
+  },
+  headline: {
+    fontSize: 16,
+    fontWeight: '700',
+    color: '#000',
+    marginBottom: 6,
+    lineHeight: 22
+  },
+  bodyText: {
+    fontSize: 13,
+    color: '#666',
+    lineHeight: 18,
+    marginBottom: 10
+  },
+  infoRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 10,
+    flexWrap: 'wrap',
+    gap: 8
+  },
+  ratingText: {
+    fontSize: 12,
+    fontWeight: '600',
+    color: '#FF9500'
+  },
+  priceText: {
+    fontSize: 14,
+    fontWeight: '700',
+    color: '#34C759'
+  },
+  storeText: {
+    fontSize: 11,
+    color: '#999',
+    flex: 1
+  },
+  ctaButton: {
+    backgroundColor: '#007AFF',
+    paddingVertical: 10,
+    paddingHorizontal: 20,
+    borderRadius: 6,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  ctaText: {
+    fontSize: 14,
+    fontWeight: '700',
+    color: '#FFFFFF'
+  },
+  iconContainer: {
+    position: 'absolute',
+    top: 8,
+    right: 8,
+    width: 36,
+    height: 36,
+    borderRadius: 18,
+    overflow: 'hidden',
+    backgroundColor: '#F0F0F0'
+  }
+});
+//# sourceMappingURL=NativeStyles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","styles","create","wrapper","width","alignItems","container","backgroundColor","borderRadius","overflow","borderWidth","borderColor","centerContent","justifyContent","padding","minHeight","loadingText","marginTop","fontSize","color","errorText","textAlign","marginBottom","retryButton","paddingHorizontal","paddingVertical","retryText","fontWeight","emptyText","adHeader","flexDirection","adBadge","advertiserText","flex","marginLeft","mediaView","maxHeight","alignSelf","contentContainer","headline","lineHeight","bodyText","infoRow","flexWrap","gap","ratingText","priceText","storeText","ctaButton","ctaText","iconContainer","position","top","right","height"],"sourceRoot":"../../../src","sources":["components/NativeStyles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/event/custom-event.js

@@ -0,0 +1,29 @@
+"use strict";
+
+export class CustomEventEmitter {
+  events = {};
+  on(event, listener) {
+    if (!this.events[event]) {
+      this.events[event] = [];
+    }
+    this.events[event].push(listener);
+  }
+  emit(event, ...args) {
+    if (this.events[event]) {
+      this.events[event].forEach(listener => listener(...args));
+    }
+  }
+  off(event, listener) {
+    if (this.events[event]) {
+      this.events[event] = this.events[event].filter(l => l !== listener);
+    }
+  }
+  removeAllListeners(event) {
+    if (event) {
+      delete this.events[event];
+    } else {
+      this.events = {};
+    }
+  }
+}
+//# sourceMappingURL=custom-event.js.map

package/lib/module/event/custom-event.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["CustomEventEmitter","events","on","event","listener","push","emit","args","forEach","off","filter","l","removeAllListeners"],"sourceRoot":"../../../src","sources":["event/custom-event.ts"],"mappings":";;AAAA,OAAO,MAAMA,kBAAkB,CAAC;EACtBC,MAAM,GAAkC,CAAC,CAAC;EAElDC,EAAEA,CAACC,KAAa,EAAEC,QAAkB,EAAE;IACpC,IAAI,CAAC,IAAI,CAACH,MAAM,CAACE,KAAK,CAAC,EAAE;MACvB,IAAI,CAACF,MAAM,CAACE,KAAK,CAAC,GAAG,EAAE;IACzB;IACA,IAAI,CAACF,MAAM,CAACE,KAAK,CAAC,CAACE,IAAI,CAACD,QAAQ,CAAC;EACnC;EAEAE,IAAIA,CAACH,KAAa,EAAE,GAAGI,IAAW,EAAE;IAClC,IAAI,IAAI,CAACN,MAAM,CAACE,KAAK,CAAC,EAAE;MACtB,IAAI,CAACF,MAAM,CAACE,KAAK,CAAC,CAACK,OAAO,CAAEJ,QAAQ,IAAKA,QAAQ,CAAC,GAAGG,IAAI,CAAC,CAAC;IAC7D;EACF;EAEAE,GAAGA,CAACN,KAAa,EAAEC,QAAkB,EAAE;IACrC,IAAI,IAAI,CAACH,MAAM,CAACE,KAAK,CAAC,EAAE;MACtB,IAAI,CAACF,MAAM,CAACE,KAAK,CAAC,GAAG,IAAI,CAACF,MAAM,CAACE,KAAK,CAAC,CAACO,MAAM,CAAEC,CAAC,IAAKA,CAAC,KAAKP,QAAQ,CAAC;IACvE;EACF;EAEAQ,kBAAkBA,CAACT,KAAc,EAAE;IACjC,IAAIA,KAAK,EAAE;MACT,OAAO,IAAI,CAACF,MAAM,CAACE,KAAK,CAAC;IAC3B,CAAC,MAAM;MACL,IAAI,CAACF,MAAM,GAAG,CAAC,CAAC;IAClB;EACF;AACF","ignoreList":[]}

package/lib/module/hook/useAppOpenAd.js

@@ -0,0 +1,138 @@
+"use strict";
+
+import { useState, useEffect, useCallback, useRef } from 'react';
+import { AppState } from 'react-native';
+import { appOpenAdsManager } from "../ads-manager/AppOpenAdsManager.js";
+export const useAppOpenAd = options => {
+  const {
+    adId,
+    showOnAppForeground = true,
+    autoLoad = true,
+    onAdLoaded,
+    onAdFailedToLoad,
+    onAdOpened,
+    onAdClosed,
+    onAdFailedToShow
+  } = options;
+  const [isLoading, setIsLoading] = useState(false);
+  const [isReady, setIsReady] = useState(false);
+  const [error, setError] = useState(null);
+  const appStateRef = useRef(AppState.currentState);
+  const isFirstLaunch = useRef(true);
+
+  // Sử dụng useRef để lưu callbacks, tránh re-render
+  const callbacksRef = useRef({
+    onAdLoaded,
+    onAdFailedToLoad,
+    onAdOpened,
+    onAdClosed,
+    onAdFailedToShow
+  });
+
+  // Update callbacks ref khi có thay đổi
+  useEffect(() => {
+    callbacksRef.current = {
+      onAdLoaded,
+      onAdFailedToLoad,
+      onAdOpened,
+      onAdClosed,
+      onAdFailedToShow
+    };
+  }, [onAdLoaded, onAdFailedToLoad, onAdOpened, onAdClosed, onAdFailedToShow]);
+
+  // Load ad function - chỉ phụ thuộc vào adId
+  const loadAd = useCallback(async () => {
+    try {
+      setIsLoading(true);
+      setError(null);
+      await appOpenAdsManager.loadAd({
+        adId
+      }, {
+        onAdLoaded: () => {
+          setIsLoading(false);
+          setIsReady(true);
+          callbacksRef.current.onAdLoaded?.();
+        },
+        onAdFailedToLoad: err => {
+          setIsLoading(false);
+          setIsReady(false);
+          setError(err);
+          callbacksRef.current.onAdFailedToLoad?.(err);
+        },
+        onAdOpened: () => {
+          callbacksRef.current.onAdOpened?.();
+        },
+        onAdClosed: () => {
+          setIsReady(false);
+          callbacksRef.current.onAdClosed?.();
+        },
+        onAdFailedToShow: err => {
+          setError(err);
+          setIsReady(false);
+          callbacksRef.current.onAdFailedToShow?.(err);
+        }
+      });
+    } catch (err) {
+      setIsLoading(false);
+      setIsReady(false);
+      setError(err);
+    }
+  }, [adId]); // Chỉ phụ thuộc vào adId
+
+  // Show ad function
+  const showAd = useCallback(async () => {
+    const success = await appOpenAdsManager.showAd();
+    if (!success) {
+      setIsReady(false);
+    }
+    return success;
+  }, []);
+
+  // Auto load on mount
+  useEffect(() => {
+    if (autoLoad) {
+      loadAd();
+    }
+    return () => {
+      // Cleanup when unmount
+      appOpenAdsManager.destroy();
+    };
+  }, [autoLoad, loadAd]);
+
+  // Handle app state changes
+  useEffect(() => {
+    if (!showOnAppForeground) {
+      return;
+    }
+    const subscription = AppState.addEventListener('change', async nextAppState => {
+      // Skip first launch
+      if (isFirstLaunch.current) {
+        isFirstLaunch.current = false;
+        appStateRef.current = nextAppState;
+        return;
+      }
+
+      // App comes to foreground
+      if (appStateRef.current?.match(/background/) && nextAppState === 'active') {
+        if (appOpenAdsManager.isAdAvailable()) {
+          await showAd();
+        } else {
+          // Load new ad if not available
+          await loadAd();
+        }
+      }
+      appStateRef.current = nextAppState;
+    });
+    return () => {
+      subscription.remove();
+    };
+  }, [showOnAppForeground, loadAd, showAd]);
+  return {
+    isLoading,
+    isReady,
+    error,
+    loadAd,
+    showAd
+  };
+};
+//# sourceMappingURL=useAppOpenAd.js.map

package/lib/module/hook/useAppOpenAd.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useEffect","useCallback","useRef","AppState","appOpenAdsManager","useAppOpenAd","options","adId","showOnAppForeground","autoLoad","onAdLoaded","onAdFailedToLoad","onAdOpened","onAdClosed","onAdFailedToShow","isLoading","setIsLoading","isReady","setIsReady","error","setError","appStateRef","currentState","isFirstLaunch","callbacksRef","current","loadAd","err","showAd","success","destroy","subscription","addEventListener","nextAppState","match","isAdAvailable","remove"],"sourceRoot":"../../../src","sources":["hook/useAppOpenAd.ts"],"mappings":"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","ignoreList":[]}