@authing/react-ui-components 3.1.39 → 4.0.0-alpha.2

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

@@ -10,6 +10,12 @@
   http://jedwatson.github.io/classnames
 */
 
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/
+
 /**
  * @license
  * Lodash <https://lodash.com/>

package/package.json

@@ -1,20 +1,22 @@
 {
   "name": "@authing/react-ui-components",
-  "version": "3.1.39",
+  "version": "4.0.0-alpha.2",
   "private": false,
   "main": "lib/index.min.js",
-  "typings": "lib/index.d.ts",
-  "types": "react-app-env.d.ts",
+  "typings": "types/index.d.ts",
   "files": [
     "dist",
-    "lib"
+    "lib",
+    "types"
   ],
   "dependencies": {
     "antd": "^4.8.0",
-    "authing-js-sdk": "4.23.35",
+    "authing-js-sdk": "4.23.36-alpha.1",
+    "classnames": "^2.3.1",
     "fastclick": "^1.0.6",
     "global": "^4.4.0",
     "phone": "^3.1.12",
+    "prompt": "^1.3.0",
     "qs": "^6.9.4",
     "react-responsive": "^9.0.0-beta.5",
     "react-use": "^17.3.1",
@@ -27,10 +29,12 @@
   },
   "scripts": {
     "build": "node ./scripts/build.js",
-    "build:lib": "node ./scripts/lib.js",
-    "clear": "clear:lib && clear:dist",
+    "build:types": "npx tsc",
+    "build:lib": "clear && npm run build:types && node ./scripts/lib.js",
+    "clear": "npm run clear:dist && npm run clear:lib && npm run 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": "npm run log-tag && npm run generate-version && npm run generate-examples",
@@ -40,7 +44,8 @@
     "start": "PORT=1221 node ./scripts/start.js",
     "vite": "vite",
     "generate-version": "node ./scripts/generate-version",
-    "generate-examples": "node ./scripts/generate-examples.js"
+    "generate-examples": "node ./scripts/generate-examples.js",
+    "test": "node ./scripts/dev/pre-build.js"
   },
   "publishConfig": {
     "access": "public",
@@ -191,6 +196,7 @@
     "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",
@@ -215,6 +221,7 @@
     "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",
@@ -227,5 +234,6 @@
     "webpack-dev-server": "3.11.0",
     "webpack-manifest-plugin": "2.2.0",
     "workbox-webpack-plugin": "5.1.4"
-  }
-}
+  },
+  "gitHead": "27cf2be38df858ccc3697a09c0d7294de9b54d4a"
+}

package/types/AuthClientProvider/AuthClientProvider.d.ts

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

package/types/AuthClientProvider/context.d.ts

@@ -0,0 +1,6 @@
+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

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

package/types/Back/index.d.ts

@@ -0,0 +1,10 @@
+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>;

package/types/BindTotp/businessRequest.d.ts

@@ -0,0 +1,5 @@
+export declare const 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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,8 @@
+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

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

package/types/BindTotp/interface.d.ts

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1,10 @@
+/// <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

@@ -0,0 +1,9 @@
+export declare const 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

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

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

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

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

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

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

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

package/types/ChangePassword/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const GuardChangePassword: React.FC<{
+    title: string;
+    explain: string;
+}>;
+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

@@ -0,0 +1,9 @@
+import { User } from 'authing-js-sdk';
+import { CompleteInfoRequest, RegisterCompleteInfoInitData } from './interface';
+export declare const 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'], content: any) => Promise<import("../_utils/http").AuthingGuardResponse<any>> | undefined;
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,11 @@
+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;

package/types/CompleteInfo/interface.d.ts

@@ -0,0 +1,99 @@
+import { AuthenticationClient, CommonMessage, User } from 'authing-js-sdk';
+import { IG2Config, IG2Events, IG2FCProps } from '../Type';
+export interface CompleteInfoConfig extends IG2Config {
+}
+export declare const getDefaultCompleteInfoConfig: () => CompleteInfoConfig;
+export interface CompleteInfoEvents extends IG2Events {
+    onRegisterInfoCompleted?: (user: User, udfs: {
+        key: any;
+        value: any;
+    }[], authClient: AuthenticationClient) => void;
+    onRegisterInfoCompletedError?: (error: CommonMessage, udfs: {
+        key: any;
+        value: any;
+    }[], authClient: AuthenticationClient) => void;
+}
+export interface GuardCompleteInfoProps extends IG2FCProps, CompleteInfoEvents {
+    config: Partial<CompleteInfoConfig>;
+}
+export interface GuardCompleteInfoViewProps extends GuardCompleteInfoProps {
+    config: CompleteInfoConfig;
+    initData: any;
+    onLogin?: any;
+}
+export declare type ExtendsFieldType = 'user' | 'internal';
+export interface ExtendsField {
+    type: ExtendsFieldType;
+    name: string;
+    label: string;
+    inputType: string;
+    required: boolean;
+    validateRules: any[];
+}
+export declare enum FormValidateRule {
+    NONE = "none",
+    EMAIL = "email",
+    PHONE = "phone",
+    IS_NUMBER = "isNumber",
+    REG_EXP = "regExp"
+}
+export interface CompleteInfoRule {
+    type: FormValidateRule;
+    content: string;
+    errorMessage?: string;
+}
+export interface CompleteInfoSelectOption {
+    value: string;
+    label: string;
+}
+export interface CompleteInfoMetaData {
+    type: CompleteInfoBaseControls | CompleteInfoExtendsControls;
+    label: string;
+    name: string;
+    required: boolean;
+    validateRules: CompleteInfoRule[];
+    options?: CompleteInfoSelectOption[];
+}
+export declare enum CompleteInfoBaseControls {
+    USERNAME = "username",
+    PHONE = "phone",
+    EMAIL = "email"
+}
+export declare enum CompleteInfoExtendsControls {
+    IMAGE = "image",
+    NUMBER = "number",
+    DATE = "date",
+    DATE_TIME = "datetime",
+    SELECT = "select",
+    DROPDOWN = "dropdown",
+    BOOLEAN = "boolean",
+    STRING = "string",
+    TEXT = "text",
+    GENDER = "gender",
+    COUNTRY = "country"
+}
+export interface CompleteInfoInitData {
+    skip: boolean;
+    metaData: CompleteInfoMetaData[];
+}
+export interface RegisterCompleteInfoInitData {
+    content: any;
+    businessRequestName: 'registerByEmail' | 'registerByPhoneCode' | 'registerByEmailCode';
+    onRegisterFailed: Function;
+    onRegisterSuccess: Function;
+}
+export interface RegisterCompletePasswordInitData extends RegisterCompleteInfoInitData {
+    isChangeComplete: boolean;
+}
+export interface CompleteInfoRequest {
+    fieldValues: {
+        name: string;
+        value: string;
+        code?: string;
+    }[];
+}
+export declare enum OmitCompleteInfo {
+    'registerByEmail' = "email",
+    'registerByPhoneCode' = "phone",
+    'registerByEmailCode' = "email"
+}

package/types/CompleteInfo/utils.d.ts

@@ -0,0 +1,22 @@
+import { User } from 'authing-js-sdk';
+import { CompleteInfoMetaData, ExtendsField } from '../CompleteInfo/interface';
+import { ApplicationConfig } from '../Type/application';
+export declare const completeFieldsFilter: (user: User, field: ExtendsField) => boolean;
+export declare const extendsFieldsToMetaData: (extendsFields: import("../Type/application").ExtendsField[] | undefined, selectOptions: {
+    key: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}[]) => CompleteInfoMetaData[];
+export declare const fieldValuesToRegisterProfile: (extendsFields: ApplicationConfig['extendsFields'], fieldValues?: {
+    name: string;
+    value: string;
+    code?: string | undefined;
+}[] | undefined) => {
+    registerProfile: Record<string, any>;
+    udf: {
+        key: string;
+        value: string;
+    }[];
+};

package/types/CopyAbleText/index.d.ts

@@ -0,0 +1,5 @@
+import React, { FC } from 'react';
+import './style.less';
+export interface CopyTextProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+export declare const CopyAbleText: FC<CopyTextProps>;

package/types/DownloadAuthenticator/index.d.ts

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

package/types/DownloadAuthenticator/interface.d.ts

@@ -0,0 +1,12 @@
+import { IG2Config, IG2Events, IG2FCProps } from '../Type';
+export interface DownloadATConfig extends IG2Config {
+}
+export declare const getDefaultDownloadAuthenticatorConfig: () => DownloadATConfig;
+export interface DownloadATEvents extends IG2Events {
+}
+export interface GuardDownloadATProps extends IG2FCProps, DownloadATEvents {
+    config: Partial<DownloadATConfig>;
+}
+export interface GuardDownloadATViewProps extends GuardDownloadATProps {
+    config: DownloadATConfig;
+}

package/types/Error/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './styles.less';
+export interface ErrorProps {
+    error?: Error;
+}
+export declare const GuardErrorView: React.FC<ErrorProps>;

package/types/Error/interface.d.ts

@@ -0,0 +1,8 @@
+export interface ErrorInitData {
+    error?: Error;
+}
+export interface GuardErrorProps {
+    initData?: ErrorInitData;
+}
+export interface GuardErrorViewProps extends GuardErrorProps {
+}

package/types/ForgetPassword/core/resetPassword.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare enum InputMethodMap {
+    email = "email-code",
+    phone = "phone-code"
+}
+interface ResetPasswordProps {
+    onReset: any;
+    publicConfig: any;
+}
+export declare const ResetPassword: (props: ResetPasswordProps) => JSX.Element;
+export {};

package/types/ForgetPassword/index.d.ts

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

package/types/ForgetPassword/interface.d.ts

@@ -0,0 +1,18 @@
+import { AuthenticationClient, CommonMessage, SceneType } from 'authing-js-sdk';
+import { EmailScene, IG2Config, IG2Events, IG2FCProps, IG2FCViewProps } from '../Type';
+export interface ForgetPasswordEvents extends IG2Events {
+    onEmailSend?: (authClient: AuthenticationClient, sence?: EmailScene) => void;
+    onEmailSendError?: (error: CommonMessage, authClient: AuthenticationClient, sence?: EmailScene) => void;
+    onPhoneSend?: (authClient: AuthenticationClient, sence?: SceneType) => void;
+    onPhoneSendError?: (error: CommonMessage, authClient: AuthenticationClient, sence?: SceneType) => void;
+    onPwdReset?: (authClient: AuthenticationClient) => void;
+    onPwdResetError?: (error: CommonMessage, authClient: AuthenticationClient) => void;
+}
+export interface ForgetPasswordConfig extends IG2Config {
+}
+export interface ForgetPasswordProps extends IG2FCProps, ForgetPasswordEvents {
+    config: Partial<IG2Config>;
+}
+export interface ForgetPasswordViewProps extends ForgetPasswordProps, IG2FCViewProps {
+    config: IG2Config;
+}

package/types/Guard/Guard.d.ts

@@ -0,0 +1,10 @@
+import { GuardEvents } from './event';
+import { GuardAppendConfig, IG2FCProps } from '../Type';
+import { GuardLocalConfig } from './config';
+import 'moment/locale/zh-cn';
+import React from 'react';
+export interface GuardProps extends GuardEvents, IG2FCProps {
+    config?: Partial<GuardLocalConfig>;
+    appendConfig?: GuardAppendConfig;
+}
+export declare const Guard: React.MemoExoticComponent<(props: GuardProps) => JSX.Element>;

package/types/Guard/GuardModule/stateMachine.d.ts

@@ -0,0 +1,38 @@
+import { GuardLocalConfig } from '../config';
+import { GuardModuleType } from '../module';
+export interface ModuleState {
+    moduleName: GuardModuleType;
+    initData?: any;
+}
+export declare const enum ActionType {
+    ChangeModule = "ChangeModule",
+    Back = "Back",
+    Init = "Init"
+}
+export interface StateMachineLog {
+    action: ActionType;
+    date: number;
+    dataSource: ModuleState;
+}
+export declare type ChangeModuleEvent = (nextModule: GuardModuleType, initData?: any) => void;
+export declare class GuardStateMachine {
+    private order;
+    private config;
+    private moduleStateHistory;
+    private changeModuleEvent;
+    private stateMachineLog;
+    constructor(changeModuleEvent: ChangeModuleEvent, initData: ModuleState);
+    uninstallPopstate: () => void;
+    globalWindow: () => Window | undefined;
+    next: (nextModule: GuardModuleType, initData: any) => void;
+    back: (initData?: any) => void;
+    end: () => void;
+    historyPush: (data: ModuleState, actionType?: ActionType) => void;
+    historyBack: (data: ModuleState) => void;
+    setConfig: (config: Partial<GuardLocalConfig>) => void;
+    isUseHistoryHijack: () => boolean;
+    onPopstate: () => void;
+}
+export declare const initGuardStateMachine: (changeMouleEvent: ChangeModuleEvent, initData: ModuleState) => GuardStateMachine;
+export declare const getGuardStateMachine: () => GuardStateMachine;
+export declare const useGuardStateMachine: () => GuardStateMachine;

package/types/Guard/authClient.d.ts

@@ -0,0 +1,14 @@
+import { AuthenticationClient } from 'authing-js-sdk';
+import { GuardLocalConfig } from './config';
+declare let authClient: AuthenticationClient;
+export declare const initGuardAuthClient: (config: GuardLocalConfig, appId: string, tenantId?: string | undefined) => AuthenticationClient;
+export declare const useInitGuardAuthClient: (props: {
+    config?: GuardLocalConfig | undefined;
+    appId?: string | undefined;
+    authClient?: AuthenticationClient | undefined;
+    setError?: any;
+    tenantId?: string | undefined;
+}) => AuthenticationClient | undefined;
+export declare const getGuardAuthClient: () => AuthenticationClient;
+export declare const useGuardAuthClient: () => AuthenticationClient;
+export {};

package/types/Guard/config.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+import { GuardModuleType } from '.';
+import { LoginConfig } from '../Login/interface';
+import { RegisterConfig } from '../Register/interface';
+export interface GuardLocalConfig extends RegisterConfig, LoginConfig {
+    isSSO?: boolean;
+    defaultScenes?: GuardModuleType;
+    defaultInitData?: any;
+    showLoading?: boolean;
+    loadingComponent?: ReactNode;
+    /**
+     * @description 是否调用 eventsMapping 中的事件
+     */
+    openEventsMapping?: boolean;
+}
+export declare const getDefaultGuardLocalConfig: () => GuardLocalConfig;