/* ============================================================ 共有UIプリミティブ — Icon, Avatar, StatusBadge, Button, Modal, AssignPopover, フォーマッタ window に各コンポーネントを公開 ============================================================ */ const { useState, useRef, useEffect, useMemo } = React; /* ---------------- Icon ---------------- */ const ICONS = { dashboard: 'M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z', cases: 'M3 7h18v13a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7zm5-3h8a1 1 0 0 1 1 1v2H7V5a1 1 0 0 1 1-1z', calendar: 'M7 2v3M17 2v3M3 8h18M5 4h14a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1z', customers: 'M16 11a4 4 0 1 0-8 0M2 21a7 7 0 0 1 20 0', bell: 'M18 8a6 6 0 1 0-12 0c0 7-3 9-3 9h18s-3-2-3-9M13.7 21a2 2 0 0 1-3.4 0', settings: 'M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z', search: 'M11 19a8 8 0 1 0 0-16 8 8 0 0 0 0 16zM21 21l-4.3-4.3', plus: 'M12 5v14M5 12h14', chevronDown:'M6 9l6 6 6-6', chevronRight:'M9 6l6 6-6 6', chevronLeft:'M15 6l-6 6 6 6', check: 'M20 6L9 17l-5-5', copy: 'M9 9h11a1 1 0 0 1 1 1v11a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1zM5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1', clock: 'M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM12 7v5l3 2', user: 'M12 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM4 21a8 8 0 0 1 16 0', phone: 'M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2 4.2 2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.8.6 2.7a2 2 0 0 1-.5 2.1L8 9.6a16 16 0 0 0 6 6l1.1-1.1a2 2 0 0 1 2.1-.5c.9.3 1.8.5 2.7.6a2 2 0 0 1 1.7 2z', video: 'M23 7l-7 5 7 5V7zM1 5h13a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H1z', mail: 'M4 4h16a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1zM3 6l9 6 9-6', mapPin: 'M21 10c0 6-9 12-9 12s-9-6-9-12a9 9 0 0 1 18 0zM12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6z', link: 'M10 13a5 5 0 0 0 7 0l3-3a5 5 0 0 0-7-7l-1.5 1.5M14 11a5 5 0 0 0-7 0l-3 3a5 5 0 0 0 7 7l1.5-1.5', edit: 'M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7M18.5 2.5a2.1 2.1 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z', trash: 'M3 6h18M9 6V3h6v3M5 6l1 15h12l1-15M10 10v7M14 10v7', attach: 'M21.4 11.05l-9.2 9.2a5 5 0 0 1-7.1-7.1l9.2-9.2a3.5 3.5 0 0 1 5 5l-9.2 9.2a2 2 0 0 1-2.8-2.8l8.5-8.5', history: 'M3 3v5h5M3.05 13A9 9 0 1 0 6 5.3L3 8M12 7v5l4 2', filter: 'M22 3H2l8 9.5V19l4 2v-8.5L22 3z', menu: 'M3 6h18M3 12h18M3 18h18', alert: 'M12 9v4M12 17h.01M10.3 3.9l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3L13.7 4a2 2 0 0 0-3.4 0z', check2: 'M22 11.1V12a10 10 0 1 1-5.9-9.1M22 4L12 14.5l-3-3', x: 'M18 6L6 18M6 6l12 12', logout: 'M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9', google: 'GOOGLE', dots: 'M12 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM19 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM5 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2z', arrowRight:'M5 12h14M13 5l7 7-7 7', refresh: 'M23 4v6h-6M1 20v-6h6M3.5 9a9 9 0 0 1 14.9-3.4L23 10M1 14l4.6 4.4A9 9 0 0 0 20.5 15', grid: 'M3 3h7v7H3zM14 3h7v7h-7zM14 14h7v7h-7zM3 14h7v7H3z', inbox: 'M22 12h-6l-2 3h-4l-2-3H2M5.5 5h13l3.5 7v6a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2v-6z', spark: 'M12 2l1.9 5.4L19 9l-5.1 1.6L12 16l-1.9-5.4L5 9l5.1-1.6zM19 14l.9 2.6L22 18l-2.1.4L19 21l-.9-2.6L16 18l2.1-.4z', play: 'M6 4l14 8-14 8z', help: 'M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM9.2 9.2a3 3 0 0 1 5.6 1c0 2-2.8 2.5-2.8 4M12 17h.01', download: 'M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3', globe: 'M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18zM3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18', chart: 'M3 3v18h18M8 17v-5M13 17V8M18 17v-9', eye: 'M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8zM12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z', }; function Icon({ name, size = 18, stroke = 2, fill = 'none', className = '', style = {} }) { if (name === 'google') { return ( ); } const isFilled = fill !== 'none'; return ( ); } /* ---------------- Avatar ---------------- */ function Avatar({ user, size = 28, ring = false }) { if (!user) { return (
); } const ringShadow = ring ? '0 0 0 2px #fff, 0 0 0 3px ' + (user.color || '#4a5af0') + '44' : 'none'; // プロフィール写真（data URL）があれば画像、なければ頭文字 if (user.avatar) { return (
); } const initial = user.short ? user.short.charAt(0) : user.name.charAt(0); return (
{initial}
); } function AvatarGroup({ users, size = 26 }) { return (
{users.map((u, i) => (
))}
); } /* ---------------- StatusBadge ---------------- */ function StatusBadge({ status, dot = true, size = 'md' }) { const s = window.APP_DATA.STATUS[status]; if (!s) return null; const pad = size === 'sm' ? '2px 8px' : '3px 10px'; const fs = size === 'sm' ? 12 : 12.5; return ( {dot && } {s.label} ); } /* ---------------- Button ---------------- */ function Button({ children, variant = 'default', size = 'md', icon, iconRight, onClick, style = {}, disabled, full }) { const [hover, setHover] = useState(false); const sizes = { sm: { padding: '5px 10px', fontSize: 12.5, height: 30 }, md: { padding: '7px 14px', fontSize: 13.5, height: 36 }, lg: { padding: '10px 18px', fontSize: 14.5, height: 44 }, }[size]; const variants = { primary: { background: hover ? '#3a49d8' : '#4a5af0', color: '#fff', border: '1px solid transparent', boxShadow: '0 1px 2px rgba(40,30,120,.18)' }, default: { background: hover ? '#f6f7fa' : '#fff', color: '#2b2f38', border: '1px solid #e2e5ea' }, subtle: { background: hover ? '#eef0f3' : 'transparent', color: '#454b56', border: '1px solid transparent' }, danger: { background: hover ? '#fdecec' : '#fff', color: '#c0392b', border: '1px solid #f1cdcd' }, ghost: { background: hover ? 'rgba(255,255,255,.14)' : 'transparent', color: '#fff', border: '1px solid rgba(255,255,255,.22)' }, }[variant]; return ( ); } /* ---------------- IconButton ---------------- */ function IconButton({ name, size = 18, onClick, title, active, style = {} }) { const [hover, setHover] = useState(false); return ( ); } /* ---------------- Card / linkBtn（共有レイヤ：複数画面で使用。元 dashboard.jsx から移設） ---------------- */ function Card({ title, action, children, pad = 18, style = {} }) { return (
{title && (
{title}
{action}
)}
{children}
); } const linkBtn = { display: 'inline-flex', alignItems: 'center', gap: 4, border: 'none', background: 'transparent', color: '#4a5af0', fontSize: 12.5, fontWeight: 600, cursor: 'pointer', fontFamily: 'inherit' }; /* ---------------- Modal ---------------- */ function Modal({ open, onClose, children, width = 560, title, subtitle, footer, className = '' }) { useEffect(() => { const h = (e) => { if (e.key === 'Escape') onClose(); }; if (open) window.addEventListener('keydown', h); return () => window.removeEventListener('keydown', h); }, [open, onClose]); if (!open) return null; // body 直下へポータル：サイドバー等のスタッキングコンテキストに閉じ込められて // トップバー/フィルタが前面に透ける不具合を防ぐ（モーダルは常に最前面） return ReactDOM.createPortal(
e.stopPropagation()} style={{ background: '#fff', borderRadius: 14, width, maxWidth: '100%', boxShadow: '0 24px 60px rgba(20,22,40,.28)', animation: 'modalIn .18s ease', overflow: 'hidden' }}> {(title || subtitle) && (
{title}
{subtitle &&
{subtitle}
}
)}
{children}
{footer &&
{footer}
}
, document.body ); } /* ---------------- Field ---------------- */ function Field({ label, required, children, hint }) { return (
{label && ( )} {children} {hint &&
{hint}
}
); } const inputStyle = { width: '100%', padding: '9px 12px', borderRadius: 8, border: '1px solid #dfe2e8', fontSize: 13.5, fontFamily: 'inherit', color: '#1f2430', background: '#fff', outline: 'none', boxSizing: 'border-box', transition: 'border .12s, box-shadow .12s', }; function TextInput(props) { const [f, setF] = useState(false); return { setF(true); props.onFocus && props.onFocus(e); }} onBlur={(e) => { setF(false); props.onBlur && props.onBlur(e); }} />; } /* ---------------- AssignPopover (インクリメンタル検索で担当指定) ---------------- */ /* 担当ポップオーバー：明示的なボタンで主担当を変更・解除し、副担当も追加・解除する */ function AssignPopover({ ownerId, subIds = [], onPick, onToggleSub, onClose, anchorStyle = {} }) { const [q,setQ]=useState(''),[busy,setBusy]=useState(false),[error,setError]=useState(''); const ref=useRef(null),D=window.APP_DATA; useEffect(()=>{const h=e=>{if(ref.current&&!ref.current.contains(e.target)&&!busy)onClose();};document.addEventListener('mousedown',h);return()=>document.removeEventListener('mousedown',h);},[onClose,busy]); const pick=async id=>{if(busy)return;setBusy(true);setError('');try{await onPick(id);}catch(e){setError(e.message);}finally{setBusy(false);}}; const list=D.users.filter(u=>[u.name,u.short,u.email].some(v=>String(v||'').toLowerCase().includes(q.toLowerCase()))); return
setQ(e.target.value)} placeholder={t('ui.searchMembers')} style={{border:0,background:'transparent',minWidth:0,width:'100%',fontSize:13}}/>
{ownerId&&} {error&&
{localizeMessage(error)}
}
{list.map(u=>{ const isOwner=u.id===ownerId,isSub=subIds.includes(u.id); return
{u.name}{isOwner&&{t('ui.mainAssignee')}}{isSub&&{t('ui.supportAssignee')}}
{t('role.'+(['admin','manager','member'].includes(u.role)?u.role:'member'))}
{!isOwner&&}{onToggleSub&&!isOwner&&}
; })}{!list.length&&
{t('ui.noMatch')}
}
; } /* ---------------- フォーマッタ ---------------- */ const WD = ['日', '月', '火', '水', '木', '金', '土']; // 曜日ラベル（言語連動）。WD[i] 直参照ではなく wd(i)/wdAll() を使う（言語切替に追従） const wd = (i) => t('fmt.wd.' + i); const wdAll = () => [0, 1, 2, 3, 4, 5, 6].map(i => t('fmt.wd.' + i)); function parseDT(s) { if (!s) return null; s = String(s); if (/^\d{4}-\d{2}-\d{2}$/.test(s)) s += 'T00:00'; const d = new Date(s.replace(' ', 'T')); return isNaN(d) ? null : d; } // 日付のみ(時間未定)は現地0時として解釈＝UTCズレ防止 function fmtDate(s, withWd = false) { const d = parseDT(s); if (!d) return '—'; const base = (d.getMonth() + 1) + '/' + d.getDate(); return withWd ? `${base}(${wd(d.getDay())})` : base; } function fmtDateFull(s) { const d = parseDT(s); if (!d) return '—'; return `${d.getFullYear()}/${String(d.getMonth() + 1).padStart(2, '0')}/${String(d.getDate()).padStart(2, '0')}`; } // 年付きの短縮表記：YYYY/M/D（曜日オプション）。一覧の商談日など、年が分かると年跨ぎで混乱しない箇所で使う function fmtDateY(s, withWd = false) { const d = parseDT(s); if (!d) return '—'; const base = d.getFullYear() + '/' + (d.getMonth() + 1) + '/' + d.getDate(); return withWd ? `${base}(${wd(d.getDay())})` : base; } function fmtTime(s) { if (!s || /^\d{4}-\d{2}-\d{2}$/.test(String(s))) return ''; const d = parseDT(s); if (!d) return ''; return `${String(d.getHours()).padStart(2, '0')}:${String(d.getMinutes()).padStart(2, '0')}`; } // 日付のみ(時間未定)は空 function fmtDateTime(s) { const d = parseDT(s); if (!d) return '—'; return `${fmtDate(s, true)} ${fmtTime(s)}`; } // 「今日」(JST, YYYY-MM-DD)。毎回現在日を計算する関数（旧 TODAY は読み込み時に固定され、 // タブを開きっぱなしで日付が変わると「本日の商談」「期限」等の判定が過去になる問題があった #5） function today() { const d = new Date(); const p = (n) => String(n).padStart(2, '0'); return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`; } function daysUntil(s) { const d = parseDT(s); if (!d) return null; const t = parseDT(today()); return Math.round((d - t) / 86400000); } function relTime(s) { const d = parseDT(s); if (!d) return ''; const now = new Date(); const diff = (now - d) / 60000; if (diff < 1) return t('fmt.reltime.now'); if (diff < 60) return t('fmt.reltime.minutesAgo', { n: Math.floor(diff) }); if (diff < 1440) return t('fmt.reltime.hoursAgo', { n: Math.floor(diff / 60) }); return t('fmt.reltime.daysAgo', { n: Math.floor(diff / 1440) }); } /* Enter で送信してよいか（IME変換中は false）。 日本語入力では「変換を確定する Enter」も keydown として届くため、これを見ないと 未確定・変換途中の文字がそのまま送信される（2026-08-13 報告：AIチャットで頻発）。 isComposing が正式な判定。keyCode 229 は composition イベントを出さない環境向けの保険。 Shift+Enter（改行）を許すかは呼び出し側の責務＝ここでは見ない。 */ function enterSubmits(e) { if (!e || e.key !== 'Enter') return false; const ne = e.nativeEvent || e; return !ne.isComposing && e.keyCode !== 229; } /* ---------------- 案件の派生値 ---------------- */ const _normCo = (s) => (s || '').replace(/株式会社|（株）|\(株\)|・(レディクル|発注ナビ).*$|[（(].*$|\s+/g, ''); /* この案件の既知の商談日時（次回商談・ReadyCrew商談日・会議記録・Googleカレンダー）を昇順で。 nextMeeting/appointAt が食い違う場合は casePlanPick の「正」の側だけを含める ＝一覧・詳細の商談日表示とカレンダー登録日（サーバー側 caseMeetingAnchorSrv）が一致する（2026-07-13） */ function caseMeetingDates(c) { if (!c) return []; const ds = []; const pick = casePlanPick(c); if (c.nextMeeting && pick.nm) ds.push(c.nextMeeting); if (c.appointAt && pick.ap) ds.push(c.appointAt); (c.meetingDocs || []).forEach(d => { if (d.datetime) ds.push(d.datetime); }); // Googleカレンダー同期の予定（会社名一致）も商談日として含める const D = window.APP_DATA; if (D && D.gcalEvents && D.gcalEvents.length) { const cust = D.customer(c.customerId); const core = cust ? _normCo(cust.company) : ''; if (core.length >= 2) { D.gcalEvents.forEach(g => { const gt = _normCo(g.title); // 会社名照合は他5箇所と統一：フルコア部分一致(>=3)＋2文字社名は完全一致。 // 先頭4文字の緩いフォールバックは共通接頭辞の別会社を誤爆させるため使わない（パナソニックHVAC⇔EW） if (g.datetime && ((core.length >= 3 && gt.includes(core)) || (core.length >= 2 && gt === core))) ds.push(g.datetime); }); } } return [...new Set(ds)].sort(); } /* 商談回数：実際に「実施済み」の商談を日単位で数えた回数（＝商談日が今日以前のもの。未来の予約はまだ実施していないので除外）。 一覧・詳細・分析で共通利用。次回予約の表示は caseMeetingAt（予約を含む）が担当。 */ function caseMeetingCount(c) { return new Set(caseMeetingDates(c).map(d => (d || '').slice(0, 10)).filter(d => d && d <= today())).size; } /* 商談日：これから予定があればその直近、無ければ最後に実施した商談日 */ function caseMeetingAt(c) { /* 明示の次回予定（nextMeeting/appointAt）が今日以降にあれば常にそれが正。 以前は全日付ソートの「今日以降の最初」だったため、当日に取り込まれた会議記録の時刻が 9/1の予定より先に並び「次回商談」欄を乗っ取った（2026-08-19 山形屋 11:51事件） */ const pick = casePlanPick(c || {}); const plan = [(pick.nm && c && c.nextMeeting), (pick.ap && c && (c.appointAtLive || c.appointAt))] .filter(Boolean).filter(d => String(d).slice(0, 10) >= today()).sort()[0]; if (plan) return plan; const ds = caseMeetingDates(c); if (!ds.length) return null; const upcoming = ds.find(d => d.slice(0, 10) >= today()); return upcoming || ds[ds.length - 1]; } /* 「成約（勝ち）」の統一判定：クローズ済みかつ失注でないステータス＝成約(won)＋受注(done)、 および将来クローズ扱いにした独自ステータス。分析・ダッシュボードの成約集計はすべてこれを使い、 「受注(done)にしたのに数字に出ない」ズレを無くす（2026-07-16）。closed 既定＝won/lost/done。 */ function isCaseWonStatus(status) { const st = window.APP_DATA && window.APP_DATA.STATUS && window.APP_DATA.STATUS[status]; const closed = (st && st.closed != null) ? !!st.closed : ['won', 'lost', 'done'].includes(status); return closed && status !== 'lost'; } /* 成約日（YYYY-MM-DD）：成約扱いの案件のみ、wonAt（記録があれば）→無ければ updatedAt で近似。 非成約は '' を返す（期間フィルタで自然に除外される）。 */ function caseWonYmd(c) { return c && isCaseWonStatus(c.status) ? (((c.wonAt || c.updatedAt) || '').slice(0, 10)) : ''; } /* 期限：手動設定があればそれ、無ければ「最後の商談日 + 5日」で自動計算 （2回目商談が終われば期限もその日から数え直される） */ function caseDue(c) { if (!c) return null; if (c.due) return c.due; const ds = caseMeetingDates(c); if (!ds.length) return null; const d = parseDT(ds[ds.length - 1]); if (!d) return null; d.setDate(d.getDate() + 5); const p = (n) => String(n).padStart(2, '0'); return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`; } /* 提案メール期限：手動(proposalMailDue)があればそれ、無ければ「商談日 + 7日」で自動計算 */ function caseMailDue(c) { if (!c) return null; if (c.proposalMailDue) return c.proposalMailDue; const d = parseDT(caseMeetingAt(c)); if (!d) return null; d.setDate(d.getDate() + 7); const p = (n) => String(n).padStart(2, '0'); return `${d.getFullYear()}-${p(d.getMonth() + 1)}-${p(d.getDate())}`; } /* 本文（相談内容）から会議URLを自動抽出。担当者用（ホスト）/参加者用を文脈とドメインで判別。 readycrew.cloud（案件ページのURL）は会議リンクではないため対象外 */ function extractMeetingLinks(text) { if (!text) return []; const out = []; const re = /https?:\/\/[^\s<>"'）)\]、。]+/g; let m; while ((m = re.exec(text))) { const url = m[0].replace(/[.,、。]+$/, ''); if (!/zoom\.us\/|meet\.google\.com\/|meeting\.readycrew\.jp\/|teams\.microsoft\.com\/|webex\.com\//i.test(url)) continue; if (out.some(l => l.url === url)) continue; const ctx = text.slice(Math.max(0, m.index - 120), m.index); // 直前の見出し（□担当者様用URL / □参加者用URL）のうち近い方。meeting.readycrew.jp は常にホスト用 const ip = Math.max(ctx.lastIndexOf('参加者用'), ctx.lastIndexOf('参加者様用')); const ih = Math.max(ctx.lastIndexOf('担当者用'), ctx.lastIndexOf('担当者様用'), ctx.toLowerCase().lastIndexOf('hosturl')); let label; if (/meeting\.readycrew\.jp/i.test(url)) label = t('ui.meetingLink.hostUrl'); else if (ip > ih) label = t('ui.meetingLink.guestUrl'); else if (ih > ip) label = t('ui.meetingLink.hostUrl'); else label = /meet\.google/i.test(url) ? t('ui.meetingLink.googleMeet') : t('ui.meetingLink.generic'); out.push({ label, url, auto: true }); } return out; } /* 手動登録＋本文から自動抽出した会議リンク（重複URL除外）。 filterReal=true で案件ページ系URLを除外（予定行の参加ボタン用） */ /* 手入力の「今回の会議URL・場所」(meetingPlace) が会議URLとして使える値なら返す。 住所・会議室名は null。readycrew.cloud（案件ページURL）は会議URLではないので他の抽出経路と同じく除外。 2回目以降は会議URLが毎回変わるのに meetingLinks/本文は追記なので、これが最優先（2026-08-12） */ function casePlaceUrl(c) { const p = String((c && c.meetingPlace) || '').trim(); return (/^https?:\/\//i.test(p) && !/readycrew\.cloud|\/matchings\//i.test(p)) ? p : null; } function caseAllMeetingLinks(c, filterReal) { if (!c) return []; const placeUrl = casePlaceUrl(c); const head = placeUrl ? [{ label: t('ui.meetingLink.thisTime'), url: placeUrl, place: true }] : []; // id 無し＝カードから削除できない（欄を空にして消す） const manual = (c.meetingLinks || []).filter(l => l && l.url !== placeUrl); const auto = extractMeetingLinks(c.body).filter(a => a.url !== placeUrl && !manual.some(l => l.url === a.url)); const all = [...head, ...manual, ...auto]; return filterReal ? all.filter(l => l.url && !/readycrew\.cloud|\/matchings\//i.test(l.url)) : all; } /* 提案書・見積書・プロトタイプの提出ステータス */ const PROPOSAL_STATUSES = { none: { key: 'none', get label(){return window.t("label.extra151");}, color: '#6b7280', soft: '#eff1f3' }, preparing: { key: 'preparing', get label(){return window.t("label.extra152");}, color: '#d97706', soft: '#fdf0db' }, review: { key: 'review', get label(){return window.t("label.extra153");}, color: '#0891b2', soft: '#e0f4f8' }, submitted: { key: 'submitted', get label(){return window.t("label.extra154");}, color: '#16a34a', soft: '#e3f5e9' }, na: { key: 'na', get label(){return window.t("label.extra155");}, color: '#9aa1ab', soft: '#f4f5f7' }, }; const PROPOSAL_ORDER = ['none', 'preparing', 'review', 'submitted', 'na']; /* メール送信ステータス（会議お礼メール・提案メール 等） */ const MAIL_STATUSES = { none: { key: 'none', get label(){return window.t("label.extra156");}, color: '#6b7280', soft: '#eff1f3' }, preparing: { key: 'preparing', get label(){return window.t("label.extra157");}, color: '#d97706', soft: '#fdf0db' }, sent: { key: 'sent', get label(){return window.t("cd.calInvite.done");}, color: '#16a34a', soft: '#e3f5e9' }, na: { key: 'na', get label(){return window.t("label.extra155");}, color: '#9aa1ab', soft: '#f4f5f7' }, }; const MAIL_ORDER = ['none', 'preparing', 'sent', 'na']; /* 顧客の往来メールから返信状態を判定（最新メールの方向）。案件一覧バッジ／メール履歴で共用。 in（先方から受信が最新）＝こちらが返信すべき＝要返信／out（こちらの送信が最新）＝相手の返信待ち。 */ function mailStatusOf(emails, customerId) { const ms = (emails || []).filter(e => e && e.customerId === customerId); if (!ms.length) return null; let latest = ms[0]; for (const e of ms) { if ((e.date || '') > (latest.date || '')) latest = e; } return latest.direction === 'in' ? { key: 'in', label: t('ui.mailStatus.needsReply'), full: t('ui.mailStatus.needsReplyFull'), color: '#dc2626', bg: '#fdecec' } : { key: 'out', label: t('ui.mailStatus.waitingReply'), full: t('ui.mailStatus.waitingReplyFull'), color: '#b45309', bg: '#fdf0db' }; } /* 発注者満足度（ReadyCrew 初回商談アンケート 1〜4）の表示メタ＋コンパクトバッジ。 一覧・詳細・分析で共通利用。回答が無ければ null（何も出さない）。 */ const SAT_META = { 1: { color: '#dc2626', bg: '#fdecec' }, 2: { color: '#d97706', bg: '#fdf0db' }, 3: { color: '#15803d', bg: '#e7f4ec' }, 4: { color: '#0f766e', bg: '#dcf3f0' }, }; function satMeta(v) { if (typeof v !== 'number' || !(v >= 1 && v <= 4)) return null; const k = Math.round(v); return { value: k, label: t('cd.sat.' + k), color: SAT_META[k].color, bg: SAT_META[k].bg }; } function SatBadge({ value, size = 'sm' }) { const m = satMeta(value); if (!m) return null; const fs = size === 'xs' ? 10 : 11; return ( {m.label} ); } /* 担当窓口の最高役職を1つ抽出する。 ReadyCrew取込で別保存した contactTitle があればそれを優先し、無ければ contactDept （＝「部署名 役職」を連結した自由記述）から辞書語の包含で最上位の役職を返す。 ・複数役職が並んでも最上位だけ返す（要件「最大のみ」） ・先頭の「役職」ラベルや記号は除去 ・辞書に無い語（出身地/性別 等スクレイプのゴミ）は拾わない＝誤検出しない ・上位ほど先に、複合形（専務取締役 等）を単独形（専務）より前に並べ、より正確な肩書を返す */ const TITLE_RANKS = [ 'CEO', 'COO', 'CTO', 'CFO', 'CIO', 'CMO', 'CXO', '会長', '代表取締役社長', '代表取締役', '代表執行役', '代表', '社長', '副社長', '専務取締役', '専務', '常務取締役', '常務', '執行役員', '取締役', '理事', '監査役', '本部長', '統括部長', '事業部長', '部長代理', '副部長', '部長', '次長', '室長', '担当課長', '課長代理', '課長', '係長', '主任', 'マネージャー', 'マネジャー', 'チームリーダー', 'リーダー', '主幹', '主査', '担当', ]; function highestTitle(s) { if (!s || typeof s !== 'string') return ''; const clean = s.replace(/^\s*役職[\s:：]*/, '').trim(); if (!clean) return ''; for (let i = 0; i < TITLE_RANKS.length; i++) { if (clean.indexOf(TITLE_RANKS[i]) >= 0) return TITLE_RANKS[i]; } return ''; } /* 画面右下のフローティング・アクションボタン（FAB）。主要作成アクション用 */ function Fab({ icon = 'plus', label, onClick }) { return ( ); } /* ---------------- AIレポート履歴（生成テキストの調閲・削除） ---------------- 分析AI総評・エントリ提案信など、生成したAIテキストはリロードで消えるため 生成成功時に store.saveAiReport で DB へ保存する。本コンポーネントは type （任意で refId）で絞り込んだ履歴を、折りたたみ可能な小UIで一覧→調閲（Modal） →削除（確認つき）できるようにする。分析画面・アポ詳細など複数画面で再利用。 */ function AiReportHistory({ type, refId = null, title = t('ui.aiReport.historyTitle'), emptyHint, style = {} }) { const { aiReports, removeAiReport, showToast } = useStore(); const [open, setOpen] = React.useState(false); const [view, setView] = React.useState(null); // 調閲中のレポート const [busyId, setBusyId] = React.useState(null); // 削除中のレポートID const list = (aiReports || []) .filter(r => r.type === type && (refId == null || r.refId === refId)) .sort((a, b) => (b.createdAt || '').localeCompare(a.createdAt || '')); const stamp = (s) => (s || '').replace('T', ' '); const del = async (r) => { if (!window.confirm(t('ui.aiReport.confirmDelete', { title: r.title || t('ui.untitled'), timestamp: stamp(r.createdAt) }))) return; setBusyId(r.id); try { await removeAiReport(r.id); if (view && view.id === r.id) setView(null); } catch (e) { showToast(t('ui.aiReport.deleteFailed', { error: e.message || '' }), 'x'); } setBusyId(null); }; const copy = (text) => { navigator.clipboard.writeText(text || '').then(() => showToast(t('ui.aiReport.copiedSuccess'))).catch(() => showToast(t('ui.aiReport.copyFailed'), 'x')); }; const linkBtn = (label, onClick, opts = {}) => ( ); return (
{open && (
{list.length === 0 ?
{emptyHint || t('ui.aiReport.emptyHint')}
: list.map(r => (
setView(r)} style={{ flex: 1, minWidth: 0, cursor: 'pointer' }}>
{r.title || t('ui.untitled')}
{stamp(r.createdAt)}{r.createdByName ? '・' + r.createdByName : ''}
{linkBtn(t('ui.aiReport.inspect'), () => setView(r))} {linkBtn(busyId === r.id ? t('ui.aiReport.deleting') : t('btn.delete'), () => del(r), { danger: true, disabled: busyId === r.id })}
))}
)} setView(null)} width={680} title={view ? (view.title || t('ui.aiReport.generatedReport')) : ''} subtitle={view ? stamp(view.createdAt) + (view.createdByName ? '・' + view.createdByName : '') : ''} footer={view ? ( <> ) : null}> {view &&
{view.content}
}
); } /* レスポンシブ：画面幅が breakpoint 未満（スマホ/タブレット）かを返すフック。resize に追従 */ function useIsMobile(bp = 860) { const [m, setM] = React.useState(() => (typeof window !== 'undefined' && window.innerWidth < bp)); React.useEffect(() => { const on = () => setM(window.innerWidth < bp); on(); window.addEventListener('resize', on); return () => window.removeEventListener('resize', on); }, [bp]); return m; } /* InfoRow / Toggle / SelectInput（共有プリミティブ。元 case-detail/settings/customers から移設） */ /* 取込用の長期トークン（userscript/ブックマークレットへ埋め込む）。cases の取込モーダルと integrations の Fireflies 録画ブックマークレットで共用のため L0 に配置（2026-08-02 cases.jsx から移設） */ function useImportToken() { const [token, setToken] = React.useState(''); React.useEffect(() => { let alive = true; API.importToken() .then(r => { if (alive && r && r.token) setToken(r.token); }) .catch(() => { try { if (alive) setToken(localStorage.getItem('anken_token') || ''); } catch (_) {} }); return () => { alive = false; }; }, []); return token; } function InfoRow({ icon, label, children }) { return (
{label}
{children}
); } function Toggle({ on, onClick }) { return ( ); } function SelectInput({ value, onChange, options, placeholder }) { return ( ); } /* 案件カテゴリのタグ入力：プリセット候補（APP_DATA.CATEGORIES）から選択＋自由入力（複数可）。editable=false は表示のみ */ function CategoryTags({ value, onChange, editable = false, size = 'md', options, onAiSuggest }) { const cats = value || []; // 候補＝options（呼び出し側で「マスタ候補∪既存案件で使用中」を渡す）。未指定ならマスタ候補のみ const presets = options || (window.APP_DATA.CATEGORIES) || []; const [open, setOpen] = React.useState(false); const [input, setInput] = React.useState(''); const [aiBusy, setAiBusy] = React.useState(false); const ref = React.useRef(null); const aiSuggest = async () => { if (aiBusy || !onAiSuggest) return; setAiBusy(true); try { await onAiSuggest(); } catch (_) {} setAiBusy(false); }; React.useEffect(() => { const h = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); }; document.addEventListener('mousedown', h); return () => document.removeEventListener('mousedown', h); }, []); const add = (c) => { const v = (c || '').trim(); if (v && !cats.includes(v)) onChange([...cats, v]); setInput(''); }; const remove = (c) => onChange(cats.filter(x => x !== c)); const sugg = presets.filter(p => !cats.includes(p) && (!input || p.toLowerCase().includes(input.toLowerCase()))); const fs = size === 'sm' ? 11 : 12; const chip = { display: 'inline-flex', alignItems: 'center', gap: 5, background: '#eef0fe', color: '#5048c8', borderRadius: 999, padding: size === 'sm' ? '2px 8px' : '3px 10px', fontSize: fs, fontWeight: 600, whiteSpace: 'nowrap' }; return (
{cats.map(c => ( {c}{editable && { e.stopPropagation(); remove(c); }} style={{ cursor: 'pointer', opacity: .55, fontSize: fs + 3, lineHeight: 1 }}>×} ))} {!editable && cats.length === 0 && —} {editable && (
{open && (
e.stopPropagation()} style={{ position: 'absolute', top: '112%', left: 0, zIndex: 300, width: 224, background: '#fff', borderRadius: 10, border: '1px solid #e6e8ec', boxShadow: '0 14px 34px rgba(20,22,40,.16)', padding: 6 }}> setInput(e.target.value)} onKeyDown={(e) => { if (enterSubmits(e)) { e.preventDefault(); add(input); } }} placeholder={t('cat.inputPlaceholder')} style={{ width: '100%', border: '1px solid #e2e5ea', borderRadius: 8, padding: '7px 9px', fontSize: 12.5, fontFamily: 'inherit', outline: 'none', marginBottom: 4, boxSizing: 'border-box' }} />
{input.trim() && !presets.some(p => p === input.trim()) && !cats.includes(input.trim()) &&
add(input)} style={{ padding: '7px 9px', borderRadius: 7, cursor: 'pointer', fontSize: 12.5, color: '#4a5af0', fontWeight: 600 }}>{t('cat.addNew', { v: input.trim() })}
} {sugg.map(s => (
add(s)} style={{ padding: '7px 9px', borderRadius: 7, cursor: 'pointer', fontSize: 12.5, color: '#3b414b' }}>{s}
))} {sugg.length === 0 && !input.trim() &&
{t('cat.allAdded')}
}
)}
)} {editable && onAiSuggest && ( )}
); } /* 添付ファイルがページ内プレビューできる種類か判定（pdf / image / null） */ function attPreviewKind(att) { const mime = ((att && att.mime) || '').toLowerCase(); const name = ((att && att.name) || '').toLowerCase(); if (mime === 'application/pdf' || name.endsWith('.pdf')) return 'pdf'; if (mime.indexOf('image/') === 0 || /\.(png|jpe?g|gif|webp|svg|bmp)$/.test(name)) return 'image'; return null; } /* 貼られたURLを枠内プレビューできる埋め込みURLに変換（Google Drive/Docs/Sheets/Slides のみ。不可なら null） */ function embedUrl(url) { const u = (url || '').trim(); let m = u.match(/^(https?:\/\/(?:docs|drive)\.google\.com\/(?:document|spreadsheets|presentation|file)\/d\/[\w-]+)/); if (m) return m[1] + '/preview'; m = u.match(/^https?:\/\/drive\.google\.com\/(?:open|uc)\?(?:[^#]*&)?id=([\w-]+)/); if (m) return 'https://drive.google.com/file/d/' + m[1] + '/preview'; // Canva（デザインの共有URL）: .../design///(view|edit|watch) → .../view?embed m = u.match(/^(https?:\/\/(?:www\.)?canva\.com\/design\/[\w-]+(?:\/[\w-]+)?)\/(?:view|edit|watch)/); if (m) return m[1] + '/view?embed'; // YouTube m = u.match(/^https?:\/\/(?:www\.|m\.)?youtube\.com\/(?:watch\?(?:[^#]*&)?v=|shorts\/|live\/|embed\/)([\w-]+)/); if (m) return 'https://www.youtube.com/embed/' + m[1]; m = u.match(/^https?:\/\/youtu\.be\/([\w-]+)/); if (m) return 'https://www.youtube.com/embed/' + m[1]; // Vimeo m = u.match(/^https?:\/\/(?:www\.)?vimeo\.com\/(\d+)/); if (m) return 'https://player.vimeo.com/video/' + m[1]; // Loom m = u.match(/^https?:\/\/(?:www\.)?loom\.com\/(?:share|embed)\/([\w-]+)/); if (m) return 'https://www.loom.com/embed/' + m[1]; // Figma（公式の埋め込みエンドポイント。共有設定が前提） if (/^https?:\/\/(?:www\.)?figma\.com\/(?:file|design|proto|board|slides|deck)\//.test(u)) return 'https://www.figma.com/embed?embed_host=share&url=' + encodeURIComponent(u); // Dropbox（直リンク化：raw=1。rlkey 等のパラメータは保持） if (/^https?:\/\/(?:www\.)?dropbox\.com\//.test(u)) return /[?&](raw|dl)=/.test(u) ? u.replace(/([?&])(?:raw|dl)=\d/, '$1raw=1') : u + (u.indexOf('?') >= 0 ? '&' : '?') + 'raw=1'; if (canvaShortCode(u)) return null; // canva.link 短縮はサーバーで展開（非同期）に任せる // 上記以外の一般 http(s) URL（自社プロトタイプ/デプロイ済みアプリ等）はそのまま埋め込み。http→https に格上げ（混在コンテンツ回避）。framing拒否のサイトはブラウザ側で表示されない場合あり if (/^https?:\/\/[^\s"'<>]+$/.test(u)) return u.replace(/^http:\/\//i, 'https://'); return null; } /* Canva 短縮リンク（canva.link/）の を取り出す。サーバーで展開してプレビューする用 */ function canvaShortCode(url) { const m = (url || '').match(/^https?:\/\/canva\.link\/([\w-]+)/i); return m ? m[1] : null; } /* インラインのプレビュー枠。kind='image'→、それ以外（pdf/embed）→