aio-login 2.0.0 → 2.0.3

package/index.js

@@ -1,27 +1,4 @@
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-import React, { Component, createRef } from 'react';
-import RVD from 'react-virtual-dom';
-import AIOStorage from 'aio-storage';
-import AIOInput from './../../npm/aio-input/aio-input';
-import { getFormInputs } from './../../npm/aio-input/utils';
-import { Icon } from '@mdi/react';
-import { mdiCellphone, mdiLock, mdiLoading, mdiAccount, mdiAccountBoxOutline, mdiEmail, mdiChevronRight } from '@mdi/js';
-import AIOPopup from 'aio-popup';
-import './index.css';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export default class AIOlogin {
-  constructor(props) {
-    _defineProperty(this, "render", (p = {}) => {
-      let {
-        attrs = this.props.attrs,
-        profile
-      } = p;
-      if (profile) {
-        if (typeof profile !== 'object' || !Array.isArray(profile.fields) || !profile.fields.length || typeof profile.onSubmit !== 'function') {
-          let error = `
+function _defineProperty(e,t,i){return(t=_toPropertyKey(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function _toPropertyKey(e){var t=_toPrimitive(e,"string");return"symbol"==typeof t?t:String(t)}function _toPrimitive(e,t){if("object"!=typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var r=i.call(e,t||"default");if("object"!=typeof r)return r;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}import e,{Component as t,createRef as i}from"react";import r from"react-virtual-dom";import o from"aio-storage";import s from"aio-input";import{getFormInputs as n}from"./../../npm/aio-input/utils";import{Icon as l}from"@mdi/react";import{mdiCellphone as a,mdiLock as u,mdiLoading as d,mdiAccount as g,mdiAccountBoxOutline as p,mdiEmail as h,mdiChevronRight as m}from"@mdi/js";import f from"aio-popup";import"./index.css";import{jsx as b}from"react/jsx-runtime";import{jsxs as c}from"react/jsx-runtime";export default class y{constructor(e){_defineProperty(this,"render",(e={})=>{let{attrs:t=this.props.attrs,profile:i}=e;if(i&&("object"!=typeof i||!Array.isArray(i.fields)||!i.fields.length||"function"!=typeof i.onSubmit)){let r=`
                     aio-login-error => profile props should be an object contain :
                     submitText : string | undefined,
                     title : string | undefined,
@@ -33,1214 +10,18 @@ export default class AIOlogin {
                     <default field> : (
                         "fullname" | "firstname" | "lastname" | "username" | "address" | "email" | "fathername" | "phone" | "mobile" | "postalcode",
                         "nationalcode" | "idcode" | "cardbank" | "state" | "city" | "gender" | "married" | "militaryservice" | "location"
-                    )`;
-          alert(error);
-          console.log(error);
-          return null;
-        }
-      }
-      return /*#__PURE__*/_jsx(AIOLOGIN, {
-        ...this.props,
-        getActions: ({
-          setMode
-        }) => this.setMode = setMode,
-        profile: profile,
-        attrs: attrs
-      });
-    });
-    let {
-      id,
-      onAuth,
-      onSubmit,
-      modes,
-      timer,
-      checkToken,
-      register,
-      userId,
-      attrs: _attrs,
-      forget,
-      otpLength
-    } = props;
-    AIOLoginValidator(props);
-    let storage = AIOStorage(`-AIOLogin-${id}`);
-    this.setStorage = (key, value) => {
-      storage.save({
-        name: key,
-        value
-      });
-    };
-    this.getStorage = () => {
-      let token = storage.load({
-        name: 'token',
-        def: false
-      });
-      let userId = storage.load({
-        name: 'userId',
-        def: ''
-      });
-      let userInfo = storage.load({
-        name: 'userInfo'
-      });
-      return {
-        token,
-        userId,
-        userInfo
-      };
-    };
-    this.setUserInfo = userInfo => {
-      this.setStorage('userInfo', userInfo);
-    };
-    this.getUserInfo = () => {
-      return this.getStorage().userInfo;
-    };
-    this.setToken = token => {
-      this.setStorage('token', token);
-    };
-    this.getToken = () => {
-      return this.getStorage().token;
-    };
-    this.removeToken = () => {
-      storage.remove({
-        name: 'token'
-      });
-    };
-    this.getUserId = () => {
-      return this.getStorage().userId;
-    };
-    this.logout = () => {
-      this.removeToken();
-      window.location.reload();
-    };
-    this.props = {
-      id,
-      checkToken,
-      onAuth,
-      onSubmit,
-      modes,
-      register,
-      userId,
-      attrs: _attrs,
-      timer,
-      forget,
-      otpLength,
-      getStorage: this.getStorage,
-      setStorage: this.setStorage,
-      removeToken: this.removeToken,
-      setToken: this.setToken,
-      getToken: this.getToken,
-      getUserId: this.getUserId,
-      logout: this.logout
-    };
-  }
-}
-class AIOLOGIN extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      isTokenChecked: false,
-      showReload: false,
-      mode: props.mode || props.modes[0],
-      loading: false
-    };
-    props.getActions({
-      setMode: this.setMode.bind(this)
-    });
-  }
-  async checkToken() {
-    let {
-      getStorage,
-      checkToken,
-      removeToken
-    } = this.props;
-    let {
-      token,
-      userId,
-      userInfo
-    } = getStorage();
-    let result;
-    if (typeof token !== 'string') {
-      result = false;
-    } else {
-      try {
-        result = await checkToken(token, {
-          userId,
-          userInfo
-        });
-      } catch (err) {
-        new AIOPopup().addAlert({
-          type: 'error',
-          text: 'بررسی توکن با خطا روبرو شد',
-          subtext: this.getError(err)
-        });
-      }
-    }
-    if (result === true) {
-      this.setMode('auth');
-    } else if (result === false) {
-      removeToken();
-    } else {
-      if (typeof result === 'string') {
-        new AIOPopup().addAlert({
-          type: 'error',
-          text: 'بررسی توکن با خطا روبرو شد',
-          subtext: result
-        });
-      }
-      this.setState({
-        showReload: true
-      });
-    }
-    this.setState({
-      isTokenChecked: true
-    });
-  }
-  getError(err) {
-    if (typeof err === 'string') {
-      return err;
-    }
-    if (typeof err === 'object') {
-      if (typeof err.response === 'object') {
-        if (typeof err.response.data === 'object') {
-          let {
-            message,
-            Message
-          } = err.response.data;
-          return Message || message;
-        } else if (typeof err.response.data === 'string') {
-          return err.response.data;
-        } else {
-          return 'error';
-        }
-      } else {
-        return err.message || err.Message;
-      }
-    }
-  }
-  async componentDidMount() {
-    let {
-      profile
-    } = this.props;
-    if (profile) {
-      return;
-    }
-    this.checkToken();
-  }
-  setLoading(loading) {
-    this.setState({
-      loading
-    });
-  }
-  async onSubmit(model) {
-    let {
-      setStorage,
-      onSubmit
-    } = this.props;
-    let {
-      mode: currentMode
-    } = this.state;
-    let res;
-    this.setLoading(true);
-    try {
-      res = await onSubmit(model, currentMode);
-    } catch {
-      this.setLoading(false);
-      return;
-    }
-    this.setLoading(false);
-    if (typeof res === 'string') {
-      let text = {
-        "OTPNumber": 'ارسال شماره همراه',
-        "OTPCode": 'ارسال کد یکبار مصرف',
-        "userName": 'ارسال نام کاربری و رمز عبور',
-        "phoneNumber": 'ارسال شماره همراه و رمز عبور',
-        "email": 'ارسال آدرس ایمیل و رمز عبور',
-        "register": 'عملیات ثبت نام'
-      }[currentMode];
-      text = `${text} با خطا روبرو شد`;
-      let subtext = res;
-      new AIOPopup().addAlert({
-        type: 'error',
-        text,
-        subtext
-      });
-    } else {
-      if (['OTPNumber', 'phoneNumber', 'userName', 'email'].indexOf(currentMode) !== -1) {
-        setStorage('userId', model.login.userId);
-      }
-    }
-  }
-  async onSubmitProfile(model) {
-    let {
-      profile
-    } = this.props;
-    let res;
-    this.setLoading(true);
-    try {
-      res = await profile.onSubmit(model);
-    } catch {
-      this.setLoading(false);
-      return;
-    }
-    this.setLoading(false);
-    if (typeof res === 'string') {
-      new AIOPopup().addAlert({
-        type: 'error',
-        text: 'ویرایش پروفایل با خطا روبرو شد',
-        subtext: res
-      });
-    }
-  }
-  setMode(mode) {
-    this.setState({
-      mode
-    });
-  }
-  render() {
-    let {
-      otpLength,
-      onAuth,
-      id,
-      timer,
-      modes,
-      userId,
-      register = {},
-      profile,
-      attrs = {},
-      forget,
-      getStorage,
-      logout,
-      splash = () => null
-    } = this.props;
-    let {
-      isTokenChecked,
-      showReload,
-      mode,
-      loading
-    } = this.state;
-    if (profile) {
-      let props = {
-        timer,
-        id,
-        attrs,
-        userId,
-        loading,
-        profile,
-        onSubmitProfile: this.onSubmitProfile.bind(this)
-      };
-      return /*#__PURE__*/_jsx(LoginForm, {
-        ...props
-      });
-    }
-    if (showReload) {
-      return /*#__PURE__*/_jsx("div", {
-        className: "aio-login-reload",
-        children: /*#__PURE__*/_jsx("button", {
-          onClick: () => window.location.reload(),
-          children: "\u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC \u0645\u062C\u062F\u062F"
-        })
-      });
-    }
-    //اگر هنوز توکن چک نشده ادامه نده
-    if (!isTokenChecked) {
-      return splash();
-    }
-    //اگر توکن چک شده و توکن ولید بوده onAuth رو کال کن و ادامه نده
-    if (mode === 'auth') {
-      //برای جلوگیری از لوپ بی نهایت فقط یکبار onAuth  رو کال کن
-      if (!this.reportedAuthToParent) {
-        this.reportedAuthToParent = true;
-        let {
-          token,
-          userId,
-          userInfo
-        } = getStorage();
-        onAuth({
-          token,
-          userId,
-          userInfo,
-          logout
-        });
-      }
-      return splash();
-    }
-    // وقتی به اینجا رسیدی یعنی توکن قطعا چک شده و ولید نبوده پس لاگین رو رندر کن
-    return /*#__PURE__*/_jsx(LoginForm, {
-      forget,
-      timer,
-      otpLength,
-      id,
-      modes,
-      attrs,
-      userId,
-      register,
-      loading,
-      mode,
-      onSubmit: this.onSubmit.bind(this),
-      onChangeMode: this.setMode.bind(this)
-    });
-  }
-}
-class LoginForm extends Component {
-  constructor(props) {
-    super(props);
-    this.storage = AIOStorage(`-AIOLogin-${props.id}`);
-    let {
-      timer = 30
-    } = props;
-    this.state = {
-      timer,
-      recode: false,
-      tab: 'login',
-      model: this.getInitialModel(props.mode)
-    };
-  }
-  getLabels(mode) {
-    let {
-      model,
-      tab
-    } = this.state;
-    let {
-      register,
-      profile,
-      forget
-    } = this.props;
-    if (profile) {
-      let {
-        title,
-        onClose,
-        submitText = 'ویرایش اطلاعات کاربری',
-        subtitle = false
-      } = profile;
-      if (!title && !onClose) {
-        return {
-          inputLabel: false,
-          title: false,
-          subtitle: false,
-          submitText,
-          backButton: false
-        };
-      }
-      return {
-        inputLabel: false,
-        title: title || 'ویرایش اطلاعات کاربری',
-        submitText,
-        subtitle,
-        backButton: !!onClose
-      };
-    }
-    if (mode === 'OTPNumber') {
-      let subtitle = 'شماره همراه خود را وارد کنید . پیامکی حاوی کد برای شما ارسال خواهد شد';
-      return {
-        inputLabel: 'شماره همراه',
-        title: 'ورود با کد یکبار مصرف',
-        submitText: 'ورود',
-        subtitle
-      };
-    }
-    if (mode === 'OTPCode') {
-      return {
-        inputLabel: 'کد پیامک شده',
-        title: false,
-        submitText: 'ورود',
-        subtitle: `کد پیامک شده به شماره ی ${model.login.userId} را وارد کنید`
-      };
-    }
-    if (mode === 'register') {
-      let {
-        title,
-        submitText = 'ثبت نام',
-        subtitle = false
-      } = register;
-      return {
-        inputLabel: false,
-        title,
-        submitText,
-        subtitle,
-        backButton: tab !== 'register'
-      };
-    }
-    if (mode === 'forgetUserId') {
-      let subtitle = `${forget.mode === 'phoneNumber' ? 'شماره همراه' : 'ایمیل'} خود را وارد کنید . کد باز یابی رمز عبور برای شما ارسال خواهد شد`;
-      return {
-        inputLabel: forget.mode === 'email' ? 'ایمیل' : 'شماره همراه',
-        backButton: true,
-        title: 'بازیابی رمز عبور',
-        submitText: 'دریافت کد بازیابی رمز',
-        subtitle
-      };
-    }
-    if (mode === 'forgetPassword') {
-      let {
-        mode
-      } = forget;
-      let subtitle = `کد ${mode === 'phoneNumber' ? 'پیامک' : 'ایمیل'} شده به ${mode === 'phoneNumber' ? 'شماره ی' : 'آدرس'} ${model.forget.userId} را وارد کنید`;
-      return {
-        inputLabel: `کد ${mode === 'email' ? 'ایمیل' : 'پیامک'} شده`,
-        backButton: true,
-        title: 'بازیابی رمز عبور',
-        submitText: 'تایید',
-        subtitle
-      };
-    }
-    if (mode === 'userName') {
-      return {
-        inputLabel: 'نام کاربری',
-        title: 'ورود با نام کاربری',
-        submitText: 'ورود',
-        subtitle: false
-      };
-    }
-    if (mode === 'email') {
-      return {
-        inputLabel: 'ایمیل',
-        title: 'ورود با ایمیل',
-        submitText: 'ورود',
-        subtitle: false
-      };
-    }
-    if (mode === 'phoneNumber') {
-      return {
-        inputLabel: 'شماره همراه',
-        title: 'ورود با شماره همراه',
-        submitText: 'ورود',
-        subtitle: false
-      };
-    }
-  }
-  changeMode(mode) {
-    let {
-      onChangeMode
-    } = this.props;
-    onChangeMode(mode);
-    this.setState({
-      model: this.getInitialModel(mode)
-    });
-  }
-  getInitialModel(mode) {
-    if (!mode) {
-      mode = this.props.mode;
-    }
-    let {
-      userId,
-      profile = {}
-    } = this.props;
-    return {
-      forget: {},
-      register: {},
-      profile: profile.model,
-      login: {
-        userId
-      }
-    };
-  }
-  title_layout({
-    title,
-    backButton
-  }) {
-    if (!title) {
-      return false;
-    }
-    let {
-      modes,
-      profile
-    } = this.props;
-    return {
-      className: 'aio-login-title',
-      align: 'v',
-      row: [{
-        show: !!backButton,
-        html: /*#__PURE__*/_jsx(Icon, {
-          path: mdiChevronRight,
-          size: 1
-        }),
-        size: 48,
-        align: 'vh',
-        onClick: () => profile ? profile.onClose() : this.changeMode(modes[0])
-      }, {
-        html: title
-      }]
-    };
-  }
-  subtitle_layout({
-    subtitle
-  }) {
-    if (!subtitle) {
-      return false;
-    }
-    return {
-      html: subtitle,
-      className: 'aio-login-subtitle'
-    };
-  }
-  getInput_phoneNumber(field, getValue) {
-    return {
-      field,
-      label: 'شماره همراه',
-      input: {
-        type: 'text',
-        justNumber: true,
-        before: /*#__PURE__*/_jsx(Icon, {
-          path: mdiCellphone,
-          size: 0.8
-        }),
-        placeholder: '09...',
-        maxLength: 11,
-        attrs: {
-          style: {
-            direction: 'ltr'
-          }
-        }
-      },
-      validations: [['function', () => {
-        let value = getValue();
-        if (!value) {
-          return 'شماره همراه خود را وارد کنید';
-        }
-        if (value.indexOf('09') !== 0) {
-          return 'شماره همراه باید با 09 شروع شود';
-        }
-        if (value.length !== 11) {
-          return 'شماره همراه باید 11 رقم باشد';
-        }
-        return false;
-      }]]
-    };
-  }
-  getInput_userName(field) {
-    let {
-      userId
-    } = this.props;
-    return {
-      field,
-      label: 'نام کاربری',
-      validations: [['required']],
-      style: {
-        direction: 'ltr'
-      },
-      input: {
-        type: 'text',
-        disabled: !!userId,
-        before: /*#__PURE__*/_jsx(Icon, {
-          path: mdiAccount,
-          size: 0.8
-        })
-      }
-    };
-  }
-  getInput_email(field, getValue) {
-    let {
-      userId
-    } = this.props;
-    return {
-      field,
-      label: 'ایمیل',
-      style: {
-        direction: 'ltr'
-      },
-      input: {
-        type: 'text',
-        disabled: !!userId,
-        before: /*#__PURE__*/_jsx(Icon, {
-          path: mdiEmail,
-          size: 0.8
-        })
-      },
-      validations: [['function', () => {
-        let value = getValue();
-        if (!value) {
-          return 'ایمیل خود را وارد کنید';
-        }
-        let atSignIndex = value.indexOf('@');
-        if (atSignIndex < 1) {
-          return 'ایمیل خود را به درستی وارد کنید';
-        }
-        if (value.indexOf('.') === -1) {
-          return 'ایمیل خود را به درستی وارد کنید';
-        }
-        if (value.lastIndexOf('.') > value.length - 3) {
-          return 'ایمیل خود را به درستی وارد کنید';
-        }
-        return false;
-      }]]
-    };
-  }
-  getInput_otp(field, getValue) {
-    let {
-      otpLength
-    } = this.props;
-    return {
-      field,
-      label: 'رمز یکبار مصرف',
-      input: {
-        maxLength: otpLength,
-        justNumber: true,
-        type: 'text',
-        placeholder: Array(otpLength).fill('-').join(''),
-        className: 'aio-login-otp-code'
-      },
-      validations: [['function', () => {
-        let {
-          otpLength
-        } = this.props;
-        let value = getValue();
-        if (!value) {
-          return 'رمز یکبار مصرف را وارد کنید';
-        }
-        return value.length !== otpLength ? `رمز یکبار مصرف باید شامل ${otpLength} کاراکتر باشد` : false;
-      }]]
-    };
-  }
-  getInput_password(field, type) {
-    let validations;
-    if (type === 2) {
-      validations = [['function', () => {
-        let {
-          model
-        } = this.state;
-        let value = model.forget.reNewPassword;
-        if (!value) {
-          return 'تکرار رمز عبور جدید را وارد کنید';
-        }
-        if (value.length < 1) {
-          return 'رمز عبور را وارد کنید';
-        }
-        if (value !== model.forget.newPassword) {
-          return 'رمز با تکرار آن مطابقت ندارد';
-        }
-        return false;
-      }]];
-    } else {
-      validations = [['required']];
-    }
-    return {
-      field,
-      label: ['رمز عبور', 'رمز عبور جدید', 'تکرار رمز عبور جدید'][type],
-      validations,
-      input: {
-        type: 'password',
-        before: /*#__PURE__*/_jsx(Icon, {
-          path: mdiLock,
-          size: 0.8
-        }),
-        style: {
-          direction: 'ltr'
-        },
-        visible: true
-      }
-    };
-  }
-  getInputs() {
-    let {
-      forget,
-      mode,
-      profile,
-      register
-    } = this.props;
-    if (profile) {
-      return getFormInputs(profile.fields, 'profile');
-    }
-    if (mode === 'register') {
-      return getFormInputs(register.fields, 'register');
-    }
-    if (mode === 'forgetUserId') {
-      return [this['getInput_' + forget.mode](`value.forget.userId`, () => this.state.model.forget.userId)];
-    }
-    if (mode === 'forgetPassword') {
-      return [this.getInput_otp('value.forget.password', () => this.state.model.forget.password), this.getInput_password('value.forget.newPassword', 1), this.getInput_password('value.forget.reNewPassword', 2)];
-    }
-    if (mode === 'OTPNumber') {
-      return [this.getInput_phoneNumber(`value.login.userId`, () => this.state.model.login.userId)];
-    }
-    if (mode === 'OTPCode') {
-      return [this.getInput_otp('value.login.password', () => this.state.model.login.password)];
-    }
-    return [this['getInput_' + mode]('value.login.userId', () => this.state.model.login.userId), this.getInput_password('value.login.password', 0)];
-  }
-  form_layout(labels) {
-    let {
-        model
-      } = this.state,
-      {
-        mode,
-        userId
-      } = this.props;
-    return {
-      className: 'ofy-auto',
-      html: /*#__PURE__*/_jsx(AIOInput, {
-        type: "form",
-        lang: "fa",
-        value: model,
-        rtl: true,
-        initialDisabled: !userId,
-        onChange: model => {
-          this.setState({
-            model
-          });
-        },
-        inputs: {
-          props: {
-            gap: 12
-          },
-          column: this.getInputs(labels)
-        },
-        footer: ({
-          disabled
-        }) => this.submit_layout({
-          submitText: labels.submitText,
-          disabled
-        })
-      }, mode)
-    };
-  }
-  submit_layout({
-    submitText,
-    disabled
-  }) {
-    let {
-      loading,
-      timer,
-      mode
-    } = this.props;
-    let layout = {
-      style: {
-        padding: '0 12px'
-      },
-      html: /*#__PURE__*/_jsx(SubmitButton, {
-        mode: mode,
-        timer: timer,
-        text: submitText,
-        loading: loading,
-        disabled: () => !!disabled,
-        onClick: () => this.onSubmit()
-      })
-    };
-    return /*#__PURE__*/_jsx(RVD, {
-      layout: layout
-    });
-  }
-  async onSubmit() {
-    let {
-      onSubmit,
-      profile,
-      onSubmitProfile
-    } = this.props;
-    let {
-      model
-    } = this.state;
-    if (profile) {
-      onSubmitProfile(model);
-    } else {
-      onSubmit(model);
-    }
-  }
-  changeUserId_layout() {
-    let {
-      mode
-    } = this.props;
-    if (mode !== 'OTPCode') {
-      return false;
-    }
-    return {
-      onClick: () => this.changeMode('OTPNumber'),
-      className: 'aio-login-text m-b-12',
-      align: 'vh',
-      html: 'تغییر شماره همراه'
-    };
-  }
-  recode_layout() {
-    let {
-      model
-    } = this.state;
-    let {
-      mode,
-      onChangeMode
-    } = this.props;
-    if (mode !== 'OTPCode') {
-      return false;
-    }
-    return {
-      className: 'aio-login-text m-b-12',
-      html: `ارسال مجدد کد`,
-      align: 'vh',
-      onClick: () => {
-        onChangeMode('OTPNumber');
-        this.setState({
-          model: {
-            ...model,
-            login: {
-              ...model.login,
-              password: ''
-            }
-          }
-        });
-      }
-    };
-  }
-  changeMode_layout() {
-    let {
-      mode,
-      modes,
-      profile
-    } = this.props;
-    if (mode === 'register' || !!profile || mode === 'forgetUserId' || mode === 'forgetPassword') {
-      return false;
-    }
-    let others = [];
-    for (let i = 0; i < modes.length; i++) {
-      let key = modes[i];
-      if (mode === key) {
-        continue;
-      }
-      if (mode === 'OTPCode' && key === 'OTPNumber') {
-        continue;
-      }
-      let title = {
-        OTPNumber: 'رمز یکبار مصرف',
-        userName: 'نام کاربری و رمز عبور',
-        email: 'آدرس ایمیل و رمز عبور',
-        phoneNumber: 'شماره همراه و رمز عبور'
-      }[key];
-      let icon = {
-        OTPNumber: mdiAccount,
-        phoneNumber: mdiCellphone,
-        userName: mdiAccountBoxOutline,
-        email: mdiEmail
-      }[key];
-      others.push({
-        flex: 1,
-        className: `of-visible aio-login-other-method aio-login-${key}`,
-        onClick: () => this.changeMode(key),
-        row: [{
-          html: /*#__PURE__*/_jsx(Icon, {
-            path: icon,
-            size: 0.7
-          }),
-          align: 'vh'
-        }, {
-          size: 6
-        }, {
-          align: 'v',
-          html: title
-        }]
-      });
-    }
-    if (!others.length) {
-      return false;
-    }
-    return {
-      className: 'p-h-12',
-      column: [{
-        gap: 6,
-        row: [{
-          flex: 1,
-          html: /*#__PURE__*/_jsx("div", {
-            className: "aio-login-splitter"
-          }),
-          align: 'v'
-        }, {
-          html: 'یا ورود با',
-          align: 'v',
-          className: 'aio-login-or bold'
-        }, {
-          flex: 1,
-          html: /*#__PURE__*/_jsx("div", {
-            className: "aio-login-splitter"
-          }),
-          align: 'v'
-        }]
-      }, {
-        size: 12
-      }, {
-        grid: others,
-        gridCols: 1,
-        gridRow: {
-          gap: 12
-        }
-      }]
-    };
-  }
-  registerButton_layout() {
-    let {
-      register,
-      mode
-    } = this.props;
-    if (mode === 'register') {
-      return false;
-    }
-    if (!register.type !== 'button') {
-      return false;
-    }
-    let {
-      buttonText = 'ثبت نام'
-    } = register;
-    return {
-      align: 'vh',
-      html: /*#__PURE__*/_jsx("button", {
-        onClick: () => this.changeMode('register'),
-        className: "aio-login-register-button",
-        children: buttonText
-      })
-    };
-  }
-  registerTab_layout() {
-    let {
-      register,
-      modes,
-      mode,
-      profile
-    } = this.props;
-    if (!register || register.type !== 'tab' || profile || mode === 'forgetUserId' || mode === 'forgetPassword') {
-      return false;
-    }
-    let {
-      tabText = 'ثبت نام'
-    } = register;
-    return {
-      html: /*#__PURE__*/_jsx(AIOInput, {
-        className: "aio-login-register-tabs",
-        type: "tabs",
-        value: mode === 'register' ? 'register' : 'login',
-        options: [{
-          text: 'ورود',
-          value: 'login'
-        }, {
-          text: tabText,
-          value: 'register'
-        }],
-        onChange: tab => {
-          if (tab === 'login') {
-            this.changeMode(modes[0]);
-          } else if (tab === 'register') {
-            this.changeMode('register');
-          }
-        }
-      })
-    };
-  }
-  forget_layout() {
-    let {
-      forget,
-      mode,
-      profile
-    } = this.props;
-    if (profile) {
-      return false;
-    }
-    if (!forget) {
-      return false;
-    }
-    if (mode === 'register' || mode === 'OTPCode' || mode === 'OTPNumber' || mode === 'forgetUserId' || mode === 'forgetPassword') {
-      return false;
-    }
-    let {
-      text = []
-    } = forget;
-    let buttonText = text[0] || 'رمز عبور خود را فراموش کرده اید؟ اینجا کلیک کنید';
-    return {
-      className: 'aio-login-forget',
-      html: buttonText,
-      onClick: () => this.changeMode('forgetUserId')
-    };
-  }
-  render() {
-    let {
-        attrs,
-        mode,
-        profile
-      } = this.props,
-      labels = this.getLabels(mode);
-    let column;
-    if (profile) {
-      column = [{
-        column: [this.title_layout(labels), this.subtitle_layout(labels)]
-      }, this.form_layout(labels)];
-    } else {
-      column = [this.registerTab_layout(), {
-        column: [this.title_layout(labels), this.subtitle_layout(labels)]
-      }, this.form_layout(labels), this.forget_layout(), {
-        gap: 12,
-        align: 'h',
-        row: [this.recode_layout(), this.changeUserId_layout()]
-      }, this.changeMode_layout(), this.registerButton_layout()];
-    }
-    let className = 'aio-login' + (attrs.className ? ' ' + attrs.className : '');
-    let style = attrs.style;
-    return /*#__PURE__*/_jsx(RVD, {
-      layout: {
-        className,
-        style,
-        column,
-        attrs: {
-          onKeyDown: e => {
-            if (e.keyCode === 13) {
-              this.onSubmit();
-            }
-          }
-        }
-      }
-    });
-  }
-}
-class SubmitButton extends Component {
-  constructor(...args) {
-    super(...args);
-    _defineProperty(this, "state", {
-      time: this.getDelta()
-    });
-  }
-  async onClick() {
-    let {
-      onClick,
-      loading
-    } = this.props;
-    if (loading) {
-      return;
-    }
-    this.setLastTry();
-    await onClick();
-  }
-  setLastTry() {
-    let {
-      mode
-    } = this.props;
-    AIOStorage('aiologinlasttrypermode').save({
-      name: 'dic',
-      value: {
-        ...this.getLastTry(),
-        [mode]: new Date().getTime()
-      }
-    });
-    let delta = this.getDelta();
-    this.setState({
-      time: delta
-    });
-  }
-  getLastTry() {
-    return AIOStorage('aiologinlasttrypermode').load({
-      name: 'dic',
-      def: {}
-    });
-  }
-  getDelta() {
-    let {
-      mode,
-      timer
-    } = this.props;
-    if (!timer) {
-      return 0;
-    }
-    let lastTry = this.getLastTry();
-    let lastTime = lastTry[mode];
-    if (!lastTime) {
-      return 0;
-    }
-    let delta = new Date().getTime() - lastTime;
-    delta = delta / 1000;
-    delta = timer - delta;
-    delta = Math.round(delta);
-    if (delta < 0) {
-      delta = 0;
-    }
-    return delta;
-  }
-  render() {
-    let {
-      disabled,
-      loading,
-      text,
-      outline
-    } = this.props;
-    let isDisabled = disabled();
-    let loadingText = 'در حال ارسال';
-    let {
-      time
-    } = this.state;
-    if (time > 0) {
-      setTimeout(() => this.setState({
-        time: this.state.time - 1
-      }), 1000);
-    } else if (time < 0) {
-      setTimeout(() => this.setState({
-        time: 0
-      }), 0);
-    }
-    if (time) {
-      isDisabled = true;
-      if (!loading) {
-        text = `لطفا ${time} ثانیه صبر کنید`;
-      }
-    }
-    return /*#__PURE__*/_jsxs("button", {
-      className: 'aio-login-submit' + (outline ? ' aio-login-submit-outline' : ''),
-      disabled: isDisabled,
-      onClick: () => this.onClick(),
-      children: [!loading && text, !!loading && /*#__PURE__*/_jsx(Icon, {
-        path: mdiLoading,
-        size: 1,
-        spin: 0.2,
-        style: {
-          margin: '0 6px'
-        }
-      }), !!loading && loadingText]
-    });
-  }
-}
-function AIOLoginValidator(props) {
-  let {
-    id,
-    onAuth,
-    onSubmit,
-    modes,
-    timer,
-    checkToken,
-    register,
-    userId = '',
-    attrs,
-    forget,
-    otpLength
-  } = props;
-  for (let prop in props) {
-    if (['id', 'onAuth', 'onSubmit', 'modes', 'timer', 'checkToken', 'register', 'userId', 'attrs', 'forget', 'otpLength', 'splash'].indexOf(prop) === -1) {
-      let error = `
+                    )`;return alert(r),console.log(r),null}return b(AIOLOGIN,{...this.props,getActions:({setMode:e})=>this.setMode=e,profile:i,attrs:t})});let{id:t,onAuth:i,onSubmit:r,modes:s,timer:n,checkToken:l,register:a,userId:u,attrs:d,forget:g,otpLength:p}=e;AIOLoginValidator(e);let h=o(`-AIOLogin-${t}`);this.setStorage=(e,t)=>{h.save({name:e,value:t})},this.getStorage=()=>{let e=h.load({name:"token",def:!1}),t=h.load({name:"userId",def:""}),i=h.load({name:"userInfo"});return{token:e,userId:t,userInfo:i}},this.setUserInfo=e=>{this.setStorage("userInfo",e)},this.getUserInfo=()=>this.getStorage().userInfo,this.setToken=e=>{this.setStorage("token",e)},this.getToken=()=>this.getStorage().token,this.removeToken=()=>{h.remove({name:"token"})},this.getUserId=()=>this.getStorage().userId,this.logout=()=>{this.removeToken(),window.location.reload()},this.props={id:t,checkToken:l,onAuth:i,onSubmit:r,modes:s,register:a,userId:u,attrs:d,timer:n,forget:g,otpLength:p,getStorage:this.getStorage,setStorage:this.setStorage,removeToken:this.removeToken,setToken:this.setToken,getToken:this.getToken,getUserId:this.getUserId,logout:this.logout}}};class AIOLOGIN extends t{constructor(e){super(e),this.state={isTokenChecked:!1,showReload:!1,mode:e.mode||e.modes[0],loading:!1},e.getActions({setMode:this.setMode.bind(this)})}async checkToken(){let{getStorage:e,checkToken:t,removeToken:i}=this.props,{token:r,userId:o,userInfo:s}=e(),n;if("string"!=typeof r)n=!1;else try{n=await t(r,{userId:o,userInfo:s})}catch(l){new f().addAlert({type:"error",text:"بررسی توکن با خطا روبرو شد",subtext:this.getError(l)})}!0===n?this.setMode("auth"):!1===n?i():("string"==typeof n&&new f().addAlert({type:"error",text:"بررسی توکن با خطا روبرو شد",subtext:n}),this.setState({showReload:!0})),this.setState({isTokenChecked:!0})}getError(e){if("string"==typeof e)return e;if("object"==typeof e){if("object"!=typeof e.response)return e.message||e.Message;if("object"==typeof e.response.data){let{message:t,Message:i}=e.response.data;return i||t}return"string"==typeof e.response.data?e.response.data:"error"}}async componentDidMount(){let{profile:e}=this.props;!e&&this.checkToken()}setLoading(e){this.setState({loading:e})}async onSubmit(e){let{setStorage:t,onSubmit:i}=this.props,{mode:r}=this.state,o;this.setLoading(!0);try{o=await i(e,r)}catch{this.setLoading(!1);return}if(this.setLoading(!1),"string"==typeof o){let s={OTPNumber:"ارسال شماره همراه",OTPCode:"ارسال کد یکبار مصرف",userName:"ارسال نام کاربری و رمز عبور",phoneNumber:"ارسال شماره همراه و رمز عبور",email:"ارسال آدرس ایمیل و رمز عبور",register:"عملیات ثبت نام"}[r];s=`${s} با خطا روبرو شد`;let n=o;new f().addAlert({type:"error",text:s,subtext:n})}else -1!==["OTPNumber","phoneNumber","userName","email"].indexOf(r)&&t("userId",e.login.userId)}async onSubmitProfile(e){let{profile:t}=this.props,i;this.setLoading(!0);try{i=await t.onSubmit(e)}catch{this.setLoading(!1);return}this.setLoading(!1),"string"==typeof i&&new f().addAlert({type:"error",text:"ویرایش پروفایل با خطا روبرو شد",subtext:i})}setMode(e){this.setState({mode:e})}render(){let{otpLength:e,onAuth:t,id:i,timer:r,modes:o,userId:s,register:n={},profile:l,attrs:a={},forget:u,getStorage:d,logout:g,splash:p=()=>null}=this.props,{isTokenChecked:h,showReload:m,mode:f,loading:c}=this.state;if(l)return b(LoginForm,{timer:r,id:i,attrs:a,userId:s,loading:c,profile:l,onSubmitProfile:this.onSubmitProfile.bind(this)});if(m)return b("div",{className:"aio-login-reload",children:b("button",{onClick:()=>window.location.reload(),children:"بارگذاری مجدد"})});if(!h)return p();if("auth"===f){if(!this.reportedAuthToParent){this.reportedAuthToParent=!0;let{token:y,userId:T,userInfo:I}=d();t({token:y,userId:T,userInfo:I,logout:g})}return p()}return b(LoginForm,{forget:u,timer:r,otpLength:e,id:i,modes:o,attrs:a,userId:s,register:n,loading:c,mode:f,onSubmit:this.onSubmit.bind(this),onChangeMode:this.setMode.bind(this)})}}class LoginForm extends t{constructor(e){super(e),this.storage=o(`-AIOLogin-${e.id}`);let{timer:t=30}=e;this.state={timer:t,recode:!1,tab:"login",model:this.getInitialModel(e.mode)}}getLabels(e){let{model:t,tab:i}=this.state,{register:r,profile:o,forget:s}=this.props;if(o){let{title:n,onClose:l,submitText:a="ویرایش اطلاعات کاربری",subtitle:u=!1}=o;return n||l?{inputLabel:!1,title:n||"ویرایش اطلاعات کاربری",submitText:a,subtitle:u,backButton:!!l}:{inputLabel:!1,title:!1,subtitle:!1,submitText:a,backButton:!1}}if("OTPNumber"===e)return{inputLabel:"شماره همراه",title:"ورود با کد یکبار مصرف",submitText:"ورود",subtitle:"شماره همراه خود را وارد کنید . پیامکی حاوی کد برای شما ارسال خواهد شد"};if("OTPCode"===e)return{inputLabel:"کد پیامک شده",title:!1,submitText:"ورود",subtitle:`کد پیامک شده به شماره ی ${t.login.userId} را وارد کنید`};if("register"===e){let{title:d,submitText:g="ثبت نام",subtitle:p=!1}=r;return{inputLabel:!1,title:d,submitText:g,subtitle:p,backButton:"register"!==i}}if("forgetUserId"===e){let h=`${"phoneNumber"===s.mode?"شماره همراه":"ایمیل"} خود را وارد کنید . کد باز یابی رمز عبور برای شما ارسال خواهد شد`;return{inputLabel:"email"===s.mode?"ایمیل":"شماره همراه",backButton:!0,title:"بازیابی رمز عبور",submitText:"دریافت کد بازیابی رمز",subtitle:h}}if("forgetPassword"===e){let{mode:m}=s,f=`کد ${"phoneNumber"===m?"پیامک":"ایمیل"} شده به ${"phoneNumber"===m?"شماره ی":"آدرس"} ${t.forget.userId} را وارد کنید`;return{inputLabel:`کد ${"email"===m?"ایمیل":"پیامک"} شده`,backButton:!0,title:"بازیابی رمز عبور",submitText:"تایید",subtitle:f}}return"userName"===e?{inputLabel:"نام کاربری",title:"ورود با نام کاربری",submitText:"ورود",subtitle:!1}:"email"===e?{inputLabel:"ایمیل",title:"ورود با ایمیل",submitText:"ورود",subtitle:!1}:"phoneNumber"===e?{inputLabel:"شماره همراه",title:"ورود با شماره همراه",submitText:"ورود",subtitle:!1}:void 0}changeMode(e){let{onChangeMode:t}=this.props;t(e),this.setState({model:this.getInitialModel(e)})}getInitialModel(e){e||(e=this.props.mode);let{userId:t,profile:i={}}=this.props;return{forget:{},register:{},profile:i.model,login:{userId:t}}}title_layout({title:e,backButton:t}){if(!e)return!1;let{modes:i,profile:r}=this.props;return{className:"aio-login-title",align:"v",row:[{show:!!t,html:b(l,{path:m,size:1}),size:48,align:"vh",onClick:()=>r?r.onClose():this.changeMode(i[0])},{html:e}]}}subtitle_layout({subtitle:e}){return!!e&&{html:e,className:"aio-login-subtitle"}}getInput_phoneNumber(e,t){return{field:e,label:"شماره همراه",input:{type:"text",justNumber:!0,before:b(l,{path:a,size:.8}),placeholder:"09...",maxLength:11,attrs:{style:{direction:"ltr"}}},validations:[["function",()=>{let e=t();return e?0!==e.indexOf("09")?"شماره همراه باید با 09 شروع شود":11!==e.length&&"شماره همراه باید 11 رقم باشد":"شماره همراه خود را وارد کنید"}]]}}getInput_userName(e){let{userId:t}=this.props;return{field:e,label:"نام کاربری",validations:[["required"]],style:{direction:"ltr"},input:{type:"text",disabled:!!t,before:b(l,{path:g,size:.8})}}}getInput_email(e,t){let{userId:i}=this.props;return{field:e,label:"ایمیل",style:{direction:"ltr"},input:{type:"text",disabled:!!i,before:b(l,{path:h,size:.8})},validations:[["function",()=>{let e=t();return e?!!(1>e.indexOf("@")||-1===e.indexOf(".")||e.lastIndexOf(".")>e.length-3)&&"ایمیل خود را به درستی وارد کنید":"ایمیل خود را وارد کنید"}]]}}getInput_otp(e,t){let{otpLength:i}=this.props;return{field:e,label:"رمز یکبار مصرف",input:{maxLength:i,justNumber:!0,type:"text",placeholder:Array(i).fill("-").join(""),className:"aio-login-otp-code"},validations:[["function",()=>{let{otpLength:e}=this.props,i=t();return i?i.length!==e&&`رمز یکبار مصرف باید شامل ${e} کاراکتر باشد`:"رمز یکبار مصرف را وارد کنید"}]]}}getInput_password(e,t){let i;return i=2===t?[["function",()=>{let{model:e}=this.state,t=e.forget.reNewPassword;return t?t.length<1?"رمز عبور را وارد کنید":t!==e.forget.newPassword&&"رمز با تکرار آن مطابقت ندارد":"تکرار رمز عبور جدید را وارد کنید"}]]:[["required"]],{field:e,label:["رمز عبور","رمز عبور جدید","تکرار رمز عبور جدید"][t],validations:i,input:{type:"password",before:b(l,{path:u,size:.8}),style:{direction:"ltr"},visible:!0}}}getInputs(){let{forget:e,mode:t,profile:i,register:r}=this.props;return i?n(i.fields,"profile"):"register"===t?n(r.fields,"register"):"forgetUserId"===t?[this["getInput_"+e.mode]("value.forget.userId",()=>this.state.model.forget.userId)]:"forgetPassword"===t?[this.getInput_otp("value.forget.password",()=>this.state.model.forget.password),this.getInput_password("value.forget.newPassword",1),this.getInput_password("value.forget.reNewPassword",2)]:"OTPNumber"===t?[this.getInput_phoneNumber("value.login.userId",()=>this.state.model.login.userId)]:"OTPCode"===t?[this.getInput_otp("value.login.password",()=>this.state.model.login.password)]:[this["getInput_"+t]("value.login.userId",()=>this.state.model.login.userId),this.getInput_password("value.login.password",0)]}form_layout(e){let{model:t}=this.state,{mode:i,userId:r}=this.props;return{className:"ofy-auto",html:b(s,{type:"form",lang:"fa",value:t,rtl:!0,initialDisabled:!r,onChange:e=>{this.setState({model:e})},inputs:{props:{gap:12},column:this.getInputs(e)},footer:({disabled:t})=>this.submit_layout({submitText:e.submitText,disabled:t})},i)}}submit_layout({submitText:e,disabled:t}){let{loading:i,timer:o,mode:s}=this.props,n={style:{padding:"0 12px"},html:b(SubmitButton,{mode:s,timer:o,text:e,loading:i,disabled:()=>!!t,onClick:()=>this.onSubmit()})};return b(r,{layout:n})}async onSubmit(){let{onSubmit:e,profile:t,onSubmitProfile:i}=this.props,{model:r}=this.state;t?i(r):e(r)}changeUserId_layout(){let{mode:e}=this.props;return"OTPCode"===e&&{onClick:()=>this.changeMode("OTPNumber"),className:"aio-login-text m-b-12",align:"vh",html:"تغییر شماره همراه"}}recode_layout(){let{model:e}=this.state,{mode:t,onChangeMode:i}=this.props;return"OTPCode"===t&&{className:"aio-login-text m-b-12",html:`ارسال مجدد کد`,align:"vh",onClick:()=>{i("OTPNumber"),this.setState({model:{...e,login:{...e.login,password:""}}})}}}changeMode_layout(){let{mode:e,modes:t,profile:i}=this.props;if("register"===e||i||"forgetUserId"===e||"forgetPassword"===e)return!1;let r=[];for(let o=0;o<t.length;o++){let s=t[o];if(e===s||"OTPCode"===e&&"OTPNumber"===s)continue;let n={OTPNumber:"رمز یکبار مصرف",userName:"نام کاربری و رمز عبور",email:"آدرس ایمیل و رمز عبور",phoneNumber:"شماره همراه و رمز عبور"}[s],u={OTPNumber:g,phoneNumber:a,userName:p,email:h}[s];r.push({flex:1,className:`of-visible aio-login-other-method aio-login-${s}`,onClick:()=>this.changeMode(s),row:[{html:b(l,{path:u,size:.7}),align:"vh"},{size:6},{align:"v",html:n}]})}return!!r.length&&{className:"p-h-12",column:[{gap:6,row:[{flex:1,html:b("div",{className:"aio-login-splitter"}),align:"v"},{html:"یا ورود با",align:"v",className:"aio-login-or bold"},{flex:1,html:b("div",{className:"aio-login-splitter"}),align:"v"}]},{size:12},{grid:r,gridCols:1,gridRow:{gap:12}}]}}registerButton_layout(){let{register:e,mode:t}=this.props;return"register"===t||e.type,!1}registerTab_layout(){let{register:e,modes:t,mode:i,profile:r}=this.props;if(!e||"tab"!==e.type||r||"forgetUserId"===i||"forgetPassword"===i)return!1;let{tabText:o="ثبت نام"}=e;return{html:b(s,{className:"aio-login-register-tabs",type:"tabs",value:"register"===i?"register":"login",options:[{text:"ورود",value:"login"},{text:o,value:"register"}],onChange:e=>{"login"===e?this.changeMode(t[0]):"register"===e&&this.changeMode("register")}})}}forget_layout(){let{forget:e,mode:t,profile:i}=this.props;if(i||!e||"register"===t||"OTPCode"===t||"OTPNumber"===t||"forgetUserId"===t||"forgetPassword"===t)return!1;let{text:r=[]}=e;return{className:"aio-login-forget",html:r[0]||"رمز عبور خود را فراموش کرده اید؟ اینجا کلیک کنید",onClick:()=>this.changeMode("forgetUserId")}}render(){let{attrs:e,mode:t,profile:i}=this.props,o=this.getLabels(t),s;s=i?[{column:[this.title_layout(o),this.subtitle_layout(o)]},this.form_layout(o)]:[this.registerTab_layout(),{column:[this.title_layout(o),this.subtitle_layout(o)]},this.form_layout(o),this.forget_layout(),{gap:12,align:"h",row:[this.recode_layout(),this.changeUserId_layout()]},this.changeMode_layout(),this.registerButton_layout()];let n="aio-login"+(e.className?" "+e.className:""),l=e.style;return b(r,{layout:{className:n,style:l,column:s,attrs:{onKeyDown:e=>{13===e.keyCode&&this.onSubmit()}}}})}}class SubmitButton extends t{constructor(...e){super(...e),_defineProperty(this,"state",{time:this.getDelta()})}async onClick(){let{onClick:e,loading:t}=this.props;!t&&(this.setLastTry(),await e())}setLastTry(){let{mode:e}=this.props;o("aiologinlasttrypermode").save({name:"dic",value:{...this.getLastTry(),[e]:new Date().getTime()}});let t=this.getDelta();this.setState({time:t})}getLastTry(){return o("aiologinlasttrypermode").load({name:"dic",def:{}})}getDelta(){let{mode:e,timer:t}=this.props;if(!t)return 0;let i=this.getLastTry()[e];if(!i)return 0;let r=new Date().getTime()-i;return r/=1e3,(r=Math.round(r=t-r))<0&&(r=0),r}render(){let{disabled:e,loading:t,text:i,outline:r}=this.props,o=e(),{time:s}=this.state;return s>0?setTimeout(()=>this.setState({time:this.state.time-1}),1e3):s<0&&setTimeout(()=>this.setState({time:0}),0),s&&(o=!0,t||(i=`لطفا ${s} ثانیه صبر کنید`)),c("button",{className:"aio-login-submit"+(r?" aio-login-submit-outline":""),disabled:o,onClick:()=>this.onClick(),children:[!t&&i,!!t&&b(l,{path:d,size:1,spin:.2,style:{margin:"0 6px"}}),!!t&&"در حال ارسال"]})}}function AIOLoginValidator(e){let{id:t,onAuth:i,onSubmit:r,modes:o,timer:s,checkToken:n,register:l,userId:a="",attrs:u,forget:d,otpLength:g}=e;for(let p in e)if(-1===["id","onAuth","onSubmit","modes","timer","checkToken","register","userId","attrs","forget","otpLength","splash"].indexOf(p)){let h=`
                 aio-login error => invalid props 
-                ${prop} is not one of AIOLogin props,
+                ${p} is not one of AIOLogin props,
                 valid props are 'id' | 'onAuth' | 'onSubmit' | 'modes' | 'timer' | 'checkToken' | 'register' | 'userId' | 'attrs' | 'forget' | 'otpLength' | 'splash'
-            `;
-      alert(error);
-      console.log(error);
-      return;
-    }
-  }
-  if (!id) {
-    alert(`aio-login error=> missing id props, id props should be an string`);
-  }
-  if (!onAuth) {
-    let error = `
+            `;alert(h),console.log(h);return}if(t||alert("aio-login error=> missing id props, id props should be an string"),!i){let m=`
             aio-login error => missing onAuth props
             onAuth type is => ({token:string,userId:string,userInfo?:any,logout:function})=>void
-        `;
-    alert(error);
-    console.log(error);
-    return;
-  }
-  if (typeof userId !== 'string') {
-    let error = `aio-login error=> userId props should be an string`;
-    alert(error);
-    console.log(error);
-    return;
-  }
-  if (!checkToken) {
-    let error = `
+        `;alert(m),console.log(m);return}if("string"!=typeof a){let f="aio-login error=> userId props should be an string";alert(f),console.log(f);return}if(!n){let b=`
             aio-login error=> missing checkToken props 
             checkToken type is => (token:string)=>boolean
             for prevent it set checkToken : ()=>true
-        `;
-    alert(error);
-    console.log(error);
-    return;
-  }
-  if (!onSubmit) {
-    let error = `
+        `;alert(b),console.log(b);return}if(!r){let c=`
             aio-login error=> missing onSubmit props,
             onSubmit type is => 
             (model:<model type>,mode:<mode type>)=>string|undefined
@@ -1250,36 +31,9 @@ function AIOLoginValidator(props) {
                 register:{[field:string]:any},
             }
             <mode type> is 'OTPNumber' | 'OTPCode' | 'userName' | 'email' | 'phoneNumber' | 'forgetUserId' | 'forgetPassword' | 'register' | 'auth'
-        `;
-    alert(error);
-    console.log(error);
-    return;
-  }
-  if (typeof timer !== 'number') {
-    let error = `aio-login error=> timer props should be an number`;
-    alert(error);
-    console.log(error);
-    return;
-  }
-  if (!Array.isArray(modes) || !modes.filter(o => ['OTPNumber', 'userName', 'email', 'phoneNumber'].indexOf(o) !== -1).length) {
-    let error = `
+        `;alert(c),console.log(c);return}if("number"!=typeof s){let y="aio-login error=> timer props should be an number";alert(y),console.log(y);return}if(!Array.isArray(o)||!o.filter(e=>-1!==["OTPNumber","userName","email","phoneNumber"].indexOf(e)).length){let T=`
             aio-login error=> modes props should be an array contain composite of 'OTPNumber' | 'userName' | 'email' | 'phoneNumber'
-        `;
-    alert(error);
-    console.log(error);
-    return;
-  }
-  if (modes.indexOf('OTPNumber') !== -1) {
-    if (!otpLength) {
-      let error = `aio-login error => otpLength props is not an number (for define length of otp code)`;
-      alert(error);
-      console.log(error);
-      return;
-    }
-  }
-  if (register) {
-    if (typeof register !== 'object' || ['mode', 'tab', 'button'].indexOf(register.type) === -1 || !Array.isArray(register.fields) || !register.fields.length) {
-      let error = `
+        `;alert(T),console.log(T);return}if(-1!==o.indexOf("OTPNumber")&&!g){let I="aio-login error => otpLength props is not an number (for define length of otp code)";alert(I),console.log(I);return}if(l&&("object"!=typeof l||-1===["mode","tab","button"].indexOf(l.type)||!Array.isArray(l.fields)||!l.fields.length)){let $=`
                 aio-login-error => register props should be an object contain :
                 type : "mode" | "tab" | "button"
                 tabText : string | undefined
@@ -1293,21 +47,4 @@ function AIOLoginValidator(props) {
                     "fullname" | "firstname" | "lastname" | "username" | "address" | "email" | "fathername" | "phone" | "mobile" | "postalcode",
                     "nationalcode" | "idcode" | "cardbank" | "state" | "city" | "gender" | "married" | "militaryservice" | "location"
                 )
-            `;
-      alert(error);
-      console.log(error);
-      return;
-    }
-  }
-  if (forget) {
-    let message = `aio-login error=> forget props should be an object contain mode:'phoneNumber | email'`;
-    if (typeof forget !== 'object') {
-      alert(message);
-    }
-    if (['phoneNumber', 'email'].indexOf(forget.mode) === -1) {
-      alert(message);
-      console.log(message);
-      return;
-    }
-  }
-}
+            `;alert($),console.log($);return}if(d){let _="aio-login error=> forget props should be an object contain mode:'phoneNumber | email'";if("object"!=typeof d&&alert(_),-1===["phoneNumber","email"].indexOf(d.mode)){alert(_),console.log(_);return}}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aio-login",
-  "version": "2.0.0",
+  "version": "2.0.3",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -15,7 +15,7 @@
     "react-virtual-dom": "^4.0.1",
     "aio-popup": "^3.0.2",
     "aio-storage": "^4.0.1",
-    "aio-input": "^3.0.0"
+    "aio-input": "^3.0.2"
   },
   "repository": {
     "type": "git",