Liquid snippet for TrueFit Size Sampling Integration compatible with drawer style carts

truefit.liquid

{%- if template =='cart' or template contains 'product' -%}
  <script>(function(r,e,o){
  var w=window,d=document,t,s,x;
  w.tfcapi=t=w.tfcapi||function(){t.q=t.q||[]; t.q.push(arguments);};
  t('init', {storeKey: r, environment: e, ...o});
  x=d.getElementsByTagName('script')[0];
  s=d.createElement('script');
  s.type='text/javascript';s.async=true;
  s.src='https://'+r+'-cdn'+(e==='dev'||e==='staging'?'.'+e:'')+ '.truefitcorp.com/fitrec/'+r+'/js/tf-integration.js';
  x.parentNode.insertBefore(s,x);
  // Don't change anything above this line.
  // ATTENTION: Replace [3LA] with your 3-letter TrueFit acronym
  })(‘[3LA]’, 'prod');</script>
  <script type="text/javascript">
  
  function tfSizeSampling() {
    const CART_INFO = [];
  
    fetch(window.Shopify.routes.root + 'cart.js')
      .then((response) => response.json())
      .then((cart) => {
        console.log('TF - cart result:', cart);
        cart.items.forEach((item) => {
          const sizePosition = item.options_with_values.findIndex((i) => i.name.toLowerCase().includes('size'));
          if (sizePosition) {
            CART_INFO.push({
              styleId: item.product_id.toString(),
              styleName: item.product_title,
              size: item.variant_options[sizePosition]
            });
          }
        });
        console.log('calling tf sizeSampling with cart info:', CART_INFO);
      tfcapi('sizeSampling', CART_INFO);
      });
  }
  tfSizeSampling();
  {%- if template contains 'product' -%}
    const productForm = document.querySelectorAll('form[action="/cart/add"]');
    if (productForm) {
      productForm.forEach(form => {
        form.addEventListener('submit', () => {
          setTimeout(() => {
            console.log('Item added to cart - triggering tfSizeSampling');
            tfSizeSampling();
          },1000);
        })
      })
    }
  {%- endif -%}
</script>
{%- endif -%}