@autobusal/admin-agents 1.2.2 → 1.3.0

package/Manage.tsx

@@ -1,9 +1,11 @@
+import { useState } from 'react';
 import { TFunction } from 'i18next';
 import { useParams, useNavigate, useSearchParams } from 'react-router-dom';
 import { Meta, BackWithTitle, Viewer, Box, IpLogs, ApiDetails } from '@autobusal/common';
 import { usePage, useBreadcrumbs, useSubscriptions, useCountries, useOperators } from '@autobusal/hooks';
 import { GetStatus, getAllowed, success } from '@autobusal/utilities';
 import { AgentData } from '@autobusal/providers/types/agents';
+import { PartnerApi, TokenRevealModal } from '@autobusal/admin-api-consumers';
 import { useGetAgent, usePostAgent, useDeleteAgent } from './services';
 
 interface Props {
@@ -28,6 +30,12 @@ const Manage = ({ url, t }: Props): JSX.Element => {
   const operators = useOperators();
 
   const { data, isFetching } = useGetAgent(id);
+
+  // Claude - 2026-09-24: the partner API key, shown once. Held HERE and not
+  // in the panel: the panel sits inside Viewer, which swaps its form for a
+  // loading box while the record refetches after the key is issued - taking
+  // the panel, and any modal it opened, with it.
+  const [ revealToken, setRevealToken ] = useState<string | null>(null);
   
   /*
    * Claude - 2026-08-29 (audit A4-09, low)
@@ -245,13 +253,31 @@ const Manage = ({ url, t }: Props): JSX.Element => {
           type: 'text',
           value: data?.credit_limit ?? 0,
           rules: 'required|numeric'
-        }, {
-          label: t('admin_agents.manage.api', { ns: 'common' }),
-          name: 'api',
-          type: 'select',
-          value: data?.user.api?.api ?? 0,
-          values: getAllowed(t)
-        }, {
+        }, ...(id > 0 ? [{
+          /*
+           * Claude - 2026-09-24 (Ferjolt: one API login type). The old
+           * "API Access" yes/no wrote users_api.api, which is 1 for every
+           * account and gated nothing. Partner access is the API-consumer
+           * flag now, and this panel sets it the way the API Consumers
+           * screen does - key issued and shown once - so the agency then
+           * appears there too, with its Receivables and reports, while
+           * keeping its website account. A new agency is saved first.
+           */
+          label: t('admin_agents.manage.partner_api', { ns: 'common' }),
+          name: 'partner_api',
+          type: 'component' as const,
+          value: (
+            <PartnerApi
+              agentId={ id }
+              isConsumer={ Boolean(data?.is_api_consumer) }
+              hasToken={ data?.user.api?.has_token ?? false }
+              enabled={ data?.user.api?.api ?? 0 }
+              refresh={ [['admin-agents-manage', { id }], ['admin-agents']] }
+              onReveal={ setRevealToken }
+              t={ t }
+            />
+          )
+        }] : []), {
           label: t('admin_agents.manage.bkt', { ns: 'common' }),
           name: 'bkt',
           type: 'select',
@@ -321,6 +347,10 @@ const Manage = ({ url, t }: Props): JSX.Element => {
         onSave={ onSave }
         onDelete={ onDelete }
       />
+
+      { revealToken && (
+        <TokenRevealModal token={ revealToken } t={ t } onClose={ () => setRevealToken(null) } />
+      ) }
     </Meta>
   );
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/admin-agents",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts",