feat: wire PolicyConfigurationForm into TimeOff state machine

Replace the stub PolicyDetailsForm with PolicyConfigurationForm
in the flow. Update PolicyDetailsFormContextual to render the
new component, swap barrel exports, and remove the placeholder.
Add functional component tests covering all 8 accrual method
mappings, CANCEL event, and API integration.

Author: krisxcrash

docs/reference/endpoint-inventory.json

@@ -1326,6 +1326,17 @@
       "variables": [
         "companyUuid"
       ]
+    },
+    "UNSTABLE_TimeOff.PolicyConfigurationForm": {
+      "endpoints": [
+        {
+          "method": "POST",
+          "path": "/v1/companies/:companyUuid/time_off_policies"
+        }
+      ],
+      "variables": [
+        "companyUuid"
+      ]
     }
   },
   "flows": {
@@ -2084,7 +2095,7 @@
         "UNSTABLE_TimeOff.AddEmployeesHoliday",
         "UNSTABLE_TimeOff.AddEmployeesToPolicy",
         "UNSTABLE_TimeOff.HolidaySelectionForm",
-        "UNSTABLE_TimeOff.PolicyDetailsForm",
+        "UNSTABLE_TimeOff.PolicyConfigurationForm",
         "UNSTABLE_TimeOff.PolicyList",
         "UNSTABLE_TimeOff.PolicySettings",
         "UNSTABLE_TimeOff.PolicyTypeSelector",
@@ -2099,6 +2110,10 @@
           "method": "POST",
           "path": "/v1/companies/:companyUuid/holiday_pay_policy"
         },
+        {
+          "method": "POST",
+          "path": "/v1/companies/:companyUuid/time_off_policies"
+        },
         {
           "method": "GET",
           "path": "/v1/companies/:companyUuid/time_off_policies"

docs/reference/endpoint-reference.md

@@ -249,6 +249,7 @@ import inventory from '@gusto/embedded-react-sdk/endpoint-inventory.json'
 |  | PUT | `/v1/time_off_policies/:timeOffPolicyUuid/deactivate` |
 |  | GET | `/v1/companies/:companyId/employees` |
 | **UNSTABLE_TimeOff.HolidaySelectionForm** | POST | `/v1/companies/:companyUuid/holiday_pay_policy` |
+| **UNSTABLE_TimeOff.PolicyConfigurationForm** | POST | `/v1/companies/:companyUuid/time_off_policies` |
 
 ## Flows
 
@@ -264,4 +265,4 @@ Flows compose multiple blocks into a single workflow. The endpoint list for a fl
 | **Employee.Terminations.TerminationFlow** | Employee.TerminateEmployee, Employee.TerminationFlow, Employee.TerminationSummary, Payroll.DismissalFlow, Payroll.PayrollLanding |
 | **Payroll.PayrollExecutionFlow** | Payroll.PayrollFlow |
 | **Payroll.PayrollFlow** | Payroll.OffCycleFlow, Payroll.PayrollBlockerList, Payroll.PayrollConfiguration, Payroll.PayrollEditEmployee, Payroll.PayrollFlow, Payroll.PayrollLanding, Payroll.PayrollOverview, Payroll.PayrollReceipts, Payroll.TransitionFlow |
-| **UNSTABLE_TimeOff.TimeOffFlow** | UNSTABLE_TimeOff.AddEmployeesHoliday, UNSTABLE_TimeOff.AddEmployeesToPolicy, UNSTABLE_TimeOff.HolidaySelectionForm, UNSTABLE_TimeOff.PolicyDetailsForm, UNSTABLE_TimeOff.PolicyList, UNSTABLE_TimeOff.PolicySettings, UNSTABLE_TimeOff.PolicyTypeSelector, UNSTABLE_TimeOff.TimeOffFlow, UNSTABLE_TimeOff.ViewHolidayEmployees, UNSTABLE_TimeOff.ViewHolidaySchedule, UNSTABLE_TimeOff.ViewPolicyDetails, UNSTABLE_TimeOff.ViewPolicyEmployees |
+| **UNSTABLE_TimeOff.TimeOffFlow** | UNSTABLE_TimeOff.AddEmployeesHoliday, UNSTABLE_TimeOff.AddEmployeesToPolicy, UNSTABLE_TimeOff.HolidaySelectionForm, UNSTABLE_TimeOff.PolicyConfigurationForm, UNSTABLE_TimeOff.PolicyList, UNSTABLE_TimeOff.PolicySettings, UNSTABLE_TimeOff.PolicyTypeSelector, UNSTABLE_TimeOff.TimeOffFlow, UNSTABLE_TimeOff.ViewHolidayEmployees, UNSTABLE_TimeOff.ViewHolidaySchedule, UNSTABLE_TimeOff.ViewPolicyDetails, UNSTABLE_TimeOff.ViewPolicyEmployees |

src/components/UNSTABLE_TimeOff/PolicyDetailsForm/PolicyDetailsForm.tsx

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react'
 import { PolicyList } from '../PolicyList/PolicyList'
 import { PolicyTypeSelector } from '../PolicyTypeSelector/PolicyTypeSelector'
-import { PolicyDetailsForm } from '../PolicyDetailsForm/PolicyDetailsForm'
+import { PolicyConfigurationForm } from '../TimeOffManagement/PolicyConfigurationForm'
 import { PolicySettings } from '../PolicySettings/PolicySettings'
 import { AddEmployeesToPolicy } from '../AddEmployeesToPolicy/AddEmployeesToPolicy'
 import { ViewPolicyDetails } from '../ViewPolicyDetails/ViewPolicyDetails'
@@ -82,7 +82,7 @@ export function PolicyDetailsFormContextual() {
           {alert.content}
         </Alert>
       ))}
-      <PolicyDetailsForm
+      <PolicyConfigurationForm
         onEvent={onEvent}
         companyId={ensureRequired(companyId)}
         policyType={ensureRequired(policyType) as 'sick' | 'vacation'}