Masked Input React Native

MaskedInput.jsx

import React from 'react';
import phone from 'shared/masks/phone';
import cep from 'shared/masks/cep';

const masks = {
  phone,
  cep,
};

const getMask = (mask) => {
  if (Object.keys(masks).includes(mask)) {
    return masks[mask];
  }

  return value => value;
};

const onChangeTextWrapper = (props, mask) => (text) => {
  props.form.setFieldValue(props.field.name, mask(text));
};

const MaskedInput = (props) => {
  const Component = props.maskedComponent;
  const onChangeText = onChangeTextWrapper(props, getMask(props.mask));

  return <Component {...props} onChangeText={onChangeText} />;
};

export default MaskedInput;