OCB & BVBank Merchant Portal + PWA

/** Quyền ở dạng `<tài nguyên>:<hành động>`, ví dụ 'transaction:refund'. */
export type Permission = `${string}:${string}`;
 
export function resolvePermissions(token: DecodedToken): ReadonlySet<Permission> {
    const roles = [
        ...(token.realm_access?.roles ?? []),
        ...Object.values(token.resource_access ?? {}).flatMap((entry) => entry.roles),
    ];
 
    /* Set: kiểm tra quyền là O(1) và tự loại bỏ trùng lặp giữa các realm. */
    return new Set(roles.flatMap((role) => ROLE_TO_PERMISSIONS[role] ?? []));
}

export function Can({ perform, children, fallback = null }: CanProps) {
    const permissions = usePermissions();
 
    /* Mặc định là từ chối: thiếu khai báo quyền thì UI không hiện, thay vì hiện nhầm. */
    return permissions.has(perform) ? <>{children}</> : <>{fallback}</>;
}

export const useTransactions = create<TransactionState>()(
    persist(
        (set, get) => ({
            queue: [],
            enqueue: (draft) => set({ queue: [...get().queue, draft] }),
            flush: async () => {
                /* Gửi tuần tự: thứ tự giao dịch là ràng buộc nghiệp vụ, không phải chi tiết kỹ thuật. */
                for (const item of get().queue) {
                    await submitTransaction(item);
                    set({ queue: get().queue.filter((entry) => entry.id !== item.id) });
                }
            },
        }),
        { name: 'txn-outbox' },
    ),
);