@bund-x/core/QR/QRCode.js

Master Components Core Library

"use strict";

function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.QRCode = void 0;

var _react = _interopRequireWildcard(require("react"));

var _qrCodeStyling = _interopRequireDefault(require("qr-code-styling"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var qrCode = new _qrCodeStyling["default"](_defineProperty({
  width: 182,
  height: 182,
  image: function image(props) {
    return props.image ? props.image : './bu-beyound_v16.svg';
  },
  margin: function margin(props) {
    return props.margin ? props.margin : 20;
  },
  dotsOptions: {
    color: '#000',
    type: 'rounded'
  },
  qrOptions: {
    typeNumber: '0',
    mode: 'Byte',
    errorCorrectionLevel: 'Q'
  },
  cornersSquareOptions: {
    type: 'extra-rounded',
    color: '#000000'
  },
  imageOptions: {
    hideBackgroundDots: true,
    imageSize: 0.5,
    margin: 0
  }
}, "imageOptions", {
  crossOrigin: 'anonymous',
  margin: 6
}));

var QRCode = function QRCode(props) {
  var url = props.url,
      style = props.style,
      image = props.image,
      margin = props.margin;
  var ref = (0, _react.useRef)(null);
  (0, _react.useEffect)(function () {
    qrCode.append(ref.current);
  }, []);
  (0, _react.useEffect)(function () {
    qrCode.update({
      data: url
    });
  }, [url]);

  var onUrlChange = function onUrlChange(event) {
    event.preventDefault();
    setUrl(event.target.value);
  };

  var onDownloadClick = function onDownloadClick() {
    qrCode.download({
      extension: fileExt
    });
  };

  return _react["default"].createElement("div", null, _react["default"].createElement("input", {
    value: url,
    onChange: onUrlChange
  }), _react["default"].createElement("div", {
    ref: ref
  }));
};

exports.QRCode = QRCode;
var _default = QRCode;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9RUi9RUkNvZGUuanMiXSwibmFtZXMiOlsicXJDb2RlIiwiUVJDb2RlU3R5bGluZyIsIndpZHRoIiwiaGVpZ2h0IiwiaW1hZ2UiLCJwcm9wcyIsIm1hcmdpbiIsImRvdHNPcHRpb25zIiwiY29sb3IiLCJ0eXBlIiwicXJPcHRpb25zIiwidHlwZU51bWJlciIsIm1vZGUiLCJlcnJvckNvcnJlY3Rpb25MZXZlbCIsImNvcm5lcnNTcXVhcmVPcHRpb25zIiwiaW1hZ2VPcHRpb25zIiwiaGlkZUJhY2tncm91bmREb3RzIiwiaW1hZ2VTaXplIiwiY3Jvc3NPcmlnaW4iLCJRUkNvZGUiLCJ1cmwiLCJzdHlsZSIsInJlZiIsImFwcGVuZCIsImN1cnJlbnQiLCJ1cGRhdGUiLCJkYXRhIiwib25VcmxDaGFuZ2UiLCJldmVudCIsInByZXZlbnREZWZhdWx0Iiwic2V0VXJsIiwidGFyZ2V0IiwidmFsdWUiLCJvbkRvd25sb2FkQ2xpY2siLCJkb3dubG9hZCIsImV4dGVuc2lvbiIsImZpbGVFeHQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7OztBQUFBOztBQUNBOzs7Ozs7Ozs7O0FBRUEsSUFBTUEsTUFBTSxHQUFHLElBQUlDLHlCQUFKO0FBQ2JDLEVBQUFBLEtBQUssRUFBRSxHQURNO0FBRWJDLEVBQUFBLE1BQU0sRUFBRSxHQUZLO0FBR2JDLEVBQUFBLEtBQUssRUFBRSxlQUFDQyxLQUFEO0FBQUEsV0FBWUEsS0FBSyxDQUFDRCxLQUFOLEdBQWNDLEtBQUssQ0FBQ0QsS0FBcEIsR0FBNEIsc0JBQXhDO0FBQUEsR0FITTtBQUliRSxFQUFBQSxNQUFNLEVBQUUsZ0JBQUNELEtBQUQ7QUFBQSxXQUFZQSxLQUFLLENBQUNDLE1BQU4sR0FBZUQsS0FBSyxDQUFDQyxNQUFyQixHQUE4QixFQUExQztBQUFBLEdBSks7QUFLYkMsRUFBQUEsV0FBVyxFQUFFO0FBQ1hDLElBQUFBLEtBQUssRUFBRSxNQURJO0FBRVhDLElBQUFBLElBQUksRUFBRTtBQUZLLEdBTEE7QUFTYkMsRUFBQUEsU0FBUyxFQUFFO0FBQ1RDLElBQUFBLFVBQVUsRUFBRSxHQURIO0FBRVRDLElBQUFBLElBQUksRUFBRSxNQUZHO0FBR1RDLElBQUFBLG9CQUFvQixFQUFFO0FBSGIsR0FURTtBQWNiQyxFQUFBQSxvQkFBb0IsRUFBRTtBQUFFTCxJQUFBQSxJQUFJLEVBQUUsZUFBUjtBQUF5QkQsSUFBQUEsS0FBSyxFQUFFO0FBQWhDLEdBZFQ7QUFlYk8sRUFBQUEsWUFBWSxFQUFFO0FBQUVDLElBQUFBLGtCQUFrQixFQUFFLElBQXRCO0FBQTRCQyxJQUFBQSxTQUFTLEVBQUUsR0FBdkM7QUFBNENYLElBQUFBLE1BQU0sRUFBRTtBQUFwRDtBQWZELG1CQWlCQztBQUNaWSxFQUFBQSxXQUFXLEVBQUUsV0FERDtBQUVaWixFQUFBQSxNQUFNLEVBQUU7QUFGSSxDQWpCRCxFQUFmOztBQXVCTyxJQUFNYSxNQUFNLEdBQUcsU0FBVEEsTUFBUyxDQUFDZCxLQUFELEVBQVc7QUFDL0IsTUFBUWUsR0FBUixHQUFzQ2YsS0FBdEMsQ0FBUWUsR0FBUjtBQUFBLE1BQWFDLEtBQWIsR0FBc0NoQixLQUF0QyxDQUFhZ0IsS0FBYjtBQUFBLE1BQW9CakIsS0FBcEIsR0FBc0NDLEtBQXRDLENBQW9CRCxLQUFwQjtBQUFBLE1BQTJCRSxNQUEzQixHQUFzQ0QsS0FBdEMsQ0FBMkJDLE1BQTNCO0FBQ0EsTUFBTWdCLEdBQUcsR0FBRyxtQkFBTyxJQUFQLENBQVo7QUFHQSx3QkFBVSxZQUFNO0FBQ2R0QixJQUFBQSxNQUFNLENBQUN1QixNQUFQLENBQWNELEdBQUcsQ0FBQ0UsT0FBbEI7QUFDRCxHQUZELEVBRUcsRUFGSDtBQUdBLHdCQUFVLFlBQU07QUFDZHhCLElBQUFBLE1BQU0sQ0FBQ3lCLE1BQVAsQ0FBYztBQUNaQyxNQUFBQSxJQUFJLEVBQUVOO0FBRE0sS0FBZDtBQUdELEdBSkQsRUFJRyxDQUFDQSxHQUFELENBSkg7O0FBTUEsTUFBTU8sV0FBVyxHQUFHLFNBQWRBLFdBQWMsQ0FBQ0MsS0FBRCxFQUFXO0FBQzdCQSxJQUFBQSxLQUFLLENBQUNDLGNBQU47QUFDQUMsSUFBQUEsTUFBTSxDQUFDRixLQUFLLENBQUNHLE1BQU4sQ0FBYUMsS0FBZCxDQUFOO0FBQ0QsR0FIRDs7QUFLQSxNQUFNQyxlQUFlLEdBQUcsU0FBbEJBLGVBQWtCLEdBQU07QUFDNUJqQyxJQUFBQSxNQUFNLENBQUNrQyxRQUFQLENBQWdCO0FBQ2RDLE1BQUFBLFNBQVMsRUFBRUM7QUFERyxLQUFoQjtBQUdELEdBSkQ7O0FBTUEsU0FDRSw2Q0FDRTtBQUFPLElBQUEsS0FBSyxFQUFFaEIsR0FBZDtBQUFtQixJQUFBLFFBQVEsRUFBRU87QUFBN0IsSUFERixFQUdFO0FBQUssSUFBQSxHQUFHLEVBQUVMO0FBQVYsSUFIRixDQURGO0FBT0QsQ0FoQ007OztlQWtDUUgsTSIsInNvdXJjZVJvb3QiOiJjb3JlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiwgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0J1xyXG5pbXBvcnQgUVJDb2RlU3R5bGluZyBmcm9tICdxci1jb2RlLXN0eWxpbmcnXHJcblxyXG5jb25zdCBxckNvZGUgPSBuZXcgUVJDb2RlU3R5bGluZyh7XHJcbiAgd2lkdGg6IDE4MixcclxuICBoZWlnaHQ6IDE4MixcclxuICBpbWFnZTogKHByb3BzKSA9PiAocHJvcHMuaW1hZ2UgPyBwcm9wcy5pbWFnZSA6ICcuL2J1LWJleW91bmRfdjE2LnN2ZycpLFxyXG4gIG1hcmdpbjogKHByb3BzKSA9PiAocHJvcHMubWFyZ2luID8gcHJvcHMubWFyZ2luIDogMjApLFxyXG4gIGRvdHNPcHRpb25zOiB7XHJcbiAgICBjb2xvcjogJyMwMDAnLFxyXG4gICAgdHlwZTogJ3JvdW5kZWQnXHJcbiAgfSxcclxuICBxck9wdGlvbnM6IHtcclxuICAgIHR5cGVOdW1iZXI6ICcwJyxcclxuICAgIG1vZGU6ICdCeXRlJyxcclxuICAgIGVycm9yQ29ycmVjdGlvbkxldmVsOiAnUSdcclxuICB9LFxyXG4gIGNvcm5lcnNTcXVhcmVPcHRpb25zOiB7IHR5cGU6ICdleHRyYS1yb3VuZGVkJywgY29sb3I6ICcjMDAwMDAwJyB9LFxyXG4gIGltYWdlT3B0aW9uczogeyBoaWRlQmFja2dyb3VuZERvdHM6IHRydWUsIGltYWdlU2l6ZTogMC41LCBtYXJnaW46IDAgfSxcclxuXHJcbiAgaW1hZ2VPcHRpb25zOiB7XHJcbiAgICBjcm9zc09yaWdpbjogJ2Fub255bW91cycsXHJcbiAgICBtYXJnaW46IDZcclxuICB9XHJcbn0pXHJcblxyXG5leHBvcnQgY29uc3QgUVJDb2RlID0gKHByb3BzKSA9PiB7XHJcbiAgY29uc3QgeyB1cmwsIHN0eWxlLCBpbWFnZSwgbWFyZ2luIH0gPSBwcm9wc1xyXG4gIGNvbnN0IHJlZiA9IHVzZVJlZihudWxsKVxyXG4gIC8vIGNvbnN0IFt1cmwsIHNldFVybF0gPSB1c2VTdGF0ZSgnaHR0cHM6Ly9xci1jb2RlLXN0eWxpbmcuY29tJylcclxuXHJcbiAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgIHFyQ29kZS5hcHBlbmQocmVmLmN1cnJlbnQpXHJcbiAgfSwgW10pXHJcbiAgdXNlRWZmZWN0KCgpID0+IHtcclxuICAgIHFyQ29kZS51cGRhdGUoe1xyXG4gICAgICBkYXRhOiB1cmxcclxuICAgIH0pXHJcbiAgfSwgW3VybF0pXHJcblxyXG4gIGNvbnN0IG9uVXJsQ2hhbmdlID0gKGV2ZW50KSA9PiB7XHJcbiAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpXHJcbiAgICBzZXRVcmwoZXZlbnQudGFyZ2V0LnZhbHVlKVxyXG4gIH1cclxuXHJcbiAgY29uc3Qgb25Eb3dubG9hZENsaWNrID0gKCkgPT4ge1xyXG4gICAgcXJDb2RlLmRvd25sb2FkKHtcclxuICAgICAgZXh0ZW5zaW9uOiBmaWxlRXh0XHJcbiAgICB9KVxyXG4gIH1cclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxkaXY+XHJcbiAgICAgIDxpbnB1dCB2YWx1ZT17dXJsfSBvbkNoYW5nZT17b25VcmxDaGFuZ2V9IC8+XHJcblxyXG4gICAgICA8ZGl2IHJlZj17cmVmfSAvPlxyXG4gICAgPC9kaXY+XHJcbiAgKVxyXG59XHJcblxyXG5leHBvcnQgZGVmYXVsdCBRUkNvZGVcclxuIl19