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

package/es/_utils/errorFace.js

@@ -0,0 +1,32 @@
+var FaceErrorName;
+
+(function (FaceErrorName) {
+  FaceErrorName["NotAllowedError"] = "NotAllowedError";
+  FaceErrorName["AbortError"] = "AbortError";
+  FaceErrorName["NotReadableError"] = "NotReadableError";
+  FaceErrorName["OverconstrainedError"] = "OverconstrainedError";
+  FaceErrorName["SecurityError"] = "SecurityError";
+})(FaceErrorName || (FaceErrorName = {}));
+
+export var faceErrorMessage = function faceErrorMessage(error) {
+  var message = '';
+
+  switch (error.name) {
+    case FaceErrorName.NotAllowedError:
+      message = 'login.AuthorizationCamera';
+      break;
+
+    case FaceErrorName.SecurityError:
+      message = 'login.checkPreferences';
+      break;
+
+    case FaceErrorName.OverconstrainedError:
+      message = 'login.requireError';
+      break;
+
+    default:
+      message = 'login.hardwareSupport';
+  }
+
+  return message;
+};

package/es/_utils/guradHttp.d.ts

@@ -0,0 +1,21 @@
+export declare class GuardHttp {
+    private requestClient;
+    private headers;
+    constructor(baseUrl: string);
+    private getRequestClient;
+    setUserpoolId(userpoolId: string): void;
+    setAppId(appId: string): void;
+    setTenantId(tenantId: string): void;
+    setBaseUrl(baseUrl: string): void;
+    getHeaders: () => Record<string, string>;
+    get: <T>(path: string, query?: Record<string, any>, config?: RequestInit | undefined) => Promise<import("./http").AuthingResponse<T>>;
+    post: <T>(path: string, data: any, config?: {
+        headers: any;
+    } | undefined) => Promise<import("./http").AuthingResponse<T>>;
+    postForm: <T>(path: string, formData: any, config?: {
+        headers: any;
+    } | undefined) => Promise<import("./http").AuthingResponse<T>>;
+}
+export declare const initGuardHttp: (baseUrl: string) => GuardHttp;
+export declare const getGuardHttp: () => GuardHttp;
+export declare const useGuardHttp: () => GuardHttp;

package/es/_utils/guradHttp.js

@@ -0,0 +1,178 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
+import _classCallCheck from "@babel/runtime-corejs3/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime-corejs3/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context4; _forEachInstanceProperty(_context4 = ownKeys(Object(source), true)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context5; _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import version from '../version';
+import { requestClient } from './http';
+var httpClient;
+export var GuardHttp = /*#__PURE__*/function () {
+  function GuardHttp(baseUrl) {
+    var _this = this;
+
+    _classCallCheck(this, GuardHttp);
+
+    _defineProperty(this, "headers", {
+      'x-authing-userpool-id': '',
+      'x-authing-app-id': '',
+      'x-authing-sdk-version': version,
+      'x-authing-request-from': "Guard@".concat(version)
+    });
+
+    _defineProperty(this, "getHeaders", function () {
+      return _this.headers;
+    });
+
+    _defineProperty(this, "get", /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(path) {
+        var query,
+            config,
+            _args = arguments;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                query = _args.length > 1 && _args[1] !== undefined ? _args[1] : {};
+                config = _args.length > 2 ? _args[2] : undefined;
+                _context.next = 4;
+                return requestClient.get(path, query, _objectSpread(_objectSpread({}, config), {}, {
+                  headers: _objectSpread(_objectSpread({}, _this.headers), config === null || config === void 0 ? void 0 : config.headers)
+                }));
+
+              case 4:
+                return _context.abrupt("return", _context.sent);
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
+
+    _defineProperty(this, "post", /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(path, data, config) {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return requestClient.post(path, data, {
+                  headers: _objectSpread(_objectSpread({}, _this.headers), config === null || config === void 0 ? void 0 : config.headers)
+                });
+
+              case 2:
+                return _context2.abrupt("return", _context2.sent);
+
+              case 3:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function (_x2, _x3, _x4) {
+        return _ref2.apply(this, arguments);
+      };
+    }());
+
+    _defineProperty(this, "postForm", /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(path, formData, config) {
+        return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return requestClient.postForm(path, formData, {
+                  headers: _objectSpread(_objectSpread({}, _this.headers), config === null || config === void 0 ? void 0 : config.headers)
+                });
+
+              case 2:
+                return _context3.abrupt("return", _context3.sent);
+
+              case 3:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3);
+      }));
+
+      return function (_x5, _x6, _x7) {
+        return _ref3.apply(this, arguments);
+      };
+    }());
+
+    this.getRequestClient().setBaseUrl(baseUrl);
+  }
+
+  _createClass(GuardHttp, [{
+    key: "getRequestClient",
+    value: function getRequestClient() {
+      if (!this.requestClient) {
+        this.requestClient = requestClient;
+      }
+
+      return this.requestClient;
+    }
+  }, {
+    key: "setUserpoolId",
+    value: function setUserpoolId(userpoolId) {
+      this.headers['x-authing-userpool-id'] = userpoolId;
+    }
+  }, {
+    key: "setAppId",
+    value: function setAppId(appId) {
+      this.headers['x-authing-app-id'] = appId;
+    }
+  }, {
+    key: "setTenantId",
+    value: function setTenantId(tenantId) {
+      this.headers['x-authing-app-tenant-id'] = tenantId;
+    }
+  }, {
+    key: "setBaseUrl",
+    value: function setBaseUrl(baseUrl) {
+      this.getRequestClient().setBaseUrl(baseUrl);
+    }
+  }]);
+
+  return GuardHttp;
+}();
+export var initGuardHttp = function initGuardHttp(baseUrl) {
+  if (!httpClient) {
+    var guardHttp = new GuardHttp(baseUrl);
+    httpClient = guardHttp;
+  }
+
+  return httpClient;
+};
+export var getGuardHttp = function getGuardHttp() {
+  if (!httpClient) {
+    throw new Error('Please initialize Http Client');
+  }
+
+  return httpClient;
+};
+export var useGuardHttp = function useGuardHttp() {
+  return getGuardHttp();
+};

package/es/_utils/hooks/index.d.ts

@@ -0,0 +1,4 @@
+import { GuardModuleType } from '../../Guard/module';
+export declare const useChangeModule: () => (nextModuleType: GuardModuleType, nextData?: any) => void;
+export declare const useAppId: (appId?: string | undefined) => string;
+export declare const useDebounce: (fn: any, delay: number) => (...args: any[]) => void;

package/es/_utils/hooks/index.js

@@ -0,0 +1,60 @@
+import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
+import { useRef, useCallback, useEffect } from 'react';
+import { useModule } from '../../context/module/context';
+export var useChangeModule = function useChangeModule() {
+  var _useModule = useModule(),
+      module = _useModule.module,
+      changeModule = _useModule.changeModule,
+      setInitData = _useModule.setInitData;
+
+  var nextModule = function nextModule(nextModuleType, nextData) {
+    if (nextModuleType !== module) changeModule(nextModuleType);
+    setInitData(nextData !== null && nextData !== void 0 ? nextData : {});
+  };
+
+  return nextModule;
+};
+var thisAppId = '';
+export var useAppId = function useAppId(appId) {
+  if (appId) {
+    thisAppId = appId;
+  }
+
+  return thisAppId;
+};
+export var useDebounce = function useDebounce(fn, delay) {
+  var timer = useRef({
+    time: null
+  });
+  var errorBody = useRef({
+    body: null
+  });
+  useEffect(function () {
+    return function () {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      timer.current.time && clearInterval(timer.current.time);
+    };
+  }, []);
+  return useCallback(function () {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    if (timer.current.time) {
+      clearTimeout(timer.current.time);
+      timer.current.time = null;
+    }
+
+    timer.current.time = _setTimeout(function () {
+      // fn.apply(this, args);
+      var res = fn.apply(void 0, args);
+      timer.current.time = null;
+      errorBody.current.body = res;
+    }, delay); // if (errorBody.current.body) {
+    //   return Promise.reject(errorBody.current.body)
+    // } else {
+    //   return Promise.resolve()
+    // }
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [timer.current, delay]);
+};

package/es/_utils/http.d.ts

@@ -0,0 +1,23 @@
+export declare const requestClient: {
+    (input: RequestInfo, init?: RequestInit | undefined): Promise<any>;
+    get<T>(path: string, query?: Record<string, any>, init?: RequestInit | undefined): Promise<AuthingResponse<T>>;
+    post<T_1>(path: string, data: any, config?: {
+        headers: any;
+    } | undefined): Promise<AuthingResponse<T_1>>;
+    postForm<T_2>(path: string, formData: any, config?: {
+        headers: any;
+    } | undefined): Promise<AuthingResponse<T_2>>;
+    baseUrl: string;
+    setBaseUrl(base: string): void;
+    langHeader: string;
+    tenantHeader: string;
+    tenantId: string;
+    setLangHeader(key: string | undefined): void;
+    setTenantHeader(key: string | undefined): void;
+    setTenantId(tenantId: string): void;
+};
+export interface AuthingResponse<T = any> {
+    code: number;
+    message?: string;
+    data?: T;
+}

package/es/_utils/http.js

@@ -0,0 +1,189 @@
+import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
+import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
+import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
+import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
+import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
+import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
+import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
+import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/esm/asyncToGenerator";
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import _JSON$stringify from "@babel/runtime-corejs3/core-js-stable/json/stringify";
+
+function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); if (enumerableOnly) symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { var _context9; _forEachInstanceProperty(_context9 = ownKeys(Object(source), true)).call(_context9, function (key) { _defineProperty(target, key, source[key]); }); } else if (_Object$getOwnPropertyDescriptors) { _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)); } else { var _context10; _forEachInstanceProperty(_context10 = ownKeys(Object(source))).call(_context10, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import qs from 'qs';
+import { i18n } from './locales';
+export var requestClient = /*#__PURE__*/function () {
+  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var res,
+        _args = arguments;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return fetch.apply(void 0, _args);
+
+          case 2:
+            res = _context.sent;
+            return _context.abrupt("return", res.json());
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function requestClient() {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+requestClient.get = /*#__PURE__*/function () {
+  var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(path) {
+    var _context2, _context3;
+
+    var query,
+        init,
+        headers,
+        res,
+        _args2 = arguments;
+    return _regeneratorRuntime.wrap(function _callee2$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            query = _args2.length > 1 && _args2[1] !== undefined ? _args2[1] : {};
+            init = _args2.length > 2 ? _args2[2] : undefined;
+            headers = _objectSpread(_objectSpread({}, init === null || init === void 0 ? void 0 : init.headers), {}, _defineProperty({
+              'Content-Type': 'application/json'
+            }, requestClient.langHeader, i18n.language));
+            if (requestClient.tenantId !== '') headers[requestClient.tenantHeader] = requestClient.tenantId;
+            _context4.next = 6;
+            return fetch(_concatInstanceProperty(_context2 = _concatInstanceProperty(_context3 = "".concat(requestClient.baseUrl)).call(_context3, path)).call(_context2, qs.stringify(query, {
+              addQueryPrefix: true
+            })), _objectSpread(_objectSpread({}, init), {}, {
+              credentials: 'include',
+              headers: headers
+            }));
+
+          case 6:
+            res = _context4.sent;
+            return _context4.abrupt("return", res.json());
+
+          case 8:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee2);
+  }));
+
+  return function (_x) {
+    return _ref2.apply(this, arguments);
+  };
+}();
+
+requestClient.post = /*#__PURE__*/function () {
+  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(path, data, config) {
+    var _context5;
+
+    var headers, res;
+    return _regeneratorRuntime.wrap(function _callee3$(_context6) {
+      while (1) {
+        switch (_context6.prev = _context6.next) {
+          case 0:
+            headers = _objectSpread(_objectSpread({}, config === null || config === void 0 ? void 0 : config.headers), {}, _defineProperty({
+              'Content-Type': 'application/json'
+            }, requestClient.langHeader, i18n.language));
+            if (requestClient.tenantId !== '') headers[requestClient.tenantHeader] = requestClient.tenantId;
+            _context6.next = 4;
+            return fetch(_concatInstanceProperty(_context5 = "".concat(requestClient.baseUrl)).call(_context5, path), {
+              method: 'POST',
+              body: _JSON$stringify(data),
+              credentials: 'include',
+              headers: _objectSpread(_objectSpread({
+                'Content-Type': 'application/json'
+              }, config === null || config === void 0 ? void 0 : config.headers), {}, _defineProperty({}, requestClient.langHeader, i18n.language))
+            });
+
+          case 4:
+            res = _context6.sent;
+            return _context6.abrupt("return", res.json());
+
+          case 6:
+          case "end":
+            return _context6.stop();
+        }
+      }
+    }, _callee3);
+  }));
+
+  return function (_x2, _x3, _x4) {
+    return _ref3.apply(this, arguments);
+  };
+}();
+
+requestClient.postForm = /*#__PURE__*/function () {
+  var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4(path, formData, config) {
+    var _context7;
+
+    var res;
+    return _regeneratorRuntime.wrap(function _callee4$(_context8) {
+      while (1) {
+        switch (_context8.prev = _context8.next) {
+          case 0:
+            _context8.next = 2;
+            return fetch(_concatInstanceProperty(_context7 = "".concat(requestClient.baseUrl)).call(_context7, path), {
+              method: 'post',
+              body: formData,
+              credentials: 'include',
+              headers: _objectSpread(_objectSpread({}, config === null || config === void 0 ? void 0 : config.headers), {}, _defineProperty({}, requestClient.langHeader, i18n.language))
+            });
+
+          case 2:
+            res = _context8.sent;
+            return _context8.abrupt("return", res.json());
+
+          case 4:
+          case "end":
+            return _context8.stop();
+        }
+      }
+    }, _callee4);
+  }));
+
+  return function (_x5, _x6, _x7) {
+    return _ref4.apply(this, arguments);
+  };
+}();
+
+requestClient.baseUrl = '';
+
+requestClient.setBaseUrl = function (base) {
+  requestClient.baseUrl = base.replace(/\/$/, '');
+};
+
+var DEFAULT_LANG_HEADER = 'x-authing-lang';
+var DEFAULT_TENANT_HEADER = 'x-authing-app-tenant-idåå';
+requestClient.langHeader = DEFAULT_LANG_HEADER;
+requestClient.tenantHeader = DEFAULT_TENANT_HEADER;
+requestClient.tenantId = '';
+
+requestClient.setLangHeader = function (key) {
+  requestClient.langHeader = key || DEFAULT_LANG_HEADER;
+};
+
+requestClient.setTenantHeader = function (key) {
+  requestClient.tenantHeader = key || DEFAULT_LANG_HEADER;
+};
+
+requestClient.setTenantId = function (tenantId) {
+  requestClient.tenantId = tenantId;
+};

package/es/_utils/index.d.ts

@@ -0,0 +1,60 @@
+import { Rule } from 'antd/lib/form';
+import qs from 'qs';
+import { RegisterMethods, User } from 'authing-js-sdk';
+import { ApplicationConfig, ComplateFiledsPlace } from '../AuthingGuard/api';
+export * from './popupCenter';
+export * from './clipboard';
+export declare const VALIDATE_PATTERN: {
+    readonly email: RegExp;
+    readonly phone: RegExp;
+    readonly ip: RegExp;
+    readonly host: RegExp;
+    readonly username: RegExp;
+};
+export declare const validate: (type: keyof typeof VALIDATE_PATTERN, val: string) => boolean;
+export declare const getRequiredRules: (msg: string) => Rule[];
+export declare const fieldRequiredRule: (fieldRequiredRule: string) => Rule[];
+export declare function getDeviceName(): string | null;
+export declare type STYLE_RECORD_KEY = 'appConfig' | 'userConfig';
+export declare const insertStyles: (styles: string | any, recordKey?: "userConfig" | "appConfig" | undefined) => void;
+export declare const removeStyles: (recordKey: STYLE_RECORD_KEY) => void;
+export declare const useTitle: (title: string, prefix?: string | undefined) => void;
+export declare const getClassnames: (classnames: (string | boolean | undefined)[]) => string;
+/**
+ * https://www.itranslater.com/qa/details/2115518846294557696
+ * Simple object check.
+ * @param item
+ * @returns {boolean}
+ */
+export declare function isObject(item: any): any;
+/**
+ * https://www.itranslater.com/qa/details/2115518846294557696
+ * Deep merge two objects.
+ * @param target
+ * @param ...sources
+ */
+export declare function deepMerge<T extends any = any>(target: T, ...sources: any[]): T;
+export declare const getUserRegisterParams: () => {
+    key: string;
+    value: string | string[] | qs.ParsedQs | qs.ParsedQs[] | undefined;
+}[];
+export declare const isWechatBrowser: () => boolean;
+export declare const assembledAppHost: (identifier: string, host: string) => string;
+export declare enum PasswordStrength {
+    NoCheck = 0,
+    Low = 1,
+    Middle = 2,
+    High = 3,
+    AUTO = 4
+}
+export declare const PASSWORD_STRENGTH_TEXT_MAP: Record<PasswordStrength, {
+    placeholder: () => string;
+    validateMessage: () => string;
+}>;
+export declare const getSymbolTypeLength: (pwd: string) => number;
+export declare const getPasswordValidate: (strength?: PasswordStrength, customPasswordStrength?: any) => Rule[];
+export declare const sleep: (delay: number) => Promise<unknown>;
+export declare const shoudGoToComplete: (user: User, contextType: ComplateFiledsPlace, config: ApplicationConfig | undefined) => boolean;
+export declare const tabSort: (defaultValue: RegisterMethods, tabList: RegisterMethods[]) => RegisterMethods[];
+export declare const mailDesensitization: (mail: string) => string;
+export declare const phoneDesensitization: (phone: string) => string;