@selwise/widget 0.0.2 → 1.0.0

package/dist/npm/esm/modules/products/tracking.js

@@ -1,203 +0,0 @@
-/**
- * Extract itemCode from product object
- * Uses canonical product identifier fields.
- *
- * @param product - Product object from API
- * @returns The merchant's product ID (itemCode)
- */
-export function getProductItemCode(product) {
-    if (typeof product === 'string') {
-        return product;
-    }
-    // id is the canonical product identifier; itemCode mirrors id when present.
-    return product.itemCode || product.id;
-}
-/**
- * Extract product UUID (internal database ID)
- * Only for internal use - never send in tracking events
- *
- * @param product - Product object from API
- * @returns Internal UUID or undefined
- */
-export function getProductUuid(product) {
-    return product._uuid;
-}
-/**
- * Track a product view/impression event
- *
- * @param product - Product object from API
- * @param context - Event context (source, position, etc.)
- * @returns Promise that resolves when event is tracked
- */
-export async function trackProductView(product, context) {
-    const itemCode = getProductItemCode(product);
-    // Use the global tracking function from core tracker
-    if (typeof window !== 'undefined' && window.Selwise || window.Selwise) {
-        const Selwise = window.Selwise || window.Selwise;
-        // Check if batch tracking is enabled
-        if (Selwise.trackEvent) {
-            await Selwise.trackEvent('product_view', {
-                entityType: context.source,
-                entityId: context.widgetId || null,
-                metadata: {
-                    productItemCode: itemCode,
-                    position: context.position,
-                    query: context.query,
-                    listType: context.listType,
-                    ...context.customData,
-                },
-            });
-        }
-    }
-}
-/**
- * Track a product click event
- *
- * @param product - Product object from API
- * @param context - Event context (source, position, etc.)
- * @returns Promise that resolves when event is tracked
- */
-export async function trackProductClick(product, context) {
-    const itemCode = getProductItemCode(product);
-    if (typeof window !== 'undefined' && window.Selwise || window.Selwise) {
-        const Selwise = window.Selwise || window.Selwise;
-        if (Selwise.trackEvent) {
-            await Selwise.trackEvent('click', {
-                entityType: context.source,
-                entityId: context.widgetId || itemCode,
-                metadata: {
-                    productItemCode: itemCode,
-                    position: context.position,
-                    query: context.query,
-                    listType: context.listType,
-                    ...context.customData,
-                },
-            });
-        }
-    }
-}
-/**
- * Track an add_to_cart event
- *
- * @param product - Product object from API
- * @param quantity - Quantity added (default: 1)
- * @param context - Event context (source, widgetId, etc.)
- * @returns Promise that resolves when event is tracked
- */
-export async function trackAddToCart(product, quantity = 1, context) {
-    const itemCode = getProductItemCode(product);
-    if (typeof window !== 'undefined' && window.Selwise || window.Selwise) {
-        const Selwise = window.Selwise || window.Selwise;
-        if (Selwise.trackEvent) {
-            await Selwise.trackEvent('add_to_cart', {
-                entityType: context.source,
-                entityId: context.widgetId || itemCode,
-                metadata: {
-                    productItemCode: itemCode,
-                    quantity,
-                    price: typeof product === 'object' ? product.price : undefined,
-                    ...context.customData,
-                },
-            });
-        }
-    }
-}
-/**
- * Track product impression (for analytics/funnel)
- *
- * @param products - Array of products being viewed
- * @param context - Event context (source, listType, etc.)
- * @returns Promise that resolves when events are tracked
- */
-export async function trackProductImpressions(products, context) {
-    if (typeof window !== 'undefined' && window.Selwise || window.Selwise) {
-        const Selwise = window.Selwise || window.Selwise;
-        if (Selwise.trackEvent) {
-            // Track as a batch of impressions
-            const itemCodes = products.map(getProductItemCode);
-            await Selwise.trackEvent('product_impression', {
-                entityType: context.source,
-                entityId: context.widgetId || null,
-                metadata: {
-                    productItemCodes: itemCodes,
-                    count: itemCodes.length,
-                    listType: context.listType,
-                    query: context.query,
-                    ...context.customData,
-                },
-            });
-        }
-    }
-}
-/**
- * Prepare product event data with normalized product identification
- *
- * @param product - Product object or itemCode
- * @param eventName - Event type (view, click, add_to_cart, etc.)
- * @param context - Event context
- * @returns Normalized event data ready for tracking
- */
-export function prepareProductEventData(product, eventName, context) {
-    const itemCode = getProductItemCode(product);
-    return {
-        name: eventName,
-        entityType: context.source,
-        entityId: context.widgetId || itemCode,
-        metadata: {
-            productItemCode: itemCode,
-            ...(typeof product === 'object' && {
-                _productUuid: product._uuid, // Only for internal use
-                price: product.price,
-                category: product.category,
-            }),
-            ...(context.position !== undefined && { position: context.position }),
-            ...(context.query && { query: context.query }),
-            ...(context.listType && { listType: context.listType }),
-            ...context.customData,
-        },
-    };
-}
-/**
- * Product Tracker class for OOP-style tracking
- *
- * Example usage:
- * ```typescript
- * const tracker = new ProductTracker();
- * await tracker.trackView(product, { source: 'recommendation', widgetId: 'xxx' });
- * ```
- */
-export class ProductTracker {
-    /**
-     * Track a product view/impression
-     */
-    static async view(product, context) {
-        return trackProductView(product, context);
-    }
-    /**
-     * Track a product click
-     */
-    static async click(product, context) {
-        return trackProductClick(product, context);
-    }
-    /**
-     * Track add to cart
-     */
-    static async addToCart(product, quantity, context) {
-        return trackAddToCart(product, quantity, context);
-    }
-    /**
-     * Track product impressions (list view)
-     */
-    static async impressions(products, context) {
-        return trackProductImpressions(products, context);
-    }
-    /**
-     * Prepare event data (for custom tracking)
-     */
-    static prepareEvent(product, eventName, context) {
-        return prepareProductEventData(product, eventName, context);
-    }
-}
-// Export convenience functions
-export default ProductTracker;
-//# sourceMappingURL=tracking.js.map

package/dist/npm/esm/modules/products/tracking.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../../../src/modules/products/tracking.ts"],"names":[],"mappings":"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"}

package/dist/npm/esm/modules/recommendation/cart-handlers.d.ts

@@ -1,10 +0,0 @@
-/**
- * Cart Handlers for Recommendation Module
- * Uses shared cart module for platform-specific implementations
- */
-import type { Product, RecommendationWidget, RecommendationConfig } from '../../types';
-export declare function handleAddToCart(product: Product, widget: RecommendationWidget, config: RecommendationConfig, trackEvent?: (type: 'add_to_cart', widgetId: string, productItemCode: string, config: RecommendationConfig) => void, trackBehavior?: (type: 'add_to_cart', product: {
-    itemCode: string;
-    category?: string;
-    price?: number;
-}, config: RecommendationConfig) => void): void;

package/dist/npm/esm/modules/recommendation/cart-handlers.js

@@ -1,49 +0,0 @@
-/**
- * Cart Handlers for Recommendation Module
- * Uses shared cart module for platform-specific implementations
- */
-import { addToCart, createButtonState, } from '../../shared/cart/index.js';
-export function handleAddToCart(product, widget, config, trackEvent, trackBehavior) {
-    const productItemCode = product.itemCode || product.id;
-    // Track add to cart event
-    trackEvent?.('add_to_cart', widget.id, productItemCode, config);
-    // Track behavior for AI personalization
-    trackBehavior?.('add_to_cart', {
-        itemCode: productItemCode,
-        category: product.categories,
-        price: product.price,
-    }, config);
-    // Map to shared cart product type
-    const cartProduct = {
-        id: productItemCode,
-        title: product.title,
-        price: product.price,
-        variantId: product.variantId,
-        itemCode: productItemCode,
-        wooProductId: product.wooProductId,
-        magentoProductId: product.magentoProductId,
-        prestaProductId: product.prestaProductId,
-        attributeId: product.attributeId,
-    };
-    const platform = (widget.cartPlatform || 'custom');
-    // For Akinon, we need button state
-    if (platform === 'akinon') {
-        const button = document.querySelector(`[data-selwise-action="add-to-cart"][data-product-id="${productItemCode}"]`);
-        const buttonState = createButtonState(button, {
-            loading: 'Adding...',
-            success: 'Added!',
-            error: 'Hata',
-            default: widget.cartButtonText || 'Add to Cart',
-        });
-        addToCart(cartProduct, platform, { buttonState });
-    }
-    else {
-        addToCart(cartProduct, platform, {
-            customScript: widget.customCartScript ||
-                (typeof widget.addToCartConfig?.customScript === 'string'
-                    ? widget.addToCartConfig.customScript
-                    : undefined),
-        });
-    }
-}
-//# sourceMappingURL=cart-handlers.js.map

package/dist/npm/esm/modules/recommendation/cart-handlers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cart-handlers.js","sourceRoot":"","sources":["../../../../../src/modules/recommendation/cart-handlers.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EACL,SAAS,EACT,iBAAiB,GAGlB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,UAAU,eAAe,CAC7B,OAAgB,EAChB,MAA4B,EAC5B,MAA4B,EAC5B,UAKS,EACT,aAIS;IAET,MAAM,eAAe,GAAG,OAAO,CAAC,QAAQ,IAAI,OAAO,CAAC,EAAE,CAAC;IAEvD,0BAA0B;IAC1B,UAAU,EAAE,CAAC,aAAa,EAAE,MAAM,CAAC,EAAE,EAAE,eAAe,EAAE,MAAM,CAAC,CAAC;IAEhE,wCAAwC;IACxC,aAAa,EAAE,CAAC,aAAa,EAAE;QAC7B,QAAQ,EAAE,eAAe;QACzB,QAAQ,EAAE,OAAO,CAAC,UAAU;QAC5B,KAAK,EAAE,OAAO,CAAC,KAAK;KACrB,EAAE,MAAM,CAAC,CAAC;IAEX,kCAAkC;IAClC,MAAM,WAAW,GAAgB;QAC/B,EAAE,EAAE,eAAe;QACnB,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,KAAK,EAAE,OAAO,CAAC,KAAK;QACpB,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,QAAQ,EAAE,eAAe;QACzB,YAAY,EAAG,OAAe,CAAC,YAAY;QAC3C,gBAAgB,EAAG,OAAe,CAAC,gBAAgB;QACnD,eAAe,EAAG,OAAe,CAAC,eAAe;QACjD,WAAW,EAAG,OAAe,CAAC,WAAW;KAC1C,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,MAAM,CAAC,YAAY,IAAI,QAAQ,CAAiB,CAAC;IAEnE,mCAAmC;IACnC,IAAI,QAAQ,KAAK,QAAQ,EAAE,CAAC;QAC1B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CACnC,wDAAwD,eAAe,IAAI,CAChD,CAAC;QAE9B,MAAM,WAAW,GAAG,iBAAiB,CAAC,MAAM,EAAE;YAC5C,OAAO,EAAE,WAAW;YACpB,OAAO,EAAE,QAAQ;YACjB,KAAK,EAAE,MAAM;YACb,OAAO,EAAE,MAAM,CAAC,cAAc,IAAI,aAAa;SAChD,CAAC,CAAC;QAEH,SAAS,CAAC,WAAW,EAAE,QAAQ,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC;IACpD,CAAC;SAAM,CAAC;QACN,SAAS,CAAC,WAAW,EAAE,QAAQ,EAAE;YAC/B,YAAY,EACV,MAAM,CAAC,gBAAgB;gBACvB,CAAC,OAAO,MAAM,CAAC,eAAe,EAAE,YAAY,KAAK,QAAQ;oBACvD,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,YAAY;oBACrC,CAAC,CAAC,SAAS,CAAC;SACjB,CAAC,CAAC;IACL,CAAC;AACH,CAAC"}

package/dist/npm/esm/modules/recommendation/components/product-card-renderer.d.ts

@@ -1,37 +0,0 @@
-/**
- * Product Card Component and Renderers
- * Complete rendering logic for product cards with custom templates
- *
- * Uses shared product-card module for unified rendering
- */
-import type { Product, ProductCardDefinition, RecommendationWidget, RecommendationConfig } from '../../../types';
-/**
- * Render custom product card using shared renderer
- *
- * @param containerId - Optional ID for tracking cards to execute JS later
- */
-export declare function renderCustomProductCard(product: Product, productCard: ProductCardDefinition, containerId?: string): string;
-/**
- * Render default card when no product card template is defined
- */
-export declare function renderDefaultCard(product: Product, widget: RecommendationWidget): string;
-/**
- * Create product card DOM element with event handlers
- * This is the main entry point for creating product cards
- *
- * @param containerId - Optional ID for tracking cards to execute JS later
- */
-export declare function createProductCard(product: Product, widget: RecommendationWidget, config: RecommendationConfig, handleAddToCart: (product: Product, widget: RecommendationWidget, config: RecommendationConfig, trackEvent?: (type: 'add_to_cart', widgetId: string, productItemCode: string, config: RecommendationConfig) => void, trackBehavior?: (type: 'add_to_cart', product: {
-    itemCode: string;
-    category?: string;
-    price?: number;
-}, config: RecommendationConfig) => void) => void, trackEvent: (type: 'click', widgetId: string, productItemCode: string, config: RecommendationConfig) => void, trackBehavior?: (type: 'view' | 'add_to_cart' | 'purchase' | 'wishlist', product: {
-    itemCode: string;
-    category?: string;
-    price?: number;
-}, config: RecommendationConfig) => void, containerId?: string): HTMLElement;
-/**
- * Execute JavaScript for product cards after DOM insertion
- * Call this after inserting the HTML into the DOM
- */
-export declare function executeCardScriptsForRecommendations(containerId: string, container: HTMLElement): void;

package/dist/npm/esm/modules/recommendation/components/product-card-renderer.js

@@ -1,281 +0,0 @@
-/**
- * Product Card Component and Renderers
- * Complete rendering logic for product cards with custom templates
- *
- * Uses shared product-card module for unified rendering
- */
-import { formatPrice } from '../utils/format.js';
-import { fromRecommendationProduct, renderProductCard as sharedRenderProductCard, executeCardScript, DATA_ATTRS, ACTIONS, } from '../../../shared/product-card/index.js';
-import { sanitizeProductHTML } from '../../../utils/sanitize.js';
-// Store rendered data for later JS execution
-const renderedCardsData = new Map();
-/**
- * Render custom product card using shared renderer
- *
- * @param containerId - Optional ID for tracking cards to execute JS later
- */
-export function renderCustomProductCard(product, productCard, containerId) {
-    // Convert to unified product type
-    const unifiedProduct = fromRecommendationProduct(product);
-    // Create template from productCard definition - INCLUDE JS FIELDS
-    const template = {
-        id: productCard.id,
-        template: productCard.template,
-        fields: productCard.fields || [],
-        layoutType: productCard.layoutType,
-        imagePosition: productCard.imagePosition,
-        imageSize: productCard.imageSize,
-        showBadges: productCard.showBadges,
-        showButton: productCard.showButton,
-        buttonText: productCard.buttonText,
-        buttonStyle: productCard.buttonStyle,
-        hoverEffect: productCard.hoverEffect,
-        customCSS: productCard.customCSS,
-        customHTML: productCard.customHTML,
-        customJs: productCard.customJs,
-        jsTiming: productCard.jsTiming || 'immediate',
-        jsEventName: productCard.jsEventName,
-    };
-    // Create context
-    const context = {
-        source: 'recommendation',
-        formatPrice,
-    };
-    // Store data for later JS execution if we have a containerId
-    if (containerId && template.customJs) {
-        if (!renderedCardsData.has(containerId)) {
-            renderedCardsData.set(containerId, []);
-        }
-        renderedCardsData.get(containerId).push({
-            template,
-            unifiedProduct,
-            productItemCode: product.itemCode || product.id,
-        });
-    }
-    // Use shared renderer
-    return sharedRenderProductCard(unifiedProduct, template, context);
-}
-/**
- * Render default card when no product card template is defined
- */
-export function renderDefaultCard(product, widget) {
-    const hasDiscount = product.originalPrice && product.originalPrice > product.price;
-    const discountPercent = hasDiscount
-        ? Math.round(((product.originalPrice - product.price) / product.originalPrice) * 100)
-        : 0;
-    let badgesHTML = '';
-    if (product.isNew)
-        badgesHTML += '<span class="recommendation-badge recommendation-badge-new">New</span>';
-    if (hasDiscount)
-        badgesHTML += `<span class="recommendation-badge recommendation-badge-sale">-${discountPercent}%</span>`;
-    if (product.isBestseller)
-        badgesHTML += '<span class="recommendation-badge recommendation-badge-bestseller">Bestseller</span>';
-    let addToCartHTML = '';
-    if (widget.addToCartEnabled) {
-        const productItemCode = product.itemCode || product.id;
-        addToCartHTML = `
-      <button class="recommendation-add-to-cart" 
-        ${DATA_ATTRS.ACTION}="${ACTIONS.ADD_TO_CART}"
-        ${DATA_ATTRS.PRODUCT_ID}="${productItemCode}">
-        ${widget.cartButtonText || 'Add to Cart'}
-      </button>
-    `;
-    }
-    return `
-    <div class="recommendation-card-inner">
-      <div class="recommendation-card-image">
-        ${badgesHTML ? `<div class="recommendation-badges">${badgesHTML}</div>` : ''}
-        <img src="${product.imageUrl}" alt="${product.title}" loading="lazy" />
-      </div>
-      <div class="recommendation-card-content">
-        <h3 class="recommendation-card-title">${product.title}</h3>
-        <div class="recommendation-card-price">
-          ${hasDiscount ? `<span class="recommendation-price-original">${formatPrice(product.originalPrice)}</span>` : ''}
-          <span class="recommendation-price-current">${formatPrice(product.price)}</span>
-        </div>
-        ${addToCartHTML}
-      </div>
-    </div>
-    <style>
-      .recommendation-card-inner {
-        background: white;
-        border-radius: 8px;
-        overflow: hidden;
-        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
-        transition: transform 0.2s ease, box-shadow 0.2s ease;
-        cursor: pointer;
-      }
-      .recommendation-card-inner:hover {
-        transform: translateY(-4px);
-        box-shadow: 0 8px 24px rgba(0,0,0,0.15);
-      }
-      .recommendation-card-image {
-        position: relative;
-        padding-top: 100%;
-      }
-      .recommendation-card-image img {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
-      .recommendation-badges {
-        position: absolute;
-        top: 8px;
-        left: 8px;
-        z-index: 1;
-        display: flex;
-        flex-direction: column;
-        gap: 4px;
-      }
-      .recommendation-badge {
-        padding: 4px 8px;
-        font-size: 12px;
-        font-weight: 600;
-        border-radius: 4px;
-        text-transform: uppercase;
-      }
-      .recommendation-badge-new {
-        background: #22c55e;
-        color: white;
-      }
-      .recommendation-badge-sale {
-        background: #ef4444;
-        color: white;
-      }
-      .recommendation-badge-bestseller {
-        background: #f59e0b;
-        color: white;
-      }
-      .recommendation-card-content {
-        padding: 12px;
-      }
-      .recommendation-card-title {
-        font-size: 14px;
-        font-weight: 500;
-        color: #111;
-        margin: 0 0 8px;
-        line-height: 1.4;
-        display: -webkit-box;
-        -webkit-line-clamp: 2;
-        -webkit-box-orient: vertical;
-        overflow: hidden;
-      }
-      .recommendation-card-price {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-      }
-      .recommendation-price-original {
-        text-decoration: line-through;
-        color: #999;
-        font-size: 13px;
-      }
-      .recommendation-price-current {
-        font-weight: 600;
-        color: #111;
-        font-size: 16px;
-      }
-      .recommendation-add-to-cart {
-        width: 100%;
-        margin-top: 12px;
-        padding: 10px;
-        background: #111;
-        color: white;
-        border: none;
-        border-radius: 6px;
-        font-size: 14px;
-        font-weight: 500;
-        cursor: pointer;
-        transition: background 0.2s ease;
-      }
-      .recommendation-add-to-cart:hover {
-        background: #333;
-      }
-    </style>
-  `;
-}
-/**
- * Create product card DOM element with event handlers
- * This is the main entry point for creating product cards
- *
- * @param containerId - Optional ID for tracking cards to execute JS later
- */
-export function createProductCard(product, widget, config, handleAddToCart, trackEvent, trackBehavior, containerId) {
-    const card = document.createElement('div');
-    card.className = 'recommendation-card';
-    card.setAttribute('data-product-id', product.itemCode || product.id);
-    // If custom product card template is defined
-    if (widget.productCard) {
-        // Custom templates are already sanitized in renderCustomProductCard -> sharedRenderProductCard
-        card.innerHTML = renderCustomProductCard(product, widget.productCard, containerId);
-    }
-    else {
-        // Default card template - sanitize the output
-        card.innerHTML = sanitizeProductHTML(renderDefaultCard(product, widget));
-    }
-    // Check if custom template has its own links (has <a> tags)
-    const hasCustomLinks = widget.productCard?.customHTML &&
-        (widget.productCard.customHTML.includes('<a ') || widget.productCard.customHTML.includes('<a\''));
-    // Add click handler for add-to-cart actions
-    card.addEventListener('click', (e) => {
-        const target = e.target;
-        const isAddToCart = target.closest(`[${DATA_ATTRS.ACTION}="${ACTIONS.ADD_TO_CART}"]`);
-        if (isAddToCart) {
-            e.preventDefault();
-            handleAddToCart(product, widget, config, trackEvent, trackBehavior);
-            return;
-        }
-        // If using custom template with links, let anchor tags handle navigation
-        // Only navigate automatically for non-custom templates
-        if (!hasCustomLinks) {
-            // Track click and navigate for default templates
-            trackEvent('click', widget.id, product.itemCode || product.id, config);
-            // Also track behavior for AI personalization (view = product page click)
-            if (trackBehavior) {
-                trackBehavior('view', {
-                    itemCode: product.itemCode || product.id,
-                    category: product.categories,
-                    price: product.price,
-                }, config);
-            }
-            window.location.href = product.url;
-            return;
-        }
-        // For custom templates with links:
-        // Check if clicked on or inside an anchor tag - if yes, track event and let anchor handle it
-        const closestAnchor = target.closest('a');
-        if (closestAnchor) {
-            trackEvent('click', widget.id, product.itemCode || product.id, config);
-            // Let the anchor tag handle its own navigation
-            return;
-        }
-        // Clicked outside any anchor in custom template - do nothing, don't navigate
-        // User can add custom JS if they want other click behavior
-    });
-    return card;
-}
-/**
- * Execute JavaScript for product cards after DOM insertion
- * Call this after inserting the HTML into the DOM
- */
-export function executeCardScriptsForRecommendations(containerId, container) {
-    const cardsData = renderedCardsData.get(containerId);
-    if (!cardsData)
-        return;
-    cardsData.forEach((cardData) => {
-        const cardElement = container.querySelector(`[data-product-id="${cardData.productItemCode}"] .selwise-card-inner`);
-        if (cardElement && cardData.template.customJs) {
-            const context = {
-                source: 'recommendation',
-                formatPrice,
-            };
-            executeCardScript(cardElement, cardData.template, cardData.unifiedProduct, context);
-        }
-    });
-    // Clean up stored data
-    renderedCardsData.delete(containerId);
-}
-//# sourceMappingURL=product-card-renderer.js.map

package/dist/npm/esm/modules/recommendation/components/product-card-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"product-card-renderer.js","sourceRoot":"","sources":["../../../../../../src/modules/recommendation/components/product-card-renderer.ts"],"names":[],"mappings":"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"}

package/dist/npm/esm/modules/recommendation/index.d.ts

@@ -1,11 +0,0 @@
-/**
- * Recommendation Widget Module - Refactored
- * Handles fetching and rendering of product recommendations
- */
-import type { RecommendationConfig } from '../../types';
-export declare function initRecommendations(config: RecommendationConfig): Promise<void>;
-/**
- * Cleanup all observers and rendered widgets
- * Call this when navigating away in SPA
- */
-export declare function cleanup(): void;