How to use the @shopgate/engage/core.bin2hex function in @shopgate/engage

const Layout = (props, context) => (
  
    
      
        <title value="{props.product.name}">
      &lt;/Link&gt;
      &lt;Grid className={styles.info}&gt;
        &lt;Grid.Item grow={1} className={styles.properties}&gt;
          &lt;ProductProperties properties={props.product.properties} lineClamp={2} /&gt;
        &lt;/Grid.Item&gt;
        &lt;Grid.Item grow={1} className={styles.price}&gt;
          &lt;ProductPrice
            currency={props.currency}
            defaultPrice={props.product.price.default}
            specialPrice={props.product.price.special}
          /&gt;</title>

const AverageRating = ({ average, count, productId }) => {
  if (!productId) {
    return null;
  }

  return (
    
      
      
    
  );
};

currency,
      messages,
      product,
      quantity,
    } = this.props;
    const { editMode } = this.state;

    return (
      
        <div> { this.cardElement = element; }} data-test-id="cartItem"&gt;
          {messages.length &gt; 0 &amp;&amp; (
            
          )}
          
            
          
        </div>

const Item = ({ product, display }) => (
  
    
    

currency,
      messages,
      product,
      quantity,
    } = this.props;
    const { editMode } = this.state;

    return (
      
        <div> { this.cardElement = element; }} data-test-id="cartItem"&gt;
          {messages.length &gt; 0 &amp;&amp; (
            
          )}
          
            
          
        </div>

const WriteReviewLink = ({ productId }) => (
  <div data-test-id="writeReview">
    
      
    
  </div>
);

const ProductCard = ({
  product, hidePrice, hideRating, hideName, titleRows,
}) => (
  
    
    {!!(!hidePrice && product.price.discount) && (
      <div>
        
        
          
        
        
      </div>
    )}
    {(!(hidePrice &amp;&amp; hideRating)) &amp;&amp; (
      <div></div>

navigate: currentSlide =>
    dispatch(historyPush({
      pathname: `${ITEM_PATH}/${bin2hex(props.productId)}/gallery/${currentSlide}`,
    })),
});

const Image = ({ product }) => (
  <div>
    
      
    
  </div>
);