A/B Testing

analytics.subscribe('checkout_completed', async event => {
  const STORE_URL = 'kysonteststore4.myshopify.com';
  const API_BASE = 'https://api.production.orderprotection.com/v1';

  function transformSettings(settings) {
    return {
      variants: settings.variants,
      settings: {
        default_op: settings.automaticallyAddToCart,
        dynamic_price: true,
        dynamic_price_range: settings.rules.map(rule => {
          const term = rule.terms.customer || rule.terms.brand;
          return {
            value: rule.min * 100,
            max: rule.max * 100,
            insuranceCost: term.type === 'percentage' ? term.amount : term.amount * 100,
            isPercentage: term.type === 'percentage',
            paidBy: rule.terms.customer ? 'customer' : 'brand',
          };
        }),
        splitTestSettings: settings.splitTestSettings || null,
      },
    };
  }

  function extractSplitTestFromWidgetConfig(widgetConfig) {
    const configArray = Array.isArray(widgetConfig) ? widgetConfig : [widgetConfig];
    const configWithSplitTest = configArray.find(c => c?.splitTestSettings?.token);
    return configWithSplitTest?.splitTestSettings || null;
  }

  async function fetchWidgetConfig(widgetType) {
    const response = await fetch(`${API_BASE}/widget/config?id=${STORE_URL}&type=${widgetType}`);
    if (!response.ok) return null;
    const widgetConfig = await response.json();
    return extractSplitTestFromWidgetConfig(widgetConfig);
  }

  async function checkWidgetViewed(testId, token) {
    const response = await fetch(`${API_BASE}/tests/${testId}/${token}`);
    return response.ok;
  }

  async function getWidgetStyleSplitTest(testId) {
    const widgetTypes = ['CHECKOUT', 'CART'];
    const results = await Promise.allSettled(widgetTypes.map(fetchWidgetConfig));
    const splitTestSettings = results.find(r => r.status === 'fulfilled' && r.value)?.value || null;

    if (!splitTestSettings?.token) return null;

    const wasViewed = await checkWidgetViewed(testId, splitTestSettings.token);
    if (!wasViewed) return null;

    return splitTestSettings;
  }

  async function getNonWidgetStyleSplitTest(testId) {
    const storeResponse = await fetch(`${API_BASE}/quote/insurance?store_url=${STORE_URL}`);
    if (!storeResponse.ok) return null;

    const rawStoreSettings = await storeResponse.json();
    const store_settings = transformSettings(rawStoreSettings);
    const splitTestFromStore = store_settings?.settings?.splitTestSettings;

    if (!splitTestFromStore?.token) return null;

    const viewedWidgetResponse = await fetch(`${API_BASE}/tests/${testId}/${splitTestFromStore.token}`);
    if (!viewedWidgetResponse.ok) return null;

    return splitTestFromStore;
  }

  function sendTestEvent(splitTestSettings, orderId, purchasedOp) {
    fetch(`${API_BASE}/tests/event`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({
        type: 'checkout:completed',
        testId: splitTestSettings.id,
        sessionId: splitTestSettings.token,
        metadata: {
          isOriginal: splitTestSettings.isOriginal,
          settingsType: splitTestSettings.type,
          orderId,
          purchasedOp,
        },
      }),
    }).catch(err => console.error('Failed to send test event:', err));
  }

  async function initSplitTest() {
    try {
      const testResponse = await fetch(`${API_BASE}/tests?store=${STORE_URL}`);
      if (!testResponse.ok) return;

      const hasSplitTest = await testResponse.json();
      if (!hasSplitTest?.active || !hasSplitTest?.test) return;

      const isWidgetStyleTest = hasSplitTest.test.type === 'WIDGET_STYLE';
      const testId = hasSplitTest.test.id;

      const splitTestSettings = isWidgetStyleTest ? await getWidgetStyleSplitTest(testId) : await getNonWidgetStyleSplitTest(testId);

      if (!splitTestSettings?.token) return;

      const purchasedOp = event.data.checkout.lineItems.some(
        item => item.variant.product.vendor === 'Order Protection',
      );
      const orderId = event.data.checkout.order.id;

      sendTestEvent(splitTestSettings, orderId, purchasedOp);
    } catch (error) {
      console.error('Error in initSplitTest:', error);
    }
  }

  initSplitTest();
});