Telegram Web K with changes to work inside I2P https://web.telegram.i2p/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

106 lines
3.3 KiB

3 years ago
/*
* https://github.com/morethanwords/tweb
* Copyright (C) 2019-2021 Eduard Kuzmenko
* https://github.com/morethanwords/tweb/blob/master/LICENSE
*/
import ListenerSetter from "../helpers/listenerSetter";
import debounce from "../helpers/schedulers/debounce";
import appChatsManager from "../lib/appManagers/appChatsManager";
import { LangPackKey } from "../lib/langPack";
import apiManager from "../lib/mtproto/mtprotoworker";
import RichTextProcessor from "../lib/richtextprocessor";
import InputField, { InputFieldOptions, InputState } from "./inputField";
export class UsernameInputField extends InputField {
private checkUsernamePromise: Promise<any>;
private checkUsernameDebounced: (username: string) => void;
public options: InputFieldOptions & {
3 years ago
peerId?: PeerId,
3 years ago
listenerSetter: ListenerSetter,
onChange?: () => void,
invalidText: LangPackKey,
takenText: LangPackKey,
availableText: LangPackKey,
head?: string
};
constructor(options: UsernameInputField['options']) {
super(options);
this.checkUsernameDebounced = debounce(this.checkUsername.bind(this), 150, false, true);
options.listenerSetter.add(this.input)('input', () => {
const value = this.getValue();
//console.log('userNameInput:', value);
if(value === this.originalValue || !value.length) {
this.setState(InputState.Neutral, this.options.label);
this.options.onChange && this.options.onChange();
return;
} else if(!RichTextProcessor.isUsernameValid(value)) { // does not check the last underscore
this.setError(this.options.invalidText);
} else {
this.setState(InputState.Neutral);
}
if(this.input.classList.contains('error')) {
this.options.onChange && this.options.onChange();
return;
}
this.checkUsernameDebounced(value);
});
}
public getValue() {
let value = this.value;
if(this.options.head) {
value = value.slice(this.options.head.length);
this.setValueSilently(this.options.head + value);
}
return value;
}
private checkUsername(username: string) {
if(this.checkUsernamePromise) return;
if(this.options.peerId) {
this.checkUsernamePromise = apiManager.invokeApi('channels.checkUsername', {
3 years ago
channel: appChatsManager.getChannelInput(this.options.peerId.toChatId()),
3 years ago
username
});
} else {
this.checkUsernamePromise = apiManager.invokeApi('account.checkUsername', {username});
}
this.checkUsernamePromise.then(available => {
if(this.getValue() !== username) return;
if(available) {
this.setState(InputState.Valid, this.options.availableText);
} else {
this.setError(this.options.takenText);
}
}, (err) => {
if(this.getValue() !== username) return;
switch(err.type) {
case 'USERNAME_INVALID': {
this.setError(this.options.invalidText);
break;
}
}
}).then(() => {
this.checkUsernamePromise = undefined;
this.options.onChange && this.options.onChange();
const value = this.getValue();
if(value !== username && this.isValidToChange() && RichTextProcessor.isUsernameValid(value)) {
3 years ago
this.checkUsername(value);
}
});
};
}