react-stripe-elements/src/utils/isEqual.js

React components for Stripe.js and Stripe Elements

// @flow
const PLAIN_OBJECT_STR = '[object Object]';

const isEqual = (left: mixed, right: mixed): boolean => {
  if (typeof left !== 'object' || typeof right !== 'object') {
    return left === right;
  }

  if (left === null || right === null) return left === right;

  const leftArray = Array.isArray(left);
  const rightArray = Array.isArray(right);

  if (leftArray !== rightArray) return false;

  const leftPlainObject =
    Object.prototype.toString.call(left) === PLAIN_OBJECT_STR;
  const rightPlainObject =
    Object.prototype.toString.call(right) === PLAIN_OBJECT_STR;

  if (leftPlainObject !== rightPlainObject) return false;

  if (!leftPlainObject && !leftArray) return false;

  const leftKeys = Object.keys(left);
  const rightKeys = Object.keys(right);

  if (leftKeys.length !== rightKeys.length) return false;

  const keySet = {};
  for (let i = 0; i < leftKeys.length; i += 1) {
    keySet[leftKeys[i]] = true;
  }
  for (let i = 0; i < rightKeys.length; i += 1) {
    keySet[rightKeys[i]] = true;
  }
  const allKeys = Object.keys(keySet);
  if (allKeys.length !== leftKeys.length) {
    return false;
  }

  const l = left;
  const r = right;
  const pred = (key) => {
    return isEqual(l[key], r[key]);
  };

  return allKeys.every(pred);
};

export default isEqual;