@adstage/web-sdk 2.3.6 → 2.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adstage/web-sdk",
-  "version": "2.3.6",
+  "version": "2.4.0",
   "description": "AdStage Web SDK - Production-ready marketing platform SDK with React Provider support for seamless integration",
   "type": "module",
   "main": "dist/index.cjs.js",

package/src/core/AdStage.ts

@@ -7,7 +7,6 @@ import { AdStageConfig, ModuleName } from '../types/config';
 import { AdsModule } from '../modules/ads/AdsModule';
 import { ConfigModule } from '../modules/config/ConfigModule';
 import { EventsModule } from '../modules/events/EventsModule';
-import { endpoints } from '../constants/endpoints';
 
 export class AdStage {
   private static instance: AdStage;
@@ -53,14 +52,6 @@ export class AdStage {
       ...config
     };
 
-    // baseUrl이 설정되었으면 endpoints에 적용
-    if (config.baseUrl) {
-      endpoints.setBaseUrl(config.baseUrl);
-      if (config.debug) {
-        console.log('🔄 API base URL set to:', config.baseUrl);
-      }
-    }
-
     // 모듈 동기 초기화
     const enabledModules = instance._config.modules || ['ads', 'events', 'config'];
     

package/src/index.ts

@@ -6,9 +6,6 @@
 // 메인 네임스페이스 클래스
 export { default as AdStage } from './core/AdStage';
 
-// React 통합 (선택적)
-export { AdStageProvider, useAdStage, useAdStageSDK } from './react';
-
 // 설정 및 타입
 export type { AdStageConfig, ModuleName, BaseModule, ApiResponse, OrganizationInfo } from './types/config';
 

package/src/managers/ads/advertisement-event-tracker.ts

@@ -40,7 +40,12 @@ export class AdvertisementEventTracker {
     }
   ): Promise<void> {
     try {
-      // 중복 확인은 AdsModule에서 이미 수행됨 - 여기서는 제거
+      // VIEWABLE 이벤트의 경우 중복 확인
+      if (eventType === AdEventType.VIEWABLE) {
+        if (ViewableEventTracker.isDuplicateViewable(adId, slotId, this.debug)) {
+          return; // 중복 viewable 이벤트이므로 추적하지 않음
+        }
+      }
       
       // 현재 슬롯 정보 가져오기
       const slot = this.slots.get(slotId);
@@ -60,20 +65,8 @@ export class AdvertisementEventTracker {
         adType: slot?.adType || 'BANNER',
         platform: deviceInfo.platform,
         
-        // 디바이스 정보 - 스키마에 맞게 최상위 레벨로 추출
-        deviceId: deviceInfo.deviceId,
-        osVersion: deviceInfo.osVersion,
-        deviceModel: deviceInfo.deviceModel,
-        appVersion: deviceInfo.appVersion,
-        sdkVersion: deviceInfo.sdkVersion,
-        language: deviceInfo.language,
-        country: deviceInfo.country,
-        timezone: deviceInfo.timezone,
-        viewportWidth: deviceInfo.viewportWidth,
-        viewportHeight: deviceInfo.viewportHeight,
-        screenWidth: deviceInfo.screenWidth,
-        screenHeight: deviceInfo.screenHeight,
-        connectionType: deviceInfo.connectionType,
+        // 디바이스 정보는 deviceInfo 객체로 래핑
+        deviceInfo: deviceInfo,
         
         // 페이지 및 슬롯 정보
         pageUrl: DOMUtils.getPageInfo().url,

package/src/managers/ads/carousel-slider-manager.ts

@@ -39,11 +39,10 @@ export class CarouselSliderManager {
         width = `${slot.width}px`;
       }
       containerStyles.width = width;
-      containerStyles.display = 'block'; // ✅ 하단 공백 제거를 위해 block 사용
+      containerStyles.display = 'inline-block'; // 지정된 크기에 맞춤 (좌측 정렬)
     } else {
-      // 컨텐츠 크기에 맞춤 - fit-content로 컨텐츠에 맞는 크기 설정
-      containerStyles.display = 'block';
-      containerStyles.width = 'fit-content'; // 컨텐츠 크기에 맞춤
+      // 컨텐츠 크기에 맞춤
+      containerStyles.display = 'inline-block';
     }
     
     if (slot.height && slot.height !== 0) {
@@ -184,7 +183,7 @@ export class CarouselSliderManager {
     const totalSlides = advertisements.length;
     const autoSlideInterval = (options?.autoSlideInterval || 3) * 1000; // 기본 3초
 
-    // 슬라이드 이동 함수 (무한 루프 지원 + 동적 높이 조정)
+    // 슬라이드 이동 함수 (무한 루프 지원)
     const moveToSlide = (index: number, instant = false) => {
       currentSlide = index;
       
@@ -198,36 +197,6 @@ export class CarouselSliderManager {
       // 항상 퍼센트 기반으로 이동
       slideContainer.style.transform = `translateX(-${(100 / extendedAds.length) * currentSlide}%)`;
       
-      // 🆕 동적 높이 조정: 현재 슬라이드의 이미지 높이에 맞춰 컨테이너 높이 조정
-      if (!instant && !slot.height && !slot.width) { // 사용자가 크기를 지정하지 않은 경우에만
-        const actualIndex = currentSlide === totalSlides ? 0 : currentSlide;
-        const currentSlideElement = slideContainer.children[currentSlide] as HTMLElement;
-        
-        if (currentSlideElement) {
-          const currentAdElement = currentSlideElement.children[0] as HTMLElement;
-          if (currentAdElement) {
-            // 이미지 요소 찾기
-            const imgElement = currentAdElement.querySelector('img');
-            if (imgElement) {
-              // 이미지 로드 완료 후 높이 조정
-              const adjustHeight = () => {
-                const imgHeight = imgElement.getBoundingClientRect().height;
-                if (imgHeight > 0) {
-                  sliderWrapper.style.height = `${imgHeight}px`;
-                  sliderWrapper.style.transition = instant ? 'none' : 'height 0.4s ease-out';
-                }
-              };
-              
-              if (imgElement.complete && imgElement.naturalHeight > 0) {
-                adjustHeight();
-              } else {
-                imgElement.addEventListener('load', adjustHeight, { once: true });
-              }
-            }
-          }
-        }
-      }
-      
       // 도트 업데이트 (무채색 스타일) - 실제 광고 인덱스 기준, 텍스트 광고가 아닐 때만
       const actualIndex = currentSlide === totalSlides ? 0 : currentSlide;
       if (dotContainer) {

package/src/managers/ads/text-transition-manager.ts

@@ -25,8 +25,7 @@ export class TextTransitionManager {
     const containerStyles: Record<string, string> = {
       position: 'relative',
       overflow: 'hidden',
-      display: 'block', // ✅ 하단 공백 제거를 위해 block 사용
-      width: 'fit-content', // 컨텐츠 크기에 맞춤
+      display: 'inline-block',
     };
     
     // 사용자가 크기를 지정한 경우

package/src/managers/ads/viewable-event-tracker.ts

@@ -7,7 +7,7 @@
  */
 export class ViewableEventTracker {
   private static viewableTracker = new Map<string, number>();
-  private static readonly VIEWABLE_COOLDOWN = 30000; // 30초 쿨다운 (테스트용으로 단축)
+  private static readonly VIEWABLE_COOLDOWN = 300000; // 5분 쿨다운
 
   /**
    * 중복 viewable 이벤트 여부 확인
@@ -44,10 +44,6 @@ export class ViewableEventTracker {
     ViewableEventTracker.viewableTracker.set(key, now);
     sessionStorage.setItem(sessionKey, now.toString());
     
-    if (debug) {
-      console.log(`🎯 New viewable event allowed for ad ${adId} in slot ${slotId}`);
-    }
-    
     // 오래된 세션 스토리지 데이터 정리 (선택적)
     ViewableEventTracker.cleanupOldViewables();