adilallo
69 lines
2.5 KiB
TypeScript
69 lines
2.5 KiB
TypeScript
"use client";
|
|
|
|
import ContentLockup from "../../../components/type/ContentLockup";
|
|
import { useMessages } from "../../../contexts/MessagesContext";
|
|
import type { CustomMethodCardFieldBlock } from "../../../../lib/create/customMethodCardFieldBlocks";
|
|
import type { CreateFlowState } from "../types";
|
|
import CustomMethodCardFieldBlocksSummary from "./CustomMethodCardFieldBlocksSummary";
|
|
import CustomMethodCardPresetEditPlaceholder from "./CustomMethodCardPresetEditPlaceholder";
|
|
|
|
/** Body for Create modals when the card is user-authored (custom UUID). */
|
|
export default function CustomMethodCardModalBody({
|
|
cardId,
|
|
blocksById,
|
|
/** When set, used instead of `blocksById[cardId]` (e.g. final-review draft). */
|
|
blocksOverride,
|
|
onFieldBlocksChange,
|
|
policyMeta,
|
|
/**
|
|
* When false, omit {@link ContentLockup} for title/description (Customize mode:
|
|
* {@link MethodCardCustomizeModalHeader} already edits them). Summary line still shows.
|
|
* @default true
|
|
*/
|
|
showPolicyContentLockupWhenNoBlocks = true,
|
|
}: {
|
|
cardId: string;
|
|
blocksById: CreateFlowState["customMethodCardFieldBlocksById"];
|
|
blocksOverride?: CustomMethodCardFieldBlock[] | null;
|
|
onFieldBlocksChange?: (_blocks: CustomMethodCardFieldBlock[]) => void;
|
|
policyMeta?: { label: string; supportText: string };
|
|
showPolicyContentLockupWhenNoBlocks?: boolean;
|
|
}) {
|
|
const m = useMessages();
|
|
const blocks = blocksOverride ?? blocksById?.[cardId];
|
|
if (blocks && blocks.length > 0) {
|
|
return (
|
|
<CustomMethodCardFieldBlocksSummary
|
|
blocks={blocks}
|
|
onBlocksChange={onFieldBlocksChange}
|
|
/>
|
|
);
|
|
}
|
|
|
|
const label = policyMeta?.label?.trim() ?? "";
|
|
const support = policyMeta?.supportText?.trim() ?? "";
|
|
if (label.length > 0 || support.length > 0) {
|
|
const noFieldsHint = m.create.customRule.customMethodCardWizard.editModal
|
|
.noCustomFieldsYet;
|
|
return (
|
|
<div className="flex flex-col gap-4">
|
|
{showPolicyContentLockupWhenNoBlocks ? (
|
|
<ContentLockup
|
|
title={label.length > 0 ? label : undefined}
|
|
description={support.length > 0 ? support : undefined}
|
|
variant="modal"
|
|
alignment="left"
|
|
/>
|
|
) : null}
|
|
{noFieldsHint.trim().length > 0 ? (
|
|
<p className="font-[family-name:var(--font-body)] text-[length:var(--font-size-body-m,15px)] leading-[var(--line-height-body-m,22px)] text-[var(--color-content-default-secondary)]">
|
|
{noFieldsHint}
|
|
</p>
|
|
) : null}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return <CustomMethodCardPresetEditPlaceholder />;
|
|
}
|