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

<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;
          &lt;Portal name={portals.CART_ITEM_PRICE} props={context}&gt;
            &lt;CouponPrice currency={currency} savedPrice={coupon.savedPrice} /&gt;
          &lt;/Portal&gt;
          &lt;Portal name={portals.CART_ITEM_PRICE_AFTER} props={context} /&gt;
        &lt;/Fragment&gt;
      }
    &lt;/Grid.Item&gt;
  &lt;/Grid&gt;
);
</title>

<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;
          &lt;Portal name={portals.CART_ITEM_PRICE} props={context}&gt;
            &lt;CouponPrice currency={currency} savedPrice={coupon.savedPrice} /&gt;
          &lt;/Portal&gt;
          &lt;Portal name={portals.CART_ITEM_PRICE_AFTER} props={context} /&gt;
        &lt;/Fragment&gt;
        }
    &lt;/Grid.Item&gt;
  &lt;/Grid&gt;
);
</title>

<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;
            &lt;CouponPrice currency={currency} savedPrice={coupon.savedPrice} /&gt;
          &lt;/Portal&gt;
          &lt;Portal name={portals.CART_ITEM_PRICE_AFTER} props={context} /&gt;
        &lt;/Fragment&gt;
      }
    &lt;/Grid.Item&gt;
  &lt;/Grid&gt;
);
</title>

return (
    
      {hasStrikePrice && (
        
          
          
            
          
          
        
      )}
      
      
        
      
      
    
  );
};

return (
    
      {hasStrikePrice && (
        
          
          
            
          
          
        
      )}
      
      
        
      
      
    
  );
};

const ProductPrice = ({ currency, defaultPrice, specialPrice }, context) => (
  
    {!!specialPrice && (
      
        
        
          
        
        
      
    )}
    
    
      
    
    
  
);