@authing/react-ui-components 3.0.1-alpha.2 → 3.0.1-beta.2

package/lib/_utils/index.js

@@ -0,0 +1,547 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  VALIDATE_PATTERN: true,
+  validate: true,
+  getRequiredRules: true,
+  fieldRequiredRule: true,
+  getDeviceName: true,
+  insertStyles: true,
+  removeStyles: true,
+  useTitle: true,
+  getClassnames: true,
+  isObject: true,
+  deepMerge: true,
+  getUserRegisterParams: true,
+  isWechatBrowser: true,
+  assembledAppHost: true,
+  PasswordStrength: true,
+  PASSWORD_STRENGTH_TEXT_MAP: true,
+  getSymbolTypeLength: true,
+  getPasswordValidate: true,
+  sleep: true,
+  shoudGoToComplete: true,
+  tabSort: true,
+  mailDesensitization: true,
+  phoneDesensitization: true
+};
+exports.assembledAppHost = exports.VALIDATE_PATTERN = exports.PasswordStrength = exports.PASSWORD_STRENGTH_TEXT_MAP = void 0;
+exports.deepMerge = deepMerge;
+exports.getClassnames = exports.fieldRequiredRule = void 0;
+exports.getDeviceName = getDeviceName;
+exports.insertStyles = exports.getUserRegisterParams = exports.getSymbolTypeLength = exports.getRequiredRules = exports.getPasswordValidate = void 0;
+exports.isObject = isObject;
+exports.validate = exports.useTitle = exports.tabSort = exports.sleep = exports.shoudGoToComplete = exports.removeStyles = exports.phoneDesensitization = exports.mailDesensitization = exports.isWechatBrowser = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var _react = require("react");
+
+var _qs = _interopRequireDefault(require("qs"));
+
+var _context = require("../context/global/context");
+
+var _locales = require("./locales");
+
+var _popupCenter = require("./popupCenter");
+
+Object.keys(_popupCenter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _popupCenter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _popupCenter[key];
+    }
+  });
+});
+
+var _clipboard = require("./clipboard");
+
+Object.keys(_clipboard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _clipboard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _clipboard[key];
+    }
+  });
+});
+
+var _PASSWORD_STRENGTH_TE;
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+var VALIDATE_PATTERN = {
+  // https://emailregex.com/
+  // eslint-disable-next-line no-control-regex
+  email: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
+  //   以下的来自 authing-user-portal 项目
+  phone: /^1[3-9]\d{9}$/,
+  ip: /^((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}$/,
+  host: /^[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+.?$/,
+  username: /.?/
+};
+exports.VALIDATE_PATTERN = VALIDATE_PATTERN;
+
+var validate = function validate(type, val) {
+  return VALIDATE_PATTERN[type].test(val);
+};
+
+exports.validate = validate;
+
+var getRequiredRules = function getRequiredRules(msg) {
+  return [{
+    required: true,
+    message: msg
+  }];
+};
+
+exports.getRequiredRules = getRequiredRules;
+
+var fieldRequiredRule = function fieldRequiredRule(_fieldRequiredRule) {
+  return [{
+    required: true,
+    validateTrigger: ['onChange'],
+    message: _locales.i18n.t('common.isMissing', {
+      name: _fieldRequiredRule
+    }),
+    whitespace: true
+  }];
+};
+
+exports.fieldRequiredRule = fieldRequiredRule;
+
+function getDeviceName() {
+  if (typeof window === 'undefined') {
+    return null;
+  }
+
+  var userAgent = window.navigator.userAgent;
+  var platform = window.navigator.platform;
+  var macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K'];
+  var windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE'];
+  var iosPlatforms = ['iPhone', 'iPad', 'iPod'];
+  var os = null;
+
+  if (macosPlatforms.indexOf(platform) !== -1) {
+    os = 'Mac OS';
+  } else if (iosPlatforms.indexOf(platform) !== -1) {
+    os = 'iOS';
+  } else if (windowsPlatforms.indexOf(platform) !== -1) {
+    os = 'Windows';
+  } else if (/Android/.test(userAgent)) {
+    os = 'Android';
+  } else if (!os && /Linux/.test(platform)) {
+    os = 'Linux';
+  }
+
+  return os;
+}
+
+/**
+ * 传对象 {'background-color': 'red'}
+ * 传字符串 "CSS 样式"
+ */
+var insertedRecord = {
+  appConfig: null,
+  userConfig: null
+};
+
+var insertStyles = function insertStyles(styles, recordKey) {
+  var styleElt, styleSheet;
+
+  if (document.createStyleSheet) {
+    // IE
+    styleSheet = document.createStyleSheet();
+  } else {
+    var head = document.getElementsByTagName('head')[0];
+    styleElt = document.createElement('style');
+    head.appendChild(styleElt);
+    styleSheet = document.styleSheets[document.styleSheets.length - 1];
+  }
+
+  if (typeof styles === 'string') {
+    if (styleElt) styleElt.innerHTML = styles;else styleSheet.cssText = styles; // IE
+  } else {
+    var i = 0;
+
+    for (var selector in styles) {
+      if (styleSheet.insertRule) {
+        var rule = selector + ' {' + styles[selector] + '}';
+        styleSheet.insertRule(rule, i++);
+      } else {
+        styleSheet.addRule(selector, styles[selector], i++);
+      }
+    }
+  }
+
+  if (recordKey) {
+    insertedRecord[recordKey] = styleElt;
+  }
+};
+
+exports.insertStyles = insertStyles;
+
+var removeStyles = function removeStyles(recordKey) {
+  var _styleElt$parentNode;
+
+  if (!insertedRecord[recordKey]) {
+    return;
+  }
+
+  var styleElt = insertedRecord[recordKey];
+  (_styleElt$parentNode = styleElt.parentNode) === null || _styleElt$parentNode === void 0 ? void 0 : _styleElt$parentNode.removeChild(styleElt);
+  insertedRecord[recordKey] = null;
+};
+
+exports.removeStyles = removeStyles;
+
+var useTitle = function useTitle(title, prefix) {
+  var _useGuardContext = (0, _context.useGuardContext)(),
+      config = _useGuardContext.state.config;
+
+  (0, _react.useEffect)(function () {
+    document.title = "".concat(prefix !== null && prefix !== void 0 ? prefix : "".concat(config.title, " "), " ").concat(title);
+  }, [config.title, prefix, title]);
+};
+
+exports.useTitle = useTitle;
+
+var getClassnames = function getClassnames(classnames) {
+  return classnames.filter(Boolean).join(' ');
+};
+/**
+ * https://www.itranslater.com/qa/details/2115518846294557696
+ * Simple object check.
+ * @param item
+ * @returns {boolean}
+ */
+
+
+exports.getClassnames = getClassnames;
+
+function isObject(item) {
+  return item && (0, _typeof2.default)(item) === 'object' && !Array.isArray(item);
+}
+/**
+ * https://www.itranslater.com/qa/details/2115518846294557696
+ * Deep merge two objects.
+ * @param target
+ * @param ...sources
+ */
+
+
+function deepMerge(target) {
+  for (var _len = arguments.length, sources = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    sources[_key - 1] = arguments[_key];
+  }
+
+  if (!sources.length) return target;
+  var source = sources.shift();
+
+  if (isObject(target) && isObject(source)) {
+    for (var key in source) {
+      if (isObject(source[key])) {
+        // @ts-ignore
+        if (!target[key]) {
+          Object.assign(target, (0, _defineProperty2.default)({}, key, {}));
+        } // @ts-ignore
+
+
+        deepMerge(target[key], source[key]);
+      } else {
+        Object.assign(target, (0, _defineProperty2.default)({}, key, source[key]));
+      }
+    }
+  }
+
+  return deepMerge.apply(void 0, [target].concat(sources));
+}
+
+var getUserRegisterParams = function getUserRegisterParams() {
+  var query = _qs.default.parse(window.location.search, {
+    ignoreQueryPrefix: true
+  });
+
+  return Object.keys(query).map(function (key) {
+    return {
+      key: key,
+      value: query[key]
+    };
+  });
+};
+
+exports.getUserRegisterParams = getUserRegisterParams;
+
+var isWechatBrowser = function isWechatBrowser() {
+  var _navigator;
+
+  return /MicroMessenger/i.test((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.userAgent);
+};
+
+exports.isWechatBrowser = isWechatBrowser;
+
+var assembledAppHost = function assembledAppHost(identifier, host) {
+  var hostUrl = new URL(host);
+  var splitHost = hostUrl.hostname.split('.');
+  var port = hostUrl.port;
+  splitHost.shift();
+  return "".concat(hostUrl.protocol, "//").concat(identifier, ".").concat(splitHost.join('.')).concat(port && ":".concat(port));
+};
+
+exports.assembledAppHost = assembledAppHost;
+var PasswordStrength;
+exports.PasswordStrength = PasswordStrength;
+
+(function (PasswordStrength) {
+  PasswordStrength[PasswordStrength["NoCheck"] = 0] = "NoCheck";
+  PasswordStrength[PasswordStrength["Low"] = 1] = "Low";
+  PasswordStrength[PasswordStrength["Middle"] = 2] = "Middle";
+  PasswordStrength[PasswordStrength["High"] = 3] = "High";
+  PasswordStrength[PasswordStrength["AUTO"] = 4] = "AUTO";
+})(PasswordStrength || (exports.PasswordStrength = PasswordStrength = {}));
+
+var PASSWORD_STRENGTH_TEXT_MAP = (_PASSWORD_STRENGTH_TE = {}, (0, _defineProperty2.default)(_PASSWORD_STRENGTH_TE, PasswordStrength.NoCheck, {
+  placeholder: function placeholder() {
+    return _locales.i18n.t('login.inputPwd');
+  },
+  validateMessage: function validateMessage() {
+    return _locales.i18n.t('login.inputPwd');
+  }
+}), (0, _defineProperty2.default)(_PASSWORD_STRENGTH_TE, PasswordStrength.Low, {
+  placeholder: function placeholder() {
+    return _locales.i18n.t('login.setPwdLimit1');
+  },
+  validateMessage: function validateMessage() {
+    return _locales.i18n.t('login.setPwdLimitMsg1');
+  }
+}), (0, _defineProperty2.default)(_PASSWORD_STRENGTH_TE, PasswordStrength.Middle, {
+  placeholder: function placeholder() {
+    return _locales.i18n.t('login.login.setPwdLimit2');
+  },
+  validateMessage: function validateMessage() {
+    return _locales.i18n.t('login.setPwdLimitMsg2');
+  }
+}), (0, _defineProperty2.default)(_PASSWORD_STRENGTH_TE, PasswordStrength.High, {
+  placeholder: function placeholder() {
+    return _locales.i18n.t('login.login.setPwdLimit3');
+  },
+  validateMessage: function validateMessage() {
+    return _locales.i18n.t('login.setPwdLimitMsg3');
+  }
+}), (0, _defineProperty2.default)(_PASSWORD_STRENGTH_TE, PasswordStrength.AUTO, {
+  placeholder: function placeholder() {
+    return _locales.i18n.t('login.inputPwd');
+  },
+  validateMessage: function validateMessage() {
+    return _locales.i18n.t('login.inputPwd');
+  }
+}), _PASSWORD_STRENGTH_TE);
+exports.PASSWORD_STRENGTH_TEXT_MAP = PASSWORD_STRENGTH_TEXT_MAP;
+var SYMBOL_TYPE_PATTERNS = [/\d+/, /[a-zA-Z]/, /[-!$%^&*()_+|~=`{}[\]:";'<>?,@./]/];
+
+var getSymbolTypeLength = function getSymbolTypeLength(pwd) {
+  return SYMBOL_TYPE_PATTERNS.map(function (pattern) {
+    return pattern.test(pwd);
+  }).filter(function (item) {
+    return item;
+  }).length;
+};
+
+exports.getSymbolTypeLength = getSymbolTypeLength;
+
+var getPasswordValidate = function getPasswordValidate() {
+  var _validateMap;
+
+  var strength = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : PasswordStrength.NoCheck;
+  var customPasswordStrength = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var required = [].concat((0, _toConsumableArray2.default)(fieldRequiredRule(_locales.i18n.t('common.password'))), [{
+    validateTrigger: 'onBlur',
+    validator: function validator(_, value) {
+      if ((value !== null && value !== void 0 ? value : '').indexOf(' ') !== -1) {
+        return Promise.reject(_locales.i18n.t('common.checkPasswordHasSpace'));
+      }
+
+      return Promise.resolve();
+    }
+  }]);
+  var validateMap = (_validateMap = {}, (0, _defineProperty2.default)(_validateMap, PasswordStrength.NoCheck, (0, _toConsumableArray2.default)(required)), (0, _defineProperty2.default)(_validateMap, PasswordStrength.Low, [].concat((0, _toConsumableArray2.default)(required), [{
+    validateTrigger: 'onBlur',
+    validator: function validator(r, v) {
+      if (v && v.length < 6) {
+        return Promise.reject(PASSWORD_STRENGTH_TEXT_MAP[PasswordStrength.Low].validateMessage());
+      }
+
+      return Promise.resolve();
+    }
+  }])), (0, _defineProperty2.default)(_validateMap, PasswordStrength.Middle, [].concat((0, _toConsumableArray2.default)(required), [{
+    validateTrigger: 'onBlur',
+    validator: function validator(r, v) {
+      if (v && (v.length < 6 || getSymbolTypeLength(v) < 2)) {
+        return Promise.reject(PASSWORD_STRENGTH_TEXT_MAP[PasswordStrength.Middle].validateMessage());
+      }
+
+      return Promise.resolve();
+    }
+  }])), (0, _defineProperty2.default)(_validateMap, PasswordStrength.High, [].concat((0, _toConsumableArray2.default)(required), [{
+    validateTrigger: 'onBlur',
+    validator: function validator(r, v) {
+      if (v && (v.length < 6 || getSymbolTypeLength(v) < 3)) {
+        return Promise.reject(PASSWORD_STRENGTH_TEXT_MAP[PasswordStrength.High].validateMessage());
+      }
+
+      return Promise.resolve(true);
+    }
+  }])), (0, _defineProperty2.default)(_validateMap, PasswordStrength.AUTO, [].concat((0, _toConsumableArray2.default)(required), [{
+    validateTrigger: 'onBlur',
+    pattern: customPasswordStrength === null || customPasswordStrength === void 0 ? void 0 : customPasswordStrength.regex,
+    message: customPasswordStrength === null || customPasswordStrength === void 0 ? void 0 : customPasswordStrength.message
+  }])), _validateMap);
+  return validateMap[strength];
+};
+
+exports.getPasswordValidate = getPasswordValidate;
+
+var sleep = function sleep(delay) {
+  return new Promise(function (resolve) {
+    return setTimeout(resolve, delay);
+  });
+};
+
+exports.sleep = sleep;
+
+var shoudGoToComplete = function shoudGoToComplete(user, contextType, config) {
+  var _config$extendsFields, _config$extendsFields2;
+
+  // console.log('需要补全吗？', user, contextType, config)
+  // 先判断开关，再对比字段。
+  var needGo = false; // 判断新版本
+
+  if (config !== null && config !== void 0 && config.complateFiledsPlace && config.complateFiledsPlace.includes(contextType) && config !== null && config !== void 0 && config.extendsFields && (config === null || config === void 0 ? void 0 : (_config$extendsFields = config.extendsFields) === null || _config$extendsFields === void 0 ? void 0 : _config$extendsFields.length) > 0) {
+    needGo = true;
+  } // 兼容老版本
+
+
+  if (!(config !== null && config !== void 0 && config.complateFiledsPlace) && config !== null && config !== void 0 && config.extendsFieldsEnabled && config !== null && config !== void 0 && config.extendsFields && (config === null || config === void 0 ? void 0 : (_config$extendsFields2 = config.extendsFields) === null || _config$extendsFields2 === void 0 ? void 0 : _config$extendsFields2.length) > 0) {
+    needGo = true;
+  } // 对比字段
+
+
+  var allFieldsToComp = config === null || config === void 0 ? void 0 : config.extendsFields;
+
+  if (needGo && contextType === 'register' && allFieldsToComp && allFieldsToComp.length > 0) {
+    var _allFieldsToComp$, _allFieldsToComp$2, _allFieldsToComp$3, _allFieldsToComp$4;
+
+    if (user.email && (allFieldsToComp === null || allFieldsToComp === void 0 ? void 0 : allFieldsToComp.length) === 1 && ((_allFieldsToComp$ = allFieldsToComp[0]) === null || _allFieldsToComp$ === void 0 ? void 0 : _allFieldsToComp$.type) === 'internal' && ((_allFieldsToComp$2 = allFieldsToComp[0]) === null || _allFieldsToComp$2 === void 0 ? void 0 : _allFieldsToComp$2.name) === 'email') {
+      return false;
+    }
+
+    if (user.phone && (allFieldsToComp === null || allFieldsToComp === void 0 ? void 0 : allFieldsToComp.length) === 1 && ((_allFieldsToComp$3 = allFieldsToComp[0]) === null || _allFieldsToComp$3 === void 0 ? void 0 : _allFieldsToComp$3.type) === 'internal' && ((_allFieldsToComp$4 = allFieldsToComp[0]) === null || _allFieldsToComp$4 === void 0 ? void 0 : _allFieldsToComp$4.name) === 'phone') {
+      return false;
+    }
+
+    return true;
+  }
+
+  if (needGo && contextType === 'login' && allFieldsToComp && allFieldsToComp.length > 0) {
+    // console.log('判断补全')
+    // TODO 自动注册登录
+    needGo = false;
+    var userFields = allFieldsToComp.filter(function (item) {
+      return item.type === 'internal';
+    });
+    var udvs = allFieldsToComp.filter(function (item) {
+      return item.type !== 'internal';
+    });
+
+    var _iterator = _createForOfIteratorHelper(userFields),
+        _step;
+
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var _f = _step.value;
+        var currKey = _f.name; // gender 特例
+
+        if (currKey === 'gender' && user['gender'] === 'U') {
+          return true;
+        } //@ts-ignore
+
+
+        if (!user[currKey] || user[currKey] === '') {
+          return true;
+        }
+      }
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
+    }
+
+    if (!needGo) {
+      var customData = user.customData;
+
+      if (customData) {
+        var _iterator2 = _createForOfIteratorHelper(udvs),
+            _step2;
+
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var f = _step2.value;
+
+            if (!customData[f.name] || customData[f.name] === '') {
+              return true;
+            }
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
+      }
+    }
+  }
+
+  return needGo;
+};
+
+exports.shoudGoToComplete = shoudGoToComplete;
+
+var tabSort = function tabSort(defaultValue, tabList) {
+  var index = tabList.indexOf(defaultValue);
+  var element = tabList.splice(index, 1)[0];
+  tabList.unshift(element);
+  return tabList;
+};
+
+exports.tabSort = tabSort;
+
+var mailDesensitization = function mailDesensitization(mail) {
+  var mailArr = mail.split('@');
+  var mailName = mailArr[0].substr(0, 1) + '***';
+  return mailName + '@' + mailArr[1];
+};
+
+exports.mailDesensitization = mailDesensitization;
+
+var phoneDesensitization = function phoneDesensitization(phone) {
+  return phone.replace(/(\d{3})\d*(\d{4})/, '$1****$2');
+};
+
+exports.phoneDesensitization = phoneDesensitization;