// ─────────────────────────────────────────────────────────────────────────
// screens-employee3.jsx — E-08 メッセージ伝達 / E-09 会議タイムキーパー /
// E-10 パトロール依頼 / E-12 ログイン・認証
// (EMP, EmpStatusBar, EmpNav, BackHeader, Pill, Icon, Waveform は window から)
// ─────────────────────────────────────────────────────────────────────────
// local helpers (unique names — script scopes don't share)
function E3Section({ label, children }) {
return (
);
}
function E3Toggle({ on, onClick, label }) {
return (
);
}
// ── E-08 メッセージ伝達 ──────────────────────────────────────────────────────
function E08_Message({ nav, back }) {
const [aud, setAud] = useState('個人宛');
const [voice, setVoice] = useState(true);
const [media, setMedia] = useState(false);
const [when, setWhen] = useState('今すぐ');
const audiences = [
{ id: '個人宛', icon: 'person', sub: '感謝・資料受け渡し', approval: false },
{ id: 'チーム宛', icon: 'users', sub: 'お土産配布・備品連絡', approval: 'cond' },
{ id: '全体/エリア宛', icon: 'megaphone', sub: '経営層メッセージ・新メンバー紹介', approval: true }];
const cur = audiences.find((a) => a.id === aud);
const needApproval = cur.approval === true;
const MSG_TEMPLATES = {
'個人宛': '先日は資料のご対応ありがとうございました。\nお返しの資料をお届けにあがります。',
'チーム宛': 'お疲れさまです。出張のお土産をお配りします。\nC島を巡回しますので、お好きなものをお取りください。',
'全体/エリア宛': '今月の全社表彰、おめでとうございます！\n各フロアを巡回してお祝いをお届けします。'
};
const [msgs, setMsgs] = useState(MSG_TEMPLATES);
return (
nav('E-01')} />
{audiences.map((a) =>
)}