@formio/react/lib/contexts/FormioContext.js

React renderer for form.io forms.

"use strict";
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.FormioProvider = exports.FormioContext = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const js_1 = require("@formio/js");
const useBaseConfiguration = ({ baseUrl, projectUrl, Formio, }) => {
    if (!Formio) {
        if (baseUrl) {
            js_1.Formio.setBaseUrl(baseUrl);
        }
        if (projectUrl) {
            js_1.Formio.setProjectUrl(projectUrl);
        }
        return {
            Formio: js_1.Formio,
            baseUrl: js_1.Formio.baseUrl,
            projectUrl: js_1.Formio.projectUrl,
        };
    }
    if (baseUrl) {
        Formio.setBaseUrl(baseUrl);
    }
    if (projectUrl) {
        Formio.setProjectUrl(projectUrl);
    }
    return {
        Formio,
        baseUrl: Formio.baseUrl,
        projectUrl: Formio.projectUrl,
    };
};
const useAuthentication = ({ Formio }) => {
    const [token, setToken] = (0, react_1.useState)(Formio.getToken() || null);
    const [isAuthenticated, setIsAuthenticated] = (0, react_1.useState)(!!token);
    (0, react_1.useEffect)(() => {
        const handleUserEvent = (user) => __awaiter(void 0, void 0, void 0, function* () {
            if (user) {
                setToken(Formio.getToken());
                setIsAuthenticated(true);
            }
            else if (isAuthenticated) {
                yield Formio.logout();
                setToken(null);
                setIsAuthenticated(false);
            }
        });
        const handleStaleToken = () => __awaiter(void 0, void 0, void 0, function* () {
            if (isAuthenticated) {
                const user = yield Formio.currentUser();
                if (!user) {
                    setToken(null);
                    setIsAuthenticated(false);
                }
            }
        });
        Formio.events.on('formio.user', handleUserEvent);
        handleStaleToken();
        return () => {
            Formio.events.off('formio.user', handleUserEvent);
        };
    }, [isAuthenticated, Formio]);
    const logout = () => __awaiter(void 0, void 0, void 0, function* () {
        yield Formio.logout();
        setToken(null);
        setIsAuthenticated(false);
    });
    return { token, setToken, isAuthenticated, logout };
};
exports.FormioContext = (0, react_1.createContext)(null);
function FormioProvider({ children, baseUrl, projectUrl, Formio, }) {
    const baseConfig = useBaseConfiguration({ baseUrl, projectUrl, Formio });
    const auth = useAuthentication({ Formio: baseConfig.Formio });
    const formio = Object.assign(Object.assign({}, baseConfig), auth);
    return ((0, jsx_runtime_1.jsx)(exports.FormioContext.Provider, { value: formio, children: children }));
}
exports.FormioProvider = FormioProvider;