@adstage/web-sdk 1.3.4 → 1.4.0

package/examples/react-app/public/index.standalone.js

@@ -1,2331 +0,0 @@
-// 광고 타입 정의
-var AdType;
-(function (AdType) {
-    AdType["BANNER"] = "BANNER";
-    AdType["POPUP"] = "POPUP";
-    AdType["INTERSTITIAL"] = "INTERSTITIAL";
-    AdType["NATIVE"] = "NATIVE";
-    AdType["VIDEO"] = "VIDEO";
-    AdType["TEXT"] = "TEXT";
-})(AdType || (AdType = {}));
-// 플랫폼 정의
-var Platform;
-(function (Platform) {
-    Platform["WEB"] = "WEB";
-    Platform["MOBILE"] = "MOBILE";
-})(Platform || (Platform = {}));
-// 광고 이벤트 타입
-var AdEventType;
-(function (AdEventType) {
-    AdEventType["IMPRESSION"] = "IMPRESSION";
-    AdEventType["CLICK"] = "CLICK";
-    AdEventType["HOVER"] = "HOVER";
-    AdEventType["VIEWABLE"] = "VIEWABLE";
-    AdEventType["VIEWABLE_IMPRESSION"] = "VIEWABLE_IMPRESSION";
-    AdEventType["COMPLETED"] = "COMPLETED";
-    AdEventType["VIDEO_START"] = "VIDEO_START";
-    AdEventType["VIDEO_COMPLETE"] = "VIDEO_COMPLETE";
-    AdEventType["ERROR"] = "ERROR";
-})(AdEventType || (AdEventType = {}));
-// 디바이스 타입
-var DeviceType;
-(function (DeviceType) {
-    DeviceType["DESKTOP"] = "DESKTOP";
-    DeviceType["MOBILE"] = "MOBILE";
-    DeviceType["TABLET"] = "TABLET";
-})(DeviceType || (DeviceType = {}));
-
-/**
- * SSR 안전한 DOM API 래퍼 클래스
- * 서버사이드 렌더링 환경에서 DOM API 접근 시 오류를 방지합니다.
- */
-class DOMUtils {
-    /**
-     * 브라우저 환경 여부 체크
-     */
-    static isBrowser() {
-        return typeof window !== 'undefined' && typeof document !== 'undefined';
-    }
-    /**
-     * SSR 환경 여부 체크
-     */
-    static isSSR() {
-        return !this.isBrowser();
-    }
-    /**
-     * DOM 사용 가능 여부 체크
-     */
-    static canUseDOM() {
-        return this.isBrowser() && document.readyState !== undefined;
-    }
-    /**
-     * 안전한 getElementById
-     */
-    static safeGetElementById(id) {
-        if (!this.canUseDOM())
-            return null;
-        return document.getElementById(id);
-    }
-    /**
-     * 안전한 querySelector
-     */
-    static safeQuerySelector(selector) {
-        if (!this.canUseDOM())
-            return null;
-        return document.querySelector(selector);
-    }
-    /**
-     * 안전한 querySelectorAll
-     */
-    static safeQuerySelectorAll(selector) {
-        if (!this.canUseDOM())
-            return [];
-        return Array.from(document.querySelectorAll(selector));
-    }
-    /**
-     * 안전한 createElement
-     */
-    static safeCreateElement(tagName) {
-        if (!this.canUseDOM())
-            return null;
-        return document.createElement(tagName);
-    }
-    /**
-     * 안전한 addEventListener
-     */
-    static safeAddEventListener(element, event, handler, options) {
-        if (!this.canUseDOM() || !element)
-            return;
-        element.addEventListener(event, handler, options);
-    }
-    /**
-     * 안전한 removeEventListener
-     */
-    static safeRemoveEventListener(element, event, handler, options) {
-        if (!this.canUseDOM() || !element)
-            return;
-        element.removeEventListener(event, handler, options);
-    }
-    /**
-     * 안전한 window 속성 접근
-     */
-    static getWindowProperty(property, defaultValue) {
-        if (!this.isBrowser())
-            return defaultValue;
-        return window[property] ?? defaultValue;
-    }
-    /**
-     * 안전한 document 속성 접근
-     */
-    static getDocumentProperty(property, defaultValue) {
-        if (!this.canUseDOM())
-            return defaultValue;
-        return document[property] ?? defaultValue;
-    }
-    /**
-     * 안전한 window.open
-     */
-    static safeWindowOpen(url, target, features) {
-        if (!this.isBrowser())
-            return null;
-        return window.open(url, target, features);
-    }
-    /**
-     * 안전한 getComputedStyle
-     */
-    static safeGetComputedStyle(element) {
-        if (!this.isBrowser() || !element)
-            return null;
-        return window.getComputedStyle(element);
-    }
-    /**
-     * DOM Ready 상태 체크
-     */
-    static isDOMReady() {
-        if (!this.canUseDOM())
-            return false;
-        return document.readyState !== 'loading';
-    }
-    /**
-     * DOM Ready 대기 (SSR 안전)
-     */
-    static waitForDOM() {
-        return new Promise((resolve) => {
-            if (!this.canUseDOM()) {
-                resolve(); // SSR 환경에서는 즉시 resolve
-                return;
-            }
-            if (this.isDOMReady()) {
-                resolve();
-            }
-            else {
-                this.safeAddEventListener(document, 'DOMContentLoaded', () => resolve());
-            }
-        });
-    }
-    /**
-     * 안전한 스타일 적용
-     */
-    static safeApplyStyles(element, styles) {
-        if (!this.canUseDOM() || !element)
-            return;
-        Object.entries(styles).forEach(([property, value]) => {
-            element.style.setProperty(property, value);
-        });
-    }
-    /**
-     * 안전한 클래스 추가
-     */
-    static safeAddClass(element, className) {
-        if (!this.canUseDOM() || !element)
-            return;
-        element.classList.add(className);
-    }
-    /**
-     * 안전한 클래스 제거
-     */
-    static safeRemoveClass(element, className) {
-        if (!this.canUseDOM() || !element)
-            return;
-        element.classList.remove(className);
-    }
-    /**
-     * 안전한 텍스트 콘텐츠 설정
-     */
-    static safeSetTextContent(element, text) {
-        if (!this.canUseDOM() || !element)
-            return;
-        element.textContent = text;
-    }
-    /**
-     * 안전한 HTML 콘텐츠 설정
-     */
-    static safeSetInnerHTML(element, html) {
-        if (!this.canUseDOM() || !element)
-            return;
-        element.innerHTML = html;
-    }
-    /**
-     * 안전한 자식 요소 추가
-     */
-    static safeAppendChild(parent, child) {
-        if (!this.canUseDOM() || !parent || !child)
-            return;
-        parent.appendChild(child);
-    }
-    /**
-     * 안전한 자식 요소 제거
-     */
-    static safeRemoveChild(parent, child) {
-        if (!this.canUseDOM() || !parent || !child)
-            return;
-        parent.removeChild(child);
-    }
-    /**
-     * 현재 페이지 정보 가져오기 (SSR 안전)
-     */
-    static getPageInfo() {
-        return {
-            url: this.getWindowProperty('location', { href: '' }).href,
-            title: this.getDocumentProperty('title', ''),
-            referrer: this.getDocumentProperty('referrer', ''),
-        };
-    }
-    /**
-     * 뷰포트 정보 가져오기 (SSR 안전)
-     */
-    static getViewportInfo() {
-        return {
-            width: this.getWindowProperty('innerWidth', 0),
-            height: this.getWindowProperty('innerHeight', 0),
-            pixelRatio: this.getWindowProperty('devicePixelRatio', 1),
-        };
-    }
-    /**
-     * 스크롤 정보 가져오기 (SSR 안전)
-     */
-    static getScrollInfo() {
-        const scrollTop = this.canUseDOM()
-            ? (window.pageYOffset || document.documentElement.scrollTop)
-            : 0;
-        return {
-            scrollTop,
-            scrollLeft: this.getWindowProperty('pageXOffset', 0),
-        };
-    }
-}
-
-/**
- * 기본 광고 렌더러 추상 클래스
- */
-class BaseAdRenderer {
-    constructor(trackEvent) {
-        this.trackEvent = trackEvent;
-    }
-    /**
-     * 공통 클릭 이벤트 핸들러 (SSR 안전)
-     */
-    addClickHandler(element, ad, slot) {
-        DOMUtils.safeAddEventListener(element, 'click', () => {
-            this.trackEvent?.(ad._id, slot.id, 'CLICK');
-            if (ad.linkUrl) {
-                DOMUtils.safeWindowOpen(ad.linkUrl, '_blank');
-            }
-        });
-    }
-    /**
-     * 공통 스타일 적용 유틸리티 (SSR 안전)
-     */
-    applyStyles(element, styles) {
-        DOMUtils.safeApplyStyles(element, styles);
-    }
-    /**
-     * 크기 값 파싱 유틸리티 (px, %, number 지원)
-     */
-    parseSizeValue(value) {
-        if (!value)
-            return undefined;
-        if (typeof value === 'number') {
-            return value > 0 ? `${value}px` : undefined;
-        }
-        if (typeof value === 'string') {
-            const trimmed = value.trim();
-            if (!trimmed)
-                return undefined;
-            // 퍼센트 값 처리
-            if (trimmed.endsWith('%')) {
-                const percent = parseFloat(trimmed);
-                return !isNaN(percent) && percent > 0 ? trimmed : undefined;
-            }
-            // px 값 처리 (px 단위 포함/미포함 모두 지원)
-            const numValue = trimmed.endsWith('px')
-                ? parseFloat(trimmed.slice(0, -2))
-                : parseFloat(trimmed);
-            return !isNaN(numValue) && numValue > 0 ? `${numValue}px` : undefined;
-        }
-        return undefined;
-    }
-    /**
-     * 기본 컨테이너 스타일 (사용자 지정 크기만 적용)
-     */
-    getBaseContainerStyles(slot) {
-        const styles = {
-            cursor: 'pointer',
-            position: 'relative',
-            overflow: 'hidden',
-        };
-        // 사용자가 지정한 크기가 있을 때만 적용
-        const parsedWidth = this.parseSizeValue(slot.width);
-        const parsedHeight = this.parseSizeValue(slot.height);
-        if (parsedWidth) {
-            styles.width = parsedWidth;
-        }
-        if (parsedHeight) {
-            styles.height = parsedHeight;
-        }
-        return styles;
-    }
-    /**
-     * 이미지 스타일 (고유 사이즈 유지, 사용자 지정 크기 우선)
-     */
-    getImageStyles(slot) {
-        const styles = {
-            display: 'block',
-            'max-width': '100%',
-            height: 'auto',
-        };
-        // 사용자가 컨테이너 크기를 지정한 경우에만 크기 제한
-        const parsedWidth = this.parseSizeValue(slot?.width);
-        const parsedHeight = this.parseSizeValue(slot?.height);
-        if (parsedWidth && parsedHeight) {
-            styles.width = '100%';
-            styles.height = '100%';
-            styles['object-fit'] = 'cover';
-        }
-        return styles;
-    }
-    /**
-     * 기본 폰트 스타일
-     */
-    getBaseFontStyles() {
-        return {
-            'font-family': 'Arial, sans-serif',
-            'line-height': '1.4',
-            'word-break': 'keep-all',
-        };
-    }
-    /**
-     * 이미지 요소 생성 (SSR 안전)
-     */
-    createImageElement(imageUrl, alt = '', slot) {
-        const img = DOMUtils.safeCreateElement('img');
-        if (!img)
-            return null;
-        img.src = imageUrl;
-        img.alt = alt;
-        this.applyStyles(img, this.getImageStyles(slot));
-        return img;
-    }
-    /**
-     * 텍스트 요소 생성 (SSR 안전)
-     */
-    createTextElement(text, tag = 'div', additionalStyles = {}) {
-        const element = DOMUtils.safeCreateElement(tag);
-        if (!element)
-            return null;
-        DOMUtils.safeSetTextContent(element, text);
-        this.applyStyles(element, {
-            ...this.getBaseFontStyles(),
-            ...additionalStyles,
-        });
-        return element;
-    }
-    /**
-     * 플레이스홀더 요소 생성
-     */
-    createPlaceholder(slot, text = '광고') {
-        let placeholder = DOMUtils.safeCreateElement('div');
-        // SSR 환경에서 DOM을 사용할 수 없는 경우, 런타임에 생성되도록 함
-        if (!placeholder) {
-            // SSR에서는 빈 div를 반환하되, 브라우저에서는 제대로 작동하도록 함
-            if (typeof document !== 'undefined') {
-                placeholder = document.createElement('div');
-            }
-            else {
-                // SSR 환경에서는 더미 객체 반환 (타입 단언 사용)
-                placeholder = {};
-            }
-        }
-        // DOM이 사용 가능한 경우에만 스타일 적용
-        if (DOMUtils.canUseDOM() && placeholder) {
-            this.applyStyles(placeholder, {
-                ...this.getBaseContainerStyles(slot),
-                background: '#f8f9fa',
-                display: 'flex',
-                'align-items': 'center',
-                'justify-content': 'center',
-                color: '#6c757d',
-                ...this.getBaseFontStyles(),
-                // 플레이스홀더는 최소 크기 보장
-                'min-width': '100px',
-                'min-height': '100px',
-            });
-            DOMUtils.safeSetTextContent(placeholder, text);
-        }
-        return placeholder;
-    }
-}
-
-/**
- * 배너 광고 렌더러 - 이미지만 표시
- */
-class BannerAdRenderer extends BaseAdRenderer {
-    render(ad, slot) {
-        const adElement = DOMUtils.safeCreateElement('div');
-        if (!adElement) {
-            // SSR 환경에서는 기본 div 반환
-            return document.createElement('div');
-        }
-        // 기본 컨테이너 스타일 적용 (불필요한 스타일 제거)
-        this.applyStyles(adElement, this.getBaseContainerStyles(slot));
-        // 배너 광고는 이미지만 표시
-        if (!ad.imageUrl) {
-            // 이미지가 없는 경우 플레이스홀더 반환
-            const placeholder = this.createPlaceholder(slot, '배너 광고');
-            return placeholder || adElement;
-        }
-        const img = this.createImageElement(ad.imageUrl, '', slot);
-        if (img) {
-            DOMUtils.safeAppendChild(adElement, img);
-            // 클릭 이벤트 추가
-            this.addClickHandler(adElement, ad, slot);
-        }
-        return adElement;
-    }
-}
-
-/**
- * 텍스트 광고 렌더러 - textContent만 표시
- */
-class TextAdRenderer extends BaseAdRenderer {
-    render(ad, slot) {
-        let adElement = DOMUtils.safeCreateElement('div');
-        if (!adElement) {
-            return this.createPlaceholder(slot, '텍스트 광고');
-        }
-        // 기본 컨테이너 스타일
-        const containerStyles = {
-            ...this.getBaseContainerStyles(slot),
-            padding: '20px',
-            background: 'transparent',
-            display: 'flex',
-            'align-items': 'center',
-            'justify-content': 'center',
-            // text-align은 사용자가 설정할 수 있도록 기본값에서 제외
-            ...this.getBaseFontStyles(),
-        };
-        // 사용자가 크기를 지정하지 않은 경우 컨텐츠에 맞춤
-        if (!slot.width || slot.width === 0) {
-            containerStyles.display = 'inline-flex';
-            containerStyles['white-space'] = 'nowrap';
-            containerStyles['justify-content'] = 'flex-start'; // 좌측 정렬로 변경
-        }
-        // height만 자동인 경우 줄바꿈 허용
-        if ((slot.width && slot.width !== 0) && (!slot.height || slot.height === 0)) {
-            containerStyles['white-space'] = 'normal';
-            containerStyles['min-height'] = 'auto';
-            containerStyles['justify-content'] = 'flex-start'; // 좌측 정렬로 변경
-        }
-        this.applyStyles(adElement, containerStyles);
-        // 텍스트 광고는 textContent만 표시
-        if (!ad.textContent) {
-            // 텍스트가 없는 경우 플레이스홀더 반환
-            return this.createPlaceholder(slot, '텍스트 광고');
-        }
-        // 텍스트 콘텐츠 생성
-        const textContent = this.createTextElement(ad.textContent, 'div', {
-            'font-size': '16px',
-            'font-weight': '500',
-            color: '#212529',
-            width: '100%', // 전체 너비 사용하여 텍스트 정렬이 적용되도록 함
-        });
-        if (textContent) {
-            adElement.appendChild(textContent);
-        }
-        // 사용자가 text-align을 지정했는지 확인하고 레이아웃 조정
-        setTimeout(() => {
-            if (!adElement || typeof window === 'undefined')
-                return;
-            const computedStyle = window.getComputedStyle(adElement);
-            const textAlign = computedStyle.textAlign;
-            // 사용자가 text-align을 설정했고, width가 없는 경우
-            if (textAlign && textAlign !== 'start' && textAlign !== 'left' && (!slot.width || slot.width === 0)) {
-                // 블록 레벨로 변경하여 text-align이 제대로 작동하도록 함
-                adElement.style.display = 'block';
-                adElement.style.whiteSpace = 'normal';
-                // 최소 너비 설정 (텍스트가 한 줄일 때를 위해)
-                if (textContent) {
-                    const textRect = textContent.getBoundingClientRect();
-                    if (textRect.width > 0) {
-                        adElement.style.minWidth = `${textRect.width}px`;
-                    }
-                }
-            }
-        }, 0);
-        // 클릭 이벤트 추가
-        this.addClickHandler(adElement, ad, slot);
-        return adElement;
-    }
-}
-
-/**
- * 네이티브 광고 렌더러 - 이미지 + textContent 표시
- */
-class NativeAdRenderer extends BaseAdRenderer {
-    render(ad, slot) {
-        const adElement = DOMUtils.safeCreateElement('div');
-        if (!adElement) {
-            return document.createElement('div');
-        }
-        // 컨테이너 스타일 적용 (불필요한 스타일 제거)
-        this.applyStyles(adElement, this.getBaseContainerStyles(slot));
-        // 네이티브 광고는 이미지만 표시
-        if (!ad.imageUrl) {
-            // 이미지가 없는 경우 플레이스홀더 반환
-            const placeholder = this.createPlaceholder(slot, '네이티브 광고');
-            return placeholder || adElement;
-        }
-        // 이미지 생성 (고유 사이즈 또는 사용자 지정 크기)
-        const img = this.createImageElement(ad.imageUrl, '', slot);
-        if (img) {
-            DOMUtils.safeAppendChild(adElement, img);
-            // 클릭 이벤트 추가
-            this.addClickHandler(adElement, ad, slot);
-        }
-        return adElement;
-    }
-}
-
-/**
- * 비디오 광고 렌더러 - 비디오 또는 이미지 표시
- */
-class VideoAdRenderer extends BaseAdRenderer {
-    render(ad, slot) {
-        let adElement = DOMUtils.safeCreateElement('div');
-        if (!adElement) {
-            return this.createPlaceholder(slot, '비디오 광고');
-        }
-        // 컨테이너 스타일 적용 (불필요한 스타일 제거)
-        this.applyStyles(adElement, {
-            ...this.getBaseContainerStyles(slot),
-            background: '#000',
-        });
-        // 비디오 광고는 비디오만 표시
-        if (!ad.videoUrl) {
-            // 비디오가 없는 경우 플레이스홀더 반환
-            return this.createPlaceholder(slot, '비디오 광고');
-        }
-        const video = this.createVideoElement(ad.videoUrl, ad, slot);
-        if (video) {
-            adElement.appendChild(video);
-        }
-        // 클릭 이벤트 추가
-        this.addClickHandler(adElement, ad, slot);
-        return adElement;
-    }
-    /**
-     * 비디오 요소 생성
-     */
-    createVideoElement(videoUrl, ad, slot) {
-        const video = DOMUtils.safeCreateElement('video');
-        if (!video)
-            return null;
-        video.src = videoUrl;
-        video.controls = true;
-        // 비디오도 이미지와 같은 스타일 적용
-        this.applyStyles(video, this.getImageStyles(slot));
-        // 비디오 이벤트 추적
-        video.addEventListener('play', () => {
-            this.trackEvent?.(ad._id, slot.id, 'VIDEO_START');
-        });
-        video.addEventListener('ended', () => {
-            this.trackEvent?.(ad._id, slot.id, 'VIDEO_COMPLETE');
-        });
-        return video;
-    }
-}
-
-/**
- * 전면/팝업 광고 렌더러 - 핵심 콘텐츠만 표시
- */
-class InterstitialAdRenderer extends BaseAdRenderer {
-    render(ad, slot) {
-        let adElement = DOMUtils.safeCreateElement('div');
-        if (!adElement) {
-            return this.createPlaceholder(slot, '전면 광고');
-        }
-        // 컨테이너 스타일 적용 (불필요한 스타일 제거)
-        this.applyStyles(adElement, {
-            ...this.getBaseContainerStyles(slot),
-            display: 'flex',
-            'flex-direction': 'column',
-        });
-        // 우선순위: 1. 이미지, 2. 비디오, 3. 텍스트
-        if (ad.imageUrl) {
-            const img = this.createImageElement(ad.imageUrl, '', slot);
-            if (img) {
-                adElement.appendChild(img);
-            }
-        }
-        else if (ad.videoUrl) {
-            // 이미지가 없고 비디오가 있는 경우
-            const video = this.createVideoElement(ad.videoUrl, ad, slot);
-            if (video) {
-                adElement.appendChild(video);
-            }
-        }
-        else {
-            // 모든 콘텐츠가 없는 경우
-            return this.createPlaceholder(slot, '전면 광고');
-        }
-        // 클릭 이벤트 추가
-        this.addClickHandler(adElement, ad, slot);
-        return adElement;
-    }
-    /**
-     * 비디오 요소 생성
-     */
-    createVideoElement(videoUrl, ad, slot) {
-        const video = DOMUtils.safeCreateElement('video');
-        if (!video)
-            return null;
-        video.src = videoUrl;
-        video.controls = true;
-        // 비디오도 이미지와 같은 스타일 적용
-        this.applyStyles(video, this.getImageStyles(slot));
-        // 비디오 이벤트 추적
-        video.addEventListener('play', () => {
-            this.trackEvent?.(ad._id, slot.id, 'VIDEO_START');
-        });
-        video.addEventListener('ended', () => {
-            this.trackEvent?.(ad._id, slot.id, 'VIDEO_COMPLETE');
-        });
-        return video;
-    }
-}
-
-var _a;
-/**
- * 광고 렌더러 팩토리
- * - 광고 타입에 따라 적절한 렌더러 인스턴스를 반환
- */
-class AdRendererFactory {
-    /**
-     * 광고 타입에 맞는 렌더러 생성
-     */
-    static createRenderer(adType, trackEvent) {
-        const RendererClass = this.renderers.get(adType);
-        if (!RendererClass) {
-            console.warn(`No renderer found for ad type: ${adType}, falling back to Banner renderer`);
-            return new BannerAdRenderer(trackEvent);
-        }
-        return new RendererClass(trackEvent);
-    }
-    /**
-     * 광고 렌더링 (편의 메서드)
-     */
-    static render(ad, slot, trackEvent) {
-        const renderer = this.createRenderer(slot.adType, trackEvent);
-        return renderer.render(ad, slot);
-    }
-    /**
-     * 사용 가능한 렌더러 타입 목록
-     */
-    static getSupportedAdTypes() {
-        return Array.from(this.renderers.keys());
-    }
-    /**
-     * 커스텀 렌더러 등록
-     */
-    static registerRenderer(adType, RendererClass) {
-        this.renderers.set(adType, RendererClass);
-    }
-}
-_a = AdRendererFactory;
-AdRendererFactory.renderers = new Map();
-(() => {
-    // 렌더러 등록
-    _a.renderers.set(AdType.BANNER, BannerAdRenderer);
-    _a.renderers.set(AdType.TEXT, TextAdRenderer);
-    _a.renderers.set(AdType.NATIVE, NativeAdRenderer);
-    _a.renderers.set(AdType.VIDEO, VideoAdRenderer);
-    _a.renderers.set(AdType.INTERSTITIAL, InterstitialAdRenderer);
-    _a.renderers.set(AdType.POPUP, InterstitialAdRenderer); // POPUP은 INTERSTITIAL과 동일
-})();
-
-/**
- * 슬라이더 관리 클래스
- * - 다중 광고 슬라이더 생성 및 관리
- * - 무한 루프 슬라이더 지원
- * - 터치 제스처 및 자동 슬라이드 기능
- */
-class SliderManager {
-    /**
-     * 슬라이더 컨테이너 생성
-     */
-    static createSliderContainer(slot, advertisements, options, trackEventCallback) {
-        const sliderWrapper = document.createElement('div');
-        sliderWrapper.className = 'adstage-slider-wrapper';
-        // 사용자 지정 크기가 있으면 적용, 없으면 콘텐츠 크기에 맞춤
-        const containerStyles = {
-            position: 'relative',
-            overflow: 'hidden',
-        };
-        // 사용자가 크기를 지정한 경우
-        if (slot.width && slot.width !== 0) {
-            let width;
-            if (typeof slot.width === 'string') {
-                // 문자열인 경우 px 단위가 있는지 확인
-                width = slot.width.includes('px') || slot.width.includes('%') ? slot.width : `${slot.width}px`;
-            }
-            else {
-                // 숫자인 경우 px 단위 추가
-                width = `${slot.width}px`;
-            }
-            containerStyles.width = width;
-            containerStyles.display = 'inline-block'; // 지정된 크기에 맞춤 (좌측 정렬)
-        }
-        else {
-            // 컨텐츠 크기에 맞춤
-            containerStyles.display = 'inline-block';
-        }
-        if (slot.height && slot.height !== 0) {
-            const height = typeof slot.height === 'string' ? slot.height : `${slot.height}px`;
-            containerStyles.height = height;
-        }
-        // 스타일 적용
-        Object.entries(containerStyles).forEach(([key, value]) => {
-            sliderWrapper.style.setProperty(key, value);
-        });
-        // 크기 측정 (width나 height가 설정되지 않은 경우)
-        const needsWidthMeasurement = !slot.width || slot.width === 0;
-        const needsHeightMeasurement = !slot.height || slot.height === 0;
-        if (needsWidthMeasurement || needsHeightMeasurement) {
-            const measureContainer = document.createElement('div');
-            measureContainer.style.cssText = `
-        position: absolute;
-        visibility: hidden;
-        white-space: nowrap;
-        top: -9999px;
-        left: -9999px;
-      `;
-            // width가 설정되어 있으면 측정 컨테이너에도 적용
-            if (!needsWidthMeasurement && slot.width) {
-                let width;
-                if (typeof slot.width === 'string') {
-                    width = slot.width.includes('px') || slot.width.includes('%') ? slot.width : `${slot.width}px`;
-                }
-                else {
-                    width = `${slot.width}px`;
-                }
-                measureContainer.style.width = width;
-                measureContainer.style.whiteSpace = 'normal'; // width가 있으면 줄바꿈 허용
-            }
-            document.body.appendChild(measureContainer);
-            let maxWidth = 0;
-            let maxHeight = 0;
-            // 모든 광고의 크기를 측정하여 최대 크기 찾기
-            advertisements.forEach(ad => {
-                const measureAdElement = AdRendererFactory.render(ad, slot, trackEventCallback);
-                measureContainer.appendChild(measureAdElement);
-                const rect = measureAdElement.getBoundingClientRect();
-                if (rect.width > maxWidth)
-                    maxWidth = rect.width;
-                if (rect.height > maxHeight)
-                    maxHeight = rect.height;
-                // 측정 후 요소 제거
-                measureContainer.removeChild(measureAdElement);
-            });
-            // 측정된 최대 크기로 래퍼 크기 설정
-            if (needsWidthMeasurement && maxWidth > 0) {
-                sliderWrapper.style.width = `${maxWidth}px`;
-                containerStyles.width = `${maxWidth}px`;
-            }
-            if (needsHeightMeasurement && maxHeight > 0) {
-                sliderWrapper.style.height = `${maxHeight}px`;
-                containerStyles.height = `${maxHeight}px`;
-            }
-            // 측정 컨테이너 제거
-            document.body.removeChild(measureContainer);
-        }
-        // 무한 루프를 위해 첫 번째 슬라이드를 마지막에 복사
-        const extendedAds = [...advertisements, advertisements[0]];
-        // 슬라이드 컨테이너
-        const slideContainer = document.createElement('div');
-        slideContainer.className = 'adstage-slide-container';
-        // 슬라이드 컨테이너 스타일 - 항상 기본 설정 적용
-        const slideContainerStyles = {
-            display: 'flex',
-            transition: 'transform 0.4s ease-out',
-            width: `${extendedAds.length * 100}%`,
-        };
-        if (slot.height && slot.height !== 0) {
-            slideContainerStyles.height = '100%';
-        }
-        Object.entries(slideContainerStyles).forEach(([key, value]) => {
-            slideContainer.style.setProperty(key, value);
-        });
-        // 각 광고를 슬라이드로 생성 (복사된 첫 번째 포함)
-        extendedAds.forEach((ad, index) => {
-            const slideElement = document.createElement('div');
-            slideElement.className = 'adstage-slide';
-            // 슬라이드 스타일 설정 - 항상 균등 분할
-            const slideStyles = {
-                width: `${100 / extendedAds.length}%`,
-                'flex-shrink': '0',
-                display: 'flex',
-                'align-items': 'center',
-                'justify-content': 'center'
-            };
-            if (slot.height && slot.height !== 0) {
-                slideStyles.height = '100%';
-            }
-            Object.entries(slideStyles).forEach(([key, value]) => {
-                slideElement.style.setProperty(key, value);
-            });
-            // 광고 렌더링
-            const adElement = AdRendererFactory.render(ad, slot, trackEventCallback);
-            slideElement.appendChild(adElement);
-            slideContainer.appendChild(slideElement);
-        });
-        // 텍스트 광고인지 확인 (모든 광고가 텍스트 타입인 경우)
-        const isAllTextAds = advertisements.every(ad => ad.adType === AdType.TEXT);
-        // 무채색 도트 인디케이터 생성 (원본 광고 수만큼) - 텍스트 광고가 아닐 때만
-        const dotContainer = isAllTextAds ? null : SliderManager.createMinimalDotIndicator(advertisements.length);
-        // 슬라이더 상태 관리
-        let currentSlide = 0;
-        const totalSlides = advertisements.length;
-        const autoSlideInterval = (options?.autoSlideInterval || 3) * 1000; // 기본 3초
-        // 슬라이드 이동 함수 (무한 루프 지원)
-        const moveToSlide = (index, instant = false) => {
-            currentSlide = index;
-            // 애니메이션 임시 비활성화 (무한 루프용)
-            if (instant) {
-                slideContainer.style.transition = 'none';
-            }
-            else {
-                slideContainer.style.transition = 'transform 0.4s ease-out';
-            }
-            // 항상 퍼센트 기반으로 이동
-            slideContainer.style.transform = `translateX(-${(100 / extendedAds.length) * currentSlide}%)`;
-            // 도트 업데이트 (무채색 스타일) - 실제 광고 인덱스 기준, 텍스트 광고가 아닐 때만
-            const actualIndex = currentSlide === totalSlides ? 0 : currentSlide;
-            if (dotContainer) {
-                const dots = dotContainer.querySelectorAll('.adstage-dot');
-                dots.forEach((dot, i) => {
-                    const dotElement = dot;
-                    if (i === actualIndex) {
-                        dotElement.classList.add('active');
-                        dotElement.style.background = '#666666';
-                        dotElement.style.borderColor = '#666666';
-                        dotElement.style.opacity = '1';
-                    }
-                    else {
-                        dotElement.classList.remove('active');
-                        dotElement.style.background = 'transparent';
-                        dotElement.style.borderColor = '#cccccc';
-                        dotElement.style.opacity = '0.7';
-                    }
-                });
-            }
-            // 현재 슬라이드의 광고에 대해 노출 이벤트 추적
-            if (actualIndex > 0) { // 첫 번째는 이미 loadSlot에서 추적됨
-                trackEventCallback(advertisements[actualIndex]._id, slot.id, AdEventType.IMPRESSION);
-            }
-        };
-        // 무한 루프 처리 함수
-        const handleInfiniteLoop = () => {
-            if (currentSlide === totalSlides) {
-                // 복사된 첫 번째 슬라이드에 도달하면 즉시 원본 첫 번째로 이동
-                setTimeout(() => {
-                    moveToSlide(0, true); // 애니메이션 없이 즉시 이동
-                }, 400); // transition 시간과 맞춤
-            }
-        };
-        // 도트 클릭 이벤트 (텍스트 광고가 아닐 때만)
-        if (dotContainer) {
-            const dots = dotContainer.querySelectorAll('.adstage-dot');
-            dots.forEach((dot, index) => {
-                dot.addEventListener('click', () => moveToSlide(index));
-            });
-        }
-        // 자동 슬라이드 (한 방향으로만 무한 진행)
-        let autoSlideTimer = setInterval(() => {
-            const nextIndex = currentSlide + 1;
-            moveToSlide(nextIndex);
-            handleInfiniteLoop();
-        }, autoSlideInterval);
-        // 마우스 호버 시 자동 슬라이드 일시정지
-        sliderWrapper.addEventListener('mouseenter', () => {
-            clearInterval(autoSlideTimer);
-        });
-        sliderWrapper.addEventListener('mouseleave', () => {
-            autoSlideTimer = setInterval(() => {
-                const nextIndex = currentSlide + 1;
-                moveToSlide(nextIndex);
-                handleInfiniteLoop();
-            }, autoSlideInterval);
-        });
-        // 터치 제스처 지원 수정 (무한 루프 지원)
-        SliderManager.addTouchSupport(slideContainer, moveToSlide, () => currentSlide, totalSlides, handleInfiniteLoop);
-        // 요소들 조립 (화살표 제거, 도트는 텍스트 광고가 아닐 때만 추가)
-        sliderWrapper.appendChild(slideContainer);
-        if (dotContainer) {
-            sliderWrapper.appendChild(dotContainer);
-        }
-        // 첫 번째 도트 활성화
-        moveToSlide(0);
-        // 사용자가 크기를 지정하지 않은 경우, 첫 번째 슬라이드 크기에 맞춰 래퍼 크기 동적 조정
-        if (!slot.width || slot.width === 0) {
-            // DOM 렌더링 후 크기 측정
-            setTimeout(() => {
-                const firstSlide = slideContainer.children[0];
-                if (firstSlide) {
-                    const firstAdElement = firstSlide.children[0];
-                    if (firstAdElement) {
-                        const rect = firstAdElement.getBoundingClientRect();
-                        sliderWrapper.style.width = `${rect.width}px`;
-                        if (!slot.height || slot.height === 0) {
-                            sliderWrapper.style.height = `${rect.height}px`;
-                        }
-                        // 크기 조정 후 overflow hidden 재적용
-                        sliderWrapper.style.overflow = 'hidden';
-                    }
-                }
-            }, 10);
-        }
-        return sliderWrapper;
-    }
-    /**
-     * 무채색 미니멀 도트 인디케이터 생성
-     */
-    static createMinimalDotIndicator(count) {
-        const dotContainer = document.createElement('div');
-        dotContainer.className = 'adstage-dots';
-        dotContainer.style.cssText = `
-      position: absolute;
-      bottom: 15px;
-      left: 50%;
-      transform: translateX(-50%);
-      display: flex;
-      gap: 12px;
-      z-index: 3;
-      padding: 8px 16px;
-      border-radius: 20px;
-      background: rgba(255, 255, 255, 0.1);
-      backdrop-filter: blur(10px);
-    `;
-        for (let i = 0; i < count; i++) {
-            const dot = document.createElement('button');
-            dot.className = 'adstage-dot';
-            dot.style.cssText = `
-        width: 8px;
-        height: 8px;
-        border-radius: 50%;
-        border: 1px solid #cccccc;
-        background: transparent;
-        cursor: pointer;
-        transition: all 0.3s ease;
-        outline: none;
-        opacity: 0.7;
-        padding: 0;
-        margin: 0;
-        flex-shrink: 0;
-      `;
-            // 호버 효과
-            dot.addEventListener('mouseenter', () => {
-                if (!dot.classList.contains('active')) {
-                    dot.style.borderColor = '#999999';
-                    dot.style.opacity = '0.9';
-                }
-            });
-            dot.addEventListener('mouseleave', () => {
-                if (!dot.classList.contains('active')) {
-                    dot.style.borderColor = '#cccccc';
-                    dot.style.opacity = '0.7';
-                }
-            });
-            dotContainer.appendChild(dot);
-        }
-        return dotContainer;
-    }
-    /**
-     * 터치 제스처 지원 추가
-     */
-    static addTouchSupport(container, moveToSlide, getCurrentSlide, totalSlides, handleInfiniteLoop) {
-        let startX = 0;
-        let isDragging = false;
-        container.addEventListener('touchstart', (e) => {
-            startX = e.touches[0].clientX;
-            isDragging = true;
-        });
-        container.addEventListener('touchmove', (e) => {
-            if (!isDragging)
-                return;
-            e.preventDefault();
-        });
-        container.addEventListener('touchend', (e) => {
-            if (!isDragging)
-                return;
-            isDragging = false;
-            const endX = e.changedTouches[0].clientX;
-            const diff = startX - endX;
-            if (Math.abs(diff) > 50) { // 50px 이상 스와이프 시
-                const currentSlide = getCurrentSlide();
-                if (diff > 0) {
-                    // 왼쪽으로 스와이프 (다음 슬라이드)
-                    const nextIndex = currentSlide + 1;
-                    moveToSlide(nextIndex);
-                    if (handleInfiniteLoop) {
-                        handleInfiniteLoop();
-                    }
-                }
-                else {
-                    // 오른쪽으로 스와이프 (이전 슬라이드)
-                    const prevIndex = currentSlide > 0 ? currentSlide - 1 : totalSlides - 1;
-                    moveToSlide(prevIndex);
-                }
-            }
-        });
-    }
-}
-
-/**
- * 페이드 슬라이더 관리 클래스
- * - 텍스트 광고 전용 페이드 인/아웃 슬라이더
- * - 상하 교차 효과 (위에서 아래로, 아래서 위로)
- * - 무한 루프 지원
- */
-class FadeSliderManager {
-    /**
-     * 페이드 슬라이더 컨테이너 생성
-     */
-    static createFadeSliderContainer(slot, advertisements, options, trackEventCallback) {
-        const sliderWrapper = document.createElement('div');
-        sliderWrapper.className = 'adstage-fade-slider-wrapper';
-        // 래퍼 스타일 설정
-        const containerStyles = {
-            position: 'relative',
-            overflow: 'hidden',
-            display: 'inline-block',
-        };
-        // 사용자가 크기를 지정한 경우
-        if (slot.width && slot.width !== 0) {
-            let width;
-            if (typeof slot.width === 'string') {
-                width = slot.width.includes('px') || slot.width.includes('%') ? slot.width : `${slot.width}px`;
-            }
-            else {
-                width = `${slot.width}px`;
-            }
-            containerStyles.width = width;
-        }
-        if (slot.height && slot.height !== 0) {
-            let height;
-            if (typeof slot.height === 'string') {
-                height = slot.height.includes('px') || slot.height.includes('%') ? slot.height : `${slot.height}px`;
-            }
-            else {
-                height = `${slot.height}px`;
-            }
-            containerStyles.height = height;
-        }
-        // 스타일 적용
-        Object.entries(containerStyles).forEach(([key, value]) => {
-            sliderWrapper.style.setProperty(key, value);
-        });
-        // 슬라이드 컨테이너
-        const slideContainer = document.createElement('div');
-        slideContainer.className = 'adstage-fade-slide-container';
-        slideContainer.style.cssText = `
-      position: relative;
-      width: 100%;
-      height: 100%;
-    `;
-        // 크기 측정을 위한 임시 컨테이너 (자동 크기 계산이 필요한 경우)
-        let measureContainer = null;
-        const needsWidthMeasurement = !slot.width || slot.width === 0;
-        const needsHeightMeasurement = !slot.height || slot.height === 0;
-        if (needsWidthMeasurement || needsHeightMeasurement) {
-            measureContainer = document.createElement('div');
-            measureContainer.style.cssText = `
-        position: absolute;
-        visibility: hidden;
-        white-space: nowrap;
-        top: -9999px;
-        left: -9999px;
-      `;
-            // width가 설정되어 있으면 측정 컨테이너에도 적용
-            if (!needsWidthMeasurement && slot.width) {
-                let width;
-                if (typeof slot.width === 'string') {
-                    width = slot.width.includes('px') || slot.width.includes('%') ? slot.width : `${slot.width}px`;
-                }
-                else {
-                    width = `${slot.width}px`;
-                }
-                measureContainer.style.width = width;
-                measureContainer.style.whiteSpace = 'normal'; // width가 있으면 줄바꿈 허용
-            }
-            document.body.appendChild(measureContainer);
-            let maxWidth = 0;
-            let maxHeight = 0;
-            // 모든 광고의 크기를 측정하여 최대 크기 찾기
-            advertisements.forEach(ad => {
-                const measureAdElement = AdRendererFactory.render(ad, slot, trackEventCallback);
-                measureContainer.appendChild(measureAdElement);
-                const rect = measureAdElement.getBoundingClientRect();
-                if (rect.width > maxWidth)
-                    maxWidth = rect.width;
-                if (rect.height > maxHeight)
-                    maxHeight = rect.height;
-                // 측정 후 요소 제거
-                measureContainer.removeChild(measureAdElement);
-            });
-            // 측정된 최대 크기로 래퍼 크기 설정
-            if (needsWidthMeasurement && maxWidth > 0) {
-                sliderWrapper.style.width = `${maxWidth}px`;
-            }
-            if (needsHeightMeasurement && maxHeight > 0) {
-                sliderWrapper.style.height = `${maxHeight}px`;
-            }
-            // 측정 컨테이너 제거
-            document.body.removeChild(measureContainer);
-        }
-        // 각 광고를 슬라이드로 생성
-        const slideElements = [];
-        advertisements.forEach((ad, index) => {
-            const slideElement = document.createElement('div');
-            slideElement.className = 'adstage-fade-slide';
-            slideElement.style.cssText = `
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        opacity: ${index === 0 ? '1' : '0'};
-        transform: translateY(${index === 0 ? '0' : '20px'});
-        transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
-        z-index: ${index === 0 ? '2' : '1'};
-      `;
-            // 광고 렌더링
-            const adElement = AdRendererFactory.render(ad, slot, trackEventCallback);
-            slideElement.appendChild(adElement);
-            slideContainer.appendChild(slideElement);
-            slideElements.push(slideElement);
-        });
-        // 슬라이더 상태 관리
-        let currentSlide = 0;
-        const totalSlides = advertisements.length;
-        const autoSlideInterval = (options?.autoSlideInterval || 4) * 1000; // 기본 4초 (페이드는 조금 더 길게)
-        // 슬라이드 이동 함수 (페이드 효과)
-        const moveToSlide = (index) => {
-            if (index >= totalSlides) {
-                index = 0; // 무한 루프
-            }
-            else if (index < 0) {
-                index = totalSlides - 1;
-            }
-            const previousSlide = slideElements[currentSlide];
-            const nextSlide = slideElements[index];
-            // 이전 슬라이드 페이드 아웃 (아래로)
-            previousSlide.style.opacity = '0';
-            previousSlide.style.transform = 'translateY(-20px)';
-            previousSlide.style.zIndex = '1';
-            // 다음 슬라이드 페이드 인 (위에서)
-            nextSlide.style.opacity = '1';
-            nextSlide.style.transform = 'translateY(0)';
-            nextSlide.style.zIndex = '2';
-            // 다른 슬라이드들은 숨김
-            slideElements.forEach((slide, i) => {
-                if (i !== index && i !== currentSlide) {
-                    slide.style.opacity = '0';
-                    slide.style.transform = 'translateY(20px)';
-                    slide.style.zIndex = '1';
-                }
-            });
-            currentSlide = index;
-            // 현재 슬라이드의 광고에 대해 노출 이벤트 추적
-            if (currentSlide > 0) { // 첫 번째는 이미 loadSlot에서 추적됨
-                trackEventCallback(advertisements[currentSlide]._id, slot.id, AdEventType.IMPRESSION);
-            }
-        };
-        // 자동 슬라이드
-        let autoSlideTimer = setInterval(() => {
-            const nextIndex = currentSlide + 1;
-            moveToSlide(nextIndex);
-        }, autoSlideInterval);
-        // 마우스 호버 시 자동 슬라이드 일시정지
-        sliderWrapper.addEventListener('mouseenter', () => {
-            clearInterval(autoSlideTimer);
-        });
-        sliderWrapper.addEventListener('mouseleave', () => {
-            autoSlideTimer = setInterval(() => {
-                const nextIndex = currentSlide + 1;
-                moveToSlide(nextIndex);
-            }, autoSlideInterval);
-        });
-        // 터치 제스처 지원
-        FadeSliderManager.addTouchSupport(sliderWrapper, moveToSlide, () => currentSlide, totalSlides);
-        // 요소들 조립
-        sliderWrapper.appendChild(slideContainer);
-        return sliderWrapper;
-    }
-    /**
-     * 터치 제스처 지원 추가
-     */
-    static addTouchSupport(container, moveToSlide, getCurrentSlide, totalSlides) {
-        let startX = 0;
-        let startY = 0;
-        let isDragging = false;
-        container.addEventListener('touchstart', (e) => {
-            startX = e.touches[0].clientX;
-            startY = e.touches[0].clientY;
-            isDragging = true;
-        });
-        container.addEventListener('touchmove', (e) => {
-            if (!isDragging)
-                return;
-            e.preventDefault();
-        });
-        container.addEventListener('touchend', (e) => {
-            if (!isDragging)
-                return;
-            isDragging = false;
-            const endX = e.changedTouches[0].clientX;
-            const endY = e.changedTouches[0].clientY;
-            const diffX = startX - endX;
-            const diffY = startY - endY;
-            // 가로 스와이프가 세로 스와이프보다 클 때만 처리
-            if (Math.abs(diffX) > Math.abs(diffY) && Math.abs(diffX) > 50) {
-                const currentSlide = getCurrentSlide();
-                if (diffX > 0) {
-                    // 왼쪽으로 스와이프 (다음 슬라이드)
-                    moveToSlide(currentSlide + 1);
-                }
-                else {
-                    // 오른쪽으로 스와이프 (이전 슬라이드)
-                    moveToSlide(currentSlide - 1);
-                }
-            }
-        });
-    }
-}
-
-/**
- * 노출 추적 및 중복 방지 관리 클래스
- * - 메모리 기반 중복 확인
- * - 세션 스토리지 기반 영구 추적
- * - 자동 정리 기능
- */
-class ImpressionTracker {
-    /**
-     * 중복 노출 여부 확인
-     */
-    static isDuplicateImpression(adId, slotId, debug = false) {
-        const key = `${adId}_${slotId}`;
-        const now = Date.now();
-        // 메모리 기반 중복 확인 (새로고침 시 초기화됨)
-        const lastImpression = ImpressionTracker.impressionTracker.get(key);
-        if (lastImpression && (now - lastImpression) < ImpressionTracker.IMPRESSION_COOLDOWN) {
-            if (debug) {
-                console.log(`Duplicate impression blocked for ad ${adId} in slot ${slotId}. Cooldown: ${Math.round((ImpressionTracker.IMPRESSION_COOLDOWN - (now - lastImpression)) / 1000)}s remaining`);
-            }
-            return true;
-        }
-        // 세션 스토리지 기반 중복 확인 (새로고침 시에도 유지)
-        const sessionKey = `adstage_impression_${key}`;
-        const sessionImpression = sessionStorage.getItem(sessionKey);
-        if (sessionImpression) {
-            const sessionTime = parseInt(sessionImpression, 10);
-            if (!isNaN(sessionTime) && (now - sessionTime) < ImpressionTracker.IMPRESSION_COOLDOWN) {
-                if (debug) {
-                    console.log(`Session-based duplicate impression blocked for ad ${adId} in slot ${slotId}. Cooldown: ${Math.round((ImpressionTracker.IMPRESSION_COOLDOWN - (now - sessionTime)) / 1000)}s remaining`);
-                }
-                // 메모리에도 기록하여 이후 요청 최적화
-                ImpressionTracker.impressionTracker.set(key, sessionTime);
-                return true;
-            }
-        }
-        // 노출 시점 기록 (메모리 + 세션 스토리지)
-        ImpressionTracker.impressionTracker.set(key, now);
-        sessionStorage.setItem(sessionKey, now.toString());
-        // 오래된 세션 스토리지 데이터 정리 (선택적)
-        ImpressionTracker.cleanupOldImpressions();
-        return false;
-    }
-    /**
-     * 오래된 노출 추적 데이터 정리
-     */
-    static cleanupOldImpressions() {
-        const now = Date.now();
-        const cleanupThreshold = ImpressionTracker.IMPRESSION_COOLDOWN * 2; // 쿨다운의 2배 시간이 지난 데이터 정리
-        // 세션 스토리지 정리
-        for (let i = 0; i < sessionStorage.length; i++) {
-            const key = sessionStorage.key(i);
-            if (key && key.startsWith('adstage_impression_')) {
-                const timestamp = sessionStorage.getItem(key);
-                if (timestamp) {
-                    const time = parseInt(timestamp, 10);
-                    if (!isNaN(time) && (now - time) > cleanupThreshold) {
-                        sessionStorage.removeItem(key);
-                        i--; // 인덱스 조정
-                    }
-                }
-            }
-        }
-        // 메모리 정리
-        for (const [key, timestamp] of ImpressionTracker.impressionTracker.entries()) {
-            if ((now - timestamp) > cleanupThreshold) {
-                ImpressionTracker.impressionTracker.delete(key);
-            }
-        }
-    }
-    /**
-     * 모든 추적 데이터 정리
-     */
-    static clear() {
-        ImpressionTracker.impressionTracker.clear();
-    }
-}
-ImpressionTracker.impressionTracker = new Map();
-ImpressionTracker.IMPRESSION_COOLDOWN = 300000; // 5분 쿨다운
-
-/**
- * 디바이스 정보 수집 클래스
- * - 브라우저 환경 정보 수집
- * - 디바이스 ID 생성 및 관리
- * - 세션 ID 생성 및 관리
- */
-class DeviceInfoCollector {
-    /**
-     * 디바이스 ID 생성 및 반환 (SSR 안전)
-     */
-    static generateDeviceId() {
-        if (!DOMUtils.isBrowser())
-            return 'ssr_device_' + Date.now();
-        const stored = localStorage.getItem('adstage_device_id');
-        if (stored)
-            return stored;
-        const deviceId = 'device_' + Math.random().toString(36).substr(2, 9) + '_' + Date.now();
-        localStorage.setItem('adstage_device_id', deviceId);
-        return deviceId;
-    }
-    /**
-     * 세션 ID 생성 및 반환 (SSR 안전)
-     */
-    static generateSessionId() {
-        if (!DOMUtils.isBrowser())
-            return 'ssr_session_' + Date.now();
-        const stored = sessionStorage.getItem('adstage_session_id');
-        if (stored)
-            return stored;
-        const sessionId = 'session_' + Math.random().toString(36).substr(2, 9) + '_' + Date.now();
-        sessionStorage.setItem('adstage_session_id', sessionId);
-        return sessionId;
-    }
-    /**
-     * 모바일 디바이스 여부 확인
-     */
-    static isMobile() {
-        return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
-    }
-    /**
-     * 플랫폼 타입 반환 (서버 enum에 맞춤)
-     */
-    static getPlatform() {
-        const userAgent = navigator.userAgent.toLowerCase();
-        if (/iphone|ipad|ipod/.test(userAgent)) {
-            return 'ios';
-        }
-        if (/android/.test(userAgent)) {
-            return 'android';
-        }
-        if (DeviceInfoCollector.isMobile()) {
-            return 'web'; // 모바일 웹
-        }
-        return 'desktop'; // 데스크톱 웹
-    }
-    /**
-     * 완전한 디바이스 정보 수집
-     */
-    static collectDeviceInfo() {
-        const viewportInfo = DOMUtils.getViewportInfo();
-        return {
-            deviceId: DeviceInfoCollector.generateDeviceId(),
-            sessionId: DeviceInfoCollector.generateSessionId(),
-            osVersion: DOMUtils.isBrowser() ? navigator.platform : 'SSR',
-            deviceModel: DOMUtils.isBrowser() ? navigator.platform : 'SSR',
-            appVersion: '1.0.0',
-            sdkVersion: '1.0.0',
-            language: DOMUtils.isBrowser() ? (navigator.language || 'ko') : 'ko',
-            country: 'KR', // 기본값
-            ipAddress: '', // 서버에서 자동으로 설정됨
-            userAgent: DOMUtils.isBrowser() ? navigator.userAgent : 'SSR',
-            timezone: DOMUtils.isBrowser() ? Intl.DateTimeFormat().resolvedOptions().timeZone : 'UTC',
-            viewportWidth: viewportInfo.width,
-            viewportHeight: viewportInfo.height,
-            screenWidth: DOMUtils.isBrowser() ? screen.width : 0,
-            screenHeight: DOMUtils.isBrowser() ? screen.height : 0,
-            colorDepth: DOMUtils.isBrowser() ? screen.colorDepth : 24,
-            pixelRatio: viewportInfo.pixelRatio,
-            connectionType: DOMUtils.isBrowser() ? (navigator.connection?.effectiveType || 'unknown') : 'unknown',
-            platform: DeviceInfoCollector.getPlatform(),
-        };
-    }
-    /**
-     * 슬롯 위치 정보 가져오기 (SSR 안전)
-     */
-    static getSlotPosition(containerId) {
-        const element = DOMUtils.safeGetElementById(containerId);
-        if (!element)
-            return 'unknown';
-        const rect = element.getBoundingClientRect();
-        const scrollInfo = DOMUtils.getScrollInfo();
-        return `x:${Math.round(rect.left)},y:${Math.round(rect.top + scrollInfo.scrollTop)}`;
-    }
-}
-
-/**
- * 이벤트 추적 관리 클래스
- * - 광고 이벤트 추적 및 전송
- * - 중복 노출 방지 통합
- * - 서버 API 통신
- */
-class EventTracker {
-    constructor(baseUrl, apiKey, debug, slots) {
-        this.baseUrl = baseUrl;
-        this.apiKey = apiKey;
-        this.debug = debug;
-        this.slots = slots;
-    }
-    /**
-     * 이벤트 추적
-     */
-    async trackEvent(adId, slotId, eventType) {
-        try {
-            // 노출 이벤트의 경우 중복 확인
-            if (eventType === AdEventType.IMPRESSION) {
-                if (ImpressionTracker.isDuplicateImpression(adId, slotId, this.debug)) {
-                    return; // 중복 노출이므로 추적하지 않음
-                }
-            }
-            // 현재 슬롯 정보 가져오기
-            const slot = this.slots.get(slotId);
-            // 디바이스 정보 수집
-            const deviceInfo = DeviceInfoCollector.collectDeviceInfo();
-            // 이벤트 데이터 구성 (MongoDB 스키마에 맞춤)
-            const eventData = {
-                // 서버에서 자동 설정: orgId, advertisementId, action
-                // 하지만 DTO 검증을 위해 임시값 제공
-                orgId: 'temp', // 서버에서 API 키로부터 덮어씀
-                advertisementId: adId, // 서버에서 URL 파라미터로부터 덮어씀
-                action: eventType, // 서버에서 URL 파라미터로부터 덮어씀
-                // 필수 필드들
-                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,
-                ipAddress: deviceInfo.ipAddress,
-                userAgent: deviceInfo.userAgent,
-                timezone: deviceInfo.timezone,
-                viewportWidth: deviceInfo.viewportWidth,
-                viewportHeight: deviceInfo.viewportHeight,
-                screenWidth: deviceInfo.screenWidth,
-                screenHeight: deviceInfo.screenHeight,
-                connectionType: deviceInfo.connectionType,
-                // 페이지 및 슬롯 정보
-                pageUrl: DOMUtils.getPageInfo().url,
-                pageTitle: DOMUtils.getPageInfo().title,
-                referrer: DOMUtils.getPageInfo().referrer,
-                slotId,
-                slotPosition: DeviceInfoCollector.getSlotPosition(slot?.containerId || ''),
-                slotWidth: EventTracker.parseNumericValue(slot?.width),
-                slotHeight: EventTracker.parseNumericValue(slot?.height),
-                sessionId: deviceInfo.sessionId,
-                // 성능 메트릭
-                pageLoadTime: performance.now(),
-                timestamp: new Date().toISOString(),
-                // 추가 메타데이터
-                metadata: {
-                    eventType,
-                    sdkVersion: '1.0.0',
-                    timestamp: Date.now(),
-                },
-            };
-            await fetch(`${this.baseUrl}/advertisements/events/${adId}/${eventType}`, {
-                method: 'POST',
-                headers: {
-                    'x-api-key': this.apiKey,
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify(eventData),
-            });
-            if (this.debug) {
-                console.log(`Tracked event: ${eventType} for ad ${adId}`, eventData);
-            }
-        }
-        catch (error) {
-            console.error('Failed to track event:', error);
-        }
-    }
-    /**
-     * 크기 값을 숫자로 변환 (서버 API용)
-     */
-    static parseNumericValue(value) {
-        if (typeof value === 'number') {
-            return value;
-        }
-        if (typeof value === 'string') {
-            // px 단위 제거하고 숫자만 추출
-            const numericValue = parseFloat(value.replace(/px$/, ''));
-            return isNaN(numericValue) ? 0 : numericValue;
-        }
-        return 0; // 기본값
-    }
-}
-
-/**
- * SDK 유틸리티 함수 모음
- * - DOM 요소 속성 처리
- * - 자동 슬롯 검색
- * - 기타 헬퍼 함수들
- */
-class SDKUtils {
-    /**
-     * HTML 요소에서 속성값 가져오기 (data- 프리픽스 선택적)
-     */
-    static getElementAttribute(element, attrName) {
-        // 1. data- 프리픽스가 있는 경우 우선
-        const dataAttr = element.dataset[attrName];
-        if (dataAttr)
-            return dataAttr;
-        // 2. 직접 속성 확인
-        const directAttr = element.getAttribute(attrName);
-        if (directAttr)
-            return directAttr;
-        // 3. 케밥 케이스로 확인 (ad-type -> adType)
-        const kebabAttr = element.getAttribute(attrName.replace(/[A-Z]/g, '-$&').toLowerCase());
-        if (kebabAttr)
-            return kebabAttr;
-        return undefined;
-    }
-    /**
-     * DOM에서 자동 슬롯 요소 찾기 (SSR 안전)
-     */
-    static findAutoSlotElements() {
-        if (typeof document === 'undefined')
-            return [];
-        const elements = document.querySelectorAll('[data-adstage], [adstage]');
-        return Array.from(elements);
-    }
-    /**
-     * 요소에서 슬롯 정보 추출
-     */
-    static extractSlotInfo(element) {
-        // 슬롯 ID 가져오기
-        const slotId = SDKUtils.getElementAttribute(element, 'adstage');
-        // 광고 타입 가져오기
-        const adType = SDKUtils.getElementAttribute(element, 'adType') ||
-            SDKUtils.getElementAttribute(element, 'ad-type') ||
-            'BANNER';
-        // 크기 정보 가져오기 (다양한 형태 지원)
-        const width = SDKUtils.getElementAttribute(element, 'width');
-        const height = SDKUtils.getElementAttribute(element, 'height');
-        // 기타 옵션들
-        const language = SDKUtils.getElementAttribute(element, 'language');
-        const deviceType = SDKUtils.getElementAttribute(element, 'deviceType') ||
-            SDKUtils.getElementAttribute(element, 'device-type');
-        const country = SDKUtils.getElementAttribute(element, 'country');
-        const sliderEffect = SDKUtils.getElementAttribute(element, 'sliderEffect') ||
-            SDKUtils.getElementAttribute(element, 'slider-effect');
-        return {
-            slotId: slotId || null,
-            adType,
-            width,
-            height,
-            language,
-            deviceType,
-            country,
-            sliderEffect,
-        };
-    }
-    /**
-     * AdType enum 값으로 변환
-     */
-    static parseAdType(adTypeStr, AdType) {
-        return AdType[adTypeStr] || AdType.BANNER;
-    }
-    /**
-     * 브라우저 환경 체크
-     */
-    static isBrowser() {
-        return typeof window !== 'undefined';
-    }
-    /**
-     * SSR 환경 체크
-     */
-    static isSSR() {
-        return typeof window === 'undefined';
-    }
-    /**
-     * DOM 사용 가능 체크
-     */
-    static canUseDOM() {
-        return !this.isSSR() && typeof document !== 'undefined';
-    }
-    /**
-     * DOM 로드 완료 체크 (SSR 안전)
-     */
-    static isDOMReady() {
-        if (!this.canUseDOM())
-            return false;
-        return document.readyState !== 'loading';
-    }
-    /**
-     * DOM 로드 완료 대기 (SSR 안전)
-     */
-    static waitForDOM() {
-        return new Promise((resolve) => {
-            if (!this.canUseDOM()) {
-                resolve(); // SSR 환경에서는 즉시 resolve
-                return;
-            }
-            if (SDKUtils.isDOMReady()) {
-                resolve();
-            }
-            else {
-                document.addEventListener('DOMContentLoaded', () => resolve());
-            }
-        });
-    }
-}
-
-var jsxRuntime = {exports: {}};
-
-var reactJsxRuntime_production_min = {};
-
-var react = {exports: {}};
-
-var react_production_min = {};
-
-/**
- * @license React
- * react.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReact_production_min;
-
-function requireReact_production_min () {
-	if (hasRequiredReact_production_min) return react_production_min;
-	hasRequiredReact_production_min = 1;
-var l=Symbol.for("react.element"),n=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),r=Symbol.for("react.profiler"),t=Symbol.for("react.provider"),u=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),x=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),z=Symbol.iterator;function A(a){if(null===a||"object"!==typeof a)return null;a=z&&a[z]||a["@@iterator"];return "function"===typeof a?a:null}
-	var B={isMounted:function(){return !1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,D={};function E(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B;}E.prototype.isReactComponent={};
-	E.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,a,b,"setState");};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate");};function F(){}F.prototype=E.prototype;function G(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B;}var H=G.prototype=new F;
-	H.constructor=G;C(H,E.prototype);H.isPureReactComponent=!0;var I=Array.isArray,J=Object.prototype.hasOwnProperty,K={current:null},L={key:!0,ref:!0,__self:!0,__source:!0};
-	function M(a,b,e){var d,c={},k=null,h=null;if(null!=b)for(d in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=""+b.key),b)J.call(b,d)&&!L.hasOwnProperty(d)&&(c[d]=b[d]);var g=arguments.length-2;if(1===g)c.children=e;else if(1<g){for(var f=Array(g),m=0;m<g;m++)f[m]=arguments[m+2];c.children=f;}if(a&&a.defaultProps)for(d in g=a.defaultProps,g)void 0===c[d]&&(c[d]=g[d]);return {$$typeof:l,type:a,key:k,ref:h,props:c,_owner:K.current}}
-	function N(a,b){return {$$typeof:l,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function O(a){return "object"===typeof a&&null!==a&&a.$$typeof===l}function escape(a){var b={"=":"=0",":":"=2"};return "$"+a.replace(/[=:]/g,function(a){return b[a]})}var P=/\/+/g;function Q(a,b){return "object"===typeof a&&null!==a&&null!=a.key?escape(""+a.key):b.toString(36)}
-	function R(a,b,e,d,c){var k=typeof a;if("undefined"===k||"boolean"===k)a=null;var h=!1;if(null===a)h=!0;else switch(k){case "string":case "number":h=!0;break;case "object":switch(a.$$typeof){case l:case n:h=!0;}}if(h)return h=a,c=c(h),a=""===d?"."+Q(h,0):d,I(c)?(e="",null!=a&&(e=a.replace(P,"$&/")+"/"),R(c,b,e,"",function(a){return a})):null!=c&&(O(c)&&(c=N(c,e+(!c.key||h&&h.key===c.key?"":(""+c.key).replace(P,"$&/")+"/")+a)),b.push(c)),1;h=0;d=""===d?".":d+":";if(I(a))for(var g=0;g<a.length;g++){k=
-	a[g];var f=d+Q(k,g);h+=R(k,b,e,f,c);}else if(f=A(a),"function"===typeof f)for(a=f.call(a),g=0;!(k=a.next()).done;)k=k.value,f=d+Q(k,g++),h+=R(k,b,e,f,c);else if("object"===k)throw b=String(a),Error("Objects are not valid as a React child (found: "+("[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b)+"). If you meant to render a collection of children, use an array instead.");return h}
-	function S(a,b,e){if(null==a)return a;var d=[],c=0;R(a,d,"","",function(a){return b.call(e,a,c++)});return d}function T(a){if(-1===a._status){var b=a._result;b=b();b.then(function(b){if(0===a._status||-1===a._status)a._status=1,a._result=b;},function(b){if(0===a._status||-1===a._status)a._status=2,a._result=b;});-1===a._status&&(a._status=0,a._result=b);}if(1===a._status)return a._result.default;throw a._result;}
-	var U={current:null},V={transition:null},W={ReactCurrentDispatcher:U,ReactCurrentBatchConfig:V,ReactCurrentOwner:K};function X(){throw Error("act(...) is not supported in production builds of React.");}
-	react_production_min.Children={map:S,forEach:function(a,b,e){S(a,function(){b.apply(this,arguments);},e);},count:function(a){var b=0;S(a,function(){b++;});return b},toArray:function(a){return S(a,function(a){return a})||[]},only:function(a){if(!O(a))throw Error("React.Children.only expected to receive a single React element child.");return a}};react_production_min.Component=E;react_production_min.Fragment=p;react_production_min.Profiler=r;react_production_min.PureComponent=G;react_production_min.StrictMode=q;react_production_min.Suspense=w;
-	react_production_min.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=W;react_production_min.act=X;
-	react_production_min.cloneElement=function(a,b,e){if(null===a||void 0===a)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+a+".");var d=C({},a.props),c=a.key,k=a.ref,h=a._owner;if(null!=b){void 0!==b.ref&&(k=b.ref,h=K.current);void 0!==b.key&&(c=""+b.key);if(a.type&&a.type.defaultProps)var g=a.type.defaultProps;for(f in b)J.call(b,f)&&!L.hasOwnProperty(f)&&(d[f]=void 0===b[f]&&void 0!==g?g[f]:b[f]);}var f=arguments.length-2;if(1===f)d.children=e;else if(1<f){g=Array(f);
-	for(var m=0;m<f;m++)g[m]=arguments[m+2];d.children=g;}return {$$typeof:l,type:a.type,key:c,ref:k,props:d,_owner:h}};react_production_min.createContext=function(a){a={$$typeof:u,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};a.Provider={$$typeof:t,_context:a};return a.Consumer=a};react_production_min.createElement=M;react_production_min.createFactory=function(a){var b=M.bind(null,a);b.type=a;return b};react_production_min.createRef=function(){return {current:null}};
-	react_production_min.forwardRef=function(a){return {$$typeof:v,render:a}};react_production_min.isValidElement=O;react_production_min.lazy=function(a){return {$$typeof:y,_payload:{_status:-1,_result:a},_init:T}};react_production_min.memo=function(a,b){return {$$typeof:x,type:a,compare:void 0===b?null:b}};react_production_min.startTransition=function(a){var b=V.transition;V.transition={};try{a();}finally{V.transition=b;}};react_production_min.unstable_act=X;react_production_min.useCallback=function(a,b){return U.current.useCallback(a,b)};react_production_min.useContext=function(a){return U.current.useContext(a)};
-	react_production_min.useDebugValue=function(){};react_production_min.useDeferredValue=function(a){return U.current.useDeferredValue(a)};react_production_min.useEffect=function(a,b){return U.current.useEffect(a,b)};react_production_min.useId=function(){return U.current.useId()};react_production_min.useImperativeHandle=function(a,b,e){return U.current.useImperativeHandle(a,b,e)};react_production_min.useInsertionEffect=function(a,b){return U.current.useInsertionEffect(a,b)};react_production_min.useLayoutEffect=function(a,b){return U.current.useLayoutEffect(a,b)};
-	react_production_min.useMemo=function(a,b){return U.current.useMemo(a,b)};react_production_min.useReducer=function(a,b,e){return U.current.useReducer(a,b,e)};react_production_min.useRef=function(a){return U.current.useRef(a)};react_production_min.useState=function(a){return U.current.useState(a)};react_production_min.useSyncExternalStore=function(a,b,e){return U.current.useSyncExternalStore(a,b,e)};react_production_min.useTransition=function(){return U.current.useTransition()};react_production_min.version="18.3.1";
-	return react_production_min;
-}
-
-{
-  react.exports = requireReact_production_min();
-}
-
-var reactExports = react.exports;
-
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactJsxRuntime_production_min;
-
-function requireReactJsxRuntime_production_min () {
-	if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
-	hasRequiredReactJsxRuntime_production_min = 1;
-var f=reactExports,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
-	function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
-	return reactJsxRuntime_production_min;
-}
-
-{
-  jsxRuntime.exports = requireReactJsxRuntime_production_min();
-}
-
-var jsxRuntimeExports = jsxRuntime.exports;
-
-const AdStageContext = reactExports.createContext({
-    sdk: null,
-    isLoading: true,
-    error: null,
-    isInitialized: false,
-});
-const AdStageProvider = ({ config, children, autoInit = true, }) => {
-    const [sdk, setSdk] = reactExports.useState(null);
-    const [isLoading, setIsLoading] = reactExports.useState(true);
-    const [error, setError] = reactExports.useState(null);
-    const [isInitialized, setIsInitialized] = reactExports.useState(false);
-    reactExports.useEffect(() => {
-        const initializeSDK = async () => {
-            try {
-                setIsLoading(true);
-                setError(null);
-                // Dynamic import를 사용해서 circular dependency 방지
-                const { AdStageSDK } = await Promise.resolve().then(function () { return index; });
-                // SDK 인스턴스 생성
-                const sdkInstance = AdStageSDK.init(config);
-                setSdk(sdkInstance);
-                setIsInitialized(true);
-                setIsLoading(false);
-            }
-            catch (err) {
-                const errorMessage = err instanceof Error ? err.message : 'SDK 초기화 중 오류가 발생했습니다.';
-                setError(errorMessage);
-                setIsLoading(false);
-                console.error('AdStage SDK initialization failed:', err);
-            }
-        };
-        initializeSDK();
-    }, [config.apiKey, config.debug, autoInit]);
-    const value = {
-        sdk,
-        isLoading,
-        error,
-        isInitialized,
-    };
-    return (jsxRuntimeExports.jsx(AdStageContext.Provider, { value: value, children: children }));
-};
-
-/**
- * AdStage SDK 인스턴스에 접근하기 위한 Hook
- * AdStageProvider 내부에서만 사용 가능
- */
-const useAdStage = () => {
-    const context = reactExports.useContext(AdStageContext);
-    if (!context) {
-        throw new Error('useAdStage must be used within an AdStageProvider');
-    }
-    return context;
-};
-
-/**
- * 범용 광고 슬롯 컴포넌트
- * 모든 광고 타입을 지원하며 SSR 환경에서도 안전하게 동작
- */
-const AdSlot = ({ slotId, adType, width, height, className, style, autoSlideInterval = 3, sliderEffect = 'slide', language, deviceType, country, }) => {
-    const containerRef = reactExports.useRef(null);
-    const { sdk, isLoading, error } = useAdStage();
-    const containerId = reactExports.useMemo(() => `adstage-${slotId}`, [slotId]);
-    reactExports.useEffect(() => {
-        if (!sdk || !containerRef.current || isLoading || error) {
-            return;
-        }
-        // 컨테이너에 ID 설정
-        containerRef.current.id = containerId;
-        // 광고 슬롯 생성
-        const createSlot = async () => {
-            try {
-                await sdk.createSlot(slotId, containerId, adType, {
-                    width,
-                    height,
-                    language,
-                    deviceType,
-                    country,
-                    autoSlideInterval,
-                    sliderEffect,
-                });
-            }
-            catch (err) {
-                console.error(`Failed to create ad slot ${slotId}:`, err);
-            }
-        };
-        createSlot();
-        // 클린업 함수
-        return () => {
-            // SDK에 removeSlot 메서드가 없으므로 DOM 정리만 수행
-            if (containerRef.current) {
-                containerRef.current.innerHTML = '';
-            }
-        };
-    }, [
-        sdk,
-        slotId,
-        containerId,
-        adType,
-        width,
-        height,
-        language,
-        deviceType,
-        country,
-        autoSlideInterval,
-        sliderEffect,
-        isLoading,
-        error,
-    ]);
-    const containerStyle = {
-        width: typeof width === 'number' ? `${width}px` : width,
-        height: typeof height === 'number' ? `${height}px` : height,
-        ...style,
-    };
-    // 로딩 상태 표시
-    if (isLoading) {
-        return (jsxRuntimeExports.jsx("div", { className: className, style: {
-                ...containerStyle,
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                backgroundColor: '#f5f5f5',
-                border: '1px dashed #ccc',
-                color: '#999',
-            }, children: "Loading Ad..." }));
-    }
-    // 에러 상태 표시
-    if (error) {
-        return (jsxRuntimeExports.jsx("div", { className: className, style: {
-                ...containerStyle,
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                backgroundColor: '#fee',
-                border: '1px solid #fcc',
-                color: '#c00',
-            }, children: "Ad Load Error" }));
-    }
-    return (jsxRuntimeExports.jsx("div", { ref: containerRef, className: className, style: containerStyle }));
-};
-
-/**
- * 배너 광고 전용 컴포넌트
- * AdSlot의 래퍼로 adType이 BANNER로 고정됨
- */
-const BannerAd = (props) => {
-    return jsxRuntimeExports.jsx(AdSlot, { ...props, adType: AdType.BANNER });
-};
-
-/**
- * 텍스트 광고 전용 컴포넌트
- * AdSlot의 래퍼로 adType이 TEXT로 고정됨
- */
-const TextAd = (props) => {
-    return jsxRuntimeExports.jsx(AdSlot, { ...props, adType: AdType.TEXT });
-};
-
-/**
- * 네이티브 광고 전용 컴포넌트
- * AdSlot의 래퍼로 adType이 NATIVE로 고정됨
- */
-const NativeAd = (props) => {
-    return jsxRuntimeExports.jsx(AdSlot, { ...props, adType: AdType.NATIVE });
-};
-
-/**
- * 비디오 광고 전용 컴포넌트
- * AdSlot의 래퍼로 adType이 VIDEO로 고정됨
- */
-const VideoAd = (props) => {
-    return jsxRuntimeExports.jsx(AdSlot, { ...props, adType: AdType.VIDEO });
-};
-
-/**
- * 인터스티셜 광고 전용 컴포넌트
- * AdSlot의 래퍼로 adType이 INTERSTITIAL로 고정됨
- */
-const InterstitialAd = (props) => {
-    return jsxRuntimeExports.jsx(AdSlot, { ...props, adType: AdType.INTERSTITIAL });
-};
-
-/**
- * 광고 컴포넌트에서 발생하는 오류를 포착하는 Error Boundary
- * 광고 로딩 실패 시 fallback UI를 표시하고 앱 전체가 크래시되는 것을 방지
- */
-class AdErrorBoundary extends reactExports.Component {
-    constructor(props) {
-        super(props);
-        this.state = { hasError: false, error: null };
-    }
-    static getDerivedStateFromError(error) {
-        return { hasError: true, error };
-    }
-    componentDidCatch(error, errorInfo) {
-        console.error('AdStage Error Boundary caught an error:', error, errorInfo);
-        // 사용자 정의 에러 핸들러 호출
-        if (this.props.onError) {
-            this.props.onError(error, errorInfo);
-        }
-    }
-    render() {
-        if (this.state.hasError) {
-            // 사용자 정의 fallback이 있으면 사용, 없으면 기본 fallback 표시
-            if (this.props.fallback) {
-                return this.props.fallback;
-            }
-            return (jsxRuntimeExports.jsxs("div", { style: {
-                    padding: '20px',
-                    textAlign: 'center',
-                    backgroundColor: '#fee',
-                    border: '1px solid #fcc',
-                    borderRadius: '4px',
-                    color: '#c00',
-                }, children: [jsxRuntimeExports.jsx("h3", { children: "\uAD11\uACE0 \uB85C\uB529 \uC624\uB958" }), jsxRuntimeExports.jsx("p", { children: "\uAD11\uACE0\uB97C \uBD88\uB7EC\uC624\uB294 \uC911 \uBB38\uC81C\uAC00 \uBC1C\uC0DD\uD588\uC2B5\uB2C8\uB2E4." }), jsxRuntimeExports.jsx("button", { onClick: () => this.setState({ hasError: false, error: null }), style: {
-                            padding: '8px 16px',
-                            backgroundColor: '#fff',
-                            border: '1px solid #ccc',
-                            borderRadius: '4px',
-                            cursor: 'pointer',
-                        }, children: "\uB2E4\uC2DC \uC2DC\uB3C4" })] }));
-        }
-        return this.props.children;
-    }
-}
-
-/**
- * 광고 슬롯 생성 및 관리를 위한 Hook
- * 컴포넌트에서 직접 슬롯을 제어하고 싶을 때 사용
- */
-const useAdSlot = (options) => {
-    const { sdk } = useAdStage();
-    const [isLoading, setIsLoading] = reactExports.useState(false);
-    const [error, setError] = reactExports.useState(null);
-    const [isCreated, setIsCreated] = reactExports.useState(false);
-    const createSlot = async () => {
-        if (!sdk) {
-            setError('SDK not initialized');
-            return;
-        }
-        setIsLoading(true);
-        setError(null);
-        try {
-            await sdk.createSlot(options.slotId, options.containerId, options.adType, {
-                width: options.width,
-                height: options.height,
-                language: options.language,
-                deviceType: options.deviceType,
-                country: options.country,
-                autoSlideInterval: options.autoSlideInterval,
-                sliderEffect: options.sliderEffect,
-            });
-            setIsCreated(true);
-        }
-        catch (err) {
-            const errorMessage = err instanceof Error ? err.message : '슬롯 생성 중 오류가 발생했습니다.';
-            setError(errorMessage);
-            setIsCreated(false);
-        }
-        finally {
-            setIsLoading(false);
-        }
-    };
-    const resetSlot = () => {
-        setIsLoading(false);
-        setError(null);
-        setIsCreated(false);
-    };
-    // SDK가 변경되면 상태 초기화
-    reactExports.useEffect(() => {
-        resetSlot();
-    }, [sdk]);
-    return {
-        isLoading,
-        error,
-        isCreated,
-        createSlot,
-        resetSlot,
-    };
-};
-
-/**
- * 광고 이벤트 추적을 위한 Hook
- * 커스텀 이벤트 추적이 필요할 때 사용
- */
-const useAdTracking = () => {
-    const { sdk } = useAdStage();
-    const trackEvent = reactExports.useCallback((adId, slotId, eventType) => {
-        if (!sdk) {
-            console.warn('SDK not initialized - cannot track event');
-            return;
-        }
-        try {
-            // SDK의 eventTracker에 직접 접근할 수 없으므로 
-            // 여기서는 console.log로 대체하거나 SDK에 public 메서드가 있다면 사용
-            console.log('Ad Event Tracked:', { adId, slotId, eventType });
-            // 실제 구현에서는 SDK에 trackEvent 메서드가 있다면 사용
-            // sdk.trackEvent(adId, slotId, eventType);
-        }
-        catch (err) {
-            console.error('Failed to track event:', err);
-        }
-    }, [sdk]);
-    const trackClick = reactExports.useCallback((adId, slotId) => {
-        trackEvent(adId, slotId, AdEventType.CLICK);
-    }, [trackEvent]);
-    const trackImpression = reactExports.useCallback((adId, slotId) => {
-        trackEvent(adId, slotId, AdEventType.IMPRESSION);
-    }, [trackEvent]);
-    const trackView = reactExports.useCallback((adId, slotId) => {
-        trackEvent(adId, slotId, AdEventType.VIEWABLE);
-    }, [trackEvent]);
-    const trackClose = reactExports.useCallback((adId, slotId) => {
-        trackEvent(adId, slotId, AdEventType.COMPLETED);
-    }, [trackEvent]);
-    return {
-        trackEvent,
-        trackClick,
-        trackImpression,
-        trackView,
-        trackClose,
-    };
-};
-
-/**
- * AdStage SDK 메인 클래스
- * - 간단한 API Key 기반 초기화
- * - 광고 슬롯 자동 관리
- * - 이벤트 자동 추적
- */
-class AdStageSDK {
-    constructor(config) {
-        this.baseUrl = 'https://beta-api.adstage.app';
-        this.slots = new Map();
-        this.initialized = false;
-        this.config = {
-            debug: false,
-            ...config,
-        };
-        this.eventTracker = new EventTracker(this.baseUrl, this.config.apiKey, this.config.debug || false, this.slots);
-    }
-    /**
-     * SDK 초기화 및 인스턴스 반환
-     */
-    static init(config) {
-        if (!AdStageSDK.instance) {
-            AdStageSDK.instance = new AdStageSDK(config);
-        }
-        return AdStageSDK.instance;
-    }
-    /**
-     * SDK 인스턴스 반환 (이미 초기화된 경우)
-     */
-    static getInstance() {
-        if (!AdStageSDK.instance) {
-            throw new Error('AdStageSDK must be initialized first. Call AdStageSDK.init(config)');
-        }
-        return AdStageSDK.instance;
-    }
-    /**
-     * 광고 슬롯 생성 및 로드
-     */
-    async createSlot(id, containerId, adType = AdType.BANNER, options) {
-        const container = DOMUtils.safeGetElementById(containerId);
-        if (!container) {
-            if (DOMUtils.canUseDOM()) {
-                console.error(`Container with ID "${containerId}" not found`);
-            }
-            return;
-        }
-        const slot = {
-            id,
-            containerId,
-            adType,
-            width: options?.width || 0, // 문자열도 지원
-            height: options?.height || 0, // 문자열도 지원
-            isLoaded: false,
-            isVisible: false,
-            refreshRate: 0,
-            lazyLoad: false,
-            targeting: {},
-            load: async () => { await this.loadSlot(slot, options); return null; },
-            render: (ad) => this.renderSlot(slot, ad),
-            refresh: () => this.refreshSlot(slot.id),
-            destroy: () => this.destroySlot(slot.id),
-        };
-        this.slots.set(id, slot);
-        await this.loadSlot(slot, options);
-    }
-    /**
-     * 광고 슬롯 로드
-     */
-    async loadSlot(slot, options) {
-        try {
-            const queryParams = new URLSearchParams({
-                adType: slot.adType,
-                status: 'ACTIVE', // ACTIVE 상태인 광고만 조회
-                ...(options?.language && { language: options.language }),
-                ...(options?.deviceType && { deviceType: options.deviceType }),
-                ...(options?.country && { country: options.country }),
-            });
-            const response = await fetch(`${this.baseUrl}/advertisements/list?${queryParams}`, {
-                headers: {
-                    'x-api-key': this.config.apiKey,
-                    'Content-Type': 'application/json',
-                },
-            });
-            if (!response.ok) {
-                throw new Error(`HTTP error! status: ${response.status}`);
-            }
-            const data = await response.json();
-            const advertisements = data.advertisements || [];
-            if (advertisements.length > 0) {
-                // 여러 광고가 있을 경우 슬라이드로 렌더링
-                this.renderSlotWithSlider(slot, advertisements, options);
-                // 첫 번째 광고에 대해서만 노출 이벤트 추적
-                await this.eventTracker.trackEvent(advertisements[0]._id, slot.id, AdEventType.IMPRESSION);
-            }
-            else {
-                console.warn(`No advertisements available for slot ${slot.id}`);
-            }
-        }
-        catch (error) {
-            console.error(`Failed to load slot ${slot.id}:`, error);
-        }
-    }
-    /**
-     * 광고 슬롯 렌더링 (슬라이더 포함)
-     */
-    renderSlotWithSlider(slot, advertisements, options) {
-        const container = DOMUtils.safeGetElementById(slot.containerId);
-        if (!container)
-            return;
-        if (advertisements.length === 1) {
-            // 광고가 하나뿐이면 기본 렌더링
-            this.renderSlot(slot, advertisements[0]);
-            return;
-        }
-        // 슬라이더 효과 결정 (옵션으로 지정하거나 텍스트 광고인 경우 fade 기본값)
-        const isAllTextAds = advertisements.every(ad => ad.adType === AdType.TEXT);
-        const useFadeEffect = options?.sliderEffect === 'fade' ||
-            (options?.sliderEffect !== 'slide' && isAllTextAds);
-        let sliderContainer;
-        if (useFadeEffect) {
-            // 페이드 슬라이더 사용
-            sliderContainer = FadeSliderManager.createFadeSliderContainer(slot, advertisements, options, (adId, slotId, eventType) => this.eventTracker.trackEvent(adId, slotId, eventType));
-        }
-        else {
-            // 기본 슬라이더 사용
-            sliderContainer = SliderManager.createSliderContainer(slot, advertisements, options, (adId, slotId, eventType) => this.eventTracker.trackEvent(adId, slotId, eventType));
-        }
-        container.innerHTML = '';
-        container.appendChild(sliderContainer);
-        slot.isLoaded = true;
-        if (this.config.debug) {
-            const sliderType = useFadeEffect ? 'fade slider' : 'slider';
-            console.log(`Rendered ${advertisements.length} ads with ${sliderType} for slot ${slot.id}:`, advertisements);
-        }
-    }
-    /**
-     * 광고 슬롯 렌더링 (단일 광고용)
-     */
-    renderSlot(slot, ad) {
-        const container = DOMUtils.safeGetElementById(slot.containerId);
-        if (!container)
-            return;
-        // 팩토리를 사용해서 적절한 렌더러로 광고 생성
-        const adElement = AdRendererFactory.render(ad, slot, (adId, slotId, eventType) => this.eventTracker.trackEvent(adId, slotId, eventType));
-        container.innerHTML = '';
-        container.appendChild(adElement);
-        slot.isLoaded = true;
-        if (this.config.debug) {
-            console.log(`Rendered ad for slot ${slot.id}:`, ad);
-        }
-    }
-    /**
-     * 광고 슬롯 새로고침
-     */
-    async refreshSlot(slotId) {
-        const slot = this.slots.get(slotId);
-        if (slot) {
-            await this.loadSlot(slot);
-        }
-    }
-    /**
-     * 광고 슬롯 제거
-     */
-    destroySlot(slotId) {
-        const slot = this.slots.get(slotId);
-        if (slot) {
-            const container = DOMUtils.safeGetElementById(slot.containerId);
-            if (container) {
-                DOMUtils.safeSetInnerHTML(container, '');
-            }
-            this.slots.delete(slotId);
-        }
-    }
-    /**
-     * 자동 슬롯 검색 및 로드 (분리된 SDKUtils 사용)
-     */
-    async autoLoadSlots() {
-        const elements = SDKUtils.findAutoSlotElements();
-        for (const element of elements) {
-            const slotInfo = SDKUtils.extractSlotInfo(element);
-            if (!slotInfo.slotId || this.slots.has(slotInfo.slotId))
-                continue;
-            const adType = SDKUtils.parseAdType(slotInfo.adType, AdType);
-            await this.createSlot(slotInfo.slotId, element.id || slotInfo.slotId, adType, {
-                width: slotInfo.width,
-                height: slotInfo.height,
-                language: slotInfo.language,
-                deviceType: slotInfo.deviceType,
-                country: slotInfo.country,
-                sliderEffect: slotInfo.sliderEffect,
-            });
-        }
-    }
-    /**
-     * SDK 정리
-     */
-    destroy() {
-        this.slots.clear();
-        ImpressionTracker.clear(); // 노출 추적 데이터도 정리
-        this.initialized = false;
-        AdStageSDK.instance = null;
-    }
-    /**
-     * 디바이스 ID 가져오기
-     */
-    getDeviceId() {
-        return DeviceInfoCollector.generateDeviceId();
-    }
-    /**
-     * 세션 ID 가져오기
-     */
-    getSessionId() {
-        return DeviceInfoCollector.generateSessionId();
-    }
-    /**
-     * 현재 로드된 슬롯 수 가져오기
-     */
-    getLoadedSlotCount() {
-        return this.slots.size;
-    }
-    /**
-     * 모든 슬롯 정보 가져오기
-     */
-    getAllSlots() {
-        return new Map(this.slots);
-    }
-}
-AdStageSDK.instance = null;
-async function autoInit() {
-    if (DOMUtils.isBrowser() && window.adstageConfig) {
-        try {
-            const sdk = AdStageSDK.init(window.adstageConfig);
-            await sdk.autoLoadSlots();
-        }
-        catch (error) {
-            console.error('Failed to auto-initialize AdStageSDK:', error);
-        }
-    }
-}
-// 브라우저 환경에서 자동 초기화
-if (DOMUtils.isBrowser()) {
-    // 타입 단언을 사용하여 window 객체에 할당
-    window.AdStageSDK = AdStageSDK;
-    // DOM 로드 후 자동 초기화
-    if (DOMUtils.isDOMReady()) {
-        autoInit();
-    }
-    else {
-        DOMUtils.waitForDOM().then(autoInit);
-    }
-}
-
-var index = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    AdErrorBoundary: AdErrorBoundary,
-    get AdEventType () { return AdEventType; },
-    AdSlot: AdSlot,
-    AdStageProvider: AdStageProvider,
-    AdStageSDK: AdStageSDK,
-    get AdType () { return AdType; },
-    BannerAd: BannerAd,
-    InterstitialAd: InterstitialAd,
-    NativeAd: NativeAd,
-    TextAd: TextAd,
-    VideoAd: VideoAd,
-    default: AdStageSDK,
-    useAdSlot: useAdSlot,
-    useAdStage: useAdStage,
-    useAdTracking: useAdTracking
-});
-
-export { AdErrorBoundary, AdEventType, AdSlot, AdStageProvider, AdStageSDK, AdType, BannerAd, InterstitialAd, NativeAd, TextAd, VideoAd, AdStageSDK as default, useAdSlot, useAdStage, useAdTracking };