From 5b43741d7494185930c2236409675836a21b28ca Mon Sep 17 00:00:00 2001
From: AmirReza Jamali <amir7jamali.ar@yahoo.com>
Date: Tue, 7 Jul 2026 12:55:41 +0330
Subject: [PATCH] Fix marketing validation and filter reset issues

---
 src/app/marketing/_components/FooterStep.tsx  |  8 ++++++-
 src/app/marketing/_components/HeroStep.tsx    |  4 ++++
 src/app/providers.tsx                         |  1 +
 .../customers/useCustomerListPresenter.ts     | 24 +++++++++++++------
 4 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/src/app/marketing/_components/FooterStep.tsx b/src/app/marketing/_components/FooterStep.tsx
index 965254d..503eb3f 100644
--- a/src/app/marketing/_components/FooterStep.tsx
+++ b/src/app/marketing/_components/FooterStep.tsx
@@ -1,6 +1,7 @@
 "use client";
 import InputGroup from "@/components/FormElements/InputGroup";
 import { TextAreaGroup } from "@/components/FormElements/InputGroup/text-area";
+import { createPhoneFieldRules } from "@/components/FormElements/PhoneNumberInput";
 import { ShowcaseSection } from "@/components/Layouts/showcase-section";
 import { FormErrorMessages } from "@/constants/Texts";
 import { forwardRef } from "react";
@@ -46,11 +47,16 @@ const FooterStep = forwardRef<unknown, FooterStepProps>(
               </p>
             )}
             <InputGroup
-              {...register("phone")}
+              {...register("phone", createPhoneFieldRules())}
               label="Phone Number"
               name="phone"
               type="text"
             />
+            {errors.phone && (
+              <p className="mt-1 text-sm text-red-500">
+                {errors.phone.message as string}
+              </p>
+            )}
             <InputGroup
               {...register("location")}
               label="Location"
diff --git a/src/app/marketing/_components/HeroStep.tsx b/src/app/marketing/_components/HeroStep.tsx
index 4e6dbf9..5290f18 100644
--- a/src/app/marketing/_components/HeroStep.tsx
+++ b/src/app/marketing/_components/HeroStep.tsx
@@ -103,6 +103,10 @@ const HeroStep = forwardRef<unknown, HeroStepProps>(({ initialData, onValidityCh
                 value: 200,
                 message: FormErrorMessages.maxLength(200),
               },
+              pattern: {
+                value: REGEX.URL,
+                message: FormErrorMessages.invalidPattern,
+              },
             })}
             label="Button Link"
             name="button_link"
diff --git a/src/app/providers.tsx b/src/app/providers.tsx
index 73871f1..ac442ae 100644
--- a/src/app/providers.tsx
+++ b/src/app/providers.tsx
@@ -20,6 +20,7 @@ export function Providers({ children }: { children: React.ReactNode }) {
         <SidebarProvider>
           <QueryClientProvider client={queryClient}>
             <ToastContainer
+              className="!z-[1000001]"
               position="top-right"
               autoClose={2500}
               theme={"colored"}
diff --git a/src/components/Tables/customers/useCustomerListPresenter.ts b/src/components/Tables/customers/useCustomerListPresenter.ts
index c777bef..aeff664 100644
--- a/src/components/Tables/customers/useCustomerListPresenter.ts
+++ b/src/components/Tables/customers/useCustomerListPresenter.ts
@@ -156,17 +156,27 @@ const useCustomerListPresenter = () => {
   };
 
   const clearAllFilters = useCallback(() => {
-    filterFormReset({
-      status: undefined,
-      role: undefined,
-      type: undefined,
+    const clearedFilters = {
+      ...apiDefaultParams,
+      offset: 0,
+      limit: 10,
+      status: "",
+      role: "",
+      type: "",
       full_name: "",
       email: "",
-      company_id: undefined,
-    });
+      company_id: "",
+    };
+
+    filterFormReset(clearedFilters);
+    setFilterValue("status", "");
+    setFilterValue("role", "");
+    setFilterValue("type", "");
+    setFilterValue("company_id", "");
     setCompanySearch("");
+    setParams(clearedFilters);
     router.push(pathName);
-  }, [pathName, router, filterFormReset]);
+  }, [pathName, router, filterFormReset, setFilterValue]);
 
   const columns = [
     "row",