const state = {
  name: {
    status: noActive,
    value: val1,
  },
  mail: {
     status: noActive,
     value: val2,
  }
};

const targets = document.querySelectorAll('[data-editable-target]');
targets.forEach((target) => {
  target.addEventListener('click', () => {
    const blockName = target.innerText;     // 'mail'
    // НЕ СРАБОТАЛО
    // const sts = `${state}.${blockName}`;
    // const sts = state + '.' + blockName;
    // const sts = 'state.' + blockName;
  })
});

const obj = {
  a: {
    b: {
      c: 'd'
    },
    e: 'f'
  }
}

const get = (obj, path, defaultValue) =>
  path
    .split('.')
    .reduce((acc, el) => acc?.[el] ? acc[el] : defaultValue, obj)    

console.log(get(obj, 'a.b.c')) // 'd'