setDlg(null)} />};
}
// ---------- G11 · Invite /join + portal entry ----------
const INVITE = { org: 'مكتب الندى لإدارة الأملاك', email: 'reem.alshehri@mail.com', kind: 'TENANT', target: 'ريم الشهري', by: 'منيرة القحطاني', expires: '30/09/2026' };
const KIND_L = { STAFF: 'موظف في المكتب', OWNER: 'بوابة مالك', TENANT: 'بوابة مستأجر' };
function JoinScreen() {
const [state, setState] = React.useState('auth'); // auth | signed | wrong | invalid | expired | done
const [signup, setSignup] = React.useState(true);
const [v, setV] = React.useState({ email: INVITE.email, pw: '' });
const [busy, setBusy] = React.useState(false);
const [tried, setTried] = React.useState(false);
const wait = (fn) => { setBusy(true); setTimeout(() => { setBusy(false); fn(); }, 900); };
const card = (children) =>
;
const inviteBox = المنشأة {INVITE.org}
نوع الوصول {KIND_L[INVITE.kind]}{INVITE.target ? ' — ' + INVITE.target : ''}
البريد المدعو {INVITE.email}
صالحة حتى {INVITE.expires}
نموذج أولي: {['auth', 'wrong', 'invalid', 'expired'].map((s) => { setState(s); setTried(false); }}>{{ auth: 'رابط سليم', wrong: 'حساب آخر', invalid: 'رابط ناقص', expired: 'منتهية' }[s]} )}
;
if (state === 'invalid' || state === 'expired') return card(<>{state === 'invalid' ? 'رابط الدعوة غير مكتمل' : 'انتهت صلاحية الدعوة'} {state === 'invalid' ? 'انسخ الرابط كاملًا من الرسالة كما وصلك، أو اطلب من المكتب رابطًا جديدًا.' : 'الدعوات صالحة 7 أيام. اطلب من المكتب إرسال دعوة جديدة لنفس البريد.'}
انضممت إلى {INVITE.org} {INVITE.kind === 'STAFF' ? 'تفتح مساحة العمل بصلاحياتك.' : 'بوابتك جاهزة: عقودك وأقساطك وإرسال إثبات التحويل.'}
{ location.href = '../portals/index.html'; }}>{INVITE.kind === 'STAFF' ? 'فتح مساحة العمل' : 'فتح البوابة'} {demo});
if (state === 'signed' || state === 'wrong') { const email = state === 'wrong' ? 'sara@alnada.sa' : v.email; return card(<>قبول الدعوة تأكد من اسم المكتب قبل القبول.
{inviteBox}
{email[0].toUpperCase()} الحساب الحالي {email}
هذه الدعوة لبريد آخر. سجّل الخروج وادخل بالبريد المدعو {INVITE.email} . : null}
wait(() => setState('done'))}>قبول الدعوة وفتح {INVITE.kind === 'STAFF' ? 'المساحة' : 'البوابة'}
setState('auth')}>استخدام حساب آخر {demo}); }
const err = { email: !/^\S+@\S+\.\S+$/.test(v.email), pw: signup ? v.pw.length < 8 : !v.pw };
return card(<>الانضمام إلى أملاك بلس دعاك {INVITE.by} من {INVITE.org}. الدعوة لهذا البريد فقط.
{inviteBox}
setV((x) => ({ ...x, email: val(e) }))} /> setV((x) => ({ ...x, pw: val(e) }))} /> { setTried(true); if (err.email || err.pw) return; wait(() => setState(v.email === INVITE.email ? 'signed' : 'wrong')); }}>{signup ? 'إنشاء حساب والمتابعة' : 'تسجيل الدخول والمتابعة'}
{signup ? 'لديك حساب بهذا البريد؟ ' : 'ليس لديك حساب؟ '} setSignup(!signup)}>{signup ? 'سجّل الدخول' : 'أنشئ حسابًا بالبريد المدعو'}
{demo});
}
// First-run checklist on an empty workspace (after «سجّل مكتبك»).
const STEPS = [
{ id: 'accounts', icon: 'Wallet', t: 'أضف حساب استلام', d: 'الحساب البنكي أو الصندوق الذي تستلم فيه الإيجارات.', go: 'accounts' },
{ id: 'owners', icon: 'Landmark', t: 'استورد الملاك أو أضفهم', d: 'قبل العقارات — كل عقار يرتبط بمالك.', imp: 'owners' },
{ id: 'properties', icon: 'Building2', t: 'أضف العقارات والوحدات', d: 'استيراد CSV أو إضافة يدوية.', imp: 'properties' },
{ id: 'tenants', icon: 'Users', t: 'أضف المستأجرين وأنشئ العقود', d: 'العقد يولّد جدول الاستحقاقات تلقائيًا.', go: 'leases' },
{ id: 'team', icon: 'Settings2', t: 'ادعُ فريقك', d: 'دعوة بالبريد وصلاحيات لكل عضو.', go: 'team' }
];
function WelcomeScreen() {
const [done, setDone] = React.useState(['accounts']);
const n = done.length;
return (
<>
go('today')}>تخطي إلى متابعات اليوم} />
{n} من {STEPS.length} مكتملة التقدم محفوظ لهذه المنشأة
{STEPS.map((s, i) => { const ok = done.includes(s.id); return (
{s.t} {s.d}
{!ok && { if (s.imp) { go('data'); setTimeout(() => window.apData && window.apData('import', s.imp), 1000); } else go(s.go); setDone((d) => [...d, s.id]); }}>{s.imp ? 'استيراد' : 'ابدأ'} }
); })}
);
}
// ---------- G12 · Tenant agents (power of attorney) ----------
D.tenantAgents = D.tenantAgents || {
n2: [{ id: 'ag1', name: 'فهد بن سالم الدوسري', idNo: '10•••••441', mobile: '0551234400', agency: '4412025117', start: '2025-03-01', end: '2027-02-28', files: 2 }],
n1: [{ id: 'ag2', name: 'محمد العتيبي', idNo: '10•••••902', mobile: '0508877665', agency: '3310228801', start: '2024-01-01', end: '2026-06-30', files: 1 }]
};
const agentStatus = (a) => !a.end ? ['neutral', 'بلا تاريخ انتهاء'] : a.end < '2026-09-23' ? ['danger', 'منتهية'] : a.end < '2026-10-23' ? ['warning', 'تنتهي خلال 30 يومًا'] : ['success', 'سارية'];
function AgentDialog({ agent, onClose, onSaved }) {
const [v, setV] = React.useState(agent || { name: '', idNo: '', mobile: '', agency: '', start: '', end: '' });
const [tried, setTried] = React.useState(false);
const [state, setState] = React.useState('idle');
const set = (k) => (e) => setV((x) => ({ ...x, [k]: val(e) }));
const err = { name: v.name.trim().length < 2, idNo: !v.idNo.trim(), mobile: !/^0\d{9}$/.test(v.mobile), agency: !v.agency.trim(), end: v.start && v.end && v.end < v.start };
const save = () => { setTried(true); if (Object.values(err).some(Boolean)) return; setState('saving'); setTimeout(() => { setState('saved'); setTimeout(() => onSaved(v), 400); }, 700); };
return (
إلغاء حفظ الوكيل
}>
الوكالة تُسجل للمرجعية والمستندات فقط — لا تمنح الوكيل حساب دخول أو صلاحيات. لوصول البوابة أرسل دعوة من «الفريق والفروع».
الوكلاء الشرعيون للمستأجر. للمرجعية والمستندات — لا يمنحون دخولًا.
setDlg({})}>إضافة وكيل
{!rows.length ?
setDlg({})}>إضافة وكيل} />
: {rows.map((a) => { const [tone, label] = agentStatus(a); return (
{a.name} وكالة رقم {a.agency}
الهوية {a.idNo}
الجوال {a.mobile}
المدة {fmtD(a.start)} – {fmtD(a.end)} window.apOpen('attachments', { name: 'وكالة ' + a.name })}>مستندات الوكالة{a.files ? ' (' + a.files + ')' : ''} setDlg({ agent: a })}>تعديل
); })}
setDlg(null)} onSaved={saved} />}
);
}
Object.assign(window, { DataDialogs, JoinScreen, WelcomeScreen, TenantAgents });
})();