@authing/react-ui-components 3.0.2-beta.4 → 3.0.2-beta.9

package/components/Guard/authClient.ts

@@ -1,44 +0,0 @@
-import { AuthenticationClient } from 'authing-js-sdk'
-
-import packageConfig from '../../package.json'
-import { GuardLocalConfig } from './config'
-
-let authClient: AuthenticationClient
-
-export const initAuthClient = (
-  config: GuardLocalConfig,
-  appId: string,
-  tenantId?: string
-) => {
-  const host = config.__appHost__ ?? config.host
-  const lang = config.lang
-
-  if (!authClient) {
-    try {
-      authClient = new AuthenticationClient({
-        appHost: host,
-        tenantId: tenantId,
-        appId,
-        lang,
-        requestFrom: `Guard-${packageConfig.framework}@${packageConfig.version}`,
-        onError: (code, msg: any) => {
-          console.error(code, msg)
-        },
-      })
-    } catch (error) {
-      throw error
-    }
-  }
-
-  return authClient
-}
-
-export const getAuthClient = () => {
-  if (!authClient) {
-    throw new Error('Please initialize AuthClient')
-  }
-
-  return authClient
-}
-
-export const useAuthClient = () => getAuthClient()

package/components/Guard/config.ts

@@ -1,19 +0,0 @@
-import { getDefaultLoginConfig, LoginConfig } from '../Login/props'
-import { getDefaultRegisterConfig, RegisterConfig } from '../Register/props'
-
-export interface GuardComponentConifg extends Partial<GuardLocalConfig> {}
-
-export interface GuardLocalConfig extends RegisterConfig, LoginConfig {}
-
-let defaultConfig: GuardLocalConfig
-
-export const getDefaultGuardLocalConfig = (): GuardLocalConfig => {
-  if (!defaultConfig) {
-    defaultConfig = {
-      ...getDefaultLoginConfig(),
-      ...getDefaultRegisterConfig(),
-    }
-  }
-
-  return defaultConfig
-}

package/components/Guard/event.ts

@@ -1,52 +0,0 @@
-import { message } from 'antd'
-import { CompleteInfoEvents } from '../CompleteInfo/interface'
-import { ForgetPasswordEvents } from '../ForgetPassword/interface'
-import { LoginEvents } from '../Login/props'
-import { RegisterEvents } from '../Register/props'
-import { i18n } from '../_utils/locales'
-
-export interface GuardEvents
-  extends LoginEvents,
-    RegisterEvents,
-    CompleteInfoEvents,
-    ForgetPasswordEvents {}
-
-export const guardEventsFilter = (props: any) => {
-  const events: GuardEvents = {}
-  const eventsName = Object.keys(props).filter((name) => name.startsWith('on'))
-  eventsName.forEach((eventName) => {
-    events[eventName as keyof GuardEvents] = props[eventName]
-  })
-
-  return guardEventsHijacking(events)
-}
-
-const eventsMapping: Partial<GuardEvents> = {
-  onLogin: (...props) => {
-    message.success(i18n.t('common.LoginSuccess'))
-    return props
-  },
-
-  onRegister: (...props) => {
-    message.success(i18n.t('common.registrationSuccess'))
-    return props
-  },
-}
-
-export const guardEventsHijacking = (events: GuardEvents): GuardEvents => {
-  const newEvents: GuardEvents = {}
-  Object.keys(eventsMapping).forEach((eventsKey) => {
-    // @ts-ignore
-    newEvents[eventsKey] = (...props) => {
-      // @ts-ignore
-      const newProps = eventsMapping[eventsKey](...props)
-      // @ts-ignore
-      events[eventsKey]?.(...newProps)
-    }
-  })
-
-  return {
-    ...events,
-    ...newEvents,
-  }
-}

package/components/Guard/index.tsx

@@ -1,4 +0,0 @@
-export * from './Guard'
-export * from './module'
-export * from './event'
-export * from './config'

package/components/Guard/module.ts

@@ -1,20 +0,0 @@
-export enum GuardModuleType {
-  ERROR = 'error',
-  LOGIN = 'login',
-  REGISTER = 'register',
-  MFA = 'mfa',
-  FORGET_PWD = 'forgetPassword',
-  CHANGE_PWD = 'changePassword',
-  DOWNLOAD_AT = 'downloadAT',
-  BIND_TOTP = 'bindTotp',
-  ANY_QUESTIONS = 'anyQuestions',
-  COMPLETE_INFO = 'completeInfo',
-  RECOVERY_CODE = 'recoveryCode',
-  SUBMIT_SUCCESS = 'submitSuccess',
-}
-export interface GuardModuleAction {
-  action: string
-  module?: GuardModuleType
-  message?: string
-  initData?: any
-}

package/components/Guard/stateMachine.ts

@@ -1,152 +0,0 @@
-import { useEffect } from 'react'
-import { GuardComponentConifg, GuardLocalConfig } from './config'
-import { GuardModuleType } from './module'
-const window: Window = require('global/window')
-
-export interface ModuleState {
-  moduleName: GuardModuleType
-  initData?: any
-}
-
-export enum ActionType {
-  ChangeModule = 'ChangeModule',
-  Back = 'Back',
-  Init = 'Init',
-}
-
-export interface StateMachineLog {
-  action: ActionType
-  date: number
-  dataSource: ModuleState
-}
-
-export type ChangeModuleEvent = (
-  nextModelu: GuardModuleType,
-  initData?: any
-) => void
-
-let guardStateMachine: GuardStateMachine
-
-export class GuardStateMachine {
-  // 计数器
-  private order: number = 0
-
-  // 总体的配置信息
-  private config: GuardComponentConifg = {}
-
-  // 历史记录
-  private moduleStateHistory: ModuleState[] = []
-
-  private changeMouleEvent: ChangeModuleEvent
-
-  // Log
-  private stateMachineLog: Record<number, StateMachineLog> = {}
-
-  constructor(changeMouleEvent: ChangeModuleEvent, initData: ModuleState) {
-    this.changeMouleEvent = changeMouleEvent
-
-    this.historyPush(initData, ActionType.Init)
-  }
-  globalWindow = (): Window | undefined =>
-    typeof window !== undefined ? window : undefined
-
-  next = (nextModelu: GuardModuleType, initData: any) => {
-    const moduleData: ModuleState = {
-      moduleName: nextModelu,
-      initData,
-    }
-    this.changeMouleEvent(nextModelu, initData)
-
-    this.historyPush(moduleData)
-    console.log('next Log', this.stateMachineLog)
-    console.log('next History', this.moduleStateHistory)
-  }
-
-  back = (initData: any = {}) => {
-    if (this.moduleStateHistory.length <= 1) return
-
-    const backModule = this.moduleStateHistory[1]
-    this.changeMouleEvent(backModule.moduleName, {
-      ...initData,
-      ...backModule.initData,
-    })
-
-    this.moduleStateHistory.splice(0, 1)
-    console.log('back Log', this.stateMachineLog)
-  }
-
-  // 业务终点 Log 发送
-  end = () => {
-    console.log('业务终点 Log', this.stateMachineLog)
-
-    // TODO 请求
-  }
-
-  historyPush = (
-    data: ModuleState,
-    actionType: ActionType = ActionType.ChangeModule
-  ) => {
-    this.moduleStateHistory.unshift(data)
-
-    this.stateMachineLog[this.order++] = {
-      action: actionType,
-      date: new Date().getTime(),
-      dataSource: data,
-    }
-
-    if (this.moduleStateHistory.length > 10)
-      this.moduleStateHistory.splice(10, this.moduleStateHistory.length - 10)
-  }
-
-  historyBack = (data: ModuleState) => {
-    if (this.moduleStateHistory.length <= 1) return
-
-    this.moduleStateHistory.splice(0, 1)
-
-    this.stateMachineLog[this.order++] = {
-      action: ActionType.Back,
-      date: new Date().getTime(),
-      dataSource: data,
-    }
-  }
-
-  setConfig = (config: GuardLocalConfig) => {
-    this.config = config
-  }
-}
-
-export const useHistoryHijack = (back?: () => void) => {
-  const next = (state: any = {}) => {
-    window?.history.pushState(state, '', window?.location.href)
-  }
-
-  useEffect(() => {
-    const onPopstate = () => {
-      back?.()
-    }
-
-    back && window?.addEventListener('popstate', onPopstate)
-
-    return () => {
-      back && window.removeEventListener('popstate', onPopstate)
-    }
-  }, [back])
-
-  return [next]
-}
-
-export const initGuardStateMachine = (
-  changeMouleEvent: ChangeModuleEvent,
-  initData: ModuleState
-) => {
-  guardStateMachine = new GuardStateMachine(changeMouleEvent, initData)
-  return guardStateMachine
-}
-
-export const getGuardStateMachine = () => {
-  if (!guardStateMachine) throw new Error('Please initialize GuardStateMachine')
-
-  return guardStateMachine
-}
-
-export const useGuardStateMachine = () => getGuardStateMachine()