@authing/react-ui-components 4.0.0-rc.2 → 4.0.0-rc.5

package/types/Login/multipleAccounts/panel.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import './style.less';
+interface SelectPanelProps {
+    lists: SelectOptions[];
+    /**
+     * 点击删除
+     */
+    handleDel: (id: string) => void;
+    /**
+     * 点击 li
+     */
+    onClick: (id: string) => void;
+}
+export interface SelectOptions {
+    /**
+     * 头像
+     */
+    photo?: string;
+    /**
+     * 标题
+     */
+    title?: string;
+    /**
+     * 描述
+     */
+    description?: string;
+    /**
+     * 用户 ID 唯一标识符
+     */
+    id: string | 'other';
+    /**
+     * 显示操作栏 default: true
+     */
+    operation?: boolean;
+    /**
+     * 登录时间
+     */
+    _updateTime: number;
+    /**
+     * 替代图片元素
+     */
+    element?: React.ReactElement;
+}
+declare const SelectPanel: React.FC<SelectPanelProps>;
+export { SelectPanel };

package/types/Login/socialLogin/index.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import './style.less';
 import { GuardLocalConfig } from '../../Guard';
 import { ApplicationConfig, SocialConnectionItem } from '../../Type/application';
+import { StoreInstance } from '../../Guard/core/hooks/useMultipleAccounts';
 export interface SocialLoginProps {
     appId: string;
     config: GuardLocalConfig;
@@ -9,5 +10,9 @@ export interface SocialLoginProps {
     onLoginSuccess: any;
     enterpriseConnectionObjs: ApplicationConfig['identityProviders'];
     socialConnectionObjs: SocialConnectionItem[];
+    /**
+     * 根据输入的账号 & 返回获得对应的登录方法
+     */
+    multipleInstance?: StoreInstance;
 }
 export declare const SocialLogin: React.FC<SocialLoginProps>;

package/types/Type/index.d.ts

@@ -1,8 +1,9 @@
-import { AuthenticationClient, CommonMessage } from 'authing-js-sdk';
+import { AuthenticationClient, CommonMessage, User } from 'authing-js-sdk';
 import { GuardModuleType } from '../Guard/module';
 import { FacePlugin } from '../_utils/facePlugin/interface';
 import { ApplicationConfig } from './application';
 export * from './application';
+export type { CommonMessage, User };
 export declare type Lang = 'zh-CN' | 'en-US' | 'zh-TW';
 export declare enum GuardMode {
     Modal = "modal",

package/types/_utils/context.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { GuardEvents, GuardLocalConfig, GuardModuleType, GuardPageConfig } from '..';
+import { BackFillMultipleState, StoreInstance } from '../Guard/core/hooks/useMultipleAccounts';
 import { ModuleState } from '../Guard/GuardModule/stateMachine';
 import { ApplicationConfig } from '../Type/application';
 import { GuardHttp } from './guardHttp';
@@ -18,6 +19,29 @@ export interface IGuardContext {
     isAuthFlow: boolean;
     contextLoaded: boolean;
     guardPageConfig: Partial<GuardPageConfig>;
+    multipleInstance: {
+        /**
+         * 多账号相关
+         */
+        isMultipleAccount: boolean;
+        /**
+         * when： 多账号页面跳转进入登录页面
+         * 携带的回填数据信息
+         */
+        multipleAccountData?: BackFillMultipleState;
+        /**
+         * 多账号 store 实例
+         */
+        instance?: StoreInstance;
+        /**
+         * 切换多账号 isMultipleAccount 状态
+         */
+        referMultipleState?: (type: 'login' | 'multiple') => void;
+        /**
+         * 清空回填数据
+         */
+        clearBackFillData?: () => void;
+    };
 }
 export declare const createGuardXContext: () => {
     Provider: React.FC<{
@@ -55,3 +79,61 @@ export declare const useGuardFinallyConfig: () => GuardLocalConfig;
 export declare const useGuardContextLoaded: () => boolean;
 export declare const useGuardIsAuthFlow: () => boolean;
 export declare const useGuardPageConfig: () => Partial<GuardPageConfig>;
+/**
+ * 多账号登录 store 实例
+ */
+export declare const useGuardMultipleInstance: () => {
+    /**
+     * 多账号相关
+     */
+    isMultipleAccount: boolean;
+    /**
+     * when： 多账号页面跳转进入登录页面
+     * 携带的回填数据信息
+     */
+    multipleAccountData?: BackFillMultipleState | undefined;
+    /**
+     * 多账号 store 实例
+     */
+    instance?: {
+        initStore: (appId: string, options: {
+            serverSideLoginMethods: import("../Guard/core/hooks/useMultipleAccounts").LoginWay[];
+            isInternationSms: boolean;
+        }) => void;
+        setLoginWay: (tab: "input" | "qrcode", way: import("../Guard/core/hooks/useMultipleAccounts").LoginWay, id?: string | undefined, internation?: {
+            phoneCountryCode: string;
+            areaCode: string;
+        } | undefined) => void;
+        setUserInfo: (user: Pick<import("../Guard/core/hooks/useMultipleAccounts").User & {
+            id: string;
+        }, "email" | "username" | "phone" | "photo" | "id" | "name" | "nickname" | "_updateTime" | "qrCodeId" | "areaCode">) => void;
+        setLoginWayByHttpData: (account: string, data: {
+            username?: string | undefined;
+            phone?: string | undefined;
+            email?: string | undefined;
+        }) => void;
+        setLoginWayByLDAPData: (account: string, data: {
+            name?: string | undefined;
+            phone?: string | undefined;
+            email?: string | undefined;
+        }) => void;
+        getMemoUser: (excludeWays?: import("../Guard/core/hooks/useMultipleAccounts").LoginWay[]) => import("../Login/multipleAccounts/panel").SelectOptions[];
+        getMemoSingleUser: (id: string) => {
+            way: import("../Guard/core/hooks/useMultipleAccounts").LoginWay;
+            account: string;
+        } | undefined;
+        delUserById: (id: string) => string;
+        getMemberState: () => boolean;
+        getFirstBackFillData: () => BackFillMultipleState | undefined;
+        getOriginAccount: () => string;
+        getOriginWay: () => string;
+    } | undefined;
+    /**
+     * 切换多账号 isMultipleAccount 状态
+     */
+    referMultipleState?: ((type: 'login' | 'multiple') => void) | undefined;
+    /**
+     * 清空回填数据
+     */
+    clearBackFillData?: (() => void) | undefined;
+};

package/types/version/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "4.0.0-rc.2";
+declare const _default: "4.0.0-rc.5";
 export default _default;