adilallo
70 lines
2.5 KiB
TypeScript
70 lines
2.5 KiB
TypeScript
import type { CreateFlowState, CreateFlowStep } from "../types";
|
|
import type footerMessages from "../../../../messages/en/create/footer.json";
|
|
|
|
type FooterMessageKey = keyof typeof footerMessages;
|
|
|
|
/**
|
|
* Binding for each Custom Rule stage step whose footer primary button
|
|
* gates the user on "has at least one chip selected?". All five screens
|
|
* render the same `<Button …>`; only the disable predicate and the
|
|
* footer message differ — this table is the single source of truth for
|
|
* both, so `CreateFlowLayoutClient` can render one JSX block for the
|
|
* whole group.
|
|
*
|
|
* `selectionIds` returns the currently-selected ids array from flow
|
|
* state for that step (empty array when nothing has been selected or
|
|
* the field hasn't been touched). Returning a fresh array on empty is
|
|
* fine: these are read-only length checks, not memo keys.
|
|
*
|
|
* Note: the Confirm Stakeholders step has its own dedicated label copy
|
|
* and is not gated on a selection count, so it stays out of this table.
|
|
* Template-review and Community Save also have bespoke two-button
|
|
* layouts and are intentionally excluded.
|
|
*/
|
|
export type CustomRuleConfirmFooterStep = {
|
|
step: Extract<
|
|
CreateFlowStep,
|
|
| "core-values"
|
|
| "communication-methods"
|
|
| "membership-methods"
|
|
| "decision-approaches"
|
|
| "conflict-management"
|
|
>;
|
|
footerMessageKey: FooterMessageKey;
|
|
selectionIds: (state: CreateFlowState) => readonly string[];
|
|
};
|
|
|
|
export const CUSTOM_RULE_CONFIRM_FOOTER_STEPS: readonly CustomRuleConfirmFooterStep[] =
|
|
[
|
|
{
|
|
step: "core-values",
|
|
footerMessageKey: "confirmCoreValues",
|
|
selectionIds: (s) => s.selectedCoreValueIds ?? [],
|
|
},
|
|
{
|
|
step: "communication-methods",
|
|
footerMessageKey: "confirmCommunication",
|
|
selectionIds: (s) => s.selectedCommunicationMethodIds ?? [],
|
|
},
|
|
{
|
|
step: "membership-methods",
|
|
footerMessageKey: "confirmMembership",
|
|
selectionIds: (s) => s.selectedMembershipMethodIds ?? [],
|
|
},
|
|
{
|
|
step: "decision-approaches",
|
|
footerMessageKey: "confirmDecisionApproaches",
|
|
selectionIds: (s) => s.selectedDecisionApproachIds ?? [],
|
|
},
|
|
{
|
|
step: "conflict-management",
|
|
footerMessageKey: "confirmConflictManagement",
|
|
selectionIds: (s) => s.selectedConflictManagementIds ?? [],
|
|
},
|
|
] as const;
|
|
|
|
export const CUSTOM_RULE_CONFIRM_FOOTER_STEP_BY_STEP: ReadonlyMap<
|
|
CreateFlowStep,
|
|
CustomRuleConfirmFooterStep
|
|
> = new Map(CUSTOM_RULE_CONFIRM_FOOTER_STEPS.map((e) => [e.step, e]));
|