/*
This file is part of GNU Taler
(C) 2021 Taler Systems S.A.
GNU Taler is free software; you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation; either version 3, or (at your option) any later version.
GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GNU Taler; see the file COPYING. If not, see
*/
/**
*
* @author Sebastian Javier Marchano (sebasjm)
*/
import { h, VNode } from "preact";
import { useLayoutEffect, useRef, useState } from "preact/hooks";
const MAX_IMAGE_UPLOAD_SIZE = 1024 * 1024;
export interface FileTypeContent {
content: string;
type: string;
name: string;
}
export interface FileInputProps {
label: string;
grabFocus?: boolean;
disabled?: boolean;
error?: string;
placeholder?: string;
tooltip?: string;
onChange: (v: FileTypeContent | undefined) => void;
}
export function FileInput(props: FileInputProps): VNode {
const inputRef = useRef(null);
useLayoutEffect(() => {
if (props.grabFocus) {
inputRef.current?.focus();
}
}, [props.grabFocus]);
const fileInputRef = useRef(null);
const [sizeError, setSizeError] = useState(false);
return (