// Step 1: Load the Affise Web SDK
// This should be placed in your Shopify Customer Events pixel configuration.
const script = document.createElement('script');
// Important: Replace YOUR_DOMAIN with your actual Affise tracking domain.
script.src = 'https://YOUR_DOMAIN/websdk.js';
script.async = true;
document.head.appendChild(script);

// Step 2: Once the SDK is loaded, set up the event listeners
script.onload = () => {
  
  // A. Track the initial click and store the Offer ID
  // This event fires on page loads where URL parameters from affiliates are present.
  analytics.subscribe('page_viewed', (event) => {
    const url = new URL(event.context.document.location.href);
    const offerId = url.searchParams.get('offer_id');
    const affiliateId = url.searchParams.get('pid'); // 'pid' is the standard parameter for affiliate_id

    // Only generate a click if the required params from the tracking link are present.
    if (offerId && affiliateId) {
      ASDK.click({
        offer_id: offerId,
        affiliate_id: affiliateId
      })
      .then(() => {
        // Store the offerId so we can retrieve it on subsequent events
        sessionStorage.setItem('affise_offer_id_for_conversion', offerId);
      })
      .catch(error => {
        console.error('Affise SDK: Error tracking click:', error);
      });
    }
  });

  // B. Track a conversion when a product is added to the cart
  // NOTE: This is an example. For sales tracking, use the 'checkout_completed' event.
  analytics.subscribe('product_added_to_cart', (event) => {
    const cartLine = event.data.cartLine;
    
    // Retrieve the Offer ID that we stored when the click was tracked
    const offerId = sessionStorage.getItem('affise_offer_id_for_conversion');

    if (!offerId) {
      // If there's no offerId, we can't track the conversion.
      // This is expected if the user started their session without an affiliate link.
      return;
    }
    
    // Get the click_id associated with this offer
    const clickId = ASDK.clickId(offerId);

    if (!clickId) {
        // No clickId found for this offer, so we can't attribute the conversion.
        return;
    }

    // When a product is added to the cart, send the conversion data to Affise
    ASDK.conversion({
        click_id: clickId,
        offer_id: offerId,
        status: '1', // 1 = confirmed
        sum: cartLine.cost.totalAmount.amount,
        order_currency: cartLine.cost.totalAmount.currencyCode,
        comment: `Product Added to Cart: ${cartLine.merchandise.title}`
    })
    .catch(error => {
        console.error('Affise SDK: Error tracking conversion:', error);
    });
  });
};