pn-new-crm/src/app/(dashboard)/[portSlug]/admin/documenso/page.tsx

import {
  SettingsFormCard,
  type SettingFieldDef,
} from '@/components/admin/shared/settings-form-card';
import { DocumensoTestButton } from '@/components/admin/documenso/documenso-test-button';
import { PageHeader } from '@/components/shared/page-header';

const API_FIELDS: SettingFieldDef[] = [
  {
    key: 'documenso_api_url_override',
    label: 'API URL override',
    description: 'Optional. Falls back to DOCUMENSO_API_URL env when blank.',
    type: 'string',
    placeholder: 'https://documenso.example.com',
    defaultValue: '',
  },
  {
    key: 'documenso_api_key_override',
    label: 'API key override',
    description: 'Optional. Falls back to DOCUMENSO_API_KEY env when blank. Stored in plain text.',
    type: 'password',
    defaultValue: '',
  },
  {
    key: 'documenso_api_version_override',
    label: 'API version',
    description:
      'Which Documenso REST API to call against this port. v1 supports Documenso 1.x (per-field PIXEL placement, /api/v1/templates and /api/v1/documents). v2 unlocks the envelope/embed endpoints introduced in Documenso 2.x. Use the test-connection button below after switching to confirm the chosen version actually works against this port’s instance.',
    type: 'select',
    options: [
      { value: 'v1', label: 'v1 — Documenso 1.x (legacy stable)' },
      { value: 'v2', label: 'v2 — Documenso 2.x (envelope + embedded signing)' },
    ],
    defaultValue: 'v1',
  },
];

const SIGNER_FIELDS: SettingFieldDef[] = [
  {
    key: 'documenso_developer_name',
    label: 'Developer signer — name',
    description:
      'The party who signs after the client (typically the marina developer or owner). Used as the static "developer" recipient in templated documents (EOI). Was hardcoded as "David Mizrahi" in the legacy single-tenant system.',
    type: 'string',
    placeholder: 'David Mizrahi',
    defaultValue: '',
  },
  {
    key: 'documenso_developer_email',
    label: 'Developer signer — email',
    description: 'Email used to send the developer signing request via Documenso.',
    type: 'string',
    placeholder: 'dm@portnimara.com',
    defaultValue: '',
  },
  {
    key: 'documenso_approver_name',
    label: 'Approver — name',
    description:
      'The final approver who signs after the developer (typically a sales/legal lead). Was hardcoded as "Abbie May" in the legacy system.',
    type: 'string',
    placeholder: 'Abbie May',
    defaultValue: '',
  },
  {
    key: 'documenso_approver_email',
    label: 'Approver — email',
    description: 'Email used to route the final approval signing request.',
    type: 'string',
    placeholder: 'sales@portnimara.com',
    defaultValue: '',
  },
];

const EOI_FIELDS: SettingFieldDef[] = [
  {
    key: 'documenso_eoi_template_id',
    label: 'EOI Documenso template ID',
    description: 'Numeric template ID used by the Documenso EOI pathway.',
    type: 'string',
    placeholder: '12345',
    defaultValue: '',
  },
  {
    key: 'eoi_default_pathway',
    label: 'Default EOI pathway',
    description:
      'Which pathway is used when an EOI is generated without an explicit choice. Documenso = signed via Documenso, In-app = filled locally with pdf-lib.',
    type: 'select',
    options: [
      { value: 'documenso-template', label: 'Documenso template' },
      { value: 'inapp', label: 'In-app (pdf-lib)' },
    ],
    defaultValue: 'documenso-template',
  },
  {
    key: 'eoi_send_mode',
    label: 'Initial signing-invitation email behaviour',
    description:
      'Auto = the system sends our branded "please sign" email immediately when an EOI/contract/reservation is generated. Manual = the document is generated and the signing URL appears in the UI; a rep clicks "Send invitation" to dispatch. Auto is the lower-friction option for high-volume teams; manual lets reps review before sending. Applies to all document types, not just EOI.',
    type: 'select',
    options: [
      { value: 'manual', label: 'Manual (rep clicks Send after generation)' },
      { value: 'auto', label: 'Auto (send branded email on generate)' },
    ],
    defaultValue: 'manual',
  },
];

const CONTRACT_RESERVATION_FIELDS: SettingFieldDef[] = [
  {
    key: 'documenso_contract_template_id',
    label: 'Contract Documenso template ID (optional)',
    description:
      'Numeric template ID for sales contract generation. Leave blank to use the per-deal upload-and-place-fields flow instead (the typical path for contracts, since they are usually drafted custom per client).',
    type: 'string',
    placeholder: '',
    defaultValue: '',
  },
  {
    key: 'documenso_reservation_template_id',
    label: 'Reservation agreement Documenso template ID (optional)',
    description:
      'Numeric template ID for reservation agreements. Same logic — leave blank to upload per deal.',
    type: 'string',
    placeholder: '',
    defaultValue: '',
  },
];

const EMBED_FIELDS: SettingFieldDef[] = [
  {
    key: 'embedded_signing_host',
    label: 'Embedded signing host',
    description:
      "Origin of the public site that hosts the embedded Documenso signing pages. Outbound emails wrap raw Documenso signing URLs into {host}/sign/<type>/<token> so clients sign on your branded page rather than Documenso's domain. Leave blank to fall back to the app URL. Marketing-website pattern: https://portnimara.com",
    type: 'string',
    placeholder: 'https://portnimara.com',
    defaultValue: '',
  },
];

export default function DocumensoSettingsPage() {
  return (
    <div className="space-y-6">
      <PageHeader
        title="Documenso & EOI"
        description="API credentials, signer identities, and document generation behaviour. Use the test-connection button to verify a saved configuration before relying on it."
      />

      <SettingsFormCard
        title="Documenso API"
        description="Per-port API credentials. Leave blank to use the global env defaults."
        fields={API_FIELDS}
        extra={<DocumensoTestButton />}
      />

      <SettingsFormCard
        title="Signers (developer + approver)"
        description="Identity of the static signers in your Documenso templates. The client is always pulled from the interest's linked client record; these values fill the developer (signing order 2) and approver (signing order 3) slots."
        fields={SIGNER_FIELDS}
      />

      <SettingsFormCard
        title="EOI generation"
        description="Default pathway, template, and email behaviour when an interest's EOI is generated."
        fields={EOI_FIELDS}
      />

      <SettingsFormCard
        title="Contract & reservation templates (optional)"
        description="Most ports leave these blank because contracts/reservations are drafted per deal and uploaded for signing. Set a template ID only if you have a standardised contract/reservation Documenso template."
        fields={CONTRACT_RESERVATION_FIELDS}
      />

      <SettingsFormCard
        title="Embedded signing"
        description="Where the public-facing branded signing pages live. The CRM rewrites Documenso signing URLs to point here when sending invitation and reminder emails."
        fields={EMBED_FIELDS}
      />
    </div>
  );
}