JSFiddle - React, Tailwind, and code Playground

by Mohit Agrawal

JavaScript

const CONSTANTS = {}
CONSTANTS.CHANNELS = {
	DSF: {
		CODE: 'C000001',
		NAME: 'DSF',
		AGENT_CODE: '',
		SHORT_NAME: 'DSF',
		ROLES: {
			FLS: {
				inActive: [],
				active: [
					'FLS',
					'MNP',
					'ASP',
					'EADSM',
					'PBM',
					'AAM',
					'AM',
					'BDM',
					'BPR',
					'RKA',
					'RKB',
					'RKM',
					'RKS',
					'SAM',
					'OAM',
					'CBD',
					'RRA',
					'ABM',
					'RRB',
					'RRC',
					'BMM',
					'COA',
					'RAM',
					'RSA',
					'RBD',
					'RBM',
					'ADSE',
					'ADSM',
					'DSE',
					'SDSE',
					'DMC',
					'DMM',
					'ADE',
					'DUM',
					'SDE',
					'PEA',
					'PCA',
					'PA',
					'AMA',
					'MAP',
					'BMN',
					'CMC',
					'SBM',
					'SDM',
					'IDA',
					'CSE',
					'PSA',
					'IDD',
					'AAPA',
					'AAP1',
					'AAPB',
					'AAP2',
					'DAP',
				],
			},
			ADVISOR: {
				inActive: [],
				active: ['ADV'],
			},
		},
		DESIGNATIONS: [
			{
				absoluteDesignation: 'usm',
				associatedDesignation: [
					'UM',
					'EUM',
					'SUM',
					'AUM',
					'ASU',
					'ADE',
					'ADM',
					'DSE',
					'DUM',
					'SDE',
					'ATM',
					'AUS',
					'EST',
					'EXS',
					'SMU',
					'UMS',
					'CMF',
				],
			},
			{
				absoluteDesignation: 'ssm',
				associatedDesignation: ['SSM', 'SM'],
			},
			{
				absoluteDesignation: 'asm',
				associatedDesignation: ['ASM', 'RES', 'TRM'],
			},
			{
				absoluteDesignation: 'zsm',
				associatedDesignation: ['DMM', 'RH', 'TP', 'ZSM', 'HBA'],
			},
		],
	},
	APC: {
		CODE: 'C000002',
		NAME: 'APC',
		AGENT_CODE: '',
	},
	TPD: {
		CODE: 'C000003',
		NAME: 'TPD',
		AGENT_CODE: '',
		SHORT_NAME: 'BANCA',
		ROLES: {
			SP: {
				inActive: [],
				active: ['SP'],
			},
			RO: {
				inActive: [],
				active:...