does anyone have the order of execution of firewall, rules, waf, etc. ..?

version: "3"

services:
  bk_calculator:
      image: web-image:v1
      container_name: bk_calculator
      ports:
        - 80:80
      networks:
        selfhost:
          ipv4_address: 18.8.0.4
      # restart: unless-stopped
      # restart: on-failure:3

networks:
  selfhost:
    driver: bridge
    ipam:
     config:
       - subnet: 18.8.0.0/16
         gateway: 18.8.0.1

version: "3"

services:
  bk_calculator:
      image: web-image:v1
      container_name: bk_calculator
      ports:
        - 80:80
      networks:
        selfhost:
          ipv4_address: 18.8.0.4
      # restart: unless-stopped
      # restart: on-failure:3

networks:
  selfhost:
    driver: bridge
    ipam:
     config:
       - subnet: 18.8.0.0/16
         gateway: 18.8.0.1

try{
        const response = await axios({
            method: "POST",
            url: uploadUrl(),
            headers: {
                Authorization: `Bearer ${process.env.token}`,
                'Tus-Resumable': '1.0.0'
            },
            data: {
                maxDurationSeconds: 300
            }
        })
        res.setHeader("Access-Control-Expose-Headers", "Location");
        res.setHeader("Access-Control-Allow-Headers", "*");
        res.setHeader("Access-Control-Allow-Origin", "*");
        res.setHeader("Location", response.data?.result.uploadURL);
        res.sendStatus(200);
    } catch(ex) {
        res.sendStatus(500)
    }

try{
        const response = await axios({
            method: "POST",
            url: uploadUrl(),
            headers: {
                Authorization: `Bearer ${process.env.token}`,
                'Tus-Resumable': '1.0.0'
            },
            data: {
                maxDurationSeconds: 300
            }
        })
        res.setHeader("Access-Control-Expose-Headers", "Location");
        res.setHeader("Access-Control-Allow-Headers", "*");
        res.setHeader("Access-Control-Allow-Origin", "*");
        res.setHeader("Location", response.data?.result.uploadURL);
        res.sendStatus(200);
    } catch(ex) {
        res.sendStatus(500)
    }

import React, { useState, useEffect } from 'react';
import Uppy from '@uppy/core';
import Tus from '@uppy/tus';
import '@uppy/core/dist/style.css';
import '@uppy/drag-drop/dist/style.css';
import '@uppy/dashboard/dist/style.css';
import { Dashboard } from '@uppy/react';
// import ProgressBar from '@uppy/react';



import '@uppy/progress-bar/dist/style.css';
// import ProgressBarComponent from '@uppy/react/src/ProgressBar';


const VideoUploader = () => {
  const [uppy] = useState(new Uppy({
    meta: { type: 'video' },
    restrictions: {
      maxFileSize: 100000000, // 100 MB
      allowedFileTypes: ['.mp4', '.avi', '.mov', '.mkv', '.wmv', '.flv'],
    },
    autoProceed: false,
  }).use(Tus, {
    endpoint: 'https://localhost:3001/upload',
    resume: true,
    retryDelays: [0, 1000, 3000, 5000],
  }));


  return (
    <div>
      <Dashboard uppy={uppy}/>
      {/* <ProgressBar uppy={uppy}/> */}
    </div>
  );
};

import React, { useState, useEffect } from 'react';
import Uppy from '@uppy/core';
import Tus from '@uppy/tus';
import '@uppy/core/dist/style.css';
import '@uppy/drag-drop/dist/style.css';
import '@uppy/dashboard/dist/style.css';
import { Dashboard } from '@uppy/react';
// import ProgressBar from '@uppy/react';



import '@uppy/progress-bar/dist/style.css';
// import ProgressBarComponent from '@uppy/react/src/ProgressBar';


const VideoUploader = () => {
  const [uppy] = useState(new Uppy({
    meta: { type: 'video' },
    restrictions: {
      maxFileSize: 100000000, // 100 MB
      allowedFileTypes: ['.mp4', '.avi', '.mov', '.mkv', '.wmv', '.flv'],
    },
    autoProceed: false,
  }).use(Tus, {
    endpoint: 'https://localhost:3001/upload',
    resume: true,
    retryDelays: [0, 1000, 3000, 5000],
  }));


  return (
    <div>
      <Dashboard uppy={uppy}/>
      {/* <ProgressBar uppy={uppy}/> */}
    </div>
  );
};