@kelpie/ui 0.8.0 → 0.10.0

package/src/api/resources/forms.ts

@@ -5,6 +5,7 @@ import type {
   FormFieldInput,
   FormInput,
   FormSubmission,
+  FormSubmissionLinkTarget,
 } from '@kelpie/schemas'
 import {
   useMutation,
@@ -14,6 +15,7 @@ import {
 
 import { isRecord } from '../json.ts'
 import type { QueryParameters } from '../client.ts'
+import { ApiError } from '../client.ts'
 import { useApiClient } from '../context.ts'
 import { toError } from '../errors.ts'
 import { createResourceHooks, usePagedList } from '../resource.ts'
@@ -146,9 +148,63 @@ export function useFormSubmissions(formId: string | undefined): RecordListResult
   })
 }
 
+/**
+ * Submissions that touched one record, newest first.
+ *
+ * Powers the Forms tab on every record type a submission can name (person,
+ * company, position, deal, opportunity, partnership, enquiry). Returns an
+ * empty page for a record no submission has ever named — the server does no
+ * per-target existence check, so a stale id reads the same as a real one.
+ */
+export function useFormSubmissionsForRecord(
+  targetType: FormSubmissionLinkTarget | undefined,
+  targetId: string | undefined,
+): RecordListResult<FormSubmission> {
+  return usePagedList<FormSubmission>({
+    queryKey: ['form-submissions', 'by-target', targetType ?? '', targetId ?? ''],
+    path: '/form-submissions',
+    decode: formSubmissionSchema.parse,
+    query: { target_type: targetType, target_id: targetId },
+    enabled: targetType !== undefined && targetId !== undefined,
+  })
+}
+
+/**
+ * One submission on a form.
+ *
+ * Nested under the form rather than a top-level collection: a submission id is
+ * only meaningful with its form (the field labels live there), and the path
+ * mirrors the list endpoint above it.
+ */
+export function useFormSubmission(
+  formId: string | undefined,
+  submissionId: string | undefined,
+): RecordResult<FormSubmission> {
+  const client = useApiClient()
+  const result = useQuery({
+    queryKey: ['forms', 'submissions', formId ?? '', submissionId ?? ''],
+    queryFn: () =>
+      client.get(
+        `/forms/${formId ?? ''}/submissions/${submissionId ?? ''}`,
+        formSubmissionSchema.parse,
+      ),
+    enabled: formId !== undefined && submissionId !== undefined,
+  })
+
+  return {
+    record: result.data,
+    isLoading: result.isPending && formId !== undefined && submissionId !== undefined,
+    isNotFound: result.error instanceof ApiError && result.error.status === 404,
+    error: toError(result.error),
+  }
+}
+
 /** What a customer pastes into their site, built server-side from the request origin. */
 export interface EmbedSnippets {
+  /** Standalone hosted page (brand chrome). */
   readonly url: string
+  /** Bare document the iframe snippets load (fields only). */
+  readonly embedUrl: string
   readonly iframeSnippet: string
   readonly scriptSnippet: string
 }
@@ -157,6 +213,7 @@ function decodeSnippets(value: unknown): EmbedSnippets {
   if (
     !isRecord(value) ||
     typeof value.url !== 'string' ||
+    typeof value.embed_url !== 'string' ||
     typeof value.iframe_snippet !== 'string' ||
     typeof value.script_snippet !== 'string'
   ) {
@@ -165,6 +222,7 @@ function decodeSnippets(value: unknown): EmbedSnippets {
 
   return {
     url: value.url,
+    embedUrl: value.embed_url,
     iframeSnippet: value.iframe_snippet,
     scriptSnippet: value.script_snippet,
   }

package/src/api/resources/importJobs.ts

@@ -34,6 +34,11 @@ export interface CreateImportJobInput {
   /** People import only: what to do with a row naming a company that is not here yet. */
   readonly onMissingCompany: OnMissingCompany
   readonly matchKeyId: string
+  /**
+   * People import only: the consent purpose a row's `consent_status` grants.
+   * Required whenever the map names `consent_status` or `consent_at`.
+   */
+  readonly consentPurposeId?: string | null
   /**
    * Absent on the first upload, so the server derives one from the source preset
    * and the file's own headers. The mapping screen sends the corrected map back
@@ -57,6 +62,10 @@ function jobForm(input: CreateImportJobInput): FormData {
     form.set('column_map', JSON.stringify(input.columnMap))
   }
 
+  if (input.consentPurposeId != null && input.consentPurposeId.length > 0) {
+    form.set('consent_purpose_id', input.consentPurposeId)
+  }
+
   return form
 }
 

package/src/api/resources/opportunities.ts

@@ -41,6 +41,8 @@ export interface OpportunityFilters {
   readonly companyIds?: readonly string[] | undefined
   /** Opportunities sitting in any of these stages. Repeats on the wire. */
   readonly stageIds?: readonly string[] | undefined
+  /** Opportunities any of these people are on. Repeats on the wire. */
+  readonly personIds?: readonly string[] | undefined
   readonly limit?: number | undefined
   /** `field` ascending, `-field` descending. Only `name`, `created_at`, `updated_at` are sortable. */
   readonly sort?: string | undefined
@@ -52,6 +54,7 @@ function opportunityQuery(filters: OpportunityFilters): QueryParameters {
     kind: filters.kinds,
     company_id: filters.companyIds,
     stage_id: filters.stageIds,
+    person_id: filters.personIds,
     limit: filters.limit,
     sort: filters.sort,
   }

package/src/api/resources/sampleData.ts

@@ -45,6 +45,7 @@ export function useInstallSampleData(): MutationResult<InstallSampleDataInput, S
           'opportunities',
           'raises',
           'partnerships',
+          'enquiries',
           'roles',
           'candidates',
         ].map((name) => cache.invalidateQueries({ queryKey: [name] })),

package/src/app/KelpieApp.tsx

@@ -11,12 +11,16 @@ import { DealsPage } from '../pages/DealsPage.tsx'
 import { DecisionsPage } from '../pages/DecisionsPage.tsx'
 import { SearchPage } from '../pages/SearchPage.tsx'
 import { FormDetail } from '../pages/FormDetail.tsx'
+import { SubmissionDetail } from '../pages/forms/SubmissionDetail.tsx'
 import { FormsPage } from '../pages/FormsPage.tsx'
 import { FundraisingPage } from '../pages/FundraisingPage.tsx'
 import { HiringPage } from '../pages/HiringPage.tsx'
 import { ListDetail } from '../pages/ListDetail.tsx'
 import { ListsPage } from '../pages/ListsPage.tsx'
 import { NotFoundPage } from '../pages/NotFoundPage.tsx'
+import { EnquiriesPage } from '../pages/EnquiriesPage.tsx'
+import { EnquiryDetail } from '../pages/EnquiryDetail.tsx'
+import { EnquiryStageSettingsPage } from '../pages/EnquiryStageSettingsPage.tsx'
 import { OpportunitiesPage } from '../pages/OpportunitiesPage.tsx'
 import { OpportunityDetail } from '../pages/OpportunityDetail.tsx'
 import { OpportunityStageSettingsPage } from '../pages/OpportunityStageSettingsPage.tsx'
@@ -36,6 +40,8 @@ import { ProfilePage } from '../pages/account/ProfilePage.tsx'
 import { SecurityPage } from '../pages/account/SecurityPage.tsx'
 import { ApiKeysPage } from '../pages/admin/ApiKeysPage.tsx'
 import { DataPage } from '../pages/admin/DataPage.tsx'
+import { FieldsPage } from '../pages/admin/FieldsPage.tsx'
+import { PrivacyPage } from '../pages/admin/PrivacyPage.tsx'
 import { McpPage } from '../pages/admin/McpPage.tsx'
 import { ModulesPage } from '../pages/admin/ModulesPage.tsx'
 import { TeamPage } from '../pages/admin/TeamPage.tsx'
@@ -155,6 +161,9 @@ function AppRoutes(): React.JSX.Element {
           <Route path="opportunities" element={<OpportunitiesPage />} />
           <Route path="opportunities/settings" element={<OpportunityStageSettingsPage />} />
           <Route path="opportunities/:id" element={<OpportunityDetail />} />
+          <Route path="enquiries" element={<EnquiriesPage />} />
+          <Route path="enquiries/settings" element={<EnquiryStageSettingsPage />} />
+          <Route path="enquiries/:id" element={<EnquiryDetail />} />
           <Route path="fundraising" element={<FundraisingPage />} />
           <Route path="fundraising/settings" element={<RaiseStageSettingsPage />} />
           <Route path="fundraising/:id" element={<RaiseDetail />} />
@@ -166,12 +175,15 @@ function AppRoutes(): React.JSX.Element {
           <Route path="planning" element={<PlanningPage />} />
           <Route path="decisions" element={<DecisionsPage />} />
           <Route path="forms" element={<FormsPage />} />
+          <Route path="forms/:id/submissions/:submissionId" element={<SubmissionDetail />} />
           <Route path="forms/:id" element={<FormDetail />} />
           {/* The optional segment is the mockup's: /handbook opens the first page. */}
           <Route path="handbook" element={<HandbookLayout />} />
           <Route path="handbook/:pageId" element={<HandbookLayout />} />
           <Route path="admin/workspace" element={<WorkspaceSettingsPage />} />
           <Route path="admin/team" element={<TeamPage />} />
+          <Route path="admin/fields" element={<FieldsPage />} />
+          <Route path="admin/privacy" element={<PrivacyPage />} />
           <Route path="admin/data" element={<DataPage />} />
           <Route path="admin/api-keys" element={<ApiKeysPage />} />
           <Route path="admin/mcp" element={<McpPage />} />

package/src/components/ActivitiesPanel.tsx

@@ -48,6 +48,7 @@ const TARGET_TYPE_LABELS: Readonly<Record<RecordTargetType, string>> = {
   opportunity: 'Opportunity',
   partnership: 'Partnership',
   raise: 'Raise',
+  enquiry: 'Enquiry',
   candidate: 'Candidate',
 }
 

package/src/components/CustomFieldsPanel.tsx

@@ -0,0 +1,330 @@
+import { CUSTOM_FIELD_TYPES_WITH_OPTIONS } from '@kelpie/schemas'
+import type {
+  CustomFieldDefinition,
+  CustomFieldObjectType,
+  CustomFieldType,
+  CustomFieldValue,
+  CustomFieldValues,
+} from '@kelpie/schemas'
+import { useMemo, useState } from 'react'
+import { Link } from 'react-router'
+
+import { useCustomFields } from '../api/resources/customFields.ts'
+import { InlineEdit } from './InlineEdit.tsx'
+
+/**
+ * Renders the workspace's custom fields for one record as a full-width panel,
+ * dropped into a detail page's Fields tab.
+ *
+ * Each field patches only its own key; the server merges the sent object into
+ * stored values in the same transaction.
+ *
+ * Currency is edited in major units in the box and stored as integer cents,
+ * mirroring how DealDetail handles `value_cents`. Multi-select uses a compact
+ * checkbox list because InlineEdit only handles one string in and out.
+ *
+ * `useHasCustomFields` lets a caller decide whether to render the tab at all —
+ * a workspace with no definitions should not see a Fields tab full of empty
+ * space with only a "go set one up" pointer.
+ */
+
+export interface CustomFieldsPanelProps {
+  readonly objectType: CustomFieldObjectType
+  readonly values: CustomFieldValues
+  readonly onPatch: (change: Readonly<Record<string, CustomFieldValue | null>>) => void
+}
+
+const OPTIONS_TYPES: ReadonlySet<CustomFieldType> = new Set(CUSTOM_FIELD_TYPES_WITH_OPTIONS)
+
+export function CustomFieldsPanel({
+  objectType,
+  values,
+  onPatch,
+}: CustomFieldsPanelProps): React.JSX.Element {
+  const definitions = useCustomFields({ objectType, sort: 'sort_order', limit: 200 })
+
+  if (definitions.isLoading) {
+    return <p className="text-[13px] text-ink-muted">Loading fields…</p>
+  }
+
+  if (definitions.records.length === 0) {
+    return (
+      <p className="text-[13px] text-ink-muted">
+        No custom fields yet. Add them at{' '}
+        <Link to="/admin/fields" className="text-accent hover:text-accent-hover">
+          Admin → Fields
+        </Link>
+        .
+      </p>
+    )
+  }
+
+  return (
+    <dl className="grid gap-x-8 gap-y-5 sm:grid-cols-2">
+      {definitions.records.map((definition) => (
+        <CustomFieldControl
+          key={definition.id}
+          definition={definition}
+          value={values[definition.key]}
+          onChange={(next) => {
+            onPatch({ [definition.key]: next })
+          }}
+        />
+      ))}
+    </dl>
+  )
+}
+
+interface CustomFieldControlProps {
+  readonly definition: CustomFieldDefinition
+  readonly value: CustomFieldValue | undefined
+  readonly onChange: (value: CustomFieldValue | null) => void
+}
+
+function CustomFieldControl({
+  definition,
+  value,
+  onChange,
+}: CustomFieldControlProps): React.JSX.Element {
+  const type = definition.type as CustomFieldType
+
+  return (
+    <div>
+      <dt className="text-[10px] font-semibold tracking-wide text-ink-faint uppercase">
+        {definition.label}
+      </dt>
+      {definition.description.length > 0 && (
+        <p className="mt-0.5 text-[11px] text-ink-muted">{definition.description}</p>
+      )}
+      <dd className="mt-1 text-[13px] text-ink">
+        <ControlFor definition={definition} type={type} value={value} onChange={onChange} />
+      </dd>
+    </div>
+  )
+}
+
+interface ControlForProps {
+  readonly definition: CustomFieldDefinition
+  readonly type: CustomFieldType
+  readonly value: CustomFieldValue | undefined
+  readonly onChange: (value: CustomFieldValue | null) => void
+}
+
+function ControlFor({
+  definition,
+  type,
+  value,
+  onChange,
+}: ControlForProps): React.JSX.Element {
+  if (type === 'checkbox') {
+    return (
+      <label className="inline-flex cursor-pointer items-center gap-2">
+        <input
+          type="checkbox"
+          checked={value === true}
+          onChange={(event) => {
+            onChange(event.target.checked)
+          }}
+          className="rounded border-border"
+        />
+        <span>{value === true ? 'Yes' : 'No'}</span>
+      </label>
+    )
+  }
+
+  if (type === 'multi_select') {
+    return (
+      <MultiSelectField
+        options={definition.options}
+        selected={Array.isArray(value) ? (value as readonly string[]) : []}
+        onChange={onChange}
+      />
+    )
+  }
+
+  if (type === 'currency') {
+    const currentCents =
+      typeof value === 'object' &&
+      value !== null &&
+      !Array.isArray(value) &&
+      'amountCents' in value
+        ? value.amountCents
+        : null
+    const currentCurrency =
+      typeof value === 'object' &&
+      value !== null &&
+      !Array.isArray(value) &&
+      'currency' in value
+        ? value.currency
+        : 'USD'
+
+    return (
+      <InlineEdit
+        type="number"
+        value={currentCents === null ? '' : String(currentCents / 100)}
+        onChange={(raw) => {
+          const trimmed = raw.trim()
+          if (trimmed.length === 0) {
+            onChange(null)
+            return
+          }
+          const parsed = Number(trimmed)
+          if (!Number.isFinite(parsed)) {
+            return
+          }
+          onChange({
+            amountCents: Math.round(parsed * 100),
+            currency: currentCurrency,
+          })
+        }}
+        emptyLabel="Add…"
+      />
+    )
+  }
+
+  if (OPTIONS_TYPES.has(type)) {
+    // A stored value that is no longer in the definition's options must still
+    // be visible until the reader chooses another; keep it in the list.
+    const stored = typeof value === 'string' ? value : ''
+    const options = optionsWithStale(definition.options, stored)
+    return (
+      <InlineEdit
+        value={stored}
+        options={options.map((option) => ({ value: option, label: option }))}
+        onChange={(next) => {
+          onChange(next.length === 0 ? null : next)
+        }}
+        emptyLabel="Choose…"
+      />
+    )
+  }
+
+  if (type === 'number') {
+    const current = typeof value === 'number' ? String(value) : ''
+    return (
+      <InlineEdit
+        type="number"
+        value={current}
+        onChange={(raw) => {
+          const trimmed = raw.trim()
+          if (trimmed.length === 0) {
+            onChange(null)
+            return
+          }
+          const parsed = Number(trimmed)
+          if (Number.isFinite(parsed)) {
+            onChange(parsed)
+          }
+        }}
+        emptyLabel="Add…"
+      />
+    )
+  }
+
+  const inputType: 'text' | 'date' | 'url' | 'email' =
+    type === 'date' ? 'date' : type === 'url' ? 'url' : 'text'
+  const multiline = type === 'long_text'
+  const current = typeof value === 'string' ? value : ''
+
+  return (
+    <InlineEdit
+      type={inputType}
+      multiline={multiline}
+      value={current}
+      onChange={(next) => {
+        onChange(next.length === 0 ? null : next)
+      }}
+      emptyLabel="Add…"
+    />
+  )
+}
+
+interface MultiSelectFieldProps {
+  readonly options: readonly string[]
+  readonly selected: readonly string[]
+  readonly onChange: (value: readonly string[] | null) => void
+}
+
+function MultiSelectField({
+  options,
+  selected,
+  onChange,
+}: MultiSelectFieldProps): React.JSX.Element {
+  const [open, setOpen] = useState(false)
+  const allOptions = useMemo(
+    () => optionsWithStale(options, ...selected),
+    [options, selected],
+  )
+
+  const chips = selected.length === 0 ? null : (
+    <div className="flex flex-wrap gap-1">
+      {selected.map((entry) => (
+        <span
+          key={entry}
+          className="inline-flex items-center gap-1 rounded-full bg-surface-raised px-2 py-0.5 text-[11px]"
+        >
+          {entry}
+          <button
+            type="button"
+            onClick={() => {
+              const next = selected.filter((existing) => existing !== entry)
+              onChange(next.length === 0 ? null : next)
+            }}
+            className="text-ink-muted hover:text-ink"
+            aria-label={`Remove ${entry}`}
+          >
+            ×
+          </button>
+        </span>
+      ))}
+    </div>
+  )
+
+  return (
+    <div className="space-y-1">
+      {chips ?? <span className="text-ink-faint">None</span>}
+      <button
+        type="button"
+        onClick={() => {
+          setOpen((current) => !current)
+        }}
+        className="text-[12px] text-ink-muted hover:text-ink"
+      >
+        {open ? 'Close' : 'Edit'}
+      </button>
+      {open && (
+        <ul className="space-y-1 rounded-md border border-border bg-surface-raised p-2">
+          {allOptions.map((option) => {
+            const chosen = selected.includes(option)
+            return (
+              <li key={option}>
+                <label className="flex cursor-pointer items-center gap-2 text-[12px]">
+                  <input
+                    type="checkbox"
+                    checked={chosen}
+                    onChange={() => {
+                      const next = chosen
+                        ? selected.filter((existing) => existing !== option)
+                        : [...selected, option]
+                      onChange(next.length === 0 ? null : next)
+                    }}
+                  />
+                  <span>{option}</span>
+                </label>
+              </li>
+            )
+          })}
+        </ul>
+      )}
+    </div>
+  )
+}
+
+function optionsWithStale(
+  options: readonly string[],
+  ...stored: readonly string[]
+): readonly string[] {
+  const seen = new Set(options)
+  const extras = stored.filter((entry) => entry.length > 0 && !seen.has(entry))
+  return extras.length === 0 ? options : [...options, ...extras]
+}

package/src/components/FormsPanel.tsx

@@ -0,0 +1,86 @@
+import type { FormSubmissionLinkTarget } from '@kelpie/schemas'
+import { useMemo } from 'react'
+import { Link } from 'react-router'
+
+import { useTimezone } from '../api/resources/account.ts'
+import { useForms, useFormSubmissionsForRecord } from '../api/resources/forms.ts'
+import { formatDateTime } from '../lib/dates.ts'
+import { ErrorPanel, LoadingPanel } from './QueryState.tsx'
+import { SectionHeader } from './SectionHeader.tsx'
+
+/**
+ * "Which forms touched this record?" panel, for any record's detail page.
+ *
+ * A submission's FK to this record is what puts it here — the record was
+ * either created by the form, or matched from an earlier upsert. The panel
+ * does not distinguish the two (nothing on the row tells them apart), and
+ * the section header reflects that.
+ *
+ * Form names are pulled from `useForms`, which the sidebar already caches;
+ * an unresolved id (deleted form) falls back to the id itself so the row
+ * stays clickable.
+ */
+export function FormsPanel({
+  targetType,
+  targetId,
+}: {
+  readonly targetType: FormSubmissionLinkTarget
+  readonly targetId: string
+}): React.JSX.Element {
+  const submissions = useFormSubmissionsForRecord(targetType, targetId)
+  const forms = useForms({})
+  const timezone = useTimezone()
+  const formNameById = useMemo(
+    () => new Map(forms.records.map((form) => [form.id, form.name])),
+    [forms.records],
+  )
+
+  if (submissions.error !== null) {
+    return <ErrorPanel error={submissions.error} />
+  }
+
+  if (submissions.isLoading) {
+    return <LoadingPanel label="Loading form submissions…" />
+  }
+
+  return (
+    <section>
+      <SectionHeader
+        title="Forms"
+        description="Every form submission that named this record."
+      />
+
+      {submissions.records.length === 0 ? (
+        <p className="text-[13px] text-ink-faint">No form submissions yet.</p>
+      ) : (
+        <ul className="divide-y divide-border rounded-md border border-border">
+          {submissions.records.map((submission) => {
+            const formName = formNameById.get(submission.formId) ?? submission.formId
+
+            return (
+              <li key={submission.id} className="flex items-center justify-between gap-3 p-3">
+                <div className="min-w-0">
+                  <Link
+                    to={`/forms/${submission.formId}/submissions/${submission.id}`}
+                    className="text-[13px] font-medium text-ink hover:text-accent"
+                  >
+                    {formName}
+                  </Link>
+                  <div className="text-[11px] text-ink-faint">
+                    Submitted {formatDateTime(submission.submittedAt, timezone)}
+                  </div>
+                </div>
+                <Link
+                  to={`/forms/${submission.formId}`}
+                  className="shrink-0 text-[11px] font-medium text-ink-muted hover:text-accent"
+                >
+                  Open form →
+                </Link>
+              </li>
+            )
+          })}
+        </ul>
+      )}
+    </section>
+  )
+}

package/src/components/PlanAttention.tsx

@@ -1,5 +1,13 @@
 import { PIPELINE_KIND_LABELS, PLAN_ITEM_STATUS_LABELS } from '@kelpie/schemas'
-import type { Deal, Opportunity, Partnership, PipelineKind, PlanItem, Raise } from '@kelpie/schemas'
+import type {
+  Deal,
+  Enquiry,
+  Opportunity,
+  Partnership,
+  PipelineKind,
+  PlanItem,
+  Raise,
+} from '@kelpie/schemas'
 import { Link } from 'react-router'
 
 import { useMembers } from '../api/resources/members.ts'
@@ -20,6 +28,7 @@ import { SectionHeader } from './SectionHeader.tsx'
 
 /** Where a plan item's record lives. */
 const ROUTES: Readonly<Record<PipelineKind, string | undefined>> = {
+  enquiry: '/enquiries',
   deal: '/deals',
   opportunity: '/opportunities',
   raise: '/fundraising',
@@ -93,12 +102,14 @@ export function RelatedPlanAttention({
   opportunities = [],
   raises = [],
   partnerships = [],
+  enquiries = [],
   isLoading,
 }: {
   readonly deals: readonly Deal[]
   readonly opportunities?: readonly Opportunity[]
   readonly raises?: readonly Raise[]
   readonly partnerships?: readonly Partnership[]
+  readonly enquiries?: readonly Enquiry[]
   readonly isLoading: boolean
 }): React.JSX.Element {
   const dealItems = usePlanItemsForRecords(
@@ -117,6 +128,10 @@ export function RelatedPlanAttention({
     'partnership',
     partnerships.map((partnership) => partnership.id),
   )
+  const enquiryItems = usePlanItemsForRecords(
+    'enquiry',
+    enquiries.map((enquiry) => enquiry.id),
+  )
 
   return (
     <PlanAttention
@@ -125,11 +140,12 @@ export function RelatedPlanAttention({
         ...opportunityItems.records,
         ...raiseItems.records,
         ...partnershipItems.records,
+        ...enquiryItems.records,
       ]}
       showTarget
       targetNames={
         new Map(
-          [...deals, ...opportunities, ...raises, ...partnerships].map((record) => [
+          [...deals, ...opportunities, ...raises, ...partnerships, ...enquiries].map((record) => [
             record.id,
             record.name,
           ]),
@@ -140,7 +156,8 @@ export function RelatedPlanAttention({
         dealItems.isLoading ||
         opportunityItems.isLoading ||
         raiseItems.isLoading ||
-        partnershipItems.isLoading
+        partnershipItems.isLoading ||
+        enquiryItems.isLoading
       }
     />
   )