backend phase 15 & frontend phase 8

2026-07-10 03:22:29 +03:30
parent 93cc5ecb98
commit cd6c2591a6
154 changed files with 15335 additions and 37 deletions
@@ -0,0 +1,80 @@
+'use client';
+import { FunctionComponent, ReactNode } from 'react';
+import { useLocale, useTranslations } from 'next-intl';
+import { Paper, Stack, Typography } from '@mui/material';
+import { formatIrrToToman } from '@/utils';
+import type { BookingViewerRole } from '@/services/bookings/types';
+
+export interface BookingMoneySummaryProps {
+  /** IRR digit-strings; `gross = commission + payout`, guaranteed server-side. **Never** summed/re-split here. */
+  grossPriceIrr: string;
+  balinyaarCommissionIrr: string;
+  nursePayoutAmount: string;
+  /** Drives the payout row label (nurse sees «درآمد شما»; customer sees «سهم پرستار»). */
+  viewerRole: BookingViewerRole;
+}
+
+/**
+ * The confirmed booking money summary: service cost / Balinyaar fee (کارمزد) / nurse payout — each
+ * rendered exactly as the server sent it (IRR digit-strings) through the money util as grouped Toman.
+ * **Display-only:** no client-side sum, derive, or re-split; the tax line + escrow notice are the
+ * checkout surface (deferred to f9). The payout row label adapts to the viewer.
+ * @component BookingMoneySummary
+ */
+const BookingMoneySummary: FunctionComponent<BookingMoneySummaryProps> = ({
+  grossPriceIrr,
+  balinyaarCommissionIrr,
+  nursePayoutAmount,
+  viewerRole,
+}) => {
+  const t = useTranslations('booking');
+  const tc = useTranslations('common');
+  const locale = useLocale();
+
+  const toman = (irr: string) => `${formatIrrToToman(irr, locale)} ${tc('currency_toman')}`;
+
+  return (
+    <Paper elevation={0} sx={{ p: 2.5, border: '1px solid', borderColor: 'divider', borderRadius: 2 }}>
+      <Typography variant="subtitle2" sx={{ fontWeight: 700, mb: 1.5 }}>
+        {t('money_title')}
+      </Typography>
+      <Stack sx={{ gap: 1 }}>
+        <MoneyRow label={t('money_gross')} value={toman(grossPriceIrr)} emphasize />
+        <MoneyRow label={t('money_commission')} value={toman(balinyaarCommissionIrr)} />
+        <MoneyRow
+          label={viewerRole === 'nurse' ? t('money_nurse_earning') : t('money_payout')}
+          value={toman(nursePayoutAmount)}
+          accent
+        />
+      </Stack>
+    </Paper>
+  );
+};
+
+function MoneyRow({
+  label,
+  value,
+  emphasize = false,
+  accent = false,
+}: {
+  label: string;
+  value: string;
+  emphasize?: boolean;
+  accent?: boolean;
+}): ReactNode {
+  return (
+    <Stack direction="row" sx={{ justifyContent: 'space-between', alignItems: 'center', gap: 2 }}>
+      <Typography variant="body2" sx={{ color: 'text.secondary' }}>
+        {label}
+      </Typography>
+      <Typography
+        variant="body2"
+        sx={{ fontWeight: emphasize ? 800 : 700, color: accent ? 'var(--bal-secondary-dark)' : 'text.primary' }}
+      >
+        {value}
+      </Typography>
+    </Stack>
+  );
+}
+
+export default BookingMoneySummary;