@adstage/web-sdk 2.6.3 → 3.0.1

package/dist/index.cjs.js

@@ -323,7 +323,7 @@ class DOMUtils {
  * AdStage SDK - 버전 정보 유틸리티
  */
 // package.json에서 버전 정보 가져오기 (빌드 시 자동으로 교체됨)
-const SDK_VERSION$1 = '"2.6.3"';
+const SDK_VERSION$1 = '"3.0.1"';
 /**
  * SDK 버전 정보 반환
  */
@@ -4356,6 +4356,7 @@ class EventsModule {
                 eventName,
                 userId: EventSessionManager.getUserId(),
                 sessionId: EventSessionManager.getSessionId(),
+                sdkVersion: getSDKVersion(),
                 device: EventDeviceCollector.getDeviceInfo(),
                 user: EventUserCollector.getUserInfo(),
                 params: properties || {}

package/dist/index.esm.js

@@ -321,7 +321,7 @@ class DOMUtils {
  * AdStage SDK - 버전 정보 유틸리티
  */
 // package.json에서 버전 정보 가져오기 (빌드 시 자동으로 교체됨)
-const SDK_VERSION$1 = '"2.6.3"';
+const SDK_VERSION$1 = '"3.0.1"';
 /**
  * SDK 버전 정보 반환
  */
@@ -4354,6 +4354,7 @@ class EventsModule {
                 eventName,
                 userId: EventSessionManager.getUserId(),
                 sessionId: EventSessionManager.getSessionId(),
+                sdkVersion: getSDKVersion(),
                 device: EventDeviceCollector.getDeviceInfo(),
                 user: EventUserCollector.getUserInfo(),
                 params: properties || {}

package/dist/index.standalone.js

@@ -318,7 +318,7 @@ class DOMUtils {
  * AdStage SDK - 버전 정보 유틸리티
  */
 // package.json에서 버전 정보 가져오기 (빌드 시 자동으로 교체됨)
-const SDK_VERSION$1 = '"2.6.3"';
+const SDK_VERSION$1 = '"3.0.1"';
 /**
  * SDK 버전 정보 반환
  */
@@ -4351,6 +4351,7 @@ class EventsModule {
                 eventName,
                 userId: EventSessionManager.getUserId(),
                 sessionId: EventSessionManager.getSessionId(),
+                sdkVersion: getSDKVersion(),
                 device: EventDeviceCollector.getDeviceInfo(),
                 user: EventUserCollector.getUserInfo(),
                 params: properties || {}

package/dist/index.umd.js

@@ -324,7 +324,7 @@
      * AdStage SDK - 버전 정보 유틸리티
      */
     // package.json에서 버전 정보 가져오기 (빌드 시 자동으로 교체됨)
-    const SDK_VERSION$1 = '"2.6.3"';
+    const SDK_VERSION$1 = '"3.0.1"';
     /**
      * SDK 버전 정보 반환
      */
@@ -4357,6 +4357,7 @@
                     eventName,
                     userId: EventSessionManager.getUserId(),
                     sessionId: EventSessionManager.getSessionId(),
+                    sdkVersion: getSDKVersion(),
                     device: EventDeviceCollector.getDeviceInfo(),
                     user: EventUserCollector.getUserInfo(),
                     params: properties || {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adstage/web-sdk",
-  "version": "2.6.3",
+  "version": "3.0.1",
   "description": "AdStage Web SDK - Production-ready marketing platform SDK with React Provider support for seamless integration",
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -18,6 +18,8 @@
   "files": [
     "dist",
     "src",
+    "!src/example/",
+    "!**/*.example.*",
     "README.md",
     "LICENSE"
   ],

package/src/modules/events/events-module.ts

@@ -6,6 +6,7 @@
 import { AdStageConfig, BaseModule } from '../../types/config';
 import { endpoints } from '../../constants/endpoints';
 import { ApiHeaders } from '../../utils/api-headers';
+import { getSDKVersion } from '../../utils/version';
 import { EventDeviceCollector } from '../../managers/events/event-device-collector';
 import { EventUserCollector } from '../../managers/events/event-user-collector';
 import { EventSessionManager } from '../../managers/events/event-session-manager';
@@ -115,6 +116,7 @@ export class EventsModule implements BaseModule {
         eventName,
         userId: EventSessionManager.getUserId(),
         sessionId: EventSessionManager.getSessionId(),
+        sdkVersion: getSDKVersion(),
         device: EventDeviceCollector.getDeviceInfo(),
         user: EventUserCollector.getUserInfo(),
         params: properties || {}

package/src/example/events/README.md

@@ -1,125 +0,0 @@
-# AdStage SDK - 이벤트 추적 예시
-
-EventLogGenerator의 파라미터를 참고하여 만든 간단한 이벤트 추적 예시들입니다.
-
-## 📁 폴더 구조
-
-```
-events/
-├── javascript/     # Vanilla JS 예시
-├── react/         # React 예시  
-└── nextjs/        # Next.js 예시
-```
-
-## 🚀 실행 방법
-
-### JavaScript (Vanilla JS)
-```bash
-# 브라우저에서 직접 열기 (NPM CDN 사용)
-open javascript/index.html
-```
-
-### React
-```bash
-cd react
-npm install  # @adstage/web-sdk@^2.6.1 설치됨
-npm start
-# http://localhost:3000
-```
-
-### Next.js
-```bash
-cd nextjs
-npm install  # @adstage/web-sdk@^2.6.1 설치됨
-npm run dev
-# http://localhost:3000
-```
-
-## 📊 구현된 이벤트 타입
-
-### JavaScript 예시
-- `purchase` - 구매 이벤트
-- `signup_complete` - 회원가입 이벤트
-- `page_view` - 페이지뷰 이벤트
-
-### React 예시  
-- `purchase` - 구매 이벤트
-- `signup_complete` - 회원가입 이벤트
-- `view_item` - 상품조회 이벤트
-
-### Next.js 예시
-- `add_to_cart` - 장바구니 추가 이벤트
-- `first_open` - 앱 설치 이벤트
-- `search` - 검색 이벤트
-
-## 🎯 공통 특징
-
-- **흰 바탕에 간단한 버튼 3개**
-- **각 버튼마다 다른 이벤트 전송**
-- **EventLogGenerator 파라미터 구조 참고**
-- **실시간 결과 표시**
-- **자동 페이지뷰 추적**
-
-## 📋 이벤트 파라미터 예시
-
-모든 예시는 EventLogGenerator에서 사용하는 실제 파라미터 구조를 따릅니다:
-
-```javascript
-// 구매 이벤트
-{
-  transaction_id: "tx_1725123456789",
-  value: 99000,
-  currency: "KRW", 
-  payment_method: "card",
-  items: 2,
-  category: "electronics",
-  brand: "Samsung"
-}
-
-// 회원가입 이벤트
-{
-  user_id: "user_1725123456789",
-  signup_method: "email",
-  email_verified: true,
-  time_to_complete: 120,
-  form_version: "v2",
-  utm_source: "google_ads",
-  utm_medium: "cpc"
-}
-
-// 페이지뷰 이벤트
-{
-  page: "/",
-  title: "Home Page",
-  referrer: "direct",
-  utm_source: "organic"
-}
-```
-
-## 🔧 SDK 설정
-
-모든 예시에서 동일한 SDK 설정을 사용합니다:
-
-```javascript
-AdStage.init({
-  apiKey: '7dfddcfda637fbb73225bac3731688b80b90675942fe9f2057a88e2379aba2a4',
-  debug: true,
-  appVersion: '1.2.3' // 각 플랫폼별로 다른 버전
-});
-```
-
-## 📦 SDK 로드 방법
-
-### JavaScript (CDN)
-```html
-<script src="https://unpkg.com/@adstage/web-sdk@latest/dist/index.standalone.js"></script>
-```
-
-### React/Next.js (NPM)
-```json
-{
-  "dependencies": {
-    "@adstage/web-sdk": "^2.6.1"
-  }
-}
-```

package/src/example/events/javascript/index-esm.html

@@ -1,159 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>AdStage SDK - 이벤트 추적 예시 (ESM)</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            padding: 20px;
-            background-color: white;
-        }
-        
-        button {
-            padding: 12px 24px;
-            margin: 10px;
-            font-size: 16px;
-            border: 1px solid #ccc;
-            border-radius: 4px;
-            background-color: #f8f9fa;
-            cursor: pointer;
-        }
-        
-        button:hover {
-            background-color: #e9ecef;
-        }
-        
-        button:active {
-            background-color: #dee2e6;
-        }
-        
-        .result {
-            margin-top: 20px;
-            padding: 15px;
-            border: 1px solid #ddd;
-            border-radius: 4px;
-            background-color: #f8f9fa;
-            white-space: pre-wrap;
-            font-family: monospace;
-        }
-
-        .note {
-            background: #e3f2fd;
-            padding: 15px;
-            border-left: 4px solid #2196f3;
-            margin: 20px 0;
-        }
-    </style>
-</head>
-<body>
-    <h1>AdStage SDK - 이벤트 추적 예시 (ESM 방식)</h1>
-    
-    <div class="note">
-        <strong>📋 ESM 방식:</strong><br>
-        • ES Module을 지원하는 모던 브라우저에서 사용<br>
-        • 번들러 없이 직접 import 가능<br>
-        • Tree-shaking 최적화 지원
-    </div>
-
-    <div>
-        <button id="purchaseBtn">구매 이벤트 전송</button>
-        <button id="signupBtn">회원가입 이벤트 전송</button>
-        <button id="pageViewBtn">페이지뷰 이벤트 전송</button>
-    </div>
-
-    <div id="result" class="result">이벤트 결과가 여기에 표시됩니다.</div>
-
-    <!-- ESM 방식: ES Module import -->
-    <script type="module">
-        // ESM 방식으로 SDK import
-        import { AdStage, track } from 'https://unpkg.com/@adstage/web-sdk@2.6.2/dist/index.standalone.js';
-
-        // SDK 초기화
-        AdStage.init({
-            apiKey: 'c06e2bc7c7244e111d90e530227274898de66ac9f3b5dbeae10e7615c1c616de',
-            debug: true,
-            baseUrl: 'https://beta-api.adstage.app',
-            appVersion: '1.2.3',
-        });
-
-        // 결과 표시 함수
-        function showResult(message) {
-            document.getElementById('result').textContent = message;
-        }
-
-        // 구매 이벤트
-        async function trackPurchase() {
-            try {
-                showResult('구매 이벤트 전송 중...');
-                
-                await track('purchase', {
-                    currency: 'KRW',
-                    value: 29900,
-                    item_id: 'premium_plan_001',
-                    item_name: '프리미엄 플랜',
-                    item_category: 'subscription',
-                    quantity: 1,
-                    payment_type: 'credit_card',
-                    transaction_id: 'txn_' + Date.now()
-                });
-                
-                showResult('✅ 구매 이벤트가 성공적으로 전송되었습니다!');
-            } catch (error) {
-                showResult('❌ 구매 이벤트 전송 실패: ' + error.message);
-            }
-        }
-
-        // 회원가입 이벤트
-        async function trackSignup() {
-            try {
-                showResult('회원가입 이벤트 전송 중...');
-                
-                await track('sign_up', {
-                    method: 'email',
-                    user_type: 'advertiser',
-                    signup_source: 'landing_page',
-                    utm_source: 'google',
-                    utm_medium: 'cpc',
-                    utm_campaign: 'brand_keywords'
-                });
-                
-                showResult('✅ 회원가입 이벤트가 성공적으로 전송되었습니다!');
-            } catch (error) {
-                showResult('❌ 회원가입 이벤트 전송 실패: ' + error.message);
-            }
-        }
-
-        // 페이지뷰 이벤트
-        async function trackPageView() {
-            try {
-                showResult('페이지뷰 이벤트 전송 중...');
-                
-                await track('page_view', {
-                    page_title: document.title,
-                    page_location: window.location.href,
-                    page_referrer: document.referrer || '직접 접속',
-                    content_group1: 'example',
-                    content_group2: 'events',
-                    session_id: 'sess_' + Date.now()
-                });
-                
-                showResult('✅ 페이지뷰 이벤트가 성공적으로 전송되었습니다!');
-            } catch (error) {
-                showResult('❌ 페이지뷰 이벤트 전송 실패: ' + error.message);
-            }
-        }
-
-        // 이벤트 리스너 등록
-        document.getElementById('purchaseBtn').addEventListener('click', trackPurchase);
-        document.getElementById('signupBtn').addEventListener('click', trackSignup);
-        document.getElementById('pageViewBtn').addEventListener('click', trackPageView);
-
-        // 페이지 로드 시 자동으로 페이지뷰 이벤트 전송
-        window.addEventListener('load', () => {
-            setTimeout(() => {
-                trackPageView();
-            }, 1000);
-        });
-    </script>
-</body>
-</html>

package/src/example/events/javascript/index.html

@@ -1,151 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>AdStage SDK - 이벤트 추적 예시</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            padding: 20px;
-            background-color: white;
-        }
-        
-        button {
-            padding: 12px 24px;
-            margin: 10px;
-            font-size: 16px;
-            border: 1px solid #ccc;
-            border-radius: 4px;
-            background-color: #f8f9fa;
-            cursor: pointer;
-        }
-        
-        button:hover {
-            background-color: #e9ecef;
-        }
-        
-        button:active {
-            background-color: #dee2e6;
-        }
-        
-        .result {
-            margin-top: 20px;
-            padding: 15px;
-            border: 1px solid #ddd;
-            border-radius: 4px;
-            background-color: #f8f9fa;
-            white-space: pre-wrap;
-            font-family: monospace;
-        }
-    </style>
-</head>
-<body>
-    <h1>AdStage SDK - 이벤트 추적 예시</h1>
-    
-    <div>
-        <button onclick="trackPurchase()">구매 이벤트 전송</button>
-        <button onclick="trackSignup()">회원가입 이벤트 전송</button>
-        <button onclick="trackPageView()">페이지뷰 이벤트 전송</button>
-    </div>
-    
-    <div id="result" class="result">이벤트 결과가 여기에 표시됩니다.</div>
-
-    <!-- AdStage SDK - UMD 방식 (브라우저 호환성을 위한 UMD 포맷) -->
-    <script src="https://unpkg.com/@adstage/web-sdk@2.6.2/dist/index.umd.js"></script>
-    <script>
-        // SDK 초기화
-        AdStage.init({
-            apiKey: 'c06e2bc7c7244e111d90e530227274898de66ac9f3b5dbeae10e7615c1c616de',
-            debug: true,
-            baseUrl: 'https://beta-api.adstage.app',
-            appVersion: '1.2.3',
-        });
-
-        // 사용자 ID 설정
-        AdStage.events.setUserId('gunny1234');
-
-        // 사용자 속성 설정
-        AdStage.events.setUserProperties({
-            age: '28',
-            city: 'Seoul', 
-            gender: 'male',
-            country: 'KR',
-            occupation: 'developer',
-            interests: ['technology', 'gaming', 'travel']
-        });
-
-        function showResult(eventName, params, success = true) {
-            const result = document.getElementById('result');
-            const timestamp = new Date().toLocaleString();
-            result.textContent = `[${timestamp}] ${eventName} 이벤트 ${success ? '전송됨' : '실패'}\n\n파라미터:\n${JSON.stringify(params, null, 2)}`;
-        }
-
-        // 구매 이벤트
-        function trackPurchase() {
-            const params = {
-                transaction_id: `tx_${Date.now()}`,
-                value: 99000,
-                currency: 'KRW',
-                payment_method: 'card',
-                items: 2,
-                category: 'electronics',
-                brand: 'Samsung'
-            };
-            
-            try {
-                AdStage.events.track('purchase', params);
-                showResult('purchase', params);
-            } catch (error) {
-                showResult('purchase', params, false);
-                console.error('Purchase event failed:', error);
-            }
-        }
-
-        // 회원가입 이벤트
-        function trackSignup() {
-            const params = {
-                user_id: `user_${Date.now()}`,
-                signup_method: 'email',
-                email_verified: true,
-                time_to_complete: 120,
-                form_version: 'v2',
-                utm_source: 'google_ads',
-                utm_medium: 'cpc'
-            };
-            
-            try {
-                AdStage.events.track('signup_complete', params);
-                showResult('signup_complete', params);
-            } catch (error) {
-                showResult('signup_complete', params, false);
-                console.error('Signup event failed:', error);
-            }
-        }
-
-        // 페이지뷰 이벤트
-        function trackPageView() {
-            const params = {
-                page: window.location.pathname,
-                title: document.title,
-                referrer: document.referrer || 'direct',
-                utm_source: 'organic',
-                user_engagement: Math.floor(Math.random() * 300) + 30
-            };
-            
-            try {
-                AdStage.events.pageView(params);
-                showResult('page_view', params);
-            } catch (error) {
-                showResult('page_view', params, false);
-                console.error('PageView event failed:', error);
-            }
-        }
-
-        // 페이지 로드 시 자동 페이지뷰 추적
-        window.addEventListener('load', () => {
-            setTimeout(() => {
-                trackPageView();
-            }, 1000);
-        });
-    </script>
-</body>
-</html>

package/src/example/events/nextjs/README.md

@@ -1,54 +0,0 @@
-# AdStage SDK - Next.js 이벤트 추적 예시
-
-## 설치 및 실행
-
-```bash
-cd /Users/gunny/Documents/workspace/adstage/sdk/src/example/events/nextjs
-npm install  # @adstage/web-sdk@^2.6.1 설치됨
-npm run dev
-```
-
-서버: http://localhost:3000
-
-## 기능
-
-- 장바구니 추가 이벤트
-- 앱 설치 이벤트  
-- 검색 이벤트
-- 자동 페이지뷰 추적
-
-## 이벤트 파라미터 예시
-
-### 장바구니 추가 (add_to_cart)
-```javascript
-{
-  item_id: "prod_1234",
-  quantity: 2,
-  cart_value: 125000,
-  category: "home",
-  brand: "IKEA",
-  source: "product_page"
-}
-```
-
-### 앱 설치 (first_open)
-```javascript
-{
-  install_source: "google_play",
-  campaign: "summer_2024", 
-  days_since_click: 3,
-  organic: false,
-  referrer: "google_ads"
-}
-```
-
-### 검색 (search)
-```javascript
-{
-  search_term: "iPhone",
-  results_count: 42,
-  category: "electronics",
-  filters_applied: true,
-  sort_by: "price"
-}
-```

package/src/example/events/nextjs/next.config.js

@@ -1,8 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  experimental: {
-    appDir: false
-  }
-}
-
-module.exports = nextConfig

package/src/example/events/nextjs/package.json

@@ -1,16 +0,0 @@
-{
-  "name": "adstage-events-nextjs-example",
-  "version": "1.0.0",
-  "private": true,
-  "scripts": {
-    "dev": "next dev",
-    "build": "next build",
-    "start": "next start"
-  },
-  "dependencies": {
-    "@adstage/web-sdk": "^2.6.1",
-    "next": "14.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  }
-}

package/src/example/events/nextjs/pages/_app.js

@@ -1,15 +0,0 @@
-import { AdStageProvider } from '@adstage/web-sdk';
-
-export default function App({ Component, pageProps }) {
-  return (
-    <AdStageProvider
-      config={{
-        apiKey: '7dfddcfda637fbb73225bac3731688b80b90675942fe9f2057a88e2379aba2a4',
-        debug: true,
-        appVersion: '3.0.1'
-      }}
-    >
-      <Component {...pageProps} />
-    </AdStageProvider>
-  );
-}

package/src/example/events/nextjs/pages/index.js

@@ -1,139 +0,0 @@
-import { useState, useEffect } from 'react';
-import { track, pageView } from '@adstage/web-sdk';
-
-export default function Home() {
-  const [result, setResult] = useState('이벤트 결과가 여기에 표시됩니다.');
-
-  const showResult = (eventName, params, success = true) => {
-    const timestamp = new Date().toLocaleString();
-    setResult(`[${timestamp}] ${eventName} 이벤트 ${success ? '전송됨' : '실패'}\n\n파라미터:\n${JSON.stringify(params, null, 2)}`);
-  };
-
-  // 장바구니 추가 이벤트
-  const handleAddToCart = () => {
-    const params = {
-      item_id: `prod_${Math.floor(Math.random() * 9999) + 1000}`,
-      quantity: Math.floor(Math.random() * 3) + 1,
-      cart_value: Math.floor(Math.random() * 200000) + 50000,
-      category: 'home',
-      brand: 'IKEA',
-      source: 'product_page'
-    };
-
-    try {
-      track('add_to_cart', params);
-      showResult('add_to_cart', params);
-    } catch (error) {
-      showResult('add_to_cart', params, false);
-      console.error('AddToCart event failed:', error);
-    }
-  };
-
-  // 앱 설치 이벤트
-  const handleAppInstall = () => {
-    const params = {
-      install_source: 'google_play',
-      campaign: 'summer_2024',
-      days_since_click: Math.floor(Math.random() * 7),
-      organic: false,
-      referrer: 'google_ads'
-    };
-
-    try {
-      track('first_open', params);
-      showResult('first_open', params);
-    } catch (error) {
-      showResult('first_open', params, false);
-      console.error('FirstOpen event failed:', error);
-    }
-  };
-
-  // 검색 이벤트
-  const handleSearch = () => {
-    const searchTerms = ['iPhone', 'Samsung Galaxy', 'MacBook', 'AirPods', 'iPad'];
-    const params = {
-      search_term: searchTerms[Math.floor(Math.random() * searchTerms.length)],
-      results_count: Math.floor(Math.random() * 50) + 10,
-      category: 'electronics',
-      filters_applied: Math.random() > 0.5,
-      sort_by: ['price', 'popularity', 'rating', 'newest'][Math.floor(Math.random() * 4)]
-    };
-
-    try {
-      track('search', params);
-      showResult('search', params);
-    } catch (error) {
-      showResult('search', params, false);
-      console.error('Search event failed:', error);
-    }
-  };
-
-  // 페이지 로드 시 자동 페이지뷰
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      const params = {
-        page: '/',
-        title: 'AdStage Next.js Example',
-        referrer: typeof window !== 'undefined' ? document.referrer || 'direct' : 'ssr',
-        utm_source: 'direct'
-      };
-      pageView(params);
-      showResult('page_view', params);
-    }, 1000);
-
-    return () => clearTimeout(timer);
-  }, []);
-
-  return (
-    <div style={{ padding: '20px', fontFamily: 'Arial, sans-serif' }}>
-      <h1>AdStage SDK - Next.js 이벤트 추적 예시</h1>
-      
-      <div>
-        <button 
-          onClick={handleAddToCart}
-          style={buttonStyle}
-        >
-          장바구니 추가 이벤트
-        </button>
-        
-        <button 
-          onClick={handleAppInstall}
-          style={buttonStyle}
-        >
-          앱 설치 이벤트
-        </button>
-        
-        <button 
-          onClick={handleSearch}
-          style={buttonStyle}
-        >
-          검색 이벤트
-        </button>
-      </div>
-      
-      <div style={resultStyle}>
-        {result}
-      </div>
-    </div>
-  );
-}
-
-const buttonStyle = {
-  padding: '12px 24px',
-  margin: '10px',
-  fontSize: '16px',
-  border: '1px solid #ccc',
-  borderRadius: '4px',
-  backgroundColor: '#f8f9fa',
-  cursor: 'pointer'
-};
-
-const resultStyle = {
-  marginTop: '20px',
-  padding: '15px',
-  border: '1px solid #ddd',
-  borderRadius: '4px',
-  backgroundColor: '#f8f9fa',
-  whiteSpace: 'pre-wrap',
-  fontFamily: 'monospace'
-};

package/src/example/events/react/README.md

@@ -1,57 +0,0 @@
-# AdStage SDK - React 이벤트 추적 예시
-
-## 설치 및 실행
-
-```bash
-cd /Users/gunny/Documents/workspace/adstage/sdk/src/example/events/react
-npm install  # @adstage/web-sdk@^2.6.1 설치됨
-npm start
-```
-
-## 기능
-
-- 구매 이벤트 전송
-- 회원가입 이벤트 전송  
-- 상품조회 이벤트 전송
-- 자동 페이지뷰 추적
-
-## 이벤트 파라미터 예시
-
-### 구매 이벤트 (purchase)
-```javascript
-{
-  transaction_id: "tx_1725123456789",
-  value: 158000,
-  currency: "KRW",
-  payment_method: "card",
-  items: 3,
-  category: "fashion",
-  brand: "Nike"
-}
-```
-
-### 회원가입 이벤트 (signup_complete)
-```javascript
-{
-  user_id: "user_1725123456789",
-  signup_method: "google",
-  email_verified: false,
-  time_to_complete: 85,
-  form_version: "v3",
-  utm_source: "facebook_ads",
-  utm_medium: "social"
-}
-```
-
-### 상품조회 이벤트 (view_item)
-```javascript
-{
-  item_id: "prod_1234",
-  category: "electronics", 
-  brand: "Apple",
-  price: 1290000,
-  currency: "KRW",
-  referrer: "search",
-  search_term: "iPhone 15 Pro"
-}
-```

package/src/example/events/react/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "adstage-events-react-example",
-  "version": "1.0.0",
-  "private": true,
-  "dependencies": {
-    "@adstage/web-sdk": "^2.6.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-scripts": "5.0.1"
-  },
-  "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build"
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  }
-}

package/src/example/events/react/public/index.html

@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>AdStage Events React Example</title>
-  </head>
-  <body>
-    <div id="root"></div>
-  </body>
-</html>

package/src/example/events/react/src/App.js

@@ -1,162 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { AdStageProvider, useAdStageInstance, track, pageView } from '@adstage/web-sdk';
-
-// 이벤트 컴포넌트
-function EventButtons() {
-  const adstage = useAdStageInstance();
-  const [result, setResult] = useState('이벤트 결과가 여기에 표시됩니다.');
-
-  const showResult = (eventName, params, success = true) => {
-    const timestamp = new Date().toLocaleString();
-    setResult(`[${timestamp}] ${eventName} 이벤트 ${success ? '전송됨' : '실패'}\n\n파라미터:\n${JSON.stringify(params, null, 2)}`);
-  };
-
-  // 구매 이벤트
-  const handlePurchase = () => {
-    const params = {
-      transaction_id: `tx_${Date.now()}`,
-      value: 158000,
-      currency: 'KRW',
-      payment_method: 'card',
-      items: 3,
-      category: 'fashion',
-      brand: 'Nike'
-    };
-
-    try {
-      track('purchase', params);
-      showResult('purchase', params);
-    } catch (error) {
-      showResult('purchase', params, false);
-      console.error('Purchase event failed:', error);
-    }
-  };
-
-  // 회원가입 이벤트
-  const handleSignup = () => {
-    const params = {
-      user_id: `user_${Date.now()}`,
-      signup_method: 'google',
-      email_verified: false,
-      time_to_complete: 85,
-      form_version: 'v3',
-      utm_source: 'facebook_ads',
-      utm_medium: 'social'
-    };
-
-    try {
-      track('signup_complete', params);
-      showResult('signup_complete', params);
-    } catch (error) {
-      showResult('signup_complete', params, false);
-      console.error('Signup event failed:', error);
-    }
-  };
-
-  // 아이템 조회 이벤트
-  const handleViewItem = () => {
-    const params = {
-      item_id: `prod_${Math.floor(Math.random() * 9999) + 1000}`,
-      category: 'electronics',
-      brand: 'Apple',
-      price: 1290000,
-      currency: 'KRW',
-      referrer: 'search',
-      search_term: 'iPhone 15 Pro'
-    };
-
-    try {
-      track('view_item', params);
-      showResult('view_item', params);
-    } catch (error) {
-      showResult('view_item', params, false);
-      console.error('ViewItem event failed:', error);
-    }
-  };
-
-  // 페이지 로드 시 자동 페이지뷰
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      const params = {
-        page: '/',
-        title: 'AdStage React Example',
-        referrer: 'direct',
-        utm_source: 'direct'
-      };
-      pageView(params);
-      showResult('page_view', params);
-    }, 1000);
-
-    return () => clearTimeout(timer);
-  }, []);
-
-  return (
-    <div style={{ padding: '20px', fontFamily: 'Arial, sans-serif' }}>
-      <h1>AdStage SDK - React 이벤트 추적 예시</h1>
-      
-      <div>
-        <button 
-          onClick={handlePurchase}
-          style={buttonStyle}
-        >
-          구매 이벤트 전송
-        </button>
-        
-        <button 
-          onClick={handleSignup}
-          style={buttonStyle}
-        >
-          회원가입 이벤트 전송
-        </button>
-        
-        <button 
-          onClick={handleViewItem}
-          style={buttonStyle}
-        >
-          상품조회 이벤트 전송
-        </button>
-      </div>
-      
-      <div style={resultStyle}>
-        {result}
-      </div>
-    </div>
-  );
-}
-
-const buttonStyle = {
-  padding: '12px 24px',
-  margin: '10px',
-  fontSize: '16px',
-  border: '1px solid #ccc',
-  borderRadius: '4px',
-  backgroundColor: '#f8f9fa',
-  cursor: 'pointer'
-};
-
-const resultStyle = {
-  marginTop: '20px',
-  padding: '15px',
-  border: '1px solid #ddd',
-  borderRadius: '4px',
-  backgroundColor: '#f8f9fa',
-  whiteSpace: 'pre-wrap',
-  fontFamily: 'monospace'
-};
-
-// 메인 앱 컴포넌트
-function App() {
-  return (
-    <AdStageProvider
-      config={{
-        apiKey: '7dfddcfda637fbb73225bac3731688b80b90675942fe9f2057a88e2379aba2a4',
-        debug: true,
-        appVersion: '2.1.0'
-      }}
-    >
-      <EventButtons />
-    </AdStageProvider>
-  );
-}
-
-export default App;

package/src/example/events/react/src/index.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import App from './App';
-
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(<App />);