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,137 +0,0 @@
-"use client";
-import { TrashIcon } from "@/assets/icons";
-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 {
-  Control,
-  FieldErrors,
-  FieldValues,
-  Path,
-  UseFieldArrayAppend,
-  UseFieldArrayRemove,
-  UseFormHandleSubmit,
-  UseFormRegister,
-} from "react-hook-form";
-
-interface IProps<T extends FieldValues> {
-  title: string;
-  fields: any[];
-  handleSubmit: UseFormHandleSubmit<T>;
-  onSubmit: (data: T) => void;
-  register: UseFormRegister<T>;
-  errors: FieldErrors<T>;
-  append: UseFieldArrayAppend<T, any>;
-  remove: UseFieldArrayRemove;
-  control: Control<T, any>;
-  fieldName: string;
-  defaultValues: any;
-}
-
-const SectionStep = <T extends FieldValues>({
-  title,
-  fields,
-  handleSubmit,
-  onSubmit,
-  register,
-  errors,
-  append,
-  remove,
-  fieldName,
-  defaultValues,
-}: IProps<T>) => {
-  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)}
-    >
-      <div className="flex flex-col gap-9">
-        <ShowcaseSection
-          title={`${title} Section`}
-          className="flex flex-col gap-5"
-        >
-          <InputGroup
-            {...register("section_title" as Path<T>, {
-              required: { message: FormErrorMessages.required, value: true },
-            })}
-            label="Section Title"
-            name="section_title"
-            required
-            type="text"
-            placeholder="Enter Section Title"
-          />
-          {errors.section_title && (
-            <p className="mt-1 text-sm text-red-500">
-              {errors.section_title.message as string}
-            </p>
-          )}
-          <TextAreaGroup
-            label="Section Description"
-            {...register("section_description" as Path<T>)}
-            name="section_description"
-            placeholder="Enter Section Description"
-          />
-        </ShowcaseSection>
-        <ShowcaseSection title={`${title} cards`} className="flex flex-col gap-5">
-          {fields.map((field, index) => (
-            <div
-              key={field.id}
-              className="grid grid-cols-1 gap-4 sm:grid-cols-2"
-            >
-              <InputGroup
-                {...register(`${fieldName}.${index}.icon` as Path<T>, {
-                  required: {
-                    message: FormErrorMessages.required,
-                    value: true,
-                  },
-                })}
-                label="Icon"
-                name={`${fieldName}.${index}.icon`}
-                required
-                type="text"
-                placeholder="Enter Icon URL or name"
-              />
-              <InputGroup
-                {...register(`${fieldName}.${index}.title` as Path<T>, {
-                  required: {
-                    message: FormErrorMessages.required,
-                    value: true,
-                  },
-                })}
-                label="Title"
-                name={`${fieldName}.${index}.title`}
-                required
-                type="text"
-                placeholder="Enter Title"
-              />
-              <TextAreaGroup
-                {...register(`${fieldName}.${index}.description` as Path<T>)}
-                label="Description"
-                name={`${fieldName}.${index}.description`}
-                placeholder="Enter Description"
-                className="sm:col-span-2"
-              />
-              <button
-                type="button"
-                onClick={() => remove(index)}
-                className="mt-6 flex w-fit justify-center rounded-lg bg-error p-[13px] font-medium text-white hover:bg-opacity-90"
-              >
-                <TrashIcon />
-              </button>
-            </div>
-          ))}
-          <button
-            type="button"
-            className="mt-6 flex w-fit items-center justify-center rounded-lg bg-primary p-[13px] font-medium text-white hover:bg-opacity-90"
-            onClick={() => append(defaultValues)}
-          >
-            Add point
-          </button>
-        </ShowcaseSection>
-      </div>
-    </form>
-  );
-};
-
-export default SectionStep;