) => {
+ e.preventDefault();
+
+
+
+ if(!Name || !Email || !Message ){
+ toast.error(t("please_fill_all_input"))
+ }else{
+ toast.success(t("Send Successfully"))
+ }
+
+ setMessage('')
+ setName('')
+ setEmail('')
+
+ };
+
+ const [Name , setName] = useState('')
+ const [Email , setEmail] = useState('')
+ const [Message , setMessage] = useState('')
+
+
+ const SoicalInfo: { icon: any; text: string }[] = [
+ {
+ icon: ,
+ text: "info@yourdomain.com",
+ },
+ {
+ icon: ,
+ text: "+1 (378) 400-1234",
+ },
+ {
+ icon: ,
+ text: "www.yourdomain.com",
+ },
+ ];
+
+ const SoicalIcons: { icon: any; }[] = [
+ {
+ icon: ,
+ },
+ {
+ icon: ,
+ },
+ {
+ icon: ,
+ },
+ {
+ icon: ,
+ },
+ ];
+
+ return (
+
+
+
+
+
+
+
{t("Contact Us")}
+
{t("DM")} / {t("Contact")}
+
+
+
+
+
{t("We love meeting new people and helping them")}.
+
+
+
+
+ {t("Yes, DM offers the option to purchase products using both cash and installment payments. This allows you to choose the payment method that suits your needs and budget")}.
+
+ ),
+ },
+ {
+ key: "2",
+ label: t("How can I engage with the magazine content on DM?"),
+ children: (
+
+ {t("You can actively engage with the magazine content by leaving comments and participating in the question-and-answer section. Feel free to share your thoughts, ask questions, and interact with enthusiastsin the community")}.
+
+ ),
+ },
+ {
+ key: "3",
+ label: t("Does DM offer a warranty on its products?"),
+ children: (
+
+ {t("Yes, DM provides a warranty on all eligible products. The specific warranty details may vary depending on the manufacturer and product category. Please refer to the product description or contact our customer support for more information")}.
+
+ ),
+ },
+ {
+ key: "4",
+ label: t("Is DM a secure platform for online shopping?"),
+ children: (
+
+ {t("Yes, DM provides a warranty on all eligible products. The specific warranty details may vary depending on the manufacturer and product category. Please refer to the product description or contact our customer support for more information")}.
+
+ ),
+ },
+ {
+ key: "5",
+ label: t("How can I get assistance with my purchase or any other inquiries?"),
+ children: (
+
+ {t("If you need assistance with your purchase or have any questions, our dicated customer is here to help. You out to us through the contact page on our website, and we'll be happy to assist you promptly")}.
+
+ ),
+ },
+ ];
+
+ return (
+
+ )
+}
+
+export default CollapseGroup
\ No newline at end of file
diff --git a/src/Pages/Faqs/Faqs.tsx b/src/Pages/Faqs/Faqs.tsx
new file mode 100644
index 0000000..647857b
--- /dev/null
+++ b/src/Pages/Faqs/Faqs.tsx
@@ -0,0 +1,36 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { FaqsInfo } from "../../data/FaqsInfo";
+import CollapseGroup from "./CollapseGroup";
+import { IoIosArrowForward } from "react-icons/io";
+import HeaderLink from "../../Components/Ui/HeaderLink";
+
+const Faqs = () => {
+ const { t } = useTranslation();
+
+ return (
+
+
+
+
+
+
{t("Frequently Asked Questions")}
+
+
+
+
+
{t("Table of Contents")}
+ {FaqsInfo.map((info) => (
+
{t(info.text)}
+ ))}
+
+
+
+
+
+
+
+
+
+ {messages?.length > 0 && (
+
+ {messages.map((msg: Message, index) => (
+
+ {msg.text}
+
+ ))}
+
+
+
+
+
+
+ {/*
*/}
+
+
+
+
+
+
+
+
+ }
+ return (
+
+
+
+
+
+
+
+ {product?.images?.map((item,index)=>{
+ return (
+
handelImage(item?.path)} >
+
+
+ )
+ })}
+
+ ![]()
handelImage('/Home/p1.png')}
+ // src={}
+ alt=""
+ />
+
+
+
+
+
{languageObject(product?.name)}
+
+
+
+ category
{languageObject(product?.category?.name)}
+
+
+ price
{product?.price}
+
+
+ brand
SAMSUNG
+
+
+ {info?.map((item:any)=>{
+ return (
+
+ item
SAMSUNG
+
+ )
+ })}
+
+ description
{languageObject(product?.description)}
+
+
+
+
+
+ );
+};
+
+export default CustomImage;
diff --git a/src/utils/addBaseUrlToSrc.ts b/src/utils/addBaseUrlToSrc.ts
new file mode 100644
index 0000000..0384105
--- /dev/null
+++ b/src/utils/addBaseUrlToSrc.ts
@@ -0,0 +1,5 @@
+import { ImageBaseURL } from "../api/utils/config";
+
+export const addBaseUrlToSrc = (src: string) => {
+ return ImageBaseURL + src?.replace("public", "/storage");
+};
diff --git a/src/utils/calculateTotalPrice.ts b/src/utils/calculateTotalPrice.ts
new file mode 100644
index 0000000..e69de29
diff --git a/src/utils/firebase/firebase.ts b/src/utils/firebase/firebase.ts
new file mode 100644
index 0000000..a816f7a
--- /dev/null
+++ b/src/utils/firebase/firebase.ts
@@ -0,0 +1,91 @@
+import { initializeApp } from 'firebase/app';
+import { getMessaging, getToken, onMessage } from 'firebase/messaging';
+import { toast } from 'react-toastify';
+
+// Firebase configuration object
+const firebaseConfig = {
+ apiKey: "AIzaSyCcg92Eqrw7TzL8fBQVklVKXwuT3hu0GIQ",
+ authDomain: "dm-store-678d4.firebaseapp.com",
+ projectId: "dm-store-678d4",
+ storageBucket: "dm-store-678d4.appspot.com",
+ messagingSenderId: "91725694575",
+ appId: "1:91725694575:web:6ce7f7d0dfdf807c376f9a",
+ measurementId: "G-TZRGSK472N"
+};
+
+// Constants for local storage keys
+export const KEY_NOTIFICATION_PERMISSION = 'KEY_NOTIFICATION_PERMISSION';
+export const FCM_TOKEN_KEY = 'DM_FCM_TOKEN_KEY';
+
+// Initialize Firebase
+export const initializeFirebase = () => {
+ initializeApp(firebaseConfig);
+
+};
+
+// Request notification permission and get FCM token
+export const requestPermission = async (): Promise => {
+ initializeFirebase();
+
+ if (typeof Notification === 'undefined') {
+ console.warn('Firebase Messaging is not supported in this browser.');
+ return;
+ }
+
+ const messaging = getMessaging();
+
+ // try {
+ // const permission = await Notification.requestPermission();
+
+
+ // if (permission === "granted") {
+ const currentToken = await getToken(messaging);
+
+
+ // localStorage.setItem(KEY_NOTIFICATION_PERMISSION, 'yes');
+ localStorage.setItem(FCM_TOKEN_KEY, currentToken || '');
+ // toast.success("Notifications enabled successfully.");
+ return currentToken ;
+ // }
+ // else {
+ // localStorage.setItem(KEY_NOTIFICATION_PERMISSION, 'no');
+ // toast.error("Notifications blocked. Please enable them in your browser.");
+ // }
+ // }
+ // catch (err) {
+ // localStorage.setItem(KEY_NOTIFICATION_PERMISSION, 'no');
+ // toast.error("Can't create FCM token.");
+ // console.error('An error occurred when requesting to receive the token:', err);
+ // }
+};
+
+// Request notification permission, get FCM token, and log out
+export const requestPermissionWithLogout = async (logout: () => void): Promise => {
+ initializeFirebase();
+
+ if (typeof Notification === 'undefined' || !('serviceWorker' in navigator)) {
+ console.warn('Firebase Messaging is not supported in this browser.');
+ return;
+ }
+
+ const messaging = getMessaging();
+
+ try {
+ const permission = await Notification.requestPermission();
+ if (permission === "granted") {
+ const currentToken = await getToken(messaging, { vapidKey: 'YOUR_PUBLIC_VAPID_KEY' });
+ localStorage.setItem(KEY_NOTIFICATION_PERMISSION, 'yes');
+ localStorage.setItem(FCM_TOKEN_KEY, currentToken || '');
+ toast.success("Notifications enabled successfully.");
+ console.log('FCM Token:', currentToken);
+ logout();
+ } else {
+ localStorage.setItem(KEY_NOTIFICATION_PERMISSION, 'no');
+ toast.error("Notifications blocked. Please enable them in your browser.");
+ }
+ } catch (err) {
+ localStorage.setItem(KEY_NOTIFICATION_PERMISSION, 'no');
+ toast.error("Can't create FCM token.");
+ console.error('An error occurred when requesting to receive the token:', err);
+ }
+};
diff --git a/src/utils/jsonObjectToArray.ts b/src/utils/jsonObjectToArray.ts
new file mode 100644
index 0000000..a1dbe66
--- /dev/null
+++ b/src/utils/jsonObjectToArray.ts
@@ -0,0 +1,20 @@
+type JsonObject = { [key: string]: any };
+
+export const jsonObjectToArray = (input: string | JsonObject): Array<{ key: string, value: any }> => {
+ let obj: JsonObject;
+
+ if (typeof input === 'string') {
+ try {
+ obj = JSON.parse(input);
+ } catch (error) {
+ return [];
+ }
+ } else if (typeof input === 'object' && input !== null) {
+ obj = input;
+ } else {
+ return [];
+ }
+
+ return Object.entries(obj).map(([key, value]) => ({ key, value }));
+};
+
diff --git a/src/utils/languageObject.ts b/src/utils/languageObject.ts
new file mode 100644
index 0000000..86f1f37
--- /dev/null
+++ b/src/utils/languageObject.ts
@@ -0,0 +1,4 @@
+export const languageObject = (object: Record) => {
+ const language: string = "en";
+ return object?.[language] || object || null;
+};
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100755
index 0000000..9d379a3
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,20 @@
+{
+ "compilerOptions": {
+ "target": "es5",
+ "lib": ["dom", "dom.iterable", "esnext"],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "esModuleInterop": true,
+ "allowSyntheticDefaultImports": true,
+ "strict": true,
+ "forceConsistentCasingInFileNames": true,
+ "noFallthroughCasesInSwitch": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "noEmit": true,
+ "jsx": "react-jsx"
+ },
+ "include": ["src"]
+}
diff --git a/vite.config.js b/vite.config.js
new file mode 100644
index 0000000..13493b3
--- /dev/null
+++ b/vite.config.js
@@ -0,0 +1,11 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig(() => {
+ return {
+ build: {
+ outDir: "build",
+ },
+ plugins: [react()],
+ };
+});
;
+ })}
+ 
+ : icon
+ }
+ {t(modeText)}
+ 
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+