@shopgate/pwa-tracking/selectors/product.js

Tracking library for the Shopgate Connect PWA.

import { createSelector } from 'reselect';
import { makeGetRouteParam, makeGetRoutePattern } from '@shopgate/engage/core/selectors';
import { hex2bin } from '@shopgate/engage/core/helpers';
import { ITEM_PATTERN } from '@shopgate/engage/product/constants';
import { getBaseProduct, getProduct } from '@shopgate/pwa-common-commerce/product/selectors/product';
import { formatProductData } from "../helpers";

/**
 * Gets the current base product in a formatted way.
 * @param {Object} state The current state.
 * @returns {Object} The formatted selected variant.
 */
export const getBaseProductFormatted = createSelector(getBaseProduct, formatProductData);

/**
 * Gets the current product in a formatted way.
 * @param {Object} state The current state.
 * @returns {Object} The formatted selected variant.
 */
export const getProductFormatted = createSelector(getProduct, formatProductData);

/**
 * Creates a selector that retrieves a formatted product for the current route.
 * @returns {Function}
 */
export const makeGetRouteProduct = () => {
  const getRoutePattern = makeGetRoutePattern();
  const getProductIdRouteParam = makeGetRouteParam('productId');
  return createSelector(state => state, getRoutePattern, getProductIdRouteParam, (state, pattern, productId) => {
    const decodedProductId = productId ? hex2bin(productId) : null;
    if (pattern === ITEM_PATTERN && decodedProductId) {
      return getProductFormatted(state, {
        productId: decodedProductId
      });
    }
    return null;
  });
};