@helpscout/hsds-react/components/VerificationCode/VerificationCode.utils.js

React component library for Help Scout's Design System

"use strict";

exports.__esModule = true;
exports.selectAll = selectAll;
exports.clearAll = clearAll;
exports.showInputDigits = showInputDigits;
exports.getCleanSelectedText = getCleanSelectedText;
exports.getCurrentCodeValue = getCurrentCodeValue;
exports.CLASSNAMES = void 0;
var CLASSNAMES = {
  hidden: 'hidden'
};
/* istanbul ignore next */

exports.CLASSNAMES = CLASSNAMES;

function selectAll(digitInputNodes, digitMaskNodes) {
  var selection = window.getSelection();

  if (selection.rangeCount > 0) {
    selection.removeAllRanges();
  }

  var lastIndex = 0;
  digitInputNodes.forEach(function (digitInputNode, index) {
    digitInputNode.classList.add(CLASSNAMES.hidden);
    digitMaskNodes[index].classList.remove(CLASSNAMES.hidden);

    if (digitMaskNodes[index].innerText) {
      lastIndex = index;
    }
  });
  selection.setBaseAndExtent(digitMaskNodes[0], 0, digitMaskNodes[lastIndex], 1);
}

function clearAll(digitInputNodes, digitMaskNodes) {
  digitInputNodes.forEach(function (digitInput, index) {
    digitInput.value = '';
    digitMaskNodes[index].innerText = '';
  });
}

function showInputDigits(digitInputNodes, digitMaskNodes) {
  for (var i = 0; i < digitInputNodes.length; i++) {
    digitInputNodes[i].classList.remove(CLASSNAMES.hidden);
    digitMaskNodes[i].classList.add(CLASSNAMES.hidden);
  }
}

function getCleanSelectedText() {
  return window.getSelection().toString().replace(/\s/g, '');
}

function getCurrentCodeValue(digitInputNodes) {
  return digitInputNodes.map(function (input) {
    return input.value;
  }).join('').trim();
}