frontend phase 5 & backend phase 12

2026-07-09 03:05:14 +03:30
parent 465f75c29e
commit dc64472631
98 changed files with 11847 additions and 136 deletions
@@ -0,0 +1,84 @@
+'use client';
+import { FunctionComponent } from 'react';
+import { useLocale, useTranslations } from 'next-intl';
+import { useSnackbar } from 'notistack';
+import { Paper, Stack, Typography } from '@mui/material';
+import { AppButton, AppIcon } from '@/components';
+import { ROUTES } from '@/constants';
+import { useVerificationStatus } from '@/services/verification';
+import { isApproved } from '@/services/verification/types';
+
+/**
+ * The go-live gate for the nurse's services (the f4 publish stub, wired to verification here). A nurse
+ * is **not bookable and cannot publish until verified**: when the aggregate isn't `approved` the publish
+ * CTA is **disabled** with a blocked-until-verified explanation that links to the B3 checklist; once
+ * approved it enables. Mirrors the server's guarded `is_verified` flip — the UI never implies a nurse is
+ * live before verification completes. Reads the shared `VerificationStatus` query (cached across the app).
+ */
+const PublishGate: FunctionComponent = () => {
+  const t = useTranslations('verification');
+  const locale = useLocale();
+  const { enqueueSnackbar } = useSnackbar();
+  const { data: status, isLoading } = useVerificationStatus();
+
+  if (isLoading) return null;
+  const approved = isApproved(status);
+
+  return (
+    <Paper
+      elevation={0}
+      sx={{
+        p: 2,
+        borderRadius: 2,
+        border: '1px solid',
+        borderColor: 'divider',
+        borderInlineStartWidth: 4,
+        borderInlineStartColor: approved ? 'var(--bal-success)' : 'var(--bal-warning)',
+        display: 'flex',
+        flexDirection: 'column',
+        gap: 1,
+      }}
+    >
+      <Stack direction="row" sx={{ gap: 1.5, alignItems: 'flex-start' }}>
+        <AppIcon
+          icon={approved ? 'verified' : 'warning'}
+          size={24}
+          color={approved ? 'var(--bal-success)' : 'var(--bal-warning)'}
+        />
+        <Stack sx={{ gap: 0.5, flexGrow: 1 }}>
+          <Typography variant="subtitle2" sx={{ fontWeight: 700 }}>
+            {approved ? t('publish_ready_title') : t('publish_blocked_title')}
+          </Typography>
+          <Typography variant="body2" sx={{ color: 'text.secondary' }}>
+            {approved ? t('publish_ready_body') : t('publish_blocked_body')}
+          </Typography>
+        </Stack>
+      </Stack>
+
+      <Stack direction="row" sx={{ gap: 1, flexWrap: 'wrap' }}>
+        <AppButton
+          color="primary"
+          variant="contained"
+          startIcon="publish"
+          disabled={!approved}
+          onClick={() => enqueueSnackbar(t('publish_done'), { variant: 'success' })}
+          sx={{ m: 0 }}
+        >
+          {t('publish_cta')}
+        </AppButton>
+        {!approved ? (
+          <AppButton
+            variant="outlined"
+            color="primary"
+            to={`/${locale}${ROUTES.NURSE_VERIFICATION}`}
+            sx={{ m: 0 }}
+          >
+            {t('publish_complete_verification')}
+          </AppButton>
+        ) : null}
+      </Stack>
+    </Paper>
+  );
+};
+
+export default PublishGate;