\r\n \r\n 
\r\n \r\n \r\n {licenseNotice?.title}\r\n \r\n
\r\n {locationProduct ? (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {\r\n toggleIsShowMenu(false);\r\n }}\r\n >\r\n \r\n \r\n {\r\n toggleIsShowMenu(false);\r\n changeSelectedMenu(false);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n \r\n ) : (\r\n <>\r\n
\r\n \r\n )\r\n )\r\n )}\r\n
\r\n \r\n {Children.toArray(\r\n menuData.map((item) =>\r\n item?.component ? (\r\n <>\r\n \r\n {item.component}\r\n
\r\n \r\n \r\n changeSelectedMenu(\r\n selectedMenu === item.idx ? \"\" : item.idx\r\n )\r\n }\r\n >\r\n {item.title}\r\n \r\n
\r\n \r\n \r\n ) : (\r\n <>\r\n
\r\n toggleIsShowMenu(false)}\r\n >\r\n {item.title}\r\n \r\n
\r\n \r\n \r\n )\r\n )\r\n )}\r\n
\r\n {copyrightText?.title}\r\n
\r\n \r\n
\r\n \r\n {menuData.find((i) => i.idx === selectedMenu)?.component}\r\n
\r\n \r\n {Children.toArray(\r\n (aboutData.details || []).map((item) => (\r\n
\r\n \r\n
\r\n ))\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {helperText}\r\n \r\n }\r\n\r\n {false && currentFile && (\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default UploadFiles\r\n\r\nconst StyledError = styled.div`\r\n color: #d32f2f;\r\n font-weight: 400;\r\n font-size: 0.75rem;\r\n line-height: 1.66;\r\n letter-spacing: 0.03333em;\r\n font-family: inherit;\r\n text-align: right;\r\n margin: 10px 14px 0;\r\n`\r\n\r\nconst StyledImageContainer = styled.div`\r\n width: 100px;\r\n max-height: 200px;\r\n`\r\n","import { FormControl, TextField } from \"@mui/material\";\r\nimport { useCallback, useEffect, useState } from \"react\";\r\nimport validation, { createSchemaValidation } from \"../../utilities/validation\";\r\nimport UploadFile from \"./UploadFile\";\r\n\r\nconst Form = ({ fields, onSubmit, isSending, isSuccess }) => {\r\n const [data, setData] = useState({});\r\n const [schemaValidation, onChangeSchemaValidation] = useState();\r\n const [errorList, changeErrorList] = useState({});\r\n\r\n const initialFormData = useCallback(() => {\r\n let fieldData = {};\r\n fields.forEach(\r\n (item) => (fieldData[item.name] = item?.defaultValue || null)\r\n );\r\n setData(fieldData);\r\n if (fields.length > 1) {\r\n onChangeSchemaValidation(\r\n createSchemaValidation(\r\n fields.map((element) => ({\r\n name: element.name,\r\n type: element.type,\r\n isRequired: element.isRequired,\r\n }))\r\n )\r\n );\r\n }\r\n }, [fields]);\r\n\r\n useEffect(() => {\r\n initialFormData();\r\n }, [fields, initialFormData]);\r\n\r\n const onClickSubmit = (e) => {\r\n e.preventDefault();\r\n const valid = validation(data, schemaValidation);\r\n changeErrorList(valid);\r\n if (!valid) {\r\n onSubmit(data);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n isSuccess && initialFormData();\r\n }, [isSuccess, initialFormData]);\r\n\r\n return (\r\n \r\n );\r\n};\r\n\r\nexport default Form;\r\n","export const statusesOfForm = {\r\n filling: 'filling', sending: 'sending', success: 'success'\r\n}\r\n","import fetchApi from '../utilities/fetch/httpService'\r\nimport apiUrls from '../utilities/consts/apiUrls'\r\n\r\n// last_name, last_name, mobile, email, title, description, company_name, position\r\n\r\nexport const sendConsultingRequest = ({\r\n last_name, mobile, email, title, description, company_name, position\r\n }) =>\r\n fetchApi({\r\n url: apiUrls.consulting_request,\r\n body: {last_name, mobile, email, title, description, company_name, position},\r\n method: 'POST'\r\n })\r\n","\r\nexport const newsletterFormFields = [\r\n {\r\n key: 'last_name',\r\n label: 'نام و نام خانوادگی',\r\n name: 'last_name',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'name'\r\n },\r\n {\r\n key: 'mobile',\r\n label: 'موبایل',\r\n name: 'mobile',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'tel'\r\n },\r\n {\r\n key: 'email',\r\n label: 'ایمیل',\r\n name: 'email',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'mail'\r\n },\r\n {\r\n key: 'position',\r\n label: 'سمت شغلی',\r\n name: 'position',\r\n isRequired: false,\r\n defaultValue: null,\r\n type: 'text'\r\n },\r\n {\r\n key: 'company_name',\r\n label: 'نام شرکت',\r\n name: 'company_name',\r\n isRequired: false,\r\n defaultValue: null,\r\n type: 'text'\r\n },\r\n {\r\n key: 'title',\r\n label: 'موضوع درخواست',\r\n name: 'title',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'text'\r\n },\r\n {\r\n key: 'description',\r\n label: 'توضیحات درخواست',\r\n name: 'description',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'textarea'\r\n }\r\n]\r\n\r\nexport const consultingRequestFormFields = [\r\n {\r\n key: 'last_name',\r\n label: 'نام و نام خانوادگی',\r\n name: 'last_name',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'name'\r\n },\r\n {\r\n key: 'mobile',\r\n label: 'موبایل',\r\n name: 'mobile',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'tel'\r\n },\r\n {\r\n key: 'email',\r\n label: 'ایمیل',\r\n name: 'email',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'mail'\r\n },\r\n {\r\n key: 'position',\r\n label: 'سمت شغلی',\r\n name: 'position',\r\n isRequired: false,\r\n defaultValue: null,\r\n type: 'text'\r\n },\r\n {\r\n key: 'company_name',\r\n label: 'نام شرکت',\r\n name: 'company_name',\r\n isRequired: false,\r\n defaultValue: null,\r\n type: 'text'\r\n },\r\n {\r\n key: 'title',\r\n label: 'موضوع درخواست',\r\n name: 'title',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'text'\r\n },\r\n {\r\n key: 'description',\r\n label: 'توضیحات درخواست',\r\n name: 'description',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'textarea'\r\n }\r\n]\r\n\r\nexport const jobRequestFormFields = [\r\n {\r\n key: 'last_name',\r\n label: 'نام و نام خانوادگی',\r\n name: 'last_name',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'name'\r\n },\r\n {\r\n key: 'mobile',\r\n label: 'موبایل',\r\n name: 'mobile',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'tel'\r\n },\r\n {\r\n key: 'email',\r\n label: 'ایمیل',\r\n name: 'email',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'mail'\r\n },\r\n {\r\n key: 'job_title',\r\n label: 'عنوان شغلی',\r\n name: 'job_title',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'string'\r\n },\r\n {\r\n key: 'cv_file',\r\n label: 'فایل رزومه(PDF)',\r\n name: 'cv_file',\r\n isRequired: true,\r\n defaultValue: null,\r\n type: 'file',\r\n file_type: 'pdf'\r\n }\r\n]\r\n","import { useState, useEffect, useCallback } from \"react\";\r\nimport { useSnackbar } from \"notistack\";\r\n\r\nimport Form from \"../../ui-kits/form/Form\";\r\n\r\nimport { statusesOfForm } from \"../../utilities/consts/models\";\r\nimport { sendConsultingRequest } from \"../../services/consultingRequestServices\";\r\nimport { consultingRequestFormFields } from \"../../utilities/consts/formFields\";\r\nimport { getConsultingRequestPageTitle } from \"../../services/pagesRequestServices\";\r\n\r\nconst ConsultingRequest = () => {\r\n const [statusForm, changeStatusForm] = useState(statusesOfForm.filling);\r\n const { enqueueSnackbar } = useSnackbar();\r\n const [pageTitle, changePageTitle] = useState(null);\r\n\r\n const onSubmit = (data) => {\r\n changeStatusForm(statusesOfForm.sending);\r\n sendConsultingRequest(data)\r\n .then(() => {\r\n enqueueSnackbar(\"درخواست شما با موفقیت ارسال شد.\", {\r\n variant: \"success\",\r\n });\r\n changeStatusForm(statusesOfForm.success);\r\n })\r\n .catch(() =>\r\n enqueueSnackbar(\"ارسال درخواست با خطا مواجه شد.\", { variant: \"error\" })\r\n )\r\n .finally(() => {\r\n changeStatusForm(statusesOfForm.filling);\r\n });\r\n };\r\n\r\n const getPageTitle = useCallback(() => {\r\n return getConsultingRequestPageTitle().then((res) => changePageTitle(res));\r\n }, []);\r\n\r\n useEffect(() => {\r\n getPageTitle();\r\n }, [getPageTitle]);\r\n\r\n return (\r\n \r\n \r\n {currentFile && \r\n {selectedFiles.type.includes('pdf') ?\r\n }\r\n
\r\n {error &&\r\n \r\n
\r\n );\r\n};\r\nexport default ConsultingRequest;\r\n","export default __webpack_public_path__ + \"static/media/marker.52d2c8b9.svg\";","export function toPersianNumberNotTag(str) {\r\n const arrayNumberItem = str.split(\"\");\r\n const persianNumber = arrayNumberItem.map((item) => {\r\n if (item !== \"h\" || item !== \"H\") {\r\n return item\r\n .replace(\"0\", \"۰\")\r\n .replace(\"1\", \"۱\")\r\n .replace(\"2\", \"۲\")\r\n .replace(\"3\", \"۳\")\r\n .replace(\"4\", \"۴\")\r\n .replace(\"5\", \"۵\")\r\n .replace(\"6\", \"۶\")\r\n .replace(\"7\", \"۷\")\r\n .replace(\"8\", \"۸\")\r\n .replace(\"9\", \"۹\");\r\n } else {\r\n return item;\r\n }\r\n });\r\n return persianNumber.join(\"\");\r\n}\r\n//old code => bug in tah h1 h2 ...\r\n\r\nexport function toPersianNumber(str) {\r\n const persianNumber = str.replace(/>([^<]*[0-9]+[^<]*)\r\n match.replace(/[0-9]/g, (digit) =>\r\n String.fromCharCode(digit.charCodeAt(0) + 1728)\r\n )\r\n );\r\n return persianNumber;\r\n}\r\n\r\n//new code\r\n","import fetchApi from '../utilities/fetch/httpService'\r\nimport apiUrls from '../utilities/consts/apiUrls'\r\n\r\nexport const getSocialLinks = () =>\r\n fetchApi({\r\n url: apiUrls.home.social_links,\r\n method: 'get'\r\n })\r\n\r\nexport const getProductGroups = () =>\r\n fetchApi({\r\n url: apiUrls.home.product_groups,\r\n method: 'get'\r\n })\r\n\r\nexport const getPinnedProducts = () =>\r\n fetchApi({\r\n url: apiUrls.home.pinned_products,\r\n method: 'get'\r\n })\r\n\r\nexport const getTopNews = () =>\r\n fetchApi({\r\n url: apiUrls.home.top_news,\r\n method: 'get'\r\n })","export default __webpack_public_path__ + \"static/media/linkedin.cf8553ff.png\";","export default __webpack_public_path__ + \"static/media/aparat.f95c2406.png\";","export default __webpack_public_path__ + \"static/media/instagram.f6abded8.png\";","export default __webpack_public_path__ + \"static/media/whatsapp.0f422804.png\";","import React, { useCallback, useEffect, useState } from \"react\";\r\nimport { getSocialLinks } from \"../../services/homeRequestServices\";\r\nimport styled from \"styled-components\";\r\nimport linkedin from \"../../assets/media/linkedin.png\";\r\nimport aparat from \"../../assets/media/aparat.png\";\r\nimport instagram from \"../../assets/media/instagram.png\";\r\nimport whatsapp from \"../../assets/media/whatsapp.png\";\r\nimport variables from \"../../assets/js/variables\";\r\n\r\nconst { colors } = variables;\r\n\r\nfunction Container({ href, title, img }) {\r\n return (\r\n \r\n
\r\n \r\n {pageTitle?.title}\r\n
\r\n\r\n
\r\n \r\n \r\n 
\r\n
\r\n );\r\n}\r\n\r\nfunction Sochial(props) {\r\n const { header } = props;\r\n const [socialLinksData, changeSocialLinksData] = useState([]);\r\n\r\n const getSocialLinksData = useCallback(() => {\r\n return getSocialLinks().then((res) => changeSocialLinksData(res.results));\r\n }, []);\r\n\r\n useEffect(() => {\r\n getSocialLinksData();\r\n }, [getSocialLinksData]);\r\n\r\n return (\r\n {title}
\r\n \r\n{header}
\r\n {socialLinksData.map((i, index) => {\r\n if (\r\n i.title === \"instagram\" ||\r\n i.title === \"linkedin\" ||\r\n i.title === \"whatsapp\" ||\r\n i.title === \"aparat\"\r\n ) {\r\n return (\r\n\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {(contactData.details || []).map((item, index) => {\r\n if (item.id <= 56 || item.id <= 52) {\r\n return (\r\n \r\n \r\n \r\n
\r\n );\r\n }\r\n // else if (item.id === 80) {\r\n\r\n // }\r\n else {\r\n return null;\r\n }\r\n })}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {pageTitle?.title}\r\n
\r\n\r\n
\r\n}\r\n\r\nexport default Customers\r\n\r\nconst CustomerList = styled.div`\r\n margin: -0.5rem;\r\n`\r\n\r\nconst CustomerBox = styled.div`\r\n width: 400px;\r\n margin: 0.5rem;\r\n`\r\n\r\nconst ContentContainer = styled.div`\r\n min-height: 100px;\r\n max-height: 192px;\r\n overflow: hidden;\r\n`\r\n\r\nconst StyledImageLogo = styled.a`\r\n width: 100px;\r\n height: 100px;\r\n float: left;\r\n`\r\n","export default __webpack_public_path__ + \"static/media/news-default-1.24cbd0f2.png\";","export default __webpack_public_path__ + \"static/media/news-default-2.6c3f99d7.png\";","export default __webpack_public_path__ + \"static/media/news-default-3.12dd6400.png\";","export default __webpack_public_path__ + \"static/media/news-default-4.4c47a07f.png\";","export default __webpack_public_path__ + \"static/media/news-default-5.e3699e38.png\";","import {useLayoutEffect, useState} from 'react'\r\n\r\nimport newsDefault1Png from '../../../assets/media/news-default-1.png'\r\nimport newsDefault2Png from '../../../assets/media/news-default-2.png'\r\nimport newsDefault3Png from '../../../assets/media/news-default-3.png'\r\nimport newsDefault4Png from '../../../assets/media/news-default-4.png'\r\nimport newsDefault5Png from '../../../assets/media/news-default-5.png'\r\n\r\nconst newsDefaults = [newsDefault1Png, newsDefault2Png, newsDefault3Png, newsDefault4Png, newsDefault5Png];\r\n\r\nfunction getRandomImage() {\r\n return newsDefaults[Math.floor(Math.random() * newsDefaults.length)];\r\n};\r\n\r\nconst NewsAvatar = ({photo, size, alt, ...props}) => {\r\n const [randomPhoto, changeRandomPhoto] = useState(null)\r\n\r\n useLayoutEffect(()=> {\r\n changeRandomPhoto(getRandomImage())\r\n }, [changeRandomPhoto])\r\n\r\n return \r\n
\r\n \r\n {pageTitle?.title}\r\n
\r\n\r\n \r\n {Children.toArray(\r\n customersData.map(item =>\r\n \r\n \r\n )\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n 
\r\n \r\n \r\n \r\n \r\n {item.abs_description &&\r\n \r\n {item.success_story_page_url &&\r\n بیشتر بدانید\r\n }\r\n
\r\n \r\n
\r\n }\r\n {text}
\r\n \r\n\r\nexport default SectionTitle\r\n","import { Children, useCallback, useEffect, useState } from \"react\";\r\n\r\nimport { Link } from \"react-router-dom\";\r\nimport NewsAvatar from \"../../components/general/misc/NewsAvatar\";\r\nimport SectionTitle from \"../../components/general/misc/SectionTitle\";\r\nimport { getTopNews } from \"../../services/homeRequestServices\";\r\nimport styled from \"styled-components\";\r\nimport variables from \"../../assets/js/variables\";\r\n\r\nconst { colors, gridBreakpoints } = variables;\r\n\r\nconst News = () => {\r\n const [newsData, changeNewsData] = useState([]);\r\n\r\n const getNewsData = useCallback(() => {\r\n return getTopNews().then(({ results }) => changeNewsData(results));\r\n }, []);\r\n\r\n useEffect(() => {\r\n getNewsData();\r\n }, [getNewsData]);\r\n\r\n return (\r\n\r\n
\r\n {item.title}
\r\n \r\n بیشتر بدانید\r\n \r\n\r\n \r\n \r\n مشاهده همه محصولات\r\n \r\n \r\n \r\n {Children.toArray(\r\n productsData.map((item) => (\r\n \r\n {item.logo?.url ? (\r\n \r\n \r\n \r\n \r\n ))\r\n )}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Products;\r\n\r\nconst TitleRow = styled.div`\r\n align-items: center;\r\n justify-content: space-between;\r\n`;\r\n\r\nconst ProductList = styled.div`\r\n margin: -0.5rem;\r\n`;\r\n\r\nconst ProductCard = styled.div`\r\n background-color: ${colors.darkBlue};\r\n border: solid 1px ${colors.darkBlue};\r\n max-height: 390px;\r\n width: 255px;\r\n margin: 0.5rem;\r\n line-height: 24px !important;\r\n\r\n &:hover {\r\n border-color: ${colors.green};\r\n }\r\n\r\n h3 {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n flex-shrink: 0;\r\n }\r\n\r\n p {\r\n flex-grow: 1;\r\n overflow: hidden;\r\n }\r\n`;\r\n\r\nconst ProductIcon = styled.img`\r\n width: 48px;\r\n height: 48px;\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/aparat.aeb5cb08.svg\";","export default __webpack_public_path__ + \"static/media/instagram.82bf2547.svg\";","export default __webpack_public_path__ + \"static/media/linkedin.0462f968.svg\";","export default __webpack_public_path__ + \"static/media/whatsapp.56bb58a2.svg\";","export default __webpack_public_path__ + \"static/media/twitter.55486d79.svg\";","import { useCallback, useEffect, useLayoutEffect, useState } from \"react\";\r\nimport { ReactSVG } from \"react-svg\";\r\n\r\nimport { getSocialLinks } from \"../../services/homeRequestServices\";\r\nimport { mergeArrayByKey } from \"../../utilities/merge\";\r\n\r\nimport aparatSvg from \"../../assets/media/icons/aparat.svg\";\r\nimport instagramSvg from \"../../assets/media/icons/instagram.svg\";\r\nimport linkedinSvg from \"../../assets/media/icons/linkedin.svg\";\r\nimport whatsappSvg from \"../../assets/media/icons/whatsapp.svg\";\r\nimport twitterSvg from \"../../assets/media/icons/twitter.svg\";\r\n\r\nconst socialNetworkData = [\r\n {\r\n title: \"instagram\",\r\n icon: instagramSvg,\r\n },\r\n {\r\n title: \"linkedin\",\r\n icon: linkedinSvg,\r\n },\r\n {\r\n title: \"whatsapp\",\r\n icon: whatsappSvg,\r\n },\r\n {\r\n title: \"aparat\",\r\n icon: aparatSvg,\r\n },\r\n {\r\n title: \"twitter\",\r\n icon: twitterSvg,\r\n },\r\n];\r\n\r\nconst SocialNetworks = () => {\r\n const [stuckTop, toggleStuckTop] = useState(false);\r\n const [socialLinksData, changeSocialLinksData] = useState([]);\r\n\r\n const getSocialLinksData = useCallback(() => {\r\n return getSocialLinks().then((res) =>\r\n changeSocialLinksData(\r\n mergeArrayByKey(res.results, socialNetworkData, \"title\")\r\n )\r\n );\r\n }, []);\r\n\r\n const onScrollChanged = useCallback(() => {\r\n toggleStuckTop(window.scrollY > 100);\r\n }, [toggleStuckTop]);\r\n\r\n useEffect(() => {\r\n getSocialLinksData();\r\n }, [getSocialLinksData]);\r\n\r\n useLayoutEffect(() => {\r\n document.addEventListener(\"scroll\", onScrollChanged, { passive: true });\r\n return () => document.removeEventListener(\"scroll\", onScrollChanged);\r\n }, [onScrollChanged]);\r\n console.log(socialLinksData, \"socialLinksData\");\r\n return (\r\n \r\n
\r\n {item.title}
\r\n{item.slogan}
\r\n\r\n {item.slogan_description}\r\n
\r\n\r\n \r\n {symbol}\r\n
\r\n \r\n )}\r\n\r\n {window.innerWidth <= 768 && (\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {title} ({symbol})\r\n
\r\n {description}
\r\n \r\n \r\n بیشتر\r\n \r\n
\r\n \r\n {productList.map((item) => (\r\n
\r\n )}\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {selectedData.title} ({selectedData.symbol})\r\n
\r\n \r\n {selectedData.description}\r\n
\r\n \r\n changeSelectedData(null)}\r\n >\r\n \r\n \r\n \r\n بیشتر بدانید\r\n \r\n
\r\n \r\n \r\n window.innerWidth < 768 ? props.history.push(\"/products\") : {}\r\n )}\r\n >\r\n {isFocusTab && (\r\n }>\r\n toggleIsLoadedBrain(true)} />\r\n \r\n )}\r\n
\r\n \r\n
\r\n );\r\n};\r\nexport default JobRequest;\r\n","import fetchApi from '../utilities/fetch/httpService'\r\nimport apiUrls from '../utilities/consts/apiUrls'\r\n\r\n// last_name, mobile, email, job_title, cv_file\r\n\r\nexport const sendJobRequest = ({last_name, mobile, email, job_title, cv_file}) =>\r\n fetchApi({\r\n url: apiUrls.job_request,\r\n body: {last_name, mobile, email, job_title, cv_file},\r\n method: 'POST',\r\n hasFile: true\r\n })\r\n","import React, { useState } from \"react\";\r\nimport { motion } from \"framer-motion\";\r\n\r\nimport styled from \"styled-components\";\r\n\r\nfunction Mamber(props) {\r\n const { img, first_name, post, click, last_name } = props;\r\n const [show, setShow] = useState(false);\r\n\r\n const handleMemberClick = () => {\r\n setShow(!show);\r\n click();\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {JobRequestData ? JobRequestData.title : null}\r\n
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nexport default Mamber;\r\n\r\nconst Styles = styled.div`\r\n border-radius: 8px;\r\n cursor: pointer;\r\n height: 100%;\r\n span {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n img {\r\n border-radius: 50%;\r\n margin: 15px 0 10px;\r\n width: 60%;\r\n height: 60%;\r\n }\r\n h3 {\r\n font-size: 15px;\r\n font-weight: bold;\r\n }\r\n p {\r\n margin: 0;\r\n padding-bottom: 10px;\r\n }\r\n`;\r\n","function Close(props) {\r\n return (\r\n \r\n {first_name} {last_name}\r\n
\r\n{post}
\r\n \r\n \r\n \r\n\r\n
\r\n \r\n setModalOpen(false)}\r\n >\r\n
\r\n \r\n {window.innerWidth > 1000 ? (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n
\r\n \r\n 
\r\n
\r\n \r\n {selectedMember.first_name}\r\n {selectedMember.last_name}\r\n
\r\n\r\n {selectedMember.post}\r\n
\r\n\r\n
\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {selectedMember.first_name}{\" \"}\r\n {selectedMember.last_name}\r\n
\r\n\r\n {selectedMember.post}\r\n
\r\n \r\n\r\n
\r\n
\r\n فهرست
\r\n\r\n {categoryTitleData?.length ? (\r\n
\r\n \r\n \r\n \r\n
\r\n ) : null}\r\n {tagTitleData?.length ? (\r\n دسته
\r\n\r\n {categoryTitleData.map((item) => {\r\n return (\r\n {\r\n if (item.type === \"default\") {\r\n localStorage.setItem(\"category\", \"\");\r\n } else {\r\n localStorage.setItem(\r\n \"category\",\r\n `${item.type}=${item.id}`\r\n );\r\n }\r\n }}\r\n key={`${item.type}_${item.id}`}\r\n to={\r\n item.type === \"default\"\r\n ? `/news/?${tag}`\r\n : `/news/${`?category=${item.id}&${tag}`}`\r\n }\r\n className={`btn px-3 text-12 ${\r\n (item.type === \"category\" &&\r\n categoryId === item.id) ||\r\n (item.type === \"default\" && categoryId === 0)\r\n ? \"active-tab\"\r\n : \"border-green text-green\"\r\n } border-green text-green border-radius-8 \r\n `}\r\n >\r\n {item.title}\r\n \r\n );\r\n })}\r\n
\r\n \r\n \r\n \r\n
\r\n ) : null}\r\n برچسب
\r\n\r\n {tagTitleData.map((item) => {\r\n return (\r\n {\r\n if (item.type === \"default\") {\r\n localStorage.setItem(\"tag\", \"\");\r\n } else {\r\n localStorage.setItem(\r\n \"tag\",\r\n `${item.type}=${item.id}`\r\n );\r\n }\r\n }}\r\n key={`${item.type}_${item.id}`}\r\n to={\r\n item.type === \"default\"\r\n ? `/news/?${category}`\r\n : `/news/${`?${category}&${item.type}=${item.id}`}`\r\n }\r\n className={`btn px-3 text-12 ${\r\n (item.type === \"tag\" && tagId === item.id) ||\r\n (item.type === \"default\" && tagId === 0)\r\n ? \"active-tab\"\r\n : \"border-green text-green\"\r\n } border-green text-green border-radius-8x`}\r\n >\r\n {item.title}\r\n \r\n );\r\n })}\r\n
\r\n {item.title}
\r\n\r\n
\r\n \r\n \r\n {newsData?.category.title}\r\n \r\n \r\n {newsData?.author}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {newsData?.tags.map((item, index) => (\r\n \r\n {item.title}\r\n \r\n ))}\r\n \r\n
\r\n )}\r\n برچسبهای مرتبط:
\r\nمطالب مرتبط
\r\n {(newsData?.related_links ?? []).length ? (\r\n\r\n {(newsData.related_links ?? []).map((item, index) => (\r\n
\r\n ) : (\r\n مطلبی پیدا نشد.
\r\n )}\r\n\r\n این صفحه را به اشتراگ بگذارید\r\n
\r\n\r\n {item.type}\r\n \r\n {item.title}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default NewsDetail;\r\n\r\nconst TitleRow = styled.div`\r\n background-color: ${colors.darkBlue};\r\n padding: 2rem 6rem;\r\n align-items: center;\r\n @media (max-width: 768px) {\r\n padding: 2rem 2rem;\r\n }\r\n\r\n > a {\r\n border-bottom: solid 1px transparent;\r\n\r\n &:hover {\r\n border-bottom-color: inherit;\r\n }\r\n }\r\n`;\r\n\r\nconst NewsMeta = styled.p`\r\n opacity: 0.75;\r\n`;\r\n\r\nconst NewsBody = styled.div`\r\n margin: 1.5rem 6rem;\r\n padding-bottom: 2rem;\r\n position: relative;\r\n border-bottom: solid 1px ${colors.brand};\r\n @media (max-width: 768px) {\r\n margin: 1.5rem 2rem;\r\n }\r\n /* @media (min-width: ${gridBreakpoints.md + 1}px) {\r\n padding-right: calc(1.5rem + 50px);\r\n } */\r\n`;\r\n\r\nconst NewsContent = styled.section`\r\n flex-grow: 1;\r\n\r\n @media (max-width: ${gridBreakpoints.xl}px) {\r\n width: 100;\r\n }\r\n\r\n @media (min-width: ${gridBreakpoints.xl + 1}px) {\r\n max-width: calc(100% - 260px - 6rem);\r\n }\r\n`;\r\n\r\nconst NewsText = styled.div`\r\n line-height: 24px !important;\r\n\r\n p,\r\n img,\r\n figure,\r\n ul,\r\n ol {\r\n margin: 0;\r\n\r\n &:not(:last-child) {\r\n margin-bottom: 2rem;\r\n }\r\n }\r\n\r\n img {\r\n background-color: ${colors.brand};\r\n border-radius: 1rem;\r\n padding: 0.3rem;\r\n margin-left: auto;\r\n margin-right: auto;\r\n display: block;\r\n max-width: 100%;\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4,\r\n h5,\r\n h6 {\r\n color: ${colors.green};\r\n margin-bottom: 1rem;\r\n }\r\n`;\r\n\r\nconst ButtonGroup = styled.div`\r\n a {\r\n border: solid 1px ${colors.brand};\r\n }\r\n\r\n a + a {\r\n margin-right: 1rem;\r\n }\r\n`;\r\n\r\nconst RelatedNewsList = styled.section`\r\n h4,\r\n .related__news-item:not(:last-child) {\r\n padding-bottom: 1rem;\r\n border-bottom: solid 1px ${colors.brand};\r\n margin-bottom: 1rem;\r\n }\r\n\r\n @media (max-width: ${gridBreakpoints.xl}px) {\r\n margin-top: 4rem;\r\n }\r\n\r\n @media (min-width: ${gridBreakpoints.xl + 1}px) {\r\n margin-right: 6rem;\r\n width: 250px;\r\n }\r\n`;\r\n\r\nconst NewsShare = styled.section`\r\n margin: 0 6rem;\r\n\r\n @media (min-width: ${gridBreakpoints.md + 1}px) {\r\n padding-right: calc(1.5rem + 160px);\r\n }\r\n`;\r\n\r\nconst Styles = styled.div`\r\n @media (max-width: 550px) {\r\n .share-page {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin: 0 auto;\r\n width: 85%;\r\n h4 {\r\n margin: 0 !important;\r\n }\r\n }\r\n .links-tags {\r\n margin-bottom: 10px;\r\n }\r\n }\r\n`;\r\n","import { useState, useCallback, useEffect } from \"react\";\r\nimport { useSnackbar } from \"notistack\";\r\n\r\nimport { statusesOfForm } from \"../../utilities/consts/models\";\r\n\r\nimport Form from \"../../ui-kits/form/Form\";\r\nimport { sendNewsletter } from \"../../services/newsletterServices\";\r\nimport { getNewsletterPageTitle } from \"../../services/pagesRequestServices\";\r\n\r\nconst newsletterFormFields = [\r\n {\r\n key: \"last_name\",\r\n label: \"نام و نام خانوادگی\",\r\n name: \"last_name\",\r\n isRequired: false,\r\n defaultValue: null,\r\n type: \"name\",\r\n },\r\n {\r\n key: \"mobile\",\r\n label: \"موبایل\",\r\n name: \"mobile\",\r\n isRequired: false,\r\n defaultValue: null,\r\n type: \"tel\",\r\n },\r\n {\r\n key: \"email\",\r\n label: \"ایمیل\",\r\n name: \"email\",\r\n isRequired: true,\r\n defaultValue: null,\r\n type: \"mail\",\r\n },\r\n];\r\n\r\nconst Newsletter = () => {\r\n const [statusForm, changeStatusForm] = useState(statusesOfForm.filling);\r\n const { enqueueSnackbar } = useSnackbar();\r\n const [pageTitle, changePageTitle] = useState(null);\r\n\r\n const getPageTitle = useCallback(() => {\r\n return getNewsletterPageTitle().then((res) => changePageTitle(res));\r\n }, []);\r\n\r\n useEffect(() => {\r\n getPageTitle();\r\n }, [getPageTitle]);\r\n\r\n const onSubmit = (data) => {\r\n changeStatusForm(statusesOfForm.sending);\r\n sendNewsletter(data)\r\n .then(() => {\r\n enqueueSnackbar(\"درخواست شما با موفقیت ارسال شد.\", {\r\n variant: \"success\",\r\n });\r\n changeStatusForm(statusesOfForm.success);\r\n })\r\n .catch(() =>\r\n enqueueSnackbar(\"ارسال درخواست با خطا مواجه شد.\", { variant: \"error\" })\r\n )\r\n .finally(() => {\r\n changeStatusForm(statusesOfForm.filling);\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n );\r\n};\r\nexport default Newsletter;\r\n","import fetchApi from '../utilities/fetch/httpService'\r\nimport apiUrls from '../utilities/consts/apiUrls'\r\n\r\n// last_name, last_name, mobile, email\r\n\r\nexport const sendNewsletter = ({last_name, mobile, email}) =>\r\n fetchApi({url: apiUrls.newsletter_subscriber, body: {last_name, mobile, email}, method: 'POST'})\r\n","import SliderComponent from 'react-slick'\r\nimport styled from 'styled-components'\r\n\r\nimport 'slick-carousel/slick/slick.css'\r\nimport 'slick-carousel/slick/slick-theme.css'\r\n\r\nconst settingsDefault = {\r\n autoplay: false,\r\n autoplaySpeed: 5000,\r\n arrows: false,\r\n centerMode: false,\r\n dots: true,\r\n infinite: false,\r\n speed: 500\r\n}\r\n\r\nconst Slider = ({settings, ...props}) =>\r\n \r\n
\r\n \r\n {pageTitle?.title}\r\n
\r\n\r\n
\r\n toggleOpen(false)} />\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n <>\r\n );\r\n\r\nexport default FileModal;\r\n\r\nconst StyledDialog = styled.div`\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n z-index: 1003;\r\n\r\n .screen {\r\n width: 100vw;\r\n height: 100vh;\r\n background: rebeccapurple;\r\n position: fixed;\r\n top: 0;\r\n background: rgba(0, 6, 50, 0.9);\r\n }\r\n .close {\r\n border: none;\r\n outline: none;\r\n background: ${colors.background};\r\n border: 2px solid white;\r\n border-radius: 50%;\r\n padding: 8px;\r\n background: none;\r\n @media (max-width: 600px) {\r\n padding: 6px;\r\n }\r\n svg {\r\n width: 26px;\r\n height: 26px;\r\n @media (max-width: 600px) {\r\n width: 20px;\r\n height: 20px;\r\n }\r\n path {\r\n stroke: ${colors.text};\r\n fill: ${colors.text};\r\n }\r\n }\r\n }\r\n .dialog_container {\r\n max-width: 80vw;\r\n width: fit-content;\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n border: 1px solid;\r\n display: flex;\r\n flex-direction: column-reverse;\r\n .text-left {\r\n text-align: left;\r\n }\r\n\r\n .slick-slider {\r\n .slick-list {\r\n height: 100%;\r\n\r\n .slick-track {\r\n display: flex;\r\n align-items: center;\r\n\r\n .images_contain {\r\n overflow: hidden;\r\n padding: 0 10px;\r\n outline: unset !important;\r\n\r\n img {\r\n min-width: 100%;\r\n max-width: 100%;\r\n border-radius: 10px;\r\n }\r\n }\r\n\r\n .video_contain {\r\n overflow: hidden;\r\n padding: 0 10px;\r\n outline: unset !important;\r\n\r\n iframe {\r\n width: 100%;\r\n aspect-ratio: 16/9;\r\n border-radius: 10px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .slick-dots {\r\n top: -30px;\r\n bottom: unset;\r\n text-align: right;\r\n }\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .dialog_container {\r\n max-width: 95vw;\r\n\r\n .slick-slider .slick-list .slick-track .images_contain {\r\n padding: 0 5px;\r\n }\r\n }\r\n }\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/laptop-mockup.61bd4be5.png\";","import { Children, useState } from \"react\";\r\nimport styled from \"styled-components\";\r\n\r\nimport FileModal from \"../modals/FileModal\";\r\nimport Slider from \"../../../ui-kits/Slider\";\r\n\r\nimport laptopMock from \"../../../assets/media/laptop-mockup.png\";\r\n\r\nconst LaptopSlider = ({ files }) => {\r\n const [selectedFile, changeSelectedFile] = useState(null);\r\n\r\n return (\r\n <>\r\n \r\n \r\n changeSelectedFile(null)}\r\n />\r\n \r\n );\r\n};\r\n\r\nexport default LaptopSlider;\r\n\r\nconst StyledLaptopSlider = styled.div`\r\n position: relative;\r\n margin-bottom: 80px;\r\n\r\n .LaptopSlider_files {\r\n position: absolute;\r\n top: 1.8vw;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n width: calc(100% - 26%);\r\n height: calc(100% - 47px);\r\n\r\n .slick-slider {\r\n .slick-list {\r\n height: 100%;\r\n\r\n .images_contain {\r\n height: calc(100% - 47px);\r\n overflow: hidden;\r\n\r\n img {\r\n width: 120%;\r\n aspect-ratio: 16/8.5;\r\n left: -10%;\r\n position: relative;\r\n }\r\n }\r\n\r\n .video_contain {\r\n height: calc(100% - 47px);\r\n overflow: hidden;\r\n position: relative;\r\n\r\n .video_contain__mask {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: transparent;\r\n z-index: 1003;\r\n }\r\n\r\n iframe {\r\n width: 120%;\r\n aspect-ratio: 16/8.5;\r\n left: -10%;\r\n position: relative;\r\n }\r\n }\r\n }\r\n\r\n .slick-dots {\r\n bottom: -70px;\r\n }\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .LaptopSlider_images {\r\n top: 5.2vw;\r\n }\r\n }\r\n`;\r\n","import { useCallback, useEffect, useState } from \"react\";\r\nimport { ReactSVG } from \"react-svg\";\r\nimport styled from \"styled-components\";\r\nimport variables from \"../../../assets/js/variables\";\r\nimport whatsappSvg from \"../../../assets/media/icons/whatsapp.svg\";\r\nimport { getSocialLinkDetail } from \"../../../services/miscRequestServices\";\r\n\r\nconst { colors } = variables;\r\n\r\nconst WhatsAppButton = ({ tooltip = true, size = 48 }) => {\r\n const [whatsAppUrl, changeWhatsAppUrl] = useState(null);\r\n\r\n const getWhatsAppUrl = useCallback(() => {\r\n return getSocialLinkDetail(\"whatsapp\").then((res) =>\r\n changeWhatsAppUrl(res?.url)\r\n );\r\n }, []);\r\n\r\n useEffect(getWhatsAppUrl, [getWhatsAppUrl]);\r\n\r\n return (\r\n window.open(whatsAppUrl, \"_blank\")}\r\n >\r\n e.stopPropagation()}\r\n >\r\n کارشناسان ما آماده پاسخگویی به سوالات شما هستند\r\n
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default WhatsAppButton;\r\n\r\nconst StyledWhatsAppButton = styled.button`\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #00eeb8;\r\n border: unset;\r\n outline: unset;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n\r\n svg {\r\n width: 36px;\r\n height: 36px;\r\n\r\n .background {\r\n fill: ${colors.green};\r\n }\r\n }\r\n\r\n .Button_tooltip {\r\n position: absolute;\r\n left: 58px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n color: white;\r\n padding: 10px 12px;\r\n line-height: 14px;\r\n cursor: initial;\r\n visibility: hidden;\r\n transition: 300ms;\r\n opacity: 0;\r\n }\r\n\r\n &:hover .Button_tooltip {\r\n visibility: visible;\r\n opacity: 1;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n width: 40px;\r\n height: 40px;\r\n left: 15px;\r\n bottom: 15px;\r\n .Button_tooltip {\r\n visibility: visible;\r\n opacity: 1;\r\n left: 50px;\r\n padding: 8px 12px;\r\n line-height: 12px;\r\n }\r\n }\r\n`;\r\n","export default __webpack_public_path__ + \"static/media/setting.4efe4c33.svg\";","export default __webpack_public_path__ + \"static/media/star.8d545fde.svg\";","import { Link, useParams } from \"react-router-dom\";\r\nimport { useCallback, useEffect, useState } from \"react\";\r\n\r\nimport styled from \"styled-components\";\r\nimport { motion } from \"framer-motion\";\r\n\r\nimport { getProduct } from \"../../services/productRequestServices\";\r\n\r\nimport Modal from \"../../ui-kits/Modal\";\r\nimport Slider from \"../../ui-kits/Slider\";\r\n\r\nimport ConsultingRequestModal from \"../../components/general/modals/ConsultingRequestModal\";\r\nimport HtmlContent from \"../../components/general/misc/HtmlContent\";\r\nimport LaptopSlider from \"../../components/general/sliders/LaptopSlider\";\r\nimport WhatsAppButton from \"../../components/general/misc/WhatsAppButton\";\r\n\r\nimport settingSvg from \"../../assets/media/icons/setting.svg\";\r\nimport starSvg from \"../../assets/media/icons/star.svg\";\r\nimport Close from \"../../assets/media/icons/close\";\r\nimport variables from \"../../assets/js/variables\";\r\nconst { colors } = variables;\r\n\r\nconst Product = () => {\r\n const { id } = useParams();\r\n const [isShowMore, toggleShowMore] = useState(false);\r\n const [isShowRequest, toggleShowRequest] = useState(false);\r\n const [productData, changeProductData] = useState(null);\r\n\r\n const getProductData = useCallback(() => {\r\n return getProduct(id).then((res) => changeProductData(res));\r\n }, [id]);\r\n\r\n useEffect(() => {\r\n getProductData();\r\n }, [getProductData]);\r\n\r\n return productData ? (\r\n \r\n
\r\n \r\n \r\n ) : (\r\n <>\r\n );\r\n};\r\nexport default ConsultingRequestModal;\r\n\r\nconst StyledDialog = styled.div`\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100vw;\r\n height: 100vh;\r\n z-index: 1003;\r\n\r\n .screen {\r\n width: 100vw;\r\n height: 100vh;\r\n background: rebeccapurple;\r\n position: fixed;\r\n top: 0;\r\n background: rgba(0, 6, 50, 0.9);\r\n }\r\n\r\n .dialog_container {\r\n width: 600px;\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n border: 1px solid;\r\n\r\n .text-left {\r\n text-align: left;\r\n }\r\n\r\n .dialog_container__content {\r\n max-height: 80vh;\r\n overflow: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .dialog_container {\r\n width: 90vw;\r\n }\r\n }\r\n`;\r\n","import Modal from \"../../../ui-kits/Modal\";\r\nimport Slider from \"../../../ui-kits/Slider\";\r\nimport Close from \"../../../assets/media/icons/close\";\r\nimport styled from \"styled-components\";\r\nimport variables from \"../../../assets/js/variables\";\r\nconst { colors } = variables;\r\n\r\nconst FileModal = ({ isOpen, onClose, files, selectedIndex }) =>\r\n isOpen ? (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {files.map((image) =>\r\n image.includes(\"video\") ? (\r\n
\r\n \r\n
\r\n ) : (\r\n \r\n 
\r\n
\r\n )\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n {Children.toArray(\r\n files.map((file, index) =>\r\n file.includes(\"video\") ? (\r\n
\r\n \r\n changeSelectedFile(index)}\r\n />\r\n \r\n
\r\n ) : (\r\n \r\n changeSelectedFile(index)}\r\n />\r\n
\r\n )\r\n )\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {productData.title}\r\n
\r\n\r\n {productData.slogan}\r\n
\r\n\r\n {productData.slogan_description}\r\n
\r\n\r\n
\r\n \r\n )}\r\n \r\n تولید کننده\r\n
\r\n \r\n {productData.builder}\r\n
\r\n {productData.customers && (\r\n <>\r\n \r\n مشتریان و صنایع نمونه\r\n
\r\n \r\n {productData.customers.length > 3 ? (\r\n \r\n {productData.customers.map((customer) => (\r\n \r\n \r\n \r\n ))}\r\n \r\n ) : (\r\n \r\n {productData.customers.map((customer) => (\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n ))}\r\n \r\n
\r\n \r\n toggleShowMore(true)}\r\n >\r\n توضیحات بیشتر...\r\n \r\n
\r\n \r\n \r\n 
\r\n \r\n کاربردهای اصلی\r\n
\r\n \r\n
\r\n \r\n \r\n 
\r\n \r\n امکانات اصلی\r\n
\r\n \r\n x.url)} />\r\n
\r\n \r\n {productData.brochure && (\r\n \r\n دریافت بروشور محصول\r\n \r\n )}\r\n\r\n toggleShowRequest(true)}\r\n >\r\n درخواست دمو و مشاوره\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n هزینه لایسنس
\r\n {productData.license_price}
\r\n \r\n
\r\n هزینه استقرار
\r\n \r\n {productData.deployment_price}\r\n
\r\n toggleShowMore(false)} />\r\n \r\n \r\n خطا!\r\n \r\n \r\n مشکلی در سایت رخ داده است.\r\n \r\n \r\n {errorMessage}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default NotFoundPage;\r\n\r\nconst Styles = styled.div`\r\n max-width: 70%;\r\n min-width: 70%;\r\n max-height: 50vh;\r\n min-height: 50vh;\r\n display: flex;\r\n flex-direction: column;\r\n margin: 0 auto;\r\n`;\r\n","import About from \"../Pages/About/About\";\r\nimport ConsultingRequest from \"../Pages/ConsultingRequest/ConsultingRequest\";\r\nimport ContactUs from \"../Pages/ContactUs/ContactUs\";\r\nimport Customers from \"../Pages/Customers/Customers\";\r\nimport Home from \"../Pages/Home/Home\";\r\nimport JobRequest from \"../Pages/JobRequest/JobRequest\";\r\nimport Members from \"../Pages/Members/Members\";\r\nimport News from \"../Pages/News/News\";\r\nimport NewsDetail from \"../Pages/News/NewsDetail\";\r\nimport Newsletter from \"../Pages/Newsletter/Newsletter\";\r\nimport Product from \"../Pages/Products/Product\";\r\nimport Products from \"../Pages/Products/Products\";\r\nimport React from \"react\";\r\nimport { Redirect } from \"react-router\";\r\n// import DemoRequest from \"../components/general/misc/DemoRequest\";\r\nimport NotFoundPage from \"../Pages/NotFoundPage/NotFoundPage\";\r\n\r\nconst baseRoute = {\r\n exact: true,\r\n};\r\n\r\nconst customRoute = {\r\n ...baseRoute,\r\n // footer: DemoRequest,\r\n};\r\n\r\nexport const routes = [\r\n {\r\n ...baseRoute,\r\n key: \"home\",\r\n path: \"/\",\r\n body: Home,\r\n },\r\n {\r\n ...customRoute,\r\n key: \"about\",\r\n path: \"/about\",\r\n body: About,\r\n },\r\n {\r\n ...customRoute,\r\n key: \"products\",\r\n path: \"/products\",\r\n body: Products,\r\n },\r\n {\r\n ...baseRoute,\r\n key: \"product\",\r\n path: \"/products/:id/:slug\",\r\n body: Product,\r\n },\r\n {\r\n ...baseRoute,\r\n key: \"members\",\r\n path: \"/members\",\r\n body: Members,\r\n },\r\n {\r\n ...customRoute,\r\n key: \"customers\",\r\n path: \"/customers\",\r\n body: Customers,\r\n },\r\n {\r\n ...baseRoute,\r\n key: \"consulting-request\",\r\n path: \"/consulting-request\",\r\n body: ConsultingRequest,\r\n },\r\n {\r\n ...baseRoute,\r\n key: \"job-request\",\r\n path: \"/job-request\",\r\n body: JobRequest,\r\n },\r\n {\r\n ...customRoute,\r\n key: \"newsletter\",\r\n path: \"/newsletter\",\r\n body: Newsletter,\r\n },\r\n {\r\n ...baseRoute,\r\n key: \"contact-us\",\r\n path: \"/contact\",\r\n body: ContactUs,\r\n },\r\n {\r\n ...customRoute,\r\n key: \"news\",\r\n path: \"/news\",\r\n body: News,\r\n },\r\n {\r\n ...customRoute,\r\n key: \"news-detail\",\r\n path: \"/news/:id\",\r\n body: NewsDetail,\r\n },\r\n // {\r\n // key: \"root\",\r\n // body: () => (\r\n \r\n \r\n {routes.map((route) => (\r\n \r\n \r\n )}\r\n />\r\n );\r\n};\r\n\r\nexport default BodyRouter;\r\n","import React from 'react'\r\nimport {Route, Switch} from 'react-router-dom'\r\n\r\nimport {routes} from './routerConfig'\r\n\r\nconst FooterRouter = () => {\r\n return (\r\n \r\n {routes.map(route =>\r\n \r\n )}/>\r\n}\r\n\r\nexport default FooterRouter\r\n","import { useCallback, useEffect, useState } from \"react\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nimport styled from \"styled-components\";\r\nimport Button from \"@mui/material/Button\";\r\nimport ButtonGroup from \"@mui/material/ButtonGroup\";\r\n\r\nimport ConsultingRequestModal from \"../modals/ConsultingRequestModal\";\r\nimport { getBrochureLink } from \"../../../services/pagesRequestServices\";\r\nimport variables from \"../../../assets/js/variables\";\r\n\r\nimport imgBrochure from \"../../../assets/media/icons/catalogue.png\";\r\nimport demo from \"../../../assets/media/icons/demo.png\";\r\nimport contact from \"../../../assets/media/icons/contact.png\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nconst { colors } = variables;\r\n\r\nfunction SideBox(props) {\r\n const [isShowRequest, toggleShowRequest] = useState(false);\r\n const [brochureLink, setBrochureLink] = useState(false);\r\n\r\n const { pathname } = useLocation();\r\n const id = parseInt(pathname?.split(\"/news/\")[1], 10);\r\n const getPageTitle = useCallback(() => {\r\n return getBrochureLink().then((res) => setBrochureLink(res));\r\n }, []);\r\n\r\n useEffect(() => {\r\n getPageTitle();\r\n }, [getPageTitle]);\r\n\r\n if (pathname !== `/news/${id}` && pathname !== `/members`) {\r\n return (\r\n \r\n \r\n \r\n {pathname !== \"/consulting-request\" ? (\r\n toggleShowRequest(true)}\r\n className=\"btn-container\"\r\n >\r\n 
\r\n \r\n ) : null}\r\n {pathname !== \"/contact\" ? (\r\n \r\n ) : null}\r\n \r\n {isShowRequest && (\r\n \r\n );\r\n } else {\r\n return null;\r\n }\r\n}\r\n\r\nexport default SideBox;\r\n\r\nconst Styles = styled.div`\r\n position: fixed;\r\n top: 50%;\r\n right: 0px;\r\n height: 0;\r\n display: flex;\r\n align-items: center;\r\n button {\r\n font-family: inherit;\r\n font-size: 18px;\r\n /* margin: 5px 0; */\r\n width: 60px;\r\n height: 60px;\r\n background: ${colors.text};\r\n padding: 4px 8px !important;\r\n font-size: 15px;\r\n border: none;\r\n margin-bottom: 2px;\r\n @media (max-width: 1600px) {\r\n padding: 7px 16px;\r\n }\r\n @media (max-width: 1200px) {\r\n padding: 5px 10px;\r\n }\r\n @media (max-width: 1000px) {\r\n padding: 7px 14px;\r\n }\r\n @media (max-width: 768px) {\r\n padding: 5px 10px;\r\n }\r\n @media (max-width: 500px) {\r\n padding: 5px 1px;\r\n width: 20px;\r\n }\r\n }\r\n\r\n .btn-container {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column-reverse;\r\n opacity: 0.7;\r\n img {\r\n width: 30px;\r\n @media (max-width: 500px) {\r\n width: 20px !important;\r\n }\r\n }\r\n @media (max-width: 768px) {\r\n opacity: 0.7;\r\n max-height: 40px;\r\n }\r\n a {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column-reverse;\r\n }\r\n }\r\n p {\r\n margin: 0;\r\n @media (max-width: 1000px) {\r\n display: none !important;\r\n }\r\n }\r\n\r\n @media (max-width: 1000px) {\r\n top: 75%;\r\n }\r\n @media (max-width: 788px) {\r\n top: 70%;\r\n }\r\n\r\n //**\r\n .css-etdcgt-MuiButtonBase-root-MuiButton-root {\r\n :hover {\r\n /* background: ${colors.green}; */\r\n background: white;\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .MuiButtonGroup-grouped {\r\n border: none !important;\r\n }\r\n //**\r\n`;\r\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAACXBIWXMAAAOwAAADsAEnxA+tAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAACMdJREFUeJztnXusFcUdxz9wgVYsAq1EqQ9oIlawoLYa/zVpfdv4KK2tr75iE8FnGiNq1T8UMT64gdZHqInREGsTovFB08Sam8bEt21Bm9YHIF6uQDSVGpUil3v6x29PzuycnXN2ztnZM+fu75NMsrvnt7OzZ747j9/MzoKiKIqiKIqiKIqiKIqiKIqiKIqiKIoyDpmQw2YBcAlwNPDlsMlRCuJ/wJvAI8C/Oo1kIrACGAVqGvoyjALLk7z0ZkUEN6ChmLAcB64qYAGwERgwjr0DbHVFpETFHGCesT8KLAT+nTcC++m/rMjUKaWwhHQe3uZz8tPGiW8XnjSlLN6mkY9PZRlMcpz4FWN7xNiejZQOhxSROqVwRoBlwA5jv14VTMs6wSUAFyuAn3aUNKUsasDP8xr7dg/meNor5TPXx9i3BDD5GHi9i/OV4vgOMLOTE7sRwAbg5C7OV4pjCDipkxM78hAp4wcVQMVRAVQcFUDFUQFUHBVAxVEBVJxu/AAh+SpwPHACcDgwA5ie/PZfYBcyNP1aEv5T8PUPQ9zeIL71bQXH346DgbuAMeA6Gr79wolJALOBHwMXIJnvw6vAo8BjFPNn3Q5cmGzXgIsLiNOHtcB3k+0xPHz7vsRQBcwFHgaGgZX4Zz5ISTGYxPEQnv7wDA51bJfB+TQyPzi9FMB+SKa9hUw6HXDYbUcmOL6UhDeTY1lMAn6WxLkyuUY/MQ24x9j/Argz5AV7VQUcixTZ8zN+GwbWAX8G/gZ85IjjQGQQ5DRgMekndQpwDXAKUqVsLCTV4bmZ9FyLQbqY1dsNQzRmkgzlOO7Dj5Bpy/bExReQzDTnKU4GzgHuQwTxJ+Be4NzktzoTgDOAFzPi3Q38wDONRdynLwuQJ75+3WHSE3NaUXh+hRLAL2ieZv4Bksk2ZwFbaM7QetiCZLrNuUgVYdqOItVMXnohgOdIp3mxx7l9IYALkRateZOPI10+m2sybLPCGHBFxvlfA560bPchvYw8lC2AC0in9VnP86MXwDHAZ6RvchXZjdCzaM78PUhXb2OybWfs6RnxDAC/tWw/R9oN7ShTANOQuXvmvR7lGUfUAphBc1F+j8N2CvCeZXs/6VJiFrDGstmMu0E7aNluAg5ok+YyBbCSdPqcL3G0IGoB2BmwDnf38zyaM9/Fg5bt2Q67icATlu3dbdJclgCOJt3wex/Yv4N4Os6v0H6A+cBSY38E+CVSxGfxPWP7C+DGFnEvQxp3dVzT08aQmczDxrGrgG+1iLsMJgC/I92buRqpKksjtACWkb7BXyG+fBdzje03aO3j/whxCtX5RgvbT0i/3TQJuLaFfRlcRHoe37NIo7hUynYEtXsdfZ+xPSVHfLUu0hKCyYjo5yLi3AD8g2YhTyft4dtDuqQsjdACuAP4CY1SYA1S7+1y2Jsvnx6JNPg+dNjOQl54rLO5RTqmAw8Y+6PIaFvR3Az8JuP4NkQMGxFBnIyM+NW5G3n5NhqKbATardzHcVc937ds17SI92HyNQIHaPYJhGgEHoF4HWueYSudNfzypDeKXsB05Ok0b3rQYTsZeRJM2wcRv3+dWTRn/ibSbQ2TVZbtu4TpBq4nf6abIcsL6kvUAgBYBHxK+sZ/T3YVdBrSFjBt9yLF59+TbfO3seQcmwGklW3afg58O0d6fe/T7r7+FRmcOgO4HvgjMqhju8GfzBF3HqIXAEhbwPbwPYW4bW2W0iyCrLCP7MbTLOCZDNvzc6bV5z73R4pxU6wLHbZTkbkLlyI9oqk509OOvhAAyFi9/RTsQJ4gm1NJv99uh01kP/mLgZ2W7V6k25UXn/u83bqWy8sZkr4RAEgGZQ0HvwScSbqBODk5thopLdYjxfrZpKuPiUgD8uWMeHcjI4Q+5L3Peda9bKcxd7FMOs6vXkwIWYc09B5FxsDrnIgU2yOkJ4SsT4LNQcBxyEDQYuDrGTb/RKqeNwpKu80q4EvG/q9p7eiKjl7NCNqAzP27DbictNPnEMRVe1WyvwNxpHyS7B+AtBsOahH/HqSkuAkpAULwQ9KjkM8Dfwh0rWD0clbwbuSJWY04UC5xpOdg0k6TVuxFuoi3IgMroZhK2pE0ijRGawGvGYQYZgVvRQaIDkWe+lfw+yNrSN1/ZRLHpYTNfIBbSK+WMki4aiYoMb0XsBMpDVYjcwiOT8KcZH9GYrcrCe8hL4W8jtu1HIIjaVRPIFWU1xJsMRGTAEx2AX9JQmzcSLrhdzWN9knfEUMV0G+Y1dNziJevb4m1BIiZ65Bh7Vqy3deoAPzZyThaK1GrgIqjAqg4oauAw5DBkryOnLLYjgzTjrQzRN5p8H1Royh80tkRoQWwgsZ79jGS53WxmaRnK/cCn9favAhdBcTsGm2Vtpg+jBH0PwxdAlyP3MDswNfxZTtwQ4vflyHpLntxCJt26eya0ALYRsDiKyA7CLgsS0xoL6DiqAAqjgqg4qgAKo4KoOL0syfQ5SXLc812HrZYPJjqCcyB3c30uaarixqbB1M9gR7x571mK7uYPJjqCXTg8pLluWY7D1ssHkz1BPbomv3qwfRGewEVRwVQcVQAFUcFUHFUABVHBVBxVAAVpxs/QC9nyyppjun0xG4EEMNsWaVLfKuAmGbLKtls8TH2LQFimS2rZDOM59iBSwCfGtvmV6wqM1t2nGDmXeYaBq4qwFzuZB6wpKgUKaWxFMm7OpmfznMt3z4fEYH5Mcd30DZAvzCHdOaPIh/IeMsnkuW0X6pVQ3+EW+mAiYgI7MWZNfRP2ItkvrO31+4LHgDfRL6evYj++xYvyGfiZibbHyOrihVpHyO7kcU41+JZ7I9Hhmg8EUMB7PsaHQuoOCqAiqMCqDgqgIqjAqg4KoCKowKoOCqAiqMCqDgqgIqjAqg4eQaDyqbo1TliGQwKvtrHeGEtvR9GDRUeKfB/KoQYq4BarxMQkOjuLcYvhsSyOkfRBF/tQ1EURVEURVEURVEURVEURVEURVEURVES/g9+ghabYaQU2wAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,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\"","import React from \"react\";\r\nimport \"./App.scss\";\r\n\r\nimport Footer from \"./components/general/footer/Footer\";\r\nimport Header from \"./components/general/header/Header\";\r\nimport BodyRouter from \"./router/BodyRouter\";\r\nimport FooterRouter from \"./router/FooterRouter\";\r\nimport SideBox from \"./components/general/background/SideBox\";\r\n\r\nfunction App() {\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ) : (\r\n <>\r\n )}\r\n {isShowRequest && (\r\n \r\n toggleShowMore(false)}\r\n >\r\n
\r\n \r\n
\r\n \r\n {productData.title}\r\n
\r\n \r\n
\r\n \r\n
\r\n}\r\n\r\nexport default Products","import React from \"react\";\r\nimport { Typography, Button } from \"@mui/material\";\r\nimport { Link } from \"react-router-dom\";\r\nimport styled from \"@emotion/styled\";\r\n\r\nconst NotFoundPage = ({ errorMessage }) => {\r\n return (\r\n دمو
\r\n