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

package/lib/_utils/config.js

@@ -0,0 +1,152 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.initConfig = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _ = require(".");
+
+var _guradHttp = require("./guradHttp");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(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) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var publicConfigMap = {};
+
+var getPublicConfig = function getPublicConfig(appId) {
+  return publicConfigMap === null || publicConfigMap === void 0 ? void 0 : publicConfigMap[appId];
+};
+
+var setPublicConfig = function setPublicConfig(appId, config) {
+  return publicConfigMap[appId] = config;
+};
+
+var initConfig = /*#__PURE__*/function () {
+  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(appId, config, defaultConfig) {
+    var mergedConfig;
+    return _regenerator.default.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            if (getPublicConfig(appId)) {
+              _context.next = 3;
+              break;
+            }
+
+            _context.next = 3;
+            return requestPublicConfig(appId);
+
+          case 3:
+            mergedConfig = mergeConfig(config, defaultConfig, getPublicConfig(appId));
+            return _context.abrupt("return", {
+              config: _objectSpread(_objectSpread({}, mergedConfig), {}, {
+                __publicConfig__: getPublicConfig(appId),
+                __appHost__: (0, _.assembledAppHost)(getPublicConfig(appId).identifier, mergedConfig === null || mergedConfig === void 0 ? void 0 : mergedConfig.host)
+              }),
+              publicConfig: getPublicConfig(appId)
+            });
+
+          case 5:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+
+  return function initConfig(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+exports.initConfig = initConfig;
+
+var mergeConfig = function mergeConfig(config, defaultConfig, publicConfig) {
+  var _config$title, _ref2, _config$loginMethods, _publicConfig$loginTa, _ref3, _config$passwordLogin, _publicConfig$passwor, _config$defaultLoginM, _config$disableResetP, _publicConfig$ssoPage, _config$autoRegister, _config$registerMetho, _publicConfig$registe, _config$defaultRegist, _config$disableRegist, _config$publicKey, _config$agreementEnab, _config$agreements, _config$contentCss;
+
+  var mergedPublicConfig = _objectSpread(_objectSpread(_objectSpread({}, defaultConfig), config), {}, {
+    title: (_config$title = config.title) !== null && _config$title !== void 0 ? _config$title : publicConfig.name,
+    logo: !!config.logo ? config.logo : publicConfig.logo,
+    loginMethods: (_ref2 = (_config$loginMethods = config === null || config === void 0 ? void 0 : config.loginMethods) !== null && _config$loginMethods !== void 0 ? _config$loginMethods : (_publicConfig$loginTa = publicConfig.loginTabs) === null || _publicConfig$loginTa === void 0 ? void 0 : _publicConfig$loginTa.list) !== null && _ref2 !== void 0 ? _ref2 : [],
+    passwordLoginMethods: (_ref3 = (_config$passwordLogin = config === null || config === void 0 ? void 0 : config.passwordLoginMethods) !== null && _config$passwordLogin !== void 0 ? _config$passwordLogin : (_publicConfig$passwor = publicConfig.passwordTabConfig) === null || _publicConfig$passwor === void 0 ? void 0 : _publicConfig$passwor.enabledLoginMethods) !== null && _ref3 !== void 0 ? _ref3 : [],
+    // 默认登录方式
+    defaultLoginMethod: (_config$defaultLoginM = config.defaultLoginMethod) !== null && _config$defaultLoginM !== void 0 ? _config$defaultLoginM : publicConfig.loginTabs.default,
+    // 禁止重制密码
+    disableResetPwd: !!((_config$disableResetP = config.disableResetPwd) !== null && _config$disableResetP !== void 0 ? _config$disableResetP : !((_publicConfig$ssoPage = publicConfig.ssoPageComponentDisplay) !== null && _publicConfig$ssoPage !== void 0 && _publicConfig$ssoPage.forgetPasswordBtn)),
+    // 是否自动注册
+    autoRegister: (_config$autoRegister = config.autoRegister) !== null && _config$autoRegister !== void 0 ? _config$autoRegister : publicConfig.ssoPageComponentDisplay.autoRegisterThenLoginHintInfo,
+    registerMethods: (_config$registerMetho = config.registerMethods) !== null && _config$registerMetho !== void 0 ? _config$registerMetho : (_publicConfig$registe = publicConfig.registerTabs) === null || _publicConfig$registe === void 0 ? void 0 : _publicConfig$registe.list,
+    defaultRegisterMethod: (_config$defaultRegist = config.defaultRegisterMethod) !== null && _config$defaultRegist !== void 0 ? _config$defaultRegist : publicConfig.registerTabs.default,
+    // 禁止注册
+    disableRegister: !!((_config$disableRegist = config.disableRegister) !== null && _config$disableRegist !== void 0 ? _config$disableRegist : !publicConfig.ssoPageComponentDisplay.registerBtn),
+    // publicKey
+    publicKey: (_config$publicKey = config.publicKey) !== null && _config$publicKey !== void 0 ? _config$publicKey : publicConfig.publicKey,
+    // 注册协议
+    agreementEnabled: (_config$agreementEnab = config.agreementEnabled) !== null && _config$agreementEnab !== void 0 ? _config$agreementEnab : publicConfig.agreementEnabled,
+    agreements: (_config$agreements = config.agreements) !== null && _config$agreements !== void 0 ? _config$agreements : publicConfig.agreements,
+    contentCss: (_config$contentCss = config.contentCss) !== null && _config$contentCss !== void 0 ? _config$contentCss : publicConfig.css
+  });
+
+  return mergedPublicConfig;
+};
+
+var requestPublicConfig = /*#__PURE__*/function () {
+  var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(appId) {
+    var _res$message, _res;
+
+    var res, _getGuardHttp, get;
+
+    return _regenerator.default.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _getGuardHttp = (0, _guradHttp.getGuardHttp)(), get = _getGuardHttp.get;
+            _context2.prev = 1;
+            _context2.next = 4;
+            return get("/api/v2/applications/".concat(appId, "/public-config"));
+
+          case 4:
+            res = _context2.sent;
+            _context2.next = 11;
+            break;
+
+          case 7:
+            _context2.prev = 7;
+            _context2.t0 = _context2["catch"](1);
+            console.error('Please check your config or network');
+            throw new Error('Please check your config or network');
+
+          case 11:
+            if (!(res.code !== 200 || !res.data)) {
+              _context2.next = 13;
+              break;
+            }
+
+            throw new Error((_res$message = (_res = res) === null || _res === void 0 ? void 0 : _res.message) !== null && _res$message !== void 0 ? _res$message : 'Please check your config');
+
+          case 13:
+            setPublicConfig(appId, res.data);
+            return _context2.abrupt("return", getPublicConfig(appId));
+
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2, null, [[1, 7]]);
+  }));
+
+  return function requestPublicConfig(_x4) {
+    return _ref4.apply(this, arguments);
+  };
+}();

package/lib/_utils/context.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ApplicationConfig } from '../AuthingGuard/api';
+export declare const createGuardContext: () => {
+    Context: React.Context<ApplicationConfig | undefined>;
+    Provider: React.Provider<ApplicationConfig | undefined>;
+    Consumer: React.Consumer<ApplicationConfig | undefined>;
+};
+export declare const usePublicConfig: () => ApplicationConfig | undefined;

package/lib/_utils/context.js

@@ -0,0 +1,31 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.usePublicConfig = exports.createGuardContext = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var Context = /*#__PURE__*/_react.default.createContext(undefined);
+
+var Provider = Context.Provider;
+var Consumer = Context.Consumer;
+
+var createGuardContext = function createGuardContext() {
+  return {
+    Context: Context,
+    Provider: Provider,
+    Consumer: Consumer
+  };
+};
+
+exports.createGuardContext = createGuardContext;
+
+var usePublicConfig = function usePublicConfig() {
+  return (0, _react.useContext)(Context);
+};
+
+exports.usePublicConfig = usePublicConfig;

package/lib/_utils/errorFace.d.ts

@@ -0,0 +1,12 @@
+declare enum FaceErrorName {
+    NotAllowedError = "NotAllowedError",
+    AbortError = "AbortError",
+    NotReadableError = "NotReadableError",
+    OverconstrainedError = "OverconstrainedError",
+    SecurityError = "SecurityError"
+}
+export interface FaceErrorMessage extends DOMException {
+    name: FaceErrorName;
+}
+export declare const faceErrorMessage: (error: FaceErrorMessage) => string;
+export {};

package/lib/_utils/errorFace.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.faceErrorMessage = void 0;
+var FaceErrorName;
+
+(function (FaceErrorName) {
+  FaceErrorName["NotAllowedError"] = "NotAllowedError";
+  FaceErrorName["AbortError"] = "AbortError";
+  FaceErrorName["NotReadableError"] = "NotReadableError";
+  FaceErrorName["OverconstrainedError"] = "OverconstrainedError";
+  FaceErrorName["SecurityError"] = "SecurityError";
+})(FaceErrorName || (FaceErrorName = {}));
+
+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;
+};
+
+exports.faceErrorMessage = faceErrorMessage;

package/lib/_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/lib/_utils/guradHttp.js

@@ -0,0 +1,190 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useGuardHttp = exports.initGuardHttp = exports.getGuardHttp = exports.GuardHttp = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _version = _interopRequireDefault(require("../version"));
+
+var _http = require("./http");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(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) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var httpClient;
+
+var GuardHttp = /*#__PURE__*/function () {
+  function GuardHttp(baseUrl) {
+    var _this = this;
+
+    (0, _classCallCheck2.default)(this, GuardHttp);
+    (0, _defineProperty2.default)(this, "headers", {
+      'x-authing-userpool-id': '',
+      'x-authing-app-id': '',
+      'x-authing-sdk-version': _version.default,
+      'x-authing-request-from': "Guard@".concat(_version.default)
+    });
+    (0, _defineProperty2.default)(this, "getHeaders", function () {
+      return _this.headers;
+    });
+    (0, _defineProperty2.default)(this, "get", /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(path) {
+        var query,
+            config,
+            _args = arguments;
+        return _regenerator.default.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 _http.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);
+      };
+    }());
+    (0, _defineProperty2.default)(this, "post", /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(path, data, config) {
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return _http.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);
+      };
+    }());
+    (0, _defineProperty2.default)(this, "postForm", /*#__PURE__*/function () {
+      var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(path, formData, config) {
+        return _regenerator.default.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return _http.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);
+  }
+
+  (0, _createClass2.default)(GuardHttp, [{
+    key: "getRequestClient",
+    value: function getRequestClient() {
+      if (!this.requestClient) {
+        this.requestClient = _http.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;
+}();
+
+exports.GuardHttp = GuardHttp;
+
+var initGuardHttp = function initGuardHttp(baseUrl) {
+  if (!httpClient) {
+    var guardHttp = new GuardHttp(baseUrl);
+    httpClient = guardHttp;
+  }
+
+  return httpClient;
+};
+
+exports.initGuardHttp = initGuardHttp;
+
+var getGuardHttp = function getGuardHttp() {
+  if (!httpClient) {
+    throw new Error('Please initialize Http Client');
+  }
+
+  return httpClient;
+};
+
+exports.getGuardHttp = getGuardHttp;
+
+var useGuardHttp = function useGuardHttp() {
+  return getGuardHttp();
+};
+
+exports.useGuardHttp = useGuardHttp;

package/lib/_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/lib/_utils/hooks/index.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDebounce = exports.useChangeModule = exports.useAppId = void 0;
+
+var _react = require("react");
+
+var _context = require("../../context/module/context");
+
+var useChangeModule = function useChangeModule() {
+  var _useModule = (0, _context.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;
+};
+
+exports.useChangeModule = useChangeModule;
+var thisAppId = '';
+
+var useAppId = function useAppId(appId) {
+  if (appId) {
+    thisAppId = appId;
+  }
+
+  return thisAppId;
+};
+
+exports.useAppId = useAppId;
+
+var useDebounce = function useDebounce(fn, delay) {
+  var timer = (0, _react.useRef)({
+    time: null
+  });
+  var errorBody = (0, _react.useRef)({
+    body: null
+  });
+  (0, _react.useEffect)(function () {
+    return function () {
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      timer.current.time && clearInterval(timer.current.time);
+    };
+  }, []);
+  return (0, _react.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]);
+};
+
+exports.useDebounce = useDebounce;

package/lib/_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;
+}