+ {
+ options.onConfirm();
+ onClose();
+ }}
+ onCancel={onClose}
+
+ />
+
+
+ );
+}
diff --git a/src/Components/Ui/CheckboxesVuexy.tsx b/src/Components/Ui/CheckboxesVuexy.tsx
new file mode 100644
index 0000000..5bc635e
--- /dev/null
+++ b/src/Components/Ui/CheckboxesVuexy.tsx
@@ -0,0 +1,49 @@
+import React from 'react';
+
+interface CheckBoxesVuexyProps {
+ className?: string;
+ color: string;
+ defaultChecked?: boolean;
+ checked?: boolean;
+ value?: string;
+ disabled?: boolean;
+ onClick?: () => void;
+ onChange?: () => void;
+ size?: string;
+ icon: React.ReactNode;
+ label: string;
+}
+
+const CheckBoxesVuexy: React.FC
+
+
+ {icon}
+
+ {label}
+
+ );
+};
+
+export default CheckBoxesVuexy;
diff --git a/src/Components/Ui/FileInput.tsx b/src/Components/Ui/FileInput.tsx
new file mode 100644
index 0000000..94c5df0
--- /dev/null
+++ b/src/Components/Ui/FileInput.tsx
@@ -0,0 +1,27 @@
+import React from 'react'
+import 'bootstrap/dist/css/bootstrap.min.css';
+import { Input } from 'reactstrap';
+import { useFormikContext } from 'formik';
+
+type FileInputProps = {
+ name:string,
+ label:string,
+ accept:string,
+ onChange:any
+}
+function FileInput({name , accept="image/*" ,label , onChange} :FileInputProps) {
+
+
+ return (
+
+
+
+
+
+ )
+}
+
+export default FileInput
\ No newline at end of file
diff --git a/src/Components/Ui/HovarableImage.tsx b/src/Components/Ui/HovarableImage.tsx
new file mode 100644
index 0000000..c56b31c
--- /dev/null
+++ b/src/Components/Ui/HovarableImage.tsx
@@ -0,0 +1,37 @@
+import React from "react";
+import { Tooltip } from "reactstrap";
+
+const tooltipStyle = {
+ backgroundColor: "white",
+ border: "2px solid lightgrey",
+ maxWidth: "400px",
+};
+
+const HovarableImage = ({ id, src, imgPreviewProps = {}, ...props }:any) => {
+ const [isOpen, setIsOpen] = React.useState(false);
+ const ID = `image_hover_tooltip_${id}`;
+ const toggleTooltip = React.useCallback(() => setIsOpen((prev) => !prev), []);
+
+ return (
+
+ 
+
+
+
+
+ );
+};
+
+export default HovarableImage;
+
diff --git a/src/Components/Ui/ImagePreview.tsx b/src/Components/Ui/ImagePreview.tsx
new file mode 100644
index 0000000..04e2177
--- /dev/null
+++ b/src/Components/Ui/ImagePreview.tsx
@@ -0,0 +1,34 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+
+const ImagePreview = ({ preview, height = 200 }:any) => {
+ const [t] = useTranslation();
+
+ return (
+
+ {preview ? (
+ 
+ ) : (
+
+ );
+};
+
+export default ImagePreview;
diff --git a/src/Components/Ui/LoadingButton.tsx b/src/Components/Ui/LoadingButton.tsx
new file mode 100644
index 0000000..248c486
--- /dev/null
+++ b/src/Components/Ui/LoadingButton.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import { Button, Spinner } from "reactstrap";
+
+const LoadingButton = ({ isLoading = false, ...props }) => {
+ return (
+
+ );
+};
+
+export { LoadingButton };
diff --git a/src/Components/Ui/LoadingSpinner.tsx b/src/Components/Ui/LoadingSpinner.tsx
new file mode 100644
index 0000000..efa5055
--- /dev/null
+++ b/src/Components/Ui/LoadingSpinner.tsx
@@ -0,0 +1,10 @@
+import { Spin } from 'antd'
+import React from 'react'
+
+function LoadingSpinner() {
+ return (
+ {t("image_preview")}
+ )}
+
+
+
+
+
+ );
+};
+
+
+export default ProgressBar;
diff --git a/src/Components/Ui/SelectField.tsx b/src/Components/Ui/SelectField.tsx
new file mode 100644
index 0000000..f794e31
--- /dev/null
+++ b/src/Components/Ui/SelectField.tsx
@@ -0,0 +1,29 @@
+import React from "react";
+import Select from "react-select";
+import { ValidatedField } from "./ValidatedField";
+import { useFormikContext } from "formik";
+
+const SelectField = ({ label, name, options, ...props }:any) => {
+ const formik = useFormikContext
+
+
+ {/*
+ {CardTitle}
*/} +{icon}
+
+ {/*
+ {count}
*/} +{CardContent}
+
+ {showEdit &&
+ confirmAlert({
+ onConfirm: () => {
+ onDelete();
+
+ },
+ })
+ }
+ className="cursor-pointer"
+ size={20}
+ />
+ )}
+ {children}
+
+);
+};
+export default TableActions;
diff --git a/src/Components/Ui/ThreeSwitchState/TripleSwitch.tsx b/src/Components/Ui/ThreeSwitchState/TripleSwitch.tsx
new file mode 100644
index 0000000..c36ffbd
--- /dev/null
+++ b/src/Components/Ui/ThreeSwitchState/TripleSwitch.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+import type { RadioChangeEvent } from 'antd';
+import { Radio } from 'antd';
+
+const onChange = (e: RadioChangeEvent) => {
+ console.log(`radio checked:${e.target.value}`);
+};
+
+const App: React.FC = () => (
+ <>
+
+
+
+
+
+ );
+};
diff --git a/src/Components/Ui/ValidatedField.tsx b/src/Components/Ui/ValidatedField.tsx
new file mode 100644
index 0000000..c2bd089
--- /dev/null
+++ b/src/Components/Ui/ValidatedField.tsx
@@ -0,0 +1,64 @@
+import React from "react";
+import { ErrorMessage, useField, Field } from "formik";
+import { FormGroup } from "reactstrap";
+import { useTranslation } from "react-i18next";
+
+const ValidatedField = ({
+ name,
+ label,
+ CustomField,
+ icon: Icon,
+ optional,
+ labelIcon = null,
+ formProps,
+ isRequired,
+
+ ...props
+}:any) => {
+
+ const [field, meta] = useField({ name, ...props });
+ const [t] = useTranslation();
+
+ let Wrapper = Field;
+
+ if (CustomField) {
+ Wrapper = CustomField;
+ }
+ const fieldProps = props.type === "file" ? {} : { ...field };
+
+ return (
+ <>
+ {label && (
+
+ )}
+ + {object.is_active ? t("active") : t("inactive")} +
+
+
+ )}
+
+ {showEdit && {
+ setObjectToEdit(objectToEdit)
+ setIsOpenEditModel()
+ onEdit()
+
+ }} className="cursor-pointer m-2" size={20} />}
+ {showView &&
+ CustomConfirmAlert({
+ onConfirm: () => {
+
+
+ onDelete();
+
+ },
+ })
+ }
+ className="cursor-pointer"
+ size={20}
+ />
+ )}
+
+ {children}
+
+);
+};
+export default TableActions;
diff --git a/src/Components/Ui/tables/ConfirmAlert.tsx b/src/Components/Ui/tables/ConfirmAlert.tsx
new file mode 100644
index 0000000..bb99f66
--- /dev/null
+++ b/src/Components/Ui/tables/ConfirmAlert.tsx
@@ -0,0 +1,40 @@
+import React from "react";
+import { confirmAlert } from "react-confirm-alert";
+import SweetAlert from "react-bootstrap-sweetalert";
+
+interface CustomUIProps {
+ onClose: () => void;
+ options: {
+ title?: string;
+ confirmBtnText?: string;
+ cancelBtnText?: string;
+ onConfirm: () => void;
+ body?: string;
+ };
+}
+
+export default function CustomConfirmAlert(options: any) {
+ confirmAlert({
+ customUI: ({ onClose }) =>
+
+ {t('blocking_')}{type}
+
+
+
+
+
+
+
+ {t('add_block_for_')}{type}
+
+
+
+
+ )
+}
+
+export default Loading
\ No newline at end of file
diff --git a/src/Components/Utils/SearchBar/SearchBar.scss b/src/Components/Utils/SearchBar/SearchBar.scss
new file mode 100644
index 0000000..6834dcf
--- /dev/null
+++ b/src/Components/Utils/SearchBar/SearchBar.scss
@@ -0,0 +1,43 @@
+.SearchBar{
+ .group {
+ display: flex;
+ align-items: center;
+ position: relative;
+ max-width: 190px;
+ }
+
+ .input {
+ width: 100%;
+ height: 40px;
+ padding: 0 1rem;
+ padding-left: 2.5rem;
+ border-radius: 8px;
+ outline: none;
+ font-weight: 500;
+ background: var(--primary);
+ color: var(--bg);
+ border: none;
+ box-shadow: 2px 2px 7px 0 var(--primary);
+
+ }
+
+ .input::placeholder {
+ color: var(--bg);
+ }
+
+
+
+ .icon {
+ position: absolute;
+ left: 1rem;
+ fill: var(--bg);
+ width: 1rem;
+ height: 1rem;
+ }
+
+
+
+
+
+
+}
\ No newline at end of file
diff --git a/src/Components/Utils/SearchBar/SearchBar.tsx b/src/Components/Utils/SearchBar/SearchBar.tsx
new file mode 100644
index 0000000..f1f5cd2
--- /dev/null
+++ b/src/Components/Utils/SearchBar/SearchBar.tsx
@@ -0,0 +1,14 @@
+import React from 'react'
+import './SearchBar.scss'
+const SearchBar = () => {
+ return (
+
+
+
+
+
+
+
+
+
+
+ )
+}
+
+export default SearchBar
\ No newline at end of file
diff --git a/src/Components/Utils/Theme.tsx b/src/Components/Utils/Theme.tsx
new file mode 100644
index 0000000..7681ffd
--- /dev/null
+++ b/src/Components/Utils/Theme.tsx
@@ -0,0 +1,84 @@
+import { Menu, MenuItem, MenuButton } from '@szhsin/react-menu';
+import { useTranslation } from 'react-i18next';
+import { usePageState } from '../../lib/state mangment/LayoutPagestate';
+import { BsFillMoonStarsFill, BsFillSunFill, BsSunglasses } from 'react-icons/bs';
+
+
+let What_the_Theme = localStorage.getItem('theme') ?? "light";
+
+if (What_the_Theme === "dark") {
+
+ document.body.classList.add('dark')}
+ else if (What_the_Theme === "glass") {
+
+ document.body.classList.add('glass')
+ }
+
+
+
+
+export default function Theme() {
+ const {t} = useTranslation();
+
+ const {setThemChange} = usePageState()
+
+ const changeTheme = (newTheme : any) => {
+
+
+ if(newTheme === "dark"){
+ document.body.classList.remove('glass');
+ document.body.classList.add('dark');localStorage.setItem("theme", "dark");
+ What_the_Theme = "dark"
+ }
+ else if(newTheme === "light"){
+ document.body.classList.remove('glass');
+ document.body.classList.remove('dark');localStorage.setItem("theme", "light");
+ What_the_Theme = "light"
+
+ }
+ else if(newTheme === "glass"){
+ document.body.classList.remove('dark'); document.body.classList.add('glass'); localStorage.setItem("theme", "glass");
+ What_the_Theme = "glass"
+
+ }
+ setThemChange()
+ };
+ /// BsSunglasses BsFillSunFill BsFillMoonStarsFill
+
+
+ return (
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/Components/Utils/Translate.tsx b/src/Components/Utils/Translate.tsx
new file mode 100644
index 0000000..a5aa816
--- /dev/null
+++ b/src/Components/Utils/Translate.tsx
@@ -0,0 +1,42 @@
+import React from 'react';
+import { Menu, Dropdown } from 'antd';
+import { useLanguage, useLanguageMenu } from '../../Hooks/useChangeLanguage';
+import i18next from 'i18next';
+import type { MenuProps } from 'antd';
+
+export default function Translate() {
+ const { changeLanguage } = useLanguage();
+ const { languageOptions } = useLanguageMenu();
+
+ const handleLanguageChange = (newLanguage:string) => {
+ changeLanguage(newLanguage);
+ };
+
+ const items : MenuProps['items'] = languageOptions.map((option:any,index:number) => ({
+ key: index,
+ label: (
+ handleLanguageChange(option.code)}>
+ 
+ {option.label}
+
+ )
+ }));
+
+
+
+ return (
+
+
+
+
+
+ );
+}
diff --git a/src/Components/Utils/UnBlockModal.tsx b/src/Components/Utils/UnBlockModal.tsx
new file mode 100644
index 0000000..cf3fac1
--- /dev/null
+++ b/src/Components/Utils/UnBlockModal.tsx
@@ -0,0 +1,60 @@
+
+import React, { useEffect } from 'react';
+import { BsExclamationCircle } from 'react-icons/bs';
+import { Button, Card, CardBody, Input, Label, Modal, ModalHeader } from 'reactstrap';
+import { useTranslation } from 'react-i18next';
+import { LoadingButton } from '../Ui/LoadingButton';
+import { useCommonModelState } from '../../lib/state mangment/driver&customer/ModelState';
+import { CiLock } from "react-icons/ci";
+
+interface UnBlockModalProps {
+
+ Mutation:any,
+ type :'customer' |'driver'
+}
+
+const UnBlockModal: React.FC
+
+ {t('un_blocking_')}{type}
+
+
+
+
+
+ {t('un_block_for_')}{type}
+
+
+
+ {loading ?
+ );
+};
+
+export default KarimSpinner;
diff --git a/src/Components/ValidationField/Ui/SearchBar.scss b/src/Components/ValidationField/Ui/SearchBar.scss
new file mode 100644
index 0000000..2ddadd9
--- /dev/null
+++ b/src/Components/ValidationField/Ui/SearchBar.scss
@@ -0,0 +1,48 @@
+.SearchBar{
+ // margin-top: 20px;
+ .group {
+ display: flex;
+ align-items: center;
+ position: relative;
+ max-width: 350px;
+ width: 350px;
+
+ }
+
+ .input {
+ width: 100%;
+ height: 40px;
+ padding: 0 1rem;
+ padding-left: 2.5rem;
+ border-radius: 8px;
+ outline: none;
+ font-weight: 500;
+ background: var(--bg);
+ color: var(--text);
+ border: none;
+ box-shadow: 2px 2px 7px 0 var(--bg);
+
+ }
+
+ .input::placeholder {
+ color: var(--subtext);
+ opacity: .4;
+
+ }
+
+
+
+ .icon {
+ position: absolute;
+ left: 1rem;
+ fill: var(--subtext);
+ width: 1rem;
+ height: 1rem;
+ }
+
+
+
+
+
+
+}
\ No newline at end of file
diff --git a/src/Components/ValidationField/Ui/SearchBar.tsx b/src/Components/ValidationField/Ui/SearchBar.tsx
new file mode 100644
index 0000000..f70b289
--- /dev/null
+++ b/src/Components/ValidationField/Ui/SearchBar.tsx
@@ -0,0 +1,35 @@
+import React, { useState } from 'react'
+import './SearchBar.scss'
+import { useNavigate, useSearchParams } from 'react-router-dom';
+const SearchBar = () => {
+ const [searchQuery, setSearchQuery] = useState('');
+ const [searchParams] = useSearchParams()
+ const navigate = useNavigate();
+
+ const handleChange = (event:any) => {
+ const { value } = event.target;
+ setSearchQuery(value);
+ updateUrlParams(value);
+ };
+
+ const updateUrlParams = (value:any) => {
+ navigate(`?search=${value}`);
+
+
+ };
+
+ return (
+
+
+ )
+}
+
+export default SearchBar
\ No newline at end of file
diff --git a/src/Components/ValidationField/ValidationField.scss b/src/Components/ValidationField/ValidationField.scss
new file mode 100644
index 0000000..97e9f5e
--- /dev/null
+++ b/src/Components/ValidationField/ValidationField.scss
@@ -0,0 +1,78 @@
+.ValidationField{
+ >*{
+ width: 100%;
+ }
+ .text,.ant-form-item{
+ margin-bottom:7px !important;
+
+ }
+
+ >span{
+ margin-bottom: 0px !important;
+ &:focus-within{
+ border-color: var(--primary) ;
+ box-shadow: 0 0 0 1px var(--primary);
+ cursor: pointer;
+ }
+ &:has(.is-invalid){
+ border-color: red !important;
+
+ }
+ input{
+ color: var(--text);
+ background: var(--bg);
+ }
+
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active{
+ -webkit-box-shadow: 0 0 0 30px white inset !important;
+}
+ }
+}
+
+.ant-upload-select{
+ width: 100%;
+}
+.Checkboxs{
+ padding: 4%;
+}
+.SearchField{
+ button{
+ background: var(--primary);
+ }
+}
+.text{
+ color: var(--text);
+}
+
+input:disabled{
+ color: var(--text) !important;
+}
+
+.isError{
+ outline: red 1px solid;
+ color: red;
+}
+.Error_color{
+ color: red;
+
+}
+input:-webkit-autofill {
+ -webkit-box-shadow: 0 0 0 1000px white inset !important; /* Change the color to your desired background color */
+}
+input:-webkit-autofill:focus {
+ -webkit-box-shadow: 0 0 0 1000px white inset !important; /* Change the color to your desired background color */
+}
+
+/* Remove autofill background color on hover */
+input:-webkit-autofill:hover {
+ -webkit-box-shadow: 0 0 0 1000px white inset !important; /* Change the color to your desired background color */
+}
+
+
+.ant-upload-list .ant-upload-list-item{
+ height:78px !important;
+ }
+
\ No newline at end of file
diff --git a/src/Components/ValidationField/ValidationField.tsx b/src/Components/ValidationField/ValidationField.tsx
new file mode 100644
index 0000000..6e25672
--- /dev/null
+++ b/src/Components/ValidationField/ValidationField.tsx
@@ -0,0 +1,34 @@
+import React from "react";
+import "./ValidationField.scss";
+import { Date, Time, File, DataRange, SelectField, Default, CheckboxField ,TextAreaField} from './View';
+import { ValidationFieldProps } from "./types";
+import MaltyFile from "./View/MaltyFile";
+import SearchField from "./View/SearchField";
+
+const ValidationField: React.FC
+
+
+
+
+
+
+ {t(`${label ? label : name}`)}
+
+
+
+
+ )
+}
+
+export default CheckboxField
\ No newline at end of file
diff --git a/src/Components/ValidationField/View/DataRange.tsx b/src/Components/ValidationField/View/DataRange.tsx
new file mode 100644
index 0000000..742e6b5
--- /dev/null
+++ b/src/Components/ValidationField/View/DataRange.tsx
@@ -0,0 +1,44 @@
+import { Form, DatePicker } from 'antd'
+
+import React from 'react'
+import useFormField from '../../../Hooks/useFormField';
+
+const { RangePicker } = DatePicker;
+
+const DataRange = ({ name, label, Format, props, onChange, isDisabled, placeholder, className }: any) => {
+
+ const { errorMsg, isError, t, formik } = useFormField(name, props)
+ const onCalendarChange = (value: any) => {
+
+ formik.setFieldValue(name, value)
+
+ };
+ return (
+
+
+
+
+
+
+ )
+}
+
+export default DataRange
\ No newline at end of file
diff --git a/src/Components/ValidationField/View/Date.tsx b/src/Components/ValidationField/View/Date.tsx
new file mode 100644
index 0000000..dde451d
--- /dev/null
+++ b/src/Components/ValidationField/View/Date.tsx
@@ -0,0 +1,51 @@
+import { Form, DatePicker } from 'antd';
+import React from 'react';
+import useFormField from '../../../Hooks/useFormField';
+import dayjs from 'dayjs';
+
+const DateField = ({ name, label, picker = "date", isDisabled, props, onChange, placeholder, className, Format }: any) => {
+
+ const { errorMsg, isError, t, formik } = useFormField(name, props);
+
+ const onCalendarChange = (value: any) => {
+ formik.setFieldValue(name, value);
+ };
+
+ // Function to check if a date is valid
+ const isValidDate = (date: any) => {
+ return date && !isNaN(date.valueOf()) && dayjs(date).isValid();
+ };
+
+ // Set a default invalid date if the provided defaultValue is invalid
+ const getDefaultDate = () => {
+ const defaultValue = formik.values[name];
+ return isValidDate(defaultValue) ? defaultValue : null; // Set to null or any other default invalid date
+ };
+
+ return (
+
+
+
+
+
+ );
+}
+
+export default DateField;
diff --git a/src/Components/ValidationField/View/Default.tsx b/src/Components/ValidationField/View/Default.tsx
new file mode 100644
index 0000000..377facc
--- /dev/null
+++ b/src/Components/ValidationField/View/Default.tsx
@@ -0,0 +1,37 @@
+import { Form, Input } from 'antd'
+import React from 'react'
+import useFormField from '../../../Hooks/useFormField';
+
+const Default = ({ name, label, placeholder, isDisabled, onChange, props,type }: any) => {
+ const { Field, formik, isError, errorMsg, t } = useFormField(name, props);
+
+ // console.log(isError);
+
+
+ return (
+
+
+
+
+
+ );
+};
+
+export default React.memo(Default);
+;
diff --git a/src/Components/ValidationField/View/File.tsx b/src/Components/ValidationField/View/File.tsx
new file mode 100644
index 0000000..ab9a43f
--- /dev/null
+++ b/src/Components/ValidationField/View/File.tsx
@@ -0,0 +1,64 @@
+import { Button, Upload, UploadFile } from 'antd'
+import useFormField from '../../../Hooks/useFormField';
+import { UploadOutlined } from '@ant-design/icons';
+import { ImageBaseURL } from '../../../api/config';
+
+
+const File = ({ name, label, onChange, isDisabled,placholder,className, props }: any) => {
+ const { formik, t ,isError,errorMsg} = useFormField(name, props)
+ let FormikName = formik.values[name];
+ const imageUrl = formik.values[name] ? ImageBaseURL + FormikName : '';
+ const fileList: UploadFile[] = [
+
+ {
+ uid: '-1',
+ name: '',
+ status: 'done',
+ url: FormikName == ""? imageUrl : imageUrl?.replace("public", "/storage"),
+ thumbUrl: FormikName == ""? imageUrl : imageUrl?.replace("public", "/storage")
+ }
+ ];
+ const FilehandleChange = (value:any) => {
+
+ formik.setFieldValue(name, value.file.originFileObj)
+
+ };
+ const customRequest = async ({ onSuccess}: any) => {
+ onSuccess();
+ };
+ return (
+
+
+
+
+ }>
+ {placholder ?? t("upload_image") }
+
+
+
+
+
+
+
+ )
+}
+
+export default File
\ No newline at end of file
diff --git a/src/Components/ValidationField/View/MaltyFile.tsx b/src/Components/ValidationField/View/MaltyFile.tsx
new file mode 100644
index 0000000..767feaa
--- /dev/null
+++ b/src/Components/ValidationField/View/MaltyFile.tsx
@@ -0,0 +1,92 @@
+import { Button, Upload } from "antd";
+import { UploadOutlined } from "@ant-design/icons";
+import useFormField from "../../../Hooks/useFormField";
+import { ImageBaseURL } from "../../../api/config";
+
+const MaltyFile = ({
+ name,
+ label,
+ onChange,
+ isDisabled,
+ placeholder,
+ className,
+ props,
+}: any) => {
+ const { formik, t, isError } = useFormField(name, props);
+
+ let imageUrl = formik?.values?.[name] ?? null;
+ // console.log(imageUrl);
+
+ // Mapping formik values to fileList format
+ const fileList = imageUrl
+ ? imageUrl.map((file: any, index: number) => {
+ let fileUrl = "";
+
+ if (typeof file === "string") {
+ fileUrl = file.replace("public", "/storage");
+ }
+ console.log(file instanceof File);
+
+ return file instanceof File
+ ? {
+ uid: index,
+ name: file?.name,
+ status: "done",
+ originFileObj: file,
+ }
+ : {
+ uid: index,
+ id: file?.id,
+ name: file?.name,
+ status: "done",
+ url: ImageBaseURL + fileUrl || "",
+ thumbUrl: ImageBaseURL + fileUrl || "",
+ };
+ })
+ : [];
+
+ const FilehandleChange = ({ fileList }: any) => {
+ if (fileList.length === 0) {
+ formik.setFieldValue(name, null);
+ } else {
+ formik.setFieldValue(
+ name,
+ fileList.map((file: any) => file?.originFileObj ?? file),
+ );
+ }
+ };
+
+ // Custom request function
+ const customRequest = async ({ onSuccess }: any) => {
+ // Perform any necessary actions before onSuccess is called
+ onSuccess();
+ };
+
+ return (
+ {isError ? "required" : ""}
+
+
+
+
+ }
+ >
+ {t(`input.` + placeholder) ?? t("input.upload_image")}
+
+
+
+ );
+};
+
+export default MaltyFile;
diff --git a/src/Components/ValidationField/View/SearchField.tsx b/src/Components/ValidationField/View/SearchField.tsx
new file mode 100644
index 0000000..47f7271
--- /dev/null
+++ b/src/Components/ValidationField/View/SearchField.tsx
@@ -0,0 +1,69 @@
+import { Form, Select } from 'antd';
+import React, { useEffect, useState } from 'react';
+import useFormField from '../../../Hooks/useFormField';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+const SearchField = ({ name, label, placeholder, isDisabled, searchBy, option, isMulti, onChange, className, loading,props }: any) => {
+ const { errorMsg, isError, t, formik } = useFormField(name, props);
+ const [searchQuery, setSearchQuery] = useState {isError ? "required" : ""}
+
+
+
+
+
+
+ );
+};
+
+export default React.memo(SearchField);
diff --git a/src/Components/ValidationField/View/SelectField.tsx b/src/Components/ValidationField/View/SelectField.tsx
new file mode 100644
index 0000000..b923d8b
--- /dev/null
+++ b/src/Components/ValidationField/View/SelectField.tsx
@@ -0,0 +1,41 @@
+import { Form, Select } from 'antd'
+import React from 'react'
+import useFormField from '../../../Hooks/useFormField';
+
+const SelectField = ({ name, label, placeholder, isDisabled,option,isMulti,onChange,className, props}: any) => {
+
+ const { errorMsg, isError, t ,formik} = useFormField(name, props)
+ const SelecthandleChange = (value: { value: string; label: React.ReactNode }) => {
+ formik.setFieldValue(name, value)
+
+ };
+ return (
+
+
+
+
+
+
+ )
+}
+
+export default React.memo(SelectField);
diff --git a/src/Components/ValidationField/View/TextArea.tsx b/src/Components/ValidationField/View/TextArea.tsx
new file mode 100644
index 0000000..62b9794
--- /dev/null
+++ b/src/Components/ValidationField/View/TextArea.tsx
@@ -0,0 +1,45 @@
+import { Form, Input } from 'antd'
+import React from 'react'
+import useFormField from '../../../Hooks/useFormField';
+const { TextArea } = Input;
+
+const TextAreaField = ({ name, label, placeholder, isDisabled, onChange, props,type }: any) => {
+ const { Field, formik, isError, errorMsg, t } = useFormField(name, props);
+
+
+
+ const handleChange = (e: React.ChangeEvent
+
+
+
+
+ );
+};
+
+export default React.memo(TextAreaField);
+;
diff --git a/src/Components/ValidationField/View/Time.tsx b/src/Components/ValidationField/View/Time.tsx
new file mode 100644
index 0000000..3d3bb0c
--- /dev/null
+++ b/src/Components/ValidationField/View/Time.tsx
@@ -0,0 +1,41 @@
+import { Form, TimePicker } from 'antd'
+import React from 'react'
+import useFormField from '../../../Hooks/useFormField';
+
+const Time = ({ name, label,className,isDisabled,onChange,props }: any) => {
+
+ const { errorMsg, isError, t, formik } = useFormField(name, props)
+ const onCalendarChange = (value: any) => {
+
+ formik.setFieldValue(name, value)
+
+ };
+ return (
+
+
+
+
+
+
+ )
+}
+
+export default Time
\ No newline at end of file
diff --git a/src/Components/ValidationField/View/index.tsx b/src/Components/ValidationField/View/index.tsx
new file mode 100644
index 0000000..606e8e6
--- /dev/null
+++ b/src/Components/ValidationField/View/index.tsx
@@ -0,0 +1,22 @@
+import Time from "./Time";
+import SelectField from "./SelectField";
+import Date from "./Date";
+import DataRange from "./DataRange";
+import CheckboxField from "./CheckboxField";
+import Default from "./Default";
+import File from "./File";
+import TextAreaField from './TextArea'
+
+
+
+export {
+ Time,
+ SelectField,
+ Date,
+ DataRange,
+ CheckboxField,
+ Default,
+ File,
+ TextAreaField
+
+}
\ No newline at end of file
diff --git a/src/Components/ValidationField/index.tsx b/src/Components/ValidationField/index.tsx
new file mode 100644
index 0000000..ee84bc7
--- /dev/null
+++ b/src/Components/ValidationField/index.tsx
@@ -0,0 +1,21 @@
+import { useState } from 'react';
+import { ErrorMessage, useField, Field, useFormikContext } from 'formik';
+import { useTranslation } from 'react-i18next';
+import { FaExclamationCircle } from 'react-icons/fa';
+import Select from 'react-select';
+import { convert_data_to_select } from '../../Layout/app/Const';
+
+
+
+
+
+export {
+ useState,
+ ErrorMessage, useField, Field, useFormikContext,
+ useTranslation,
+ FaExclamationCircle,
+ Select,
+ convert_data_to_select,
+
+
+}
\ No newline at end of file
diff --git a/src/Components/ValidationField/types.ts b/src/Components/ValidationField/types.ts
new file mode 100644
index 0000000..539f2bd
--- /dev/null
+++ b/src/Components/ValidationField/types.ts
@@ -0,0 +1,132 @@
+
+// export interface ValidationFieldProps {
+// name: string;
+// type?: "text" | "Select" | "DataRange" | "Date" | "Time" | "File" | "number" | "Checkbox" | "password";
+// placeholder?: string;
+// label?: string;
+// className?: string;
+// option?: any[];
+// isMulti?: boolean;
+// isDisabled?: boolean;
+// picker?: "data" | "week" | "month" | "quarter" | "year";
+// Format?: "YYYY/MM/DD" | "MM/DD" | "YYYY/MM";
+// onChange?: (value: any) => void;
+// Group?: boolean
+// dir?:'ltr' | "rtl"
+// }
+
+ export interface ValidationFieldPropsText {
+ name: string;
+ type: "text";
+ placeholder?: string;
+ label?: string;
+ className?: string;
+ isDisabled?: boolean;
+ onChange?: (value: any) => void;
+ dir?:'ltr' | "rtl"
+ }
+
+ export interface ValidationFieldPropsSelect {
+ name: string;
+ type: "Select";
+ placeholder?: string;
+ label?: string;
+ className?: string;
+ isDisabled?: boolean;
+ onChange?:any;
+ dir?:'ltr' | "rtl";
+ option: any[];
+ isMulti?: boolean;
+
+ }
+
+ export interface ValidationFieldPropsSearch{
+ name: string;
+ type: "Search";
+ placeholder?: string;
+ label?: string;
+ className?: string;
+ isDisabled?: boolean;
+ onChange?: (value: any) => void;
+ dir?:'ltr' | "rtl";
+ option: any[];
+ isMulti?: boolean;
+ searchBy:string;
+ loading?:boolean;
+
+ }
+ export interface ValidationFieldPropsDataRange {
+ name: string;
+ type: "DataRange";
+ placeholder?: string;
+ label?: string;
+ className?: string;
+ isDisabled?: boolean;
+ onChange?: (value: any) => void;
+ dir?:'ltr' | "rtl"
+ Format?: "YYYY/MM/DD" | "MM/DD" | "YYYY/MM" | "YYYY-MM-DD HH:mm:ss.SSS";
+ }
+ export interface ValidationFieldPropsDate {
+ name: string;
+ type: "Date";
+ placeholder?: string;
+ label?: string;
+ className?: string;
+ isDisabled?: boolean;
+ onChange?: (value: any) => void;
+ dir?:'ltr' | "rtl"
+ picker?: "data" | "week" | "month" | "quarter" | "year";
+ Format?: "YYYY/MM/DD" | "MM/DD" | "YYYY/MM" | "YYYY-MM-DD HH:mm:ss.SSS" | "YYYY-MM-DD HH:MM:SS";
+
+
+ }
+
+ export interface ValidationFieldPropsTime {
+ name: string;
+ type: "Time";
+ label?: string;
+ placeholder?: string;
+ className?: string;
+ isDisabled?: boolean;
+ onChange?: (value: any) => void;
+ dir?:'ltr' | "rtl"
+
+ }
+
+ export interface ValidationFieldPropsFile {
+ name: string;
+ type: "File" | "MaltyFile";
+ placeholder?: string;
+ label?: string;
+ className?: string;
+ isDisabled?: boolean;
+ onChange?: (value: any) => void;
+ dir?:'ltr' | "rtl"
+
+ }
+ export interface ValidationFieldPropsCheckbox {
+ name: string;
+ type: "Checkbox";
+ label?: string;
+ className?: string;
+ isDisabled?: boolean;
+ onChange?: (value: any) => void;
+ dir?:'ltr' | "rtl"
+ Group?: boolean
+
+ }
+ export interface ValidationFieldPropstext {
+ name: string;
+ type?: "text" | "number" | "password" | "TextArea";
+ label?: string;
+ className?: string;
+ placeholder?: string;
+ isDisabled?: boolean;
+ onChange?: (value: any) => void;
+ dir?:'ltr' | "rtl"
+ Group?: boolean
+
+ }
+
+
+ export type ValidationFieldProps = ValidationFieldPropsText| ValidationFieldPropsSelect| ValidationFieldPropsDataRange| ValidationFieldPropsDate| ValidationFieldPropsTime| ValidationFieldPropsFile| ValidationFieldPropsCheckbox| ValidationFieldPropstext | ValidationFieldPropsSearch;
diff --git a/src/Components/order/OrderStatus.tsx b/src/Components/order/OrderStatus.tsx
new file mode 100644
index 0000000..79c46fb
--- /dev/null
+++ b/src/Components/order/OrderStatus.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+
+// for write later
+function OrderStatus() {
+ return (
+ OrderStatus
+ )
+}
+
+export default OrderStatus
\ No newline at end of file
diff --git a/src/Extensions/Editor/HtmlEditor.tsx b/src/Extensions/Editor/HtmlEditor.tsx
new file mode 100644
index 0000000..9d02c9b
--- /dev/null
+++ b/src/Extensions/Editor/HtmlEditor.tsx
@@ -0,0 +1,42 @@
+import React, { FC } from "react";
+import { Editor } from '@tinymce/tinymce-react';
+import { useFormikContext } from "formik";
+
+interface HtmlEditorProps {
+ langCode: number;
+ name: string;
+ editorState: string;
+}
+
+const HtmlEditor: FC{label}
+Failed !
} +
+ {children}
+
+
+
+
+
+
+ )
+}
+
+export default AddButton
\ No newline at end of file
diff --git a/src/Layout/Dashboard/AddButton/AddButtonLayout.tsx b/src/Layout/Dashboard/AddButton/AddButtonLayout.tsx
new file mode 100644
index 0000000..d796bae
--- /dev/null
+++ b/src/Layout/Dashboard/AddButton/AddButtonLayout.tsx
@@ -0,0 +1,41 @@
+import React from 'react'
+import './Add_Button.scss'
+import { useTranslation } from 'react-i18next'
+import { usePageState } from '../../../lib/state mangment/LayoutPagestate'
+
+
+
+const AddButtonLayout = ({haveAddModal}:any) => {
+ const { setIsOpenAddModel , setObjectToEdit } = usePageState()
+ const [t] = useTranslation();
+
+
+ return (
+ {
+ if(haveAddModal){
+
+ setIsOpenAddModel()
+ }
+ setObjectToEdit(null)
+
+ }}>
+
+
+
+ )
+}
+
+export default AddButtonLayout
\ No newline at end of file
diff --git a/src/Layout/Dashboard/AddButton/Add_Button.scss b/src/Layout/Dashboard/AddButton/Add_Button.scss
new file mode 100644
index 0000000..fc7a862
--- /dev/null
+++ b/src/Layout/Dashboard/AddButton/Add_Button.scss
@@ -0,0 +1,77 @@
+.Add_Button{
+ button {
+ border: 2px solid var(--primary);
+ background-color: var(--primary);
+ border-radius: 0.5vw;
+ height: 40px;
+ width: 70px;
+ font-size: 1vw ;
+ display: flex; justify-content: center; align-items: center;
+ box-shadow: 2px 2px 7px 0 var(--primary);
+ }
+ button span {
+ display: flex;
+ align-items: center;
+ color: var(--bg);
+ font-weight: normal;
+ font-size: 14px;
+ }
+
+ button:hover {
+ background-color:var(--primary);
+ }
+}
+
+@media screen and (max-width: 700px) {
+ .Add_Button{
+ button{
+ font-size: 2vw !important;
+ }
+ }
+}
+@media screen and (max-width: 470px) {
+ .Add_Button{
+ button{
+ font-size: 3vw !important;
+ }
+ }
+}
+
+ .Add_Button_notification{
+ button {
+ border: 2px solid var(--primary);
+ background-color: var(--primary);
+ border-radius: 0.5vw;
+ height: 40px;
+ width: 180px;
+ font-size: 1vw ;
+ display: flex; justify-content: center; align-items: center;
+ box-shadow: 2px 2px 7px 0 var(--primary);
+ }
+ button span {
+ display: flex;
+ align-items: center;
+ color: var(--bg);
+ font-weight: normal;
+ font-size: 14px;
+ }
+
+ button:hover {
+ background-color:var(--primary);
+ }
+ }
+
+ @media screen and (max-width: 700px) {
+ .Add_Button_notification{
+ button{
+ font-size: 2vw !important;
+ }
+ }
+ }
+ @media screen and (max-width: 470px) {
+ .Add_Button_notification{
+ button{
+ font-size: 3vw !important;
+ }
+ }
+ }
diff --git a/src/Layout/Dashboard/DashBody.tsx b/src/Layout/Dashboard/DashBody.tsx
new file mode 100644
index 0000000..8f2f449
--- /dev/null
+++ b/src/Layout/Dashboard/DashBody.tsx
@@ -0,0 +1,32 @@
+import { Spinner } from "reactstrap"
+import { QueryStatusEnum } from "../../config/QueryStatus"
+import LoadingPage from "../app/LoadingPage"
+import { useTranslation } from "react-i18next"
+import { BsEmojiFrown } from "react-icons/bs";
+import ErrorPage from "../app/ErrorPage";
+
+
+const DashBody = ({ children , status }: { children: React.ReactNode ,status?:QueryStatusEnum }) => {
+ const {t} = useTranslation();
+
+ // Add You Custom Loadaing Page
+ if(status === QueryStatusEnum.LOADING){
+
+ return
+ { children }
+
+ )
+}
+
+export default DashBody
diff --git a/src/Layout/Dashboard/DashHeader.tsx b/src/Layout/Dashboard/DashHeader.tsx
new file mode 100644
index 0000000..a71852d
--- /dev/null
+++ b/src/Layout/Dashboard/DashHeader.tsx
@@ -0,0 +1,27 @@
+import React from "react";
+import AddButtonLayout from "./AddButton/AddButtonLayout";
+import { useTranslation } from "react-i18next";
+
+interface DashHeaderProp {
+ title: string;
+ children?: React.ReactNode;
+ showAddButton?: boolean;
+ haveAddModal?:boolean
+}
+const DashHeader = ({
+ children,
+ title,
+ haveAddModal= true ,
+ showAddButton = true,
+}: DashHeaderProp) => {
+ const [t] = useTranslation();
+ return (
+
+ }
+
+ );
+};
+
+export default DashHeader;
diff --git a/src/Layout/Dashboard/FormPage.tsx b/src/Layout/Dashboard/FormPage.tsx
new file mode 100644
index 0000000..befc606
--- /dev/null
+++ b/src/Layout/Dashboard/FormPage.tsx
@@ -0,0 +1,42 @@
+import { Formik, Form } from 'formik';
+import React, { ReactNode } from 'react';
+import { Button } from "reactstrap";
+import * as Yup from 'yup';
+
+interface FormValues {
+ [key: string]: any;
+}
+
+interface FormPageProps {
+ handleSubmit: (values: any) => void
+ initialValues: FormValues;
+ validationSchema: any;
+ title?: string;
+ children: ReactNode;
+}
+
+const FormPage: React.FC{t(`${title}`)}
+ {children} + {showAddButton &&{title}
+
+
+ {formik => (
+
+ )}
+
+
+
+ );
+};
+
+export default FormPage;
diff --git a/src/Layout/Dashboard/FormikForm.tsx b/src/Layout/Dashboard/FormikForm.tsx
new file mode 100644
index 0000000..9e42628
--- /dev/null
+++ b/src/Layout/Dashboard/FormikForm.tsx
@@ -0,0 +1,67 @@
+import { Formik, Form } from 'formik';
+import React, { ReactNode } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button } from "reactstrap";
+import * as Yup from 'yup';
+
+interface FormValues {
+ [key: string]: any;
+}
+
+interface FormikFormProps {
+ handleSubmit: (values: any) => void
+ initialValues: FormValues;
+ validationSchema: any;
+ title?: string;
+ children: ReactNode;
+ ButtonName?:string
+}
+const FormikForm: React.FC
+
+
+ {t("no_records")}}
+ noHeader
+ pagination
+ progressComponent={
+
+
+
+ )
+}
+
+
+export default LyTable
\ No newline at end of file
diff --git a/src/Layout/Dashboard/PageStructure.tsx b/src/Layout/Dashboard/PageStructure.tsx
new file mode 100644
index 0000000..570254d
--- /dev/null
+++ b/src/Layout/Dashboard/PageStructure.tsx
@@ -0,0 +1,36 @@
+import React, { FC } from "react";
+import StatusCard from "../../Extensions/Editor/StatusCard";
+import { Card, CardHeader, CardBody, CardTitle } from "reactstrap";
+import { useTranslation } from "react-i18next";
+
+interface PageStructureProps {
+ title?: string;
+ isLoading: boolean;
+ isError: boolean;
+ data?: any;
+ children:any
+}
+
+const PageStructure: FC
+
+ )
+}
+
+export default SearchField
\ No newline at end of file
diff --git a/src/Layout/Dashboard/SelectField.tsx b/src/Layout/Dashboard/SelectField.tsx
new file mode 100644
index 0000000..a770134
--- /dev/null
+++ b/src/Layout/Dashboard/SelectField.tsx
@@ -0,0 +1,39 @@
+import { Select } from 'antd';
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+const SelectField = ({ selectBy, lebel, option }: any) => {
+ const [searchQuery, setSearchQuery] = useState
+
+
+ );
+};
+
+export default React.memo(SelectField);
diff --git a/src/Layout/Dashboard/SelectWSearchField.tsx b/src/Layout/Dashboard/SelectWSearchField.tsx
new file mode 100644
index 0000000..bd28411
--- /dev/null
+++ b/src/Layout/Dashboard/SelectWSearchField.tsx
@@ -0,0 +1,52 @@
+import { Select } from 'antd';
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useLocation, useNavigate } from 'react-router-dom';
+
+const SelectWSearchField = ({ selectBy, submiteBy, lebel, option }: any) => {
+ const [searchQuery, setSearchQuery] = useState
+
+
+ );
+};
+
+export default React.memo(SelectWSearchField);
diff --git a/src/Layout/Dashboard/ViewPage.tsx b/src/Layout/Dashboard/ViewPage.tsx
new file mode 100644
index 0000000..407862e
--- /dev/null
+++ b/src/Layout/Dashboard/ViewPage.tsx
@@ -0,0 +1,88 @@
+import React from "react";
+import { Card, CardHeader, CardTitle, CardBody, Button } from "reactstrap";
+import { Formik, Form } from "formik";
+import { LoadingButton } from "../../Components/Ui/LoadingButton";
+import ProgressBar from "../../Components/Ui/ProgressBar";
+import { useLocation, useNavigate } from "react-router-dom";
+import { usePageState } from "../../lib/state mangment/LayoutPagestate";
+import { useTranslation } from "react-i18next";
+
+type TViewPage ={
+ children: React.ReactNode,
+ getInitialValues:any,
+ getValidationSchema:any,
+ getDataToSend:any,
+ handleSubmit:any,
+ // BarStatus:any,
+ IsloadingButton:boolean
+}
+
+const ViewPage: React.FC{t("Log Out")}
+ ),
+ },
+ ];
+
+ return (
+
+
+
+
+
+ }
+ >
+
+
+
+
+
+
+
+
+ )
+}
+
+export default Header
\ No newline at end of file
diff --git a/src/Layout/app/KarimLogo.tsx b/src/Layout/app/KarimLogo.tsx
new file mode 100644
index 0000000..6c147ee
--- /dev/null
+++ b/src/Layout/app/KarimLogo.tsx
@@ -0,0 +1,54 @@
+import React from 'react'
+
+const KarimLogo = () => {
+ return (
+<>
+
+
+ )
+}
+
+export default KarimLogo
\ No newline at end of file
diff --git a/src/Layout/app/Layout.tsx b/src/Layout/app/Layout.tsx
new file mode 100644
index 0000000..ca21133
--- /dev/null
+++ b/src/Layout/app/Layout.tsx
@@ -0,0 +1,39 @@
+import React, { useEffect } from 'react'
+import SideBar from './SideBar'
+import Header from './Header'
+import { useNavigate } from 'react-router-dom'
+import useAuthState from '../../lib/state mangment/AuthState'
+
+const Layout = ({ children }: { children: React.ReactNode }) => {
+
+
+ const navigate = useNavigate()
+ const { isAuthenticated } = useAuthState()
+ useEffect(() => {
+ if (!isAuthenticated) {
+
+ navigate('/auth')
+ }
+ }, [navigate])
+ return (
+ <>
+
+ 
+
+
+
+
+
+ )
+}
+
+export default Layout
\ No newline at end of file
diff --git a/src/Layout/app/LoadingPage.tsx b/src/Layout/app/LoadingPage.tsx
new file mode 100644
index 0000000..45d436f
--- /dev/null
+++ b/src/Layout/app/LoadingPage.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import LoadingSpinner from '../../Components/Ui/LoadingSpinner'
+import { Spin } from 'antd'
+
+function LoadingPage() {
+ return (
+
+
+
+
+
+
+
+ {children}
+
+
+
+
+ )
+}
+
+export default LoadingPage
\ No newline at end of file
diff --git a/src/Layout/app/NotFoundPage.tsx b/src/Layout/app/NotFoundPage.tsx
new file mode 100644
index 0000000..316349a
--- /dev/null
+++ b/src/Layout/app/NotFoundPage.tsx
@@ -0,0 +1,17 @@
+import React from 'react'
+import { useNavigate } from 'react-router-dom'
+
+function NotFoundPage() {
+ const navigate = useNavigate()
+ return (
+
+
+ )
+}
+
+export default NotFoundPage
\ No newline at end of file
diff --git a/src/Layout/app/SideBar.tsx b/src/Layout/app/SideBar.tsx
new file mode 100644
index 0000000..8016a30
--- /dev/null
+++ b/src/Layout/app/SideBar.tsx
@@ -0,0 +1,116 @@
+import React, { useEffect, useState } from 'react';
+import { FaAngleDown, FaAngleRight } from 'react-icons/fa';
+import { GiHamburgerMenu } from 'react-icons/gi';
+import { Link, useLocation } from 'react-router-dom';
+import { RoutesLinks } from '../../Routes';
+import { useTranslation } from 'react-i18next';
+import KarimLogo from './KarimLogo';
+import { useWindowSize } from '../../Hooks/useWindowSize';
+import Etaxi from './Etaxi';
+import { usePageState } from '../../lib/state mangment/LayoutPagestate';
+
+interface SidebarProps {}
+
+const Sidebar: React.FC
+
+
+
+ 404
|
This page could not be found +
+
+ );
+};
+
+export default Sidebar;
diff --git a/src/Layout/app/Types.tsx b/src/Layout/app/Types.tsx
new file mode 100644
index 0000000..b8a4dc7
--- /dev/null
+++ b/src/Layout/app/Types.tsx
@@ -0,0 +1,19 @@
+export interface FormTableState {
+ objectToEdit: any[];
+ OpenEdit: boolean;
+ OpenAdd: boolean;
+ }
+
+ export type ValidationFieldProps = {
+ name: string;
+ name2?: string;
+ type: string;
+ placeholder?: string;
+ label?: string;
+ className?: string;
+ option?: any;
+ isMulti?: boolean;
+ Disabled?: boolean;
+ group ? : boolean;
+ dir?:'rtl' | 'ltr'
+ };
\ No newline at end of file
diff --git a/src/Layout/app/WithDrawer.tsx b/src/Layout/app/WithDrawer.tsx
new file mode 100644
index 0000000..2c788a1
--- /dev/null
+++ b/src/Layout/app/WithDrawer.tsx
@@ -0,0 +1,53 @@
+import React, { useState, ReactNode } from 'react';
+import type { DrawerProps } from 'antd';
+import { Drawer, Space } from 'antd';
+
+interface WithDrawerProps {
+ button: React.ReactNode;
+ children: ReactNode;
+ className?:string
+}
+
+const WithDrawer: React.FC
+
+
+ 
+ {/*
+
+ {/*
+
+
+ {RoutesLinks?.map((item: any, index: number) => {
+ const isActive = pathname === item?.href;
+ const isDropdownOpen = openDropdown === index;
+
+ if (item?.hidden) {
+ return null;
+ }
+
+ if (item?.href ) {
+ return (
+
+ {React.cloneElement(item.icon, { size: 30 })}
+
+
+ );
+ }
+ })}
+
+ {t(`${item?.name}`)}
+
+ );
+ } else {
+ return (
+ handleDropdown(index)}
+ className={
+ isDropdownOpen
+ ? 'SideBar_Link DropDown DropDown_SideBar_Link Open'
+ : 'SideBar_Link DropDown'
+ }
+ >
+ {React.cloneElement(item.icon, { size: 30 })}
+
+ {isDropdownOpen &&
+ item?.children?.map((child: any, childIndex: number) => {
+ if (child?.href) {
+ return (
+
+ {React.cloneElement(child.icon, { size: 30 })}
+ {t(`${item?.name}`)}
+ {isDropdownOpen ?
+ {t(`${child?.name}`)}
+
+ );
+ }
+ return null;
+ })}
+
+ {children}
+
+
+
+ 
+
+
+
+
+
+
+
+
+ )
+}
+
+export default LoginForm
\ No newline at end of file
diff --git a/src/Pages/Auth/Page.tsx b/src/Pages/Auth/Page.tsx
new file mode 100644
index 0000000..fe47926
--- /dev/null
+++ b/src/Pages/Auth/Page.tsx
@@ -0,0 +1,32 @@
+import React, { useEffect } from 'react'
+import LoginForm from './LoginForm';
+import { LoginBg } from '../../Layout/app/Const';
+import useAuthState from '../../lib/state mangment/AuthState';
+import { useNavigate } from 'react-router-dom';
+const Auth = () => {
+
+ const { isAuthenticated } = useAuthState();
+ const navigate = useNavigate();
+
+ useEffect(() => {
+ if (isAuthenticated) {
+ navigate('/')
+ }
+ }, [])
+
+ return (
+
+
+
+
+
+ )
+}
+
+export default Auth
\ No newline at end of file
diff --git a/src/Pages/Auth/formUtil.ts b/src/Pages/Auth/formUtil.ts
new file mode 100644
index 0000000..1eebde0
--- /dev/null
+++ b/src/Pages/Auth/formUtil.ts
@@ -0,0 +1,36 @@
+
+import * as Yup from "yup";
+import { buildFormData } from "../../api/helper/buildFormData";
+
+interface formUtilCommon {
+ password:string,
+ email:string
+}
+
+
+interface InitialValues extends formUtilCommon {
+
+}
+interface ValidateSchema extends formUtilCommon{
+
+}
+
+export const getInitialValues = (): InitialValues => {
+
+
+ return {
+ password: "",
+ email:""
+ }
+
+
+};
+
+export const getValidationSchema = (editMode: boolean = false): Yup.Schema
+
+
+
+
+
+
+
+
+
+ navigate('/categories/add')}>
+
+ {t("Attribute")} {tabKey}
+
+
+
+
+ );
+};
diff --git a/src/Pages/Categories/View/Add/AttributeTab/Field/File.tsx b/src/Pages/Categories/View/Add/AttributeTab/Field/File.tsx
new file mode 100644
index 0000000..cf627c0
--- /dev/null
+++ b/src/Pages/Categories/View/Add/AttributeTab/Field/File.tsx
@@ -0,0 +1,63 @@
+
+
+
+import { Button, Upload, UploadFile } from 'antd'
+import { UploadOutlined } from '@ant-design/icons';
+import { useTranslation } from 'react-i18next';
+import { useFormikContext } from 'formik';
+
+
+const File = ({ tabKey}:any) => {
+ const { t } = useTranslation();
+ const formik = useFormikContext
+
+
+
+
+
+
+
+ )
+}
+
+export default File
\ No newline at end of file
diff --git a/src/Pages/Categories/View/Add/AttributeTab/Field/FormItem.tsx b/src/Pages/Categories/View/Add/AttributeTab/Field/FormItem.tsx
new file mode 100644
index 0000000..cc9b2d1
--- /dev/null
+++ b/src/Pages/Categories/View/Add/AttributeTab/Field/FormItem.tsx
@@ -0,0 +1,19 @@
+// FormItem.tsx
+import React from 'react';
+import { Input, Label } from 'reactstrap';
+
+interface FormItemProps {
+ label: string;
+ value: string;
+ onChange: (e: React.ChangeEvent
+
+
+
+
+ )
+}
+
+export default React.memo(SelectField);
diff --git a/src/Pages/Categories/View/Add/AttributeTab/TabsContainer.tsx b/src/Pages/Categories/View/Add/AttributeTab/TabsContainer.tsx
new file mode 100644
index 0000000..55c1654
--- /dev/null
+++ b/src/Pages/Categories/View/Add/AttributeTab/TabsContainer.tsx
@@ -0,0 +1,145 @@
+// TabsContainer.tsx
+import React, { useEffect, useState } from 'react';
+import { Tabs, Space } from 'antd';
+import { CopyOutlined } from '@ant-design/icons';
+import { FormikValues, useFormikContext } from 'formik';
+import { useTranslation } from 'react-i18next';
+import { AttributeTabs as AddAttributeTabs} from '../../Add/AttributeTab/AttributeTabs';
+import { MdOutlineDeleteOutline } from 'react-icons/md';
+
+
+export const TabsContainer: React.FC = () => {
+ const [activeKey, setActiveKey] = useState('1');
+ const { setFieldValue } = useFormikContext();
+ const formikContext = useFormikContext
+
+ (action === 'add' ? handleAdd() : handleRemove(targetKey))}
+ tabPosition={tabPosition}
+ removeIcon={}
+
+ items={items.map((item: any) => ({
+ label: {t(`${item.label}`)} handleDuplicate(item.key)} /> ,
+
+ children: ,
+
+ key: item.key,
+ closable: item.closable,
+ }))}
+ >
+
+ { items.length === 0 && (
+
+ );
+};
diff --git a/src/Pages/Categories/View/Add/AttributeValueTab/AttributeTabs.tsx b/src/Pages/Categories/View/Add/AttributeValueTab/AttributeTabs.tsx
new file mode 100644
index 0000000..017e015
--- /dev/null
+++ b/src/Pages/Categories/View/Add/AttributeValueTab/AttributeTabs.tsx
@@ -0,0 +1,116 @@
+// AttributeValueTabs.tsx
+import React, { useEffect, useState } from 'react';
+import { Col, Label, Row } from 'reactstrap';
+import { FormItem } from './Field/FormItem';
+import { useFormikContext, FormikValues } from 'formik';
+import File from './Field/File';
+import { useTranslation } from 'react-i18next';
+import { ColorPicker, type ColorPickerProps, type GetProp } from 'antd';
+
+interface AttributeValueTabsProps {
+ tabKey: string;
+ parentKey: string
+}
+
+export const AttributeValueTabs: React.FC{t("Add New Attribute")}
+ )} +{t("Value")} {tabKey}
+
+ {/* ({color.toHexString()})}
+ onChange={handelchangeColor}
+ className=' '
+ format='hex'
+ size='large'
+
+
+ />
+
+
+
+ }
+
+
+
+
+
+
+
+
+ }>
+ { t("upload_image") }
+
+
+
+
+
+
+
+ )
+}
+
+export default FileAttributeaValue
\ No newline at end of file
diff --git a/src/Pages/Categories/View/Add/AttributeValueTab/Field/FormItem.tsx b/src/Pages/Categories/View/Add/AttributeValueTab/Field/FormItem.tsx
new file mode 100644
index 0000000..91b4c0b
--- /dev/null
+++ b/src/Pages/Categories/View/Add/AttributeValueTab/Field/FormItem.tsx
@@ -0,0 +1,19 @@
+// FormItem.tsx
+import React from 'react';
+import { Input, Label } from 'reactstrap';
+
+interface FormItemProps {
+ label: string;
+ value: string;
+ onChange: (e: React.ChangeEvent
+
+
+
+
+
+
+
+
+ {/*
+ */}
+
+
+
+
+
+
+
+ )
+
+}
+
+export default AddcategoriesPage
+
diff --git a/src/Pages/Categories/View/Atteibute.tsx b/src/Pages/Categories/View/Atteibute.tsx
new file mode 100644
index 0000000..4159e25
--- /dev/null
+++ b/src/Pages/Categories/View/Atteibute.tsx
@@ -0,0 +1,37 @@
+import React from 'react';
+import { useFormikContext } from 'formik';
+import ValidationField from '../../../Components/ValidationField/ValidationField';
+import { useGetSingleAttribute } from '../../../api/attribute';
+
+const Attribute = () => {
+ const { values, setFieldValue } = useFormikContext{t("BasicInfo")}
{t("attributes")}
+ {objectToEdit && !AttributeisRefetching && data ?
+
+
+
+
+
+
+
+
+
+ {/*
+ {Atrribute?.data &&
+ */}
+
+
+
+ :
+ )
+
+}
+
+export default EditPage
\ No newline at end of file
diff --git a/src/Pages/Categories/formUtil.ts b/src/Pages/Categories/formUtil.ts
new file mode 100644
index 0000000..d01ba53
--- /dev/null
+++ b/src/Pages/Categories/formUtil.ts
@@ -0,0 +1,102 @@
+
+import * as Yup from "yup";
+import { buildFormData } from "../../api/helper/buildFormData";
+import { ImageBaseURL } from "../../api/config";
+import { fetchImage } from "../../Hooks/imageUrlToFile";
+import { useState } from "react";
+
+
+export const getInitialValues = (objectToEdit: any | null = null): any => {
+
+ const Attribute = objectToEdit[1]?.map((item: any) => {
+ const AttributeValue = item?.attribute_value?.map((item:any)=>(
+ {
+ value_ar: item?.value["ar"],
+ value_en: item?.value["en"],
+ value_cn: item?.value["cn"],
+ id : item?.id,
+ image : item?.image,
+ Edited:false
+
+ } )
+ )
+ return (
+ {
+ name_ar: item?.name["ar"],
+ name_en: item?.name["en"],
+ name_cn: item?.name["cn"],
+ type : item?.type,
+ id : item?.id,
+ icon : item?.icon,
+ category_id : item?.category_id,
+ AttributeValue : [{},...AttributeValue ?? {}],
+ Edited:false
+
+ }
+ )
+ })
+ const imageUrl = ImageBaseURL + objectToEdit[0]?.photo?.replace("public", "/storage")
+
+
+ return {
+ id: objectToEdit[0]?.id ?? 0,
+ name_ar: objectToEdit[0]?.name["ar"],
+ name_en: objectToEdit[0]?.name["en"],
+ name_cn: objectToEdit[0]?.name["de"],
+ parent_id: objectToEdit[0]?.parent_id ?? "",
+ photo: objectToEdit[0]?.photo ?? '',
+ Attribute: [{},...Attribute],
+ removedAttribute:[],
+ removedAttributeValue:[],
+
+
+ };
+};
+export const getInitialValuesForAdd = (objectToEdit: any | null = null): any => {
+ return {
+ name_ar: '',
+ name_en: '',
+ name_cn: '',
+ parent_id: null,
+ photo: '',
+ Attribute: [{}],
+
+
+ };
+};
+
+
+
+export const getValidationSchema = (editMode: boolean = false): Yup.Schema{t("BasicInfo")}
{t("attributes")}
+ navigate('/coupon/add')}>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+
+}
+
+export default AddCouponPage
\ No newline at end of file
diff --git a/src/Pages/Coupon/View/EditForm.tsx b/src/Pages/Coupon/View/EditForm.tsx
new file mode 100644
index 0000000..090d5f5
--- /dev/null
+++ b/src/Pages/Coupon/View/EditForm.tsx
@@ -0,0 +1,81 @@
+
+import React, { useEffect } from 'react'
+import { Col, Row } from 'reactstrap';
+import ValidationField from '../../../Components/ValidationField/ValidationField';
+import { useFormikContext } from 'formik';
+
+import { DatePicker, Switch } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { isEmpty } from '../../../Hooks/isEmpty';
+import { useGetCategories } from '../../../api/Categories';
+import useFormatToSelect from '../../../Hooks/useFormatToSelect';
+import { useGetProduct } from '../../../api/product';
+
+function Form() {
+ const { values,setFieldValue } = useFormikContext{t("BasicInfo")}
+
+
+
+
+
+
+
+
+ {objectToEdit && data ?
+
+
+
+
+
+
+
+
+
+
+
+ :
+ )
+
+}
+
+export default EditPage
\ No newline at end of file
diff --git a/src/Pages/Coupon/formUtil.ts b/src/Pages/Coupon/formUtil.ts
new file mode 100644
index 0000000..b6d9c01
--- /dev/null
+++ b/src/Pages/Coupon/formUtil.ts
@@ -0,0 +1,117 @@
+
+import * as Yup from "yup";
+import { buildFormData } from "../../api/helper/buildFormData";
+import moment from 'moment';
+import * as dayjs from 'dayjs'
+
+interface formUtilCommon {
+ number: number,
+ value: number
+}
+
+interface ObjectToEdit extends formUtilCommon {
+
+ id?: number,
+
+}
+
+interface InitialValues extends ObjectToEdit {
+
+}
+interface ValidateSchema extends formUtilCommon {
+
+}
+
+export const getInitialValues = (objectToEdit: any | null = null): any => {
+ //@ts-ignore
+
+ const products = [] as any;
+ const categories = [] as any;
+ const language = localStorage.getItem("language") ?? "en"
+
+ // Map over the items array and push items into the appropriate array
+ objectToEdit?.items?.forEach((item: any) => {
+ if (item?.itemable_type === "product") {
+ products.push({ value: item?.itemable?.id, label: item?.itemable?.name[language] });
+ } else if (item?.itemable_type === "category") {
+ categories.push({ value: item?.itemable?.id, label: item?.itemable?.name[language] });
+ }
+ });
+ return {
+ id: objectToEdit?.id ?? null,
+ name: objectToEdit?.name ,
+ code: objectToEdit?.code ,
+ //@ts-ignore
+ active: objectToEdit?.active_to ? [dayjs(objectToEdit?.active_from), dayjs(objectToEdit?.active_to)] : "",
+ minimum_total_to_order: objectToEdit?.minimum_total_to_order ,
+ maximum_number_of_uses_per_user: objectToEdit?.maximum_number_of_uses_per_user ,
+ maximum_number_of_uses: objectToEdit?.maximum_number_of_uses ,
+
+ coupon_value: objectToEdit?.coupon_value ,
+ coupon_type: objectToEdit?.coupon_type ,
+ discount_type: objectToEdit?.discount_type ,
+ product_attr: products ,
+ category_attr: categories ,
+ status: objectToEdit?.status ?? 0,
+
+
+ };
+};
+
+export const getInitialValuesForAdd = (objectToEdit: any | null = null): any => {
+ return {
+ // id: '',
+ name: null,
+ code: null,
+ active: null,
+ minimum_total_to_order: null,
+ maximum_number_of_uses_per_user: null,
+ maximum_number_of_uses: null,
+ coupon_value: null,
+ coupon_type: null,
+ discount_type: null,
+ product_attr: null,
+ category_attr: null,
+ status: 0,
+
+
+
+ };
+};
+
+export const getValidationSchema = (editMode: boolean = false): Yup.Schema{t("BasicInfo")}
+
+ );
+};
+
+export default BarsDataset;
diff --git a/src/Pages/Home/HomePage.tsx b/src/Pages/Home/HomePage.tsx
new file mode 100644
index 0000000..6cd3365
--- /dev/null
+++ b/src/Pages/Home/HomePage.tsx
@@ -0,0 +1,66 @@
+import React from "react";
+import StatisticsCard from "../../Components/Ui/StaticsCard/StaticCard";
+import { FaFirstOrder, FaProductHunt, FaUser } from "react-icons/fa";
+import { useTranslation } from "react-i18next";
+import { Col, Row } from "reactstrap";
+import Chart from "./Chart";
+import { useGetHome } from "../../api/home";
+import { Spin } from "antd";
+
+export default function HomePage() {
+ const { t } = useTranslation();
+
+ const {data,isLoading} = useGetHome()
+
+
+ const cardsData = [
+ {
+ icon:
+
+
+ ))}
+
+ navigate('/notification/add')}>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+
+}
+
+export default AddPage
\ No newline at end of file
diff --git a/src/Pages/Notifcation/View/formUtil.ts b/src/Pages/Notifcation/View/formUtil.ts
new file mode 100644
index 0000000..23ab30a
--- /dev/null
+++ b/src/Pages/Notifcation/View/formUtil.ts
@@ -0,0 +1,72 @@
+
+import * as Yup from "yup";
+import { buildFormData } from "../../../api/helper/buildFormData";
+import moment from 'moment';
+import * as dayjs from 'dayjs'
+
+
+export const getInitialValues = (objectToEdit: any | null = null): any => {
+ //@ts-ignore
+ return {
+ id: objectToEdit?.id ,
+ name: objectToEdit?.name ,
+ email: objectToEdit?.email ,
+ type: objectToEdit?.type ,
+ avatar: objectToEdit?.avatar ,
+
+ };
+};
+export const getInitialValuesForAdd = (objectToEdit: any | null = null): any => {
+ return {
+ body_en: "" ,
+ body_ar: "" ,
+ body_ce: "" ,
+ meta: "" ,
+ title_en: "" ,
+ title_ar: "" ,
+ title_cn: "" ,
+ user_ids:[],
+ type: "" ,
+
+ };
+};
+
+export const getValidationSchema = (editMode: boolean = false): Yup.Schema{t("BasicInfo")}
+
+ navigate('/products/add')}>
+
+
+
+
+
+
+
+
+
+
+ {/*
+ */}
+
+
+
+
+
+
+ )
+
+}
+
+export default AddProductPage
+
diff --git a/src/Pages/Products/View/Addfn/AddNewVariation.ts b/src/Pages/Products/View/Addfn/AddNewVariation.ts
new file mode 100644
index 0000000..2ed7e94
--- /dev/null
+++ b/src/Pages/Products/View/Addfn/AddNewVariation.ts
@@ -0,0 +1,83 @@
+// Function to process variable taps when success is true
+export function AddNewVariation(Varibletaps: any[], data: any, AddVariation: any) {
+ const baseProductId = data?.id;
+ Varibletaps?.forEach((dataToSend: any) => {
+ const varible = dataToSend;
+ const info = varible?.info ?? [];
+ const convertedArray = info?.reduce((acc: any, obj: any) => {
+ acc[obj.Description] = obj.key;
+ return acc;
+ }, {});
+ const jsonString = Object.keys(convertedArray).length === 0 ? null : JSON.stringify(convertedArray);
+
+
+ const StringimagesArray = varible?.images?.filter((item: any) => typeof item === 'string') || [];
+ const FileimagesArray = varible?.images?.filter((item: any) => typeof item !== 'string') || [];
+
+ const images = { images: FileimagesArray };
+ console.log(FileimagesArray,"FileimagesArray");
+
+ const main_photo = (typeof varible?.main_photo === 'string') ? {} : { main_photo: varible?.main_photo };
+
+ // const copied_assets = [
+ // ...(typeof varible?.main_photo === 'string' ? [{ main_photo: varible?.main_photo }] : []),
+ // [StringimagesArray]
+ // ];
+
+ const filteredAttributes = varible.attribute?.filter(Boolean); // Filter out undefined values
+
+ const mappedAttributes = filteredAttributes?.map((item: any) => {
+ return {
+ attribute_value_id: item?.value,
+ attribute_id: item?.id
+ }
+ });
+
+ console.log(mappedAttributes, "mappedAttributes");
+
+ // Flatten the array of arrays
+ // const flattenedAttributes = mappedAttributes?.filter(Boolean)?.flat();
+
+ // const arrayOfObjects = flattenedAttributes?.map((subArray: any, index: any) => {
+ // console.log(subArray, "subArray");
+ // console.log(index, "index");
+
+ // return {
+ // ...subArray,
+ // };
+ // });
+
+ // console.log(arrayOfObjects, "arrayOfObjects");
+
+
+ const Newproduct = {
+ name: {
+ en: varible?.name_en,
+ ar: varible?.name_ar,
+ de: varible?.name_cn
+ },
+ description: {
+ en: varible?.description_en,
+ ar: varible?.description_ar,
+ de: varible?.description_cn
+ },
+ // quantity: varible?.quantity,
+ info: jsonString,
+ price: varible?.price,
+ // product_attributes: varible?.attribute?.map((item: any, index: any) => {
+ // return item?.map((subitem:any,index:any)=>{
+ // return { attribute_value_id: subitem?.value, attribute_id: subitem?.id }
+ // })
+ // }),
+ product_attributes:mappedAttributes,
+ base_product_id: baseProductId,
+ ...images,
+ ...main_photo,
+ // ...copied_assets,
+
+
+ };
+ console.log(Newproduct);
+ AddVariation(Newproduct);
+ });
+}
diff --git a/src/Pages/Products/View/Addfn/isvalidation.ts b/src/Pages/Products/View/Addfn/isvalidation.ts
new file mode 100644
index 0000000..1bbabb5
--- /dev/null
+++ b/src/Pages/Products/View/Addfn/isvalidation.ts
@@ -0,0 +1,27 @@
+import { toast } from "react-toastify";
+
+// Function to validate variable items
+export function isvalidation(variableItems: any[], t: any) {
+ const validationResults: boolean[] = [];
+ variableItems.slice(1).forEach((item: any, index: any) => {
+ if (item && Object.keys(item).length > 0) { // Check if item is defined and not empty
+ if (!item?.name_ar || !item?.name_en || !item?.name_cn) {
+ toast.error(t('required_name') + ` ${index + 1}`);
+ validationResults.push(false);
+ } else if (!item?.description_ar || !item?.description_en || !item?.description_cn) {
+ toast.error(t('required_description') + ` ${index + 1}`);
+ validationResults.push(false);
+ } else if (item.main_photo === null || !item?.main_photo) {
+ toast.error(t('required_main_photo') + ` ${index + 1}`);
+ validationResults.push(false);
+ } else if (item.price === null || !item?.price) {
+ toast.error(t('required_price') + ` ${index + 1}`);
+ validationResults.push(false);
+ } else {
+ validationResults.push(true);
+ }
+ }
+ });
+ return validationResults;
+ }
+
\ No newline at end of file
diff --git a/src/Pages/Products/View/BasicInfo.tsx b/src/Pages/Products/View/BasicInfo.tsx
new file mode 100644
index 0000000..4e9f915
--- /dev/null
+++ b/src/Pages/Products/View/BasicInfo.tsx
@@ -0,0 +1,73 @@
+import React, { useEffect, useState } from 'react'
+import { Col, Row } from 'reactstrap'
+import ValidationField from '../../../Components/ValidationField/ValidationField'
+import { useTranslation } from 'react-i18next';
+import { useFormikContext } from 'formik';
+import { toast } from 'react-toastify';
+import { useGetCategories } from '../../../api/Categories';
+import useFormatToSelect from '../../../Hooks/useFormatToSelect';
+import { useParams } from 'react-router-dom';
+import Atteibute from '../View/FormikTab/Field/Atteibute';
+import ObjectField from './FormikTab/Field/Object';
+import MaltyFile from './FormikTab/Field/FileImage';
+
+const BasicInfo = ({ setIsValed, IsValed }: any) => {
+ const [t] = useTranslation();
+ const formikContext = useFormikContext{t("Base_info")}
{t("VarianInfo")}
+ {objectToEdit && data?.data && objectToEdit ?
+
+
+
+
+
+
+ {/*
+ */}
+
+
+
+ :
+ )
+
+}
+
+export default ViewProduct
+
+
+
+function isthereequal(arr1: any[], arr2: any[]): any[] {
+ console.log("arr1:", arr1);
+ console.log("arr2:", arr2);
+
+ const equalItems = arr2
+ .filter(item2 => arr1.some(item1 => item1 === item2?.path))
+ .map(item => item.id);
+
+ console.log("Equal items found in arr2:", equalItems);
+
+ return equalItems;
+}
+
+function removeDuplicates(arr1: any[], arr2: any[]): any[] {
+ const combinedArray = [...arr1, ...arr2];
+ const uniqueArray = combinedArray.filter((item, index) => {
+ return combinedArray.indexOf(item) === index;
+ });
+ return uniqueArray;
+}
+
+function removeStrings(arr: any[]): any[] {
+ return arr.filter(item => typeof item !== 'string');
+}
diff --git a/src/Pages/Products/View/FormikTab/Field/Atteibute.tsx b/src/Pages/Products/View/FormikTab/Field/Atteibute.tsx
new file mode 100644
index 0000000..57483f6
--- /dev/null
+++ b/src/Pages/Products/View/FormikTab/Field/Atteibute.tsx
@@ -0,0 +1,76 @@
+import React from 'react';
+import { useFormikContext } from 'formik';
+import { useGetSingleAttribute } from '../../../../../api/attribute';
+import { Select } from 'antd';
+import { useTranslation } from 'react-i18next';
+
+const Attribute = ({ tabKey }: any) => {
+ const { values, setFieldValue } = useFormikContext{t("Base_info")}
{t("VarianInfo")}
{isLoading && objectToEdit && isRefetching ?
+
+
+
+
+
+
+ );
+ })
+ );
+};
+
+export default Attribute;
diff --git a/src/Pages/Products/View/FormikTab/Field/File.tsx b/src/Pages/Products/View/FormikTab/Field/File.tsx
new file mode 100644
index 0000000..7bce823
--- /dev/null
+++ b/src/Pages/Products/View/FormikTab/Field/File.tsx
@@ -0,0 +1,66 @@
+
+
+
+import { Button, Upload, UploadFile } from 'antd'
+import { UploadOutlined } from '@ant-design/icons';
+import { useTranslation } from 'react-i18next';
+import { useFormikContext } from 'formik';
+import { ImageBaseURL } from '../../../../../api/config';
+
+
+const FileProduct = ({ tabKey}:any) => {
+ const { t } = useTranslation();
+ const formik = useFormikContext
+
+
+
+ }>
+ { t("upload_image") }
+
+
+
+
+
+
+
+ )
+}
+
+export default FileProduct
\ No newline at end of file
diff --git a/src/Pages/Products/View/FormikTab/Field/FileImage.tsx b/src/Pages/Products/View/FormikTab/Field/FileImage.tsx
new file mode 100644
index 0000000..5398bdb
--- /dev/null
+++ b/src/Pages/Products/View/FormikTab/Field/FileImage.tsx
@@ -0,0 +1,65 @@
+import { Button, Upload } from 'antd';
+import { UploadOutlined } from '@ant-design/icons';
+import { useTranslation } from 'react-i18next';
+import { useFormikContext } from 'formik';
+import { ImageBaseURL } from '../../../../../api/config';
+
+const MaltyFile = ({ tabKey }: any) => {
+ const { t } = useTranslation();
+ const formik = useFormikContext
+
+
+ }>
+ {t("upload_image")}
+
+
+
+ );
+}
+
+export default MaltyFile
\ No newline at end of file
diff --git a/src/Pages/Products/View/FormikTab/Field/Object.tsx b/src/Pages/Products/View/FormikTab/Field/Object.tsx
new file mode 100644
index 0000000..477198b
--- /dev/null
+++ b/src/Pages/Products/View/FormikTab/Field/Object.tsx
@@ -0,0 +1,85 @@
+import React, { useEffect, useState } from 'react';
+import { CloseOutlined } from '@ant-design/icons';
+import { Button, Form, Input, Space, Typography } from 'antd';
+import { useFormikContext } from 'formik';
+import { useTranslation } from 'react-i18next';
+
+const ObjectField = ({ tabKey }: any) => {
+ const [form] = Form.useForm();
+ const formik = useFormikContext{t("Add New Variant")}
+ + )} + + ); +}; diff --git a/src/Pages/Products/View/FormikTab/VariableTabs.tsx b/src/Pages/Products/View/FormikTab/VariableTabs.tsx new file mode 100644 index 0000000..6f2fead --- /dev/null +++ b/src/Pages/Products/View/FormikTab/VariableTabs.tsx @@ -0,0 +1,99 @@ +// VariableTabs.tsx +import React from 'react'; +import { Col, Row } from 'reactstrap'; +import { FormItem } from './FormItem'; +import { useFormikContext, FormikValues } from 'formik'; +import File from './Field/File'; +import MaltyFile from './Field/FileImage'; +import ObjectField from './Field/Object'; +import Atteibute from './Field/Atteibute'; + +import { useTranslation } from 'react-i18next'; +import { useParams } from 'react-router-dom'; + +interface VariableTabsProps { + tabKey: string; +} + +export const VariableTabs: React.FC{t("variables")} {tabKey}
+
+ navigate('/slider/add')}>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+
+}
+
+export default AddSliderPage
\ No newline at end of file
diff --git a/src/Pages/Slider/View/EditForm.tsx b/src/Pages/Slider/View/EditForm.tsx
new file mode 100644
index 0000000..2b1b6ad
--- /dev/null
+++ b/src/Pages/Slider/View/EditForm.tsx
@@ -0,0 +1,39 @@
+
+import React from 'react'
+import { Col, Row } from 'reactstrap';
+import ValidationField from '../../../Components/ValidationField/ValidationField';
+import { useFormikContext } from 'formik';
+
+import { DatePicker } from 'antd';
+import { useTranslation } from 'react-i18next';
+import { useGetCategories } from '../../../api/Categories';
+
+function Form() {
+ const formik = useFormikContext{t("BasicInfo")}
+ {objectToEdit && data ?
+
+
+
+
+
+
+
+
+
+
+
+ :
+ )
+
+}
+
+export default EditPage
\ No newline at end of file
diff --git a/src/Pages/Slider/formUtil.ts b/src/Pages/Slider/formUtil.ts
new file mode 100644
index 0000000..bc9c19d
--- /dev/null
+++ b/src/Pages/Slider/formUtil.ts
@@ -0,0 +1,67 @@
+
+import * as Yup from "yup";
+import { buildFormData } from "../../api/helper/buildFormData";
+
+interface formUtilCommon {
+ number:number,
+ value:number
+}
+
+interface ObjectToEdit extends formUtilCommon {
+
+ id?:number,
+
+}
+
+interface InitialValues extends ObjectToEdit {
+
+}
+interface ValidateSchema extends formUtilCommon{
+
+}
+export const getInitialValues = (objectToEdit: any | null = null): any => {
+ console.log(objectToEdit,"objectToEdit");
+ return {
+ id: objectToEdit?.id ?? 0,
+ title_en:objectToEdit?.title_en ?? "",
+ title_ar:objectToEdit?.title_ar ?? "",
+ title_cn:objectToEdit?.title_cn ?? "",
+
+ image: objectToEdit?.image ?? '',
+
+ };
+};
+
+
+export const getValidationSchema = (editMode: boolean = false): Yup.Schema{t("BasicInfo")}
+ // { + // !row.deleted_at ? t('available') : t('unavailable') + + // } + //
+ // ) + // } + // }, + + ], + [t] + ); +}; + +export default useTableColumns; + diff --git a/src/Pages/SupportMessages/Page.tsx b/src/Pages/SupportMessages/Page.tsx new file mode 100644 index 0000000..e2639a0 --- /dev/null +++ b/src/Pages/SupportMessages/Page.tsx @@ -0,0 +1,45 @@ + +import React from 'react' +import DashBody from '../../Layout/Dashboard/DashBody' +import DashHeader from '../../Layout/Dashboard/DashHeader' +import LyTable from '../../Layout/Dashboard/LyTable' +import useTableColumns from './useTableColumns' +import { QueryStatusEnum } from '../../config/QueryStatus' +import { useNavigate } from 'react-router-dom' +import AddButton from '../../Layout/Dashboard/AddButton/AddButton' +import { useGetSupportMessages } from '../../api/supportmessages' +import SearchField from '../../Layout/Dashboard/SearchField' + +function Page() { + + const column =useTableColumns() + const {data ,status } = useGetSupportMessages() + const navigate = useNavigate() + const totalRows = data?.meta?.total; + + return ( + // Pass Status to Layout +
+ navigate('/support_messages/add')}> */}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+
+}
+
+export default AddSupportMessagesPage
\ No newline at end of file
diff --git a/src/Pages/SupportMessages/formUtil.ts b/src/Pages/SupportMessages/formUtil.ts
new file mode 100644
index 0000000..8eb1c46
--- /dev/null
+++ b/src/Pages/SupportMessages/formUtil.ts
@@ -0,0 +1,46 @@
+
+import * as Yup from "yup";
+import { buildFormData } from "../../api/helper/buildFormData";
+
+export const getInitialValues = (objectToEdit: any | null = null): any => {
+ console.log(objectToEdit,"objectToEdit");
+ return {
+ whatsApp: "",
+ subject: "",
+ message: "",
+ id:null,
+ };
+};
+
+
+export const getValidationSchema = (editMode: boolean = false): Yup.Schema{t("BasicInfo")}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+
+}
+
+export default AddPage
\ No newline at end of file
diff --git a/src/Pages/Users/SendNotifcation/formUtil.ts b/src/Pages/Users/SendNotifcation/formUtil.ts
new file mode 100644
index 0000000..4480aa5
--- /dev/null
+++ b/src/Pages/Users/SendNotifcation/formUtil.ts
@@ -0,0 +1,73 @@
+
+import * as Yup from "yup";
+import { buildFormData } from "../../../api/helper/buildFormData";
+import moment from 'moment';
+import * as dayjs from 'dayjs'
+
+
+export const getInitialValues = (objectToEdit: any | null = null): any => {
+ //@ts-ignore
+ return {
+ id: objectToEdit?.id ,
+ name: objectToEdit?.name ,
+ email: objectToEdit?.email ,
+ type: objectToEdit?.type ,
+ avatar: objectToEdit?.avatar ,
+
+ };
+};
+
+export const getInitialValuesForAdd = (objectToEdit: any | null = null): any => {
+ return {
+ body_en: "" ,
+ body_ar: "" ,
+ body_ce: "" ,
+ // meta: "" ,
+ title_en: "" ,
+ title_ar: "" ,
+ title_cn: "" ,
+ user_ids:[],
+ // type: "" ,
+
+ };
+};
+
+export const getValidationSchema = (editMode: boolean = false): Yup.Schema{t("BasicInfo")}
+ {objectToEdit && data ?
+
+
+
+
+
+
+
+
+
+
+
+ :
+ )
+
+}
+
+export default EditPage
\ No newline at end of file
diff --git a/src/Pages/Users/formUtil.ts b/src/Pages/Users/formUtil.ts
new file mode 100644
index 0000000..7d5e227
--- /dev/null
+++ b/src/Pages/Users/formUtil.ts
@@ -0,0 +1,52 @@
+
+import * as Yup from "yup";
+import { buildFormData } from "../../api/helper/buildFormData";
+
+
+export const getInitialValues = (objectToEdit: any | null = null): any => {
+ //@ts-ignore
+ return {
+ // id: objectToEdit?.id ,
+ new_password: objectToEdit?.password ,
+ old_password: objectToEdit?.old_password ,
+
+
+ };
+};
+
+export const getInitialValuesForAdd = (objectToEdit: any | null = null): any => {
+ return {
+ password: null ,
+
+
+ };
+};
+
+export const getValidationSchema = (editMode: boolean = false): Yup.Schema{t("BasicInfo")}
navigate('/notification/add')} >
+
+
)
+}
+
+export default AddButtonNotification
\ No newline at end of file
diff --git a/src/Pages/Users/useTableColumns.tsx b/src/Pages/Users/useTableColumns.tsx
new file mode 100644
index 0000000..fb4bda8
--- /dev/null
+++ b/src/Pages/Users/useTableColumns.tsx
@@ -0,0 +1,110 @@
+
+import React, { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import Actions from "../../Components/Ui/tables/Actions";
+import ColumnsImage from "../../Components/Columns/ColumnsImage";
+import { useNavigate } from "react-router-dom";
+import { useUpdateUsers } from "../../api/users";
+import { Switch } from "antd";
+import { MdEmail } from "react-icons/md";
+import { toast } from "react-toastify";
+
+
+const useTableColumns: any = () => {
+ const [t] = useTranslation();
+ const navigate = useNavigate()
+
+ const { mutate: update_status } = useUpdateUsers("put")
+ const onChange = (checked: boolean, row: any) => {
+ console.log(`switch to ${checked}`)
+ if(row.type === "user"){
+
+ update_status({
+ id: row.id,
+ status: checked ? "active" : "suspended"
+
+ })
+ }else{
+ toast.error("sorry_only_user_can_change_his_status")
+ }
+
+
+ };
+
+
+ return useMemo(
+ () => [
+
+ {
+ name: t("id"),
+ sortable: true, // Enable sorting for id column
+ center: true,
+ selector: (row: any) => row.id, // Specify selector function for sorting
+ },
+ {
+ name: t("avatar"),
+ sortable: false,
+ center: "true",
+ cell: (row: any) => {
+ let str = row?.avatar;
+ str = str?.replace(`public`, "/storage") ?? "";
+ return
+ {objectToEdit && data?.data ?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ :
+ )
+
+}
+
+export default EditPage
\ No newline at end of file
diff --git a/src/Pages/order/OrderPage.tsx b/src/Pages/order/OrderPage.tsx
new file mode 100644
index 0000000..153fd1c
--- /dev/null
+++ b/src/Pages/order/OrderPage.tsx
@@ -0,0 +1,126 @@
+import React from "react";
+import useTableColumns from "./useTableColumns";
+import DashBody from "../../Layout/Dashboard/DashBody";
+import DashHeader from "../../Layout/Dashboard/DashHeader";
+import { QueryStatusEnum } from "../../config/QueryStatus";
+import LyTable from "../../Layout/Dashboard/LyTable";
+import { useGetOrder } from "../../api/order";
+import SelectField from "./ui/CustomSelectField";
+import { useGetCoupon } from "../../api/Coupon";
+import SelectWSearchField from "./ui/CustomSelectWSearchField";
+// import SearchField from "../../Components/ValidationField/View/SearchField";
+import CustomDateRange from "./ui/CustomDateRange";
+import { FaCheck, FaTimes, FaClock, FaBan } from 'react-icons/fa';
+import { Button } from "antd";
+import { useLocation, useNavigate } from "react-router-dom";
+import { useOrderFillterState } from "../../zustand/OrderFillter";
+import CustomSearchField from "./ui/CustomSearchField";
+import CustomNumber from "./ui/CustomNumber";
+import { useTranslation } from "react-i18next";
+
+const OrderPage = () => {
+
+ const { data, status } = useGetOrder();
+
+ const totalRows = data?.meta?.total;
+
+ const columns = useTableColumns();
+
+ const [t] = useTranslation()
+ // 'pending_approve', 'approved', 'rejected', 'pending_cancellation', 'cancelled'
+ const stateSelect = [
+ { label: {t("EditDetails")}
{t("BasicInfo")}
{t("OrderItems")}
+
+ {t("customer_name")}{" : "}{order.user?.name??"null"}
+{t("customer_phone_number")}{" : "}{order.user?.phone??"null"}
+{t("order_created_at")}{" : "}{ChangeformatDate(order.created_at)}
+{t("address")}{" : "}{order?.form?.address}
+{t("country")}{" : "}{order?.form?.country}
+{t("note")}{" : "}{order?.form?.note}
+ +{t("sub_total")}{" : "}{order?.total}
+{t("delivery_fee")}{" : "}{0}
+{t("overall_total")}{" : "}{order?.total}
+ + + + +
+
+ );
+};
+
+export default CustomNumber;
diff --git a/src/Pages/order/ui/CustomSearchField.tsx b/src/Pages/order/ui/CustomSearchField.tsx
new file mode 100644
index 0000000..e46bd8c
--- /dev/null
+++ b/src/Pages/order/ui/CustomSearchField.tsx
@@ -0,0 +1,50 @@
+import { Input } from 'antd';
+import { SearchProps } from 'antd/es/input'
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useSearchParams } from 'react-router-dom';
+import { useOrderFillterState } from '../../../zustand/OrderFillter';
+const { Search } = Input;
+
+const CustomSearchField = ({ searchBy }: any) => {
+ const { t } = useTranslation();
+ const {setUsername,username} = useOrderFillterState((state) => state)
+
+
+ const [searchParams,] = useSearchParams();
+ const [searchValue, setSearchValue] = useState(searchParams.get(searchBy ) || "");
+
+ const onSearch: SearchProps['onSearch'] = (value, _e, info) => {
+ if (value || value !== "") {
+ setUsername(value)
+ } else {
+ setUsername(null)
+ }
+ }
+
+ const onChange = (e: any) => {
+ const value = e.target.value
+ setSearchValue(value);
+ setUsername(value)
+ }
+
+
+ return (
+
+
+ )
+}
+
+export default CustomSearchField
\ No newline at end of file
diff --git a/src/Pages/order/ui/CustomSelectField.tsx b/src/Pages/order/ui/CustomSelectField.tsx
new file mode 100644
index 0000000..313933e
--- /dev/null
+++ b/src/Pages/order/ui/CustomSelectField.tsx
@@ -0,0 +1,43 @@
+import { Select } from 'antd';
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { useOrderFillterState } from '../../../zustand/OrderFillter';
+
+const SelectField = ({ selectBy, lebel, option }: any) => {
+ const [searchQuery, setSearchQuery] = useState
+
+
+ );
+};
+
+export default React.memo(SelectField);
diff --git a/src/Pages/order/ui/CustomSelectWSearchField.tsx b/src/Pages/order/ui/CustomSelectWSearchField.tsx
new file mode 100644
index 0000000..16a46ee
--- /dev/null
+++ b/src/Pages/order/ui/CustomSelectWSearchField.tsx
@@ -0,0 +1,55 @@
+import { Select } from 'antd';
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { useOrderFillterState } from '../../../zustand/OrderFillter';
+
+const SelectWSearchField = ({ selectBy, submiteBy, lebel, option }: any) => {
+ const [searchQuery, setSearchQuery] = useState
+
+
+ );
+};
+
+export default React.memo(SelectWSearchField);
diff --git a/src/Pages/order/useTableColumns.tsx b/src/Pages/order/useTableColumns.tsx
new file mode 100644
index 0000000..1e29200
--- /dev/null
+++ b/src/Pages/order/useTableColumns.tsx
@@ -0,0 +1,112 @@
+import { useTranslation } from "react-i18next";
+import { useDeleteOrder } from "../../api/order";
+import Actions from "../../Components/Ui/tables/Actions";
+import { useNavigate } from "react-router-dom";
+import { FaCheck, FaTimes, FaClock, FaBan } from 'react-icons/fa';
+
+const useTableColumns = () => {
+ const [t] = useTranslation();
+ const navigate = useNavigate()
+ const deleteMutation = useDeleteOrder()
+ const language = localStorage.getItem("language") ?? "en"
+
+
+ let column = [
+ {
+ name: t("id"),
+ sortable: true, // Enable sorting for id column
+ center: true,
+ selector: (row: any) => row.id, // Specify selector function for sorting
+ },
+ {
+ name: t("name"),
+ sortable: false,
+ center:true,
+ selector:(row:any) => row?.user?.name ?? "null",
+
+ },
+ {
+ name: t("email"),
+ sortable: false,
+ center:true,
+ selector:(row:any) => row?.user?.email?? "null",
+
+ },
+
+ {
+ name: t("status"),
+ center: true,
+ cell: (row: any) => {
+ let status = row?.state;
+ let icon;
+
+ // Assigning an icon component based on the status
+ switch (status) {
+ case 'pending_approve':
+ icon =
+ {icon} {status}
+
+ );
+ }
+ },
+ {
+ name: t("total"),
+ center: true,
+ cell:(row:any)=>{
+
+ return (row?.total)
+ }
+ },
+ {
+ name: "#",
+ center: true,
+ cell: (row:any) =>
+
+
+