taler-typescript-core

commit 96015b2fb4805be7e05679b32b07a1e525d78573
parent 95bde6518589e9aaa0b4ab7e3001dfb8e46c294e
Author: Sebastian <sebasjm@taler-systems.com>
Date:   Mon,  9 Mar 2026 16:34:16 -0300

fix: add support to page mfa code

Diffstat:
M
packages/merchant-backoffice-ui/src/components/form/InputCode.tsx
 | 
25
+++++++++++++++++++++++++

1 file changed, 25 insertions(+), 0 deletions(-)
diff --git a/packages/merchant-backoffice-ui/src/components/form/InputCode.tsx b/packages/merchant-backoffice-ui/src/components/form/InputCode.tsx
@@ -117,6 +117,31 @@ export function InputCode<T>({
                     type={"number"}
                     inputMode={"numeric"}
                     placeholder={idx + 1}
+                    onPaste={(e) => {
+                      e.preventDefault();
+                      const content = e.clipboardData?.getData("text");
+                      if (content) {
+                        const cleared = content.replace(/[ -]/g, "");
+                        if (cleared.match(/^[0-9]{8}$/)) {
+                          elements.current.reduce(
+                            (prev, cur, idx): Promise<void> => {
+                              if (!cur) return prev;
+                              return prev.then((d) => {
+                                return new Promise((res, rej) => {
+                                  setTimeout(() => {
+                                    cur.value = cleared[idx];
+                                    res(undefined);
+                                  }, 60);
+                                });
+                              });
+                            },
+                            Promise.resolve(),
+                          ).then(r => {
+                            onChange(cleared as any)
+                          })
+                        }
+                      }
+                    }}
                     cols={1}
                     defaultValue={defValue}
                     style={{