fix otp code paste in mobile browsers (#6197)

Signed-off-by: Alexander Onnikov <Alexander.Onnikov@xored.com>

packages/ui/src/components/CodeInput.svelte

@@ -31,7 +31,6 @@
     on:change
     on:keyup
     on:input
-    maxlength={1}
     inputmode="numeric"
     autocomplete="off"
     placeholder=""

plugins/login-resources/src/components/OtpForm.svelte

@@ -81,9 +81,14 @@
 
     if (value == null || value === '') return
 
+    if (value.length === fields.length) {
+      pasteOtpCode(value)
+    } else {
       const index = fields.findIndex(({ id }) => id === target.id)
       if (index === -1) return
 
+      target.value = value[0]
+
       if (Object.values(otpData).every((v) => v !== '')) {
         void validateOtp()
         return
@@ -97,6 +102,7 @@
         nextInput.focus()
       }
     }
+  }
 
   function clearOtpData (): void {
     Object.keys(otpData).forEach((key) => {
@@ -139,9 +145,15 @@
     if (e.clipboardData == null) return
 
     const text = e.clipboardData.getData('text')
+    pasteOtpCode(text)
+  }
+
+  function pasteOtpCode (text: string): boolean {
     const digits = text.split('').filter((it) => it !== ' ')
 
-    if (digits.length !== fields.length) return
+    if (digits.length !== fields.length) {
+      return false
+    }
 
     let focusName: string | undefined = undefined
 
@@ -160,6 +172,8 @@
     if (Object.values(otpData).every((v) => v !== '')) {
       void validateOtp()
     }
+
+    return true
   }
 
   $: if (formElement != null) {