@hayanmind/monetai-react-native 0.2.4

package/package.json

@@ -0,0 +1,176 @@
+{
+  "name": "@hayanmind/monetai-react-native",
+  "version": "0.2.4",
+  "description": ".",
+  "source": "./src/index.tsx",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/module/index.js",
+  "types": "./lib/typescript/commonjs/src/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./lib/typescript/module/src/index.d.ts",
+        "default": "./lib/module/index.js"
+      },
+      "require": {
+        "types": "./lib/typescript/commonjs/src/index.d.ts",
+        "default": "./lib/commonjs/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 @hayanmind/monetai-react-native-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://monetai.io.git"
+  },
+  "author": "Daehoon Kim <dhkim@hayanmind.com> (https://monetai.io)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://monetai.io/issues"
+  },
+  "homepage": "https://monetai.io#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "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/eslint-config": "^0.78.0",
+    "@release-it/conventional-changelog": "^9.0.2",
+    "@types/jest": "^29.5.5",
+    "@types/react": "^19.0.0",
+    "babel-plugin-transform-define": "^2.1.4",
+    "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.10",
+    "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": [
+      [
+        "commonjs",
+        {
+          "esm": true,
+          "configFile": true
+        }
+      ],
+      [
+        "module",
+        {
+          "esm": true,
+          "configFile": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "create-react-native-library": {
+    "type": "legacy-module",
+    "languages": "kotlin-swift",
+    "version": "0.49.8"
+  },
+  "dependencies": {
+    "axios": "^1.9.0",
+    "dayjs": "^1.11.13",
+    "mitt": "^3.0.1"
+  }
+}

package/src/ApiRequest.ts

@@ -0,0 +1,182 @@
+import axios from 'axios';
+import type {
+  ABTestGroup,
+  AppUserDiscountResponse,
+  PredictResult,
+} from './types';
+import { getSDKVersion } from './lib';
+import { Platform } from 'react-native';
+
+const axiosInstance = axios.create({
+  baseURL: 'https://monetai-api-414410537412.us-central1.run.app/sdk', // 필요에 따라 베이스 URL 설정
+});
+
+export const initialize = async ({
+  sdkKey,
+  userId,
+}: {
+  sdkKey: string;
+  userId: string;
+}) => {
+  try {
+    const response = await axiosInstance.post<{
+      organization_id: number;
+      platform: 'react_native';
+      version: string;
+    }>('/sdk-integrations', {
+      sdkKey,
+      platform: 'react_native',
+      version: getSDKVersion(),
+    });
+
+    const abTestGroupResponse = await axiosInstance.post<{
+      group: ABTestGroup | null;
+      campaign: {
+        id: number;
+        created_at: Date | null;
+        organization_id: number;
+        campaign_name: string;
+        started_at: Date | null;
+        ended_at: Date | null;
+        traffic_ratio: number;
+        allocation_ratio: number;
+        discount_ratio: number;
+        exposure_time_sec: number;
+        model_accuracy: number | null;
+      } | null;
+    }>('/ab-test', {
+      sdkKey,
+      userId,
+      platform:
+        Platform.OS === 'ios'
+          ? 'ios'
+          : Platform.OS === 'android'
+            ? 'android'
+            : null,
+    });
+
+    return {
+      organizationId: response.data.organization_id,
+      platform: response.data.platform,
+      version: response.data.version,
+      group: abTestGroupResponse.data.group,
+      campaign: abTestGroupResponse.data.campaign,
+    };
+  } catch (error: any) {
+    console.error('Failed to initialize integration:', error.message);
+    throw new Error(
+      error.response?.data?.message || 'Integration initialization failed'
+    );
+  }
+};
+
+export const createEvent = async ({
+  sdkKey,
+  userId,
+  eventName,
+  createdAt,
+  value,
+}: {
+  sdkKey: string;
+  userId: string;
+  eventName: string;
+  createdAt?: Date;
+  value?: number;
+}) => {
+  try {
+    await axiosInstance.post('/events', {
+      sdkKey,
+      userId,
+      eventName,
+      createdAt: createdAt ?? new Date(),
+      value,
+      platform:
+        Platform.OS === 'ios'
+          ? 'ios'
+          : Platform.OS === 'android'
+            ? 'android'
+            : null,
+    });
+  } catch (error: any) {
+    console.error('Failed to log event:', error.message);
+    throw new Error(error.response?.data?.message || 'Failed to log event');
+  }
+};
+
+export const predict = async ({
+  userId,
+  sdkKey,
+}: {
+  userId: string;
+  sdkKey: string;
+}) => {
+  console.log('Predicting user:', userId);
+
+  try {
+    const response = await axiosInstance.post<{
+      prediction: PredictResult;
+      testGroup: ABTestGroup;
+    }>('/predict', {
+      sdkKey,
+      userId,
+    });
+
+    return response.data;
+  } catch (error: any) {
+    console.error('Failed to get A/B test group:', error.message);
+    throw new Error(
+      error.response?.data?.message || 'Failed to get A/B test group'
+    );
+  }
+};
+
+export const createAppUserDiscount = async (discountInfo: {
+  startedAt: Date;
+  endedAt: Date;
+  userId: string;
+  sdkKey: string;
+}) => {
+  try {
+    const response = await axiosInstance.post<{
+      discount: AppUserDiscountResponse;
+    }>('/app-user-discounts', {
+      sdkKey: discountInfo.sdkKey,
+      appUserId: discountInfo.userId,
+      startedAt: discountInfo.startedAt,
+      endedAt: discountInfo.endedAt,
+    });
+    console.log('response', response);
+    return response.data.discount;
+  } catch (error: any) {
+    console.error('Failed to set discount info:', error.message);
+    throw new Error(
+      error.response?.data?.message || 'Failed to set discount info'
+    );
+  }
+};
+
+/**
+ * sdkKey와 app_user_id에 해당하는 가장 최근 할인 정보를 조회합니다.
+ * API GET /app-user-discounts/latest 엔드포인트를 호출합니다.
+ */
+export const getAppUserDiscount = async ({
+  sdkKey,
+  userId,
+}: {
+  sdkKey: string;
+  userId: string;
+}) => {
+  try {
+    const response = await axiosInstance.get<{
+      discount: AppUserDiscountResponse | null;
+    }>('/app-user-discounts/latest', {
+      params: { sdkKey, appUserId: userId },
+    });
+    return response.data.discount;
+  } catch (error: any) {
+    console.error('Failed to get discount info:', error.message);
+    throw new Error(
+      error.response?.data?.message || 'Failed to get discount info'
+    );
+  }
+};

package/src/MonetaiProvider.tsx

@@ -0,0 +1,79 @@
+// MonetaiProvider.tsx
+import { useEffect, useState, type ReactNode } from 'react';
+import { StyleSheet, View } from 'react-native';
+import monetaiSDK from './MonetaiSDK';
+import type { DiscountInfo } from './types';
+import { getAppUserDiscount } from './ApiRequest';
+
+const styles = StyleSheet.create({
+  container: { flex: 1 },
+});
+
+type MonetaiProviderProps = {
+  banner?: {
+    title: string;
+    discountTitle: string;
+    onPress: () => void;
+  };
+  children: ReactNode;
+  onDiscountInfoChange?: (discountInfo: DiscountInfo | null) => void;
+};
+
+/**
+ * 클라이언트 측에서 이 컴포넌트로 전체 앱을 감싸주면,
+ * SDK 초기화 + Event Emitter 구독 + 배너 렌더링을 한곳에서 처리할 수 있음
+ */
+export default function MonetaiProvider({
+  children,
+  onDiscountInfoChange,
+}: MonetaiProviderProps) {
+  const [discountInfo, setDiscountInfo] = useState<DiscountInfo | null>(null);
+
+  useEffect(() => {
+    const emitter = monetaiSDK.getEmitter();
+    const onLoadDiscountInfo = async () => {
+      const userId = await monetaiSDK.getUserId();
+      const sdkKey = await monetaiSDK.getSdkKey();
+
+      if (userId == null || sdkKey == null) {
+        console.warn('onLoadDiscountInfo: User ID or SDK Key is not set.');
+        return;
+      }
+
+      const discount = await getAppUserDiscount({ userId, sdkKey });
+      if (discount != null && discount.app_user_id !== userId) {
+        return;
+      }
+
+      setDiscountInfo(
+        discount == null
+          ? null
+          : {
+              startedAt: discount.started_at,
+              endedAt: discount.ended_at,
+              userId: discount.app_user_id,
+              sdkKey: discount.sdk_key,
+            }
+      );
+    };
+
+    emitter.on('LOAD_DISCOUNT_INFO', onLoadDiscountInfo);
+
+    return () => {
+      emitter.off('LOAD_DISCOUNT_INFO', onLoadDiscountInfo);
+    };
+  }, []);
+
+  useEffect(() => {
+    if (onDiscountInfoChange) {
+      onDiscountInfoChange(discountInfo);
+    }
+  }, [onDiscountInfoChange, discountInfo]);
+
+  return (
+    <View style={styles.container}>
+      {/** 자식(실제 앱 화면) 렌더 */}
+      {children}
+    </View>
+  );
+}

package/src/MonetaiSDK.ts

@@ -0,0 +1,225 @@
+import { NativeModules, Platform } from 'react-native';
+import mitt from 'mitt';
+import dayjs from 'dayjs';
+import * as ApiRequest from './ApiRequest';
+import { type ABTestGroup, type PredictResult } from './types';
+import { createAppUserDiscount } from './ApiRequest';
+
+const LINKING_ERROR =
+  `The package '@hayanmind/monetai-react-native' doesn't seem to be linked. Make sure: \n\n` +
+  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
+  '- You rebuilt the app after installing the package\n' +
+  '- You are not using Expo Go\n';
+
+const MonetaiReactNative = NativeModules.MonetaiReactNative
+  ? NativeModules.MonetaiReactNative
+  : new Proxy(
+      {},
+      {
+        get() {
+          throw new Error(LINKING_ERROR);
+        },
+      }
+    );
+
+// Emitter로 사용할 이벤트 타입 정의
+type MonetaiEvents = {
+  LOAD_DISCOUNT_INFO: void; // SDK 초기화 완료
+};
+
+class MonetaiSDK {
+  private exposureTimeSec: number | null = null;
+  private initialized = false;
+
+  // SDK 초기화 전에 로깅된 이벤트들을 저장할 큐
+  private pendingEvents: Array<{
+    eventName: string;
+    createdAt: Date;
+    value?: number;
+  }> = [];
+
+  // Event Emitter
+  private emitter = mitt<MonetaiEvents>();
+
+  // emitter를 노출해서 Provider가 구독할 수 있게 함
+  public getEmitter() {
+    return this.emitter;
+  }
+
+  public getExposureTimeSec() {
+    return this.exposureTimeSec;
+  }
+
+  /**
+   * 모넷AI SDK를 초기화합니다
+   * @param userId 사용자 고유 ID (필수)
+   * @param useStoreKit2 StoreKit2를 사용할지 여부 (기본값: false)
+   *                     - true: iOS 15+ 기기에서 StoreKit2 사용 (권장)
+   *                     - false: 모든 기기에서 StoreKit1 사용
+   * @returns 성공 시 Promise<void>
+   */
+  public async initialize({
+    sdkKey,
+    userId,
+    useStoreKit2 = false,
+  }: {
+    sdkKey: string;
+    userId: string;
+    useStoreKit2?: boolean;
+  }): Promise<{
+    organizationId: number;
+    platform: 'react_native';
+    version: string;
+    userId: string;
+    group: ABTestGroup | null;
+  }> {
+    if (!userId) {
+      throw new Error('userId is required');
+    }
+    if (!sdkKey) {
+      throw new Error('sdkKey is required');
+    }
+
+    // SDK 키를 네이티브에 저장
+    await MonetaiReactNative.setSdkKey(sdkKey);
+
+    // userId 설정
+    await MonetaiReactNative.setUserId(userId);
+
+    // 트랜잭션 관찰 시작
+    await MonetaiReactNative.startObserving(useStoreKit2);
+
+    // iOS 영수증 전송 (ios 플랫폼에서만 호출)
+    if (Platform.OS === 'ios') {
+      MonetaiReactNative.sendReceipt().catch((err: any) => {
+        console.error('Failed to send receipt', err);
+      });
+    }
+
+    const result = await ApiRequest.initialize({ sdkKey, userId });
+    this.exposureTimeSec = result.campaign?.exposure_time_sec ?? null;
+    this.initialized = true;
+
+    // SDK 초기화 후, 초기화 전에 저장된 pendingEvents를 전송
+    const pendingPromises = this.pendingEvents.map(
+      async ({ eventName, value, createdAt }) => {
+        await ApiRequest.createEvent({
+          sdkKey,
+          userId,
+          eventName,
+          value,
+          createdAt,
+        });
+        console.log('[MonetaiSDK] Logged pending event', eventName, value);
+      }
+    );
+
+    Promise.all(pendingPromises).then(() => {
+      this.pendingEvents = [];
+    });
+
+    this.emitter.emit('LOAD_DISCOUNT_INFO');
+
+    return {
+      organizationId: result.organizationId,
+      platform: 'react_native',
+      version: result.version,
+      userId: userId,
+      group: result.group,
+    };
+  }
+
+  public async logEvent({ eventName }: { eventName: string }) {
+    const sdkKey = await this.getSdkKey();
+    const userId = await this.getUserId();
+
+    // SDK가 아직 초기화되지 않은 경우, 이벤트를 pendingEvents에 저장
+    if (!sdkKey || !userId) {
+      console.log('[MonetaiSDK] Pending event', eventName);
+      this.pendingEvents.push({ eventName, createdAt: new Date() });
+      return;
+    }
+    await ApiRequest.createEvent({
+      sdkKey,
+      userId,
+      eventName,
+    });
+    console.log('[MonetaiSDK] Logged event', eventName);
+  }
+
+  // Non-Purchaser 예측
+  public async predict(): Promise<{
+    prediction: PredictResult;
+    testGroup: ABTestGroup;
+  }> {
+    const sdkKey = await this.getSdkKey();
+    const userId = await this.getUserId();
+
+    if (!sdkKey || !userId || !this.exposureTimeSec) {
+      throw new Error(
+        'MonetaiSDK is not initialized. Call initialize() first.'
+      );
+    }
+    const result = await ApiRequest.predict({ userId, sdkKey });
+
+    if (result.prediction === 'non-purchaser') {
+      const discountInfo = await ApiRequest.getAppUserDiscount({
+        sdkKey,
+        userId,
+      });
+      const hasActiveDiscount =
+        discountInfo != null &&
+        discountInfo.app_user_id === userId &&
+        dayjs(discountInfo.ended_at).isAfter(dayjs());
+
+      console.log('hasActiveDiscount', hasActiveDiscount);
+
+      if (!hasActiveDiscount) {
+        const startedAt = dayjs();
+        const endedAt = startedAt.clone().add(this.exposureTimeSec, 'second');
+        await createAppUserDiscount({
+          startedAt: startedAt.toDate(),
+          endedAt: endedAt.toDate(),
+          userId,
+          sdkKey,
+        });
+        this.emitter.emit('LOAD_DISCOUNT_INFO');
+      }
+    }
+
+    return result;
+  }
+
+  public getInitialized() {
+    return this.initialized;
+  }
+
+  public async getUserId(): Promise<string | null> {
+    try {
+      const userId = await MonetaiReactNative.getUserId();
+      return userId;
+    } catch (error) {
+      console.error('[MonetaiSDK] getUserId error', error);
+      return null;
+    }
+  }
+
+  public async getSdkKey(): Promise<string | null> {
+    try {
+      const sdkKey = await MonetaiReactNative.getSdkKey();
+      return sdkKey;
+    } catch (error) {
+      console.error('[MonetaiSDK] getSdkKey error', error);
+      return null;
+    }
+  }
+
+  public async reset() {
+    await MonetaiReactNative.reset();
+    this.initialized = false;
+  }
+}
+
+// 싱글턴으로 export
+const monetaiSDK = new MonetaiSDK();
+export default monetaiSDK;

package/src/index.tsx

@@ -0,0 +1,5 @@
+import MonetaiSDK from './MonetaiSDK';
+import MonetaiProvider from './MonetaiProvider';
+
+export default MonetaiSDK;
+export { MonetaiProvider };

package/src/lib.ts

@@ -0,0 +1,17 @@
+export function getSDKVersion(): string {
+  // __SDK_VERSION__이 정의되어 있으면 해당 값을 사용
+  if (typeof __SDK_VERSION__ === 'string') {
+    return __SDK_VERSION__;
+  }
+
+  // 그렇지 않으면, package.json을 lazy하게 불러와 version을 반환
+  try {
+    // 주의: require 사용 시 번들링 및 환경에 따라 결과가 달라질 수 있음
+    // 라이브러리라면 외부에 의존하지 않도록 조심해야 합니다.
+    const pkg = require('../package.json');
+    return pkg.version;
+  } catch (error) {
+    console.warn('package.json에서 version을 불러올 수 없습니다.', error);
+    return 'unknown';
+  }
+}

package/src/types/global.d.ts

@@ -0,0 +1,2 @@
+// global.d.ts
+declare const __SDK_VERSION__: string;

package/src/types.ts

@@ -0,0 +1,17 @@
+export type ABTestGroup = 'baseline' | 'monetai' | 'unknown';
+export type PredictResult = 'non-purchaser' | 'purchaser' | null;
+export interface DiscountInfo {
+  startedAt: Date;
+  endedAt: Date;
+  userId: string;
+  sdkKey: string;
+}
+
+export interface AppUserDiscountResponse {
+  id: number;
+  started_at: Date;
+  ended_at: Date;
+  app_user_id: string;
+  sdk_key: string;
+  created_at: Date;
+}