@shopgate/pwa-common-commerce/scanner/actions/handleQrCode.js

Commerce library for the Shopgate Connect PWA.

import { historyPop, historyReplace, historyPush } from '@shopgate/engage/core/actions';
import { fetchPageConfig } from '@shopgate/engage/page/actions';
import { makeGetUnifiedCMSPageData } from '@shopgate/engage/page/selectors';
import { fetchProductsById } from '@shopgate/engage/product';
import { getProductById } from '@shopgate/engage/product/selectors/product';
import { fetchCategory } from '@shopgate/engage/category/actions';
import { getCategory } from '@shopgate/engage/category/selectors';
import { isHTTPS, mutable } from '@shopgate/engage/core/helpers';
import successHandleScanner from "../action-creators/successHandleScanner";
import { QR_CODE_TYPE_CATEGORY, QR_CODE_TYPE_COUPON, QR_CODE_TYPE_HOMEPAGE, QR_CODE_TYPE_PAGE, QR_CODE_TYPE_PRODUCT, QR_CODE_TYPE_PRODUCT_WITH_COUPON, QR_CODE_TYPE_SEARCH } from "../constants";
import { parse2dsQrCode } from "../helpers";
import handleSearch from "./handleSearch";
import handleNoResults from "./handleNoResults";

/**
 * Handle qr code
 * @param {string} event.scope Scanner scope.
 * @param {string} event.format Format of the scanned code.
 * @param {string} event.payload Barcode payload.
 * @return {Function} A redux thunk.
 */
const handleQrCode = ({
  scope,
  format,
  payload
}) => async (dispatch, getState) => {
  const {
    type,
    link,
    data
  } = parse2dsQrCode(payload) || {};

  /**
   * Helper function to handle no scan results
   * @return {Function}
   */
  const notFound = () => dispatch(handleNoResults({
    scope,
    format,
    payload
  }, 'scanner.noResult.qrCode'));
  switch (type) {
    case QR_CODE_TYPE_HOMEPAGE:
      dispatch(successHandleScanner(scope, format, payload));
      dispatch(historyReplace({
        pathname: link
      }));
      break;
    case QR_CODE_TYPE_SEARCH:
      if (await dispatch(handleSearch(data.searchPhrase || ''))) {
        dispatch(successHandleScanner(scope, format, payload));
      } else {
        notFound();
      }
      break;
    case QR_CODE_TYPE_COUPON:
      dispatch(successHandleScanner(scope, format, payload));
      dispatch(historyReplace({
        pathname: link
      }));
      dispatch(historyPop());
      break;
    case QR_CODE_TYPE_PRODUCT:
    case QR_CODE_TYPE_PRODUCT_WITH_COUPON:
      // Force to fetch missing products
      await dispatch(fetchProductsById([data.productId]));

      // Check from a store
      if (!getProductById(getState(), data)) {
        notFound();
      } else {
        dispatch(successHandleScanner(scope, format, payload));
        dispatch(historyReplace({
          pathname: link
        }));
      }
      break;
    case QR_CODE_TYPE_CATEGORY:
      await dispatch(fetchCategory(data.categoryId));
      if (!getCategory(getState(), data)) {
        notFound();
      } else {
        dispatch(successHandleScanner(scope, format, payload));
        dispatch(historyReplace({
          pathname: link
        }));
      }
      break;
    case QR_CODE_TYPE_PAGE:
      // Force to fetch missing products
      await dispatch(fetchPageConfig(data.pageId));
      if (!makeGetUnifiedCMSPageData({
        slug: data.pageId
      })(getState())) {
        notFound();
      } else {
        dispatch(successHandleScanner(scope, format, payload));
        dispatch(historyReplace({
          pathname: link
        }));
      }
      break;
    default:
      {
        if (isHTTPS(payload)) {
          dispatch(successHandleScanner(scope, format, payload));
          // Open external link in in-app browser
          dispatch(historyPush({
            pathname: payload
          }));
          // Remove the scanner screen from the history
          dispatch(historyPop());
        } else {
          notFound();
        }
        break;
      }
  }
  return null;
};

/** @mixes {MutableFunction} */
export default mutable(handleQrCode);