From 46247760a1a79a70daf88899f98073f137625e1b Mon Sep 17 00:00:00 2001
From: Amirhossein Mahmoodi <amir.mahmoodi74@gmail.com>
Date: Tue, 18 Jun 2024 13:37:08 +0330
Subject: [PATCH] update

---
 example.env.local                     |  3 ++
 src/core/components/MuiDatePicker.jsx | 76 +++++++++++----------------
 2 files changed, 35 insertions(+), 44 deletions(-)

diff --git a/example.env.local b/example.env.local
index fec226e..fbd35f0 100644
--- a/example.env.local
+++ b/example.env.local
@@ -6,6 +6,9 @@ NEXT_PUBLIC_DEFAULT_DIRECTION = "rtl"
 NEXT_PUBLIC_PRIMARY_MAIN = "#084070"
 NEXT_PUBLIC_SECONDARY_MAIN = "#FF4E00"
 
+NEXT_PUBLIC_MIN_BIRTHDAY = 1327
+NEXT_PUBLIC_MAX_BIRTHDAY = 1380
+
 NEXT_PUBLIC_BASE_URL = "https://loan-v2.witel.ir"
 NEXT_PUBLIC_POWERED_BY_URL = "https://witel.ir"
 
diff --git a/src/core/components/MuiDatePicker.jsx b/src/core/components/MuiDatePicker.jsx
index 0551f0c..ab6ad38 100644
--- a/src/core/components/MuiDatePicker.jsx
+++ b/src/core/components/MuiDatePicker.jsx
@@ -1,14 +1,12 @@
-import * as React from "react";
-import {useMemo, useState} from "react";
+import { FormControl, FormHelperText } from "@mui/material";
 import Button from "@mui/material/Button";
-import {AdapterDateFnsJalali} from "@mui/x-date-pickers/AdapterDateFnsJalali";
-import {LocalizationProvider} from "@mui/x-date-pickers/LocalizationProvider";
-import {DatePicker} from "@mui/x-date-pickers/DatePicker";
-import {faIR} from "@mui/x-date-pickers/locales";
-import {useTranslations} from "next-intl";
+import { AdapterDateFnsJalali } from "@mui/x-date-pickers/AdapterDateFnsJalali";
+import { DatePicker } from "@mui/x-date-pickers/DatePicker";
+import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+import { faIR } from "@mui/x-date-pickers/locales";
 import moment from "jalali-moment";
-import {FormControl, FormHelperText} from "@mui/material";
-import {useConfig} from "@witel/webapp-builder";
+import { useTranslations } from "next-intl";
+import { useMemo, useState } from "react";
 
 function ButtonField(props) {
     const t = useTranslations();
@@ -17,17 +15,16 @@ function ButtonField(props) {
         label,
         id,
         disabled,
-        InputProps: {ref} = {},
-        inputProps: {"aria-label": ariaLabel} = {},
+        InputProps: { ref } = {},
+        inputProps: { "aria-label": ariaLabel } = {},
     } = props;
 
     return (
         <Button
-            sx={{width: "100%", padding: 0.8}}
+            sx={{ width: "100%", padding: 0.8 }}
             variant="outlined"
             color={
-                props.slotProps.formik.touched.birthday &&
-                Boolean(props.slotProps.formik.errors.birthday)
+                props.slotProps.formik.touched.birthday && Boolean(props.slotProps.formik.errors.birthday)
                     ? "error"
                     : "primary"
             }
@@ -37,42 +34,42 @@ function ButtonField(props) {
             aria-label={ariaLabel}
             onClick={() => setOpen?.((prev) => !prev)}
         >
-            {label ? `${t("birthday", 
-                {value: `${props.slotProps.formik.values.person_type === "legal" ? "مدیر عامل" : ""}`})}: ${label}` : `${t("birthday", 
-                {value: `${props.slotProps.formik.values.person_type === "legal" ? "مدیر عامل" : ""}`})}`}
+            {label
+                ? `${t("birthday", {
+                      value: `${props.slotProps.formik.values.person_type === "legal" ? "مدیر عامل" : ""}`,
+                  })}: ${label}`
+                : `${t("birthday", {
+                      value: `${props.slotProps.formik.values.person_type === "legal" ? "مدیر عامل" : ""}`,
+                  })}`}
         </Button>
     );
 }
 
 function ButtonDatePicker(props) {
-    const {config} = useConfig();
     const t = useTranslations();
     const [open, setOpen] = useState(false);
     const dateRange = useMemo(() => {
         const today = moment();
-        const min = moment(
-            `${config.add_request_loan_birthday_range.min}-01-01`,
-            "jYYYY-jMM-jDD"
-        ).toDate();
+        const min = moment(`${process.env.NEXT_PUBLIC_MIN_BIRTHDAY}-01-01`, "jYYYY-jMM-jDD").toDate();
         const max = moment(
-            `${config.add_request_loan_birthday_range.max}-${today.format(
-                "jMM-jDD"
-            )}`,
+            `${process.env.NEXT_PUBLIC_MAX_BIRTHDAY}-${today.format("jMM-jDD")}`,
             "jYYYY-jMM-jDD"
         ).toDate();
-        return {min, max};
-    }, [config.add_request_loan_birthday_range]);
+        return { min, max };
+    }, []);
 
     return (
         <DatePicker
-            slots={{field: ButtonField, ...props.slots}}
+            slots={{ field: ButtonField, ...props.slots }}
             disabled={props.disabled}
             slotProps={{
                 formik: props.formik,
-                field: {setOpen},
+                field: { setOpen },
                 textField: {
                     helperText: props.formik.errors.birthday
-                        ? `${t("birthday_error", {value: `${props.formik.values.person_type === "legal" ? "مدیر عامل" : "خود"}`})}`
+                        ? `${t("birthday_error", {
+                              value: `${props.formik.values.person_type === "legal" ? "مدیر عامل" : "خود"}`,
+                          })}`
                         : null,
                 },
             }}
@@ -86,7 +83,7 @@ function ButtonDatePicker(props) {
     );
 }
 
-export default function PickerWithButtonField({formik, disabled}) {
+export default function PickerWithButtonField({ formik, disabled }) {
     return (
         <FormControl variant={"outlined"} fullWidth size="small" error={true}>
             <LocalizationProvider
@@ -97,15 +94,8 @@ export default function PickerWithButtonField({formik, disabled}) {
                 }}
             >
                 <ButtonDatePicker
-                    label={
-                        formik.values.birthday !== "" &&
-                        formik.values.birthday.locale("fa").format("YYYY/MM/DD")
-                    }
-                    value={
-                        formik.values.birthday !== ""
-                            ? formik.values.birthday.toDate()
-                            : null
-                    }
+                    label={formik.values.birthday !== "" && formik.values.birthday.locale("fa").format("YYYY/MM/DD")}
+                    value={formik.values.birthday !== "" ? formik.values.birthday.toDate() : null}
                     formik={formik}
                     disabled={disabled}
                     onChange={(newValue) => {
@@ -113,9 +103,7 @@ export default function PickerWithButtonField({formik, disabled}) {
                     }}
                 />
             </LocalizationProvider>
-            <FormHelperText>
-                {formik.touched.birthday && formik.errors.birthday}
-            </FormHelperText>
+            <FormHelperText>{formik.touched.birthday && formik.errors.birthday}</FormHelperText>
         </FormControl>
     );
-}
\ No newline at end of file
+}