From 1a3f3c7e9b2992b0cd4742d6e2df58c27991ef91 Mon Sep 17 00:00:00 2001
From: Armando Jr <elfiservice@hotmail.com>
Date: Sat, 1 Jun 2024 17:03:09 -0300
Subject: [PATCH 01/12] provided section and title to Ajuda a distancia

---
 src/pages/Home/components/Filter/Filter.tsx   | 29 +++++++++++++------
 src/pages/Home/components/Filter/Section.tsx  | 15 ++++++++++
 .../Home/components/Filter/TitleSection.tsx   | 15 ++++++++++
 3 files changed, 50 insertions(+), 9 deletions(-)
 create mode 100644 src/pages/Home/components/Filter/Section.tsx
 create mode 100644 src/pages/Home/components/Filter/TitleSection.tsx

diff --git a/src/pages/Home/components/Filter/Filter.tsx b/src/pages/Home/components/Filter/Filter.tsx
index d19ebf1b..e006cf74 100644
--- a/src/pages/Home/components/Filter/Filter.tsx
+++ b/src/pages/Home/components/Filter/Filter.tsx
@@ -25,6 +25,8 @@ import { priorityOptions } from '@/lib/utils';
 import CitiesFilter from './CitiesFilter';
 import { IUseSuppliesData } from '@/hooks/useSupplies/types';
 import { SupplyPriority } from '@/service/supply/types';
+import TitleSection from './TitleSection';
+import Section from './Section';
 
 const ShelterAvailabilityStatusMapped: Record<
   ShelterAvailabilityStatus,
@@ -144,6 +146,15 @@ const Filter = (props: IFilterProps) => {
 
   if (loadingSupplies || loadingSupplyCategories) return <LoadingScreen />;
 
+  function helpFromDistanceSection(): import("react").ReactNode {
+    return (
+      <Section>
+        <TitleSection title="Ajuda a distância" />
+
+      </Section>
+    );
+  }
+
   return (
     <Dialog open={open} onOpenChange={onClose}>
       <DialogContent className="rounded-md overflow-y-scroll max-h-[85vh] mt-8">
@@ -154,12 +165,12 @@ const Filter = (props: IFilterProps) => {
         </DialogHeader>
         <form onSubmit={handleSubmit}>
           <div className="pl-4 pr-4 pb-4 flex flex-col max-w-5xl w-full items-start">
-            <div className="flex flex-col gap-2 w-full my-4">
+            <Section>
               <SearchInput
                 value={values.search}
                 onChange={(v) => setFieldValue('search', v)}
               />
-            </div>
+            </Section>
             <Separator className="mt-2" />
             <CitiesFilter
               cities={values.cities}
@@ -168,7 +179,7 @@ const Filter = (props: IFilterProps) => {
               }}
             />
             <Separator className="mt-2" />
-            <div className="flex flex-col gap-2 w-full my-4">
+            <Section>
               <p className="text-sm md:text-lg font-medium">Busca avançada</p>
               <p className="text-muted-foreground text-sm md:text-lg font-medium">
                 Você pode buscar pelo item que os abrigos precisam com urgência
@@ -221,12 +232,10 @@ const Filter = (props: IFilterProps) => {
                   onChange={(v) => setFieldValue('supplies', v)}
                 />
               </div>
-            </div>
+            </Section>
             <Separator className="mt-2" />
-            <div className="flex flex-col gap-2 w-full my-4">
-              <p className="text-muted-foreground text-sm md:text-lg font-medium">
-                Status do abrigo
-              </p>
+            <Section>
+              <TitleSection title="Status do abrigo" />
               <div>
                 <label className="flex items-center mb-4">
                   <input
@@ -275,7 +284,9 @@ const Filter = (props: IFilterProps) => {
                   Sem informação de disponibilidade
                 </label>
               </div>
-            </div>
+            </Section>
+            <Separator className="mt-2" />
+            {helpFromDistanceSection()}
           </div>
           <DialogFooter className="sticky bg-white -bottom-6">
             <div className="flex flex-1 flex-col justify-end md:justify-start w-full py-6">
diff --git a/src/pages/Home/components/Filter/Section.tsx b/src/pages/Home/components/Filter/Section.tsx
new file mode 100644
index 00000000..118a0dd2
--- /dev/null
+++ b/src/pages/Home/components/Filter/Section.tsx
@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+
+type SectionProps = {
+  children: ReactNode;
+};
+
+const Section: React.FC<SectionProps> = ({ children }) => {
+  return (
+    <div className="flex flex-col gap-2 w-full my-4">
+      {children}
+    </div>
+  );
+};
+
+export default Section;
\ No newline at end of file
diff --git a/src/pages/Home/components/Filter/TitleSection.tsx b/src/pages/Home/components/Filter/TitleSection.tsx
new file mode 100644
index 00000000..c17e42e1
--- /dev/null
+++ b/src/pages/Home/components/Filter/TitleSection.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+
+interface TitleSectionProps {
+    title: string;
+}
+
+const TitleSection: React.FC<TitleSectionProps> = ({ title }) => {
+    return (
+        <p className="text-muted-foreground text-sm md:text-lg font-medium">
+            {title}
+        </p>
+    );
+};
+
+export default TitleSection;
\ No newline at end of file

From 6961aadf5bfe99b694d40e2cc74a08f86d0646d3 Mon Sep 17 00:00:00 2001
From: Armando Jr <elfiservice@hotmail.com>
Date: Sat, 1 Jun 2024 17:42:06 -0300
Subject: [PATCH 02/12] provided CheckBox to Possui Pix

---
 .../Home/components/Filter/CheckBoxFilter.tsx | 29 +++++++++++++++++++
 src/pages/Home/components/Filter/Filter.tsx   | 16 +++++++++-
 src/pages/Home/components/Filter/types.ts     |  2 ++
 3 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/Home/components/Filter/CheckBoxFilter.tsx

diff --git a/src/pages/Home/components/Filter/CheckBoxFilter.tsx b/src/pages/Home/components/Filter/CheckBoxFilter.tsx
new file mode 100644
index 00000000..4eb85241
--- /dev/null
+++ b/src/pages/Home/components/Filter/CheckBoxFilter.tsx
@@ -0,0 +1,29 @@
+import React from 'react';
+
+interface CheckBoxFilterProps {
+    onChangeCheck: (ev: React.ChangeEvent<HTMLInputElement>) => void;
+    defaultChecked?: boolean;
+    label: string;
+}
+
+const CheckBoxFilter: React.FC<CheckBoxFilterProps> = ({
+    onChangeCheck,
+    defaultChecked,
+    label,
+}) => {
+    return (
+        <div>
+            <label className="flex items-center mb-4">
+                <input
+                    type="checkbox"
+                    className="mr-2 w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
+                    onChange={onChangeCheck}
+                    defaultChecked={defaultChecked}
+                />
+                {label}
+            </label>
+        </div>
+    );
+};
+
+export default CheckBoxFilter;
\ No newline at end of file
diff --git a/src/pages/Home/components/Filter/Filter.tsx b/src/pages/Home/components/Filter/Filter.tsx
index e006cf74..cdcc16f3 100644
--- a/src/pages/Home/components/Filter/Filter.tsx
+++ b/src/pages/Home/components/Filter/Filter.tsx
@@ -27,6 +27,7 @@ import { IUseSuppliesData } from '@/hooks/useSupplies/types';
 import { SupplyPriority } from '@/service/supply/types';
 import TitleSection from './TitleSection';
 import Section from './Section';
+import CheckBoxFilter from './CheckBoxFilter';
 
 const ShelterAvailabilityStatusMapped: Record<
   ShelterAvailabilityStatus,
@@ -84,6 +85,7 @@ const Filter = (props: IFilterProps) => {
           value: id,
           label: mappedSupplies[id]?.name,
         })),
+        pix: data.pix ?? false,
       },
       enableReinitialize: true,
       validateOnChange: false,
@@ -100,6 +102,7 @@ const Filter = (props: IFilterProps) => {
           supplies,
           supplyCategories,
           cities,
+          pix,
         } = values;
         onSubmit({
           priorities: priorities.map((p) => p.value),
@@ -108,6 +111,7 @@ const Filter = (props: IFilterProps) => {
           supplyCategoryIds: supplyCategories.map((s) => s.value),
           supplyIds: supplies.map((s) => s.value),
           cities,
+          pix,
         });
       },
     }
@@ -143,6 +147,12 @@ const Filter = (props: IFilterProps) => {
     },
     [setFieldValue, values.shelterStatus]
   );
+  const handleTogglePix = useCallback(
+    (checked: boolean) => {
+      setFieldValue('pix', checked);
+    },
+    [setFieldValue]
+  );
 
   if (loadingSupplies || loadingSupplyCategories) return <LoadingScreen />;
 
@@ -150,7 +160,11 @@ const Filter = (props: IFilterProps) => {
     return (
       <Section>
         <TitleSection title="Ajuda a distância" />
-
+        <CheckBoxFilter
+          label="Possui chave pix"
+          onChangeCheck={(ev) => handleTogglePix(ev.target.checked)}
+          defaultChecked={!!values.pix}
+        />
       </Section>
     );
   }
diff --git a/src/pages/Home/components/Filter/types.ts b/src/pages/Home/components/Filter/types.ts
index e1e554ee..ce0b1898 100644
--- a/src/pages/Home/components/Filter/types.ts
+++ b/src/pages/Home/components/Filter/types.ts
@@ -12,6 +12,7 @@ export interface IFilterFormProps {
   supplyIds: string[];
   shelterStatus: ShelterAvailabilityStatus[];
   cities: string[];
+  pix: boolean;
 }
 
 export interface IFilterSubmittionForm extends Omit<IFilterFormProps, 'priority'>{
@@ -25,6 +26,7 @@ export interface IFilterFormikProps {
   supplies: ISelectField[];
   shelterStatus: ISelectField<ShelterAvailabilityStatus>[];
   cities: string[];
+  pix: boolean;
 }
 
 export interface IFilterProps {

From 1b9f767f55adc86ff79e96a3c49ea09597450e5a Mon Sep 17 00:00:00 2001
From: Armando Jr <elfiservice@hotmail.com>
Date: Sat, 1 Jun 2024 17:59:51 -0300
Subject: [PATCH 03/12] provided Pix to search query

---
 src/pages/Home/Home.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index bc088a7a..aaa67c70 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -16,6 +16,7 @@ const initialFilterData: IFilterFormProps = {
   supplyIds: [],
   shelterStatus: [],
   cities: [],
+  pix: false,
 };
 
 const Home = () => {
@@ -62,6 +63,7 @@ const Home = () => {
       supplyIds: values.supplyIds,
       shelterStatus: values.shelterStatus,
       cities: values.cities,
+      pix: values.pix,
     };
     return searchQueryArgs;
   }, []);

From 10da8590da568015655541223dd6bd86f0a1d6c4 Mon Sep 17 00:00:00 2001
From: Armando Jr <elfiservice@hotmail.com>
Date: Sat, 1 Jun 2024 19:09:21 -0300
Subject: [PATCH 04/12] fix pix data to be String type

---
 src/pages/Home/Home.tsx                     | 2 +-
 src/pages/Home/components/Filter/Filter.tsx | 6 +++---
 src/pages/Home/components/Filter/types.ts   | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index aaa67c70..152e4603 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -16,7 +16,7 @@ const initialFilterData: IFilterFormProps = {
   supplyIds: [],
   shelterStatus: [],
   cities: [],
-  pix: false,
+  pix: '',
 };
 
 const Home = () => {
diff --git a/src/pages/Home/components/Filter/Filter.tsx b/src/pages/Home/components/Filter/Filter.tsx
index cdcc16f3..1204ec4c 100644
--- a/src/pages/Home/components/Filter/Filter.tsx
+++ b/src/pages/Home/components/Filter/Filter.tsx
@@ -85,7 +85,7 @@ const Filter = (props: IFilterProps) => {
           value: id,
           label: mappedSupplies[id]?.name,
         })),
-        pix: data.pix ?? false,
+        pix: data.pix === "true" ? data.pix : "",
       },
       enableReinitialize: true,
       validateOnChange: false,
@@ -149,7 +149,7 @@ const Filter = (props: IFilterProps) => {
   );
   const handleTogglePix = useCallback(
     (checked: boolean) => {
-      setFieldValue('pix', checked);
+      setFieldValue('pix', checked ? String(checked) : "");
     },
     [setFieldValue]
   );
@@ -163,7 +163,7 @@ const Filter = (props: IFilterProps) => {
         <CheckBoxFilter
           label="Possui chave pix"
           onChangeCheck={(ev) => handleTogglePix(ev.target.checked)}
-          defaultChecked={!!values.pix}
+          defaultChecked={values.pix === "true" ? true : false}
         />
       </Section>
     );
diff --git a/src/pages/Home/components/Filter/types.ts b/src/pages/Home/components/Filter/types.ts
index ce0b1898..4744a1b5 100644
--- a/src/pages/Home/components/Filter/types.ts
+++ b/src/pages/Home/components/Filter/types.ts
@@ -12,7 +12,7 @@ export interface IFilterFormProps {
   supplyIds: string[];
   shelterStatus: ShelterAvailabilityStatus[];
   cities: string[];
-  pix: boolean;
+  pix: string;
 }
 
 export interface IFilterSubmittionForm extends Omit<IFilterFormProps, 'priority'>{
@@ -26,7 +26,7 @@ export interface IFilterFormikProps {
   supplies: ISelectField[];
   shelterStatus: ISelectField<ShelterAvailabilityStatus>[];
   cities: string[];
-  pix: boolean;
+  pix: string;
 }
 
 export interface IFilterProps {

From 23c8dd33a63b25d11faef08a824e3cbc289ad299 Mon Sep 17 00:00:00 2001
From: Armando Jr <elfiservice@hotmail.com>
Date: Sat, 1 Jun 2024 19:37:43 -0300
Subject: [PATCH 05/12] fix to remove pix from uri query when is checked to
 false

---
 src/pages/Home/components/Filter/Filter.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Home/components/Filter/Filter.tsx b/src/pages/Home/components/Filter/Filter.tsx
index 1204ec4c..01c94bc7 100644
--- a/src/pages/Home/components/Filter/Filter.tsx
+++ b/src/pages/Home/components/Filter/Filter.tsx
@@ -149,7 +149,7 @@ const Filter = (props: IFilterProps) => {
   );
   const handleTogglePix = useCallback(
     (checked: boolean) => {
-      setFieldValue('pix', checked ? String(checked) : "");
+      setFieldValue('pix', checked ? String(checked) : undefined);
     },
     [setFieldValue]
   );

From 6a41352c344675f27b19b53486631a98e46028c0 Mon Sep 17 00:00:00 2001
From: Armando Jr <elfiservice@hotmail.com>
Date: Sat, 1 Jun 2024 19:51:05 -0300
Subject: [PATCH 06/12] packege lock

---
 package-lock.json | 137 ++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 121 insertions(+), 16 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 7aa87d0b..67c0329b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -62,6 +62,7 @@
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
       "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       },
@@ -1126,6 +1127,7 @@
       "version": "8.0.2",
       "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
       "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
       "dependencies": {
         "string-width": "^5.1.2",
         "string-width-cjs": "npm:string-width@^4.2.0",
@@ -1142,6 +1144,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -1153,6 +1156,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -1255,6 +1259,7 @@
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
       "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/set-array": "^1.2.1",
         "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -1268,6 +1273,7 @@
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
       "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -1276,6 +1282,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
       "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "dev": true,
       "engines": {
         "node": ">=6.0.0"
       }
@@ -1283,12 +1290,14 @@
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.4.15",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+      "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==",
+      "dev": true
     },
     "node_modules/@jridgewell/trace-mapping": {
       "version": "0.3.25",
       "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
       "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/resolve-uri": "^3.1.0",
         "@jridgewell/sourcemap-codec": "^1.4.14"
@@ -1298,6 +1307,7 @@
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
       "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "2.0.5",
         "run-parallel": "^1.1.9"
@@ -1310,6 +1320,7 @@
       "version": "2.0.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
       "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -1318,6 +1329,7 @@
       "version": "1.2.8",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
       "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
       "dependencies": {
         "@nodelib/fs.scandir": "2.1.5",
         "fastq": "^1.6.0"
@@ -1330,6 +1342,7 @@
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
       "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
       "optional": true,
       "engines": {
         "node": ">=14"
@@ -2487,7 +2500,7 @@
       "version": "18.3.0",
       "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.0.tgz",
       "integrity": "sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==",
-      "devOptional": true,
+      "dev": true,
       "dependencies": {
         "@types/react": "*"
       }
@@ -2777,6 +2790,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
       "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -2795,12 +2809,14 @@
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true
     },
     "node_modules/anymatch": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
       "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
       "dependencies": {
         "normalize-path": "^3.0.0",
         "picomatch": "^2.0.4"
@@ -2812,7 +2828,8 @@
     "node_modules/arg": {
       "version": "5.0.2",
       "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true
     },
     "node_modules/argparse": {
       "version": "2.0.1",
@@ -2954,12 +2971,14 @@
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true
     },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
       "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       },
@@ -2971,6 +2990,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
       "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
       "dependencies": {
         "balanced-match": "^1.0.0"
       }
@@ -2979,6 +2999,7 @@
       "version": "3.0.2",
       "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
       "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "dev": true,
       "dependencies": {
         "fill-range": "^7.0.1"
       },
@@ -3054,6 +3075,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
       "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -3119,6 +3141,7 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
       "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
       "dependencies": {
         "anymatch": "~3.1.2",
         "braces": "~3.0.2",
@@ -3142,6 +3165,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -3215,6 +3239,7 @@
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
       "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -3258,6 +3283,7 @@
       "version": "7.0.3",
       "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
       "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
+      "dev": true,
       "dependencies": {
         "path-key": "^3.1.0",
         "shebang-command": "^2.0.0",
@@ -3285,6 +3311,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
       "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
       "bin": {
         "cssesc": "bin/cssesc"
       },
@@ -3386,7 +3413,8 @@
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true
     },
     "node_modules/dir-glob": {
       "version": "3.0.1",
@@ -3403,7 +3431,8 @@
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true
     },
     "node_modules/doctrine": {
       "version": "3.0.0",
@@ -3429,7 +3458,8 @@
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
       "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true
     },
     "node_modules/electron-to-chromium": {
       "version": "1.4.757",
@@ -3440,7 +3470,8 @@
     "node_modules/emoji-regex": {
       "version": "9.2.2",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
     },
     "node_modules/error-ex": {
       "version": "1.3.2",
@@ -3847,6 +3878,7 @@
       "version": "3.3.2",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
       "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+      "dev": true,
       "dependencies": {
         "@nodelib/fs.stat": "^2.0.2",
         "@nodelib/fs.walk": "^1.2.3",
@@ -3862,6 +3894,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
       "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.1"
       },
@@ -3885,6 +3918,7 @@
       "version": "1.17.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
       "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+      "dev": true,
       "dependencies": {
         "reusify": "^1.0.4"
       }
@@ -3905,6 +3939,7 @@
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
       "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -3985,6 +4020,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
       "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
+      "dev": true,
       "dependencies": {
         "cross-spawn": "^7.0.0",
         "signal-exit": "^4.0.1"
@@ -4056,6 +4092,7 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
       "hasInstallScript": true,
       "optional": true,
       "os": [
@@ -4132,6 +4169,7 @@
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
       "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
       "dependencies": {
         "is-glob": "^4.0.3"
       },
@@ -4370,6 +4408,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
       "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
       "dependencies": {
         "binary-extensions": "^2.0.0"
       },
@@ -4410,6 +4449,7 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4418,6 +4458,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
       "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -4441,6 +4482,7 @@
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
       "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
       "dependencies": {
         "is-extglob": "^2.1.1"
       },
@@ -4468,6 +4510,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
       "engines": {
         "node": ">=0.12.0"
       }
@@ -4499,12 +4542,14 @@
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true
     },
     "node_modules/jackspeak": {
       "version": "2.3.6",
       "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
       "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
+      "dev": true,
       "dependencies": {
         "@isaacs/cliui": "^8.0.2"
       },
@@ -4683,6 +4728,7 @@
       "version": "1.21.0",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.0.tgz",
       "integrity": "sha512-gFqAIbuKyyso/3G2qhiO2OM6shY6EPP/R0+mkDbyspxKazh8BXDC5FiFsUjlczgdNz/vfra0da2y+aHrusLG/Q==",
+      "dev": true,
       "bin": {
         "jiti": "bin/jiti.js"
       }
@@ -4792,6 +4838,7 @@
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
       "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true,
       "engines": {
         "node": ">=10"
       }
@@ -4880,6 +4927,7 @@
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
       "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
       "engines": {
         "node": ">= 8"
       }
@@ -4888,6 +4936,7 @@
       "version": "4.0.5",
       "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
       "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "dev": true,
       "dependencies": {
         "braces": "^3.0.2",
         "picomatch": "^2.3.1"
@@ -4919,6 +4968,7 @@
       "version": "9.0.4",
       "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.4.tgz",
       "integrity": "sha512-KqWh+VchfxcMNRAJjj2tnsSJdNbHsVgnkBhTNrW7AjVo6OvLtxw8zfT9oLw1JSohlFzJ8jCoTgaoXvJ+kHt6fw==",
+      "dev": true,
       "dependencies": {
         "brace-expansion": "^2.0.1"
       },
@@ -4933,6 +4983,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.0.tgz",
       "integrity": "sha512-oGZRv2OT1lO2UF1zUcwdTb3wqUwI0kBGTgt/T7OdSj6M6N5m3o5uPf0AIW6lVxGGoiWUR7e2AwTE+xiwK8WQig==",
+      "dev": true,
       "engines": {
         "node": ">=16 || 14 >=14.17"
       }
@@ -5003,6 +5054,7 @@
       "version": "2.7.0",
       "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
       "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
       "dependencies": {
         "any-promise": "^1.0.0",
         "object-assign": "^4.0.1",
@@ -5013,6 +5065,7 @@
       "version": "3.3.7",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
       "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -5042,6 +5095,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
       "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5067,6 +5121,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
       "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -5219,6 +5274,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
       "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -5232,6 +5288,7 @@
       "version": "1.10.2",
       "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.2.tgz",
       "integrity": "sha512-7xTavNy5RQXnsjANvVvMkEjvloOinkAjv/Z6Ildz9v2RinZ4SBKTWFOVRbaF8p0vpHnyjV/UwNDdKuUv6M5qcA==",
+      "dev": true,
       "dependencies": {
         "lru-cache": "^10.2.0",
         "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
@@ -5247,6 +5304,7 @@
       "version": "10.2.2",
       "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.2.tgz",
       "integrity": "sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==",
+      "dev": true,
       "engines": {
         "node": "14 || >=16.14"
       }
@@ -5268,6 +5326,7 @@
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
       "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
       "engines": {
         "node": ">=8.6"
       },
@@ -5279,6 +5338,7 @@
       "version": "2.3.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
       "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5287,6 +5347,7 @@
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
       "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "dev": true,
       "engines": {
         "node": ">= 6"
       }
@@ -5304,6 +5365,7 @@
       "version": "8.4.38",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
       "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -5331,6 +5393,7 @@
       "version": "15.1.0",
       "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
       "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
       "dependencies": {
         "postcss-value-parser": "^4.0.0",
         "read-cache": "^1.0.0",
@@ -5347,6 +5410,7 @@
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
       "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+      "dev": true,
       "dependencies": {
         "camelcase-css": "^2.0.1"
       },
@@ -5365,6 +5429,7 @@
       "version": "4.0.2",
       "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
       "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -5399,6 +5464,7 @@
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.1.tgz",
       "integrity": "sha512-O18pf7nyvHTckunPWCV1XUNXU1piu01y2b7ATJ0ppkUkk8ocqVWBrYjJBCwHDjD/ZWcfyrA0P4gKhzWGi5EINQ==",
+      "dev": true,
       "engines": {
         "node": ">=14"
       },
@@ -5410,6 +5476,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
       "integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
+      "dev": true,
       "dependencies": {
         "postcss-selector-parser": "^6.0.11"
       },
@@ -5428,6 +5495,7 @@
       "version": "6.0.16",
       "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.16.tgz",
       "integrity": "sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==",
+      "dev": true,
       "dependencies": {
         "cssesc": "^3.0.0",
         "util-deprecate": "^1.0.2"
@@ -5439,7 +5507,8 @@
     "node_modules/postcss-value-parser": {
       "version": "4.2.0",
       "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
     },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
@@ -5506,6 +5575,7 @@
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -5727,6 +5797,7 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
       "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
       "dependencies": {
         "pify": "^2.3.0"
       }
@@ -5735,6 +5806,7 @@
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
       "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
       "dependencies": {
         "picomatch": "^2.2.1"
       },
@@ -5781,6 +5853,7 @@
       "version": "1.0.4",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
       "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "dev": true,
       "engines": {
         "iojs": ">=1.0.0",
         "node": ">=0.10.0"
@@ -5840,6 +5913,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
       "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -5898,6 +5972,7 @@
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
       "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
       "dependencies": {
         "shebang-regex": "^3.0.0"
       },
@@ -5909,6 +5984,7 @@
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
       "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
       "engines": {
         "node": ">=8"
       }
@@ -5934,6 +6010,7 @@
       "version": "4.1.0",
       "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
       "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
       "engines": {
         "node": ">=14"
       },
@@ -5962,6 +6039,7 @@
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
       "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5995,6 +6073,7 @@
       "version": "5.1.2",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
       "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
       "dependencies": {
         "eastasianwidth": "^0.2.0",
         "emoji-regex": "^9.2.2",
@@ -6012,6 +6091,7 @@
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -6024,12 +6104,14 @@
     "node_modules/string-width-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
     },
     "node_modules/string-width/node_modules/ansi-regex": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -6041,6 +6123,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -6064,6 +6147,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -6076,6 +6160,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
       "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
       "dependencies": {
         "ansi-regex": "^5.0.1"
       },
@@ -6104,6 +6189,7 @@
       "version": "3.35.0",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
       "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
+      "dev": true,
       "dependencies": {
         "@jridgewell/gen-mapping": "^0.3.2",
         "commander": "^4.0.0",
@@ -6125,6 +6211,7 @@
       "version": "10.3.12",
       "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.12.tgz",
       "integrity": "sha512-TCNv8vJ+xz4QiqTpfOJA7HvYv+tNIRHKfUWw/q+v2jdgN4ebz+KY9tGx5J4rHP0o84mNP+ApH66HRX8us3Khqg==",
+      "dev": true,
       "dependencies": {
         "foreground-child": "^3.1.0",
         "jackspeak": "^2.3.6",
@@ -6180,6 +6267,7 @@
       "version": "3.4.3",
       "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.3.tgz",
       "integrity": "sha512-U7sxQk/n397Bmx4JHbJx/iSOOv5G+II3f1kpLpY2QeUv5DcPdcTsYLlusZfq1NthHS1c1cZoyFmmkex1rzke0A==",
+      "dev": true,
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -6230,6 +6318,7 @@
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
       "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
       "dependencies": {
         "any-promise": "^1.0.0"
       }
@@ -6238,6 +6327,7 @@
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
       "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
       "dependencies": {
         "thenify": ">= 3.1.0 < 4"
       },
@@ -6267,6 +6357,7 @@
       "version": "5.0.1",
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -6294,7 +6385,8 @@
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true
     },
     "node_modules/tslib": {
       "version": "2.6.2",
@@ -6452,7 +6544,8 @@
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true
     },
     "node_modules/validator": {
       "version": "13.12.0",
@@ -6530,6 +6623,7 @@
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
       "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
       "dependencies": {
         "isexe": "^2.0.0"
       },
@@ -6572,6 +6666,7 @@
       "version": "8.1.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
       "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
       "dependencies": {
         "ansi-styles": "^6.1.0",
         "string-width": "^5.0.1",
@@ -6589,6 +6684,7 @@
       "version": "7.0.0",
       "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
       "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
       "dependencies": {
         "ansi-styles": "^4.0.0",
         "string-width": "^4.1.0",
@@ -6605,6 +6701,7 @@
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
       "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
       "dependencies": {
         "color-convert": "^2.0.1"
       },
@@ -6619,6 +6716,7 @@
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
       "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
       "dependencies": {
         "color-name": "~1.1.4"
       },
@@ -6629,17 +6727,20 @@
     "node_modules/wrap-ansi-cjs/node_modules/color-name": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true
     },
     "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true
     },
     "node_modules/wrap-ansi-cjs/node_modules/string-width": {
       "version": "4.2.3",
       "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
       "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
       "dependencies": {
         "emoji-regex": "^8.0.0",
         "is-fullwidth-code-point": "^3.0.0",
@@ -6653,6 +6754,7 @@
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
       "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -6664,6 +6766,7 @@
       "version": "6.2.1",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
       "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
       "engines": {
         "node": ">=12"
       },
@@ -6675,6 +6778,7 @@
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
       "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
       "dependencies": {
         "ansi-regex": "^6.0.1"
       },
@@ -6701,6 +6805,7 @@
       "version": "2.4.2",
       "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.4.2.tgz",
       "integrity": "sha512-B3VqDZ+JAg1nZpaEmWtTXUlBneoGx6CPM9b0TENK6aoSu5t73dItudwdgmi6tHlIZZId4dZ9skcAQ2UbcyAeVA==",
+      "dev": true,
       "bin": {
         "yaml": "bin.mjs"
       },

From 364fd2a3ff3f57491d76baf2730cca9355ee5b8f Mon Sep 17 00:00:00 2001
From: Armando Jr <elfiservice@hotmail.com>
Date: Sun, 2 Jun 2024 16:56:26 -0300
Subject: [PATCH 07/12] provided contact to Possui contato filter

---
 src/pages/Home/Home.tsx                     |  2 ++
 src/pages/Home/components/Filter/Filter.tsx | 22 ++++++++++++++++-----
 src/pages/Home/components/Filter/types.ts   |  2 ++
 3 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/src/pages/Home/Home.tsx b/src/pages/Home/Home.tsx
index 152e4603..7cf0fb42 100644
--- a/src/pages/Home/Home.tsx
+++ b/src/pages/Home/Home.tsx
@@ -17,6 +17,7 @@ const initialFilterData: IFilterFormProps = {
   shelterStatus: [],
   cities: [],
   pix: '',
+  contact: '',
 };
 
 const Home = () => {
@@ -64,6 +65,7 @@ const Home = () => {
       shelterStatus: values.shelterStatus,
       cities: values.cities,
       pix: values.pix,
+      contact: values.contact,
     };
     return searchQueryArgs;
   }, []);
diff --git a/src/pages/Home/components/Filter/Filter.tsx b/src/pages/Home/components/Filter/Filter.tsx
index 01c94bc7..5f5e41a5 100644
--- a/src/pages/Home/components/Filter/Filter.tsx
+++ b/src/pages/Home/components/Filter/Filter.tsx
@@ -46,6 +46,9 @@ const priorityOpts = Object.entries(priorityOptions).reduce(
   {} as Record<SupplyPriority, string>
 );
 
+const ensureTrueAsString = (data: string): string =>
+  data === "true" ? data : "";
+
 const Filter = (props: IFilterProps) => {
   const { data, onClose, onSubmit, open } = props;
   const { data: supplies, loading: loadingSupplies } = useSupplies();
@@ -85,7 +88,8 @@ const Filter = (props: IFilterProps) => {
           value: id,
           label: mappedSupplies[id]?.name,
         })),
-        pix: data.pix === "true" ? data.pix : "",
+        pix: ensureTrueAsString(data.pix),
+        contact: ensureTrueAsString(data.contact),
       },
       enableReinitialize: true,
       validateOnChange: false,
@@ -103,6 +107,7 @@ const Filter = (props: IFilterProps) => {
           supplyCategories,
           cities,
           pix,
+          contact,
         } = values;
         onSubmit({
           priorities: priorities.map((p) => p.value),
@@ -112,6 +117,7 @@ const Filter = (props: IFilterProps) => {
           supplyIds: supplies.map((s) => s.value),
           cities,
           pix,
+          contact,
         });
       },
     }
@@ -147,9 +153,10 @@ const Filter = (props: IFilterProps) => {
     },
     [setFieldValue, values.shelterStatus]
   );
-  const handleTogglePix = useCallback(
-    (checked: boolean) => {
-      setFieldValue('pix', checked ? String(checked) : undefined);
+
+  const handleToggleTo = useCallback(
+    (data: string, checked: boolean, ) => {
+      setFieldValue(data, checked ? String(checked) : undefined);
     },
     [setFieldValue]
   );
@@ -162,9 +169,14 @@ const Filter = (props: IFilterProps) => {
         <TitleSection title="Ajuda a distância" />
         <CheckBoxFilter
           label="Possui chave pix"
-          onChangeCheck={(ev) => handleTogglePix(ev.target.checked)}
+          onChangeCheck={(ev) => handleToggleTo('pix', ev.target.checked)}
           defaultChecked={values.pix === "true" ? true : false}
         />
+        <CheckBoxFilter
+          label="Possui contato telefônico"
+          onChangeCheck={(ev) => handleToggleTo('contact', ev.target.checked)}
+          defaultChecked={values.contact === "true" ? true : false}
+        />
       </Section>
     );
   }
diff --git a/src/pages/Home/components/Filter/types.ts b/src/pages/Home/components/Filter/types.ts
index 4744a1b5..7911ffe4 100644
--- a/src/pages/Home/components/Filter/types.ts
+++ b/src/pages/Home/components/Filter/types.ts
@@ -13,6 +13,7 @@ export interface IFilterFormProps {
   shelterStatus: ShelterAvailabilityStatus[];
   cities: string[];
   pix: string;
+  contact: string;
 }
 
 export interface IFilterSubmittionForm extends Omit<IFilterFormProps, 'priority'>{
@@ -27,6 +28,7 @@ export interface IFilterFormikProps {
   shelterStatus: ISelectField<ShelterAvailabilityStatus>[];
   cities: string[];
   pix: string;
+  contact: string;
 }
 
 export interface IFilterProps {

From 76c9a2cc8b373b8a73787d811ff5c9a007e78d9b Mon Sep 17 00:00:00 2001
From: Armando Jr <elfiservice@hotmail.com>
Date: Sun, 2 Jun 2024 17:10:07 -0300
Subject: [PATCH 08/12] refactored to reuse CheckBoxFilter component

---
 src/pages/Home/components/Filter/Filter.tsx | 75 ++++++++-------------
 1 file changed, 27 insertions(+), 48 deletions(-)

diff --git a/src/pages/Home/components/Filter/Filter.tsx b/src/pages/Home/components/Filter/Filter.tsx
index 5f5e41a5..3c801ec9 100644
--- a/src/pages/Home/components/Filter/Filter.tsx
+++ b/src/pages/Home/components/Filter/Filter.tsx
@@ -262,54 +262,33 @@ const Filter = (props: IFilterProps) => {
             <Separator className="mt-2" />
             <Section>
               <TitleSection title="Status do abrigo" />
-              <div>
-                <label className="flex items-center mb-4">
-                  <input
-                    type="checkbox"
-                    className="mr-2 w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
-                    onChange={(ev) =>
-                      handleToggleShelterStatus(ev.target.checked, 'available')
-                    }
-                    defaultChecked={values.shelterStatus.some(
-                      (s) => s.value === 'available'
-                    )}
-                  />
-                  Abrigo Disponivel
-                </label>
-              </div>
-              <div>
-                <label className="flex items-center mb-4">
-                  <input
-                    type="checkbox"
-                    className="mr-2 w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
-                    onChange={(ev) =>
-                      handleToggleShelterStatus(
-                        ev.target.checked,
-                        'unavailable'
-                      )
-                    }
-                    defaultChecked={values.shelterStatus.some(
-                      (s) => s.value === 'unavailable'
-                    )}
-                  />
-                  Abrigo Indisponível
-                </label>
-              </div>
-              <div>
-                <label className="flex items-center mb-4">
-                  <input
-                    type="checkbox"
-                    className="mr-2 w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600"
-                    onChange={(ev) =>
-                      handleToggleShelterStatus(ev.target.checked, 'waiting')
-                    }
-                    defaultChecked={values.shelterStatus.some(
-                      (s) => s.value === 'waiting'
-                    )}
-                  />
-                  Sem informação de disponibilidade
-                </label>
-              </div>
+              <CheckBoxFilter
+                label="Abrigo Disponivel"
+                onChangeCheck={(ev) =>
+                  handleToggleShelterStatus(ev.target.checked, 'available')
+                }
+                defaultChecked={values.shelterStatus.some(
+                  (s) => s.value === 'available'
+                )}
+              />
+              <CheckBoxFilter
+                label="Abrigo Indisponivel"
+                onChangeCheck={(ev) =>
+                  handleToggleShelterStatus(ev.target.checked, 'unavailable')
+                }
+                defaultChecked={values.shelterStatus.some(
+                  (s) => s.value === 'unavailable'
+                )}
+              />
+              <CheckBoxFilter
+                label="Sem informação de disponibilidade"
+                onChangeCheck={(ev) =>
+                  handleToggleShelterStatus(ev.target.checked, 'waiting')
+                }
+                defaultChecked={values.shelterStatus.some(
+                  (s) => s.value === 'waiting'
+                )}
+              />
             </Section>
             <Separator className="mt-2" />
             {helpFromDistanceSection()}

From 92d0500bb4e6d62b8644393310608d3b244d804f Mon Sep 17 00:00:00 2001
From: Armando Jr <elfiservice@hotmail.com>
Date: Sun, 2 Jun 2024 17:25:21 -0300
Subject: [PATCH 09/12] refactored to reuse some code and improve the
 maintainability

---
 src/pages/Home/components/Filter/Filter.tsx | 31 +++++++++------------
 1 file changed, 13 insertions(+), 18 deletions(-)

diff --git a/src/pages/Home/components/Filter/Filter.tsx b/src/pages/Home/components/Filter/Filter.tsx
index 3c801ec9..d4aede7d 100644
--- a/src/pages/Home/components/Filter/Filter.tsx
+++ b/src/pages/Home/components/Filter/Filter.tsx
@@ -161,6 +161,13 @@ const Filter = (props: IFilterProps) => {
     [setFieldValue]
   );
 
+  const onShelterStatusCheckChangeTo = (status: ShelterAvailabilityStatus) => (ev: React.ChangeEvent<HTMLInputElement>) => {
+    handleToggleShelterStatus(ev.target.checked, status)
+  };
+
+  const defaultCheckedTo = (status: ShelterAvailabilityStatus): boolean => 
+    values.shelterStatus.some((s) => s.value === status);
+
   if (loadingSupplies || loadingSupplyCategories) return <LoadingScreen />;
 
   function helpFromDistanceSection(): import("react").ReactNode {
@@ -264,30 +271,18 @@ const Filter = (props: IFilterProps) => {
               <TitleSection title="Status do abrigo" />
               <CheckBoxFilter
                 label="Abrigo Disponivel"
-                onChangeCheck={(ev) =>
-                  handleToggleShelterStatus(ev.target.checked, 'available')
-                }
-                defaultChecked={values.shelterStatus.some(
-                  (s) => s.value === 'available'
-                )}
+                onChangeCheck={onShelterStatusCheckChangeTo('available')}
+                defaultChecked={defaultCheckedTo('available')}
               />
               <CheckBoxFilter
                 label="Abrigo Indisponivel"
-                onChangeCheck={(ev) =>
-                  handleToggleShelterStatus(ev.target.checked, 'unavailable')
-                }
-                defaultChecked={values.shelterStatus.some(
-                  (s) => s.value === 'unavailable'
-                )}
+                onChangeCheck={onShelterStatusCheckChangeTo('unavailable')}
+                defaultChecked={defaultCheckedTo('unavailable')}
               />
               <CheckBoxFilter
                 label="Sem informação de disponibilidade"
-                onChangeCheck={(ev) =>
-                  handleToggleShelterStatus(ev.target.checked, 'waiting')
-                }
-                defaultChecked={values.shelterStatus.some(
-                  (s) => s.value === 'waiting'
-                )}
+                onChangeCheck={onShelterStatusCheckChangeTo('waiting')}
+                defaultChecked={defaultCheckedTo('waiting')}
               />
             </Section>
             <Separator className="mt-2" />

From 4c76207e459afad484ca08bf9213c0270933f151 Mon Sep 17 00:00:00 2001
From: Armando Jr <elfiservice@hotmail.com>
Date: Sun, 2 Jun 2024 17:37:40 -0300
Subject: [PATCH 10/12] refactored to reuse shelter status

---
 src/pages/Home/components/Filter/Filter.tsx | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/pages/Home/components/Filter/Filter.tsx b/src/pages/Home/components/Filter/Filter.tsx
index d4aede7d..d510eabc 100644
--- a/src/pages/Home/components/Filter/Filter.tsx
+++ b/src/pages/Home/components/Filter/Filter.tsx
@@ -38,6 +38,11 @@ const ShelterAvailabilityStatusMapped: Record<
   waiting: 'Sem informação de disponibilidade',
 };
 
+const shelterAvailabilityStatus = Object.keys(ShelterAvailabilityStatusMapped);
+const AVAILABLE_STATUS = shelterAvailabilityStatus[0] as ShelterAvailabilityStatus;
+const UNAVAILABLE_STATUS = shelterAvailabilityStatus[1] as ShelterAvailabilityStatus;
+const WAITING_STATUS = shelterAvailabilityStatus[2] as ShelterAvailabilityStatus;
+
 const priorityOpts = Object.entries(priorityOptions).reduce(
   (prev, [priority, label]) =>
     priority === `${SupplyPriority.NotNeeded}`
@@ -271,18 +276,18 @@ const Filter = (props: IFilterProps) => {
               <TitleSection title="Status do abrigo" />
               <CheckBoxFilter
                 label="Abrigo Disponivel"
-                onChangeCheck={onShelterStatusCheckChangeTo('available')}
-                defaultChecked={defaultCheckedTo('available')}
+                onChangeCheck={onShelterStatusCheckChangeTo(AVAILABLE_STATUS)}
+                defaultChecked={defaultCheckedTo(AVAILABLE_STATUS)}
               />
               <CheckBoxFilter
                 label="Abrigo Indisponivel"
-                onChangeCheck={onShelterStatusCheckChangeTo('unavailable')}
-                defaultChecked={defaultCheckedTo('unavailable')}
+                onChangeCheck={onShelterStatusCheckChangeTo(UNAVAILABLE_STATUS)}
+                defaultChecked={defaultCheckedTo(UNAVAILABLE_STATUS)}
               />
               <CheckBoxFilter
                 label="Sem informação de disponibilidade"
-                onChangeCheck={onShelterStatusCheckChangeTo('waiting')}
-                defaultChecked={defaultCheckedTo('waiting')}
+                onChangeCheck={onShelterStatusCheckChangeTo(WAITING_STATUS)}
+                defaultChecked={defaultCheckedTo(WAITING_STATUS)}
               />
             </Section>
             <Separator className="mt-2" />

From df66c95edc53723cc1be5a5f0b7b14589eced3b9 Mon Sep 17 00:00:00 2001
From: Armando Jr <elfiservice@hotmail.com>
Date: Mon, 3 Jun 2024 19:24:18 -0300
Subject: [PATCH 11/12] refactored to get more intuitive names

---
 src/pages/Home/components/Filter/Filter.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/pages/Home/components/Filter/Filter.tsx b/src/pages/Home/components/Filter/Filter.tsx
index d510eabc..32b94218 100644
--- a/src/pages/Home/components/Filter/Filter.tsx
+++ b/src/pages/Home/components/Filter/Filter.tsx
@@ -166,11 +166,11 @@ const Filter = (props: IFilterProps) => {
     [setFieldValue]
   );
 
-  const onShelterStatusCheckChangeTo = (status: ShelterAvailabilityStatus) => (ev: React.ChangeEvent<HTMLInputElement>) => {
+  const toggleShelterStatusTo = (status: ShelterAvailabilityStatus) => (ev: React.ChangeEvent<HTMLInputElement>) => {
     handleToggleShelterStatus(ev.target.checked, status)
   };
 
-  const defaultCheckedTo = (status: ShelterAvailabilityStatus): boolean => 
+  const someShelterStatusEqualTo = (status: ShelterAvailabilityStatus): boolean => 
     values.shelterStatus.some((s) => s.value === status);
 
   if (loadingSupplies || loadingSupplyCategories) return <LoadingScreen />;
@@ -276,18 +276,18 @@ const Filter = (props: IFilterProps) => {
               <TitleSection title="Status do abrigo" />
               <CheckBoxFilter
                 label="Abrigo Disponivel"
-                onChangeCheck={onShelterStatusCheckChangeTo(AVAILABLE_STATUS)}
-                defaultChecked={defaultCheckedTo(AVAILABLE_STATUS)}
+                onChangeCheck={toggleShelterStatusTo(AVAILABLE_STATUS)}
+                defaultChecked={someShelterStatusEqualTo(AVAILABLE_STATUS)}
               />
               <CheckBoxFilter
                 label="Abrigo Indisponivel"
-                onChangeCheck={onShelterStatusCheckChangeTo(UNAVAILABLE_STATUS)}
-                defaultChecked={defaultCheckedTo(UNAVAILABLE_STATUS)}
+                onChangeCheck={toggleShelterStatusTo(UNAVAILABLE_STATUS)}
+                defaultChecked={someShelterStatusEqualTo(UNAVAILABLE_STATUS)}
               />
               <CheckBoxFilter
                 label="Sem informação de disponibilidade"
-                onChangeCheck={onShelterStatusCheckChangeTo(WAITING_STATUS)}
-                defaultChecked={defaultCheckedTo(WAITING_STATUS)}
+                onChangeCheck={toggleShelterStatusTo(WAITING_STATUS)}
+                defaultChecked={someShelterStatusEqualTo(WAITING_STATUS)}
               />
             </Section>
             <Separator className="mt-2" />

From 0ee6e2447a128341ec049cbaced82d5cc22ebf42 Mon Sep 17 00:00:00 2001
From: Armando Jr <elfiservice@hotmail.com>
Date: Mon, 3 Jun 2024 19:33:35 -0300
Subject: [PATCH 12/12] refactor to improve maintainability

---
 src/pages/Home/components/Filter/Filter.tsx | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/pages/Home/components/Filter/Filter.tsx b/src/pages/Home/components/Filter/Filter.tsx
index 32b94218..9995e682 100644
--- a/src/pages/Home/components/Filter/Filter.tsx
+++ b/src/pages/Home/components/Filter/Filter.tsx
@@ -29,6 +29,7 @@ import TitleSection from './TitleSection';
 import Section from './Section';
 import CheckBoxFilter from './CheckBoxFilter';
 
+const BOOLEAN_AS_STRING_FROM_QUERY_URL = "true";
 const ShelterAvailabilityStatusMapped: Record<
   ShelterAvailabilityStatus,
   string
@@ -166,12 +167,15 @@ const Filter = (props: IFilterProps) => {
     [setFieldValue]
   );
 
-  const toggleShelterStatusTo = (status: ShelterAvailabilityStatus) => (ev: React.ChangeEvent<HTMLInputElement>) => {
-    handleToggleShelterStatus(ev.target.checked, status)
-  };
+  const toggleShelterStatusTo = (status: ShelterAvailabilityStatus) =>
+    (ev: React.ChangeEvent<HTMLInputElement>) =>
+      handleToggleShelterStatus(ev.target.checked, status);
 
   const someShelterStatusEqualTo = (status: ShelterAvailabilityStatus): boolean => 
     values.shelterStatus.some((s) => s.value === status);
+  
+  const ensureBooleanValueTo = (data: string): boolean =>
+    data === BOOLEAN_AS_STRING_FROM_QUERY_URL;
 
   if (loadingSupplies || loadingSupplyCategories) return <LoadingScreen />;
 
@@ -182,12 +186,12 @@ const Filter = (props: IFilterProps) => {
         <CheckBoxFilter
           label="Possui chave pix"
           onChangeCheck={(ev) => handleToggleTo('pix', ev.target.checked)}
-          defaultChecked={values.pix === "true" ? true : false}
+          defaultChecked={ensureBooleanValueTo(values.pix)}
         />
         <CheckBoxFilter
           label="Possui contato telefônico"
           onChangeCheck={(ev) => handleToggleTo('contact', ev.target.checked)}
-          defaultChecked={values.contact === "true" ? true : false}
+          defaultChecked={ensureBooleanValueTo(values.contact)}
         />
       </Section>
     );