@payloadcms/plugin-multi-tenant/dist/providers/TenantSelectionProvider/index.client.js

Multi Tenant plugin for Payload

'use client';
import { jsx as _jsx } from "react/jsx-runtime";
import { useAuth } from '@payloadcms/ui';
import { useRouter } from 'next/navigation.js';
import React, { createContext } from 'react';
const Context = /*#__PURE__*/ createContext({
    options: [],
    preventRefreshOnChange: false,
    selectedTenantID: undefined,
    setPreventRefreshOnChange: ()=>null,
    setTenant: ()=>null,
    updateTenants: ()=>null
});
export const TenantSelectionProviderClient = ({ children, initialValue, tenantCookie, tenantOptions: tenantOptionsFromProps })=>{
    const [selectedTenantID, setSelectedTenantID] = React.useState(initialValue);
    const [preventRefreshOnChange, setPreventRefreshOnChange] = React.useState(false);
    const { user } = useAuth();
    const userID = React.useMemo(()=>user?.id, [
        user?.id
    ]);
    const [tenantOptions, setTenantOptions] = React.useState(()=>tenantOptionsFromProps);
    const selectedTenantLabel = React.useMemo(()=>tenantOptions.find((option)=>option.value === selectedTenantID)?.label, [
        selectedTenantID,
        tenantOptions
    ]);
    const router = useRouter();
    const setCookie = React.useCallback((value)=>{
        const expires = '; expires=Fri, 31 Dec 9999 23:59:59 GMT';
        document.cookie = 'payload-tenant=' + (value || '') + expires + '; path=/';
    }, []);
    const deleteCookie = React.useCallback(()=>{
        // eslint-disable-next-line react-compiler/react-compiler -- TODO: fix
        document.cookie = 'payload-tenant=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/';
    }, []);
    const setTenant = React.useCallback(({ id, refresh })=>{
        if (id === undefined) {
            if (tenantOptions.length > 1) {
                setSelectedTenantID(undefined);
                deleteCookie();
            } else {
                setSelectedTenantID(tenantOptions[0]?.value);
                setCookie(String(tenantOptions[0]?.value));
            }
        } else {
            setSelectedTenantID(id);
            setCookie(String(id));
        }
        if (!preventRefreshOnChange && refresh) {
            router.refresh();
        }
    }, [
        deleteCookie,
        preventRefreshOnChange,
        router,
        setCookie,
        setSelectedTenantID,
        tenantOptions
    ]);
    const updateTenants = React.useCallback(({ id, label })=>{
        setTenantOptions((prev)=>{
            const stringID = String(id);
            let exists = false;
            const updated = prev.map((currentTenant)=>{
                if (stringID === String(currentTenant.value)) {
                    exists = true;
                    return {
                        label,
                        value: stringID
                    };
                }
                return currentTenant;
            });
            if (!exists) {
                updated.push({
                    label,
                    value: stringID
                });
            }
            // Sort alphabetically by label (or value as fallback)
            return updated.sort((a, b)=>{
                const aKey = typeof a.label === 'string' ? a.label : String(a.value);
                const bKey = typeof b.label === 'string' ? b.label : String(b.value);
                return aKey.localeCompare(bKey);
            });
        });
    }, []);
    React.useEffect(()=>{
        if (selectedTenantID && !tenantOptions.find((option)=>option.value === selectedTenantID)) {
            if (tenantOptions?.[0]?.value) {
                setTenant({
                    id: tenantOptions[0].value,
                    refresh: true
                });
            } else {
                setTenant({
                    id: undefined,
                    refresh: true
                });
            }
        }
    }, [
        tenantCookie,
        setTenant,
        selectedTenantID,
        tenantOptions,
        initialValue,
        setCookie
    ]);
    React.useEffect(()=>{
        if (userID && !tenantCookie) {
            // User is logged in, but does not have a tenant cookie, set it
            setSelectedTenantID(initialValue);
            setTenantOptions(tenantOptionsFromProps);
            if (initialValue) {
                setCookie(String(initialValue));
            } else {
                deleteCookie();
            }
        }
    }, [
        userID,
        tenantCookie,
        initialValue,
        setCookie,
        deleteCookie,
        router,
        tenantOptionsFromProps
    ]);
    React.useEffect(()=>{
        if (!userID && tenantCookie) {
            // User is not logged in, but has a tenant cookie, delete it
            deleteCookie();
            setSelectedTenantID(undefined);
        } else if (userID) {
            // User changed, refresh
            router.refresh();
        }
    }, [
        userID,
        tenantCookie,
        deleteCookie,
        router
    ]);
    return /*#__PURE__*/ _jsx("span", {
        "data-selected-tenant-id": selectedTenantID,
        "data-selected-tenant-title": selectedTenantLabel,
        children: /*#__PURE__*/ _jsx(Context, {
            value: {
                options: tenantOptions,
                preventRefreshOnChange,
                selectedTenantID,
                setPreventRefreshOnChange,
                setTenant,
                updateTenants
            },
            children: children
        })
    });
};
export const useTenantSelection = ()=>React.use(Context);

//# sourceMappingURL=index.client.js.map