aboutsummaryrefslogtreecommitdiff
path: root/packages/merchant-backoffice-ui/src/context/backend.ts
blob: d4a9abd5f27f30d8865be05026d22a44afc7e335 (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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
/*
 This file is part of GNU Taler
 (C) 2021-2023 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/>
 */

/**
 *
 * @author Sebastian Javier Marchano (sebasjm)
 */

import { createContext, h, VNode } from "preact";
import { useContext, useState } from "preact/hooks";
import { LoginToken } from "../declaration.js";
import { useBackendDefaultToken, useBackendURL } from "../hooks/index.js";
import { buildStorageKey, useLocalStorage } from "@gnu-taler/web-util/browser";
import { codecForBoolean } from "@gnu-taler/taler-util";

interface BackendContextType {
  url: string,
  selected: boolean;
  token?: LoginToken;
  updateToken: (token: LoginToken | undefined) => void;
  changeBackend: (url: string) => void;
  resetBackend: () => void;
}

const BackendContext = createContext<BackendContextType>({
  url: "",
  selected: false,
  token: undefined,
  updateToken: () => null,
  changeBackend: () => null,
  resetBackend: () => null,
});

const BACKEND_SELECTED = buildStorageKey("backend-selected", codecForBoolean());

function useBackendContextState(
  defaultUrl?: string,
): BackendContextType {
  const [url, changeBackend2] = useBackendURL(defaultUrl);
  const [token, updateToken] = useBackendDefaultToken();
  const {value, update} = useLocalStorage(BACKEND_SELECTED)

  function changeBackend(s:string) {
    changeBackend2(s)
    update(true)
  }

  function resetBackend() {
    update(false)
  }

  return {
    url,
    token,
    selected: value ?? false,
    updateToken,
    changeBackend,
    resetBackend
  };
}

export const BackendContextProvider = ({
  children,
  defaultUrl,
}: {
  children: any;
  defaultUrl?: string;
}): VNode => {
  const value = useBackendContextState(defaultUrl);

  return h(BackendContext.Provider, { value, children });
};

export const useBackendContext = (): BackendContextType =>
  useContext(BackendContext);