Custom add and create flow polish

app/(app)/create/components/CustomMethodCardWizard/CustomMethodCardWizard.container.tsx

@@ -8,6 +8,7 @@ import {
 import type { CustomMethodCardFieldBlock } from "../../../../../lib/create/customMethodCardFieldBlocks";
 import { CUSTOM_METHOD_CARD_WIZARD_MAX_FIELD_CHARS } from "../../../../../lib/create/customMethodCardWizardConstants";
 import type { AddCustomFieldType } from "../../../../components/controls/AddCustomField/AddCustomField.types";
+import type { ModalHeaderMenuItem } from "../../../../components/modals/ModalHeader/ModalHeader.types";
 import { CustomMethodCardWizardView } from "./CustomMethodCardWizard.view";
 import type { CustomMethodCardWizardProps } from "./CustomMethodCardWizard.types";
 
@@ -21,6 +22,7 @@ const CustomMethodCardWizardContainer = memo<CustomMethodCardWizardProps>(
     const t = useTranslation("common");
     const tUpload = useTranslation("create.upload");
     const w = m.create.customRule.customMethodCardWizard;
+    const menuCopy = m.create.customRule.modalKebabMenu;
 
     const copy = useMemo(
       () => ({
@@ -228,6 +230,8 @@ const CustomMethodCardWizardContainer = memo<CustomMethodCardWizardProps>(
       dismiss();
     }, [dismiss, fieldTypeModal]);
 
+    const kebabMenuItems = useMemo<ModalHeaderMenuItem[]>(() => [], []);
+
     const handleBack = useCallback(() => {
       if (fieldTypeModal) {
         setFieldTypeModal(null);
@@ -416,6 +420,9 @@ const CustomMethodCardWizardContainer = memo<CustomMethodCardWizardProps>(
         stepper={!fieldTypeModal}
         draftFieldBlocks={draftFieldBlocks}
         onDraftFieldBlocksReorder={setDraftFieldBlocks}
+        kebabMoreOptionsAriaLabel={menuCopy.triggerAriaLabel}
+        kebabMenuAriaLabel={menuCopy.menuAriaLabel}
+        kebabMenuItems={kebabMenuItems}
       />
     );
   },

app/(app)/create/components/CustomMethodCardWizard/CustomMethodCardWizard.types.ts

@@ -1,5 +1,6 @@
 import type { RefObject } from "react";
 import type { AddCustomFieldType } from "../../../../components/controls/AddCustomField/AddCustomField.types";
+import type { ModalHeaderMenuItem } from "../../../../components/modals/ModalHeader/ModalHeader.types";
 import type { CustomMethodCardFieldBlock } from "../../../../../lib/create/customMethodCardFieldBlocks";
 
 export interface CustomMethodCardWizardFieldBodiesCopy {
@@ -141,4 +142,7 @@ export interface CustomMethodCardWizardViewProps {
   onBack: () => void;
   onNext: () => void;
   stepper: boolean;
+  kebabMoreOptionsAriaLabel: string;
+  kebabMenuAriaLabel: string;
+  kebabMenuItems: ModalHeaderMenuItem[];
 }

app/(app)/create/components/CustomMethodCardWizard/CustomMethodCardWizard.view.tsx

@@ -35,6 +35,9 @@ function CustomMethodCardWizardViewComponent({
   stepper,
   draftFieldBlocks,
   onDraftFieldBlocksReorder,
+  kebabMoreOptionsAriaLabel,
+  kebabMenuAriaLabel,
+  kebabMenuItems,
 }: CustomMethodCardWizardViewProps) {
   return (
     <Create
@@ -52,6 +55,9 @@ function CustomMethodCardWizardViewComponent({
       totalSteps={3}
       stepper={stepper}
       backdropVariant="blurredYellow"
+      kebabTriggerAriaLabel={kebabMoreOptionsAriaLabel}
+      kebabMenuAriaLabel={kebabMenuAriaLabel}
+      kebabMenuItems={kebabMenuItems}
     >
       {fieldTypeModal ? (
         <CustomMethodCardWizardFieldBodiesView