react-abtest/src/ExperimentUniqueIdWeighed.jsx

A simple React and React Native AB test component.

import PropTypes from 'prop-types';
import React from 'react';

import { createHash, totalWeight, getWeighedIndex, customRange } from './utils';

const ExperimentUniqueIdWeighed = ({ experimentName, uid, weights, variants, logger }) => {
  if (variants.length === 0) {
    return null;
  }

  const hash = createHash(uid + experimentName);
  const totWeight = totalWeight(weights);
  const hashFloat = parseFloat(`0.${hash}`);
  const rangeVal = customRange(hashFloat, 0.0, totWeight);
  const variant = getWeighedIndex(weights, rangeVal);
  const VariantComponent = variants[variant];

  if (logger && typeof logger === 'function') {
    logger(variant);
  }

  return VariantComponent;
};

ExperimentUniqueIdWeighed.propTypes = {
  experimentName: PropTypes.string.isRequired,
  uid: PropTypes.string.isRequired,
  weights: PropTypes.array.isRequired,
  variants: PropTypes.array.isRequired,
  logger: PropTypes.func,
};

export default ExperimentUniqueIdWeighed;