Compress Months of Enterprise Development to 15 Minutes.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

POST /api/finance/approve-payment HTTP/1.1
Host: api.codechu.com
Authorization: Bearer eyJhbGciOiJSUzI1NiIs...
Content-Type: application/json

{
  "invoiceId": "INV-2026-9481",
  "amount": 75000.00,
  "internalBudgetNotes": "Infrastructure expansion approved."
}

HTTP/1.1 202 Accepted
{
  "actionStatus": "PendingDualApproval",
  "approvalTrackingId": "APPR-8821-X",
  "requiredSignatures": 2,
  "currentSignatures": 1,
  "auditMerkleHash": "7f83b1657ff1fc53b92dc18148a1d65dfc2d4b1fa3d677284addd200126d9069"
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import React from 'react';
import { useMechanismAction, ActionModal } from '@mechanismweaver/cockpit';

export const ApprovePaymentAction = () => {
  const { invoke, isDualApprovalRequired, isLoading } = useMechanismAction('ApprovePayment');
  
  return (
    <ActionModal 
      title="Approve Payment" 
      icon="credit-card"
      securityGroup="Finance"
      onExecute={(payload) => invoke(payload)}
    >
      {/* Schema-derived dynamic form, 4-Eyes dual approval lock */}
    </ActionModal>
  );
};