feat(marketing): Refactor marketing wizard steps and add data collection methods

- Moved all marketing wizard step components to `create/_components` directory - Added `collectData` static method to each step component for data retrieval - Reorganized file structure to improve component modularity - Prepared steps for dynamic data collection in wizard workflow - Added VSCode settings file for project configuration - Introduced new CMS-related components and services - Updated API endpoints and added new query hooks
2025-11-09 14:53:36 +03:30
parent f9bd7fce4b
commit cdc8cde6a4
26 changed files with 414 additions and 63 deletions
@@ -1,92 +0,0 @@
-"use client";
-import { Checkbox } from "@/components/FormElements/checkbox";
-import InputGroup from "@/components/FormElements/InputGroup";
-import { TextAreaGroup } from "@/components/FormElements/InputGroup/text-area";
-import { ShowcaseSection } from "@/components/Layouts/showcase-section";
-import { FormErrorMessages } from "@/constants/Texts";
-import useContactsStepPresenter from "./useContactsStepPresenter";
-
-const ContactsStep = () => {
-  const { errors, handleSubmit, onSubmit, register, fields } =
-    useContactsStepPresenter();
-  return (
-    <form
-      className="grid grid-cols-1 items-start gap-9 rounded-xl bg-gray-1 p-10 dark:bg-gray-7"
-      onSubmit={handleSubmit(onSubmit)}
-    >
-      <ShowcaseSection title="Contacts Section" className="flex flex-col gap-5">
-        <div className="flex flex-col gap-9">
-          <InputGroup
-            {...register("title", {
-              required: { message: FormErrorMessages.required, value: true },
-            })}
-            label="Title"
-            name="title"
-            required
-            type="text"
-            placeholder="Enter Title"
-          />
-          {errors.title && (
-            <p className="mt-1 text-sm text-red-500">
-              {errors.title.message as string}
-            </p>
-          )}
-          <TextAreaGroup
-            label="Description"
-            {...register("description")}
-            name="description"
-            placeholder="Enter Description"
-          />
-          <InputGroup
-            {...register("submit_button_title")}
-            label="Submit Button Title"
-            name="submit_button_title"
-            type="text"
-            placeholder="Enter Submit Button Title"
-          />
-        </div>
-      </ShowcaseSection>
-      <ShowcaseSection title="Form Fields" className="flex flex-col gap-5">
-        {fields.map((field, index) => (
-          <div
-            key={field.id}
-            className="grid grid-cols-1 items-center gap-4 sm:grid-cols-2"
-          >
-            <InputGroup
-              {...register(`fields.${index}.field_name`)}
-              label="Field Name"
-              name={`fields.${index}.field_name`}
-              type="text"
-              placeholder="Field Name"
-              disabled
-            />
-            <InputGroup
-              {...register(`fields.${index}.label`)}
-              label="Label"
-              name={`fields.${index}.label`}
-              type="text"
-              placeholder="Enter Label"
-            />
-            <InputGroup
-              {...register(`fields.${index}.placeholder`)}
-              label="Placeholder"
-              name={`fields.${index}.placeholder`}
-              type="text"
-              placeholder="Enter Placeholder"
-            />
-            <Checkbox
-              {...register(`fields.${index}.required`)}
-              label="Required"
-              minimal
-              withIcon="check"
-              withBg
-              name={`fields.${index}.required`}
-            />
-          </div>
-        ))}
-      </ShowcaseSection>
-    </form>
-  );
-};
-
-export default ContactsStep;