summaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension/src/hooks/useClipboardPermissions.ts
blob: 25757f4735a7a6861d29a3350d496e524391c543 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
/*
 This file is part of GNU Taler
 (C) 2022 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 <http://www.gnu.org/licenses/>
 */

import { useEffect, useState } from "preact/hooks";
import { useAlertContext } from "../context/alert.js";
import { useBackendContext } from "../context/backend.js";
import { ToggleHandler } from "../mui/handlers.js";
import { platform } from "../platform/foreground.js";

export function useClipboardPermissions(): ToggleHandler {
  const [enabled, setEnabled] = useState(false);
  const api = useBackendContext();
  const { pushAlertOnError } = useAlertContext();

  async function handleClipboardPerm(): Promise<void> {
    if (!enabled) {
      // We set permissions here, since apparently FF wants this to be done
      // as the result of an input event ...
      let granted: boolean;
      try {
        granted = await platform
          .getPermissionsApi()
          .requestClipboardPermissions();
      } catch (lastError) {
        setEnabled(false);
        throw lastError;
      }
      setEnabled(granted);
    } else {
      try {
        await api.background
          .call("toggleHeaderListener", false)
          .then((r) => setEnabled(r.newValue));
      } catch (e) {
        console.log(e);
      }
    }
    return;
  }

  useEffect(() => {
    async function getValue(): Promise<void> {
      const res = await api.background.call(
        "containsHeaderListener",
        undefined,
      );
      setEnabled(res.newValue);
    }
    getValue();
  }, []);

  return {
    value: enabled,
    button: {
      onClick: pushAlertOnError(handleClipboardPerm),
    },
  };
}