@authing/react-ui-components 3.0.0-alpha → 3.0.0-rc.3

package/components/_utils/hooks/index.ts

@@ -1,56 +0,0 @@
-import { useRef, useCallback } from 'react'
-import { GuardModuleType } from '../../Guard/module'
-import { useModule } from '../../context/module/context'
-
-export const useChangeModule = () => {
-  const { module, changeModule, setInitData } = useModule()
-
-  const nextModule = (nextModuleType: GuardModuleType, nextData?: any) => {
-    if (nextModuleType !== module) changeModule(nextModuleType)
-
-    setInitData(nextData ?? {})
-  }
-
-  return nextModule
-}
-
-let thisAppId: string = ''
-
-export const useAppId = (appId?: string) => {
-  if (appId) {
-    thisAppId = appId
-  }
-
-  return thisAppId
-}
-
-export const useDebounce = (
-  // 回调函数
-  fn: any,
-  // 延迟时间
-  delay: number
-) => {
-  const timer = useRef<{ time: any }>({ time: null })
-  const errorBody = useRef<{ body: any }>({ body: null })
-  return useCallback(
-    (...args: any[]) => {
-      if (timer.current.time) {
-        clearTimeout(timer.current.time)
-        timer.current.time = null
-      }
-      timer.current.time = setTimeout(() => {
-        // fn.apply(this, args);
-        const res = fn(...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]
-  )
-}

package/components/_utils/http.ts

@@ -1,85 +0,0 @@
-import qs from 'qs'
-import { i18n } from './locales'
-
-export const requestClient = async (...rest: Parameters<typeof fetch>) => {
-  const res = await fetch(...rest)
-  return res.json()
-}
-
-export interface AuthingResponse<T = any> {
-  code: number
-  message?: string
-  data?: T
-}
-
-requestClient.get = async <T>(
-  path: string,
-  query: Record<string, any> = {},
-  init?: RequestInit
-): Promise<AuthingResponse<T>> => {
-  const res = await fetch(
-    `${requestClient.baseUrl}${path}${qs.stringify(query, {
-      addQueryPrefix: true,
-    })}`,
-    {
-      ...init,
-      credentials: 'include',
-      headers: {
-        ...init?.headers,
-        [requestClient.langHeader]: i18n.language,
-      },
-    }
-  )
-
-  return res.json()
-}
-
-requestClient.post = async <T>(
-  path: string,
-  data: any,
-  config?: {
-    headers: any
-  }
-): Promise<AuthingResponse<T>> => {
-  const res = await fetch(`${requestClient.baseUrl}${path}`, {
-    method: 'POST',
-    body: JSON.stringify(data),
-    credentials: 'include',
-    headers: {
-      'Content-Type': 'application/json',
-      ...config?.headers,
-      [requestClient.langHeader]: i18n.language,
-    },
-  })
-  return res.json()
-}
-
-requestClient.postForm = async <T>(
-  path: string,
-  formData: any,
-  config?: {
-    headers: any
-  }
-): Promise<AuthingResponse<T>> => {
-  const res = await fetch(`${requestClient.baseUrl}${path}`, {
-    method: 'post',
-    body: formData,
-    credentials: 'include',
-    headers: {
-      ...config?.headers,
-      [requestClient.langHeader]: i18n.language,
-    },
-  })
-  return res.json()
-}
-
-requestClient.baseUrl = ''
-requestClient.setBaseUrl = (base: string) => {
-  requestClient.baseUrl = base.replace(/\/$/, '')
-}
-
-const DEFAULT_LANG_HEADER = 'x-authing-lang'
-requestClient.langHeader = DEFAULT_LANG_HEADER
-requestClient.setLangHeader = (key: string | undefined) => {
-  requestClient.langHeader = key || DEFAULT_LANG_HEADER
-}

package/components/_utils/index.ts

@@ -1,310 +0,0 @@
-import { useEffect } from 'react'
-import { Rule } from 'antd/lib/form'
-import qs from 'qs'
-import { useGuardContext } from '../context/global/context'
-import { i18n } from './locales'
-
-export * from './popupCenter'
-export * from './clipboard'
-
-export const VALIDATE_PATTERN = {
-  // https://emailregex.com/
-  // eslint-disable-next-line no-control-regex
-  email: /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,
-  //   以下的来自 authing-user-portal 项目
-  phone: /^1[3-9]\d{9}$/,
-  ip: /^((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d{1,2})){3}$/,
-  host: /^[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+.?$/,
-} as const
-
-export const validate = (type: keyof typeof VALIDATE_PATTERN, val: string) => {
-  return VALIDATE_PATTERN[type].test(val)
-}
-
-export const getRequiredRules = (msg: string): Rule[] => {
-  return [
-    {
-      required: true,
-      message: msg,
-    },
-  ]
-}
-
-export function getDeviceName() {
-  if (typeof window === 'undefined') {
-    return null
-  }
-
-  const userAgent = window.navigator.userAgent
-  const platform = window.navigator.platform
-  const macosPlatforms = ['Macintosh', 'MacIntel', 'MacPPC', 'Mac68K']
-  const windowsPlatforms = ['Win32', 'Win64', 'Windows', 'WinCE']
-  const iosPlatforms = ['iPhone', 'iPad', 'iPod']
-
-  let os = null
-
-  if (macosPlatforms.indexOf(platform) !== -1) {
-    os = 'Mac OS'
-  } else if (iosPlatforms.indexOf(platform) !== -1) {
-    os = 'iOS'
-  } else if (windowsPlatforms.indexOf(platform) !== -1) {
-    os = 'Windows'
-  } else if (/Android/.test(userAgent)) {
-    os = 'Android'
-  } else if (!os && /Linux/.test(platform)) {
-    os = 'Linux'
-  }
-
-  return os
-}
-
-export type STYLE_RECORD_KEY = 'appConfig' | 'userConfig'
-
-/**
- * 传对象 {'background-color': 'red'}
- * 传字符串 "CSS 样式"
- */
-const insertedRecord: Record<STYLE_RECORD_KEY, any> = {
-  appConfig: null,
-  userConfig: null,
-}
-export const insertStyles = (
-  styles: string | any,
-  recordKey: STYLE_RECORD_KEY
-) => {
-  let styleElt, styleSheet
-  if ((document as any).createStyleSheet) {
-    // IE
-    styleSheet = (document as any).createStyleSheet()
-  } else {
-    let head = document.getElementsByTagName('head')[0]
-    styleElt = document.createElement('style')
-    head.appendChild(styleElt)
-    styleSheet = document.styleSheets[document.styleSheets.length - 1]
-  }
-  if (typeof styles === 'string') {
-    if (styleElt) styleElt.innerHTML = styles
-    else styleSheet.cssText = styles // IE
-  } else {
-    let i = 0
-    for (let selector in styles) {
-      if (styleSheet.insertRule) {
-        let rule = selector + ' {' + styles[selector] + '}'
-        styleSheet.insertRule(rule, i++)
-      } else {
-        styleSheet.addRule(selector, styles[selector], i++)
-      }
-    }
-  }
-
-  insertedRecord[recordKey] = styleElt
-}
-
-export const removeStyles = (recordKey: STYLE_RECORD_KEY) => {
-  if (!insertedRecord[recordKey]) {
-    return
-  }
-
-  const styleElt = insertedRecord[recordKey]
-
-  styleElt.parentNode?.removeChild(styleElt)
-
-  insertedRecord[recordKey] = null
-}
-
-export const useTitle = (title: string, prefix?: string) => {
-  const {
-    state: { config },
-  } = useGuardContext()
-
-  useEffect(() => {
-    document.title = `${prefix ?? `${config.title} `} ${title}`
-  }, [config.title, prefix, title])
-}
-
-export const getClassnames = (classnames: (string | boolean | undefined)[]) => {
-  return classnames.filter(Boolean).join(' ')
-}
-
-/**
- * https://www.itranslater.com/qa/details/2115518846294557696
- * Simple object check.
- * @param item
- * @returns {boolean}
- */
-export function isObject(item: any) {
-  return item && typeof item === 'object' && !Array.isArray(item)
-}
-
-/**
- * https://www.itranslater.com/qa/details/2115518846294557696
- * Deep merge two objects.
- * @param target
- * @param ...sources
- */
-export function deepMerge<T extends any = any>(
-  target: T,
-  ...sources: any[]
-): T {
-  if (!sources.length) return target
-  const source = sources.shift()
-
-  if (isObject(target) && isObject(source)) {
-    for (const key in source) {
-      if (isObject(source[key])) {
-        // @ts-ignore
-        if (!target[key]) {
-          Object.assign(target, { [key]: {} })
-        }
-        // @ts-ignore
-        deepMerge(target[key], source[key])
-      } else {
-        Object.assign(target, { [key]: source[key] })
-      }
-    }
-  }
-
-  return deepMerge(target, ...sources)
-}
-
-export const getUserRegisterParams = () => {
-  const query = qs.parse(window.location.search, {
-    ignoreQueryPrefix: true,
-  })
-  return Object.keys(query).map((key) => ({
-    key,
-    value: query[key],
-  }))
-}
-
-export const isWechatBrowser = () =>
-  /MicroMessenger/i.test(navigator?.userAgent)
-
-export const assembledAppHost = (identifier: string, host: string) => {
-  const hostUrl = new URL(host)
-
-  const splitHost = hostUrl.hostname.split('.')
-
-  splitHost.shift()
-
-  return `${hostUrl.protocol}//${identifier}.${splitHost.join('.')}`
-}
-
-export enum PasswordStrength {
-  NoCheck,
-  Low,
-  Middle,
-  High,
-  AUTO,
-}
-
-export const PASSWORD_STRENGTH_TEXT_MAP: Record<
-  PasswordStrength,
-  {
-    placeholder: () => string
-    validateMessage: () => string
-  }
-> = {
-  [PasswordStrength.NoCheck]: {
-    placeholder: () => i18n.t('login.inputPwd'),
-    validateMessage: () => i18n.t('login.inputPwd'),
-  },
-  [PasswordStrength.Low]: {
-    placeholder: () => i18n.t('login.setPwdLimit1'),
-    validateMessage: () => i18n.t('login.setPwdLimitMsg1'),
-  },
-  [PasswordStrength.Middle]: {
-    placeholder: () => i18n.t('login.login.setPwdLimit2'),
-    validateMessage: () => i18n.t('login.setPwdLimitMsg2'),
-  },
-  [PasswordStrength.High]: {
-    placeholder: () => i18n.t('login.login.setPwdLimit3'),
-    validateMessage: () => i18n.t('login.setPwdLimitMsg3'),
-  },
-  [PasswordStrength.AUTO]: {
-    placeholder: () => i18n.t('login.inputPwd'),
-    validateMessage: () => i18n.t('login.inputPwd'),
-  },
-}
-
-const SYMBOL_TYPE_PATTERNS = [
-  /\d+/,
-  /[a-zA-Z]/,
-  /[-!$%^&*()_+|~=`{}[\]:";'<>?,@./]/,
-]
-
-export const getSymbolTypeLength = (pwd: string) => {
-  return SYMBOL_TYPE_PATTERNS.map((pattern) => pattern.test(pwd)).filter(
-    (item) => item
-  ).length
-}
-
-export const getPasswordValidate = (
-  strength: PasswordStrength = PasswordStrength.NoCheck,
-  customPasswordStrength: any = {}
-): Rule[] => {
-  const required = {
-    required: true,
-    message: i18n.t('common.passwordNotNull'),
-  }
-
-  const validateMap: Record<PasswordStrength, Rule[]> = {
-    [PasswordStrength.NoCheck]: [required],
-    [PasswordStrength.Low]: [
-      required,
-      {
-        validator(r, v) {
-          if (v && v.length < 6) {
-            return Promise.reject(
-              PASSWORD_STRENGTH_TEXT_MAP[PasswordStrength.Low].validateMessage()
-            )
-          }
-          return Promise.resolve()
-        },
-      },
-    ],
-    [PasswordStrength.Middle]: [
-      required,
-      {
-        validator(r, v) {
-          if (v && (v.length < 6 || getSymbolTypeLength(v) < 2)) {
-            return Promise.reject(
-              PASSWORD_STRENGTH_TEXT_MAP[
-                PasswordStrength.Middle
-              ].validateMessage()
-            )
-          }
-          return Promise.resolve()
-        },
-      },
-    ],
-    [PasswordStrength.High]: [
-      required,
-      {
-        validator(r, v) {
-          console.log(r, v)
-          if (v && (v.length < 6 || getSymbolTypeLength(v) < 3)) {
-            console.log(
-              PASSWORD_STRENGTH_TEXT_MAP[PasswordStrength.High].validateMessage
-            )
-            return Promise.reject(
-              PASSWORD_STRENGTH_TEXT_MAP[
-                PasswordStrength.High
-              ].validateMessage()
-            )
-          }
-          return Promise.resolve(true)
-        },
-      },
-    ],
-    [PasswordStrength.AUTO]: [
-      required,
-      {
-        pattern: customPasswordStrength?.regex,
-        message: customPasswordStrength?.message,
-      },
-    ],
-  }
-
-  return validateMap[strength]
-}

package/components/_utils/locales/en/common.json

@@ -1,218 +0,0 @@
-{
-  "addressLabel": "Location:",
-  "administrator": "Administrator",
-  "agreeAgreement": "I have read and accept ",
-  "alreadyHasAcc": "Already have an account, ",
-  "appNotFound": "The application does not exist, please check if the application link is correct",
-  "appPanel": "Application panel",
-  "authApp": "Authorized application",
-  "authAppSomePermisson": "{{name}} apply to access your account information and authorize {{name}} the following permissions",
-  "authingBackendSystem": "Authing background management system",
-  "authoriztion": "Authorization",
-  "baseInfo": "Basic Information",
-  "bind": "Bind",
-  "quesitons": "Help",
-  "bindEmail": "Bind Email",
-  "bindPhone": "Bind mobile phone number",
-  "birthdayLabel": "Birthday:",
-  "blogLabel": "Blog:",
-  "cancel": "Cancel",
-  "chooseRole": "Choose role",
-  "companyLabel": "Company:",
-  "confirm": "Confirm",
-  "confirmLogout": "Are you sure to log out?",
-  "currentEmail": "Current Email",
-  "currentEmailVerifyCode": "Current Email Verification Code",
-  "currentPhoneNumber": "Current Phone Number",
-  "dashboard": "Console",
-  "editPic": "Edit picture",
-  "email": "Email",
-  "emailFormatError": "E-mail format is incorrect",
-  "emailLabel": "Email:",
-  "enterprisePanel": "Enterprise Panel",
-  "enterprisePanelInfo": "Your enterprise applications and personally configured applications will be displayed here. Click the application icon to login.",
-  "female": "Female",
-  "genderLabel": "Gender:",
-  "guidance": {
-    "loginApp": "Sign in to the app",
-    "loginAppStep1": "Now to experience it.",
-    "registerAcc": "Register an account",
-    "registerAccStep1": "First of all, let's register a new account.",
-    "registerAccStep2": "We have filled in the information for you, click register!"
-  },
-  "hasForgotPwd": "Forgot password?",
-  "hasLooseSaftyCode": "Lost the security code?",
-  "image": "Image",
-  "inputFourVerifyCode": "Enter {{length}}-digit code",
-  "inputNewPhone": "Enter a new phone number",
-  "jumpAfterCount": "{{number}}s automatically redirect to login",
-  "login": "Login",
-  "loginImmediate": "Sign In Instead",
-  "loginSuccessWelcome": "Successful login, welcome: {{name}}",
-  "logout": "Logout",
-  "logoutSuccess": "Exit successfully",
-  "man": "Male",
-  "modify": "Modify",
-  "modifyEmail": "Modify Email",
-  "modifyPhoneNumber": "Modify Mobile Phone Number",
-  "nameLabel": "Name:",
-  "newMailbox": "New Email",
-  "newMailboxVerifyCode": "New Email Verification Code",
-  "newPhone": "New Phone Number",
-  "newPhoneVerify": "New Phone Verification Code",
-  "nicknameLabel": "Display Name:",
-  "noAccYet": "No account yet, ",
-  "noOpenedApp": "No Available App",
-  "oldPhoneVerfiyCode": "Old Phone Verification Code",
-  "operateSuccess": "Successful operation",
-  "perfectUserInfo": "Improve user information",
-  "personalCenter": "Authing Account",
-  "phoneFormateError": "Phone number format is incorrect",
-  "phoneLabel": "Phone Number:",
-  "phoneNumber": "Phone Number",
-  "picExtError": "Picture format error",
-  "picSizeLimit": "The picture cannot be larger than 5 megabytes",
-  "pleaseInputCorrectMailbox": "Enter your vaild email",
-  "pwdModifySuccess": "Password reset complete",
-  "register": "Register",
-  "registerDateLabel": "Registration date:",
-  "registerImmediate": "sign up now",
-  "registerInfoFill": "Registration information completion",
-  "resetPwd": "Reset password",
-  "retryAfterTime": "{{time}} seconds",
-  "sendVerifyCode": "Send code",
-  "submit": "Submit",
-  "sure": "Confirm",
-  "unknown": "Unknown",
-  "updateSuccess": "Update Completed",
-  "uploadFail": "{{name}} failed to upload",
-  "useRecoverCode": "Use recovery code",
-  "username": "Username",
-  "usernameLabel": "Username:",
-  "verifyCode": "Verification Code",
-  "visitPersonalAccData": "Access your personal user data",
-  "welcomeJoin": "Welcome to {{name}}",
-  "welcomeJoinAndPerfect": "Welcome to join {{name}}, in order to have a better experience, please improve your information first",
-  "start": "Start ",
-  "problem": {
-    "title": "How can we help you?",
-    "noProblem": "No more questions,",
-    "goLogin": " Log in",
-    "verifyTip": "Contact information is required!",
-    "noVerify": "Unable to receive the verification code",
-    "noLogin": "Unable to log in",
-    "noRegister": "Unable to register",
-    "noAccount": "Lost Account",
-    "noResetPass": "Unable to reset password",
-    "locked": "Account is locked",
-    "other": "Other",
-    "noVerifyTip": {
-      "tip": "If you don't receive the verification code, please do the following steps to solve this issue:",
-      "type1": "1. Check if your mobile phone is turned off or offline.",
-      "type2": "2. Check if your phone number has been entered correctly.",
-      "type3": "3. Check if your SMS with the verification code is blocked."
-    },
-    "noLoginTip": {
-      "tip": "If you don't receive the verification code, please do the following steps to solve this issue: ",
-      "type1": "1. Check if your username and password have been entered correctly.",
-      "type2": "2. Check if your mobile phone is turned off or offline."
-    },
-    "noRegisterTip": {
-      "tip": "If you cannot register, please do the following steps to solve this issue:",
-      "type1": "1. Check if your account has been registered.",
-      "type2": "2. Check if your phone number has been entered correctly.",
-      "type3": "3. Check if your SMS with the verification code is blocked."
-    },
-    "noAccountTip": {
-      "tip": "If your account is lost, please do the following steps to solve this issue:",
-      "type1": "1. Check if your username and password have been entered correctly.",
-      "type2": "2. Check if your mobile phone is turned off or offline."
-    },
-    "noResetPassTip": {
-      "tip": "If your password cannot be reset, please do the following steps to solve this issue:",
-      "type1": "1. Check if your mobile phone is turned off or offline.",
-      "type2": "2. Check if your password has been entered correctly."
-    },
-    "otherTip": {
-      "tip": "Other:",
-      "type1": "Please describe your problem in the following column."
-    },
-    "successTip": "Submitted successfully",
-    "successTipMsg": "Your information has been submitted to the application administrator. Your feedback will be processed as soon as possible. Please wait patiently.",
-    "form": {
-      "phone": "Contact",
-      "phonePlaceholder": "Ennter your email or phone number (required)",
-      "question": "Problem",
-      "questionDescript": "Problem description",
-      "questionClip": "Problem screenshot",
-      "upload": "Upload pictures",
-      "submit": "Submit",
-      "inputConcatWays": "Please enter contact information"
-    }
-  },
-  "high": "High",
-  "low": "Low",
-  "middle": "Middle",
-  "strong": "Strong",
-  "weak": "Weak",
-  "and": "and",
-  "pleaseCheckReaded": "Please check \"I have read\"",
-  "backLoginPage": "Return to login",
-  "LoginSuccess": "Login Success",
-  "unAppId": "Please pass in the App ID",
-  "welcomeDoc": "Welcome to join {{name}}, in order to have a better experience, please improve your information first",
-  "copied": "Copied",
-  "bindEmailDoc": "You have not bound the mailbox yet, please enter the mailbox to bind",
-  "copy": "Copy",
-  "emailNotNull": "E-mail can not be empty",
-  "setPassword": "Set password",
-  "passwordNotNull": "password can not be blank",
-  "LDAPAccountNotNull": "LDAP account cannot be empty",
-  "captchaCodeNotNull": "verification code must be filled",
-  "recoverCodeNotNull": "Recovery code cannot be empty",
-  "accNotNull": "Account cannot be empty",
-  "phoneOrEmailNotNull": "Mobile phone number or email cannot be empty",
-  "inputVerifyCode": "please enter verification code",
-  "SMS": "SMS Verification",
-  "EmailVerification": "Email Verification",
-  "OTPVerification": "OTP Verification",
-  "faceVerification": "Face Verification",
-  "retrievePassword": "Retrieve password",
-  "registrationSuccess": "Registration Success",
-  "repeatPasswordDoc": "The two passwords must be the same",
-  "saveSuccess": "Save successfully",
-  "copyFailed": "Copy Failed",
-  "repeatPassword": "Please repeat the password",
-  "phoneNotNull": "Mobile phone number cannot be empty",
-  "networkError": "Network error, please retry",
-  "downloadTotpAppAndroid": "Android download",
-  "downloadTotpAppDocs": "Please use your mobile phone to scan the code to download the verifier",
-  "downloadTotpAppIOS": "IOS download",
-  "unBindEmaileDoc": "{{email}} has been bound to another account",
-  "bindTotp": "Bind OTP",
-  "checkEmail": "This Email is registed",
-  "checkPhone": "This phone is registed",
-  "loginFailCheck": "Reminder: Your password is wrong, you can try {{number}} times",
-  "otpText1": "To ensure access security, please go to the OTP binding page",
-  "faceText1": "Bind face Verification",
-  "faceText2": "Please keep the camera open and unobstructed",
-  "faceText3": "Start",
-  "faceText4": "Try again",
-  "checkPasswordHasSpace": "No spaces",
-  "backToVerify": "back",
-  "autoJumpToLogin": "Then it will automatically jump to the login page",
-  "backToMFA": "Return to MFA binding",
-  "bindSuccess": "Complete binding",
-  "clickTodownload": "click to download",
-  "goToLogin": "Direct Login",
-  "mfaText1": "Scan the code to add MFA, check it on your mobile phone and enter the 6-digit security code.",
-  "noQuestions": "no problem,",
-  "noValidator": "No validator please",
-  "pleaseRecordKey": "Please record the key",
-  "timeoutLDAP": "Request timed out, LDAP configuration error",
-  "totpText1": "Please keep the recovery code properly",
-  "totpText2": "If your MFA is lost, you will need a recovery code",
-  "usePhoneOpen": "Please open on your phone",
-  "useRecoveryCodetips": "After successful login, we will generate a new recovery code.",
-  "passwordAgain": "Enter the password again"
-}

package/components/_utils/locales/en/index.ts

@@ -1,6 +0,0 @@
-import common from './common.json'
-import login from './login.json'
-import user from './user.json'
-import map from './map.json'
-
-export { common, login, user, map }