How to use the @shopgate/pwa-common-commerce/cart/constants/Portals.CART_ITEM_NAME function in @shopgate/pwa-common-commerce

const Layout = ({ coupon, currency, handleDelete }, context) => (
  
    
      
      
        
      
      
    
    
      
      
        <title value="{coupon.label}">
      &lt;/Portal&gt;
      &lt;Portal name={portals.CART_ITEM_NAME_AFTER} props={context} /&gt;

      &lt;Portal name={portals.CART_ITEM_COUPON_CODE_BEFORE} props={context} /&gt;
      &lt;Portal name={portals.CART_ITEM_COUPON_CODE} props={context}&gt;
        &lt;Code value={coupon.code} /&gt;
      &lt;/Portal&gt;
      &lt;Portal name={portals.CART_ITEM_COUPON_CODE_BEFORE} props={context} /&gt;
    &lt;/Grid.Item&gt;
    &lt;Grid.Item className={`${styles.content} ${styles.contentLast}`} grow={1} shrink={0}&gt;
      &lt;Delete handleDelete={handleDelete} /&gt;
      &lt;CouponFreeShipping freeShipping={coupon.freeShipping} /&gt;
      { (coupon.savedPrice &amp;&amp; coupon.savedPrice.value &gt; 0) &amp;&amp;
        &lt;Fragment&gt;
          &lt;Portal name={portals.CART_ITEM_PRICE_BEFORE} props={context} /&gt;</title>

const Title = ({ value, handleRemove, toggleEditMode }, context) => (
  
    
      
      
        <div data-test-id="{value}">
          {value}
        </div>
      
      
    
    
      <div>
        
          
            
          
           toggleEditMode(true)}&gt;
            
          
        </div>

const Layout = ({ coupon, currency, handleDelete }, context) => (
  
    
      
      
        
      
      
    
    
      
      
        <title value="{coupon.label}">
      &lt;/Portal&gt;
      &lt;Portal name={portals.CART_ITEM_NAME_AFTER} props={context} /&gt;

      &lt;Portal name={portals.CART_ITEM_COUPON_CODE_BEFORE} props={context} /&gt;
      &lt;Portal name={portals.CART_ITEM_COUPON_CODE} props={context}&gt;
        &lt;Code value={coupon.code} /&gt;
      &lt;/Portal&gt;
      &lt;Portal name={portals.CART_ITEM_COUPON_CODE_BEFORE} props={context} /&gt;
    &lt;/Grid.Item&gt;
    &lt;Grid.Item className={`${styles.content} ${styles.contentLast}`} grow={1} shrink={0}&gt;
      &lt;Delete handleDelete={handleDelete} /&gt;
      &lt;CouponFreeShipping freeShipping={coupon.freeShipping} /&gt;
      {(coupon.savedPrice &amp;&amp; coupon.savedPrice.value &gt; 0) &amp;&amp;
        &lt;Fragment&gt;
          &lt;Portal name={portals.CART_ITEM_PRICE_BEFORE} props={context} /&gt;</title>

const Layout = ({ coupon, currency, handleDelete }, context) => (
  
    
      
      
        
      
      
    
    
      
      
        <title value="{coupon.label}">
      &lt;/Portal&gt;
      &lt;Portal name={portals.CART_ITEM_NAME_AFTER} props={context} /&gt;

      &lt;Portal name={portals.CART_ITEM_COUPON_CODE_BEFORE} props={context} /&gt;
      &lt;Portal name={portals.CART_ITEM_COUPON_CODE} props={context}&gt;
        &lt;Code value={coupon.code} /&gt;
      &lt;/Portal&gt;
      &lt;Portal name={portals.CART_ITEM_COUPON_CODE_BEFORE} props={context} /&gt;
    &lt;/Grid.Item&gt;
    &lt;Grid.Item className={`${styles.content} ${styles.contentLast}`} grow={1} shrink={0}&gt;
      &lt;Delete handleDelete={handleDelete} /&gt;
      { (coupon.savedPrice &amp;&amp; coupon.savedPrice.value &gt; 0) &amp;&amp;
        &lt;Fragment&gt;
          &lt;Portal name={portals.CART_ITEM_PRICE_BEFORE} props={context} /&gt;
          &lt;Portal name={portals.CART_ITEM_PRICE} props={context}&gt;</title>