Autosubmit token by paste and a bit more

[akellbl4]

• Autosubmit in email auth Autosubmit on paste the token in inputs #538
• Autosubmit in email subscribe Autosubmit on paste the token in inputs #538
• Using official typings instead copied
• Tests for JWT funcs
• Tests for the interfaces

[umputun]

ERROR in /srv/frontend/app/components/comment/comment.test.tsx
337
[tsl] ERROR in /srv/frontend/app/components/comment/comment.test.tsx(280,26)
338
      TS2344: Type '{ user: User | null; data: Comment; repliesCount?: number | undefined; post_info: PostInfo | null; isUserBanned?: boolean | undefined; isCommentsDisabled: boolean; editMode?: CommentMode | undefined; ... 8 more ...; uploadImage?: ((image: File) => Promise<...>) | undefined; } & Partial<...> & AllHTMLAttributes<...> ...' does not satisfy the constraint 'string | number | symbol'.
339
  Type '{ user: User | null; data: Comment; repliesCount?: number | undefined; post_info: PostInfo | null; isUserBanned?: boolean | undefined; isCommentsDisabled: boolean; editMode?: CommentMode | undefined; ... 8 more ...; uploadImage?: ((image: File) => Promise<...>) | undefined; } & Partial<...> & AllHTMLAttributes<...> ...' is not assignable to type 'symbol'.
340
npm ERR! code ELIFECYCLE
341
npm ERR! errno 2
342
npm ERR! [email protected] build: `webpack --mode production && es-check es5 './public/*.js'`
343
npm ERR! Exit status 2
344
npm ERR! 
345
npm ERR! Failed at the [email protected] build script.

[akellbl4]

@umputun fixed. I just forgot to push one of the files with which I am working now.

[paskal]

Auto-submit works fine for me in Firefox for both auth and subscription. Invalid (but correct) token sent automatically and shows validation error without pushing the submit button as well.

[umputun]

I have not tried it, but not really sure I get how all of this supposed to work. So, user pastes token and it got submitted by itself? If that's the case, why the Submit button even needed? And, in addition, this automatic submission feels kind of exotic and unusual to me.

[akellbl4]

@umputun yep, if a user pastes the correct token it sends automatically.
"Send" button is needed not to confuse a user because without the button the form might look broken.

[paskal]

There might be errors like "Too many requests, try later" and I would prefer having the submit button all the time to deal with them manually in case it's needed.

After automatic submit user end up either logged in (with auth) or with page "you are subscribed, click here to unsubscribe" (notifications) - this is the desired output of the process user started. It might be surprising to skip the "push submit button" step but the user won't feel lost in my opinion.

I have the same mechanics working for my bank 3-D Secure pin-code from SMS prompt, I recall being surprised in a good way when I found I don't need to push any buttons after I entered expected four digits. My vote is for introducing this feature in a way it was implemented in this PR.

[umputun]

ok, convinced. As soon as we get approval from @Mavrin I'll merge

[Mavrin]

It looks unnecessary or use for node

const atob = (value) => Buffer.from(value, `base64`).toString();