// API_BASE_URL=https://api.adspostx.com/native/v4

const fetchMomentOffers = async (
  apiKey,
  queryParameters = {},
  payload = {},
) => {
  try {
    const userAgent = payload.ua ?? (await getUserAgent());

    const headers = {
      'Content-Type': 'application/json',
      Accept: 'application/json',
      'User-Agent': userAgent,
    };

    const allQueryParameters = {
      api_key: apiKey,
      ...queryParameters,
    };

    const filteredQueryParameters = Object.fromEntries(
      Object.entries(allQueryParameters).filter(([, v]) => v != null)
    );

    const filteredPayload = Object.fromEntries(
      Object.entries(payload).filter(([, v]) => v != null)
    );

    const queryString = new URLSearchParams(filteredQueryParameters).toString();
    const apiUrl = `${Config.API_BASE_URL}/offers.json${queryString ? `?${queryString}` : ''}`;

    const response = await axios.post(apiUrl, filteredPayload, { headers });
    return response;
  } catch (error) {
    Logger.log('[fetchMomentOffers] Error:', error);
    Logger.log('[fetchMomentOffers] Details:', error.response || error.request || error.message);
    throw error;
  }
};

<OfferContainerView
  offers={offers}
  OnCloseOfferCTA={handleOfferClose}
  apiStyles={apiStyles}
/>

<OfferView
  title={currentOffer.title} // Offer headline
  description={currentOffer.description} // Offer description
  imageURL={currentOffer.image} // URL of the offer creative (image)
  clickURL={currentOffer.click_url} // URL to open on image or positive CTA tap
  onImageCTA={handleImageCTA} //Called when the offer image is tapped
  positiveCTA={currentOffer.cta_yes} // Label for the primary CTA button
  onPositiveCTA={handlePositiveCTA} // Called when the primary CTA is tapped
  negativeCTA={currentOffer.cta_no} // Label for the secondary CTA button
  onNegativeCTA={handleNegativeCTA} // Called when the secondary CTA is tapped
  apiStyles={apiStyles?.offerText} // Optional styling applied to text or CTA components
/>

const fireOfferPixel = async (url) => {
  if (!url) return;

  try {
    Logger.log('Inside fire pixel:', url);
    const response = await axios.get(url);
    Logger.log('Fire pixel Success:', response.data);
  } catch (error) {
    Logger.log('Fire pixel Error:', error);
  }
};