madarx 2.13.0 → 2.15.0

package/app/workflows/new/new-case-flow.jsx

@@ -1,256 +0,0 @@
-"use client";
-
-import { useEffect, useMemo, useState } from "react";
-import { useRouter } from "next/navigation";
-
-function blankPayload(schema) {
-  const out = {};
-  for (const f of schema?.fields || []) {
-    if (f.type === 'shareholders') {
-      out[f.name] = [{ name: '', percentage: 100 }];
-    } else if (f.type === 'number') {
-      out[f.name] = '';
-    } else {
-      out[f.name] = '';
-    }
-  }
-  return out;
-}
-
-function validatePayload(schema, payload) {
-  const errors = {};
-  for (const f of schema?.fields || []) {
-    const v = payload[f.name];
-    if (f.required) {
-      if (f.type === 'shareholders') {
-        const list = Array.isArray(v) ? v : [];
-        if (list.length === 0) errors[f.name] = 'At least one shareholder required.';
-        const total = list.reduce((sum, s) => sum + Number(s.percentage || 0), 0);
-        if (Math.abs(total - 100) > 0.01) errors[f.name] = `Shareholder percentages must total 100. Got ${total}.`;
-        if (list.some((s) => !String(s.name || '').trim())) errors[f.name] = 'Each shareholder needs a name.';
-      } else if (v == null || String(v).trim() === '') {
-        errors[f.name] = 'Required.';
-      }
-    }
-    if (f.type === 'number' && v !== '' && v != null) {
-      const n = Number(v);
-      if (!Number.isFinite(n)) errors[f.name] = 'Must be a number.';
-      else if (typeof f.min === 'number' && n < f.min) errors[f.name] = `Must be at least ${f.min}.`;
-    }
-    if (f.min_length && typeof v === 'string' && v.length < f.min_length) {
-      errors[f.name] = `Must be at least ${f.min_length} characters.`;
-    }
-  }
-  return errors;
-}
-
-function ShareholdersField({ value, onChange }) {
-  const list = Array.isArray(value) ? value : [];
-  const total = list.reduce((sum, s) => sum + Number(s.percentage || 0), 0);
-  return (
-    <div className="shareholders-field">
-      {list.map((s, i) => (
-        <div key={i} className="shareholder-row">
-          <input
-            type="text"
-            value={s.name}
-            placeholder="Shareholder name"
-            onChange={(e) => onChange(list.map((x, j) => j === i ? { ...x, name: e.target.value } : x))}
-          />
-          <input
-            type="number"
-            value={s.percentage}
-            min={0}
-            max={100}
-            step={0.01}
-            onChange={(e) => onChange(list.map((x, j) => j === i ? { ...x, percentage: Number(e.target.value) } : x))}
-          />
-          <span>%</span>
-          {list.length > 1 ? (
-            <button
-              type="button"
-              className="btn-tertiary"
-              onClick={() => onChange(list.filter((_, j) => j !== i))}
-            >
-              Remove
-            </button>
-          ) : null}
-        </div>
-      ))}
-      <div className="shareholder-actions">
-        <button
-          type="button"
-          className="btn-secondary"
-          onClick={() => onChange([...list, { name: '', percentage: 0 }])}
-        >
-          Add shareholder
-        </button>
-        <span className="muted">Total: {total}%</span>
-      </div>
-    </div>
-  );
-}
-
-function Field({ field, value, error, onChange }) {
-  const common = {
-    id: `f-${field.name}`,
-    name: field.name,
-    required: field.required,
-    'aria-invalid': error ? 'true' : undefined,
-  };
-  return (
-    <label className={`form-field${error ? ' has-error' : ''}`}>
-      <span className="form-field-label">
-        {field.label}
-        {field.required ? <span className="req"> *</span> : null}
-      </span>
-      {field.type === 'textarea' ? (
-        <textarea
-          {...common}
-          value={value || ''}
-          rows={5}
-          placeholder={field.placeholder || ''}
-          onChange={(e) => onChange(e.target.value)}
-        />
-      ) : field.type === 'select' ? (
-        <select {...common} value={value || ''} onChange={(e) => onChange(e.target.value)}>
-          <option value="" disabled>Pick one…</option>
-          {(field.options || []).map((opt) => (
-            <option key={opt} value={opt}>{opt}</option>
-          ))}
-        </select>
-      ) : field.type === 'shareholders' ? (
-        <ShareholdersField value={value} onChange={onChange} />
-      ) : (
-        <input
-          {...common}
-          type={field.type === 'number' ? 'number' : field.type === 'email' ? 'email' : 'text'}
-          value={value || ''}
-          placeholder={field.placeholder || ''}
-          min={field.min}
-          onChange={(e) => onChange(field.type === 'number' ? e.target.value : e.target.value)}
-        />
-      )}
-      {field.help ? <small className="form-help">{field.help}</small> : null}
-      {error ? <small className="form-error">{error}</small> : null}
-    </label>
-  );
-}
-
-export default function NewCaseFlow({ definitions, projects, initialDefinitionSlug }) {
-  const router = useRouter();
-  const [definitionSlug, setDefinitionSlug] = useState(initialDefinitionSlug || definitions[0]?.slug || '');
-  const [projectId, setProjectId] = useState(projects[0]?.id || 'personal');
-  const [title, setTitle] = useState('');
-  const [schema, setSchema] = useState(null);
-  const [payload, setPayload] = useState({});
-  const [errors, setErrors] = useState({});
-  const [busy, setBusy] = useState(false);
-  const [submitError, setSubmitError] = useState(null);
-
-  useEffect(() => {
-    if (!definitionSlug) return;
-    let cancelled = false;
-    fetch(`/api/processes/definitions/${definitionSlug}`)
-      .then((r) => r.json())
-      .then((data) => {
-        if (cancelled) return;
-        const s = data?.intake_form_schema || null;
-        setSchema(s);
-        setPayload(blankPayload(s));
-        setErrors({});
-        if (!title && data?.definition?.name) {
-          setTitle(`${data.definition.name} — ${new Date().toISOString().slice(0, 10)}`);
-        }
-      })
-      .catch(() => {
-        if (cancelled) return;
-        setSchema(null);
-      });
-    return () => { cancelled = true; };
-  }, [definitionSlug]);
-
-  const fields = useMemo(() => schema?.fields || [], [schema]);
-
-  async function handleSubmit(e) {
-    e.preventDefault();
-    setSubmitError(null);
-    const v = validatePayload(schema, payload);
-    setErrors(v);
-    if (Object.keys(v).length > 0) return;
-
-    setBusy(true);
-    try {
-      const res = await fetch('/api/processes', {
-        method: 'POST',
-        headers: { 'content-type': 'application/json' },
-        body: JSON.stringify({
-          definition_slug: definitionSlug,
-          project_id: projectId,
-          title: title || null,
-          intake_payload: { ...payload, share_capital_usd: Number(payload.share_capital_usd) || 0 },
-        }),
-      });
-      const data = await res.json();
-      if (!res.ok) throw new Error(data?.error || 'Failed to start case');
-      router.push(`/workflows/${data.case.id}`);
-    } catch (err) {
-      setSubmitError(err?.message || String(err));
-    } finally {
-      setBusy(false);
-    }
-  }
-
-  return (
-    <form className="new-case-form" onSubmit={handleSubmit}>
-      <section className="form-section">
-        <h2>Process and project</h2>
-        <div className="form-row">
-          <label className="form-field">
-            <span className="form-field-label">Process definition</span>
-            <select value={definitionSlug} onChange={(e) => setDefinitionSlug(e.target.value)}>
-              {definitions.map((d) => <option key={d.slug} value={d.slug}>{d.name}</option>)}
-            </select>
-          </label>
-          <label className="form-field">
-            <span className="form-field-label">Project</span>
-            <select value={projectId} onChange={(e) => setProjectId(e.target.value)}>
-              {projects.map((p) => <option key={p.id} value={p.id}>{p.name}</option>)}
-            </select>
-          </label>
-        </div>
-        <label className="form-field">
-          <span className="form-field-label">Case title</span>
-          <input
-            type="text"
-            value={title}
-            onChange={(e) => setTitle(e.target.value)}
-            placeholder="e.g. ADGM setup — Acme Holdings Ltd"
-          />
-        </label>
-      </section>
-
-      <section className="form-section">
-        <h2>{schema?.title || 'Intake form'}</h2>
-        {schema?.description ? <p className="muted">{schema.description}</p> : null}
-        {fields.map((f) => (
-          <Field
-            key={f.name}
-            field={f}
-            value={payload[f.name]}
-            error={errors[f.name]}
-            onChange={(v) => setPayload((prev) => ({ ...prev, [f.name]: v }))}
-          />
-        ))}
-      </section>
-
-      {submitError ? <p className="form-error" role="alert">{submitError}</p> : null}
-
-      <div className="form-actions">
-        <button type="submit" className="btn-primary" disabled={busy}>
-          {busy ? 'Starting case…' : 'Start case'}
-        </button>
-      </div>
-    </form>
-  );
-}

package/app/workflows/new/page.js

@@ -1,27 +0,0 @@
-import { AdminShell } from '../../components/admin/admin-page.jsx';
-import { listDefinitions } from '../../../lib/process/definitions.js';
-import { listProjects } from '../../../lib/projects.js';
-import NewCaseFlow from './new-case-flow.jsx';
-
-export const dynamic = 'force-dynamic';
-
-export default async function NewWorkflowCasePage({ searchParams }) {
-  const params = (await searchParams) || {};
-  const initialDefinitionSlug = typeof params.definition === 'string' ? params.definition : null;
-  const definitions = listDefinitions();
-  const projects = listProjects({ status: 'active' });
-
-  return (
-    <AdminShell
-      kicker="Workflows"
-      title="Start a new case"
-      description="Pick a process, the project it belongs to, and fill out the intake form."
-    >
-      <NewCaseFlow
-        definitions={definitions}
-        projects={projects}
-        initialDefinitionSlug={initialDefinitionSlug}
-      />
-    </AdminShell>
-  );
-}