@authing/react-ui-components 4.4.3-gf.0 → 4.5.0-alpha.0

package/lib/index.min.js.LICENSE.txt

@@ -4,10 +4,16 @@
     @license MIT
     */
 
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
 /*!
-  Copyright (c) 2017 Jed Watson.
-  Licensed under the MIT License (MIT), see
-  http://jedwatson.github.io/classnames
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
 */
 
 /*!
@@ -16,14 +22,7 @@
   http://jedwatson.github.io/classnames
 */
 
-/**
- * @license
- * Lodash <https://lodash.com/>
- * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
 
 /**
  * @license qrcode.react
@@ -31,6 +30,15 @@
  * SPDX-License-Identifier: ISC
  */
 
+/** @license React v0.19.1
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 /** @license React v16.13.1
  * react-is.production.min.js
  *
@@ -40,6 +48,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+/** @license React v16.14.0
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
 /** @preserve
    * Counter block mode compatible with  Dr Brian Gladman fileenc.c
    * derived from CryptoJS.mode.CTR

package/lib/typings/index.d.ts

@@ -0,0 +1,4 @@
+import '@authing/guard-shim-react/dist/guard.min.css';
+import { GuardProps } from '@authing/guard-shim-react';
+export declare function Guard(props: GuardProps): JSX.Element;
+export * from '@authing/guard-shim-react';

package/package.json

@@ -1,240 +1,28 @@
 {
   "name": "@authing/react-ui-components",
-  "version": "4.4.3-gf.0",
-  "private": false,
-  "main": "lib/index.min.js",
-  "typings": "types/index.d.ts",
+  "version": "4.5.0-alpha.0",
+  "description": "Authing Guard for React",
+  "module": "lib/index.min.js",
+  "types": "lib/typings/index.d.ts",
+  "scripts": {
+    "autoinstall": "npm ci",
+    "build:lib": "npm ci && node scripts/build.js",
+    "release:official": "npm publish --verbose --access public",
+    "release:alpha": "npm publish --verbose --tag=alpha --access public"
+  },
   "files": [
-    "dist",
     "lib",
-    "types"
+    "package.json",
+    "package-lock.json"
   ],
+  "author": "https://github.com/authing",
+  "license": "MIT",
   "dependencies": {
-    "antd": "^4.8.0",
-    "authing-js-sdk": "4.23.48",
-    "classnames": "^2.3.1",
-    "fastclick": "^1.0.6",
-    "global": "^4.4.0",
-    "phone": "^3.1.12",
-    "prompt": "^1.3.0",
-    "qrcode.react": "^3.1.0",
-    "qs": "^6.9.4",
-    "react-responsive": "^9.0.0-beta.5",
-    "react-use": "^17.3.1",
-    "ua-parser-js": "^1.0.2",
-    "wildcard": "^1.1.2"
-  },
-  "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
-  },
-  "scripts": {
-    "build": "node ./scripts/build.js",
-    "build:types": "npx tsc",
-    "build:lib": "yarn clear && yarn build:types && node ./scripts/lib.js",
-    "clear": "yarn clear:dist && yarn clear:lib && yarn clear:types",
-    "clear:dist": "rm -rf dist",
-    "clear:lib": "rm -rf lib",
-    "clear:types": "rm -rf types",
-    "log-tag": "node ./scripts/tag.js",
-    "pretty-quick": "pretty-quick",
-    "prestart": "yarn log-tag && yarn generate-version && yarn generate-examples",
-    "prebuild:lib": "yarn log-tag && yarn generate-version && yarn generate-examples",
-    "prepare": "cd ../.. && husky install packages/react-components/.husky",
-    "pub": "yarn build:lib && node ./scripts/publish.js",
-    "start": "cross-env PORT=1221 node ./scripts/start.js",
-    "vite": "vite",
-    "generate-version": "node ./scripts/generate-version",
-    "generate-examples": "node ./scripts/generate-examples.js",
-    "test": "node ./scripts/dev/pre-build.js",
-    "lint:fix": "eslint --fix --ext .ts,.tsx,.js ./components"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all",
-      "not ie < 10"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  },
-  "jest": {
-    "roots": [
-      "<rootDir>/components"
-    ],
-    "collectCoverageFrom": [
-      "components/**/*.{js,jsx,ts,tsx}",
-      "!components/**/*.d.ts"
-    ],
-    "setupFiles": [
-      "react-app-polyfill/jsdom"
-    ],
-    "setupFilesAfterEnv": [
-      "<rootDir>/components/setupTests.ts"
-    ],
-    "testMatch": [
-      "<rootDir>/components/**/__tests__/**/*.{js,jsx,ts,tsx}",
-      "<rootDir>/components/**/*.{spec,test}.{js,jsx,ts,tsx}"
-    ],
-    "testEnvironment": "jsdom",
-    "testRunner": "/Users/lixpng/workspace/authing/ui-components/packages/react-components/node_modules/jest-circus/runner.js",
-    "transform": {
-      "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/node_modules/babel-jest",
-      "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
-      "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
-    },
-    "transformIgnorePatterns": [
-      "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",
-      "^.+\\.module\\.(css|sass|scss)$"
-    ],
-    "modulePaths": [],
-    "moduleNameMapper": {
-      "^react-native$": "react-native-web",
-      "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"
-    },
-    "moduleFileExtensions": [
-      "web.js",
-      "js",
-      "web.ts",
-      "ts",
-      "web.tsx",
-      "tsx",
-      "json",
-      "web.jsx",
-      "jsx",
-      "node"
-    ],
-    "watchPlugins": [
-      "jest-watch-typeahead/filename",
-      "jest-watch-typeahead/testname"
-    ],
-    "resetMocks": true
-  },
-  "babel": {
-    "presets": [
-      "react-app"
-    ]
+    "@authing/guard-shim-react": "^4.5.0-alpha.0",
+    "@authing/native-js-ui-components": "^4.5.0-alpha.0",
+    "react": "^16.13.1"
   },
   "devDependencies": {
-    "@ant-design/icons": "^4.2.2",
-    "@babel/core": "^7.17.8",
-    "@babel/plugin-proposal-class-properties": "^7.16.7",
-    "@babel/plugin-transform-runtime": "^7.17.0",
-    "@babel/preset-env": "^7.16.11",
-    "@babel/preset-flow": "^7.16.7",
-    "@babel/preset-react": "^7.16.7",
-    "@babel/preset-typescript": "^7.16.7",
-    "@pmmmwh/react-refresh-webpack-plugin": "0.4.2",
-    "@svgr/webpack": "5.4.0",
-    "@testing-library/jest-dom": "^5.11.4",
-    "@testing-library/react": "^11.1.0",
-    "@testing-library/user-event": "^12.1.10",
-    "@types/jest": "^26.0.15",
-    "@types/lodash": "^4.14.175",
-    "@types/node": "^12.0.0",
-    "@types/qs": "^6.9.5",
-    "@types/react": "^16.9.53",
-    "@types/react-dom": "^16.9.8",
-    "@types/shortid": "^0.0.29",
-    "@types/ua-parser-js": "^0.7.36",
-    "@typescript-eslint/eslint-plugin": "^4.5.0",
-    "@typescript-eslint/parser": "^4.5.0",
-    "@vitejs/plugin-react": "1.1.0",
-    "axios": "^0.27.2",
-    "babel-eslint": "^10.1.0",
-    "babel-jest": "^26.6.0",
-    "babel-loader": "8.1.0",
-    "babel-plugin-import": "^1.13.1",
-    "babel-plugin-named-asset-import": "^0.3.7",
-    "babel-preset-react-app": "^10.0.0",
-    "bfj": "^7.0.2",
-    "camelcase": "^6.1.0",
-    "case-sensitive-paths-webpack-plugin": "2.3.0",
-    "chalk": "^4.1.2",
-    "cross-env": "^7.0.3",
-    "css-loader": "4.3.0",
-    "dotenv": "8.2.0",
-    "dotenv-expand": "5.1.0",
-    "eslint": "^7.11.0",
-    "eslint-config-prettier": "^6.15.0",
-    "eslint-config-react-app": "^6.0.0",
-    "eslint-plugin-flowtype": "^5.2.0",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-jest": "^24.1.0",
-    "eslint-plugin-jsx-a11y": "^6.3.1",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.21.5",
-    "eslint-plugin-react-hooks": "^4.2.0",
-    "eslint-plugin-testing-library": "^3.9.2",
-    "eslint-webpack-plugin": "^2.1.0",
-    "face-api.js": "^0.22.2",
-    "file-loader": "6.1.1",
-    "fs-extra": "^9.0.1",
-    "html-webpack-plugin": "4.5.0",
-    "husky": "^7.0.4",
-    "i18next": "^20.1.0",
-    "i18next-browser-languagedetector": "^6.1.0",
-    "identity-obj-proxy": "3.0.0",
-    "jest": "26.6.0",
-    "jest-circus": "26.6.0",
-    "jest-resolve": "26.6.0",
-    "jest-watch-typeahead": "0.6.1",
-    "less": "^3.12.2",
-    "less-loader": "^7.0.2",
-    "mini-css-extract-plugin": "0.11.3",
-    "npm-dts-webpack-plugin": "^1.3.5",
-    "optimize-css-assets-webpack-plugin": "5.0.4",
-    "ora": "^5.4.1",
-    "pnp-webpack-plugin": "1.6.4",
-    "postcss-flexbugs-fixes": "4.2.1",
-    "postcss-loader": "3.0.0",
-    "postcss-normalize": "8.0.1",
-    "postcss-preset-env": "6.7.0",
-    "postcss-rename-selector": "^0.1.1",
-    "postcss-safe-parser": "5.0.2",
-    "prettier": "^2.1.2",
-    "pretty-quick": "^3.0.0",
-    "query-string": "^7.0.0",
-    "raw-loader": "^4.0.2",
-    "react": "16.14.0",
-    "react-app-polyfill": "^2.0.0",
-    "react-dev-utils": "^11.0.0",
-    "react-dom": "16.14.0",
-    "react-frame-component": "^5.2.1",
-    "react-i18next": "^11.8.12",
-    "react-refresh": "^0.8.3",
-    "resolve": "1.18.1",
-    "resolve-url-loader": "^3.1.2",
-    "sass-loader": "8.0.2",
-    "semver": "7.3.2",
-    "shelljs": "^0.8.4",
-    "shortid": "^2.2.16",
-    "signale": "^1.4.0",
-    "style-loader": "1.3.0",
-    "terser-webpack-plugin": "4.2.3",
-    "ts-pnp": "1.2.0",
-    "typescript": "^4.0.3",
-    "url-loader": "4.1.1",
-    "vite": "^2.6.14",
-    "web-vitals": "^0.2.4",
-    "webpack": "4.44.2",
-    "webpack-bundle-analyzer": "^4.1.0",
-    "webpack-dev-server": "3.11.0",
-    "webpack-manifest-plugin": "2.2.0",
-    "workbox-webpack-plugin": "5.1.4"
+    "@types/react": "^16.9.0"
   }
-}
+}

package/README.md

@@ -1,33 +0,0 @@
-# Authing React UI Components
-
-[Authing](https://authing.cn) 是一个企业级身份认证提供商，其集成了 OAuth、LDAP、OIDC 等多种身份认证和授权解决方案。此仓库包含了 Authing 提供的一些 React UI 组件。
-
-## Guard
-
-Guard 是一种可嵌入的登录表单，可根据你的需求进行配置，建议用于单页面应用程序。 它使你可以轻松添加各种社会化登录方式，以便你的用户可以无缝登录，并且在不同平台拥有一致的登录体验。  
-Guard 拥有以下基本功能：
-
-- 登录：
-  - 账号密码登录（包括手机号 + 密码、邮箱 + 密码、用户名 + 密码）；
-  - 手机验证码登录；
-  - 微信小程序扫码登录（需先在后台配置）；
-  - APP 扫码登录（需要接入 APP 扫码登录）；
-  - 小程序扫码登录（需先在后台配置）；
-  - 社会化登录（需要配置社会化登录）；
-  - 企业身份源登录（需要配置企业身份源）；
-- 注册：
-  - 账号密码注册；
-  - 手机验证码注册；
-- 忘记密码以及重置密码；
-- MFA 认证；
-- 响应式特性（兼容移动端和 PC 端）；
-- 完整的 UI 自定义功能；
-- 兼容主流前端 UI 库：
-  - 原生 JavaScript 调用；
-  - Vue 组件；
-  - React 组件；
-  - Angular 组件。
-
-![Guard Demo](./static/images/guard-demo.jpg)
-
-详细使用文档请查看 [Guard for Web](https://docs.authing.cn/sdk/guard/#guard-for-react)

package/lib/static/media/loading.3cf0104f.svg

@@ -1,32 +0,0 @@
-<svg width="100%" height="100%"
- viewBox="0 0 150 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <style>
-    #path-f {
-      fill: none;
-      stroke: #0080ff;
-      stroke-width: 8.2;
-      stroke-dasharray: 100 220;
-      animation: dash 40s infinite linear forwards;
-      stroke-linecap: round;
-      stroke-linejoin: round;
-
-    }
-    #path-b {
-      fill: none;
-      stroke: #eaebee;
-      stroke-width: 8;
-      stroke-linecap: round;
-      stroke-linejoin: round;
-    }
-    @keyframes dash {
-      to {
-        stroke-dashoffset: 12000;
-      }
-    }
-  </style>
-  <title>Loading</title>
-  <g id="单独" transform="translate(25.000000, 16.000000)" fill-rule="nonzero"  stroke-width="2" >
-    <path d="M50,0 L0,30 C0,31 0,32 0,33 C0,69 20,100 50,116 C79,100 100,69 100,33 C100,32 99,31 99,30 L50,0 Z" id="path-b"/>
-    <path d="M50,0 L0,30 C0,31 0,32 0,33 C0,69 20,100 50,116 C79,100 100,69 100,33 C100,32 99,31 99,30 L50,0 Z" id="path-f"/>
-  </g>
-</svg>

package/types/AuthClientProvider/AuthClientProvider.d.ts

@@ -1,6 +0,0 @@
-import React, { ReactNode } from 'react';
-import { AuthClientContextProps } from './context';
-export declare const AuthClientProvider: React.FC<AuthClientContextProps & {
-    children: ReactNode;
-}>;
-export declare const useGlobalAuthClient: () => import("authing-js-sdk").AuthenticationClient | undefined;

package/types/AuthClientProvider/context.d.ts

@@ -1,6 +0,0 @@
-import { AuthenticationClient } from 'authing-js-sdk';
-import React from 'react';
-export interface AuthClientContextProps {
-    client: AuthenticationClient;
-}
-export declare const AuthClientContext: React.Context<AuthClientContextProps | undefined>;

package/types/AuthClientProvider/index.d.ts

@@ -1 +0,0 @@
-export { AuthClientProvider, useGlobalAuthClient } from './AuthClientProvider';

package/types/Back/index.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import './styles.less';
-export interface BackProps {
-    isRender?: boolean;
-}
-export declare const BackLogin: React.FC<BackProps>;
-export interface BackCustomProps extends BackProps {
-    onBack?: () => void;
-}
-export declare const BackCustom: React.FC<BackCustomProps & {
-    children: any;
-}>;

package/types/BindTotp/businessRequest.d.ts

@@ -1,5 +0,0 @@
-export declare enum BindTotpBusinessAction {
-    VerifyTotpFirstTime = "verify-totp-first-time",
-    ConfirmTotpRecoveryCode = "confirm-totp-recovery-code"
-}
-export declare const authFlow: (action: BindTotpBusinessAction, content: any) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;

package/types/BindTotp/core/bindSuccess.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface BindSuccessProps {
-    onBind: any;
-    secret: string;
-}
-export declare const BindSuccess: React.FC<BindSuccessProps>;

package/types/BindTotp/core/securityCode.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface SecurityCodeProps {
-    mfaToken: string;
-    qrcode: string;
-    onNext: any;
-    changeModule: any;
-}
-export declare const SecurityCode: React.FC<SecurityCodeProps>;

package/types/BindTotp/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './styles.less';
-export declare const GuardBindTotpView: React.FC;

package/types/BindTotp/interface.d.ts

@@ -1,20 +0,0 @@
-import { IG2Config, IG2Events, IG2FCProps } from '../Type';
-import { GuardMFAInitData } from '../MFA/interface';
-import { AuthenticationClient, User } from 'authing-js-sdk';
-export interface BindTotpConfig extends IG2Config {
-    autoRegister: boolean;
-}
-export declare const getDefaultMFAConfig: () => BindTotpConfig;
-export interface BindTotpEvents extends IG2Events {
-    onLogin?: (user: User, authClient: AuthenticationClient) => void;
-}
-export interface GuardBindTotpInitData extends GuardMFAInitData {
-}
-export interface GuardBindTotpProps extends IG2FCProps, BindTotpEvents {
-    config: Partial<BindTotpConfig>;
-    initData: GuardBindTotpInitData;
-}
-export interface GuardBindTotpViewProps extends GuardBindTotpProps {
-    config: BindTotpConfig;
-    initData: GuardBindTotpInitData;
-}

package/types/ChangeLanguage/index.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import { Lang } from '../Type';
-import './style.less';
-export declare const LngTextMapping: Record<Lang, {
-    label: string;
-}>;
-export declare const ChangeLanguage: (props: {
-    onLangChange?: ((lang: Lang) => void) | undefined;
-    langRange?: Lang[] | undefined;
-}) => JSX.Element | null;

package/types/ChangePassword/businessRequest.d.ts

@@ -1,9 +0,0 @@
-export declare enum ChangePasswordBusinessAction {
-    ResetPassword = "reset-password-first-time",
-    FirstLoginReset = "reset-password-forced",
-    ResetPasswordStrengthDetection = "reset-password-strength-detection"
-}
-export declare const authFlow: (action: ChangePasswordBusinessAction, content: {
-    password: string;
-    oldPassword?: string;
-}) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;

package/types/ChangePassword/core/PasswordNotSafeReset.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface PasswordNotSafeResetProps {
-    onReset: any;
-}
-export declare const PasswordNotSafeReset: React.FC<PasswordNotSafeResetProps>;
-export {};

package/types/ChangePassword/core/completePassword.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const CompletePassword: React.FC;

package/types/ChangePassword/core/firstLoginReset.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface FirstLoginResetProps {
-    onReset: any;
-}
-export declare const FirstLoginReset: React.FC<FirstLoginResetProps>;
-export {};

package/types/ChangePassword/core/rotateReset.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface RotateResetProps {
-    onReset: any;
-    onFinishCallBack?: any;
-}
-export declare const RotateReset: (props: RotateResetProps) => JSX.Element;
-export {};

package/types/ChangePassword/index.d.ts

@@ -1,11 +0,0 @@
-import React, { ReactNode } from 'react';
-export declare const GuardChangePassword: React.FC<{
-    title: string;
-    explain: string;
-    children: ReactNode;
-}>;
-export declare const GuardFirstLoginPasswordResetView: React.FC;
-export declare const GuardPasswordNotSafeResetView: React.FC;
-export declare const GuardForcedPasswordResetView: React.FC;
-export declare const GuardNoticePasswordResetView: React.FC;
-export declare const GuardRegisterCompletePasswordView: React.FC;

package/types/CompleteInfo/businessRequest.d.ts

@@ -1,9 +0,0 @@
-import { User } from 'authing-js-sdk';
-import { CompleteInfoRequest, RegisterCompleteInfoInitData } from './interface';
-export declare enum CompleteInfoAuthFlowAction {
-    Complete = "complete-completion",
-    Skip = "skip-completion"
-}
-export declare const authFlow: (action: CompleteInfoAuthFlowAction, data?: CompleteInfoRequest | undefined) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
-export declare const registerSkipMethod: (fnName: RegisterCompleteInfoInitData['businessRequestName'] | string, content: any) => Promise<import("../_utils/http").AuthingGuardResponse<any>>;
-export declare const registerRequest: (action: CompleteInfoAuthFlowAction, registerFnName: RegisterCompleteInfoInitData['businessRequestName'], registerContent: any, registerProfile?: any) => Promise<User | import("../_utils/http").AuthingGuardResponse<any> | undefined>;

package/types/CompleteInfo/core/completeInfo.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { CompleteInfoMetaData, CompleteInfoRequest } from '../interface';
-export interface CompleteInfoProps {
-    metaData: CompleteInfoMetaData[];
-    businessRequest: (data: CompleteInfoRequest) => Promise<void>;
-}
-export interface FieldMetadata {
-    key: string;
-    options: any;
-}
-export declare const CompleteInfo: React.FC<CompleteInfoProps>;

package/types/CompleteInfo/index.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { CompleteInfoMetaData, CompleteInfoRequest } from './interface';
-import './styles.less';
-import { CompleteInfoAuthFlowAction } from './businessRequest';
-export declare const GuardCompleteInfo: React.FC<{
-    metaData: CompleteInfoMetaData[];
-    skipComplateFileds: boolean;
-    businessRequest: (action: CompleteInfoAuthFlowAction, data?: CompleteInfoRequest) => Promise<void>;
-}>;
-export declare const GuardLoginCompleteInfoView: React.FC;
-export declare const GuardRegisterCompleteInfoView: React.FC;