\r\n
\r\n\r\n \r\n );\r\n\r\n\r\n\r\n return (\r\n setflagOms(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 open && (\r\n \r\n )\r\n }\r\n\r\n {\r\n openAccount && (\r\n \r\n )\r\n }\r\n \r\n handelOpen()}\r\n // onMouseMove={handleClick}\r\n >\r\n
\r\n \r\n \r\n ورود به سامانه\r\n
\r\n \r\n\r\n handelOpenAccount()}\r\n // onMouseMove={handleClick}\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 \r\n \r\n \r\n \r\n\r\n {/* */}\r\n \r\n {list(\"right\")}\r\n \r\n \r\n
\r\n )\r\n}\r\n","import React from 'react';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Breadcrumbs from '@material-ui/core/Breadcrumbs';\r\nimport { Link } from 'react-router-dom';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n paddingTop: 25,\r\n [theme.breakpoints.down('sm')]: {\r\n paddingTop: 30,\r\n marginBottom:8\r\n },\r\n },\r\n text: {\r\n color: 'white !important',\r\n fontWeight: '550',\r\n }\r\n\r\n}))\r\n\r\nexport default function SimpleBreadcrumbs({ data }) {\r\n\r\n const classes = useStyles()\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n}\r\n","import axios from \"axios\";\r\n// import { getRandomNumber } from \"../../method/getRandomNumber\";\r\n\r\nconst AxiosCustom = (_config, _data , headers={}) => {\r\n\r\n let userLocal = localStorage.getItem('persist:admin') ? JSON.parse(localStorage.getItem('persist:admin')).user : null\r\n\r\n let { token, member_id } = userLocal ? JSON.parse(userLocal)\r\n : { token: \"3cf61fab-b50a-410f-9d59-3357ee4706fe\", member_id: \"_0zehXYBdxxYGfkX5_wd\" }\r\n\r\n let config = {\r\n\r\n baseURL: getUrl(),\r\n method: \"POST\",\r\n headers: { \r\n \"content-type\": \"application/json\", \r\n \"Access-Control-Allow-Origin\": \"*\" ,\r\n ...headers\r\n },\r\n ..._config,\r\n data: {\r\n api_key: \"d025488f-8ec6-4434-afbe-b6a5343815a7\",\r\n token: token,\r\n member_id: member_id,\r\n ..._data\r\n }\r\n }\r\n\r\n \r\n\r\n\r\n\r\n return axios(config);\r\n};\r\n\r\nexport function getUrl() {\r\n\r\n let protocol = window.location.protocol\r\n let hostName = window.location.hostname\r\n\r\n if (!protocol || !hostName || hostName === 'localhost') {\r\n \r\n return \"https://www.pouyanbroker.com/GradDB/V1/\"\r\n // return \"http://172.18.39.154:41790/GradDB/V1/\"\r\n // return \"http://172.18.39.150:5001/GradDB/V1\";\r\n return \"http://172.18.39.150:5001/GradDB/V1\";\r\n\r\n \r\n // return `http://172.18.39.150:5001/Hoghoghi/V1/`;\r\n return \"https://pouyanbroker.ir/GradDB/V1/\"\r\n return \"http://192.168.231.66:7010/GradDB/V1/\"\r\n\r\n }\r\n\r\n return `${protocol}//${hostName}/GradDB/V1/`\r\n\r\n}\r\n\r\n\r\n\r\nexport default AxiosCustom;\r\n\r\n","import { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\n\r\n \r\n \r\n \r\n \r\n \r\n export const actionTypes = {\r\n selectCategortyBourse:\"[selectCategortyBourse] Action\",\r\n selectCategortyBourseEmpty:\"[selectCategortyBourseEmpty] Action\",\r\n selectCategortyBourseAsync:\"[selectCategortyBourseAsync] Action\"\r\n }\r\n\r\n const initialState={\r\n data:[],\r\n size:20,\r\n total:10000\r\n }\r\n\r\n\r\n export const bourse_select_category_reducer = (state=initialState,{type,payload})=>{\r\n switch (type) {\r\n case actionTypes.selectCategortyBourse:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total:payload.total ? payload.total : state.total\r\n };\r\n case actionTypes.selectCategortyBourseEmpty:\r\n return initialState\r\n default:\r\n return state;\r\n }\r\n }\r\n\r\n\r\n\r\n function* handleWorker({ payload }) {\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n \r\n let data = {\r\n table: \"imetrade\",\r\n method_type: \"select_categories\",\r\n from: payload?.from ? (payload.from - 1) * payload.size : 0,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n sort_by: payload?.sort_by ? payload?.sort_by :{} ,\r\n };\r\n \r\n try {\r\n \r\n let res = yield AxiosCustom(config, data); \r\n\r\n // let flag = handleNotificationAlertTrySelect(res);\r\n \r\n // if (!flag) return;\r\n \r\n yield put({\r\n type: actionTypes.selectCategortyBourse,\r\n payload: res.data.response.data\r\n });\r\n \r\n } catch {\r\n // handleNotificationAlertCatch();\r\n }\r\n }\r\n \r\n export function* bourseCategorySelect() {\r\n yield takeLatest(actionTypes.selectCategortyBourseAsync, handleWorker);\r\n }\r\n ","import { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\n\r\n \r\n \r\n export const actionTypes = {\r\n selectMainGroupsBourse:\"[selectMainGroupsBourse] Action\",\r\n selectMainGroupsBourseAsync:\"[selectMainGroupsBourseAsync] Action\"\r\n }\r\n\r\n const initialState={\r\n data:[],\r\n size:20,\r\n total:10000\r\n }\r\n\r\n\r\n export const bourse_select_mainGroup_reducer = (state=initialState,{type,payload})=>{\r\n switch (type) {\r\n case actionTypes.selectMainGroupsBourse:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total:payload.total ? payload.total : state.total\r\n };\r\n default:\r\n return state;\r\n }\r\n }\r\n\r\n\r\n\r\n function* handleWorker({ payload }) {\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n \r\n let data = {\r\n table: \"imetrade\",\r\n method_type: \"select_main_groups\",\r\n from: payload?.from ? (payload.from - 1) * payload.size : 0,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n sort_by: payload?.sort_by ? payload?.sort_by :{} ,\r\n };\r\n \r\n try {\r\n \r\n let res = yield AxiosCustom(config, data); \r\n\r\n // let flag = handleNotificationAlertTrySelect(res);\r\n \r\n // if (!flag) return;\r\n \r\n yield put({\r\n type: actionTypes.selectMainGroupsBourse,\r\n payload: res.data.response.data\r\n });\r\n \r\n } catch {\r\n // handleNotificationAlertCatch();\r\n }\r\n }\r\n \r\n export function* bourseMainGroupSelect() {\r\n yield takeLatest(actionTypes.selectMainGroupsBourseAsync, handleWorker);\r\n }\r\n ","import { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\n\r\n \r\n \r\n \r\n \r\n \r\n export const actionTypes = {\r\n selectSubCategortyBourse:\"[selectSubCategortyBourse] Action\",\r\n selectSubCategortyBourseEmpty:\"[selectSubCategortyBourseEmpty] Action\",\r\n selectSubCategortyBourseAsync:\"[selectSubCategortyBourseAsync] Action\"\r\n }\r\n\r\n const initialState={\r\n data:[],\r\n size:20,\r\n total:10000\r\n }\r\n\r\n\r\n export const bourse_select_subCategory_reducer = (state=initialState,{type,payload})=>{\r\n switch (type) {\r\n case actionTypes.selectSubCategortyBourse:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total:payload.total ? payload.total : state.total\r\n };\r\n case actionTypes.selectSubCategortyBourseEmpty:\r\n return initialState\r\n default:\r\n return state;\r\n }\r\n }\r\n\r\n\r\n\r\n function* handleWorker({ payload }) {\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n \r\n let data = {\r\n table: \"imetrade\",\r\n method_type: \"select_sub_categories\",\r\n from: payload?.from ? (payload.from - 1) * payload.size : 0,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n sort_by: payload?.sort_by ? payload?.sort_by :{} ,\r\n };\r\n \r\n try {\r\n \r\n let res = yield AxiosCustom(config, data); \r\n\r\n\r\n // let flag = handleNotificationAlertTrySelect(res);\r\n \r\n // if (!flag) return;\r\n \r\n yield put({\r\n type: actionTypes.selectSubCategortyBourse,\r\n payload: res.data.response.data\r\n });\r\n \r\n } catch {\r\n // handleNotificationAlertCatch();\r\n }\r\n }\r\n \r\n export function* bourseSubCategorySelect() {\r\n yield takeLatest(actionTypes.selectSubCategortyBourseAsync, handleWorker);\r\n }\r\n ","import { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\n\r\n \r\n \r\n export const actionTypes = {\r\n selectInstruments:\"[selectInstruments] Action\",\r\n selectInstrumentsLoad:\"[selectInstrumentsLoad] Action\",\r\n selectInstrumentsAsync:\"[selectInstrumentsAsync] Action\",\r\n selectInstrumentsEmpty:\"[selectInstrumentsEmpty] Action\"\r\n }\r\n\r\n const initialState={\r\n data:[],\r\n size:5,\r\n total:0,\r\n loading:false\r\n }\r\n\r\n\r\n export const bourse_select_instruments_reducer = (state=initialState,{type,payload})=>{\r\n switch (type) {\r\n case actionTypes.selectInstruments:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total: payload.total \r\n ? payload.total >10000\r\n ?10000\r\n :payload.total \r\n : 0\r\n };\r\n case actionTypes.selectInstrumentsLoad:\r\n return {\r\n ...state,\r\n loading:payload\r\n };\r\n case actionTypes.selectInstrumentsEmpty:\r\n return initialState\r\n default:\r\n return state;\r\n }\r\n }\r\n\r\n\r\n\r\n function* handleWorker({ payload }) {\r\n yield put({type:actionTypes.selectInstrumentsLoad,payload:true})\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n \r\n let data = {\r\n table: \"imetrade\",\r\n method_type: \"report_trade\",\r\n from: payload?.from ? (payload.from - 1) * payload.size : 0,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n sort_by: payload?.sort_by ? payload?.sort_by :{} ,\r\n };\r\n \r\n try {\r\n \r\n let res = yield AxiosCustom(config, data); \r\n\r\n // let flag = handleNotificationAlertTrySelect(res);\r\n \r\n // if (!flag) return;\r\n \r\n yield put({\r\n type: actionTypes.selectInstruments,\r\n payload: res.data.response.data\r\n });\r\n yield put({type:actionTypes.selectInstrumentsLoad,payload:false})\r\n \r\n } catch {\r\n // handleNotificationAlertCatch();\r\n yield put({type:actionTypes.selectInstrumentsLoad,payload:false})\r\n }\r\n }\r\n \r\n export function* bourseInstrumentsSelect() {\r\n yield takeLatest(actionTypes.selectInstrumentsAsync, handleWorker);\r\n }\r\n ","import { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\n\r\n \r\n \r\n \r\n \r\n \r\n export const actionTypes = {\r\n selectProducer:\"[selectProducer] Action\",\r\n selectProducerAsync:\"[selectProducerAsync] Action\"\r\n }\r\n\r\n const initialState={\r\n data:[],\r\n size:10,\r\n total:10000,\r\n }\r\n\r\n\r\n export const bourse_select_producer_reducer = (state=initialState,{type,payload})=>{\r\n switch (type) {\r\n case actionTypes.selectProducer:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total:payload.total ? payload.total : state.total\r\n };\r\n \r\n default:\r\n return state;\r\n }\r\n }\r\n\r\n\r\n\r\n function* handleWorker({ payload }) {\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n \r\n let data = {\r\n table: \"imetrade\",\r\n method_type: \"select_producers\",\r\n from: payload?.from ? (payload.from * 10) :payload.from,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n sort_by: payload?.sort_by ? payload?.sort_by :{} ,\r\n };\r\n \r\n try {\r\n \r\n let res = yield AxiosCustom(config, data); \r\n\r\n // let flag = handleNotificationAlertTrySelect(res);\r\n \r\n // if (!flag) return;\r\n \r\n yield put({\r\n type: actionTypes.selectProducer,\r\n payload: res.data.response.data\r\n });\r\n \r\n } catch {\r\n // handleNotificationAlertCatch();\r\n }\r\n }\r\n \r\n export function* selectProducer() {\r\n yield takeLatest(actionTypes.selectProducerAsync, handleWorker);\r\n }\r\n ","import { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\n\r\n \r\n \r\n \r\n \r\n \r\n export const actionTypes = {\r\n selectInstrumentsPdf:\"[selectInstrumentsPdf] Action\",\r\n selectInstrumentsLoadPdf:\"[selectInstrumentsLoadPdf] Action\",\r\n selectInstrumentsLoadPdfEmpty:\"[selectInstrumentsLoadPdfEmpty] Action\",\r\n selectInstrumentsPdfAsync:\"[selectInstrumentsPdfAsync] Action\"\r\n }\r\n\r\n const initialState={\r\n data:[],\r\n // size:5,\r\n total:100,\r\n loading:false\r\n }\r\n\r\n\r\n export const bourse_select_instruments_pdf_reducer = (state=initialState,{type,payload})=>{\r\n switch (type) {\r\n case actionTypes.selectInstrumentsPdf:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total: payload.total \r\n ? payload.total >10000\r\n ?10000\r\n :payload.total \r\n : 0\r\n };\r\n case actionTypes.selectInstrumentsLoadPdf:\r\n return {\r\n ...state,\r\n loading:payload\r\n };\r\n case actionTypes.selectInstrumentsLoadPdf:\r\n return {\r\n ...state,\r\n loading:payload\r\n };\r\n case actionTypes.selectInstrumentsLoadPdfEmpty:\r\n return {\r\n ...initialState\r\n };\r\n default:\r\n return state;\r\n }\r\n }\r\n\r\n\r\n\r\n function* handleWorker({ payload }) {\r\n yield put({type:actionTypes.selectInstrumentsLoadPdf,payload:true})\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n \r\n let data = {\r\n table: \"imetrade\",\r\n method_type: \"select_instruments\",\r\n from: payload?.from ? (payload.from * 10) :payload.from,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n sort_by: payload?.sort_by ? payload?.sort_by :{} ,\r\n };\r\n \r\n try {\r\n \r\n let res = yield AxiosCustom(config, data); \r\n\r\n // let flag = handleNotificationAlertTrySelect(res);\r\n \r\n // if (!flag) return;\r\n \r\n yield put({\r\n type: actionTypes.selectInstrumentsPdf,\r\n payload: res.data.response.data\r\n });\r\n yield put({type:actionTypes.selectInstrumentsLoadPdf,payload:false})\r\n \r\n } catch {\r\n // handleNotificationAlertCatch();\r\n yield put({type:actionTypes.selectInstrumentsLoadPdf,payload:false})\r\n }\r\n }\r\n \r\n export function* bourseInstrumentsSelectPdf() {\r\n yield takeLatest(actionTypes.selectInstrumentsPdfAsync, handleWorker);\r\n }\r\n ","import { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\n\r\nexport const actionTypes = {\r\n selectNews: \"[selectNews] Action\",\r\n selectNewsLoading: \"[selectNewsLoading] Action\",\r\n selectNewsAsync: \"[selectNewsAsync] Action\",\r\n};\r\n\r\nconst initialState = {\r\n data: [],\r\n size: 20,\r\n total: 10000,\r\n loading: false,\r\n};\r\n\r\nexport const news_select_reducer = (\r\n state = initialState,\r\n { type, payload }\r\n) => {\r\n switch (type) {\r\n case actionTypes.selectNews:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total: payload.total ? payload.total : state.total,\r\n };\r\n case actionTypes.selectNewsLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n let config = {\r\n url: \"select_request\",\r\n };\r\n\r\n let data = {\r\n table: \"news\",\r\n method_type: \"select\",\r\n from: payload?.from ? (payload.from - 1) * payload.size : 0,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n };\r\n yield put({\r\n type: actionTypes.selectNewsLoading,\r\n payload: true,\r\n });\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n\r\n yield put({\r\n type: actionTypes.selectNews,\r\n payload: res.data.response.data,\r\n });\r\n yield put({\r\n type: actionTypes.selectNewsLoading,\r\n payload: false,\r\n });\r\n } catch {\r\n yield put({\r\n type: actionTypes.selectNewsLoading,\r\n payload: false,\r\n });\r\n }\r\n}\r\n\r\nexport function* newsSelect() {\r\n yield takeLatest(actionTypes.selectNewsAsync, handleWorker);\r\n}\r\n","import AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { put, takeLatest } from \"@redux-saga/core/effects\";\r\n\r\nexport const actionTypes = {\r\n selectNewsAttachment: \"[selectNewsAttachment] Action\",\r\n selectNewsAttachmentAsync: \"[selectNewsAttachmentAsync] Action\",\r\n};\r\n\r\nconst initialState = {\r\n data: [],\r\n size: 20,\r\n total: 10000,\r\n};\r\n\r\nexport const news_select_Attachment_reducer = (\r\n state = initialState,\r\n { type, payload }\r\n) => {\r\n switch (type) {\r\n case actionTypes.selectNewsAttachment:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total: payload.total ? payload.total : state.total,\r\n };\r\n\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n let config = {\r\n url: \"select_request\",\r\n };\r\n\r\n let data = {\r\n table: \"news\",\r\n method_type: \"select\",\r\n from: payload?.from ? (payload.from - 1) * payload.size : 0,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n\r\n yield put({\r\n type: actionTypes.selectNewsAttachment,\r\n payload: res.data.response.data,\r\n });\r\n } catch {\r\n // handleNotificationAlertCatch();\r\n }\r\n}\r\n\r\nexport function* newsSelectAttachment() {\r\n yield takeLatest(actionTypes.selectNewsAttachmentAsync, handleWorker);\r\n}\r\n","import { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport sampleData from './sampleData.json';\r\n\r\n\r\n\r\n\r\n\r\nexport const actionTypes = {\r\n selectShoab: \"[selectShoab] Action\",\r\n selectShoabEmpty: \"[selectShoabEmpty] Action\",\r\n selectShoabAsync: \"[selectShoabAsync] Action\",\r\n selectShoabLoading: \"[selectShoabLoading] Action\",\r\n}\r\n\r\nconst initialState = {\r\n data: sampleData?sampleData:[],\r\n size: 20,\r\n total: 10000,\r\n loading: false\r\n}\r\n\r\n\r\nexport const select_shoab_reducer = (state = initialState, { type, payload }) => {\r\n \r\n switch (type) {\r\n case actionTypes.selectShoab:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total: payload.total ? payload.total : state.total\r\n };\r\n case actionTypes.selectShoabLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n case actionTypes.selectShoabEmpty:\r\n return initialState\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\n\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n\r\n let data = {\r\n table: \"shoab\",\r\n method_type: \"select\",\r\n from: payload?.from ? (payload.from - 1) * payload.size : 0,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n sort_by: payload?.sort_by ? payload?.sort_by : {},\r\n };\r\n\r\n yield put({ type: actionTypes.selectShoabLoading, payload: true });\r\n\r\n try {\r\n\r\n let res = yield AxiosCustom(config, data);\r\n\r\n // let flag = handleNotificationAlertTrySelect(res);\r\n\r\n // if (!flag) return;\r\n\r\n yield put({\r\n type: actionTypes.selectShoab,\r\n payload: res?.data?.response?.data\r\n });\r\n\r\n } catch {\r\n // handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.selectShoabLoading, payload: false });\r\n }\r\n}\r\n\r\nexport function* workerSelectShoab() {\r\n yield takeLatest(actionTypes.selectShoabAsync, handleWorker);\r\n}\r\n","import { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport sampleData from './sampledata.json';\r\n\r\nexport const actionTypes = {\r\n selectSlider: \"[selectSlider] Action\",\r\n selectSliderEmpty: \"[selectSliderEmpty] Action\",\r\n selectSliderAsync: \"[selectSliderAsync] Action\",\r\n selectSliderLoading: \"[selectSliderLoading] Action\",\r\n}\r\n\r\nconst initialState = {\r\n data: sampleData ? sampleData : [],\r\n size: 20,\r\n total: 10000,\r\n loading: false\r\n}\r\n\r\n\r\nexport const select_slider_reducer = (state = initialState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.selectSlider:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total: payload.total ? payload.total : state.total\r\n };\r\n case actionTypes.selectSliderLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n case actionTypes.selectSliderEmpty:\r\n return initialState\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\n\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n\r\n let data = {\r\n table: \"slider\",\r\n method_type: \"select_slider\",\r\n from: payload?.from ? (payload.from - 1) * payload.size : 0,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n sort_by: payload?.sort_by ? payload?.sort_by : {},\r\n };\r\n\r\n yield put({ type: actionTypes.selectSliderLoading, payload: true });\r\n\r\n try {\r\n\r\n let res = yield AxiosCustom(config, data);\r\n\r\n // let flag = handleNotificationAlertTrySelect(res);\r\n\r\n // if (!flag) return;\r\n\r\n yield put({\r\n type: actionTypes.selectSlider,\r\n payload: res?.data?.response?.data\r\n });\r\n\r\n } catch {\r\n // handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.selectSliderLoading, payload: false });\r\n }\r\n}\r\n\r\nexport function* workerSelectSlider() {\r\n yield takeLatest(actionTypes.selectSliderAsync, handleWorker);\r\n}\r\n","const initialState = {\r\n typeAlert: \"\",\r\n textAlert: \"\",\r\n status: false\r\n};\r\n\r\nexport const actionTypes = {\r\n success: \"[success] Action\",\r\n error: \"[error] Action\",\r\n info: \"[info] Action\",\r\n warning: \"[warning] Action\",\r\n close: \"[close] Action\"\r\n};\r\n\r\nexport function reducer_notificationAlert(\r\n state = initialState,\r\n { type, textAlert }\r\n) {\r\n switch (type) {\r\n case actionTypes.success:\r\n return {\r\n typeAlert: \"success\",\r\n textAlert: textAlert ? textAlert : \"با موفقیت انجام شد.\",\r\n status: true\r\n };\r\n case actionTypes.error:\r\n return {\r\n typeAlert: \"error\",\r\n textAlert: textAlert ? textAlert : \"متاسفانه انجام نشد.\",\r\n status: true\r\n };\r\n case actionTypes.info:\r\n return {\r\n typeAlert: \"info\",\r\n textAlert: textAlert ? textAlert : \"مقادیر ورودی اشتباه می باشد.\",\r\n status: true\r\n };\r\n case actionTypes.warning:\r\n return {\r\n typeAlert: \"warning\",\r\n textAlert: textAlert ? textAlert : \"اطلاعات ورودی دریافت نشد.\",\r\n status: true\r\n };\r\n case actionTypes.close:\r\n return initialState;\r\n\r\n default:\r\n return state;\r\n }\r\n}\r\n\r\n// /////////////////typeAlert\r\n// success\r\n// info\r\n// warning\r\n// error\r\n","\r\nimport { put, takeLatest } from \"redux-saga/effects\";\r\nimport axiosCustom from '../../../components/common/apiConfig';\r\nimport { handleNotificationAlertTrySelect , handleNotificationAlertCatch } from \"../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n clubmemberCustomerKycProfileSelect: \"[clubmemberCustomerKycProfileSelect] Action\",\r\n clubmemberCustomerKycProfileSelectAsync: \"[clubmemberCustomerKycProfileSelectAsync] Action\",\r\n clubmemberCustomerKycProfileRemove: \"[clubmemberCustomerKycProfileRemove] Action\",\r\n clubmemberCustomerKycProfileLoading: \"[clubmemberCustomerKycProfileLoading] Action\",\r\n clubmemberCustomerKycOmsFlag: \"[clubmemberCustomerKycOmsFlag] Action\",\r\n};\r\n\r\nconst initialState = {\r\n data: {},\r\n isOk: false,\r\n loading:false,\r\n flag:false\r\n};\r\n\r\n\r\nexport const reducer_customer_get_kyc_profile = (state = initialState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.clubmemberCustomerKycProfileSelect:\r\n return {\r\n ...state,\r\n data: payload,\r\n isOk: true\r\n }\r\n case actionTypes.clubmemberCustomerKycProfileLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n }\r\n case actionTypes.clubmemberCustomerKycOmsFlag:\r\n return {\r\n ...state,\r\n flag: payload,\r\n }\r\n case actionTypes.clubmemberCustomerKycProfileRemove:\r\n return initialState\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nfunction* handleWorker({ payload }) {\r\n \r\n yield put({ type: actionTypes.clubmemberCustomerKycProfileLoading, payload:true })\r\n let config = {\r\n url: \"update_request\",\r\n }\r\n\r\n let data = {\r\n table: \"clubmember\",\r\n method_type: \"sync_from_sejam\",\r\n data: payload ? payload : {}\r\n } \r\n\r\n\r\n try {\r\n let res = yield axiosCustom(config, data)\r\n\r\n let isOk = handleNotificationAlertTrySelect(res)\r\n if (!isOk) return\r\n\r\n yield put({ type: actionTypes.clubmemberCustomerKycProfileSelect, payload: res?.data?.response?.data?.sejam_data })\r\n\r\n\r\n } catch {\r\n handleNotificationAlertCatch()\r\n }\r\n finally{\r\n yield put({ type: actionTypes.clubmemberCustomerKycProfileLoading, payload:false })\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nexport function* worker_customer_get_kyc_profile () {\r\n\r\n yield takeLatest(actionTypes.clubmemberCustomerKycProfileSelectAsync, handleWorker)\r\n}","import AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport { handleNotificationAlertCatch, handleNotificationAlertTrySelect } from \"../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n SelectOptionStatusCkeckQuestin: \"SelectOptionStatusCkeckQuestin [Action]\",\r\n SelectOptionStatusCkeckQuestinLoading: \"SelectOptionStatusCkeckQuestinLoading [Action]\",\r\n SelectOptionStatusCkeckQuestinAsync: \"SelectOptionStatusCkeckQuestinAsync [Action]\",\r\n};\r\nconst inistiaState = {\r\n data: {},\r\n loading: false\r\n};\r\n\r\nexport const reducerSelecOptionStatusCkeckQuestint = (state = inistiaState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.SelectOptionStatusCkeckQuestin:\r\n return {\r\n ...state,\r\n data: payload,\r\n };\r\n case actionTypes.SelectOptionStatusCkeckQuestinLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.SelectOptionStatusCkeckQuestinLoading, payload: true })\r\n\r\n\r\n let config = {\r\n url: \"select_request\",\r\n \"token\": \"3cf61fab-b50a-410f-9d59-3357ee4706fe\",\r\n };\r\n\r\n let data = {\r\n table: \"questionnaire\",\r\n method_type: \"member_option_exam_state\",\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n let isOk = handleNotificationAlertTrySelect(res);\r\n if (!isOk) {\r\n return;\r\n }\r\n\r\n \r\n yield put({ type: actionTypes.SelectOptionStatusCkeckQuestin, payload: res?.data?.response?.data})\r\n } catch {\r\n handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.SelectOptionStatusCkeckQuestinLoading, payload: false })\r\n\r\n }\r\n}\r\n\r\nexport function* selectOptionStatusCkeckQuestint() {\r\n yield takeLatest(actionTypes.SelectOptionStatusCkeckQuestinAsync, handleWorker);\r\n}\r\n","import AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport { handleNotificationAlertCatch, handleNotificationAlertTrySelect } from \"../../../components/method/handleNotificationAlert\";\r\n\r\n// import { handleNotificationAlertTrySelect } from './../../common/method/handleNotificationAlert/index';\r\n\r\nexport const actionTypes = {\r\n SelectOptionExam: \"SelectOptionExam [Action]\",\r\n SelectOptionExamLoading: \"SelectOptionExamLoading [Action]\",\r\n SelectOptionExamAsync: \"SelectOptionExamAsync [Action]\",\r\n};\r\nconst inistiaState = {\r\n data: [],\r\n total:0,\r\n loading: false\r\n};\r\n\r\nexport const reducerSelecOptionExamt = (state = inistiaState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.SelectOptionExam:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total: payload.total\r\n ? payload.total > 10000\r\n ? 10000\r\n : payload.total\r\n : 0\r\n };\r\n case actionTypes.SelectOptionExamLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.SelectOptionExamLoading, payload: true })\r\n\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n\r\n let data = {\r\n table: \"questionnaire\",\r\n method_type: \"select_option_exam\",\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n let isOk = handleNotificationAlertTrySelect(res);\r\n if (!isOk) {\r\n return;\r\n }\r\n\r\n \r\n yield put({ type: actionTypes.SelectOptionExam, payload: res?.data?.response?.data})\r\n } catch {\r\n handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.SelectOptionExamLoading, payload: false })\r\n\r\n }\r\n}\r\n\r\nexport function* workerSelectOptionExamt() {\r\n yield takeLatest(actionTypes.SelectOptionExamAsync, handleWorker);\r\n}\r\n","\r\nimport { put, takeLatest } from \"redux-saga/effects\";\r\nimport axiosCustom from '../../../components/common/apiConfig';\r\nimport { handleNotificationAlertTrySelect , handleNotificationAlertCatch } from \"../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n deceased_customer_select_get_kyc_profile_Select: \"[deceased_customer_select_get_kyc_profile_Select] Action\",\r\n deceased_customer_select_get_kyc_profile_SelectAsync: \"[deceased_customer_select_get_kyc_profile_SelectAsync] Action\",\r\n deceased_customer_select_get_kyc_profile_Remove: \"[deceased_customer_select_get_kyc_profile_Remove] Action\",\r\n deceased_customer_select_get_kyc_profile_Loading: \"[deceased_customer_select_get_kyc_profile_Loading] Action\",\r\n};\r\n\r\nconst initialState = {\r\n data: {},\r\n hire_info:null,\r\n isOk: false,\r\n loading:false,\r\n member_id:null\r\n};\r\n\r\n\r\nexport const reducer_deceased_customer_get_kyc_profile = (state = initialState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.deceased_customer_select_get_kyc_profile_Select:\r\n return {\r\n ...state,\r\n data: payload?.hits?.hits?.[0] ? payload?.hits?.hits?.[0] : [],\r\n hire_info:payload?.hits?.hire_info,\r\n isOk: true,\r\n member_id:payload?.member_id\r\n }\r\n case actionTypes.deceased_customer_select_get_kyc_profile_Loading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n }\r\n case actionTypes.deceased_customer_select_get_kyc_profile_Remove:\r\n return initialState\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nfunction* handleWorker({ payload }) {\r\n \r\n yield put({ type: actionTypes.deceased_customer_select_get_kyc_profile_Loading, payload:true })\r\n let config = {\r\n url: \"insert_request\",\r\n }\r\n\r\n let data = {\r\n table: \"deceased_customer\",\r\n method_type: \"get_profile\",\r\n data: payload ? payload : {}\r\n } \r\n\r\n\r\n try {\r\n let res = yield axiosCustom(config, data)\r\n let isOk = handleNotificationAlertTrySelect(res)\r\n if (!isOk) return\r\n\r\n yield put({ type: actionTypes.deceased_customer_select_get_kyc_profile_Select, payload: res?.data?.response?.data})\r\n\r\n\r\n } catch {\r\n handleNotificationAlertCatch()\r\n }\r\n finally{\r\n yield put({ type: actionTypes.deceased_customer_select_get_kyc_profile_Loading, payload:false })\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nexport function* worker_deceased_customer_get_kyc_profile () {\r\n\r\n yield takeLatest(actionTypes.deceased_customer_select_get_kyc_profile_SelectAsync, handleWorker)\r\n}","\r\nimport { put, takeLatest, takeEvery } from \"redux-saga/effects\";\r\nimport axiosCustom from '../../../components/common/apiConfig';\r\nimport { handleNotificationAlertTrySelect, handleNotificationAlertCatch } from \"../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n postSelect: \"[postSelect] Action\",\r\n mediaSelect: \"[mediaSelect] Action\",\r\n postSelectAsync: \"[postSelectAsync] Action\",\r\n mediaSelectAsync: \"[mediaSelectAsync] Action\",\r\n postRemove: \"[postRemove] Action\",\r\n postLoading: \"[postLoading] Action\",\r\n};\r\n\r\nconst initialState = {\r\n data: {},\r\n images: {},\r\n loading: false\r\n};\r\n\r\n\r\nexport const select_post_reducer = (state = initialState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.postSelect:\r\n return {\r\n ...state,\r\n data: {\r\n \r\n [payload?.categories]: payload?.data,\r\n ...state?.data,\r\n },\r\n }\r\n case actionTypes.mediaSelect:\r\n \r\n let obj = {\r\n \r\n [payload?.id]: {\r\n ...state?.data?.[payload?.id],\r\n body: payload?.media\r\n },\r\n ...state?.images,\r\n }\r\n return {\r\n ...state,\r\n images: obj,\r\n \r\n }\r\n case actionTypes.postLoading:\r\n return {\r\n ...state,\r\n loading: {\r\n ...state?.loading,\r\n [payload?.categories]: payload?.data\r\n },\r\n }\r\n case actionTypes.postRemove:\r\n return initialState\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({\r\n type: actionTypes.postLoading, payload: {\r\n data: true,\r\n categories: payload?.id\r\n }\r\n })\r\n\r\n let config = {\r\n baseURL: `https://mag.pouyanbroker.com/wp-json/wp/v2/`,\r\n url: `posts?categories=${payload?.id}`,\r\n method: \"GET\",\r\n }\r\n\r\n let data = {}\r\n\r\n\r\n try {\r\n let res = yield axiosCustom(config, data)\r\n\r\n if (res?.data?.length > 0) {\r\n let obj = {}\r\n let x = res?.data?.forEach(element => {\r\n obj[element?.id] = element\r\n });\r\n\r\n yield put({ type: actionTypes.postSelect, payload: { data: obj, categories: payload?.id } })\r\n }\r\n\r\n\r\n } catch {\r\n handleNotificationAlertCatch()\r\n }\r\n finally {\r\n yield put({\r\n type: actionTypes.postLoading, payload: {\r\n data: false,\r\n categories: payload?.id\r\n }\r\n })\r\n }\r\n\r\n\r\n}\r\nfunction* handleMediaWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.postLoading, payload: true })\r\n\r\n let config = {\r\n baseURL: `https://mag.pouyanbroker.com/wp-json/wp/v2`,\r\n url: `/media?parent=${payload?.id}`,\r\n method: \"GET\",\r\n }\r\n\r\n let data = {}\r\n\r\n\r\n try {\r\n let res = yield axiosCustom(config, data)\r\n\r\n\r\n // let isOk = handleNotificationAlertTrySelect(res)\r\n // if (!isOk) return\r\n\r\n yield put({ type: actionTypes.mediaSelect, payload: { id: payload?.id, media: res?.data?.[0] ? res?.data?.[0] : {} } })\r\n\r\n\r\n } catch {\r\n handleNotificationAlertCatch()\r\n }\r\n finally {\r\n yield put({ type: actionTypes.postLoading, payload: false })\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nexport function* select_post_worker() {\r\n\r\n yield takeEvery(actionTypes.postSelectAsync, handleWorker)\r\n yield takeEvery(actionTypes.mediaSelectAsync, handleMediaWorker)\r\n}","\r\nimport { put, takeLatest } from \"redux-saga/effects\";\r\nimport axiosCustom from '../../../../components/common/apiConfig';\r\nimport { handleNotificationAlertTrySelect, handleNotificationAlertCatch } from \"../../../../components/method/handleNotificationAlert\";\r\n\r\nexport const \r\nactionTypes = {\r\n selectCheckGiftSerialSelect: \"[selectCheckGiftSerialSelectGold] Action\",\r\n selectCheckGiftSerialSelectAsync: \"[selectCheckGiftSerialSelectAsyncGold] Action\",\r\n selectCheckGiftSerialRemove: \"[selectCheckGiftSerialRemoveGold] Action\",\r\n selectCheckGiftSerialLoading: \"[selectCheckGiftSerialLoadingGold] Action\",\r\n\r\n};\r\n\r\nconst initialState = {\r\n data: {},\r\n isOk: false,\r\n loading: false,\r\n};\r\n\r\n\r\nexport const select_check_gift_serial_reducer = (state = initialState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.selectCheckGiftSerialSelect:\r\n return {\r\n ...state,\r\n data: payload,\r\n isOk: true\r\n }\r\n case actionTypes.selectCheckGiftSerialLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n }\r\n case actionTypes.selectCheckGiftSerialRemove:\r\n return initialState\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.selectCheckGiftSerialLoading, payload: true })\r\n let config = {\r\n url: \"select_request\",\r\n }\r\n\r\n let data = {\r\n table: \"gift_card\",\r\n method_type: \"check_gift_serial\",\r\n data: payload?.data ? payload?.data : {}\r\n }\r\n\r\n try {\r\n let res = yield axiosCustom(config, data)\r\n if (res?.data?.response?.error_code === 134301) {\r\n let dispachError = payload?.setErrors\r\n dispachError({ serial: res?.data?.response?.error_persian_description })\r\n return\r\n }\r\n\r\n let isOk = handleNotificationAlertTrySelect(res)\r\n if (!isOk) return\r\n\r\n yield put({ type: actionTypes.selectCheckGiftSerialSelect, payload: res?.data?.response?.data })\r\n\r\n\r\n } catch {\r\n handleNotificationAlertCatch()\r\n }\r\n finally {\r\n yield put({ type: actionTypes.selectCheckGiftSerialLoading, payload: false })\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nexport function* select_check_gift_serial_worker() {\r\n\r\n yield takeLatest(actionTypes.selectCheckGiftSerialSelectAsync, handleWorker)\r\n}","\r\nimport { put, takeLatest } from \"redux-saga/effects\";\r\nimport axiosCustom from '../../../../components/common/apiConfig';\r\nimport { handleNotificationAlertTrySelect , handleNotificationAlertCatch } from \"../../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n checkStateCustomerSelect: \"[checkStateCustomerSelect] Action\",\r\n checkStateCustomerSelectAsync: \"[checkStateCustomerSelectAsync] Action\",\r\n checkStateCustomerRemove: \"[checkStateCustomerRemove] Action\",\r\n checkStateCustomerLoading: \"[checkStateCustomerLoading] Action\",\r\n \r\n};\r\n\r\nconst initialState = {\r\n exist: null,\r\n loading:false,\r\n};\r\n\r\n\r\nexport const select_check_state_customer_reducer = (state = initialState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.checkStateCustomerSelect:\r\n return {\r\n ...state,\r\n exist: payload,\r\n }\r\n case actionTypes.checkStateCustomerLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n }\r\n case actionTypes.checkStateCustomerRemove:\r\n return initialState\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nfunction* handleWorker({ payload }) {\r\n \r\n yield put({ type: actionTypes.checkStateCustomerLoading, payload:true })\r\n let config = {\r\n url: \"select_request\",\r\n \"token\": \"3cf61fab-b50a-410f-9d59-3357ee4706fe\",\r\n \"member_id\": \"_0zehXYBdxxYGfkX5_wd\",\r\n }\r\n\r\n let data = {\r\n table: \"gift_card\",\r\n method_type: \"check_state_customer\",\r\n data: payload?.data ? payload?.data : {}\r\n } \r\n\r\n\r\n try {\r\n let res = yield axiosCustom(config, data)\r\n\r\n let isOk = handleNotificationAlertTrySelect(res)\r\n if (!isOk) return\r\n\r\n yield put({ type: actionTypes.checkStateCustomerSelect, payload: res?.data?.response?.data?.exist })\r\n\r\n\r\n } catch {\r\n handleNotificationAlertCatch()\r\n }\r\n finally{\r\n yield put({ type: actionTypes.checkStateCustomerLoading, payload:false })\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nexport function* select_check_state_customer_worker () {\r\n\r\n yield takeLatest(actionTypes.checkStateCustomerSelectAsync, handleWorker)\r\n}","import { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\n\r\n export const actionTypes = {\r\n reportTradeDetail:\"[reportTradeDetail] Action\",\r\n reportTradeDetailLoad:\"[reportTradeDetailLoad] Action\",\r\n reportTradeDetailAsync:\"[reportTradeDetailAsync] Action\",\r\n reportTradeDetailEmpty:\"[reportTradeDetailEmpty] Action\"\r\n }\r\n\r\n\r\n const initialState={\r\n data:[],\r\n size:20,\r\n total:0,\r\n loading:false\r\n }\r\n\r\n\r\n export const report_trade_detail_reducer = (state=initialState,{type,payload})=>{\r\n switch (type) {\r\n case actionTypes.reportTradeDetail:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total: payload.total \r\n ? payload.total >10000\r\n ?10000\r\n :payload.total \r\n : 0\r\n };\r\n case actionTypes.reportTradeDetailLoad:\r\n return {\r\n ...state,\r\n loading:payload\r\n };\r\n case actionTypes.reportTradeDetailEmpty:\r\n return initialState\r\n default:\r\n return state;\r\n }\r\n }\r\n\r\n\r\n\r\n function* handleWorker({ payload }) {\r\n yield put({type:actionTypes.reportTradeDetailLoad,payload:true})\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n \r\n let data = {\r\n table: \"imetrade\",\r\n method_type: \"report_trade_detail\",\r\n from: payload?.from ? (payload.from * 10) :payload.from,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n sort_by: payload?.sort_by ? payload?.sort_by :{} ,\r\n };\r\n \r\n try {\r\n \r\n let res = yield AxiosCustom(config, data); \r\n \r\n yield put({\r\n type: actionTypes.reportTradeDetail,\r\n payload: res.data.response.data\r\n });\r\n yield put({type:actionTypes.reportTradeDetailLoad,payload:false})\r\n \r\n } catch {\r\n // handleNotificationAlertCatch();\r\n yield put({type:actionTypes.reportTradeDetailLoad,payload:false})\r\n }\r\n }\r\n \r\n export function* reportTradeDetailWorker() {\r\n yield takeLatest(actionTypes.reportTradeDetailAsync, handleWorker);\r\n }\r\n ","import { put, takeLatest } from \"@redux-saga/core/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { handleNotificationAlertCatch } from \"../../../components/method/handleNotificationAlert\";\r\n\r\n \r\n \r\n export const actionTypes = {\r\n selectCommoditiesBourse:\"[selectCommoditiesBourse] Action\",\r\n selectCommoditiesBourseAsync:\"[selectCommoditiesBourseAsync] Action\",\r\n selectCommoditiesBourseLoading:\"[selectCommoditiesBourseLoading] Action\"\r\n }\r\n\r\n const initialState={\r\n data:[],\r\n size:20,\r\n total:10000,\r\n loading:false\r\n }\r\n\r\n\r\n export const select_commodities_reducer = (state=initialState,{type,payload})=>{\r\n switch (type) {\r\n case actionTypes.selectCommoditiesBourse:\r\n\r\n let data = payload?.results.map((keyItem)=>{\r\n let id = Object.keys(keyItem)?.[0]\r\n return{\r\n id:id,\r\n data:keyItem[id]\r\n }\r\n })\r\n \r\n return {\r\n ...state,\r\n data: data,\r\n total:data?.length? data?.length : 0\r\n };\r\n\r\n case actionTypes.selectCommoditiesBourseLoading:\r\n return {\r\n ...state,\r\n loading:payload\r\n };\r\n default:\r\n return state;\r\n }\r\n }\r\n\r\n\r\n\r\n function* handleWorker({ payload }) {\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n \r\n let data = {\r\n table: \"imetrade\",\r\n method_type: \"select_commodities\",\r\n from: payload?.from ? (payload.from - 1) * payload.size : 0,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n sort_by: payload?.sort_by ? payload?.sort_by :{} ,\r\n };\r\n \r\n try {\r\n \r\n yield put({type:actionTypes.selectCommoditiesBourseLoading,payload:true})\r\n\r\n let res = yield AxiosCustom(config, data); \r\n\r\n // let flag = handleNotificationAlertTrySelect(res);\r\n \r\n // if (!flag) return;\r\n \r\n yield put({\r\n type: actionTypes.selectCommoditiesBourse,\r\n payload: res.data.response.data\r\n });\r\n \r\n } catch {\r\n handleNotificationAlertCatch();\r\n }\r\n finally{\r\n yield put({type:actionTypes.selectCommoditiesBourseLoading,payload:false})\r\n }\r\n }\r\n \r\n export function* bourseSelectCommoditiesWorker() {\r\n yield takeLatest(actionTypes.selectCommoditiesBourseAsync, handleWorker);\r\n }\r\n ","import { put,takeEvery } from \"@redux-saga/core/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\n\r\n \r\n \r\n export const actionTypes = {\r\n selectManufacturerBourse:\"[selectManufacturerBourse] Action\",\r\n selectManufacturerBourseAsync:\"[selectManufacturerBourseAsync] Action\",\r\n selectManufacturerBourseLoading:\"[selectManufacturerBourseLoading11] Action\"\r\n }\r\n\r\n const initialState={\r\n data:[],\r\n size:20,\r\n total:0,\r\n loading:false\r\n }\r\n\r\n\r\n export const bourse_select_manufacturer_reducer = (state=initialState,{type,payload})=>{\r\n switch (type) {\r\n case actionTypes.selectManufacturerBourse:\r\n let data = payload?.results.map((keyItem)=>{\r\n let id = Object.keys(keyItem)?.[0]\r\n return{\r\n id:id,\r\n data:keyItem[id]\r\n }\r\n })\r\n return {\r\n ...state,\r\n data: data,\r\n total:data?.length? data?.length : 0\r\n };\r\n case actionTypes.selectManufacturerBourseLoading:\r\n return {\r\n ...state,\r\n loading:payload\r\n };\r\n default:\r\n return state;\r\n }\r\n }\r\n\r\n\r\n\r\n function* handleWorker({ payload }) {\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n \r\n let data = {\r\n table: \"imetrade\",\r\n method_type: \"select_manufacturer\",\r\n from: payload?.from ? (payload.from - 1) * payload.size : 0,\r\n size: payload?.size,\r\n data: payload?.data ? payload.data : {},\r\n sort_by: payload?.sort_by ? payload?.sort_by :{} ,\r\n };\r\n \r\n try {\r\n yield put({type:actionTypes.selectManufacturerBourseLoading,payload:true})\r\n let res = yield AxiosCustom(config, data); \r\n\r\n // let flag = handleNotificationAlertTrySelect(res);\r\n \r\n // if (!flag) return;\r\n \r\n yield put({\r\n type: actionTypes.selectManufacturerBourse,\r\n payload: res.data.response.data\r\n });\r\n \r\n } catch {\r\n // handleNotificationAlertCatch();\r\n }\r\n finally{\r\n yield put({type:actionTypes.selectManufacturerBourseLoading,payload:false})\r\n }\r\n }\r\n \r\n export function* bourseSelectManufacturerWorker() {\r\n yield takeEvery(actionTypes.selectManufacturerBourseAsync, handleWorker);\r\n }\r\n ","import { put, takeLatest } from \"redux-saga/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { handleNotificationAlertCatch , handleNotificationAlertTrySelect } from \"../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n selectInfoRealPdf: \"selectInfoRealPdf [Action]\",\r\n selectInfoRealPdfLoading: \"selectInfoRealPdfLoading [Action]\",\r\n selectInfoRealPdfAsync: \"selectInfoRealPdfAsync [Action]\",\r\n};\r\n\r\nconst inistiaState = {\r\n data: {},\r\n total:0,\r\n loading: false\r\n};\r\n\r\nexport const reducerSelectInfoRealPdf = (state = inistiaState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.selectInfoRealPdf:\r\n return {\r\n ...state,\r\n data: payload.image_file,\r\n total: payload.image_file ? Object?.keys(payload.image_file)?.length :0\r\n };\r\n case actionTypes.selectInfoRealPdfLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.selectInfoRealPdfLoading, payload: true })\r\n\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n\r\n let data = {\r\n table: \"brokercustomer\",\r\n method_type: \"select_info_real_pdf\",\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n let isOk = handleNotificationAlertTrySelect(res);\r\n if (!isOk) {\r\n return;\r\n }\r\n\r\n \r\n yield put({ type: actionTypes.selectInfoRealPdf, payload: res?.data?.response?.data})\r\n } catch {\r\n handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.selectInfoRealPdfLoading, payload: false })\r\n\r\n }\r\n}\r\n\r\nexport function* workerSelectInfoRealPdf() {\r\n yield takeLatest(actionTypes.selectInfoRealPdfAsync, handleWorker);\r\n}\r\n","import { put, takeLatest } from \"redux-saga/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { handleNotificationAlertCatch , handleNotificationAlertTrySelect } from \"../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n selectOfflineElectronicTransactionsPdf: \"selectOfflineElectronicTransactionsPdf [Action]\",\r\n selectOfflineElectronicTransactionsPdfLoading: \"selectOfflineElectronicTransactionsPdfLoading [Action]\",\r\n selectOfflineElectronicTransactionsPdfAsync: \"selectOfflineElectronicTransactionsPdfAsync [Action]\",\r\n};\r\n\r\nconst inistiaState = {\r\n data: [],\r\n total:0,\r\n loading: false\r\n};\r\n\r\nexport const reducerselectOfflineElectronicTransactionsPdf = (state = inistiaState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.selectOfflineElectronicTransactionsPdf:\r\n return {\r\n ...state,\r\n data: payload.image_file,\r\n total: payload.image_file ? Object?.keys(payload.image_file)?.length :0\r\n };\r\n case actionTypes.selectOfflineElectronicTransactionsPdfLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.selectOfflineElectronicTransactionsPdfLoading, payload: true })\r\n\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n\r\n let data = {\r\n table: \"brokercustomer\",\r\n method_type: \"select_offline_electronic_transactions_pdf\",\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n let isOk = handleNotificationAlertTrySelect(res);\r\n if (!isOk) {\r\n return;\r\n }\r\n\r\n \r\n yield put({ type: actionTypes.selectOfflineElectronicTransactionsPdf, payload: res?.data?.response?.data})\r\n } catch {\r\n handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.selectOfflineElectronicTransactionsPdfLoading, payload: false })\r\n\r\n }\r\n}\r\n\r\nexport function* workerselectOfflineElectronicTransactionsPdf() {\r\n yield takeLatest(actionTypes.selectOfflineElectronicTransactionsPdfAsync, handleWorker);\r\n}\r\n","import { put, takeLatest } from \"redux-saga/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { handleNotificationAlertCatch , handleNotificationAlertTrySelect } from \"../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n selectOnlinePdf: \"selectOnlinePdf [Action]\",\r\n selectOnlinePdfLoading: \"selectOnlinePdfLoading [Action]\",\r\n selectOnlinePdfAsync: \"selectOnlinePdfAsync [Action]\",\r\n};\r\n\r\nconst inistiaState = {\r\n data: {},\r\n total:0,\r\n loading: false\r\n};\r\n\r\nexport const reducerSelectOnlinePdf = (state = inistiaState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.selectOnlinePdf:\r\n return {\r\n ...state,\r\n data: payload.image_file,\r\n total: payload.image_file ? Object?.keys(payload.image_file)?.length :0\r\n };\r\n case actionTypes.selectOnlinePdfLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.selectOnlinePdfLoading, payload: true })\r\n\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n\r\n let data = {\r\n table: \"brokercustomer\",\r\n method_type: \"select_online_pdf\",\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n let isOk = handleNotificationAlertTrySelect(res);\r\n if (!isOk) {\r\n return;\r\n }\r\n\r\n \r\n yield put({ type: actionTypes.selectOnlinePdf, payload: res?.data?.response?.data})\r\n } catch {\r\n handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.selectOnlinePdfLoading, payload: false })\r\n\r\n }\r\n}\r\n\r\nexport function* workerSelectOnlinePdf() {\r\n yield takeLatest(actionTypes.selectOnlinePdfAsync, handleWorker);\r\n}\r\n","import { put, takeLatest } from \"redux-saga/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { handleNotificationAlertCatch , handleNotificationAlertTrySelect } from \"../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n selectRiskPdf: \"selectRiskPdf [Action]\",\r\n selectRiskPdfLoading: \"selectRiskPdfLoading [Action]\",\r\n selectRiskPdfAsync: \"selectRiskPdfAsync [Action]\",\r\n};\r\n\r\nconst inistiaState = {\r\n data: {},\r\n total:0,\r\n loading: false\r\n};\r\n\r\nexport const reducerselectRiskPdf = (state = inistiaState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.selectRiskPdf:\r\n return {\r\n ...state,\r\n data: payload.image_file,\r\n total: payload.image_file ? Object?.keys(payload.image_file)?.length :0\r\n };\r\n case actionTypes.selectRiskPdfLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.selectRiskPdfLoading, payload: true })\r\n\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n\r\n let data = {\r\n table: \"brokercustomer\",\r\n method_type: \"select_risk_pdf\",\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n let isOk = handleNotificationAlertTrySelect(res);\r\n if (!isOk) {\r\n return;\r\n }\r\n\r\n \r\n yield put({ type: actionTypes.selectRiskPdf, payload: res?.data?.response?.data})\r\n } catch {\r\n handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.selectRiskPdfLoading, payload: false })\r\n\r\n }\r\n}\r\n\r\nexport function* workerselectRiskPdf() {\r\n yield takeLatest(actionTypes.selectRiskPdfAsync, handleWorker);\r\n}\r\n","import { put, takeLatest } from \"redux-saga/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { handleNotificationAlertCatch , handleNotificationAlertTrySelect } from \"../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n select_pdf_creator_: \"select_pdf_creator [Action]\",\r\n select_pdf_creator_Loading: \"select_pdf_creator_Loading [Action]\",\r\n select_pdf_creator_Async: \"select_pdf_creator_Async [Action]\",\r\n select_pdf_creator_Empty: \"select_pdf_creator_Empty [Action]\",\r\n};\r\n\r\nconst inistiaState = {\r\n data: {},\r\n total:0,\r\n loading: false\r\n};\r\n\r\nexport const select_pdf_creator_reducer = (state = inistiaState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.select_pdf_creator_:\r\n return {\r\n ...state,\r\n data: payload.image_file,\r\n total: payload.image_file ? Object?.keys(payload.image_file)?.length :0\r\n };\r\n case actionTypes.select_pdf_creator_Empty:\r\n return inistiaState\r\n case actionTypes.select_pdf_creator_Loading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.select_pdf_creator_Loading, payload: true })\r\n\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n\r\n let data = {\r\n table: \"brokercustomer\",\r\n method_type: \"select_real_contract\",\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n let isOk = handleNotificationAlertTrySelect(res);\r\n if (!isOk) {\r\n return;\r\n }\r\n\r\n \r\n yield put({ type: actionTypes.select_pdf_creator_, payload: res?.data?.response?.data})\r\n } catch {\r\n handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.select_pdf_creator_Loading, payload: false })\r\n\r\n }\r\n}\r\n\r\nexport function* workerselect_pdf_creator() {\r\n yield takeLatest(actionTypes.select_pdf_creator_Async, handleWorker);\r\n}\r\n","import { put, takeLatest } from \"redux-saga/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { handleNotificationAlertCatch , handleNotificationAlertTrySelect } from \"../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n selectOptionRealPdf: \"selectOptionRealPdf [Action]\",\r\n selectOptionRealPdfLoading: \"selectOptionRealPdfLoading [Action]\",\r\n selectOptionRealPdfAsync: \"selectOptionRealPdfAsync [Action]\",\r\n};\r\n\r\nconst inistiaState = {\r\n data: {},\r\n total:0,\r\n loading: false\r\n};\r\n\r\nexport const reducerSelectOptionRealPdf = (state = inistiaState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.selectOptionRealPdf:\r\n return {\r\n ...state,\r\n data: payload.image_file,\r\n total: payload.image_file ? Object?.keys(payload.image_file)?.length :0\r\n };\r\n case actionTypes.selectOptionRealPdfLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.selectOptionRealPdfLoading, payload: true })\r\n\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n\r\n let data = {\r\n table: \"brokercustomer\",\r\n method_type: \"select_option_real_pdf\",\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n let isOk = handleNotificationAlertTrySelect(res);\r\n if (!isOk) {\r\n return;\r\n }\r\n\r\n \r\n yield put({ type: actionTypes.selectOptionRealPdf, payload: res?.data?.response?.data})\r\n } catch {\r\n handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.selectOptionRealPdfLoading, payload: false })\r\n\r\n }\r\n}\r\n\r\nexport function* workerSelectOptionRealPdf() {\r\n yield takeLatest(actionTypes.selectOptionRealPdfAsync, handleWorker);\r\n}\r\n","import { put, takeLatest } from \"redux-saga/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { handleNotificationAlertCatch , handleNotificationAlertTrySelect } from \"../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n selectSubsidiaryRealPdf: \"selectSubsidiaryRealPdf [Action]\",\r\n selectSubsidiaryRealPdfLoading: \"selectSubsidiaryRealPdfLoading [Action]\",\r\n selectSubsidiaryRealPdfAsync: \"selectSubsidiaryRealPdfAsync [Action]\",\r\n};\r\n\r\nconst inistiaState = {\r\n data: {},\r\n total:0,\r\n loading: false\r\n};\r\n\r\nexport const reducerSelectSubsidiaryRealPdf = (state = inistiaState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.selectSubsidiaryRealPdf:\r\n return {\r\n ...state,\r\n data: payload.image_file,\r\n total: payload.image_file ? Object?.keys(payload.image_file)?.length :0\r\n };\r\n case actionTypes.selectSubsidiaryRealPdfLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.selectSubsidiaryRealPdfLoading, payload: true })\r\n\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n\r\n let data = {\r\n table: \"brokercustomer\",\r\n method_type: \"select_subsidiary_real_pdf\",\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n let isOk = handleNotificationAlertTrySelect(res);\r\n if (!isOk) {\r\n return;\r\n }\r\n\r\n \r\n yield put({ type: actionTypes.selectSubsidiaryRealPdf, payload: res?.data?.response?.data})\r\n } catch {\r\n handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.selectSubsidiaryRealPdfLoading, payload: false })\r\n\r\n }\r\n}\r\n\r\nexport function* workerSelectSubsidiaryRealPdf() {\r\n yield takeLatest(actionTypes.selectSubsidiaryRealPdfAsync, handleWorker);\r\n}\r\n","import { put, takeLatest } from \"redux-saga/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { handleNotificationAlertCatch , handleNotificationAlertTrySelect } from \"../../../components/method/handleNotificationAlert\";\r\n\r\n\r\nexport const actionTypes = {\r\n selectComprehensiveContract: \"selectComprehensiveContract [Action]\",\r\n selectComprehensiveContractLoading: \"selectComprehensiveContractLoading [Action]\",\r\n selectComprehensiveContractAsync: \"selectComprehensiveContractAsync [Action]\",\r\n selectComprehensiveContractEmpty: \"selectComprehensiveContractEmpty [Action]\",\r\n};\r\n\r\nconst inistiaState = {\r\n data: {},\r\n total:0,\r\n loading: false\r\n};\r\n\r\nexport const reducerselectComprehensiveContract = (state = inistiaState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes. selectComprehensiveContract:\r\n return {\r\n ...state,\r\n data: payload.image_file,\r\n total: payload.image_file ? Object?.keys(payload.image_file)?.length :0\r\n };\r\n case actionTypes.selectComprehensiveContractLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n case actionTypes.selectComprehensiveContractEmpty:\r\n return inistiaState\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.selectComprehensiveContractLoading, payload: true })\r\n\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n\r\n let data = {\r\n table: \"brokercustomer\",\r\n method_type: \"select_comprehensive_contract\",\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n let isOk = handleNotificationAlertTrySelect(res);\r\n if (!isOk) {\r\n return;\r\n }\r\n\r\n \r\n yield put({ type: actionTypes.selectComprehensiveContract, payload: res?.data?.response?.data})\r\n } catch {\r\n handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.selectComprehensiveContractLoading, payload: false })\r\n\r\n }\r\n}\r\n\r\nexport function* workerselectComprehensiveContract() {\r\n yield takeLatest(actionTypes.selectComprehensiveContractAsync, handleWorker);\r\n}\r\n","import { put, takeLatest } from \"redux-saga/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { handleNotificationAlertCatch, handleNotificationAlertTrySelect } from \"../../../components/method/handleNotificationAlert\";\r\n\r\n\r\nexport const actionTypes = {\r\n SelectOnlineExam: \"SelectOnlineExam [Action]\",\r\n SelectOnlineExamLoading: \"SelectOnlineExamLoading [Action]\",\r\n SelectOnlineExamAsync: \"SelectOnlineExamAsync [Action]\",\r\n};\r\nconst inistiaState = {\r\n data: [],\r\n total:0,\r\n loading: false\r\n};\r\n\r\nexport const reducerSelecOnlineExamt = (state = inistiaState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.SelectOnlineExam:\r\n return {\r\n ...state,\r\n data: payload.results,\r\n total: payload.total\r\n ? payload.total > 10000\r\n ? 10000\r\n : payload.total\r\n : 0\r\n };\r\n case actionTypes.SelectOnlineExamLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.SelectOnlineExamLoading, payload: true })\r\n\r\n\r\n let config = {\r\n url: \"select_request\"\r\n };\r\n\r\n let data = {\r\n table: \"questionnaire\",\r\n method_type: \"select_online_exam\",\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n let isOk = handleNotificationAlertTrySelect(res);\r\n if (!isOk) {\r\n return;\r\n }\r\n\r\n \r\n yield put({ type: actionTypes.SelectOnlineExam, payload: res?.data?.response?.data})\r\n } catch {\r\n handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.SelectOnlineExamLoading, payload: false })\r\n\r\n }\r\n}\r\n\r\nexport function* workerSelectOnlineExamt() {\r\n yield takeLatest(actionTypes.SelectOnlineExamAsync, handleWorker);\r\n}\r\n","import { put, takeLatest } from \"redux-saga/effects\";\r\nimport AxiosCustom from \"../../../components/common/apiConfig\";\r\nimport { handleNotificationAlertCatch, handleNotificationAlertTrySelect } from \"../../../components/method/handleNotificationAlert\";\r\n\r\n\r\nexport const actionTypes = {\r\n SelectStatusCkeckQuestin: \"SelectStatusCkeckQuestin [Action]\",\r\n SelectStatusCkeckQuestinLoading: \"SelectStatusCkeckQuestinLoading [Action]\",\r\n SelectStatusCkeckQuestinAsync: \"SelectStatusCkeckQuestinAsync [Action]\",\r\n};\r\nconst inistiaState = {\r\n data: {},\r\n loading: false\r\n};\r\n\r\nexport const reducerSelecStatusCkeckQuestint = (state = inistiaState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.SelectStatusCkeckQuestin:\r\n return {\r\n ...state,\r\n data: payload,\r\n };\r\n case actionTypes.SelectStatusCkeckQuestinLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n };\r\n default:\r\n return state;\r\n }\r\n};\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n yield put({ type: actionTypes.SelectStatusCkeckQuestinLoading, payload: true })\r\n\r\n\r\n let config = {\r\n url: \"select_request\",\r\n \"token\": \"3cf61fab-b50a-410f-9d59-3357ee4706fe\",\r\n };\r\n\r\n let data = {\r\n table: \"questionnaire\",\r\n method_type: \"member_exam_state\",\r\n data: payload?.data ? payload.data : {},\r\n };\r\n\r\n try {\r\n let res = yield AxiosCustom(config, data);\r\n let isOk = handleNotificationAlertTrySelect(res);\r\n if (!isOk) {\r\n return;\r\n }\r\n\r\n \r\n yield put({ type: actionTypes.SelectStatusCkeckQuestin, payload: res?.data?.response?.data})\r\n } catch {\r\n handleNotificationAlertCatch();\r\n } finally {\r\n yield put({ type: actionTypes.SelectStatusCkeckQuestinLoading, payload: false })\r\n\r\n }\r\n}\r\n\r\nexport function* selectStatusCkeckQuestint() {\r\n yield takeLatest(actionTypes.SelectStatusCkeckQuestinAsync, handleWorker);\r\n}\r\n","\r\nimport { put, takeLatest } from \"redux-saga/effects\";\r\nimport axiosCustom from '../../../components/common/apiConfig';\r\nimport { handleNotificationAlertTrySelect , handleNotificationAlertCatch } from \"../../../components/method/handleNotificationAlert\";\r\n\r\nexport const actionTypes = {\r\n checkStateCustomerBrokerSelect: \"[checkStateCustomerBrokerSelect] Action\",\r\n checkStateCustomerBrokerSelectAsync: \"[checkStateCustomerBrokerSelectAsync] Action\",\r\n checkStateCustomerBrokerRemove: \"[checkStateCustomerBrokerRemove] Action\",\r\n checkStateCustomerBrokerLoading: \"[checkStateCustomerBrokerLoading] Action\",\r\n \r\n};\r\n\r\nconst initialState = {\r\n exist: null,\r\n loading:false,\r\n};\r\n\r\n\r\nexport const select_check_state_customer_broker_reducer = (state = initialState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.checkStateCustomerBrokerSelect:\r\n return {\r\n ...state,\r\n exist: payload,\r\n }\r\n case actionTypes.checkStateCustomerBrokerLoading:\r\n return {\r\n ...state,\r\n loading: payload,\r\n }\r\n case actionTypes.checkStateCustomerBrokerRemove:\r\n return initialState\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nfunction* handleWorker({ payload }) {\r\n \r\n yield put({ type: actionTypes.checkStateCustomerBrokerLoading, payload:true })\r\n let config = {\r\n url: \"select_request\",\r\n \"token\": \"3cf61fab-b50a-410f-9d59-3357ee4706fe\",\r\n \"member_id\": \"_0zehXYBdxxYGfkX5_wd\",\r\n }\r\n\r\n let data = {\r\n table: \"brokercustomer\",\r\n method_type: \"check_state_customer\",\r\n data: payload?.data ? payload?.data : {}\r\n } \r\n\r\n\r\n try {\r\n let res = yield axiosCustom(config, data)\r\n\r\n let isOk = handleNotificationAlertTrySelect(res)\r\n if (!isOk) return\r\n\r\n yield put({ type: actionTypes.checkStateCustomerBrokerSelect, payload: res?.data?.response?.data?.exist })\r\n\r\n\r\n } catch {\r\n handleNotificationAlertCatch()\r\n }\r\n finally{\r\n yield put({ type: actionTypes.checkStateCustomerBrokerLoading, payload:false })\r\n }\r\n\r\n\r\n}\r\n\r\n\r\nexport function* select_check_state_customer_broker_worker () {\r\n\r\n yield takeLatest(actionTypes.checkStateCustomerBrokerSelectAsync, handleWorker)\r\n}","import axios from \"axios\";\r\n\r\nconst AxiosCustom = (_config, _data, headers) => {\r\n\r\n\r\n let config = {\r\n baseURL: getUrl(),\r\n method: \"POST\",\r\n headers: {\r\n ...headers\r\n },\r\n ..._config,\r\n data: _data ? _data : {}\r\n }\r\n\r\n\r\n return axios(config);\r\n};\r\n\r\nexport function getUrl() {\r\n\r\n let protocol = window.location.protocol\r\n let hostName = window.location.hostname\r\n\r\n\r\n \r\n if (!protocol || !hostName || hostName === 'localhost'\r\n || hostName=='http://site.pouyantech.local'\r\n || hostName=='site.pouyantech.local'\r\n\r\n ) {\r\n return `http://api.pouyantech.local/api/v1`;\r\n }\r\n\r\n return `https://scapi.pouyanbroker.ir/api/v1`;\r\n return `http://api1.pouyanbroker.ir/api/v1`;\r\n \r\n}\r\n\r\nexport default AxiosCustom;\r\n\r\n","export const expireToken = () => {\r\n setTimeout(() => {\r\n window.history.replaceState(null, '', '/');\r\n window.location.reload()\r\n }, 1000);\r\n};","\r\nimport { actionTypes as actionTypesNotif } from './../../../redux/notificationAlert/index'\r\n\r\nimport { expireToken } from './../../method/expireToken/expireToken';\r\n\r\nexport const notificationAlertErrorApi = (error, dispatch) => {\r\n\r\n if (!error) return\r\n\r\n const status = error?.response?.status;\r\n const data = error?.response?.data?.data;\r\n\r\n let key = data?.message || data?.title || null;\r\n\r\n if (status === 400 && error.response?.data?.data?.details) {\r\n const detailKeys = Object.keys(error?.response?.data?.data?.details);\r\n const firstErrorMessage = error.response.data?.data?.details[detailKeys[0]]?.[0];\r\n\r\n if (firstErrorMessage) {\r\n dispatch({\r\n type: actionTypesNotif?.error,\r\n textAlert: firstErrorMessage\r\n });\r\n return;\r\n }\r\n }\r\n\r\n switch (key) {\r\n case 'توکن نامعتبر است.':\r\n\r\n dispatch(({\r\n type: actionTypesNotif?.error,\r\n textAlert: error?.response?.data?.data?.message\r\n }))\r\n\r\n expireToken()\r\n return\r\n\r\n default:\r\n\r\n if (error?.response?.data?.data?.message || error?.response?.data?.data?.title) {\r\n dispatch(({\r\n type: actionTypesNotif?.error,\r\n textAlert:\r\n error?.response?.data?.data?.message\r\n ? error?.response?.data?.data?.message\r\n : error?.response?.data?.data?.title\r\n }))\r\n }\r\n }\r\n\r\n}","import { put, takeEvery } from \"redux-saga/effects\";\r\nimport axiosCustom from \"../../../components/common/apiConfigPouyan/index\";\r\nimport { notificationAlertErrorApi } from \"../../../components/method/notificationAlertErrorApi/notificationAlertErrorApi\";\r\n\r\nexport const actionTypes = {\r\n GetBranch: \"[GetBranch] Action\",\r\n GetBranchAsync: \"[GetBranchAsync] Action\",\r\n GetBranchLoading: \"[GetBranchLoading] Action\",\r\n};\r\n\r\nconst initialState = {\r\n data: [],\r\n loading: false,\r\n};\r\n\r\n\r\n\r\n\r\nexport const get_branches_reducer = (state = initialState, { type, payload }) => {\r\n switch (type) {\r\n case actionTypes.GetBranch:\r\n return {\r\n data: payload ? payload : []\r\n }\r\n case actionTypes.GetBranchLoading:\r\n\r\n return {\r\n ...state,\r\n loading: payload\r\n }\r\n\r\n default:\r\n return state\r\n }\r\n}\r\n\r\nfunction* handleWorker({ payload }) {\r\n\r\n const config = {\r\n url: `/Branch/GetBranches`,\r\n method: \"GET\"\r\n };\r\n\r\n const data = {\r\n ...payload?.data\r\n };\r\n\r\n const header = {\r\n ...payload?.headers\r\n }\r\n yield put({ type: actionTypes.GetBranchLoading, payload: true })\r\n try {\r\n let res = yield axiosCustom(config, data, header)\r\n\r\n if (res?.data)\r\n yield put({ type: actionTypes.GetBranch, payload: res?.data })\r\n\r\n } catch (error) {\r\n notificationAlertErrorApi(error, payload?.dispatch)\r\n } finally {\r\n yield put({ type: actionTypes.GetBranchLoading, payload: false })\r\n }\r\n}\r\n\r\nexport function* get_branches_worker() {\r\n yield takeEvery(actionTypes.GetBranchAsync, handleWorker)\r\n}\r\n\r\n","import { combineReducers } from \"redux\";\r\nimport { all } from \"redux-saga/effects\";\r\nimport {\r\n bourseCategorySelect,\r\n bourse_select_category_reducer,\r\n} from \"./redux/bourse/select_categories\";\r\nimport {\r\n bourseMainGroupSelect,\r\n bourse_select_mainGroup_reducer,\r\n} from \"./redux/bourse/select_main_groups\";\r\nimport {\r\n bourseSubCategorySelect,\r\n bourse_select_subCategory_reducer,\r\n} from \"./redux/bourse/subCategory\";\r\nimport {\r\n bourseInstrumentsSelect,\r\n bourse_select_instruments_reducer,\r\n} from \"./redux/bourse/select_instruments\";\r\nimport {\r\n bourse_select_producer_reducer,\r\n selectProducer,\r\n} from \"./redux/bourse/select_producer\";\r\nimport {\r\n bourseInstrumentsSelectPdf,\r\n bourse_select_instruments_pdf_reducer,\r\n} from \"./redux/bourse/select_instruments_pdf\";\r\nimport { newsSelect, news_select_reducer } from \"./redux/news/select_news\";\r\nimport {\r\n news_select_Attachment_reducer,\r\n newsSelectAttachment,\r\n} from \"./redux/news/news_attachment_select/index\";\r\nimport { select_shoab_reducer , workerSelectShoab } from \"./redux/shoab/select_shoab\";\r\nimport { select_slider_reducer , workerSelectSlider} from \"./redux/slider/select_slider\";\r\nimport { reducer_notificationAlert } from \"./redux/notificationAlert\";\r\nimport { reducer_customer_get_kyc_profile , worker_customer_get_kyc_profile } from \"./redux/oms/customer_select_get_kyc_profile\";\r\nimport { reducerSelecOptionStatusCkeckQuestint , selectOptionStatusCkeckQuestint} from \"./redux/questionOption/select_check_questionOption_completion_status\";\r\nimport { reducerSelecOptionExamt , workerSelectOptionExamt} from \"./redux/questionOption/select_online_exam_questionOption\";\r\nimport { reducer_deceased_customer_get_kyc_profile , worker_deceased_customer_get_kyc_profile} from \"./redux/deceased_customer/deceased_customer_select_get_kyc_profile\";\r\nimport { select_post_reducer,select_post_worker } from \"./redux/post/selectPost\";\r\nimport { select_check_gift_serial_reducer,select_check_gift_serial_worker } from \"./redux/gift/gold/select_check_gift_serial\";\r\nimport { select_check_state_customer_reducer , select_check_state_customer_worker } from \"./redux/gift/gold/check_state_customer\";\r\n\r\nimport { report_trade_detail_reducer , reportTradeDetailWorker } from \"./redux/bourse/report_trade_detail\";\r\nimport { select_commodities_reducer , bourseSelectCommoditiesWorker} from \"./redux/bourse/select_commodities\";\r\nimport { bourse_select_manufacturer_reducer , bourseSelectManufacturerWorker } from \"./redux/bourse/select_manufacturer\";\r\n\r\n\r\nimport { reducerSelectInfoRealPdf , workerSelectInfoRealPdf } from \"./redux/pdf/select_info_real_pdf\";\r\nimport { reducerselectOfflineElectronicTransactionsPdf,workerselectOfflineElectronicTransactionsPdf } from \"./redux/pdf/select_offline_electronic_transactions_pdf\";\r\nimport { reducerSelectOnlinePdf , workerSelectOnlinePdf } from \"./redux/pdf/select_online_pdf\";\r\nimport { reducerselectRiskPdf , workerselectRiskPdf } from \"./redux/pdf/select_risk_pdf\";\r\nimport { select_pdf_creator_reducer , workerselect_pdf_creator} from \"./redux/pdf/select_pdf_creator\";\r\nimport { reducerSelectOptionRealPdf, workerSelectOptionRealPdf } from \"./redux/pdf/select_option_real_pdf\";\r\nimport { reducerSelectSubsidiaryRealPdf , workerSelectSubsidiaryRealPdf } from \"./redux/pdf/select_subsidiary_real_pdf\";\r\nimport { reducerselectComprehensiveContract,workerselectComprehensiveContract } from \"./redux/pdf/select_comprehensive_contract\";\r\nimport { reducerSelecOnlineExamt , workerSelectOnlineExamt } from \"./redux/exam_gold/select_online_exam\";\r\nimport { reducerSelecStatusCkeckQuestint , selectStatusCkeckQuestint } from \"./redux/exam_gold/select_check_questionnaires_completion_status\";\r\nimport { select_check_state_customer_broker_reducer , select_check_state_customer_broker_worker } from \"./redux/deceased_customer/check_state_customer_broker\";\r\nimport { get_branches_reducer , get_branches_worker} from \"./redux/shoab/getBranches/getBranches\";\r\n\r\n\r\nexport const Reducers = combineReducers({\r\n \r\n get_branches_reducer,\r\n select_check_state_customer_broker_reducer,\r\n reducerSelecStatusCkeckQuestint,\r\n reducerSelecOnlineExamt,\r\n reducerselectComprehensiveContract,\r\n reducerSelectSubsidiaryRealPdf,\r\n reducerSelectOptionRealPdf,\r\n select_pdf_creator_reducer,\r\n reducerselectRiskPdf,\r\n reducerSelectOnlinePdf,\r\n reducerselectOfflineElectronicTransactionsPdf,\r\n reducerSelectInfoRealPdf,\r\n select_check_state_customer_reducer,\r\n select_check_gift_serial_reducer,\r\n select_post_reducer,\r\n bourse_select_manufacturer_reducer,\r\n select_commodities_reducer,\r\n report_trade_detail_reducer,\r\n reducer_deceased_customer_get_kyc_profile,\r\n bourse_select_mainGroup_reducer,\r\n bourse_select_category_reducer,\r\n bourse_select_subCategory_reducer,\r\n bourse_select_instruments_reducer,\r\n bourse_select_producer_reducer,\r\n bourse_select_instruments_pdf_reducer,\r\n news_select_reducer,\r\n news_select_Attachment_reducer,\r\n select_shoab_reducer,\r\n select_slider_reducer,\r\n reducer_notificationAlert,\r\n reducer_customer_get_kyc_profile , \r\n reducerSelecOptionStatusCkeckQuestint,\r\n reducerSelecOptionExamt , \r\n});\r\n\r\nexport default function* rootSaga() {\r\n yield all([\r\n\r\n get_branches_worker(),\r\n select_check_state_customer_broker_worker(),\r\n selectStatusCkeckQuestint(),\r\n workerSelectOnlineExamt(),\r\n workerselectComprehensiveContract(),\r\n workerSelectSubsidiaryRealPdf(),\r\n workerSelectOptionRealPdf(),\r\n workerselect_pdf_creator(),\r\n workerselectRiskPdf(),\r\n workerSelectOnlinePdf(),\r\n workerselectOfflineElectronicTransactionsPdf(),\r\n workerSelectInfoRealPdf(),\r\n select_post_worker(),\r\n bourseSelectCommoditiesWorker(),\r\n reportTradeDetailWorker(),\r\n bourseMainGroupSelect(),\r\n bourseCategorySelect(),\r\n bourseSubCategorySelect(),\r\n bourseInstrumentsSelect(),\r\n selectProducer(),\r\n bourseInstrumentsSelectPdf(),\r\n newsSelect(),\r\n newsSelectAttachment(),\r\n workerSelectShoab(),\r\n workerSelectSlider(),\r\n worker_customer_get_kyc_profile(),\r\n selectOptionStatusCkeckQuestint(),\r\n workerSelectOptionExamt(),\r\n worker_deceased_customer_get_kyc_profile(),\r\n bourseSelectManufacturerWorker(),\r\n select_check_gift_serial_worker(),\r\n select_check_state_customer_worker(),\r\n ]);\r\n}\r\n","import { createStore, applyMiddleware } from \"redux\";\r\nimport createSagaMiddleware from \"redux-saga\";\r\nimport rootSaga, { Reducers } from \"./Reducers\";\r\n\r\n// import reducer from './Reducers'\r\n// import mySaga from './sagas'\r\n// create the saga middleware\r\nconst sagaMiddleware = createSagaMiddleware();\r\n// mount it on the Store\r\nexport const store = createStore(Reducers, applyMiddleware(sagaMiddleware));\r\n\r\n// then run the saga\r\nsagaMiddleware.run(rootSaga);\r\n","import { store } from \"./../../../store\";\r\nimport { actionTypes as actionTypesNotif } from \"./../../../redux/notificationAlert\";\r\n// import { EMPTYALLREDUCERS } from \"../../../../redux/type\";\r\n// import { actionTypes as actionTypesLogOut } from \"../../../modules/Auth/_redux/authRedux\";\r\n\r\nexport const handleNotificationAlertTryUpdate = responseData => {\r\n const { dispatch } = store;\r\n if (responseData?.data?.response?.error_persian_description) {\r\n dispatch({\r\n type: actionTypesNotif.warning,\r\n textAlert: responseData?.data?.response?.error_persian_description\r\n });\r\n return false\r\n }\r\n\r\n if (responseData.status === 200 && responseData.data.response.is_successful) {\r\n dispatch({ type: actionTypesNotif.success });\r\n return true;\r\n } else if (\r\n responseData?.data?.error === \"INVALID INPUT token: Not Authorized\"\r\n ) {\r\n dispatch({\r\n type: actionTypesNotif.error,\r\n textAlert: \"زمان ورود شما به پایان رسید، لطفا دوباره لاگین کنید.\"\r\n });\r\n // dispatch({ type: EMPTYALLREDUCERS });\r\n // dispatch({ type: actionTypesLogOut.Logout });\r\n return false;\r\n } else if (\r\n responseData.status === 403 &&\r\n responseData.error === \"PERMISSION DENIED\"\r\n ) {\r\n dispatch({\r\n type: \"ALERT\",\r\n payload: {\r\n status: true,\r\n textAlert: `شما دسترسی به انجام این عملیات را ندارید.`,\r\n typeAlert: \"warning\"\r\n }\r\n });\r\n return false;\r\n } else if (responseData.status !== 200) {\r\n dispatch({\r\n type: actionTypesNotif.error,\r\n textAlert: \"ارتباط با سرور قطع می باشد\"\r\n });\r\n return false;\r\n } else if (responseData.data.status !== 200) {\r\n dispatch({\r\n type: actionTypesNotif.error,\r\n textAlert: \"ارتباط با سرور قطع می باشد.\"\r\n });\r\n return false;\r\n } else if (\r\n responseData.status === 200 &&\r\n !responseData.data.response.is_successful\r\n ) {\r\n let textError = handelError(responseData.data.response.error_code);\r\n if (textError === \"selfApiDescription\") {\r\n dispatch({ type: actionTypesNotif.warning, textAlert: responseData.data.response.error_description })\r\n }\r\n else {\r\n dispatch({ type: actionTypesNotif.warning, textAlert: textError })\r\n }\r\n\r\n return false;\r\n } else {\r\n dispatch({\r\n type: actionTypesNotif.warning,\r\n textAlert: \"مشکل رخ داده در لیست خطاها وجود ندارد.\"\r\n });\r\n return false;\r\n }\r\n};\r\n\r\nexport const handleNotificationAlertCatch = () => {\r\n const { dispatch } = store;\r\n\r\n dispatch({\r\n type: \"ALERT\",\r\n payload: {\r\n status: true,\r\n textAlert: \"در ارتباط با سرور مشکلی رخ داده است.\",\r\n typeAlert: \"error\"\r\n }\r\n });\r\n};\r\n\r\nexport const handleNotificationAlertTrySelect = item => {\r\n const { dispatch } = store;\r\n\r\n\r\n if (item?.data?.response?.error_persian_description) {\r\n dispatch({\r\n type: actionTypesNotif.warning,\r\n textAlert: item?.data?.response?.error_persian_description\r\n });\r\n return false\r\n }\r\n\r\n if (item?.data?.response?.is_successful) {\r\n return true;\r\n } else if (item.status !== 200) {\r\n dispatch({\r\n type: actionTypesNotif.error,\r\n textAlert: \"ارتباط با سرور قطع می باشد.\"\r\n });\r\n return false;\r\n } else if (item.data.error === \"INVALID INPUT token: Not Authorized\") {\r\n dispatch({\r\n type: actionTypesNotif.error,\r\n textAlert: \"زمان ورود شما به پایان رسید، لطفا دوباره لاگین کنید.\"\r\n });\r\n // dispatch({ type: EMPTYALLREDUCERS });\r\n // dispatch({ type: actionTypesLogOut.Logout });\r\n return false;\r\n } else if (\r\n item.data.status === 403 &&\r\n item.data.error === \"PERMISSION DENIED\"\r\n ) {\r\n dispatch({\r\n textAlert: `شما دسترسی به انجام این عملیات را ندارید.`,\r\n type: actionTypesNotif.warning\r\n });\r\n return false;\r\n } else if (item.data.status !== 200) {\r\n dispatch({\r\n type: actionTypesNotif.error,\r\n textAlert: \"ارتباط با سرور قطع می باشد.\"\r\n });\r\n\r\n return false;\r\n } else if (!item.data.response.is_successful) {\r\n let textError = handelError(item.data.response.error_code);\r\n dispatch({ type: actionTypesNotif.warning, textAlert: textError });\r\n return false;\r\n } else {\r\n dispatch({\r\n type: actionTypesNotif.warning,\r\n textAlert: \"مشکل رخ داده در لیست خطاها وجود ندارد.\"\r\n });\r\n }\r\n};\r\n\r\nconst handelError = key => {\r\n\r\n switch (key) {\r\n case 701:\r\n return \"اجازه انجام عملیات را ندارید. \";\r\n case 601:\r\n return \"مقادیر ارسالی پارامترها معتبر نیستند.\";\r\n case 401:\r\n return \"خطای عمومی \";\r\n case 801:\r\n return \"عدم رعایت وابستگی ها\";\r\n case 602:\r\n return \"یک فیلد اجباری ارسال نشده است.\";\r\n case 603:\r\n return \"مقدار یکی از فیلدهای ارسالی معتبر نیست.\";\r\n case 604:\r\n return \"نام یکی از فیلدهای ارسالی معتبر نیست.\";\r\n case 605:\r\n return \"کاربر مورد نظر یافت نشد\";\r\n case 901:\r\n return \"فروم مورد نظر یافت نشد. \";\r\n case 107101:\r\n return \"سفارش با وضعیت کنسل شده قابل ثبت نیست\";\r\n case 102101:\r\n return \"امتیاز کاربر برای انجام عملیات کافی نیست\";\r\n case 102201:\r\n return \"امکان ویرایش مقادیر امتیاز وجود ندارد.\";\r\n case 103101:\r\n return \"ظرفیت مسابقه تکمیل شده است.\";\r\n case 103201:\r\n return \"امکان ویرایش مسابقه وجود ند ارد\";\r\n case 103301:\r\n return \"امکان نهاییسازی مسابقه وج ود ندا رد.\";\r\n case 103401:\r\n return \"شما قبال در این مسابقه ثبت نام کردهاید.\";\r\n case 104101:\r\n return \"وضعیت پیام معتبر نیست.\";\r\n case 101101:\r\n return \"ظرفیت دوره به پایان رسیده است.\";\r\n case 101201:\r\n return \"عدم امکان ویرایش دوره\";\r\n case 101301:\r\n return \"شما قبال در این دوره ثبت نام کرده اید.\";\r\n case 101401:\r\n return \"وضعیت ثبتنام در دوره نامعتبر است.\";\r\n case 102301:\r\n return \"امکان رزرو امتیاز وجود ندارد.\";\r\n case 102401:\r\n return \"مکان رولبک امتیاز وجود ندارد. \";\r\n case 102501:\r\n return \"امکان نهاییسازی امتیاز وجود ندارد.\";\r\n case 102601:\r\n return \"امکان لغو امتیاز وجود ندارد. \";\r\n case 105101:\r\n return \"امکان ویرایش امتیاز وجود ندارد.\";\r\n case 105201:\r\n return \"تصویر پروفایل بزرگتر از حد مجاز است.\";\r\n case 109301:\r\n return \"عضو قبلاً درخواست تغییر کارگزار مشابهی را ارسال کرده است.\";\r\n case 105804:\r\n return \"کد تایید را به درستی وارد نمایید\";\r\n case 105805:\r\n return \"در حال حاضر دسترسی به سامانه امکانپذیر نیست. لطفا بعدا تلاش فرمایید\";\r\n case 110104:\r\n return \"شما قبلا ثبت نام کرده اید\";\r\n case 110103:\r\n return \"عرضه اولیه غیر فعال می باشد\";\r\n case 110301:\r\n return \"این درخواست قبلا لغو شده است\";\r\n case 110106:\r\n return \"کاربر مورد نظر مشتری نمی باشد\";\r\n case 105301:\r\n return \"کاربر گرامی ایمیل شما ثبت نشده است\";\r\n case 105302:\r\n return \"خطا در ارسال پیامک رخ داده است\";\r\n case 105401:\r\n return \"کاربر گرامی شماره موبایل شما ثبت نشده است\";\r\n case 105501:\r\n return \"رکورد فراموشی یافت نشد لطفاً دوباره درخواست فراموشی رمز عبور بدهید\";\r\n case 105601:\r\n return \"اطلاعات نامعتبر است لطفاً از صحت لینک اطمینان حاصل کنید\";\r\n case 105701:\r\n return \"کاربر گرامی تعداد درخواستهای پیامک شما بیش از حد مجاز است \";\r\n case 105801:\r\n return \"شما در حال حاضر عضو باشگاه هستید. اگر قصد بازیابی رمز عبور خود را دارید لطفاً به صفحه ورود مراجعه نمایید\";\r\n case 105802:\r\n return \"اطلاعاتی برای فعالسازی یافت نشد در صورتی که از اطلاعات وارد شده مطمئن هستید و این خطا را دریافت می کنید با واحد پشتیبانی مبین سرمایه (0211579) تماس بگیرید\";\r\n case 105803:\r\n return \"کد فعالسازی وارد نشده است\";\r\n case 105901:\r\n return \"رمز عبور بایستی شامل حداقل یک حرف بزرگ، یک حرف کوچک و یک رقم و حداقل 8 کاراکتر باشد\";\r\n case 105902:\r\n return \"نام کاربری تکراری است لطفاً نام کاربری دیگری انتخاب نمایید\";\r\n case 105903:\r\n return \"مشتری گرامی از مهلت تغییر معرف شما بیش از سه روز گذاشته است و در حال حاضر شما مجاز به وارد کردن معرف نمی باشید\";\r\n case 105904:\r\n return \"مشتری گرامی قبلا معرف شما ثبت شده است\";\r\n case 106101:\r\n return \"خطایی در استعلام اعتبار رخ داده است\";\r\n case 108701:\r\n return \"در حال حاضر امکان درخواست این جایزه وجود ندارد\";\r\n case 102303:\r\n return \"کاربر عضو باشگاه نیست.\";\r\n case 120102:\r\n return \"این کد تخفیف قبلا استفاده شده است\";\r\n case 101701:\r\n return \"تاریخ پایان ثبت نام باید بعد از تاریخ امروز باشد\";\r\n case 101601:\r\n return \"تاریخ پایان باید بعد از تاریخ شروع باشد\";\r\n case 101501:\r\n return \"عدد منفی نباید وارد کنید\";\r\n case 128101:\r\n return \"این نقش تکراری است\";\r\n case 108801:\r\n return \"کسی در قرعه کشی ثبت نام نکرده است\";\r\n case 115302:\r\n return \"مشتری با این کد ملی، در اتوماسیون ثبت شده است.\";\r\n case 118301:\r\n return \"بازاریاب با این کد ملی، در اتوماسیون ثبت شده است.\";\r\n case 118303:\r\n return \"کد ملی وارد شده معتبر نمی باشد\";\r\n case 115310:\r\n return \"selfApiDescription\"\r\n case 131103:\r\n return \"تعداد درخواست های سجام بیش از حد معمول بوده لطفا پس از دقایقی دوباره درخواست بزنید\"\r\n case 105814:\r\n return \"تعداد درخواست های سجام بیش از حد معمول بوده لطفا پس از دقایقی دوباره درخواست بزنید\"\r\n case 131104:\r\n return \"در حال حاضر برقراری ارتباط با سامانه سجام امکان پذیر نمی باشد.\"\r\n case 131107:\r\n return \"کد وارد شده معتبر نمی باشد\"\r\n case 134301:\r\n return \" مشتری محترم درخواست شما تکراری است لطفاً پنل معاملاتی دیگری را انتخاب نمایید و یا تا بازگشت نتیجه درخواست تان صبر نمایید\";\r\n case 131105:\r\n return \"کد ملی مورد نظر در سامانه سجام یافت نگردید.\"\r\n\r\n case 129301:\r\n return \" مشتری محترم درخواست شما تکراری است لطفاً پنل معاملاتی دیگری را انتخاب نمایید و یا تا بازگشت نتیجه درخواست تان صبر نمایید\";\r\n\r\n\r\n\r\n default:\r\n return \"در حال حاضر امکان این عملیات وجود ندارد\";\r\n }\r\n};\r\n","import React, { useRef, useState } from 'react'\r\nimport { useDispatch } from 'react-redux';\r\nimport { makeStyles, Box, Button, TextField } from '@material-ui/core';\r\n\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\nimport { customer_send_kyc_otp } from '../../../redux/oms/customer_insert_send_kyc_otp';\r\nimport { handleNotificationAlertTryUpdate, handleNotificationAlertCatch } from '../../../components/method/handleNotificationAlert';\r\n// import { handleNotificationAlertTryUpdate, handleNotificationAlertCatch } from '../../../../../common/method/handleNotificationAlert/index';\r\nimport { Formik, useFormikContext } from 'formik';\r\nimport * as Yup from \"yup\";\r\nimport { Clear } from '@material-ui/icons';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n minHeight: 315,\r\n minWidth: 450,\r\n margin: 'auto',\r\n position: 'relative',\r\n backgroundColor: \"white\",\r\n padding: 15,\r\n borderRadius: 8,\r\n [theme.breakpoints.down(\"700\")]: {\r\n minWidth: '100% !important',\r\n },\r\n },\r\n\r\n btnOtline: {\r\n fontSize: 14,\r\n backgroundColor: \"transparent\",\r\n color: \"#ffffff\",\r\n margin: \"0 5px\",\r\n padding: '9px 20px',\r\n border: `1px solid #ffffff`,\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 7px',\r\n },\r\n '&:hover': {\r\n backgroundColor: \"#ffffff\",\r\n color: \"#071b2c\"\r\n },\r\n },\r\n btnOtlineBlack: {\r\n fontSize: 14,\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n margin: \"0 5px\",\r\n padding: '9px 20px',\r\n border: `1px solid black`,\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 7px',\r\n },\r\n '&:hover': {\r\n backgroundColor: \"black\",\r\n color: \"white\"\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n marginBottom: '10px',\r\n\r\n },\r\n },\r\n openAccountRed: {\r\n backgroundColor: theme.palette.light.type2,\r\n color: \"white\",\r\n margin: \"0 5px\",\r\n padding: '9px 20px',\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n fontSize: 14,\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 7px',\r\n },\r\n '&:hover': {\r\n backgroundColor: \"#ffffff\",\r\n color: theme.palette.light.type2,\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n width: '100%',\r\n },\r\n },\r\n gridBtns: {\r\n direction: 'rtl',\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n display: 'flex',\r\n flexDirection: 'column-reverse',\r\n flexWrap: 'wrap'\r\n },\r\n },\r\n loading: {\r\n width: \"99%\",\r\n margin: \"auto\",\r\n top: \"4px\",\r\n zIndex: 2,\r\n },\r\n TextField: {\r\n minWidth: '250px',\r\n [theme.breakpoints.down(\"1400\")]: {\r\n minWidth: '100% !important',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ setIndexChild, setOpen, state, setState, textError }) {\r\n\r\n let classes = useStyles()\r\n const dispatch = useDispatch()\r\n const [loading, setLoading] = useState(false)\r\n const formRef = useRef()\r\n // const { submitForm } = useFormikContext();\r\n\r\n let initialValues = {\r\n national_id: ''\r\n }\r\n\r\n const validateShcama = Yup.object().shape({\r\n national_id:\r\n Yup.string()\r\n .required(textError),\r\n });\r\n\r\n\r\n let onSubmit = (values, { setSubmitting }) => {\r\n let _data = {\r\n national_id: values?.national_id\r\n }\r\n\r\n setLoading(true)\r\n customer_send_kyc_otp(_data)\r\n .then((res) => {\r\n\r\n setLoading(false)\r\n handleNotificationAlertTryUpdate(res)\r\n\r\n if (res.data.response.data.state === \"OTP SENT\")\r\n setIndexChild(1)\r\n setState({ national_id: values?.national_id })\r\n })\r\n .catch(() => {\r\n setLoading(false)\r\n handleNotificationAlertCatch(dispatch)\r\n })\r\n .finally(() => {\r\n setLoading(false)\r\n });\r\n\r\n }\r\n\r\n\r\n return (\r\n <>\r\n {\r\n loading && (\r\n \r\n
\r\n {/* \r\n\r\n {\r\n obj[state]?.title && (\r\n
\r\n \r\n
\r\n )\r\n }\r\n\r\n {obj[state]?.title}
\r\n {/* */}\r\n\r\n
\r\n\r\n\r\n handelSubmit(state.national_id)}\r\n >\r\n ارسال کد تایید\r\n \r\n \r\n */}\r\n\r\n
\r\n \r\n )\r\n}\r\n","import React, { useEffect } from 'react'\r\nimport * as Yup from \"yup\";\r\nimport { Formik } from 'formik'\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { TextField, Box, makeStyles, Button, LinearProgress } from '@material-ui/core'\r\n\r\nimport { actionTypes } from './../../../redux/oms/customer_select_get_kyc_profile';\r\nimport { actionTypes as actionTypesNotif } from './../../../redux/notificationAlert';\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n minHeight: 270,\r\n minWidth: 450,\r\n backgroundColor: \"white\",\r\n padding: 15,\r\n borderRadius: 8,\r\n [theme.breakpoints.down(\"700\")]: {\r\n minWidth: '100% !important',\r\n },\r\n },\r\n gridBtns: {\r\n direction: 'rtl',\r\n marginTop: 15,\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n display: 'flex',\r\n flexDirection: 'column-reverse',\r\n flexWrap: 'wrap'\r\n },\r\n },\r\n btnOtlineBlack: {\r\n fontSize: 14,\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n margin: \"0 5px\",\r\n padding: '9px 20px',\r\n border: `1px solid black`,\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 7px',\r\n },\r\n '&:hover': {\r\n backgroundColor: \"black\",\r\n color: \"white\"\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n width:'100%',\r\n margin:0,\r\n marginBottom: '10px'\r\n },\r\n },\r\n openAccountRed: {\r\n backgroundColor: theme.palette.light.type2,\r\n color: \"white\",\r\n margin: \"0 5px\",\r\n padding: '9px 20px',\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n fontSize: 14,\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 7px',\r\n },\r\n '&:hover': {\r\n backgroundColor: \"#ffffff\",\r\n color: theme.palette.light.type2,\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n width:'100%',\r\n margin:0\r\n },\r\n },\r\n TextField: {\r\n minWidth: '350px',\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n },\r\n },\r\n loading: {\r\n width: \"99%\",\r\n margin: \"auto\",\r\n top: \"4px\",\r\n zIndex: 2,\r\n },\r\n}))\r\n\r\n\r\nexport default function Index({ setIndexChild, state, open, textError, setOpen, setflagApi }) {\r\n\r\n const classes = useStyles()\r\n const dispatch = useDispatch()\r\n\r\n const reducerProfile = useSelector(state => state.reducer_customer_get_kyc_profile)\r\n\r\n useEffect(() => {\r\n if (reducerProfile?.isOk) {\r\n setIndexChild(2)\r\n }\r\n }, [reducerProfile?.isOk])//eslint-disable-line react-hooks/exhaustive-deps \r\n\r\n\r\n let initialValues = {\r\n otp: ''\r\n }\r\n\r\n useEffect(() => {\r\n if (!open) {\r\n setTimeout(() => {\r\n setIndexChild(0)\r\n }, 600);\r\n }\r\n }, [open])//eslint-disable-line react-hooks/exhaustive-deps \r\n\r\n const validateShcama = Yup.object().shape({\r\n otp:\r\n Yup.string()\r\n .required(),\r\n });\r\n\r\n\r\n let onSubmit = (values, { setSubmitting }) => {\r\n\r\n if(!state?.national_id){\r\n alert('کد ملی کاربر خالی می باشد')\r\n return\r\n } \r\n let _data = {\r\n national_id: state.national_id,\r\n otp: values.otp\r\n }\r\n\r\n\r\n dispatch({ type: actionTypes.clubmemberCustomerKycProfileSelectAsync, payload: _data })\r\n }\r\n\r\n\r\n\r\n return (\r\n <>\r\n {\r\n reducerProfile?.loading && (\r\n \r\n setOpen(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 \r\n {\r\n ({\r\n values,\r\n touched,\r\n errors,\r\n handleSubmit,\r\n setFieldValue,\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
\r\n \r\n )\r\n }\r\n \r\n\r\n \r\n
\r\n
\r\n \r\n )\r\n}\r\n","import React, { useEffect } from 'react'\r\nimport { Formik } from 'formik'\r\nimport { makeStyles, Button, FormControl, FormLabel, RadioGroup, FormControlLabel, Radio, LinearProgress, FormGroup, Checkbox } from '@material-ui/core'\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n minHeight: 250,\r\n minWidth: 450,\r\n backgroundColor: \"white\",\r\n padding: 15,\r\n borderRadius: 8,\r\n [theme.breakpoints.down(\"700\")]: {\r\n minWidth: '100% !important',\r\n },\r\n },\r\n gridBtns: {\r\n direction: 'rtl',\r\n marginTop: '10px',\r\n\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n display: 'flex',\r\n flexDirection: 'column-reverse',\r\n flexWrap: 'wrap'\r\n },\r\n },\r\n btnOtlineBlack: {\r\n fontSize: 14,\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n margin: \"0 5px\",\r\n padding: '9px 20px',\r\n border: `1px solid black`,\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 7px',\r\n },\r\n '&:hover': {\r\n backgroundColor: \"black\",\r\n color: \"white\"\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n marginBottom: '10px',\r\n\r\n },\r\n },\r\n openAccountRed: {\r\n backgroundColor: theme.palette.light.type2,\r\n color: \"white\",\r\n margin: \"0 5px\",\r\n padding: '9px 20px',\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n fontSize: 14,\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 7px',\r\n },\r\n '&:hover': {\r\n backgroundColor: \"#ffffff\",\r\n color: theme.palette.light.type2,\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n width: '100%',\r\n },\r\n },\r\n loading: {\r\n width: \"99%\",\r\n margin: \"auto\",\r\n top: \"4px\",\r\n zIndex: 2,\r\n },\r\n list: {\r\n listStyle: 'number',\r\n padding: 0,\r\n width: '97%',\r\n marginLeft: 'auto'\r\n // marginLeftleft:20\r\n },\r\n desc: {\r\n marginBottom: 5,\r\n color: 'rgba(0,0,0,0.8)'\r\n },\r\n title: {\r\n marginBottom: 10,\r\n color: 'red',\r\n fontWeight: 'bold'\r\n }\r\n}))\r\n\r\n\r\nexport default function Index({\r\n setIndexChild,\r\n open,\r\n setOpen,\r\n loading,\r\n option,\r\n setOption,\r\n oms,\r\n setOms,\r\n apiSubmitOms\r\n}) {\r\n\r\n const classes = useStyles()\r\n\r\n useEffect(() => {\r\n if (!open) {\r\n setTimeout(() => {\r\n setIndexChild(0)\r\n }, 600);\r\n }\r\n }, [open])//eslint-disable-line react-hooks/exhaustive-deps \r\n\r\n\r\n return (\r\n <>\r\n\r\n {\r\n loading && (\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 values,\r\n touched,\r\n errors,\r\n handleSubmit,\r\n setFieldValue,\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
\r\n \r\n )\r\n}\r\n","import styled from \"styled-components\";\r\n\r\nexport const BoxStyled = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n min-height: 100px;\r\n background-color: white;\r\n margin-top: 20px;\r\n box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.06);\r\n border-radius: 8px;\r\n padding: 10px;\r\n min-height:${(prop) => (prop.minHeight ? prop.minHeight + \"px\" : \"400px\")};;\r\n position: relative;\r\n`;\r\n\r\nexport const Card = styled.div`\r\n margin: 10px 10px;\r\n width: 100%;\r\n height: 100%;\r\n background: #ffffff;\r\n border-radius: 10px;\r\n box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);\r\n padding: 1.2rem 1.7rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-end;\r\n`;\r\n\r\nexport const ResponsiveDivChart = styled.div`\r\n width: 100%;\r\n overflow-x: auto;\r\n direction: ltr;\r\n\r\n`;\r\n","import { Button, makeStyles } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport { RiQuestionLine } from \"react-icons/ri\";\r\nimport { BoxStyled } from \"./../styledComponents/component\";\r\n\r\n\r\nconst useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n height: '100%',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n },\r\n gridIcon: {\r\n width: \"45px\",\r\n height: \"45px\",\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius: '50%',\r\n marginTop: 10,\r\n },\r\n colIcon: {\r\n fontSize: '3rem'\r\n },\r\n btnStart: {\r\n color: 'white',\r\n padding: '10px 20px',\r\n margin: '10px 0px 5px 0px',\r\n borderRadius: 5,\r\n cursor: 'pointer'\r\n },\r\n gridBtns: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n '@media (max-width:460px)': {\r\n flexDirection: 'column-reverse'\r\n },\r\n },\r\n desc: {\r\n padding: '10px 5px',\r\n width: '90%',\r\n minWidth: '50%',\r\n textAlign: 'center',\r\n\r\n }\r\n}))\r\n\r\nconst StartQuestion = ({ setflagStart, handlePrevStep, loading, data , setIndexChild }) => {\r\n\r\n let classes = useStyles()\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 \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 - \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 این پرسشنامه، جهت سنجش اطلاعات شما سرمایهگذار عزیز، تهیه شده است. با پاسخدهی دقیق به آن، تیم پویان میتواند خدمات بهتری متناسب با سلیقه شما، ارائه کند.\r\n
\r\n\r\n \r\n بازگشت\r\n \r\n\r\n !loading\r\n ? data?.length == 0\r\n ? alert('آزمونی در حال انجام نمی باشد')\r\n : setflagStart(true)\r\n\r\n : null}\r\n >\r\n {\r\n (loading)\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 {score}
\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 {`شما در آزمون آنلاین با نمره ${score} درصد قبول شده اید برای ادامه درخواست خود بر روی دکمه زیر کلیک نمایید`}\r\n
\r\n\r\n handlePrevStep()}\r\n className={` ${classes['btnPrev']}`} >\r\n بازگشت\r\n
\r\n {\r\n loadingOms\r\n ? {ind+1}
\r\n {data.question}
\r\n \r\n )\r\n}\r\n","import React from 'react';\r\nimport { useState } from 'react';\r\nimport CardQuestion from './cardQuestions';\r\nimport { makeStyles } from '@material-ui/styles';\r\n\r\n\r\nconst useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n minHeight:270,\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n flexDirection:'column',\r\n margin:'auto 0px',\r\n marginTop:3,\r\n\r\n },\r\n \r\n}))\r\n\r\n\r\nconst BoxAnswer = ({ data, indexQuestion, setAnswerQuestion }) => {\r\n\r\n const classes = useStyles();\r\n\r\n const [Click, setClick] = useState(null);\r\n\r\n return (\r\n <>\r\n {/* className=\"w-full flex justify-center items-center flex-col mx-auto mt-3 min-h-[270px]\" */}\r\n \r\n {\r\n data[indexQuestion]\r\n ? (\r\n data[indexQuestion]?.Option.map((item, ind) => (\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default BoxAnswer;\r\n","import { makeStyles } from '@material-ui/styles';\r\nimport React from 'react';\r\n\r\n\r\nconst useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n minHeight:170,\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n flexDirection:'column',\r\n backgroundColor: \"rgb(243,244,246)\",\r\n borderRadius:'5px',\r\n margin:'auto 0px',\r\n marginTop:10,\r\n padding:'5px 10px',\r\n },\r\n \r\n}))\r\n\r\nconst BoxQuestion = ({ data, indexQuestion}) => {\r\n\r\n const classes = useStyles();\r\n\r\n return ( \r\n <>\r\n \r\n
\r\n \r\n );\r\n}\r\n \r\nexport default BoxQuestion;","\r\n\r\nimport React from 'react';\r\n// import DoneIcon from '@mui/icons-material/Done';\r\nimport { Done } from '@material-ui/icons'\r\nimport { makeStyles } from '@material-ui/core';\r\n\r\n\r\nconst useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n marginTop: 15,\r\n display:'flex',\r\n justifyContent:'center',\r\n flexWrap:'wrap',\r\n },\r\n circleDona:{\r\n borderRadius:'50%',\r\n width:40,\r\n height:40,\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n margin:2,\r\n },\r\n circleDefualte:{\r\n borderRadius:'50%',\r\n width:40,\r\n height:40,\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n margin:2,\r\n },\r\n btnDisable:{\r\n backgroundColor:'#ECECEC',\r\n color:\" rgb(100,116,139)\",\r\n }\r\n}))\r\n\r\nconst StepHeader = ({ data, indexQuestion }) => {\r\n\r\n const classes = useStyles();\r\n\r\n const handelClassName = (index) => {\r\n\r\n if (index === indexQuestion) {\r\n return `bg-primaryColor text-white`\r\n }\r\n return classes['btnDisable']\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {`پرسش ${indexQuestion+1} `}\r\n
\r\n \r\n {\r\n data[indexQuestion]\r\n ? data[indexQuestion]?.question\r\n :''\r\n }\r\n \r\n
\r\n\r\n {data.map((itm, ind) => (\r\n <>\r\n {\r\n ind < indexQuestion\r\n ? (\r\n
\r\n \r\n );\r\n}\r\n\r\nexport default StepHeader;\r\n\r\n\r\n\r\n","import React from \"react\";\r\nimport { Button, makeStyles } from \"@material-ui/core\";\r\nimport Modal from \"@material-ui/core/Modal\";\r\nimport Backdrop from \"@material-ui/core/Backdrop\";\r\nimport Fade from \"@material-ui/core/Fade\";\r\n\r\n\r\nconst useStles = makeStyles(() => ({\r\n modal: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n width: '100%',\r\n outline: 'none',\r\n border: 'none',\r\n zIndex: '10001 !important',\r\n\r\n },\r\n grid: {\r\n width: '40%',\r\n minHeight: 200,\r\n backgroundColor: 'white',\r\n borderRadius: 8,\r\n padding: 20,\r\n minWidth: 300\r\n },\r\n gridBtn: {\r\n display: \"flex\",\r\n justifyContent: \"flex-end\",\r\n width: '100%',\r\n }\r\n}));\r\n\r\n\r\n\r\nexport default React.memo(function Index({ data, open, setOpen, sejamInfoState, hendelRestart }) {\r\n\r\n const classes = useStles();\r\n\r\n\r\n const handleClickButton = () => {\r\n setOpen((prev) => !prev);\r\n };\r\n\r\n return (\r\n <>\r\n {open && (\r\n <>\r\n \r\n
\r\n )\r\n : (\r\n\r\n \r\n {ind + 1}\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 ${sejamInfoState?.body?.privatePerson?.firstName}\r\n ${sejamInfoState?.body?.privatePerson?.lastName}،\r\n `} */}\r\n \r\n
\r\n\r\n {`\r\n شما حداقل نمره قبولی در آزمون (%${data?.max_score}) را کسب ننموده اید لطفا جهت قبولی در آزمون پاسخ سوالات خود را اصلاح نمایید\r\n `}\r\n
\r\n {/*\r\n \r\n {` ${\"سوال :\"} `}\r\n\r\n \r\n {\r\n data?.data?.map((item, index) => {\r\n return (\r\n \r\n {`${item}`}\r\n {index + 1 !== data?.data.length && (<>,)}\r\n \r\n )\r\n })\r\n }\r\n
*/}\r\n\r\n hendelRestart()}\r\n >\r\n آزمون مجدد\r\n \r\n setOpen(false)}\r\n >\r\n بستن\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n handelBack()}\r\n className={`${handelClassNameBack()} ${classes['btnPrev']}`}>\r\n قبلی\r\n
\r\n {\r\n loading\r\n ? \r\n setOpen(false)}\r\n closeAfterTransition\r\n BackdropComponent={Backdrop}\r\n BackdropProps={{\r\n timeout: 500,\r\n }}\r\n >\r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { useDispatch, useSelector } from 'react-redux';\r\n\r\nimport Router from './Router';\r\nimport StepOne from './StepOne';\r\nimport StepTwo from './StepTwo';\r\nimport StepThree from './stepThree';\r\nimport QuestionsOption from './questionOption';\r\n\r\nimport { actionTypes } from './../../redux/oms/customer_select_get_kyc_profile';\r\nimport { Modal } from 'bootstrap';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport Backdrop from '@material-ui/core/Backdrop';\r\nimport Modalcard from './Modal';\r\n\r\n\r\n\r\nimport * as Yup from \"yup\";\r\nimport { Formik } from 'formik'\r\nimport { actionTypes as actionTypesNotif } from './../../redux/notificationAlert';\r\nimport { handleNotificationAlertCatch, handleNotificationAlertTryUpdate } from '../../components/method/handleNotificationAlert';\r\nimport { insert_change_oms } from '../../redux/oms/insert_change_oms';\r\n\r\n\r\nconst useStyles = makeStyles(theme => ({\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n\r\n}));\r\n\r\n\r\n\r\nexport default function Index({ profile, open, setOpen, setflagApi }) {\r\n\r\n const classes = useStyles();\r\n const dispatch = useDispatch();\r\n\r\n const [indexChild, setIndexChild] = useState(0)\r\n const [option, setOption] = useState('')\r\n const [state, setstate] = useState({ national_id: '' })\r\n const [loading, setLoading] = useState(false)\r\n const [oms, setOms] = useState('rayan');\r\n\r\n const textError = 'فیلد اجباری می باشد'\r\n\r\n\r\n useEffect(() => {\r\n if (!open) {\r\n setTimeout(() => {\r\n setIndexChild(0)\r\n setstate({ national_id: '' })\r\n }, 500);\r\n\r\n dispatch({ type: actionTypes.clubmmemberCustomerKycProfileRemove })\r\n }\r\n\r\n return () => {\r\n dispatch({ type: actionTypes.clubmemberCustomerKycProfileRemove })\r\n // setIndexChild(0)\r\n // setstate({ national_id: '' })\r\n }\r\n }, [open])//eslint-disable-line react-hooks/exhaustive-deps \r\n\r\n useEffect(() => {\r\n if (profile) {\r\n setstate({\r\n member_id: profile.id,\r\n national_id: profile.body.member_national_id\r\n })\r\n }\r\n }, [profile])\r\n\r\n const reducerProfile = useSelector(state => state.reducer_customer_get_kyc_profile)\r\n\r\n\r\n const apiSubmitOms = () => {\r\n\r\n if (loading) return\r\n if (Object?.keys(reducerProfile?.data)?.length === 0) return\r\n\r\n let national_id = reducerProfile?.data?.uniqueIdentifier\r\n let mobile = reducerProfile?.data?.mobile\r\n let privatePerson = reducerProfile?.data?.privatePerson\r\n\r\n let _data = {\r\n \"member_national_id\": national_id,\r\n \"member_id\": national_id,\r\n \"mobile\": mobile,\r\n \"member_last_name\": privatePerson?.lastName,\r\n \"member_first_name\": privatePerson?.firstName,\r\n \"oms_type\": oms,\r\n \"is_option_user\": option ? 'TRUE' : \"FALSE\"\r\n }\r\n\r\n\r\n setLoading(true)\r\n insert_change_oms(_data)\r\n .then((res) => {\r\n setLoading(false)\r\n handleNotificationAlertTryUpdate(res)\r\n\r\n if (res.data.response.data._id)\r\n setOpen(false)\r\n })\r\n .catch(() => {\r\n handleNotificationAlertCatch(dispatch)\r\n })\r\n .finally(() => {\r\n\r\n setLoading(false)\r\n })\r\n\r\n }\r\n\r\n\r\n \r\n return (\r\n \r\n {children}\r\n
\r\n \r\n \r\n { }}\r\n handlePrevStep={(handlePrevStep) => { setIndexChild(perv => --perv) }}\r\n national_id={state?.national_id}\r\n setIndexChild={setIndexChild}\r\n loadingOms={loading}\r\n oms={oms}\r\n apiSubmitOms={apiSubmitOms}\r\n />\r\n \r\n
\r\n event.stopPropagation()}>\r\n {children}\r\n
\r\n handleClick()}>\r\n\r\n \r\n {({ field }) => {\r\n\r\n return (\r\n {dataForm?.errors?.[dataForm?.id]}\r\n ) : null\r\n }\r\n InputProps={{\r\n ...inputProps,\r\n className: dataForm?.errors?.[dataForm?.id] && dataForm?.touched?.[dataForm?.id] ? classes['errorTextfield'] : '',\r\n style: { borderColor: dataForm?.errors?.[dataForm?.id] && dataForm?.touched?.[dataForm?.id] ? 'red' : 'rgb(179, 179, 179)', height: 42 },\r\n }}\r\n placeholder={placeholder?placeholder:null}\r\n />\r\n )\r\n }}\r\n \r\n
\r\n )\r\n}\r\n","export const validNationalId = (meliCode)=> {\r\n \r\n if (meliCode.length !== 10) {\r\n return false;\r\n }\r\n \r\n if (\r\n meliCode === \"1111111111\" ||\r\n meliCode === \"0000000000\" ||\r\n meliCode === \"2222222222\" ||\r\n meliCode === \"3333333333\" ||\r\n meliCode === \"4444444444\" ||\r\n meliCode === \"5555555555\" ||\r\n meliCode === \"6666666666\" ||\r\n meliCode === \"7777777777\" ||\r\n meliCode === \"8888888888\" ||\r\n meliCode === \"9999999999\"\r\n ) {\r\n return false;\r\n }\r\n \r\n let c = parseInt(meliCode.charAt(9));\r\n let n =\r\n parseInt(meliCode.charAt(0)) * 10 +\r\n parseInt(meliCode.charAt(1)) * 9 +\r\n parseInt(meliCode.charAt(2)) * 8 +\r\n parseInt(meliCode.charAt(3)) * 7 +\r\n parseInt(meliCode.charAt(4)) * 6 +\r\n parseInt(meliCode.charAt(5)) * 5 +\r\n parseInt(meliCode.charAt(6)) * 4 +\r\n parseInt(meliCode.charAt(7)) * 3 +\r\n parseInt(meliCode.charAt(8)) * 2;\r\n let r = n - parseInt(n / 11) * 11;\r\n \r\n return (r === 0 && r === c) || (r === 1 && c === 1) || (r > 1 && c === 11 - r);\r\n }","import AxiosCustom from \"../../components/common/apiConfigPouyan/index\";\r\n\r\n\r\n\r\nexport function getCaptcha() {\r\n const config = {\r\n method: 'GET',\r\n url: \"/Captcha/GetCaptcha\"\r\n };\r\n\r\n const data = {};\r\n\r\n const header = {}\r\n\r\n return AxiosCustom(config, data, header);\r\n}\r\n","\r\n\r\nexport const base64File = (base64String) => {\r\n if (!base64String) {\r\n return\r\n }\r\n\r\n const data = base64String.substring(0, 5).toUpperCase();\r\n\r\n switch (data) {\r\n case \"IVBOR\":\r\n // png\r\n return \"data:image/png;base64,\" + base64String;\r\n case \"/9J/4\":\r\n // jpg\r\n return \"data:image/jpeg;base64,\" + base64String;\r\n case \"/9J/\":\r\n // jpg\r\n return \"data:image/jpeg;base64,\" + base64String;\r\n case \"AAAAF\":\r\n //mp4\r\n return \"data:video/mp4;base64,\" + base64String;\r\n case \"JVBER\":\r\n // pdf\r\n return \"data:application/pdf;base64,\" + base64String;\r\n case \"AAABA\":\r\n // ico;\r\n return \"data:image/x-icon;base64,\" + base64String;\r\n case \"UMFYI\":\r\n // rar;\r\n return \"data:application/x-rar-compressed;base64,\" + base64String;\r\n case \"UEsFB\":\r\n // zip\r\n return \"data:application/zip;base64,\" + base64String;\r\n case \"E1XYD\":\r\n // rtf\r\n return \"data:application/rtf;base64,\" + base64String;\r\n case \"U1PKC\":\r\n //text\r\n return \"data:text/plain;base64,\" + base64String;\r\n case \"MQOWM\":\r\n case \"77U/M\":\r\n // srt\r\n return \"data:text/srt;base64,\" + base64String;\r\n default:\r\n return '';\r\n }\r\n}\r\n","import AxiosCustom from \"./../../../../components/common/apiConfigPouyan/index\";\r\n\r\n\r\nexport function send_otp_sejam(payload) {\r\n const config = {\r\n url: `/OTP/SendUpdateSejamDataOTP/SendUpdateSejamDataOTP/${payload?.data?.NationalCode}`\r\n };\r\n\r\n const data = {};\r\n\r\n const header = {\r\n ...payload?.headers\r\n }\r\n\r\n return AxiosCustom(config, data, header);\r\n}\r\n","import AxiosCustom from \"./../../../components/common/apiConfigPouyan/index\";\r\n\r\n\r\nexport function send_otp_chang_oms_api(payload) {\r\n const config = {\r\n url: `/OTP/SendUpdateTradingSystemOTP/SendUpdateTradingSystemOTP/${payload?.data?.NationalCode}`\r\n };\r\n\r\n const data = {};\r\n\r\n const header = {\r\n ...payload?.headers\r\n }\r\n\r\n return AxiosCustom(config, data, header);\r\n}\r\n","const persianNumbers = [\r\n /۰/g,\r\n /۱/g,\r\n /۲/g,\r\n /۳/g,\r\n /۴/g,\r\n /۵/g,\r\n /۶/g,\r\n /۷/g,\r\n /۸/g,\r\n /۹/g,\r\n];\r\nconst arabicNumbers = [\r\n /٠/g,\r\n /١/g,\r\n /٢/g,\r\n /٣/g,\r\n /٤/g,\r\n /٥/g,\r\n /٦/g,\r\n /٧/g,\r\n /٨/g,\r\n /٩/g,\r\n];\r\n\r\nexport const convertDigitToEnglish = (str) => {\r\n if (typeof str === \"string\") {\r\n for (var i = 0; i < 10; i++) {\r\n str = str.replace(persianNumbers[i], i).replace(arabicNumbers[i], i);\r\n }\r\n }\r\n return str;\r\n};\r\n\r\nexport const convertNumberToPersian = (num) => {\r\n let info = num.toString()\r\n info = info.replaceAll(\"0\", \"۰\")\r\n .replaceAll(\"1\", \"۱\")\r\n .replaceAll(\"2\", \"۲\")\r\n .replaceAll(\"3\", \"۳\")\r\n .replaceAll(\"4\", \"۴\")\r\n .replaceAll(\"5\", \"۵\")\r\n .replaceAll(\"6\", \"۶\")\r\n .replaceAll(\"7\", \"۷\")\r\n .replaceAll(\"8\", \"۸\")\r\n .replaceAll(\"9\", \"۹\")\r\n .replaceAll(1, \"۱\")\r\n .replaceAll(2, \"۲\")\r\n .replaceAll(3, \"۳\")\r\n .replaceAll(4, \"۴\")\r\n .replaceAll(5, \"۵\")\r\n .replaceAll(6, \"۶\")\r\n .replaceAll(7, \"۷\")\r\n .replaceAll(8, \"۸\")\r\n .replaceAll(9, \"۹\")\r\n return info\r\n\r\n \r\n\r\n};\r\n","\r\n export const convertPersianToEnglishDigits =(value)=> {\r\n const persianDigits = {\r\n '۰': '0',\r\n '۱': '1',\r\n '۲': '2',\r\n '۳': '3',\r\n '۴': '4',\r\n '۵': '5',\r\n '۶': '6',\r\n '۷': '7',\r\n '۸': '8',\r\n '۹': '9',\r\n };\r\n \r\n return value.replace(/[\\u06F0-\\u06F9]/g, (digit) => persianDigits[digit]);\r\n }\r\n","import React, { useEffect, useRef } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport TextFieldCustom from '../textFiled/input';\r\nimport { validNationalId } from \"./../../../components/method/validNarionalId/index\";\r\nimport { getCaptcha } from \"../../../redux/captchaPouyan/getcaptcha\";\r\nimport { Formik, ErrorMessage } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport { base64File } from \"../../../components/method/fineBase64file/finebase64file\";\r\nimport { Button, CircularProgress, InputAdornment, TextField } from \"@material-ui/core\";\r\nimport { useHistory, useLocation } from \"react-router-dom/cjs/react-router-dom.min\";\r\nimport { send_otp_sejam } from \"../../../redux/register/sejam/send_otp_ssejam/sendOtpSejam\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { notificationAlertErrorApi } from './../../../components/method/notificationAlertErrorApi/notificationAlertErrorApi'\r\nimport { actionTypes as actionTypesNotif } from './../../../redux/notificationAlert/index';\r\nimport {send_otp_chang_oms_api} from './../../../redux/services/senUpdateTradingSystemOtp/senUpdateTradingSystemOtp';\r\nimport {convertDigitToEnglish} from './../../../components/method/convertDigitToEnglish/index';\r\nimport { convertPersianToEnglishDigits } from \"../../../components/method/converter/converterText\";\r\n\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n padding: 15,\r\n },\r\n gridTilte: {\r\n fontSize: 16,\r\n marginBottom: 20,\r\n marginTop: 40,\r\n maxWidth: '100%',\r\n \"@media(max-width : 505px)\": {\r\n fontSize: 14,\r\n minWidth: '100%',\r\n },\r\n },\r\n desc: {\r\n marginBottom: '16px',\r\n fontWeight: 'bold',\r\n maxWidth: 400,\r\n\r\n },\r\n textError: {\r\n color: '#E60001',\r\n fontSize: 12,\r\n fontWeight: 400,\r\n position: 'absolute',\r\n paddingTop: 5,\r\n paddingRight: 10,\r\n },\r\n errorTextfield: {\r\n color: '#E60001',\r\n '& .MuiOutlinedInput-notchedOutline': {\r\n border: '1px solid red'\r\n }\r\n },\r\n TextFieldCaptcha: {\r\n '& .MuiOutlinedInput-root fieldset': {\r\n borderColor: 'red',\r\n },\r\n },\r\n gridTextField: {\r\n marginBottom: 24\r\n },\r\n TextField: {\r\n width: '100%',\r\n },\r\n gridCaptcha: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n customButton: {\r\n backgroundColor: '#0B1742 !important',\r\n color: '#fff',\r\n margin: 'auto !important',\r\n minWidth: \"100% !important\",\r\n minHeight: \"40px !important\",\r\n },\r\n textHelp: {\r\n color: \"#ADADAD\",\r\n fontSize: 13\r\n },\r\n gridLogo: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 23,\r\n \"@media(max-width : 500px)\": {\r\n '& img': {\r\n width: 250,\r\n }\r\n },\r\n },\r\n iconRefresh: {\r\n cursor: 'pointer'\r\n }\r\n}))\r\n\r\n\r\n\r\n\r\nconst Index = (\r\n {\r\n setFlagRegister,\r\n onClose,\r\n setFlagNotif\r\n }) => {\r\n\r\n let classes = useStyles();\r\n const formikRef = useRef();\r\n let dispatch = useDispatch();\r\n const history = useHistory();\r\n let location = useLocation()\r\n\r\n const initialValues = {\r\n national_id: '',\r\n captcha: {\r\n token: null,\r\n src: null,\r\n value: null,\r\n },\r\n };\r\n\r\n\r\n const validationSchema = Yup.object().shape({\r\n national_id: Yup.string()\r\n .matches(/^[0-9]{10}$/, \"کد ملی باید ۱۰ رقم باشد\")\r\n .transform(convertPersianToEnglishDigits)\r\n .test(\"isValidNationalId\", \"کد ملی نادرست است!\", (value) =>\r\n value ? validNationalId(value) : false\r\n )\r\n .required('کد ملی الزامی است'),\r\n\r\n captcha: Yup.object({\r\n value: Yup.string()\r\n .required('مقدار کپچا الزامی است'),\r\n })\r\n\r\n });\r\n\r\n const handleSubmit = (values, { setSubmitting , setErrors }) => {\r\n\r\n\r\n setSubmitting(true);\r\n apiSubmitSendOtpSejam(values, setSubmitting , setErrors)\r\n };\r\n\r\n\r\n const apiSubmitSendOtpSejam = (values, setSubmitting , setErrors) => {\r\n\r\n setSubmitting(true)\r\n\r\n let payload = {\r\n data: {\r\n NationalCode: convertDigitToEnglish(values?.national_id),\r\n },\r\n headers: {\r\n 'captcha-value': convertDigitToEnglish(values?.captcha?.value),\r\n 'captcha-token': values?.captcha?.token,\r\n }\r\n }\r\n\r\n\r\n send_otp_chang_oms_api(payload)\r\n .then((res) => { \r\n if (res?.data?.data?.message && res?.data?.data?.isCustomer &&!res?.data?.data?.sendOTPStatus) {\r\n setFlagNotif({\r\n service: 'changeOms',\r\n flag: true,\r\n message: res?.data?.data?.message\r\n })\r\n onClose()\r\n return\r\n }\r\n\r\n if (res?.status === 200 && res?.data?.data.sendOTPStatus) {\r\n history.push('/register/otp', {\r\n national_id: values?.national_id,\r\n message: res?.data?.data?.message,\r\n servics: 'changeOms',\r\n data:{\r\n ...res?.data?.data\r\n }\r\n });\r\n }\r\n if (res?.data?.data?.message) {\r\n dispatch(({ type: actionTypesNotif.warning, textAlert: res?.data?.data?.message }))\r\n getCaptchMehtod()\r\n }\r\n })\r\n .catch((error) => {\r\n\r\n\r\n if (error?.response?.data?.data?.code === 1302 ||\r\n error?.response?.data?.data?.message === \"برای ثبت نام در کارگزاری می بایست ابتدا در سامانه سجام ثبت نام کنید.\"\r\n ) {\r\n history.push('/register/sejam', { state: { ...location.state } });\r\n return\r\n }\r\n\r\n notificationAlertErrorApi(error, dispatch)\r\n getCaptchMehtod()\r\n formikRef.current.setFieldValue('captcha.value', '');\r\n\r\n\r\n })\r\n .finally(() => {\r\n setSubmitting(false)\r\n setErrors({})\r\n formikRef.current.setTouched({}, false)\r\n })\r\n }\r\n\r\n\r\n\r\n\r\n const getCaptchMehtod = () => {\r\n getCaptcha()\r\n .then((res) => {\r\n if (res?.data?.data?.token) {\r\n let setFieldValue = formikRef?.current?.setFieldValue\r\n setFieldValue('captcha', {\r\n token: res?.data.data.token,\r\n src: base64File(res?.data?.data.fileData),\r\n value: null,\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n console.error('Error fetching captcha:', error);\r\n });\r\n };\r\n\r\n\r\n useEffect(() => {\r\n getCaptchMehtod()\r\n return () => { }\r\n }, [])\r\n\r\n\r\n return (\r\n\r\n event.stopPropagation()}>\r\n \r\n {({ isSubmitting, errors, touched, values, setFieldValue }) => {\r\n \r\n return (\r\n <>\r\n
\r\n\r\n )\r\n}\r\n\r\nexport default Index ","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport ModalCustom from './../../components/common/modalCustom/modalCustom';\r\nimport CardNationalId from './nationa_id/nationa_id';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\r\n}));\r\n\r\n\r\nexport default function TransitionsModal({ open, setOpen, setFlagRegister, setFlagNotif }) {\r\n\r\n const classes = useStyles();\r\n\r\n return (\r\n < ModalCustom\r\n open={open}\r\n onClose={() => setOpen(false)}\r\n className={classes['modal']}\r\n >\r\n \r\n ![\"\"](\"/assets/images/register/logoPouyan.png\")
\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 setFieldValue('captcha.value', e.target.value)}\r\n onKeyUp={(event) => (event.key === 'Enter') ? formikRef.current?.submitForm() : ''}\r\n className={classes['TextField']}\r\n InputProps={{\r\n endAdornment: (\r\n \r\n \r\n ),\r\n className: errors?.captcha && touched?.captcha ? classes['errorTextfield'] : '',\r\n style: {\r\n width: '100%',\r\n height: 42,\r\n },\r\n }}\r\n sx={{\r\n\r\n '& .MuiOutlinedInput-root fieldset': {\r\n borderColor: (errors?.captcha && touched?.captcha) ? 'red !important' : ''\r\n },\r\n '& .MuiOutlinedInput-notchedOutline': {\r\n borderColor: (errors?.captcha && touched?.captcha) ? 'red !important' : ''\r\n },\r\n }}\r\n />\r\n
\r\n \r\n {\r\n values?.captcha?.src && 
\r\n }\r\n ![\"\"]({\"/assets/icons/refresh.svg\"})
getCaptchMehtod()}\r\n />\r\n
\r\n getCaptchMehtod()}\r\n />\r\n \r\n formikRef.current?.submitForm()}\r\n >\r\n {isSubmitting ? (\r\n <>\r\n در حال ارسال\r\n
\r\n \r\n )\r\n }}\r\n \r\n handleClick()}>\r\n\r\n \r\n {({ field }) => {\r\n\r\n return (\r\n {dataForm?.errors?.[dataForm?.id]}\r\n ) : null\r\n }\r\n InputProps={{\r\n ...inputProps,\r\n className: dataForm?.errors?.[dataForm?.id] && dataForm?.touched?.[dataForm?.id] ? classes['errorTextfield'] : '',\r\n style: { borderColor: dataForm?.errors?.[dataForm?.id] && dataForm?.touched?.[dataForm?.id] ? 'red' : 'rgb(179, 179, 179)', height: 42 },\r\n }}\r\n placeholder={placeholder?placeholder:null}\r\n />\r\n )\r\n }}\r\n \r\n
\r\n )\r\n}\r\n","import React, { useEffect, useRef , useState} from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport TextFieldCustom from '../textFiled/input';\r\nimport { validNationalId } from \"./../../../components/method/validNarionalId/index\";\r\nimport { getCaptcha } from \"../../../redux/captchaPouyan/getcaptcha\";\r\nimport { Formik, ErrorMessage } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport { base64File } from \"../../../components/method/fineBase64file/finebase64file\";\r\nimport { Button, CircularProgress, InputAdornment, TextField } from \"@material-ui/core\";\r\nimport { useHistory, useLocation } from \"react-router-dom/cjs/react-router-dom.min\";\r\nimport { send_otp_sejam } from \"../../../redux/register/sejam/send_otp_ssejam/sendOtpSejam\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { notificationAlertErrorApi } from './../../../components/method/notificationAlertErrorApi/notificationAlertErrorApi'\r\nimport { actionTypes as actionTypesNotif } from './../../../redux/notificationAlert/index';\r\nimport { convertDigitToEnglish } from \"../../../components/method/convertDigitToEnglish\";\r\nimport { convertPersianToEnglishDigits } from \"../../../components/method/converter/converterText\";\r\n\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n padding: 15,\r\n },\r\n gridTilte: {\r\n fontSize: 16,\r\n marginBottom: 20,\r\n marginTop: 40,\r\n maxWidth: '100%',\r\n \"@media(max-width : 505px)\": {\r\n fontSize: 14,\r\n minWidth: '100%',\r\n },\r\n },\r\n desc: {\r\n marginBottom: '16px',\r\n fontWeight: 'bold',\r\n },\r\n textError: {\r\n color: '#E60001',\r\n fontSize: 12,\r\n fontWeight: 400,\r\n position: 'absolute',\r\n paddingTop: 5,\r\n paddingRight: 10,\r\n },\r\n errorTextfield: {\r\n color: '#E60001',\r\n '& .MuiOutlinedInput-notchedOutline': {\r\n border: '1px solid red'\r\n }\r\n },\r\n TextFieldCaptcha: {\r\n '& .MuiOutlinedInput-root fieldset': {\r\n borderColor: 'red',\r\n },\r\n },\r\n gridTextField: {\r\n marginBottom: 24\r\n },\r\n TextField: {\r\n width: '100%',\r\n },\r\n gridCaptcha: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n customButton: {\r\n backgroundColor: '#0B1742 !important',\r\n color: '#fff',\r\n margin: 'auto !important',\r\n minWidth: \"100% !important\",\r\n minHeight: \"40px !important\",\r\n },\r\n textHelp: {\r\n color: \"#ADADAD\",\r\n fontSize: 13\r\n },\r\n gridLogo: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 23,\r\n \"@media(max-width : 500px)\": {\r\n '& img': {\r\n width: 250,\r\n }\r\n },\r\n },\r\n iconRefresh: {\r\n cursor: 'pointer'\r\n }\r\n}))\r\n\r\n\r\n\r\n\r\nconst Index = ({\r\n setFlagRegister,\r\n onClose,\r\n setFlagNotif\r\n}) => {\r\n\r\n let classes = useStyles();\r\n const formikRef = useRef();\r\n let dispatch = useDispatch();\r\n const history = useHistory();\r\n let location = useLocation();\r\n const [loading , setLoading] = useState(false)\r\n\r\n const initialValues = {\r\n national_id: '',\r\n captcha: {\r\n token: null,\r\n src: null,\r\n value: null,\r\n },\r\n };\r\n\r\n\r\n const validationSchema = Yup.object().shape({\r\n national_id: Yup.string()\r\n .matches(/^[0-9]{10}$/, \"کد ملی باید ۱۰ رقم باشد\")\r\n .transform(convertPersianToEnglishDigits)\r\n .test(\"isValidNationalId\", \"کد ملی نادرست است!\", (value) =>\r\n value ? validNationalId(value) : false\r\n )\r\n .required('کد ملی الزامی است'),\r\n\r\n captcha: Yup.object({\r\n value: Yup.string()\r\n .required('مقدار کپچا الزامی است'),\r\n })\r\n\r\n });\r\n\r\n const handleSubmit = (values, { setSubmitting , setErrors }) => {\r\n\r\n\r\n setSubmitting(true);\r\n apiSubmitSendOtpSejam(values, setSubmitting , setErrors)\r\n };\r\n\r\n\r\n const apiSubmitSendOtpSejam = (values, setSubmitting, setErrors) => {\r\n\r\n setSubmitting(true)\r\n\r\n let payload = {\r\n data: {\r\n NationalCode: convertDigitToEnglish( values?.national_id),\r\n },\r\n headers: {\r\n 'captcha-value': convertDigitToEnglish(values?.captcha?.value),\r\n 'captcha-token': values?.captcha?.token,\r\n }\r\n }\r\n\r\n send_otp_sejam(payload)\r\n .then((res) => { \r\n if (res?.data?.data?.message && res?.data?.data?.isCustomer &&!res?.data?.data?.sendOTPStatus) {\r\n setFlagNotif({\r\n service: 'sejam',\r\n flag: true,\r\n message: res?.data?.message\r\n })\r\n onClose()\r\n return\r\n }\r\n if (res?.status === 200 && res?.data?.data.sendOTPStatus) {\r\n history.push('/register/otp', {\r\n national_id: values?.national_id,\r\n message: res?.data?.data?.message,\r\n servics: 'sejam',\r\n data: {\r\n ...res?.data?.data\r\n }\r\n });\r\n }\r\n if (res?.data?.data?.message) {\r\n if (res?.data?.data?.message === 'شما مشتری کارگزاری نمی باشید') {\r\n setFlagRegister(true)\r\n onClose()\r\n return\r\n }\r\n dispatch(({ type: actionTypesNotif.warning, textAlert: res?.data?.data?.message }))\r\n getCaptchMehtod()\r\n\r\n }\r\n })\r\n .catch((error) => {\r\n\r\n if (error?.response?.data?.data?.code === 1302 ||\r\n error?.response?.data?.data?.message === \"برای ثبت نام در کارگزاری می بایست ابتدا در سامانه سجام ثبت نام کنید.\"\r\n ) {\r\n history.push('/register/sejam', { state: { ...location.state } });\r\n return\r\n }\r\n\r\n notificationAlertErrorApi(error, dispatch)\r\n getCaptchMehtod()\r\n })\r\n .finally(() => {\r\n setSubmitting(false)\r\n setErrors({})\r\n formikRef.current.setTouched({}, false)\r\n })\r\n }\r\n\r\n\r\n\r\n\r\n const getCaptchMehtod = () => {\r\n setLoading(true)\r\n getCaptcha()\r\n .then((res) => {\r\n if (res?.data?.data?.token) {\r\n let setFieldValue = formikRef?.current?.setFieldValue\r\n setFieldValue('captcha', {\r\n token: res?.data.data.token,\r\n src: base64File(res?.data?.data.fileData),\r\n value: null,\r\n });\r\n\r\n }\r\n })\r\n .catch((error) => {\r\n console.error('Error fetching captcha:', error);\r\n })\r\n .finally(()=>{\r\n setLoading(false)\r\n })\r\n };\r\n\r\n\r\n useEffect(() => {\r\n getCaptchMehtod()\r\n return () => { }\r\n }, [])\r\n\r\n\r\n return (\r\n\r\n event.stopPropagation()}>\r\n \r\n {({ isSubmitting, errors, touched, values, setFieldValue }) => {\r\n return (\r\n <>\r\n
\r\n\r\n )\r\n}\r\n\r\nexport default Index ","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport ModalCustom from './../../components/common/modalCustom/modalCustom';\r\nimport CardNationalId from './nationa_id/nationa_id';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\r\n}));\r\n\r\n\r\nexport default function TransitionsModal({ open, setOpen, setFlagRegister, setFlagNotif }) {\r\n\r\n const classes = useStyles();\r\n\r\n return (\r\n < ModalCustom\r\n open={open}\r\n onClose={() => setOpen(false)}\r\n className={classes['modal']}\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 setFieldValue('captcha.value', e.target.value)}\r\n onKeyUp={(event) => (event.key === 'Enter') ? formikRef.current?.submitForm() : ''}\r\n className={classes['TextField']}\r\n InputProps={{\r\n endAdornment: (\r\n \r\n \r\n ),\r\n className: errors?.captcha && touched?.captcha ? classes['errorTextfield'] : '',\r\n style: {\r\n width: '100%',\r\n height: 42,\r\n },\r\n }}\r\n sx={{\r\n\r\n '& .MuiOutlinedInput-root fieldset': {\r\n borderColor: (errors?.captcha && touched?.captcha) ? 'red !important' : ''\r\n },\r\n '& .MuiOutlinedInput-notchedOutline': {\r\n borderColor: (errors?.captcha && touched?.captcha) ? 'red !important' : ''\r\n },\r\n }}\r\n />\r\n
\r\n \r\n {\r\n values?.captcha?.src && \r\n }\r\n {\r\n loading &&
\r\n getCaptchMehtod()}\r\n />\r\n \r\n formikRef.current?.submitForm()}\r\n >\r\n {isSubmitting ? (\r\n <>\r\n در حال ارسال\r\n
\r\n \r\n )\r\n }}\r\n \r\n \r\n
\r\n )\r\n}\r\n","import { makeStyles } from '@material-ui/core';\r\nimport React from 'react';\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: 16,\r\n height: 4,\r\n backgroundColor: \"#DA212E\",\r\n border: 'none',\r\n display: 'inline-block',\r\n position: 'absolute',\r\n // width: 9,\r\n // height: 9,\r\n display: \"block\",\r\n margin: \"auto\",\r\n // position: \"absolute\",\r\n top: \"50% \" ,/* position the top edge of the element at the middle of the parent */\r\n left: \"-5%\", /* position the left edge of the element at the middle of the parent */\r\n \r\n transform: \"translate(-50%, -50%)\"\r\n }\r\n}))\r\n\r\n\r\nexport default function LineIcons() {\r\n\r\n let classes = useStyles();\r\n\r\n return ;\r\n}\r\n","import React from 'react';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport LineIcons from '../lineIcons';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n title: {\r\n textAlign: \"left\",\r\n },\r\n text: {\r\n fontSize: theme.fontSize.regular,\r\n fontWeight: \"bold\",\r\n position: \"relative\",\r\n display:'inherit'\r\n },\r\n svg: {\r\n width: 9,\r\n height: 9,\r\n display: \"block\",\r\n margin: \"auto\",\r\n position: \"absolute\",\r\n top: 45,\r\n fill:theme.palette.light.type2\r\n },\r\n bottomRight: {\r\n left: 0\r\n },\r\n bottomCenter: {\r\n right: \"calc(50% - 8px)\"\r\n },\r\n centerRight: {\r\n top: 9,\r\n left: -20\r\n }\r\n}))\r\n\r\nexport default function Title({ position, padding, children }) {\r\n\r\n const classes = useStyles()\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 خیابان خرمشهر ،پلاک 222 ،طبقه اول\r\n \r\n
\r\n \r\n \r\n شمارههای تماس:\r\n \r\n
\r\n \r\n \r\n\r\n 91005777\r\n -\r\n 021\r\n \r\n \r\n |\r\n \r\n \r\n 53782000\r\n -\r\n 021\r\n \r\n
\r\n \r\n
\r\n \r\n پویان در شبکههای اجتماعی\r\n
\r\n\r\n {\r\n icons.list.map((icon, index) => {\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 {children}\r\n \r\n \r\n\r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport Title from '../../../components/common/TitleFooter';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { Link } from 'react-router-dom';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n card: {\r\n width: '24%',\r\n padding: 10,\r\n padding: '20px 20px',\r\n \"@media(max-width : 750px)\": {\r\n width: '50%',\r\n flexWrap: 'wrap',\r\n textAlign: 'center'\r\n },\r\n },\r\n list: {\r\n listStyle: 'none',\r\n width: '100%',\r\n lineHeight: 2.4,\r\n '& > li': {\r\n width: '100%',\r\n margin: 'auto',\r\n textAlign: 'left',\r\n position: 'relative',\r\n whiteSpace: \"nowrap\",\r\n cursor: 'pointer',\r\n \"@media(max-width : 750px)\": {\r\n textAlign: 'center'\r\n },\r\n }\r\n },\r\n text: {\r\n fontSize: 13,\r\n cursor: 'pointer',\r\n [theme.breakpoints.down('xs')]: {\r\n fontSize: 12,\r\n\r\n },\r\n },\r\n\r\n}))\r\n\r\nexport default function Index({ data, BoldText }) {\r\n\r\n let classes = useStyles()\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport Info from './info/index';\r\nimport Card from './cradList';\r\nimport { actionTypes as actionOms } from './../../redux/oms/customer_select_get_kyc_profile'\r\nimport { useDispatch } from \"react-redux\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n minHeight: 250,\r\n width: '90%',\r\n margin: 'auto',\r\n marginTop: 15,\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'flex-start',\r\n \"@media(max-width : 1185px)\": {\r\n width: '98%',\r\n },\r\n \"@media(max-width : 950px)\": {\r\n flexDirection: 'column-reverse',\r\n },\r\n\r\n // flexWrap:'wrap'\r\n },\r\n textBold: {\r\n display: 'inline-block',\r\n color: '#050A2A',\r\n fontSize: 16,\r\n fontWeight: 'bold',\r\n paddingRight: '6px',\r\n whiteSpace: \"nowrap\",\r\n // marginBottom:0,\r\n },\r\n gridInfo: {\r\n width: '28%',\r\n minWidth: 400,\r\n \"@media(max-width : 1185px)\": {\r\n minWidth: 350,\r\n },\r\n \"@media(max-width : 1181px)\": {\r\n minWidth: 250,\r\n width: '32%',\r\n },\r\n \"@media(max-width : 950px)\": {\r\n minWidth: 250,\r\n width: '100%',\r\n },\r\n\r\n },\r\n gridList: {\r\n width: '68%',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'flex-start',\r\n \"@media(max-width : 950px)\": {\r\n width: '100%',\r\n flexWrap: 'wrap',\r\n },\r\n },\r\n subFooter: {\r\n position: 'relative',\r\n },\r\n subGrid: {\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n zIndex: 2,\r\n width: '90%',\r\n margin: 'auto',\r\n \"@media(max-width : 500px)\": {\r\n flexDirection: 'column',\r\n textAlign: 'center'\r\n },\r\n },\r\n line: {\r\n position: 'absolute',\r\n width: '90%',\r\n margin: 'auto',\r\n height: 10,\r\n top: 25,\r\n left: \"50%\",\r\n transform: \" translate(-50%, -50%)\"\r\n },\r\n title: {\r\n fontSize: 14,\r\n color: '#AAAAAA',\r\n backgroundColor: 'white',\r\n padding: '10px 5px'\r\n },\r\n wrapEnamad: {\r\n \"@media(max-width : 500px)\": {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: '10px'\r\n },\r\n },\r\n gridEnamad: {\r\n padding: '10px',\r\n backgroundColor: 'white',\r\n width: 90,\r\n overflow: 'hidden',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius: 13,\r\n top: \"-36px\",\r\n position: \"relative\",\r\n \"@media(max-width : 500px)\": {\r\n top: '0px'\r\n },\r\n '& img': {\r\n width: '100%'\r\n }\r\n // border:'1px solid rgba(0,0,0,0.3)'\r\n }\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let dispatch = useDispatch();\r\n\r\n const handelCHnageOms = (data) => {\r\n dispatch(({ type: actionOms.clubmemberCustomerKycOmsFlag, payload: true }))\r\n }\r\n\r\n let classes = useStyles();\r\n const state = [\r\n {\r\n title: 'دسترسی سریع',\r\n list: [\r\n {\r\n title: 'سامانه معاملاتی اکسیر',\r\n link: 'https://poyan.exirbroker.com',\r\n },\r\n {\r\n title: 'سامانه معاملاتی تدبیر',\r\n link: 'https://online.pouyanbroker.ir/',\r\n },\r\n ]\r\n },\r\n {\r\n title: 'سرمایهگذاری',\r\n list: [\r\n {\r\n title: 'شروع سرمایهگذاری',\r\n link: '/Investment',\r\n },\r\n {\r\n title: 'سوالات متداول',\r\n link: '/faq',\r\n },\r\n {\r\n title: 'اخبار و آموزش بورس',\r\n link: 'https://mag.pouyanbroker.com/',\r\n },\r\n {\r\n title: 'سامانههای آنلاین',\r\n link: '/Trades',\r\n },\r\n {\r\n title: 'تغییر پنل معاملاتی',\r\n link: '',\r\n action: (data) => handelCHnageOms(data)\r\n },\r\n {\r\n title: 'پنل خدمات مشتریان',\r\n link: 'https://my.pouyanbroker.ir',\r\n },\r\n ]\r\n },\r\n\r\n {\r\n title: 'معاملات آنلاین',\r\n list: [\r\n {\r\n title: 'دریافت کد بورسی و سجام',\r\n link: 'https://reg.pouyanbroker.ir/auth/phone',\r\n },\r\n {\r\n title: 'فایلهای آموزشی',\r\n link: '/education',\r\n },\r\n {\r\n title: 'خرید خودرو در بورس',\r\n link: 'https://pouyan.ebgo.ir/StockCode',\r\n },\r\n {\r\n title: 'اطلاعیه عرضه و آمار معاملات',\r\n link: '/bourseKala',\r\n },\r\n {\r\n title: 'خدمات کارگزاری ۱',\r\n link: 'https://rhpayment1.pouyanbroker.ir',\r\n },\r\n {\r\n title: 'خدمات کارگزاری ۲',\r\n link: 'https://rhpayment2.pouyanbroker.ir',\r\n },\r\n\r\n ]\r\n },\r\n {\r\n title: 'درباره پویان',\r\n list: [\r\n {\r\n title: ' مدیران',\r\n link: '/MangementUsers',\r\n },\r\n {\r\n title: 'شعب و دفاتر',\r\n link: '/Shoab',\r\n },\r\n {\r\n title: 'شماره حسابها',\r\n link: '/AcountNumber',\r\n },\r\n {\r\n title: 'درباره پویان',\r\n link: '/AboutUs',\r\n },\r\n {\r\n title: 'ارتباط با ما',\r\n link: '/ContactUs',\r\n },\r\n\r\n ]\r\n },\r\n\r\n ]\r\n return (\r\n <>\r\n \r\n
\r\n\r\n \r\n {data?.title}\r\n
\r\n- \r\n {\r\n data?.list.map((data, index) => {\r\n return (\r\n <>\r\n {\r\n data.action && (\r\n
- data?.action(data)}>\r\n {data.title}\r\n \r\n )\r\n }\r\n {\r\n !data.action && (\r\n
- \r\n {\r\n data.link && (\r\n \r\n {data.title}\r\n \r\n )\r\n }\r\n {\r\n !data.link && !data.linkRouter && (\r\n {data.title}\r\n )\r\n }\r\n {\r\n data.linkRouter && (\r\n \r\n {data.title}\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
\r\n \r\n )\r\n}\r\n\r\n","import React from 'react'\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { Button } from '@material-ui/core';\r\nimport ModalCustom from '../../components/common/modalCustom/modalCustom';\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: 400,\r\n padding: '20px 10px',\r\n maxWidth: '95% ',\r\n textAlign: 'center',\r\n \"@media(max-width : 500px)\":{\r\n width:'95%'\r\n },\r\n },\r\n customButton: {\r\n backgroundColor: '#0B1742 !important',\r\n color: '#fff',\r\n margin: 'auto !important',\r\n minWidth: \"162px !important\",\r\n minHeight: \"40px !important\",\r\n marginTop: '10px !important',\r\n },\r\n images:{\r\n width:'100%'\r\n }\r\n}))\r\n\r\n\r\n\r\n\r\n\r\nconst RegistrationRedirectModal = ({ open, setOpen }) => {\r\n\r\n let classes = useStyles()\r\n let url = open;\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 \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 RegistrationRedirectModal;","import React from 'react'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { Button } from '@material-ui/core';\r\nimport ModalCustom from '../../common/modalCustom/modalCustom';\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: 400,\r\n padding: '20px 10px',\r\n maxWidth: '95% ',\r\n textAlign: 'center',\r\n \"@media(max-width : 500px)\": {\r\n width: '95%'\r\n },\r\n },\r\n customButton: {\r\n backgroundColor: '#0B1742 !important',\r\n color: '#fff',\r\n margin: 'auto !important',\r\n minWidth: \"162px !important\",\r\n minHeight: \"40px !important\",\r\n marginTop: '10px !important',\r\n },\r\n images: {\r\n width: '100%'\r\n }\r\n}))\r\n\r\n\r\n\r\n\r\n\r\nconst ModalNotif = ({ open, setOpen, handelClick }) => {\r\n\r\n let classes = useStyles();\r\n\r\n const handelBack = () => {\r\n setOpen((prev) => ({\r\n service: 'sejam',\r\n flag: false,\r\n message: ''\r\n }))\r\n setTimeout(() => {\r\n handelClick()\r\n }, 500);\r\n }\r\n\r\n return (\r\n\r\n \r\n ![\"\"](\"/assets/images/Logo.png\")
\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\r\n\r\nexport default ModalNotif;","import React, { useEffect, useState } from \"react\";\r\nimport Header from \"./Header\";\r\nimport HeaderMobile from \"./newHeaderMobil\";\r\nimport HeaderPage from \"./../components/common/HeaderPage\";\r\nimport { Container, makeStyles } from \"@material-ui/core\";\r\nimport Oms from './oms';\r\nimport ChangeOms from './changeOms/index';\r\n// import UpdateSejam from './updateSejam';\r\nimport UpdateSejam from './sejam/index';\r\nimport NewFooter from './newFooter';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport RedirectRegisterUser from './registrationRedirectModal/registrationRedirectModal'\r\nimport { actionTypes as actionOms } from './../redux/oms/customer_select_get_kyc_profile'\r\nimport ModalNotif from './../components/common/modalNotif/modalNotif'\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n header: {\r\n position: \"-webkit-sticky\", /* Safari */\r\n position: \"sticky\",\r\n top: 0,\r\n zIndex: 999,\r\n },\r\n header_Lg: {\r\n display: 'block',\r\n \"@media(max-width:1100px)\": {\r\n display: 'none'\r\n },\r\n },\r\n header_sm: {\r\n display: 'none',\r\n \"@media(max-width:1100px)\": {\r\n display: 'block'\r\n },\r\n },\r\n}))\r\n\r\n\r\nexport default function Layout({ children, home , disableHeader }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch()\r\n let lengthScroll = 75;\r\n const [flagHeader, setflagHeader] = useState(false);\r\n const [flagOms, setflagOms] = useState(false);\r\n const [flagSejam, setflagSejam] = useState(false);\r\n const [falgRegister, setFlagRegister] = useState(false);\r\n const [flagNotif, setFlagNotif] = useState({\r\n service: null,\r\n flag: false,\r\n message: ''\r\n });\r\n\r\n\r\n const reducerProfile = useSelector(state => state.reducer_customer_get_kyc_profile)\r\n\r\n useEffect(() => {\r\n const header = document.querySelector(\"#back-to-top-anchor-header\");\r\n const toggleClass = \"is-sticky\";\r\n\r\n window.addEventListener(\"scroll\", () => {\r\n const currentScroll = window.pageYOffset;\r\n if (currentScroll > lengthScroll) {\r\n header.classList.add(toggleClass);\r\n setflagHeader(true)\r\n } else {\r\n header.classList.remove(toggleClass);\r\n setflagHeader(false)\r\n }\r\n });\r\n\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (reducerProfile?.flag) {\r\n setflagOms(true)\r\n }\r\n }, [reducerProfile?.flag]);\r\n\r\n useEffect(() => {\r\n if (!flagOms) {\r\n dispatch(({ type: actionOms.clubmemberCustomerKycOmsFlag, payload: false }))\r\n }\r\n }, [flagOms]);\r\n\r\n\r\n\r\n let dataMenu = [\r\n {\r\n label: \"سرمایهگذاری\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"از کجا شروع کنیم\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"شروع سرمایهگذاری\",\r\n route: \"/Investment\",\r\n },\r\n {\r\n label: \"سوالات متداول\",\r\n route: \"/faq\",\r\n },\r\n {\r\n label: \"اخبار و آموزش بورس \",\r\n route: \"https://mag.pouyanbroker.com/\",\r\n badge: {\r\n title: 'مجله پویان'\r\n }\r\n },\r\n // {\r\n // label: \"آموزش\",\r\n // route: \"/education\",\r\n // },\r\n ],\r\n },\r\n {\r\n label: \"سامانههای معاملاتی\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"سامانه آنلاین\",\r\n route: \"/Trades\",\r\n },\r\n {\r\n label: \"تغییر پنل معاملاتی\",\r\n route: \"/\",\r\n action: (data) => setflagOms(true)\r\n },\r\n {\r\n label: \"پنل خدمات مشتریان\",\r\n route: \"https://my.pouyanbroker.ir\",\r\n },\r\n ],\r\n },\r\n ]\r\n },\r\n {\r\n label: \"معاملات آنلاین\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"اوراق بهادار\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"درباره اوراق بهادار\",\r\n route: \"/oragh\",\r\n },\r\n {\r\n label: \"درباره کد بورسی و سجام\",\r\n route: \"https://reg.pouyanbroker.ir/auth/phone\",\r\n },\r\n {\r\n label: \"فایلهای آموزشی\",\r\n route: \"/education\",\r\n },\r\n {\r\n label: \"بروزرسانی اطلاعات سجام\",\r\n route: \"/\",\r\n action: (data) => setflagSejam(true)\r\n },\r\n\r\n ],\r\n },\r\n {\r\n label: \"بورس کالا\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"درباره بورس کالا\",\r\n route: \"/kala\",\r\n },\r\n {\r\n label: \"معاملات آتی کالا\",\r\n route: \"https://pouyan.ebgo.ir/Login\",\r\n },\r\n {\r\n label: \"خرید خودرو در بورس\",\r\n route: \"/khodro\",\r\n },\r\n // {\r\n // label: \"اطلاعیه های عرضه\",\r\n // route: \"/bourseKala\",\r\n // },\r\n // {\r\n // label: \"درباره بورس کالا\",\r\n // route: \"/kala\",\r\n // },\r\n // {\r\n // label: \"معاملات مشتقه کالا (آتی)\",\r\n // route: \"https://pouyan.ebgo.ir/Login\",\r\n // },\r\n // {\r\n // label: \"اخبار و تحلیلها\",\r\n // route: \"/\",\r\n // },\r\n // {\r\n // label: \"ثبت نام خرید خودرو\",\r\n // route: \"/khodro\",\r\n // },\r\n // {\r\n // label: \"اطلاعیه های عرضه،آمار معاملات\",\r\n // route: \"/bourseKala\",\r\n // },\r\n ],\r\n },\r\n {\r\n label: \"بورس انرژی\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"درباره بورس انرژی\",\r\n route: \"/energy\",\r\n },\r\n ],\r\n },\r\n ]\r\n },\r\n {\r\n label: \"شعب و دفاتر\",\r\n route: \"/Shoab\",\r\n child: []\r\n },\r\n {\r\n label: \"درباره پویان\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"آشنایی با پویان\",\r\n route: \"/AboutUs\",\r\n child: [\r\n {\r\n label: \"مدیران\",\r\n route: \"/MangementUsers\",\r\n },\r\n {\r\n label: \"شعب و دفاتر\",\r\n route: \"/Shoab\",\r\n },\r\n {\r\n label: \"شماره حسابها\",\r\n route: \"/AcountNumber\",\r\n },\r\n {\r\n label: \"درباره پویان\",\r\n route: \"/AboutUs\",\r\n },\r\n {\r\n label: \" ارتباط با ما\",\r\n route: \"/ContactUs\",\r\n },\r\n ],\r\n },\r\n ]\r\n },\r\n {\r\n label: \"مجله پویان\",\r\n route: \"https://mag.pouyanbroker.com/\",\r\n child: []\r\n },\r\n ]\r\n\r\n const handelNotif = (services) => {\r\n switch (services) {\r\n case 'sejam':\r\n setflagSejam(true)\r\n return\r\n case 'changeOms':\r\n setflagOms(true)\r\n return\r\n\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n open?.message\r\n }\r\n
\r\n\r\n handelBack()}\r\n >\r\n فهمیدم\r\n \r\n
\r\n\r\n \r\n\r\n \r\n
\r\n {(!home && !disableHeader) && \r\n
\r\n \r\n \r\n
\r\n {children}
\r\n \r\n
\r\n {\r\n flagOms && (\r\n \r\n
)\r\n}\r\n","import React, { useState , useEffect } from 'react';\r\nimport { makeStyles } from '@material-ui/core'\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport SwiperCore, { Autoplay, Pagination, Navigation, EffectFade } from 'swiper';\r\nimport Card from './Card';\r\nimport './Card/index.css';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport {actionTypes} from './../../../../../redux/slider/select_slider/index'\r\n\r\n// SwiperCore.use([Navigation]);\r\n// SwiperCore.use([Autoplay]);\r\n\r\nlet useSyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n maxWidth: '100%', \r\n height: '100%',\r\n '& > div ':{\r\n marginBottom:15,\r\n }\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useSyles();\r\n const dispatch = useDispatch();\r\n\r\n const [sort, setSort] = useState({});\r\n const [state, setstate] = useState([]);\r\n const [flagApi, setflagApi] = useState(false);\r\n const [stateTable, setStateTable] = useState({});\r\n const [pagnation, setPagnation] = useState({ number: 1, count: 2 });\r\n\r\n\r\n const stateReducer = useSelector(state => state.select_slider_reducer)\r\n\r\n\r\n\r\n const apiSubmit = () => {\r\n let obj = {};\r\n let { size } = stateReducer;\r\n let { id, ...sortRes } = sort;\r\n\r\n Object.keys(stateTable).forEach((element) => {\r\n if (stateTable[element]) {\r\n obj[element] = stateTable[element];\r\n }\r\n });\r\n\r\n let _data = {\r\n data: obj,\r\n from: pagnation.number,\r\n size: size,\r\n sort_by: sortRes,\r\n };\r\n\r\n // dispatch({ type: actionTypes.selectSliderAsync, payload: _data })\r\n\r\n };\r\n\r\n\r\n useEffect(() => {\r\n setstate(stateReducer.data);\r\n setPagnation((prev) => ({\r\n ...prev,\r\n count: Math.ceil(stateReducer.total / stateReducer.size),\r\n }));\r\n }, [stateReducer]); //eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n \r\n useEffect(() => {\r\n \r\n apiSubmit();\r\n \r\n }, [flagApi])//eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n \r\n\r\n\r\n\r\n\r\n\r\n let data = [\r\n // {\r\n // title: \"خرید سیمان از بورس\",\r\n // desce: \"با قیمت رقابتی در کارگزاری پویان سیمان بخرید\",\r\n // file: '/assets/images/slider/3.png',\r\n // btnRed: {\r\n // title: 'ثبت نام در بورس کالا',\r\n // link: 'https://pouyan.ebgo.ir',\r\n // },\r\n // btnWhite: {\r\n // title: 'تماس و مشاوره',\r\n // phone: '02153782000'\r\n // },\r\n // },\r\n {\r\n title: \"خرید خودرو از بورس کالا\",\r\n desce: \"خرید خودرو از بورس کالا امکانپذیر شد\",\r\n file: '/assets/images/slider/2.png',\r\n btnRed: {\r\n title: 'ثبت نام در بورس کالا',\r\n link: 'https://pouyan.ebgo.ir',\r\n },\r\n btnWhite: {\r\n title: 'تماس و مشاوره',\r\n phone: '02153782000'\r\n },\r\n },\r\n\r\n // {\r\n // title: \"خرید محصولات پتروشیمی از بورس\",\r\n // desce: \"با قیمت رقابتی محصولات پتروشیمی را در کارگزاری پویان سیمان بخری\",\r\n // file: '/assets/images/slider/5.png',\r\n // btnRed: {\r\n // title: 'ثبت نام در بورس کالا',\r\n // link: 'https://pouyan.ebgo.ir',\r\n // },\r\n // btnWhite: {\r\n // title: 'تماس و مشاوره',\r\n // phone: '02153782000'\r\n // },\r\n // },\r\n // {\r\n // title: \"خرید فولاد و میلگرد از بورس\",\r\n // desce: \"با قیمت رقابتی در کارگزاری پویان میلگرد بخرید\",\r\n // file: '/assets/images/slider/4.png',\r\n // btnRed: {\r\n // title: 'ثبت نام در بورس کالا',\r\n // link: 'https://pouyan.ebgo.ir',\r\n // },\r\n // btnWhite: {\r\n // title: 'تماس و مشاوره',\r\n // phone: '02153782000'\r\n // },\r\n // },\r\n {\r\n title: \"از نزول قیمتها در بازار طلا سود کنید\",\r\n desce: \"در واحد آتی از آموزش تا معاملات در کنار شما هستیم\",\r\n file: '/assets/images/slider/1.png',\r\n btnRed: {\r\n title: 'ثبت نام در بورس کالا',\r\n link: 'https://pouyan.ebgo.ir',\r\n },\r\n btnWhite: {\r\n title: 'تماس و مشاوره',\r\n phone: '02153782000'\r\n },\r\n },\r\n {\r\n title: \"بورس کالا و انرژی\",\r\n desce: \" ارائه تمامی خدمات پذیرش، مشاوره و معامله\",\r\n file: '/assets/images/slider/7.png',\r\n btnRed: {\r\n title: 'ثبت نام در بورس کالا',\r\n link: 'https://pouyan.ebgo.ir',\r\n },\r\n btnWhite: {\r\n title: 'تماس و مشاوره',\r\n phone: '02153782000'\r\n },\r\n },\r\n {\r\n title: \"معاملات آسان و حرفه ای اوراق بهادار\",\r\n desce: \"برای هر مشتری پیشنهادات ویژه ای داریم \",\r\n file: '/assets/images/slider/6.png',\r\n btnRed: {\r\n title: \"دریافت کد معاملاتی\",\r\n link: 'https://reg.pouyanbroker.ir',\r\n },\r\n btnWhite: {\r\n title: 'تماس و مشاوره',\r\n phone: '02153782000'\r\n },\r\n },\r\n \r\n ]\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n {/* {\r\n flagShowArrow && ( */}\r\n
\r\n document?.getElementById('prevNavigation')?.click()}>\r\n \r\n
\r\n {/* )\r\n } */}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {data?.body?.title}\r\n
\r\n\r\n {data?.body?.description}\r\n
\r\n\r\n\r\n {\r\n handelButton(data?.body?.first_button)\r\n }\r\n {\r\n handelButton(data?.body?.second_button)\r\n }\r\n\r\n
\r\n \r\n\r\n
\r\n \r\n })
\r\n
\r\n \r\n {\r\n flagShowArrow && (\r\n
\r\n document?.getElementById('nextNavigation')?.click()}>\r\n \r\n
\r\n )\r\n }\r\n \r\n 1 ? true : false}\r\n // onSlideChange={() => }\r\n // onSwiper={(swiper) => }\r\n modules={[Autoplay, Pagination, Navigation]}\r\n pagination={{\r\n clickable: true,\r\n }}\r\n className=\"mySwiper\"\r\n navigation={{\r\n prevEl: '.prevNavigation',\r\n nextEl: '.nextNavigation',\r\n }}\r\n\r\n >\r\n {\r\n state\r\n ?.filter((item)=> item?.body?.is_visible === 'TRUE')\r\n ?.map((silde, index) => {\r\n return (\r\n \r\n 1}\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","import React from 'react';\r\nimport { Box } from '@material-ui/core';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Slider from './../slider';\r\n\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%\",\r\n minHeight: \"65vh\",\r\n // backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/assets/images/header1.jpeg');`,\r\n backgroundColor:'#071b2c',\r\n width: \"100%\",\r\n // minHeight: 500,\r\n position: \"relative\",\r\n backgroundSize: \"cover\",\r\n backgroundRepeat: \"no-repeat\",\r\n backgroundPosition: \"50%\",\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n grid: {\r\n color: 'white',\r\n width:'100%',\r\n [theme.breakpoints.down('1000')]: {\r\n height:'100%',\r\n },\r\n '& > div > h1': {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n fontSize: '3em',\r\n fontWeight: 900,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n fontSize: '1.1em',\r\n },\r\n [theme.breakpoints.down(\"xs\")]: {\r\n fontSize: '0.9em',\r\n }\r\n }\r\n },\r\n head: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n flexDirection: 'column',\r\n },\r\n btn: {\r\n textAlign: 'center',\r\n margin: 'auto !important',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n flexWrap :'wrap'\r\n },\r\n color: {\r\n color: theme.palette.light.type2\r\n },\r\n \r\n}))\r\n\r\n\r\nexport default function HeaderHome({home}) {\r\n\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n","import { Box, makeStyles } from '@material-ui/core'\r\nimport React from 'react';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n margin: \"60px 9px 60px 9px\",\r\n ...theme.grid.gridMdContent,\r\n width: 900,\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n [theme.breakpoints.down('800')]: {\r\n width: 440,\r\n maxWidth:'90%',\r\n margin: 'auto',\r\n\r\n }\r\n },\r\n images: {\r\n filter: 'grayscale(100%)',\r\n margin: 5,\r\n height: 70,\r\n width: 79,\r\n cursor: \"pointer\",\r\n '&:hover':{\r\n filter: 'grayscale(0%)',\r\n }\r\n }\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n","import React from 'react';\r\nimport { Box } from '@material-ui/core'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport TitlePage from '../TitlePage';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n margin: \"100px auto\",\r\n [theme.breakpoints.down('md')]: {\r\n width: '90%',\r\n flexDirection: \"column\",\r\n textAlign: \"center\",\r\n alignItems: \"center\",\r\n margin: \"50px auto\"\r\n }\r\n },\r\n item1: {\r\n width: \"60%\",\r\n [theme.breakpoints.down('md')]: {\r\n width: \"70%\",\r\n },\r\n [theme.breakpoints.down('xs')]: {\r\n width: \"100%\"\r\n }\r\n },\r\n content: {\r\n lineHeight: \"35px\",\r\n paddingTop: 25,\r\n textAlign: \"justify\",\r\n color: \"black\",\r\n fontSize: \"1rem\"\r\n },\r\n item2: {\r\n width: \"40%\",\r\n position: \"relative\",\r\n\r\n [theme.breakpoints.down('md')]: {\r\n width: \"70%\",\r\n },\r\n [theme.breakpoints.down('xs')]: {\r\n width: \"100%\"\r\n },\r\n \"& img\": {\r\n float: \"right\",\r\n width: \"80%\",\r\n position: \"absolute\",\r\n borderRadius: 3,\r\n // top: 60,\r\n top: 0,\r\n right: 0,\r\n [theme.breakpoints.down(1300)]: {\r\n width: \"100%\",\r\n marginTop: 50,\r\n position: \"static\",\r\n }\r\n }\r\n },\r\n svg: {\r\n width: 67,\r\n height: 66,\r\n position: \"absolute\",\r\n top: 33,\r\n left: \"calc(20% - 33px)\",\r\n fill: '#DA212E',\r\n [theme.breakpoints.down('md')]: {\r\n left: \"calc(5% - 24px)\",\r\n top: 40,\r\n width: 47,\r\n height: 46,\r\n }\r\n },\r\n\r\n}))\r\n\r\nexport default function TextWithImg({ data }) {\r\n const classes = useStyles()\r\n\r\n return (\r\n\r\n \r\n {children}\r\n {/* */}\r\n
\r\n\r\n{data.title}
\r\n{data.content}
\r\n
\r\n {/* */}\r\n \r\n
)\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n margin: '100px auto',\r\n flexWrap: 'wrap',\r\n // backgroundColor: '#F6F7FF',\r\n padding: 50,\r\n [theme.breakpoints.down('400')]: {\r\n padding: \"50px 20px\",\r\n },\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n right: '50%',\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n desc: {\r\n width: '50%',\r\n margin: \"10px auto\",\r\n fontSize: 16,\r\n minWidth: 600,\r\n maxWidth: '100%',\r\n [theme.breakpoints.down('750')]: {\r\n minWidth: '100%',\r\n },\r\n\r\n },\r\n content: {\r\n position: 'relative'\r\n },\r\n title: {\r\n fontSize: 30,\r\n fontWeight: 700,\r\n },\r\n gridBtns: {\r\n width: 750,\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n margin: '50px auto',\r\n\r\n [theme.breakpoints.down('800')]: {\r\n width: '100%',\r\n },\r\n\r\n\r\n\r\n },\r\n btns: {\r\n width: 179,\r\n height: 50,\r\n borderRadius: 5,\r\n border: \"none\",\r\n fontSize: 16,\r\n backgroundColor: 'transparent',\r\n '&:hover': {\r\n background: \"#EDEFFE\",\r\n color: '#425BB4'\r\n },\r\n [theme.breakpoints.down('910')]: {\r\n minWidth: '50%',\r\n },\r\n [theme.breakpoints.down('510')]: {\r\n minWidth: '100%',\r\n },\r\n },\r\n btnActive: {\r\n background: \"#EDEFFE\",\r\n color: '#050A2A',\r\n fontWeight: 700,\r\n\r\n },\r\n descT: {\r\n width: '60%',\r\n fontSize: 16,\r\n maxWidth: '100%',\r\n margin: \"10px auto\",\r\n minHeight: 30,\r\n '@media (max-width: 910px)': {\r\n width: '98%',\r\n }\r\n },\r\n gridBtn: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n margin: '45px auto 0px auto',\r\n '& > a': {\r\n [theme.breakpoints.down('500')]: {\r\n width: '100%',\r\n marginBottom: 10,\r\n },\r\n },\r\n '& > button ': {\r\n [theme.breakpoints.down('500')]: {\r\n\r\n marginBottom: 10,\r\n },\r\n },\r\n },\r\n btnWhite: {\r\n padding: '0px 33.5px',\r\n fontSize: 16,\r\n\r\n [theme.breakpoints.down('500')]: {\r\n width: '100%'\r\n },\r\n },\r\n btnRed: {\r\n margin: 5,\r\n fontSize: 16,\r\n padding: '0px 22.3px',\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n margin: 0,\r\n },\r\n },\r\n\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n const history = useHistory();\r\n const [state, setstate] = useState({\r\n 1: `\r\n سرمایهگذاری در بورس به معنای خرید و فروش اوراق بهادار و سهام شرکتها با هدف کسب سود است. بورس یک بازار مالی است که در آن افراد و شرکتها میتوانند اوراق بهادار را خرید و فروش کنند.\r\n\r\nبرای سرمایهگذاران، این فرصت فراهم میشود تا با تحلیل و بررسی اطلاعات مربوط به شرکتها و بازار، سرمایه خود را در سهام یا دیگر اوراق بهادار سرمایهگذاری کنند. سود حاصل از این سرمایهگذاری ممکن است از افزایش قیمت سهام، تقسیم سود شرکت، یا افزایش ارزش سایر اوراق بهادار باشد.\r\n `,\r\n 2: `\r\n بورس کالا، بازاری است که تعداد زیادی از عرضهکنندگان، کالای خود را عرضه کرده و متقاضیان کالاهای عرضه شده را خریداری می کنند. در این بازار معمولاً کالاهای خام و فرآوری نشده مانند فلزات، محصولات پتروشیمی، سیمان، محصولات کشاورزی و… دادوستد میشوند.\r\n\r\nالبته به تازگی خودرو نیز به لیست کالاهای قابل معامله در بورس کالا اضافه شده است\r\n\r\nدر این بازار، کالای مربوطه پس از بررسیهای کارشناسی و قیمتگذاری توسط کارشناسان بورس کالا، به خریداران عرضه میشود.\r\n `,\r\n 3: `\r\n بورس انرژی بازاری است که مانند سایر بورسهای کالایی، خریداران و فروشندگان زیادی در آن بهمنظور معامله حاملهای انرژی یا اوراق بهادار مبتنی بر این کالاها حضور دارند و با انجام معاملات در بین آنها، قیمت این حاملها به تعادل میرسد. حاملهای انرژی مانند نفت، گازوئیل، بنزین، حلالها،متانول، گاز، برق و...، کالاهایی هستند که قدرت انتقال انرژی را به صورت الکترونیکی یا شیمیایی دارند.بورس انرژی ایران به منظور نظم دادن به معاملات حاملهای انرژی و داراییهای مبتنی بر این حاملها، در سال 1384 جهت نظارت بر انجام معاملات و تسهیل فرآیند ثبت معاملات، تاسیس شده است.\r\n `,\r\n 4: \"\",\r\n });\r\n\r\n const [indexSatet, setindexSatet] = useState(1);\r\n\r\n const handelRout = (key) => {\r\n switch (key) {\r\n case 1:\r\n window.open('https://reg.pouyanbroker.com/', '_blank')\r\n break;\r\n case 2:\r\n window.open('https://pouyan.ebgo.ir/', '_blank')\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n const handelRoutHistory = (key) => {\r\n window.scrollTo(0, 0)\r\n switch (key) {\r\n case 1:\r\n history.push('/oragh')\r\n break;\r\n case 2:\r\n history.push('/kala')\r\n break;\r\n case 3:\r\n history.push('/energy')\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n\r\n\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 \r\n \r\n متوفیان\r\n \r\n\r\n
\r\n\r\n سهام عدالت متوفیان بعد از 18 سال زنده شد\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
\r\n \r\n 
\r\n
\r\n \r\n \r\n
\r\n )\r\n}\r\n","import { Button, makeStyles } from '@material-ui/core';\r\nimport { ArrowBack } from '@material-ui/icons';\r\nimport React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { SwiperSlide } from 'swiper/react';\r\n\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\n\r\nlet useSyles = makeStyles((theme) => ({\r\n root: {\r\n // marginTop: 50,\r\n ...theme.grid.gridMdContent,\r\n // maxWidth: '100%',\r\n margin: 'auto',\r\n\r\n minHeight: 350,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n\r\n [theme.breakpoints.down('1500')]: {\r\n width: '90%',\r\n },\r\n [theme.breakpoints.down('1250')]: {\r\n // width: '95%',\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n minHeight: 525,\r\n },\r\n [theme.breakpoints.down('501')]: {\r\n width: '97%',\r\n }\r\n },\r\n grid: {\r\n width: '100%',\r\n margin: 'auto',\r\n position: 'relative',\r\n // color: '#ffffff',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n justifyContent: 'space-around',\r\n\r\n alignItems: 'center',\r\n [theme.breakpoints.down('1135')]: {\r\n flexDirection: 'column-reverse',\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n flexDirection: 'column-reverse',\r\n }\r\n },\r\n gridImages: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n [theme.breakpoints.down('1125')]: {\r\n '& > img': {\r\n maxWidth: '100%',\r\n marginBottom: 50\r\n },\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n width: '100%',\r\n \r\n justifyContent: 'center',\r\n '& > img': {\r\n maxWidth: '100%',\r\n marginBottom: 50\r\n },\r\n }\r\n },\r\n desce: {\r\n margin: '20px 0px',\r\n width: 500,\r\n fontSize: 16,\r\n color: '#000000',\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 16,\r\n },\r\n [theme.breakpoints.down('1250')]: {\r\n fontSize: 14,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n width: '90%',\r\n textAlign: 'justify',\r\n margin: '20px auto',\r\n }\r\n },\r\n title: {\r\n fontSize: 30,\r\n whiteSpace: 'nowrap',\r\n fontWeight: 700,\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 26,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n whiteSpace: 'normal',\r\n width: '90%',\r\n margin: 'auto',\r\n textAlign: 'center'\r\n }\r\n },\r\n gridBtn: {\r\n width: '94%',\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n marginTop: 10,\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n justifyContent: 'space-around',\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n flexDirection: 'column',\r\n width: '100%',\r\n justifyContent: 'center'\r\n },\r\n [theme.breakpoints.down(500)]: {\r\n width: '90%',\r\n margin: 'auto'\r\n },\r\n },\r\n btnWhite: {\r\n padding: '0px 25px',\r\n fontSize: 16,\r\n [theme.breakpoints.down('500')]: {\r\n width: '90%',\r\n margin: 'auto',\r\n justifyContent: 'center',\r\n },\r\n },\r\n btnRed: {\r\n // width: '58%',\r\n backgroundColor: theme.palette.light.type2,\r\n color: \"white !important\",\r\n margin: \"0px 5px 0px 0px\",\r\n padding: '9px 20px',\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n fontSize: 14,\r\n whiteSpace: 'nowrap',\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 30px',\r\n },\r\n '&:hover': {\r\n backgroundColor: \"transparent\",\r\n color: \"#071b2c !important\",\r\n border: `1px solid black `,\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n width: '100%',\r\n margin: 0\r\n },\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n [theme.breakpoints.down('1135')]: {\r\n top: -10,\r\n display: 'none'\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n gridIconRight: {\r\n width: 50,\r\n marginRight: 40,\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginRight: 0,\r\n display: 'none',\r\n }\r\n },\r\n gridIconLeft: {\r\n width: 50,\r\n marginLeft: 0,\r\n transform: \"rotate(180deg)\",\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginLeft: 0,\r\n display: 'none',\r\n }\r\n },\r\n icon: {\r\n width: 50,\r\n },\r\n gridContent: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginRight: 0,\r\n marginTop: 20,\r\n textAlign: 'center',\r\n width: '100%',\r\n justifyContent: 'center',\r\n }\r\n },\r\n bgBtn: {\r\n height: 40,\r\n width: 40,\r\n padding: 5,\r\n backgroundColor: '#132b41',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius: 9,\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: 'rgba(255,255,255,0.2)',\r\n }\r\n },\r\n gridIcons: {\r\n width: 13,\r\n height: 13,\r\n padding: 10,\r\n borderRadius: '50%',\r\n backgroundColor: '#49A629',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n cardList: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginRight: 20,\r\n marginBottom: 15,\r\n },\r\n titleIcons: {\r\n marginBottom: 0,\r\n marginLeft: 10,\r\n fontWeight: 700,\r\n fontSize: 16,\r\n },\r\n gridCardList: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n [theme.breakpoints.down('500')]: {\r\n justifyContent: 'center',\r\n flexWrap: 'wrap',\r\n flexDirection: 'column',\r\n },\r\n },\r\n iconArrowLeft: {\r\n marginLeft: 10,\r\n }\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useSyles();\r\n const history = useHistory();\r\n\r\n\r\n const handelRout = (path) => {\r\n window.scrollTo(0, 0);\r\n history.push(path);\r\n }\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 بورس کالای ایران دارای 4 بازار اصلی است که هرکدام ویژگیهای خاصی دارند تا نیازهای مختلف فعالان بازار پوشش داده شود.به عنوان مثال در یک بازار شاهد معاملات فلزات هستیم، در یک بازار معاملات گواهی تمام سکه بهار آزادی، در بازاری دیگری شاهد معاملات مواد پتروشیمی و...\r\n
*/}\r\n\r\n \r\n \r\n \r\n {/* */}\r\n
\r\n \r\n
\r\n \r\n {state[indexSatet] ? state[indexSatet] : ''}\r\n
\r\n\r\n {\r\n indexSatet != 3 && (\r\n \r\n )\r\n }\r\n \r\n
\r\n \r\n
)\r\n}\r\n","import { Button, makeStyles } from '@material-ui/core';\r\nimport { ArrowBack } from '@material-ui/icons';\r\nimport React from 'react';\r\nimport { SwiperSlide } from 'swiper/react';\r\n\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\n\r\nlet useSyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n // maxWidth: '100%',\r\n margin: 'auto',\r\n marginTop: 100,\r\n marginBottom: 100,\r\n\r\n minHeight: 350,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n backgroundColor: '#F8F7FB',\r\n borderRadius:13,\r\n [theme.breakpoints.down('1500')]: {\r\n width: '90%',\r\n },\r\n [theme.breakpoints.down('1135')]: {\r\n padding: '30px 0',\r\n },\r\n\r\n [theme.breakpoints.down(1120)]: {\r\n minHeight: 525,\r\n },\r\n [theme.breakpoints.down('501')]: {\r\n width: '90%',\r\n\r\n }\r\n },\r\n grid: {\r\n width: '100%',\r\n margin: 'auto',\r\n position: 'relative',\r\n // color: '#ffffff',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n flexDirection: 'row-reverse',\r\n [theme.breakpoints.down('1135')]: {\r\n flexDirection: 'column-reverse',\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n flexDirection: 'column-reverse',\r\n }\r\n },\r\n gridImages: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n width:'50%',\r\n '& > img': {\r\n maxWidth: '100%',\r\n marginBottom: 10\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n width: '100%',\r\n justifyContent: 'center',\r\n '& > img': {\r\n maxWidth: '100%',\r\n marginBottom: 10\r\n },\r\n }\r\n },\r\n desce: {\r\n margin: '20px 0px',\r\n width: 500,\r\n\r\n fontSize: 16,\r\n color: '#000000',\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 16,\r\n },\r\n [theme.breakpoints.down('1250')]: {\r\n fontSize: 14,\r\n },\r\n [theme.breakpoints.down('700')]: {\r\n maxWidth: '70%',\r\n margin: '20px auto',\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n width: '90%',\r\n margin: 'auto',\r\n margin: '20px auto',\r\n }\r\n },\r\n title: {\r\n fontSize: 30,\r\n whiteSpace: 'nowrap',\r\n fontWeight: 700,\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 26,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n whiteSpace: 'normal',\r\n width: '90%',\r\n margin: 'auto',\r\n textAlign: 'center'\r\n }\r\n },\r\n\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n [theme.breakpoints.down('1135')]: {\r\n top: -10,\r\n display: 'none'\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n gridIconRight: {\r\n width: 50,\r\n marginRight: 40,\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginRight: 0,\r\n display: 'none',\r\n }\r\n },\r\n gridIconLeft: {\r\n width: 50,\r\n marginLeft: 0,\r\n transform: \"rotate(180deg)\",\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginLeft: 0,\r\n display: 'none',\r\n }\r\n },\r\n icon: {\r\n width: 50,\r\n },\r\n gridContent: {\r\n display: 'flex',\r\n // justifyContent: 'center',\r\n alignItems: 'center',\r\n width: '50%',\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginRight: 0,\r\n marginTop: 20,\r\n textAlign: 'center',\r\n width: '100%',\r\n justifyContent: 'center',\r\n }\r\n },\r\n bgBtn: {\r\n height: 40,\r\n width: 40,\r\n padding: 5,\r\n backgroundColor: '#132b41',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius: 9,\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: 'rgba(255,255,255,0.2)',\r\n }\r\n },\r\n gridIcons: {\r\n width: 13,\r\n height: 13,\r\n padding: 10,\r\n borderRadius: '50%',\r\n backgroundColor: '#49A629',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n cardList: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginRight: 20,\r\n marginBottom: 15,\r\n },\r\n titleIcons: {\r\n marginBottom: 0,\r\n marginLeft: 10,\r\n fontWeight: 'bold',\r\n fontSize: 16,\r\n },\r\n gridCardList: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n },\r\n iconArrowLeft: {\r\n marginLeft: 10,\r\n },\r\n\r\n gridBtn: {\r\n display: 'flex',\r\n justifyContent: 'flax-start',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n margin: '45px auto 0px auto',\r\n [theme.breakpoints.down('1000')]: {\r\n justifyContent: 'center',\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n width: '90%',\r\n margim: 'auto',\r\n },\r\n '& > a': {\r\n [theme.breakpoints.down('500')]: {\r\n width: '100%',\r\n marginBottom: 10,\r\n },\r\n },\r\n },\r\n btnWhite: {\r\n padding: '0px 33.5px',\r\n fontSize: 16,\r\n marginLeft: 5,\r\n [theme.breakpoints.down('500')]: {\r\n width: '100%',\r\n marginLeft: '0px',\r\n },\r\n },\r\n btnRed: {\r\n fontSize: 16,\r\n padding: '0px 22.3px',\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n margin: 0,\r\n },\r\n },\r\n gridlinkBtns: {\r\n\r\n }\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useSyles();\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\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 استراتژیهای نوآورانه\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
\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 \r\n
)\r\n}\r\n","import moment from 'moment-jalaali'\r\nimport { convertDigitToEnglish } from '../convertDigitToEnglish';\r\nimport jalaali from 'jalaali-js';\r\n\r\nlet digit = (data) => {\r\n\r\n let value = data.toString()\r\n let length = value.length\r\n\r\n if (length === 1) {\r\n return ('0' + data)\r\n }\r\n return data\r\n}\r\n\r\n\r\nexport const data_m = () => {\r\n\r\n var d = new Date(),\r\n dformat = [\r\n d.getFullYear(),\r\n d.getMonth() + 1,\r\n d.getDate(),\r\n\r\n ].join('/') + ' ' +\r\n [\r\n d.getHours(),\r\n d.getMinutes(),\r\n d.getSeconds()\r\n ].join(':');\r\n\r\n let arr = dformat.split(\" \")\r\n let date = arr[0].split('/')\r\n let time = arr[1].split(':')\r\n\r\n\r\n\r\n if (date.length !== 3 || time.length !== 3) {\r\n return false\r\n }\r\n\r\n let fulldate = `${date[0]}/${digit(date[1])}/${digit(date[2])} ${digit(time[0]) + ':' + digit(time[1]) + ':' + digit(time[2])}.000000`;\r\n\r\n return fulldate\r\n\r\n}\r\n\r\n\r\nexport const dateMiladi = (value) => {\r\n\r\n if (!value) return\r\n\r\n let dformat = moment(value, 'jYYYY/jM/jD HH:mm').format('YYYY/MM/DD')\r\n\r\n return convertDigitToEnglish(dformat)\r\n}\r\n\r\n\r\nexport const timeCurrent = () => {\r\n\r\n let d = new Date()\r\n\r\n return `${digit(d.getHours())}:${digit(d.getMinutes())}:${digit(d.getSeconds()) + '.000000'}`\r\n}\r\n\r\nexport const dateMiladiToShamsi = (value) => {\r\n\r\n if (!value) return\r\n\r\n let dformat = moment(value, 'YYYY/M/D HH:mm').format('jYYYY/jMM/jDD')\r\n\r\n return convertDigitToEnglish(dformat)\r\n}\r\n\r\n\r\nexport const dateConverttShamsiToMiladi = (value) => {\r\n\r\n if (!value) return\r\n\r\n let dformat = moment(value, 'jYYYY/jM/jD HH:mm').format('YYYY/MM/DD')\r\n\r\n return convertDigitToEnglish(dformat)\r\n}\r\n\r\nexport const checkDateOrder = (dateConditional, inputDate) => {\r\n if (dateConditional && inputDate) {\r\n let conditional = dateConditional.split('/')?.join('')\r\n let date = inputDate.split('/')?.join('')\r\n if (conditional < date) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\nexport const shamsiDate = (miladiDate) => {\r\n if (!miladiDate) return null\r\n return convertDigitToEnglish(moment(miladiDate).locale('fa').format('YYYY/MM/DD HH:mm:ss'));\r\n}","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport { Skeleton } from \"@material-ui/lab\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root:{\r\n width: 300,\r\n // width: '100%',\r\n position: 'relative',\r\n margin: '20px 0px',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n [theme.breakpoints.down('700')]: {\r\n width: '100%',\r\n },\r\n },\r\n girdRight:{\r\n width: '30%',\r\n\r\n },\r\n \r\n girdLeft:{\r\n width: '69%',\r\n\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\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
\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","import React, { useEffect } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport { dateMiladiToShamsi } from \"../../../../../method/date\";\r\nimport CardLoading from \"./skeetonLoading\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actionTypes as actionTypesPost } from \"../../../../../../redux/post/selectPost\";\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: 300,\r\n // width: '100%',\r\n position: 'relative',\r\n margin: '20px 0px',\r\n // [theme.breakpoints.down('665')]: {\r\n // width: 260,\r\n // },\r\n [theme.breakpoints.down('700')]: {\r\n width: '100%',\r\n },\r\n },\r\n title: {\r\n fontSize: 20,\r\n whiteSpace: 'nowrap',\r\n fontWeight: 'bold',\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 20,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n whiteSpace: 'normal',\r\n width: '100%',\r\n margin: 'auto',\r\n textAlign: 'center'\r\n }\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n [theme.breakpoints.down('1135')]: {\r\n top: -10,\r\n display: 'none'\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n rootList: {\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n minHeight: 100,\r\n backgroundColor: '#FAF9FC',\r\n borderRadius: 5,\r\n margin: '10px 0px',\r\n\r\n },\r\n contentList: {\r\n width: '60%',\r\n padding: \"5px 10px\",\r\n\r\n },\r\n gridImageList: {\r\n width: '40%',\r\n maxHeight: 90,\r\n overflow: 'hidden',\r\n '& img': {\r\n width: '100%',\r\n height: '100%',\r\n maxWidth: 200,\r\n },\r\n [theme.breakpoints.down('700')]: {\r\n width: '30%',\r\n },\r\n },\r\n\r\n titleList: {\r\n fontSize: 16,\r\n marginBottom: 7,\r\n },\r\n descList: {\r\n fontSize: 14,\r\n color: '#969696',\r\n marginBottom: 0,\r\n },\r\n btnsLink: {\r\n fontSize: 18,\r\n marginTop: 10,\r\n cursor: 'pointer',\r\n [theme.breakpoints.down('500')]: {\r\n textAlign: 'center',\r\n marginTop: 20,\r\n },\r\n },\r\n iconArrowLeft: {\r\n marginTop: 5,\r\n marginLeft: 10,\r\n }\r\n}))\r\n\r\nexport default function Index({ data, loading, size, images }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n\r\n function setData() {\r\n let national = document?.getElementById('ctl00_ContentPlaceHolder1_tbIDNo')\r\n let phone = document?.getElementById('ctl00_ContentPlaceHolder1_tbMobileNo')\r\n let state = document?.getElementById('ctl00_ContentPlaceHolder1_ddlState')\r\n\r\n let day = document?.getElementById('ctl00_ContentPlaceHolder1_ddlBrDay')\r\n let month = document?.getElementById('ctl00_ContentPlaceHolder1_ddlBrMonth')\r\n let year = document?.getElementById('ctl00_ContentPlaceHolder1_tbBrYear')\r\n\r\n let dayMarry = document?.getElementById('ctl00_ContentPlaceHolder1_ddlMarryDay')\r\n let monthMarry = document?.getElementById('ctl00_ContentPlaceHolder1_ddlMarryMonth')\r\n let yearMarry = document?.getElementById('ctl00_ContentPlaceHolder1_tbMarrYear')\r\n\r\n\r\n national.value = '0024160164'\r\n phone.value = '09193350654'\r\n state.value = '24'\r\n\r\n day.value = '14'\r\n month.value = '07'\r\n year.value = '1374'\r\n\r\n dayMarry.value = '30'\r\n monthMarry.value = '08'\r\n yearMarry.value = '1402'\r\n\r\n }\r\n\r\n const handelRout = (path) => {\r\n if (!path) return;\r\n window.open(path, \"_blank\");\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\r\n\r\nfunction Card({ data, images, keyImages }) {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n
\r\n \r\n {\r\n data.title\r\n }\r\n
\r\n\r\n {\r\n loading && (\r\n
\r\n \r\n
\r\n\r\n handelRout(data?.linkCategory)} >\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","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport Card from './card'\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actionTypes as actionTypesPost } from './../../../../../redux/post/selectPost';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n margin: 'auto',\r\n minHeight: 350,\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n marginTop: 50,\r\n [theme.breakpoints.down('1500')]: {\r\n width: '90%',\r\n },\r\n [theme.breakpoints.down('1250')]: {\r\n // width: '95%',\r\n },\r\n // [theme.breakpoints.down(responsiveLength)]: {\r\n // minHeight: 525,\r\n // },\r\n [theme.breakpoints.down('500')]: {\r\n width: '97%',\r\n justifyContent: 'center',\r\n }\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n let size = 3;\r\n\r\n const [statePost, setStatePost] = useState({});\r\n\r\n let stateReducer = useSelector(state => state.select_post_reducer)\r\n\r\n let apiSubmitPost = () => {\r\n\r\n dispatch({ type: actionTypesPost?.postSelectAsync, payload: { id: 168 } })\r\n dispatch({ type: actionTypesPost?.postSelectAsync, payload: { id: 134 } })\r\n dispatch({ type: actionTypesPost?.postSelectAsync, payload: { id: 140 } })\r\n }\r\n\r\n useEffect(() => {\r\n apiSubmitPost()\r\n }, []);\r\n\r\n\r\n useEffect(() => {\r\n\r\n let obj = {}\r\n if (Object.keys(stateReducer?.data)?.length > 0) {\r\n let data = stateReducer?.data\r\n setStatePost(data)\r\n\r\n let a = Object.keys(stateReducer?.data)\r\n .forEach((item, index) => {\r\n if (!obj[item]) {\r\n let imagesListRequest = stateReducer?.data[item]\r\n let b = Object.keys(imagesListRequest)?.reverse()\r\n ?.filter((item, index) => index <= size)\r\n ?.forEach((idImages) => {\r\n dispatch({ type: actionTypesPost?.mediaSelectAsync, payload: { id: idImages } })\r\n })\r\n }\r\n })\r\n\r\n obj = data\r\n }\r\n\r\n }, [stateReducer?.data]);\r\n\r\n\r\n\r\n return (\r\n \r\n {\r\n images?.[keyImages] && (\r\n 
\r\n )\r\n }\r\n
\r\n \r\n
\r\n \r\n {data?.title?.rendered?.replaceAll('–', ` `)}\r\n
\r\n\r\n {dateMiladiToShamsi(data?.date)}\r\n
\r\n\r\n\r\n\r\n
)\r\n}\r\n\r\n\r\nlet data = {\r\n tahlil: {\r\n title: 'جدیدترین مطالب تحلیلی',\r\n list: [\r\n {\r\n title: 'سهام عدالت متوفیان الکترونیکی',\r\n date: '9 آبان 1402',\r\n image: 'assets/images/news/image 14.png'\r\n },\r\n {\r\n title: 'سهام عدالت متوفیان الکترونیکی',\r\n date: '9 آبان 1402',\r\n image: 'assets/images/news/image 15.png'\r\n },\r\n {\r\n title: 'سهام عدالت متوفیان الکترونیکی',\r\n date: '9 آبان 1402',\r\n image: 'assets/images/news/image 16.png'\r\n },\r\n ]\r\n },\r\n edu: {\r\n title: 'جدیدترین مقالات آموزشی',\r\n list: [\r\n {\r\n title: 'سهام عدالت متوفیان الکترونیکی',\r\n date: '9 آبان 1402',\r\n image: 'assets/images/news/image 11.png'\r\n },\r\n {\r\n title: 'سهام عدالت متوفیان الکترونیکی',\r\n date: '9 آبان 1402',\r\n image: 'assets/images/news/image 12.png'\r\n },\r\n {\r\n title: 'سهام عدالت متوفیان الکترونیکی',\r\n date: '9 آبان 1402',\r\n image: 'assets/images/news/image 13.png'\r\n },\r\n ]\r\n },\r\n news: {\r\n title: 'آخرین اخبار',\r\n list: [\r\n {\r\n title: 'سهام عدالت متوفیان الکترونیکی',\r\n date: '9 آبان 1402',\r\n image: 'assets/images/news/image 8.png'\r\n },\r\n {\r\n title: 'سهام عدالت متوفیان الکترونیکی',\r\n date: '9 آبان 1402',\r\n image: 'assets/images/news/image 9.png'\r\n },\r\n {\r\n title: 'سهام عدالت متوفیان الکترونیکی',\r\n date: '9 آبان 1402',\r\n image: 'assets/images/news/image 10.png'\r\n },\r\n ]\r\n },\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n container: {\r\n width: \"100%\",\r\n height: 400,\r\n overflow: \"hidden\",\r\n position: \"relative\",\r\n [theme.breakpoints.down('380')]: {\r\n height: 450,\r\n }\r\n },\r\n\r\n bg: {\r\n \"animation-delay\": '0s',\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height: '100%',\r\n animation: '$slideIn 2s linear infinite',\r\n // backgroundImage: `url(/assets/images/bg_plus.png)`,\r\n backgroundImage: 'linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,246,246,0) 50%, rgba(255,255,255,1) 100%), url(/assets/images/bg_plus.png);',\r\n backgroundRepeat:'repeat-x',\r\n backgroundSize: 'cover',\r\n padding: '25px 0px',\r\n },\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n flexDirection: 'column',\r\n margin: '70px auto',\r\n maxWidth: '100%',\r\n position: 'relative',\r\n },\r\n gridDesc: {\r\n width: '50%',\r\n minWidth: 700,\r\n maxWidth: '100%',\r\n margin: 'auto',\r\n [theme.breakpoints.down(\"800\")]: {\r\n minWidth: '100%',\r\n },\r\n },\r\n desc: {\r\n margin: 0,\r\n fontSize: 16,\r\n },\r\n title: {\r\n fontSize: 30,\r\n whiteSpace: 'nowrap',\r\n fontWeight: 700,\r\n marginBottom: 20,\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 30,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n whiteSpace: 'normal',\r\n width: '100%',\r\n margin: 'auto',\r\n textAlign: 'center'\r\n }\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n left: '50%',\r\n width: 30,\r\n [theme.breakpoints.down('1135')]: {\r\n top: -10,\r\n display: 'none'\r\n },\r\n },\r\n\r\n gridBtns: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n margin: '45px auto 0px auto',\r\n '& > a': {\r\n [theme.breakpoints.down('500')]: {\r\n width: '100%',\r\n marginBottom: 10,\r\n },\r\n },\r\n },\r\n btnWhite: {\r\n padding: '0px 33.5px',\r\n fontSize: 16,\r\n\r\n [theme.breakpoints.down('500')]: {\r\n width: '100%'\r\n },\r\n },\r\n btnRed: {\r\n margin: 5,\r\n fontSize: 16,\r\n padding: '0px 22.3px',\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n margin: 0,\r\n },\r\n },\r\n\r\n '@keyframes slideIn': {\r\n \"0%\": {\r\n // opacity: 0, /* Start with opacity 0 */\r\n transform: 'translateY(-10%)',\r\n },\r\n \"20%\": {\r\n // opacity: 1, /* Fade in */\r\n\r\n },\r\n \"95% \": {\r\n // opacity: 1, /* Stay visible */\r\n // transform: 'translateY(0)',\r\n },\r\n \"100%\": {\r\n // transform: 'translateY(0)',\r\n // opacity: 0, /* Fade out */\r\n }\r\n },\r\n\r\n\r\n\r\n\r\n \"scrolling-image-container\": {\r\n overflow: \"hidden\",\r\n height:0,\r\n },\r\n \"scrolling-image\": {\r\n // background: url(\"./background-image.jpg\") repeat-x;\r\n backgroundImage: 'linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(246,246,246,0) 50%, rgba(255,255,255,1) 100%), url(/assets/images/bg_plus.png);',\r\n backgroundRepeat:'repeat-x',\r\n height:\"750px\",\r\n width: \"100%\",\r\n // backgroundColor:'red',\r\n // animation: \"slide2 3s linear infinite\"\r\n animation: '$slide2 5s linear infinite',\r\n },\r\n\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n
\r\n )\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n backgroundColor: '#F8F7FB',\r\n width: '100%',\r\n height: 90,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n width: '90%',\r\n margin: 'auto',\r\n \"@media(max-width : 500px)\": {\r\n width: '100%',\r\n },\r\n },\r\n content: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n text: {\r\n fontSize: 20,\r\n color: '#050A2A',\r\n marginBottom: 0,\r\n },\r\n tell: {\r\n display: 'inline-block',\r\n padding: '0 15px',\r\n }\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\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
\r\n \r\n \r\n شما میتوانید به راحتی و به صورت رایگان، بدون نیاز به حضور شخصی، کد بورسی خود را از کارگزاری پویان دریافت کنید. همچنین، اگر نیاز به راهنمایی دارید، میتوانید با تماس و مشاوره رایگان، از تخصصیترین مشاوران سرمایهگذاری پویان بهرهمند شوید.\r\n\r\n
\r\n\r\n\r\n
)\r\n}\r\n","import { makeStyles } from \"@material-ui/core\";\r\nimport React from \"react\";\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: 165,\r\n height: 202,\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n flexDirection:'column',\r\n backgroundColor:'rgba(238,238,248,1)',\r\n margin:5,\r\n borderRadius:5,\r\n '@media (max-width:421px)': {\r\n width: 250,\r\n height: 300,\r\n },\r\n // '&:hover':{\r\n // transform:'scale(1.1)'\r\n // },\r\n },\r\n gridIcons: {\r\n width:94,\r\n height:93,\r\n borderRadius: '100%',\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n backgroundColor:'rgba(231,227,242,1)',\r\n },\r\n icon:{\r\n width:'65%'\r\n },\r\n content:{\r\n textAlign:'center',\r\n marginTop:20,\r\n '& h6':{\r\n fontSize:18,\r\n \r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n ![\"\"](\"assets/images/phone.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n}\r\n","import { makeStyles } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport Card from './cardItems';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n ...theme.grid.gridMdContent,\r\n width: \"63%\",\r\n width: 1140,\r\n margin: \"45px auto\",\r\n maxWidth: '95%',\r\n '@media (max-width:1197px)': {\r\n width: 758,\r\n },\r\n '@media (max-width:600px)': {\r\n justifyContent: 'space-around',\r\n },\r\n '@media (max-width:421px)': {\r\n justifyContent: 'center',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n {data?.title}\r\n
\r\n\r\n {data?.desc}\r\n
\r\n\r\n {\r\n dataService?.map((item, index) => {\r\n return (\r\n
\r\n );\r\n}\r\n\r\n\r\nlet dataService = [\r\n {\r\n title: \"سامانه معاملات\",\r\n desc: \"آنلاین اکسیر\",\r\n // icon: \"/sprit.svg#service_ecxer\",\r\n icon: \"/assets/icons/service_ecxer.svg\",\r\n link: \"https://poyan.exirbroker.com\",\r\n targetBlank: true\r\n },\r\n\r\n {\r\n title: \"سامانه معاملات\",\r\n desc: \"آنلاین تدبیر\",\r\n // icon: \"/sprit.svg#service_ecxer\",\r\n icon: \"/assets/icons/service_classic.svg\",\r\n link: \"https://online.pouyanbroker.ir\",\r\n targetBlank: true\r\n },\r\n {\r\n title: \"اپلکیشن\",\r\n desc: \"تدبیر \",\r\n icon: \"/assets/icons/app.svg\",\r\n link: \"https://online.pouyanbroker.ir\",\r\n targetBlank: true\r\n },\r\n {\r\n title: \"اپلکیشن\",\r\n desc: \"رایان همراه\",\r\n icon: \"/assets/icons/app.svg\",\r\n link: \"https://cafebazaar.ir/app/com.rh.ot.android\",\r\n targetBlank: true\r\n },\r\n {\r\n title: \"سامانه معاملات\",\r\n desc: \"آنلاین آتی\",\r\n icon: \"/assets/icons/service_ati.svg\",\r\n link: \"https://pouyan.exphoenixfuture.ir/login\",\r\n targetBlank: true\r\n },\r\n {\r\n title: \"سامانه معاملات\",\r\n desc: \"آنلاین کالا\",\r\n icon: \"/assets/icons/service_kala.svg\",\r\n link: \"https://pouyan.ebgo.ir/StockCode\",\r\n targetBlank: true\r\n },\r\n\r\n // {\r\n // title: \"سامانه معاملات\",\r\n // desc: \"آنلاین کلاسیک\",\r\n // icon: \"/assets/icons/service_classic.svg\",\r\n // link: \"https://poyan.irbroker.com\",\r\n // targetBlank: true\r\n // },\r\n // {\r\n // title: \"سامانه معاملات\",\r\n // desc: \"آفلاین\",\r\n // icon: \"/assets/icons/service_offline.svg\",\r\n // link: \"https://poyan.irbrokersite.ir/\",\r\n // targetBlank: true\r\n // },\r\n\r\n\r\n\r\n\r\n // {\r\n // title: \"سامانه معاملات تدبیر\",\r\n // desc: \"\",\r\n // icon: \"system_online\",\r\n // link: \"https://online.pouyanbroker.ir\",\r\n // targetBlank: true\r\n // },\r\n\r\n // {\r\n // title: \"رایان همراه (گوگل پلی)\",\r\n // desc: \"\",\r\n // icon: \"phone\",\r\n // link: \"https://play.google.com/store/apps/details?id=com.rh.ot.android\",\r\n // targetBlank: true\r\n // },\r\n\r\n // {\r\n // title: \"آنلاین رایان همراه\",\r\n // desc: \"\",\r\n // icon: \"phone\",\r\n // link: \"https://poyan.exirbroker.com/mobile/#view/login.html\",\r\n // targetBlank: true\r\n // },\r\n\r\n]","import React, { useEffect, useState } from 'react'\r\nimport Layout from '../../../layout'\r\nimport HeaderHome from './components/HeaderHome'\r\n// import Service from './components/Service';\r\n// import Car from './components/Car';\r\n// import Car from './components/newCars';\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport Customers from \"./components/Customers\";\r\nimport TextWithImg from \"./../../common/TextWithImg\";\r\nimport Stockpeople from './components/stockpeople';\r\nimport TypeBrokerServices from './components/typeBrokerServices';\r\nimport DescBroker from './components/descBroker';\r\nimport Online from './components/online';\r\nimport News from './components/news_new';\r\nimport Register from './components/register';\r\nimport Supporttext from './components/Supporttext';\r\n\r\n// import CardModal from './components/cardModal';\r\n// import DescriptionPishro from './components/descriptionPishro';\r\n// import ServiceTwo from './components/ServiceTwo';\r\nimport CardService from './components/cardService';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n position: \"relative\",\r\n minHeight: 1300\r\n },\r\n background: {\r\n width: \"100%\",\r\n height: 1300,\r\n background: \"url('/assets/images/background-home.svg') center center\",\r\n position: \"absolute\",\r\n filter: \"grayscale(100%)\",\r\n top: 220,\r\n zIndex: -1,\r\n [theme.breakpoints.down(\"sm\")]: {\r\n top: 670\r\n }\r\n },\r\n wrapper: {\r\n // position: 'absolute',\r\n position: 'relative',\r\n width: '100%',\r\n height:'auto',\r\n top: 0,\r\n },\r\n\r\n}))\r\n\r\n\r\nexport default function Home() {\r\n \r\n const classes = useStyles()\r\n \r\n \r\n useEffect(() => {\r\n document.title = `وب سایت کارگزاری پویان`;\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","import React from 'react'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Title from './../../../common/TitlePage';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n position: 'relative',\r\n padding: '82px 0px',\r\n },\r\n grid: {\r\n width: '51%',\r\n margin: 'auto',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n textAlign: 'center',\r\n minWidth: '330px',\r\n\r\n [theme.breakpoints.down('sm')]: {\r\n width: '80%',\r\n fontSize: theme.fontSize.small,\r\n minWidth:'92%'\r\n },\r\n },\r\n Shape: {\r\n position: 'absolute',\r\n left: 0,\r\n bottom: 0,\r\n [theme.breakpoints.down('sm')]: {\r\n display: 'none'\r\n },\r\n '& > .Rectangle1': {\r\n width: 150,\r\n height: 75,\r\n backgroundColor: '#F4F4F4',\r\n },\r\n '& > .Rectangle2': {\r\n width: 100,\r\n height: 75,\r\n marginTop: 20,\r\n backgroundColor: '#F4F4F4',\r\n },\r\n },\r\n title: {\r\n fontSize: theme.fontSize.xLarge,\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: theme.fontSize.medium\r\n },\r\n },\r\n desc: {\r\n margin: '44px 0px 0px 0px',\r\n fontSize: theme.fontSize.regular,\r\n lineHeight: \"35px\",\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: theme.fontSize.small\r\n },\r\n }\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles();\r\n\r\n const state = {\r\n title: 'انواع روشهای سرمایه گذاری در بورس ',\r\n desc: 'سرمایه گذاری در بازار بورس از 2 روش مستقیم و غیرمستقیم امکان پذیر است. سرمایه گذاری غیرمستقیم نیز خود از 2 طریق صندوقهای سرمایه گذاری و شرکتهای سبدگردانی انجام میشود. در سرمایه گذاری مستقیم خود شخص مستقیما اقدام به خرید و فروش میکند و مستلزم داشتن تخصص مالی، تجربه معامله گری، روحیه ریسک پذیری و صرف زمان کافی است. اما سرمایه گذاری غیرمستقیم مناسب کسانی است که تجربه فعالیت حرفهای در بازار سهام را نداشتهاند و از طرف دیگر، دانش تحلیلی و زمان کافی برای رصد بازار در طول جلسه معاملاتی را نیز ندارند.',\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n
*/}\r\n \r\n \r\n <span className={classes['title']} >{state.title}</span>\r\n \r\n
\r\n {state.desc}
\r\n\r\n {/*
\r\n )\r\n}\r\n","import React from 'react'\r\nimport Button from '@material-ui/core/Button';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n button: {\r\n width:'100%',\r\n backgroundColor: theme.palette.light.type2,\r\n color: \"white\",\r\n borderColor: theme.palette.light.type2,\r\n borderRadius: \"0 15px 15px 15px\",\r\n cursor:'pointer',\r\n '&:active': {\r\n backgroundColor: theme.palette.light.type2,\r\n },\r\n '&:hover': {\r\n backgroundColor: theme.palette.light.type2,\r\n },\r\n }\r\n}))\r\n\r\n\r\n\r\nexport default function Index({ data, padding, main }) {\r\n\r\n const classes = useStyles()\r\n\r\n\r\n return (\r\n \r\n \r\n \r\n
*/}\r\n \r\n \r\n <span className={classes['title']} >{state.title}</span>\r\n \r\n
\r\n {state.desc}
\r\n\r\n \r\n
\r\n )\r\n}","import React from 'react';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport TitlePage from '../../../common/TitlePage';\r\nimport { Box } from '@material-ui/core';\r\n\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n padding: \"40px 0\"\r\n },\r\n title: {\r\n textAlign: \"center\",\r\n '& p': {\r\n margin: \"5px 0\"\r\n }\r\n },\r\n color: {\r\n color: theme.palette.light.type2,\r\n },\r\n content: {\r\n ...theme.grid.gridLg,\r\n margin: \"60px auto\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"100%\",\r\n margin: \"50px auto\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\"\r\n }\r\n },\r\n item: {\r\n width: 235,\r\n height: 220,\r\n margin: \"20px\",\r\n boxSizing: \"border-box\",\r\n position: \"relative\",\r\n backgroundColor: \"white\",\r\n borderRadius: 15,\r\n boxShadow: \"0 0 36px rgba(0, 0, 0, 0.161)\",\r\n padding: 20,\r\n [theme.breakpoints.down(\"xs\")]: {\r\n maxWidth: \"98%\",\r\n height: 167,\r\n margin: \"23px auto\",\r\n },\r\n '& span': {\r\n position: \"absolute\",\r\n top: 15,\r\n right: 15,\r\n color: \"#DEDEDE\",\r\n opacity: \"55%\",\r\n fontSize: 70,\r\n fontWeight: \"bold\"\r\n }\r\n },\r\n icon: {\r\n width: 70,\r\n height: 70,\r\n borderRadius: \"50%\",\r\n padding: 5,\r\n // border: `1px solid ${theme.palette.light.type2}`,\r\n border: `1px solid #0B1742;`,\r\n marginTop: 20,\r\n \"& svg\": {\r\n width: \"100%\",\r\n height: \"100%\",\r\n }\r\n },\r\n text: {\r\n fontSize: theme.fontSize.small,\r\n textAlign: 'center',\r\n [theme.breakpoints.down(\"xs\")]: {\r\n width: '98%',\r\n // overflow: \"hidden\",\r\n // textOverflow: \"ellipsis\",\r\n // whiteSpace: \"nowrap\",\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index() {\r\n const classes = useStyles()\r\n\r\n return (\r\n \r\n
\r\n {data.desc}
\r\n\r\n \r\n \r\n \r\n \r\n\r\n \r\n {\r\n data.map((item, ind) => (\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nlet data = [\r\n { text: \"ثبت نام و احراز هویت در سامانه سجام\", icon: \"autontication\", link: \"#\", number: \"۱\" },\r\n { text: \"ثبت نام و احراز هویت غیرحضوری در کارگزاری پویان\", icon: \"open_account\", link: \"#\", number: \"۲\" },\r\n { text: \"صدور کد معاملات آنلاین \", icon: \"code_online\", link: \"#\", number: \"۳\" }\r\n]","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Layout from '../../../layout';\r\nimport RegisterAccount from './RegisterAccount';\r\nimport RegisterAccount2 from './RegisterAccount2';\r\nimport Banner from '../../common/Banner';\r\nimport Investment from './Investment';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n [theme.breakpoints.up('md')]: {\r\n width: '100%',\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n width: '100%',\r\n },\r\n },\r\n\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles()\r\n\r\n const banner = {\r\n desc: 'برای مشاوره تماس بگیرید !',\r\n btn: '81021850 - 021'\r\n }\r\n\r\n return (\r\n 3 گام
\r\nافتتاح حساب آسان و سریع
\r\n\r\n {item.number}\r\n
\r\n \r\n ))\r\n }\r\n \r\n \r\n
\r\n\r\n \r\n {item.text}\r\n
\r\n\r\n
\r\n \r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport TitlePage from '../../../common/TitlePage';\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport { Box } from '@material-ui/core';\r\nimport CircleIcon from \"./../../../common/CircleIcon\"\r\n\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n padding: \"100px 0\"\r\n },\r\n color: {\r\n color: theme.palette.light.type2\r\n },\r\n content: {\r\n marginTop: 65,\r\n width: \"60%\",\r\n margin: \"auto\",\r\n display: \"flex\",\r\n justifyContent: \"space-between\",\r\n flexWrap: \"wrap\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"90%\",\r\n marginTop: 80,\r\n }\r\n },\r\n item: {\r\n margin: \"30px 1%\",\r\n width: \"23%\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n \"& span\": {\r\n marginTop: 10,\r\n fontSize: theme.fontSize.regular\r\n },\r\n [theme.breakpoints.down(\"md\")]: {\r\n minWidth: \"48%\",\r\n },\r\n [theme.breakpoints.down(\"xs\")]: {\r\n width: \"100%\"\r\n }\r\n },\r\n \r\n title:{\r\n whiteSpace:'nowrap'\r\n }\r\n}))\r\n\r\nexport default function Service() {\r\n const classes = useStyles()\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 data.map((item, ind) => (\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\n\r\nlet data = [\r\n { title: \"سرعت در انجام معاملات \", icon: \"kala\", link: \"#\" },\r\n { title: \"رابط کاربری کاربر پسند\", icon: \"trades3\", link: \"#\" },\r\n { title: \"ارسال چندین سفارش همزمان \", icon: \"system_online\", link: \"#\" },\r\n { title: \"نمودار تحلیل تکنیکال\", icon: \"train\", link: \"#\" },\r\n // { title: \"سامانه آفلاین\", icon: \"system_customer\", link: \"https://pishro.irbrokersite.ir/\" },\r\n // { title: \"سامانه آنلاین\", icon: \"system_online\", link: \"https://pishro.exirbroker.ir/\" },\r\n // { title: \"سامانه سهام عدالت\", icon: \"system_justice\", link: \"https://se-simabgoon.rayanbroker.ir/\" },\r\n // { title: \"آموزش\", icon: \"train\", link: \"#\" },\r\n]\r\n","import React from 'react';\r\nimport { Box, Hidden } from '@material-ui/core'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport TitlePage from '../../common/TitlePage';\r\nimport CircleIcon from \"./../../common/CircleIcon\";\r\n\r\n\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n container: {\r\n position: \"relative\",\r\n overflow: \"hidden\"\r\n },\r\n root: {\r\n width: '1200px',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n margin: \"0px auto 177px\",\r\n [theme.breakpoints.down('md')]: {\r\n width: '90%',\r\n flexDirection: \"column-reverse\",\r\n textAlign: \"center\",\r\n alignItems: \"center\",\r\n margin: \"50px auto\"\r\n }\r\n },\r\n item1: {\r\n width: \"50%\",\r\n [theme.breakpoints.down('xs')]: {\r\n width: \"100%\"\r\n }\r\n },\r\n content: {\r\n lineHeight: \"35px\",\r\n paddingTop: 25,\r\n textAlign: \"justify\",\r\n color: \"black\",\r\n fontSize: \"1rem\"\r\n },\r\n item2: {\r\n width: \"50%\",\r\n position: \"relative\",\r\n [theme.breakpoints.down('xs')]: {\r\n width: \"100%\"\r\n },\r\n \"& img\": {\r\n width: \"90%\",\r\n height: \"100%\",\r\n float: \"right\",\r\n [theme.breakpoints.down('md')]: {\r\n width: \"100%\",\r\n marginTop: 30\r\n }\r\n }\r\n },\r\n details: {\r\n borderRadius: 15,\r\n boxShadow: `0px 0px 36px rgba(0, 0, 0, 0.161)`,\r\n marginTop: 25,\r\n padding: \"20px 27px\",\r\n display: \"flex\",\r\n justifyContent: \"space-around\",\r\n alignItems: \"center\",\r\n \"& span\": {\r\n padding: \"0 10px\"\r\n },\r\n [theme.breakpoints.down('md')]: {\r\n flexWrap: \"wrap\",\r\n justifyContent: \"start\",\r\n }\r\n },\r\n item: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n color: \"black\",\r\n fontSize: \"1rem\",\r\n [theme.breakpoints.down('md')]: {\r\n margin : 15\r\n }\r\n },\r\n background: {\r\n position: \"absolute\",\r\n right: -230,\r\n top: 120\r\n }\r\n}))\r\n\r\nexport default function SystemTradesWhy() {\r\n const classes = useStyles()\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\r\n \r\n \r\n 
\r\n \r\n \r\n \r\n \r\n ![\"background-pouyan\"](\"/assets/images/fade-logo.png\")
\r\n \r\n \r\n
\r\n )\r\n}","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport TitlePage from \"./../../../common/TitlePage\";\r\nimport { Box, Button } from \"@material-ui/core\";\r\nimport Hidden from \"@material-ui/core/Hidden\";\r\nimport { convertNumberToPersian } from \"../../../method/convertDigitToEnglish\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n container: {\r\n position: \"relative\",\r\n overflow: \"hidden\",\r\n marginTop: 90,\r\n },\r\n root: {\r\n width: \"60%\",\r\n margin: \"0 auto\",\r\n textAlign: \"center\",\r\n paddingBottom: 100,\r\n [theme.breakpoints.down(\"680\")]: {\r\n width: \"95%\",\r\n flexDirection: \"wrap\",\r\n paddingBottom: 60,\r\n },\r\n },\r\n content: {\r\n width: \"100%\",\r\n display: \"grid\",\r\n gridTemplateColumns: \"auto auto auto auto auto\",\r\n justifyContent: \"center\",\r\n marginTop: 60,\r\n flexWrap: \"wrap\",\r\n [theme.breakpoints.down(\"1450\")]: {\r\n marginTop: 20,\r\n gridTemplateColumns: \"auto auto auto \",\r\n },\r\n [theme.breakpoints.down(\"1000\")]: {\r\n marginTop: 20,\r\n gridTemplateColumns: \"auto auto\",\r\n gridGap: \"20px 50px\",\r\n },\r\n [theme.breakpoints.down(\"600\")]: {\r\n marginTop: 20,\r\n gridTemplateColumns: \"auto auto\",\r\n gridGap: \"5px 5px\",\r\n },\r\n \"& p\": {\r\n margin: \"20px 0\",\r\n fontSize: 18,\r\n color: \"black\",\r\n },\r\n \"& img\": {\r\n height: 80,\r\n },\r\n \"& button\": {\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n borderRadius: 18,\r\n color: theme.palette.light.type2,\r\n padding: \"7px 18px\",\r\n [theme.breakpoints.down(\"680\")]: {\r\n padding: \"7px 13px\",\r\n },\r\n },\r\n },\r\n box: {\r\n margin: \"10px 10px\",\r\n width: \"187px\",\r\n height: \"270px\",\r\n background: \"#ffffff\",\r\n borderRadius: \"15px\",\r\n boxShadow: \"0px 0px 36px 0px rgba(0,0,0,0.16)\",\r\n [theme.breakpoints.down(\"600\")]: {\r\n width: \"160px\",\r\n },\r\n [theme.breakpoints.down(\"450\")]: {\r\n width: \"148px\",\r\n margin: \"3px 3px\",\r\n },\r\n },\r\n background: {\r\n position: \"absolute\",\r\n left: -30,\r\n top: 0,\r\n zIndex:-1,\r\n },\r\n btn: {\r\n width: \"90%\",\r\n margin: \"0 auto\",\r\n height: \"38px\",\r\n border: \"1px solid #d1d1d1\",\r\n borderRadius: \"20px\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n marginBottom: 20,\r\n },\r\n}));\r\n\r\nexport default function SystemTrades() {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n چرا سامانههای اکسیر و کلاسیک؟!\r\n
\r\nشرکت کارگزاری پویان به منظور ارائه خدمات بهتر و متنوعتر، دو سامانه معاملاتی اکسیر و کلاسیک (1 و 2) را در دسترس مشتریان خود قرار داده است؛ تا سرمایهگذاران بر حسب نیاز خود بتوانند از سامانه معاملاتی متناسب و دلخواه استفاده کنند.
\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\nlet data = [\r\n {\r\n title: \"آنلاین تدبیر\",\r\n link: \"\",\r\n link2: \"ورود به سامانه\",\r\n src: \"hamrahPlusLogo.svg\",\r\n src1: \"\",\r\n src2: \"https://online.pouyanbroker.ir/Account/Login\",\r\n },\r\n {\r\n title: \"آنلاین اکسیر\",\r\n link: \"راهنما\",\r\n link2: \"ورود به سامانه\",\r\n src: \"toturial-trades.svg\",\r\n src1: \"/assets/file/راهنمای آنلاین اکسیر.pdf\",\r\n src2: \"https://poyan.exirbroker.com/\",\r\n },\r\n {\r\n title: \"آنلاین کلاسیک \",\r\n link: \"راهنما\",\r\n link2: \"ورود به سامانه\",\r\n src: \"classic-trades.svg\",\r\n src1: \"/assets/file/راهنمای آنلاین قدیمی.pdf\",\r\n src2: \"https://poyan.irbroker.com/\",\r\n },\r\n // {\r\n // title: \"آنلاین کلاسیک ۲\",\r\n // link: \"راهنما\",\r\n // link2: \"ورود به سامانه\",\r\n // src: \"classic-trades.svg\",\r\n // src1: \"/assets/file/راهنمای آنلاین قدیمی.pdf\",\r\n // src2: \"https://poyan.irbroker2.com\",\r\n // },\r\n {\r\n title: \"آنلاین رایان همراه\",\r\n link: \"\",\r\n link2: \"ورود به سامانه\",\r\n src: \"classic-trades.svg\",\r\n // src1: \"/assets/file/راهنمای آفلاین.pdf\",\r\n src1: \"\",\r\n src2: \"https://poyan.exirbroker.com/mobile/#view/login.html\",\r\n },\r\n];\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport TitlePage from \"./../../../common/TitlePage\";\r\nimport { Box, Button } from \"@material-ui/core\";\r\nimport Hidden from \"@material-ui/core/Hidden\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n container: {\r\n position: \"relative\",\r\n overflow: \"hidden\",\r\n },\r\n root: {\r\n width: 660,\r\n margin: \"auto\",\r\n textAlign: \"center\",\r\n paddingBottom: 100,\r\n [theme.breakpoints.down(\"680\")]: {\r\n width: \"95%\",\r\n flexDirection: \"wrap\",\r\n paddingBottom: 60,\r\n },\r\n },\r\n content: {\r\n display: \"flex\",\r\n justifyContent: \"space-between\",\r\n marginTop: 60,\r\n [theme.breakpoints.down(\"768\")]: {\r\n // flexWrap: \"wrap\",\r\n justifyContent: \"center\",\r\n marginTop: 20,\r\n },\r\n \"& p\": {\r\n // margin: \"20px 0\",\r\n // fontSize: \"1.1rem\",\r\n color: \"black\",\r\n },\r\n \"& img\": {\r\n height: 80,\r\n },\r\n \"& button\": {\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n borderRadius: 18,\r\n color: theme.palette.light.type2,\r\n padding: \"7px 18px\",\r\n [theme.breakpoints.down(\"680\")]: {\r\n padding: \"7px 13px\",\r\n },\r\n },\r\n },\r\n box: {\r\n display: \"flex\",\r\n flexDirection:'column',\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n margin: \"30px 10px\",\r\n [theme.breakpoints.down(\"768\")]: {\r\n width: 150,\r\n },\r\n },\r\n background: {\r\n position: \"absolute\",\r\n left: -30,\r\n top: 0,\r\n },\r\n btn: {\r\n display: \"flex\",\r\n // flexDirection:'column',\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n width: \"171px\",\r\n height: \"38px\",\r\n border: \"1px solid #d1d1d1\",\r\n borderRadius: \"20px\",\r\n margin: \"0 auto\",\r\n [theme.breakpoints.down(\"768\")]: {\r\n width: \"120px\",\r\n height: \"35px\",\r\n fontSize: 13,\r\n },\r\n },\r\n circle: {\r\n width: 78,\r\n height: 78,\r\n borderRadius: \"50%\",\r\n // border: `1px solid ${theme.palette.light.type2}`,\r\n border: `1px solid #0B1742`,\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n margin: \"auto\",\r\n [theme.breakpoints.down(\"768\")]: {\r\n width: 73,\r\n height: 73,\r\n },\r\n },\r\n borderWhite: {\r\n width: 71,\r\n height: 71,\r\n borderRadius: \"50%\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n // backgroundColor: \"#DA212E\",\r\n border: \"3px solid white\",\r\n [theme.breakpoints.down(\"768\")]: {},\r\n },\r\n icon: {\r\n width: 37,\r\n height: 36,\r\n [theme.breakpoints.down(\"768\")]: {\r\n width: 32,\r\n height: 31,\r\n },\r\n },\r\n fontSize1: {\r\n fontSize: 18,\r\n whiteSpace:'wrap',\r\n margin:'20px 0',\r\n padding:0,\r\n [theme.breakpoints.down(\"768\")]: {\r\n fontSize: \"13px !important\",\r\n width:130,\r\n // margin:'0 auto',\r\n display:'flex',justifyContent:'center'\r\n },\r\n },\r\n background: {\r\n position: \"absolute\",\r\n right: -170,\r\n bottom: 0,\r\n },\r\n}));\r\n\r\nexport default function SystemTrades() {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n سامانههای معاملاتی کارگزاری پویان\r\n \r\n\r\n \r\n {data.map((item, ind) => (\r\n \r\n \r\n \r\n ))}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {convertNumberToPersian(item.title)}\r\n
\r\n \r\n\r\n \r\n {item.link2}\r\n \r\n \r\n {item.link}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nlet data = [\r\n {\r\n title: \"دستورالعمل اجرایی معاملات بر خط\",\r\n link: \"دریافت\",\r\n src: \"book.jpg\",\r\n src1: \"/assets/file/دستورالعمل اجرایی معاملات برخط.pdf\",\r\n src2: \"/assets/file/دستورالعمل اجرایی معاملات برخط.pdf\",\r\n },\r\n {\r\n title: \"دستورالعمل رسیدگی به تخلفات در بازار سرمایه\",\r\n link: \"دریافت\",\r\n src: \"book.jpg\",\r\n src1: \"/assets/file/دستورالعمل رسيدگي به تخلفات در بازار سرمايه.pdf\",\r\n src2: \"/assets/file/دستورالعمل رسيدگي به تخلفات در بازار سرمايه.pdf\",\r\n },\r\n];\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: 220,\r\n textAlign: 'center'\r\n },\r\n gridIcons: {\r\n width: 100,\r\n height: 100,\r\n borderRadius: '50%',\r\n margin: 'auto',\r\n // background: \"rgba(230,0,1,0.1)\",\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n border:'1px solid #0B1742',\r\n },\r\n\r\n icons: {\r\n width: \"35%\",\r\n // height: 36,\r\n },\r\n title: {\r\n fontSize: 16,\r\n margin: '20px auto'\r\n },\r\n gridbtn: {\r\n width: '100%',\r\n backgroundColor: '#EAEAFF',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius: 38,\r\n height: 45,\r\n marginBottom: 50,\r\n cursor: 'pointer'\r\n },\r\n btns: {\r\n margin: 0,\r\n color: '#182551',\r\n fontSize: 16,\r\n marginRight: 5\r\n },\r\n icon: {\r\n width: 50,\r\n height: 36,\r\n [theme.breakpoints.down(\"768\")]: {\r\n width: 32,\r\n height: 31,\r\n },\r\n },\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n دستور العمل ها \r\n\r\n \r\n {data.map((item, ind) => (\r\n \r\n \r\n {/* 
*/}\r\n \r\n {item.link}\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.title}
\r\n \r\n\r\n
)\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport CardDownload from './cardDownload';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n flexWrap: 'wrap',\r\n flexDirection: 'column',\r\n ...theme.grid.gridMdContent,\r\n width: \"100%\",\r\n maxWidth: '100%',\r\n\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n right: '50%',\r\n },\r\n gridTitle: {\r\n position: 'relative',\r\n marginTop: 100,\r\n },\r\n title: {\r\n fontSize: 28,\r\n marginBottom: 75,\r\n '@media (max-width:445px)': {\r\n textAlign: 'center',\r\n },\r\n },\r\n gridDownload: {\r\n width: '35%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-around',\r\n flexWrap:'wrap',\r\n minWidth: 1150,\r\n '@media (max-width:1210px)': {\r\n minWidth: '95%',\r\n margin:'auto',\r\n },\r\n '@media (max-width:750px)': {\r\n textAlign: 'center',\r\n justifyContent: 'center',\r\n flexDirection: 'column',\r\n minWidth: '100%',\r\n },\r\n },\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n let data = [\r\n {\r\n title: 'آموزش رایان همراه',\r\n link: '/assets/file/system/آموزش رایان همراه.pdf',\r\n },\r\n {\r\n title: 'راهنمای آنلاین اکسیر',\r\n link: '/assets/file/system/راهنمای آنلاین اکسیر.pdf',\r\n },\r\n {\r\n title: 'راهنمای آنلاین قدیمی',\r\n link: '/assets/file/system/راهنمای آنلاین قدیمی.pdf',\r\n },\r\n {\r\n title: 'راهنمای همراه پلاس',\r\n link: '/assets/file/system/rahnama-hamrah.pdf',\r\n },\r\n {\r\n title: 'راهنمای آنلاین پلاس',\r\n link: '/assets/file/system/rahnama-online.pdf',\r\n },\r\n ]\r\n\r\n return (\r\n \r\n {/* */}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {data?.title}\r\n
\r\n\r\n
\r\n \r\n \r\n دانلود\r\n
\r\n\r\n
)\r\n}\r\n\r\n","import React from 'react'\r\nimport Layout from '../../../layout'\r\nimport TextWithImg from '../../common/TextWithImg';\r\nimport Service from './Service'\r\nimport SystemTradesWhy from './SystemTradesWhy';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { Box, Hidden } from '@material-ui/core'\r\nimport TitlePage from '../../common/TitlePage';\r\nimport SystemTrades from \"./SystemTrades\";\r\nimport SystemDownloadFile from \"./SystemDownloadFile\";\r\nimport DonloadPdf from './../Education/download';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\r\n details: {\r\n width: '50%',\r\n margin: 'auto',\r\n borderRadius: 15,\r\n boxShadow: `0px 0px 36px rgba(0, 0, 0, 0.161)`,\r\n marginBottom: 30,\r\n padding: \"20px 27px\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n [theme.breakpoints.down('sm')]: {\r\n width: \"98%\",\r\n }\r\n\r\n },\r\n item: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n flexDirection: 'column',\r\n color: \"black\",\r\n fontSize: \"1rem\",\r\n fontWeight: 'bold',\r\n \"& > div\": {\r\n width: \"100%\",\r\n textAlign: 'center'\r\n },\r\n\r\n },\r\n color: {\r\n color: theme.palette.light.type2\r\n },\r\n\r\n}))\r\n\r\n\r\nexport default function Trades() {\r\n\r\n const classes = useStyles()\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n دانلود فایل های آموزشی\r\n
\r\n\r\n {\r\n data?.map((item, index) => {\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 \r\n
بانک تجارت
\r\n104350712
\r\n\r\n {/*
\r\n )\r\n}\r\n","import React from 'react'\r\n\r\nexport const HeaderForm = ({title}) => {\r\n\r\n return (\r\n \r\n \r\n \r\n
*/}\r\n \r\n \r\n <span className={classes['title']} >{state.title}</span>\r\n \r\n
\r\n {state.desc}
\r\n\r\n
\r\n\r\n\r\n )\r\n\r\n}\r\n","import React from \"react\";\r\nimport { Form } from \"react-bootstrap\";\r\nimport styles from \"./style.module.css\";\r\n\r\nexport const InputText = ({ value , setValues }) => {\r\n return (\r\n <>\r\n \r\n {title}\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 e.preventDefault()}\r\n >\r\n {value.file_name ? value.file_name : \"نام فایل\"}\r\n \r\n
\r\n \r\n handelSubmit()}\r\n style={{\r\n width: \"200px\",\r\n display: \"inline-block\",\r\n }}\r\n className=\"text-center\"\r\n >\r\n {\" \"}\r\n ارسال رزومه\r\n
\r\n \r\n \r\n \r\n );\r\n};\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Alert from '@material-ui/lab/Alert';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n position: \"fixed\",\r\n top: 20,\r\n left: 20,\r\n width: 'fit-content',\r\n zIndex : 100000,\r\n [theme.breakpoints.down(\"xs\")] : {\r\n width : \"90%\",\r\n left : \"5%\"\r\n },\r\n '& > * + *': {\r\n marginTop: theme.spacing(2),\r\n },\r\n },\r\n}));\r\n\r\nexport default function SimpleAlerts({ typeAlert, textAlert ,onClose }) {\r\n const classes = useStyles();\r\n return (\r\n \r\n {textAlert} \r\n
\r\n );\r\n}\r\n\r\n\r\n\r\n// {/* \r\n
\r\n )\r\n}\r\n","import { Box } from '@material-ui/core'\r\nimport React from 'react';\r\n\r\n\r\nexport default function Index() {\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 );\r\n};\r\n\r\nexport default Index;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Layout from \"../../../layout\";\r\nimport { Box } from \"@material-ui/core\";\r\nimport TitlePage from '../../common/TitlePage';\r\nimport Table from \"./table\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport {actionTypes} from './../../../redux/shoab/getBranches/getBranches'\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n minHeight: '60vh',\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n details: {\r\n width: '100%',\r\n margin: 'auto',\r\n borderRadius: 15,\r\n padding: \"20px 27px\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n [theme.breakpoints.down('sm')]: {\r\n width: \"98%\",\r\n }\r\n },\r\n item: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n flexDirection: 'column',\r\n color: \"black\",\r\n textAlign: 'center',\r\n overflow:'auto'\r\n // fontSize: \"1rem\",\r\n // fontWeight: 'bold',\r\n // overflow: 'auto',\r\n // \"& > div\": {\r\n // width: \"100%\",\r\n // textAlign: 'center'\r\n // },\r\n\r\n },\r\n color: {\r\n color: theme.palette.light.type2\r\n },\r\n\r\n}));\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles()\r\n const dispatch = useDispatch();\r\n\r\n const [sort, setSort] = useState({});\r\n const [state, setstate] = useState([]);\r\n const [flagApi, setflagApi] = useState(false);\r\n const [stateTable, setStateTable] = useState({});\r\n const [pagnation, setPagnation] = useState({ number: 1, count: 2 });\r\n\r\n\r\n const stateReducer = useSelector(state => state.get_branches_reducer)\r\n // const stateReducer = useSelector(state => state.select_shoab_reducer)\r\n\r\n\r\n const apiSubmit = () => {\r\n let obj = {};\r\n let { size } = stateReducer;\r\n let { id, ...sortRes } = sort;\r\n\r\n Object.keys(stateTable).forEach((element) => {\r\n if (stateTable[element]) {\r\n obj[element] = stateTable[element];\r\n }\r\n });\r\n\r\n let _data = {\r\n data: obj,\r\n from: pagnation.number,\r\n size: size,\r\n sort_by: sortRes,\r\n };\r\n\r\n dispatch({ type: actionTypes.GetBranchAsync, payload: _data })\r\n\r\n };\r\n\r\n\r\n useEffect(() => {\r\n setstate(stateReducer.data);\r\n // setPagnation((prev) => ({\r\n // ...prev,\r\n // count: Math.ceil(stateReducer.total / stateReducer.size),\r\n // }));\r\n }, [stateReducer]); //eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n \r\n useEffect(() => {\r\n \r\n apiSubmit();\r\n \r\n }, [flagApi])//eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n \r\n\r\n return (\r\n | ردیف | \r\n {columns.map((itm, ind) => (\r\n{itm.label} | \r\n ))}\r\n|||
|---|---|---|---|---|
| \r\n {convertNumberToPersian(ind + 1)}\r\n | \r\n{convertNumberToPersian(itm?.name)} | \r\n{convertNumberToPersian(itm?.address)} | \r\n\r\n {\r\n (itm?.phoneNumber !== 'null' && itm?.phoneNumber) && (\r\n <>\r\n {`${convertNumberToPersian(itm?.cityCodePhoneNumber)}-${convertNumberToPersian(itm?.phoneNumber)}`}\r\n \r\n )\r\n }\r\n {\r\n (itm?.phoneNumber === 'null' || !itm?.phoneNumber) && (\r\n <>\r\n {`-`}\r\n \r\n )\r\n }\r\n | \r\n{convertNumberToPersian(itm?.postalCode)} | \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\n","import { makeStyles } from \"@material-ui/core\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport Styles from \"./index.module.scss\";\r\nimport { convertNumberToPersian } from \"../../../method/convertDigitToEnglish\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { actionTypes as actionTypesNotif} from './../../../../redux/notificationAlert'\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n tableParent: {\r\n width: \"100%\",\r\n paddingBottom: 15,\r\n overflow: 'auto',\r\n },\r\n table: {\r\n backgroundColor: \"#f2f2f2\",\r\n width: \"100%\",\r\n textAlign: 'left',\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n paper: {\r\n width: \"60%\",\r\n backgroundColor: theme.palette.background.paper,\r\n borderRadius: 8,\r\n border: 0,\r\n outline: 0,\r\n padding: theme.spacing(2, 4, 3),\r\n position: \"relative\",\r\n paddingTop: 40,\r\n [theme.breakpoints.down(\"1000\")]: {\r\n width: \"100%\",\r\n },\r\n },\r\n title: {\r\n width: '100%',\r\n textAlign: 'left',\r\n // backgroundColor: \"#f2f2f2\",\r\n },\r\n FileCopyOutlinedIcon: {\r\n // color:'#3f51b5',\r\n color: 'rgba(0, 0, 0, 0.54)',\r\n cursor: 'pointer',\r\n // fontSize:20,\r\n width: 10,\r\n marginLeft: 10,\r\n '&:hover': {\r\n color: '#3f51b5',\r\n },\r\n }\r\n}));\r\n\r\n\r\n\r\nconst Index = ({ head, data }) => {\r\n\r\n const classes = useStyles();\r\n let dispach = useDispatch()\r\n\r\n const [state, setState] = useState({ body: [], id: '' });\r\n\r\n useEffect(() => {\r\n if (data) {\r\n setState(data)\r\n }\r\n }, [data]);\r\n\r\n\r\n const copyContent = async (data) => {\r\n try {\r\n await navigator.clipboard.writeText(data);\r\n dispach({ \r\n type:actionTypesNotif?.success ,\r\n textAlert:'متن کپی شد'\r\n })\r\n\r\n } catch (err) {\r\n dispach({ \r\n type:actionTypesNotif?.error ,\r\n textAlert:'متاسفانه متن کپی نشد'\r\n })\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n}\r\n\r\nconst head = [\r\n // {\r\n // key: 1,\r\n // id: \"title\",\r\n // label: \"عنوان\",\r\n // minWidth: 120,\r\n // align: \"center\",\r\n // },\r\n {\r\n id: \"titleBank\",\r\n label: \"نام بانک\",\r\n minWidth: 100,\r\n align: \"center\",\r\n format: (value) => convertNumberToPersian(value),\r\n },\r\n {\r\n id: \"accountNumber\",\r\n label: \"شماره حساب\",\r\n minWidth: 150,\r\n align: \"left\",\r\n format: (value) => convertNumberToPersian(value),\r\n },\r\n {\r\n id: \"shaba\",\r\n label: \"شبا\",\r\n minWidth: 270,\r\n align: \"center\",\r\n format: (value) => convertNumberToPersian(value),\r\n },\r\n {\r\n id: \"shoab\",\r\n label: \"شعبه\",\r\n minWidth: 220,\r\n align: \"center\",\r\n format: (value) => convertNumberToPersian(value),\r\n },\r\n {\r\n id: \"codeShaba\",\r\n label: \"کد شعبه\",\r\n minWidth: 50,\r\n align: \"center\",\r\n format: (value) => convertNumberToPersian(value),\r\n },\r\n\r\n\r\n];\r\n\r\n\r\nlet dataStatic = [\r\n\r\n {\r\n title: \"اوراق بهادار\",\r\n accountNumber: \"10.9143608.1\",\r\n shaba: \"IR39 0700 0010 0022 9143 6080 01\",\r\n codeShaba: \"10\",\r\n shoab: \"بانکداری اجتماعی\",\r\n titleBank: \"رسالت\",\r\n },\r\n {\r\n title: \"اوراق بهادار\",\r\n accountNumber: \"104351492\",\r\n shaba: \"IR72 0180 0000 0000 0104 3514 92\",\r\n codeShaba: \"1043\",\r\n shoab: \"تخصصی بورس کالا\",\r\n titleBank: \"تجارت\",\r\n },\r\n {\r\n title: \"اوراق بهادار\",\r\n accountNumber: \"849.40.3946539.1\",\r\n shaba: \"IR66 0560 0849 0400 3946 5390 01\",\r\n codeShaba: \"866\",\r\n shoab: \"سرو\",\r\n titleBank: \"سامان\",\r\n },\r\n {\r\n title: \"اوراق بهادار\",\r\n accountNumber: \"9602359061\",\r\n shaba: \"IR41 0120 0000 0000 9602 3590 61\",\r\n codeShaba: \"62117\",\r\n shoab: \"بورس کالا\",\r\n titleBank: \"ملت\",\r\n },\r\n {\r\n title: \"اوراق بهادار\",\r\n accountNumber: \"321.110.16391985.1\",\r\n shaba: \"IR59 0570 0321 1101 6391 9850 01\",\r\n codeShaba: \"110\",\r\n shoab: \"نامجو\",\r\n titleBank: \"پاسارگاد\",\r\n },\r\n // {\r\n // title: \"اوراق بهادار\",\r\n // accountNumber: \"1001002331638\",\r\n // shaba: \"IR81 0610 0000 0100 1002 3316 38\",\r\n // codeShaba: \"234\",\r\n // shoab: \"سعادت آباد\",\r\n // titleBank: \"شهر\",\r\n // },\r\n // {\r\n // title: \"اوراق بهادار\",\r\n // accountNumber: \"207.110.16391985.1\",\r\n // shaba: \"IR39 0570 0207 1101 6391 9850 01\",\r\n // codeShaba: \"207\",\r\n // shoab: \"میدان هفت تیر\",\r\n // titleBank: \"پاسارگاد\",\r\n // },\r\n\r\n {\r\n title: \"بورس کالا\",\r\n accountNumber: \"104351301\",\r\n shaba: \"IR88 0180 0000 0000 0104 3513 01\",\r\n codeShaba: \"1043\",\r\n shoab: \"تخصصی بورس کالا\",\r\n titleBank: \"تجارت\",\r\n },\r\n\r\n {\r\n title: \"بورس کالا\",\r\n accountNumber: \"849.40.3946539.2\",\r\n shaba: \"IR39 0560 0849 0400 3946 5390 02\",\r\n codeShaba: \"866\",\r\n shoab: \"سرو\",\r\n titleBank: \"سامان\",\r\n },\r\n {\r\n title: \"بورس کالا\",\r\n accountNumber: \"9602392068\",\r\n shaba: \"IR88 0120 0000 0000 9602 3920 68\",\r\n codeShaba: \"62117\",\r\n shoab: \"بورس کالا\",\r\n titleBank: \"ملت\",\r\n },\r\n {\r\n title: \"بورس کالا\",\r\n accountNumber: \"0116456335005\",\r\n shaba: \"IR37 0170 0000 0011 6456 3350 05\",\r\n codeShaba: \"1700695\",\r\n shoab: \"بورس کالا\",\r\n titleBank: \"ملي\",\r\n },\r\n {\r\n title: \"اوراق بهادار\",\r\n accountNumber: \"1001002680659\",\r\n shaba: \"IR64 0610 0000 0100 1002 6806 59\",\r\n codeShaba: \"336\",\r\n shoab: \"دولت\",\r\n titleBank: \"شهر\",\r\n },\r\n {\r\n title: \"اوراق بهادار\",\r\n accountNumber: \"0116420795008\",\r\n shaba: \"IR84 0170 0000 0011 6420 7950 08\",\r\n codeShaba: \"1700695\",\r\n shoab: \"بورس اوراق بهادار\",\r\n titleBank: \"ملی\",\r\n },\r\n\r\n \r\n {\r\n title: \"بورس انرژی\",\r\n accountNumber: \"9687436859\",\r\n shaba: \"IR48 0120 0000 0000 9687 4368 59\",\r\n codeShaba: \"62117\",\r\n shoab: \"بورس كالا\",\r\n titleBank: \"ملت\",\r\n },\r\n\r\n // {\r\n // title: \"\",\r\n // accountNumber: \"\",\r\n // shaba: \"\",\r\n // codeShaba: \"\",\r\n // shoab: \"\",\r\n // titleBank: \"\",\r\n // },\r\n\r\n]\r\n","import { makeStyles } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport Styles from \"./index.module.scss\";\r\n\r\nimport { convertNumberToPersian } from \"../../../method/convertDigitToEnglish\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n tableParent: {\r\n width: \"100%\",\r\n paddingBottom: 15,\r\n overflow: 'auto',\r\n },\r\n table: {\r\n backgroundColor: \"#f2f2f2\",\r\n width: \"100%\",\r\n \"& tr\": {\r\n \"& :nth-child(odd)\": {\r\n backgroundColor: \"red\",\r\n },\r\n },\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n },\r\n paper: {\r\n width: \"60%\",\r\n backgroundColor: theme.palette.background.paper,\r\n borderRadius: 8,\r\n border: 0,\r\n outline: 0,\r\n padding: theme.spacing(2, 4, 3),\r\n position: \"relative\",\r\n paddingTop: 40,\r\n [theme.breakpoints.down(\"1000\")]: {\r\n width: \"100%\",\r\n },\r\n },\r\n}));\r\n\r\n\r\n\r\nconst Index = () => {\r\n\r\n const classes = useStyles();\r\n const columns = [\r\n {\r\n key: 1,\r\n id: \"title\",\r\n label: \"عنوان\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"fullName\",\r\n label: \"نام و نام خانوادگی\",\r\n minWidth: 190,\r\n align: \"left\",\r\n format: (value) => convertNumberToPersian(value),\r\n },\r\n\r\n ];\r\n\r\n\r\n let state = [\r\n {\r\n title: \"رئیس هیئت مدیره \",\r\n fullName: \"محمدعلی شریفی نیا \"\r\n },\r\n {\r\n title: \"نایب رئیس هیئت مدیره \",\r\n fullName: \"مهدی خلیلی \"\r\n },\r\n {\r\n title: \"عضو هیئت مدیره \",\r\n fullName: \"رضا حاجی محمدخانی \"\r\n },\r\n\r\n ]\r\n\r\n return (\r\n <>\r\n \r\n \r\n );\r\n}\r\n\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Layout from \"../../../layout\";\r\nimport TitlePage from '../../common/TitlePage';\r\nimport { Box } from '@material-ui/core'\r\nimport { convertNumberToPersian } from \"../../method/convertDigitToEnglish\";\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n height: '60vh',\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n\r\n details: {\r\n width: '50%',\r\n margin: 'auto',\r\n borderRadius: 15,\r\n boxShadow: `0px 0px 36px rgba(0, 0, 0, 0.161)`,\r\n padding: \"20px 27px\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n [theme.breakpoints.down('sm')]: {\r\n width: \"98%\",\r\n }\r\n\r\n },\r\n item: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n flexDirection: 'column',\r\n color: \"black\",\r\n fontSize: \"1rem\",\r\n fontWeight: 'bold',\r\n \"& > div\": {\r\n width: \"100%\",\r\n textAlign: 'center'\r\n },\r\n\r\n },\r\n color: {\r\n color: theme.palette.light.type2\r\n },\r\n\r\n}));\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles()\r\n\r\n return (\r\n \r\n \r\n );\r\n}\r\n\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n flexDirection: 'column',\r\n margin:'70px auto',\r\n maxWidth:'100%'\r\n },\r\n gridDesc: {\r\n width: '50%',\r\n minWidth:700,\r\n maxWidth:'100%',\r\n margin: 'auto',\r\n [theme.breakpoints.down(\"800\")]: {\r\n minWidth:'100%',\r\n },\r\n },\r\n desc: {\r\n margin: 0,\r\n fontSize:16,\r\n },\r\n gridBtns: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop:'25px',\r\n [theme.breakpoints.down(\"375\")]: {\r\n flexDirection:'column',\r\n width:'100%',\r\n '& > button':{\r\n width:'90%'\r\n },\r\n '& > a':{\r\n width:'90%'\r\n }\r\n },\r\n }, \r\n btnRed: {\r\n margin: 5,\r\n [theme.breakpoints.down(\"375\")]: {\r\n width:'100%',\r\n margin: 0,\r\n },\r\n },\r\n btnWhite: {\r\n margin: 5,\r\n padding:'0px 33.5px',\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n )\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n flexDirection: 'column',\r\n margin:'70px auto',\r\n maxWidth:'100%'\r\n },\r\n gridDesc: {\r\n width: '50%',\r\n minWidth:700,\r\n maxWidth:'100%',\r\n margin: 'auto',\r\n [theme.breakpoints.down(\"800\")]: {\r\n minWidth:'100%',\r\n },\r\n },\r\n desc: {\r\n margin: 0,\r\n fontSize:16,\r\n },\r\n gridBtns: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop:'25px',\r\n [theme.breakpoints.down(\"375\")]: {\r\n flexDirection:'column',\r\n width:'100%',\r\n '& > button':{\r\n width:'90%'\r\n }\r\n },\r\n }, \r\n btnRed: {\r\n margin: 5\r\n },\r\n btnWhite: {\r\n margin: 5,\r\n padding:'0px 33.5px',\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n
\r\n
\r\n
\r\n \r\n )\r\n}\r\n\r\n\r\nlet data1 = {\r\n title: \"معرفی بورس کالا\",\r\n content: `\r\n شرکت بورس کالای ایران در آذر 1385 با ادغام بورس فلزات و بورس کالای کشاورزی تشکیل شد و از مهر 1386 کار خود را زیر نظر سازمان بورس و اوراق بهادار آغاز کرد. بورس كالا، بازار منسجمی است كه تعداد زیادی از عرضهكنندگان، كالای خود را به خریداران عرضه میکنند. در این بورس، کالاها در چند گروه نظیر محصولات فولادی، کشاورزی، پتروشیمی و فرآورده های نفتی دادوستد میشوند.\r\n کارگزاری پویان با ارائه خدمات متنوع، یکی از برترین کارگزاران فعال در بورس کالا ایران است. پویان براساس رتبهبندی کارگزاران توسط سازمان بورس و اوراق بهادار، همواره حائز ردههای اول در میان کارگزاریهای رتبه «الف» است. تعهد در انجام سفارشات، ارائه بهترین خدمات مشاوره به مشتریان و همچنین سرعت و دقت در اجرای سفارشات از اصول اولیه \r\n در تعامل با مشتریان است.\r\n `,\r\n src: \"kala.png\"\r\n}\r\n\r\nconst data2 = {\r\n title: 'روند پیدایش و تکامل بورسهای کالا در جهان',\r\n desc: `\r\n بررسی روند پیدایش و تکامل بورسهای کالا در جهان حاکی از آن است که اینگونه بازارها در عرصه اقتصاد کشورها از قرن ۱۹ به بعد در پی پاسخگویی به برخی از نیازمندیهای اقتصادی و در بسیاری موارد رفع برخی تنگناها و موانع در بازار کالاهای مختلف بوده است.\r\n در واقع نارساییهای بازارهای سنتی در شکل نوسانات کاذب و عدم شفافیت در کشف قیمت و فقدان تضمینهای لازم برای معاملهگران از مهمترین دلایل راهاندازی بورسهای کالایی در کشورهای جهان بوده است.\r\n در چنین شرایطی وجود بورسهای کالایی و استفاده از ابزارهای مشتقه به پدید آمدن یک نظام سازمانیافته دادوستد و توزیع کالاها در کشورهای مختلف منجر شده و راه ورود به بازارهای جهانی را برای کشورها تسهیل کرده است.\r\n `,\r\n desc2: `\r\n از اینرو هماکنون صدها بورسکالایی مدرن در سراسر جهان دایر است که از قدیمیترین آنها میتوان به بورس معروف و تجاری شیکاگو(CME) با ۱۷۰ سال سابقه، بورس فلزات لندن(LME) با ۱۳۰ سال سابقه، بورسکالای نیویورک(NYMEX)، بورسکالای توکیو (TOCOM)، بورس کالای شانگهای(SHFE)، بورس کالای هند(MCX) اشاره کرد.\r\n `,\r\n btn: '',\r\n}\r\n\r\nconst data3 = {\r\n title: 'انواع بازارهای کالا',\r\n desc:'بورس کالا بازاری است متشکل و سازمان یافته که در آن به طور منظم کالاهای معین با روشهایی از قبل تعریف شده مورد معامله قرار میگیرند. در این بازار تعداد زیادی عرضهکننده و خریدار از طریق کارگزاران اقدام به معامله میکنند، در حال حاضر بورس کالا در ایران در چند حوزه فعالیت دارد که البته در حال گسترش در حوزههای دیگر نیز است.',\r\n data: [\r\n {\r\n title: 'بازار مالی',\r\n desc: 'بازار مالی در بورس کالا از سه زیر مجموعه اصلی شامل «سلف موازی استاندارد»، «گواهی سپرده کالایی» و «صندوقهای کالایی» تشکیل شده است. بازار مالی در بورس کالا با هدف جذب هرچه بیشتر سرمایه و تامین مالی مورد نیاز شکل گرفته است.',\r\n },\r\n \r\n {\r\n title: 'بازار مشتقه',\r\n desc: 'بازار مشتقه با بهرهمندی از ابزارهایی نظیر قراردادهای آتی و اختیار معامله، کارکرد متنوعی برای طیف گستردهای از سرمایهگذاران دارد. در این بازار یک دارایی پایه که قراردادها بر روی آن منتشر میشوند، تعریف میشود. این دارایی پایه میتواند محصولات کشاورزی، انواع فلزات و انواع فراوردههای نفتی باشد. در بورس کالا نخستین بازار قراردادهای آتی روی سکه و محصولات کشاورزی مانند زعفران شکل گرفت. پس از مدتی در این نوع معاملات محصولات دیگری مثل پسته و زیره نیز افزوده شدند.',\r\n },\r\n \r\n {\r\n title: 'بازار فیزیکی',\r\n desc: 'بازار فیزیکی یکی از بخشهای مهم بورس کالا است. در بازار فیزیکی تحویل کالا مشابه بازار سنتی انجام میشود، البته قوانین و سازوکارهای بهخصوصی نیز برای آن تعریف شده است. در بازار فیزیکی عرضهکننده مواد خام (پتروشیمیها، فلزات و محصولات کشاورزی) و مصرف کننده با نظر گرفتن قوانین حاکم بر بورس کالا و با مزیت شفافیت در قیمتها وارد معامله میشوند.',\r\n },\r\n \r\n {\r\n title: '',\r\n desc: '',\r\n },\r\n ]\r\n}\r\n","import React from \"react\";\r\nimport {makeStyles} from \"@material-ui/core/styles\";\r\nimport TitlePage from \"./../../../common/TitlePage\";\r\nimport {Box} from \"@material-ui/core\";\r\nimport {convertNumberToPersian} from \"../../../method/convertDigitToEnglish\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n container: {\r\n position: \"relative\",\r\n overflow: \"hidden\",\r\n marginTop: 90,\r\n },\r\n root: {\r\n width: \"60%\",\r\n margin: \"0 auto\",\r\n textAlign: \"center\",\r\n paddingBottom: 100,\r\n [theme.breakpoints.down(\"680\")]: {\r\n width: \"95%\",\r\n flexDirection: \"wrap\",\r\n paddingBottom: 60,\r\n },\r\n },\r\n content: {\r\n width: \"100%\",\r\n display: \"grid\",\r\n gridTemplateColumns: \"auto auto auto auto auto\",\r\n justifyContent: \"center\",\r\n marginTop: 60,\r\n flexWrap: \"wrap\",\r\n [theme.breakpoints.down(\"1450\")]: {\r\n marginTop: 20,\r\n gridTemplateColumns: \"auto auto auto \",\r\n },\r\n // [theme.breakpoints.down(\"1000\")]: {\r\n // marginTop: 20,\r\n // gridTemplateColumns: \"auto auto\",\r\n // gridGap: \"20px 50px\",\r\n // },\r\n [theme.breakpoints.down(\"708\")]: {\r\n marginTop: 20,\r\n gridTemplateColumns: \"auto\",\r\n gridGap: \"5px 5px\",\r\n },\r\n \"& p\": {\r\n fontSize: 15,\r\n color: \"black\",\r\n width: '85%',\r\n margin: '0 auto',\r\n },\r\n \"& img\": {\r\n height: 80,\r\n },\r\n \"& button\": {\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n borderRadius: 18,\r\n color: theme.palette.light.type2,\r\n padding: \"7px 18px\",\r\n [theme.breakpoints.down(\"680\")]: {\r\n padding: \"7px 13px\",\r\n },\r\n },\r\n },\r\n box: {\r\n margin: \"10px 10px\",\r\n width: \"187px\",\r\n height: \"270px\",\r\n // background: \"#ffffff\",\r\n background: \"#f2f4f6\",\r\n borderRadius: \"10px\",\r\n // boxShadow: \"0px 0px 10px 0px rgba(0,0,0,0.16)\",\r\n [theme.breakpoints.down(\"600\")]: {\r\n width: \"160px\",\r\n },\r\n [theme.breakpoints.down(\"450\")]: {\r\n width: \"148px\",\r\n margin: \"3px 3px\",\r\n },\r\n },\r\n color: {\r\n color: theme.palette.light.type2\r\n },\r\n arrowBox: {\r\n [theme.breakpoints.down(\"708\")]: {\r\n display: 'block',\r\n transform: \"rotate(90deg)\"\r\n },\r\n },\r\n parentArrow: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n [theme.breakpoints.down(\"708\")]: {\r\n flexDirection: \"column\",\r\n justifyContent: \"rotate(90deg)\"\r\n },\r\n }\r\n}));\r\n\r\nexport default function SystemTrades() {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nlet data = {\r\n title: \" ثبت نام خودرو\",\r\n content: `\r\n شرایط خاص اقتصادی سال های اخیر که به ارز چند نرخی منجر شد، همه بازارها و بنگاه های اقتصادی را با چالش های بزرگی مواجه کرد؛ صنعت خودروسازی از جمله بزرگترین ضررکنندگان این وضعیت بود که با حذف ارز ترجیحی برای خرید قطعات و عدم تغییر قیمت محصولات به زیان دهی رسیدند. با رشد مداوم نرخ ارز و عدم اجازه رشد مناسب نرخ محصولات در کارخانه، سود هنگفتی نصیب دلالان و یا خریداران خوش شانس قرعه کشی ها می شد. تنها راه بهبود وضعیت برای خودروسازان و مصرف کنندگان واقعی، حذف واسطه ها و قیمت گذاری دستوری است، تابستان 1401 بالاخره وزارت صمت با وجود مخالفت های شدید برای عرضه خودرو از طریق سازوکار بورس کالا، با فرآهم شدن زیرساخت های لازم در جهت تحقق این کار موافقت خود را اعلام کرد؛ تا خرید و فروش این کالا با بالاترین شفافیت ممکن و رقابت بین خریداران و فروشندگان امکان پذیر شود.\r\n `,\r\n src: \"caaaar.png\"\r\n}\r\n\r\n","import React from 'react'\r\nimport Title from '../../../components/common/TitleFooter';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport { Link } from 'react-router-dom';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n card: {\r\n width: '24%',\r\n // minWidth: 300,\r\n [theme.breakpoints.down('md')]: {\r\n width: '100%',\r\n\r\n },\r\n },\r\n list: {\r\n listStyle: 'none',\r\n width: '100%',\r\n lineHeight: 3,\r\n '& > li': {\r\n width: '100%',\r\n margin: 'auto',\r\n textAlign: 'left',\r\n position:'relative',\r\n left: 30,\r\n // display:'flex',\r\n // alignItems:'center',\r\n\r\n // '& > dev svg': {\r\n // width: 14,\r\n // height: 20,\r\n // // fill: theme.palette.light.type2,\r\n // fill: \"#0B1742\",\r\n // marginRight: 8,\r\n // position: 'relative',\r\n // top: -2.5,\r\n // }\r\n }\r\n },\r\n text: {\r\n // fontSize: theme.fontSize.xSmall\r\n fontSize: 13,\r\n [theme.breakpoints.down('xs')]: {\r\n fontSize: 12,\r\n\r\n },\r\n },\r\n gridIcons:{\r\n position:'absolute'\r\n },\r\n icons:{\r\n width: 14,\r\n height: 20,\r\n fill: \"#0B1742\",\r\n marginRight: 8,\r\n position: 'relative',\r\n top: -2.5,\r\n left: -20,\r\n }\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useStyles()\r\n\r\n return (\r\n \r\n \r\n ![\"pouyan\"](\"/assets/images/scrollTop.svg\")
\r\n \r\n \r\n )\r\n}\r\n\r\n\r\n\r\n\r\nfunction ScrollTop(props) {\r\n const { children, window } = props;\r\n const classes = useStyles();\r\n // Note that you normally won't need to set the window ref as useScrollTrigger\r\n // will default to window.\r\n // This is only being set here because the demo is in an iframe.\r\n const trigger = useScrollTrigger({\r\n target: window ? window() : undefined,\r\n // disableHysteresis: true,\r\n threshold: 500,\r\n });\r\n\r\n const handleClick = (event) => {\r\n const anchor = (event.target.ownerDocument || document).querySelector('#back-to-top-anchor');\r\n\r\n if (anchor) {\r\n anchor.scrollIntoView({ behavior: 'smooth', block: 'center' });\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n {children}\r\n \r\n \r\n );\r\n}\r\n\r\n","import React from \"react\";\r\nimport Header from \"./Header\";\r\nimport HeaderMobile from \"./newHeaderMobil\";\r\nimport Footer from \"./Footer\";\r\nimport HeaderPage from \"./../components/common/HeaderPage\";\r\nimport { Container } from \"@material-ui/core\";\r\nimport Hidden from \"@material-ui/core/Hidden\";\r\nimport ScrollToTop from \"./ScrollToTop/ScrollToTop\";\r\n\r\n\r\n\r\nexport default function ErrorPage404({home}) {\r\n\r\n \r\n let dataMenu = [\r\n {\r\n label: \"سرمایهگذاری\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"از کجا شروع کنیم\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"شروع سرمایهگذاری\",\r\n route: \"/Investment\",\r\n },\r\n {\r\n label: \"سوالات متداول\",\r\n route: \"/faq\",\r\n },\r\n {\r\n label: \"اخبار و آموزش بورس \",\r\n route: \"https://mag.pouyanbroker.com/\",\r\n badge: {\r\n title: 'مجله پویان'\r\n }\r\n },\r\n // {\r\n // label: \"آموزش\",\r\n // route: \"/education\",\r\n // },\r\n ],\r\n },\r\n {\r\n label: \"سامانههای معاملاتی\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"سامانه آنلاین\",\r\n route: \"/Trades\",\r\n },\r\n {\r\n label: \"تغییر پنل معاملاتی\",\r\n route: \"/\",\r\n \r\n },\r\n {\r\n label: \"پنل خدمات مشتریان\",\r\n route: \"https://my.pouyanbroker.ir\",\r\n },\r\n ],\r\n },\r\n ]\r\n },\r\n {\r\n label: \"معاملات آنلاین\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"اوراق بهادار\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"درباره اوراق بهادار\",\r\n route: \"/oragh\",\r\n },\r\n {\r\n label: \"درباره کد بورسی و سجام\",\r\n route: \"https://reg.pouyanbroker.ir/auth/phone\",\r\n },\r\n {\r\n label: \"فایلهای آموزشی\",\r\n route: \"/education\",\r\n },\r\n ],\r\n },\r\n {\r\n label: \"بورس کالا\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"درباره بورس کالا\",\r\n route: \"/kala\",\r\n },\r\n {\r\n label: \"معاملات آتی کالا\",\r\n route: \"https://pouyan.ebgo.ir/Login\",\r\n },\r\n {\r\n label: \"خرید خودرو در بورس\",\r\n route: \"/khodro\",\r\n },\r\n // {\r\n // label: \"اطلاعیه های عرضه\",\r\n // route: \"/bourseKala\",\r\n // },\r\n // {\r\n // label: \"درباره بورس کالا\",\r\n // route: \"/kala\",\r\n // },\r\n // {\r\n // label: \"معاملات مشتقه کالا (آتی)\",\r\n // route: \"https://pouyan.ebgo.ir/Login\",\r\n // },\r\n // {\r\n // label: \"اخبار و تحلیلها\",\r\n // route: \"/\",\r\n // },\r\n // {\r\n // label: \"ثبت نام خرید خودرو\",\r\n // route: \"/khodro\",\r\n // },\r\n // {\r\n // label: \"اطلاعیه های عرضه،آمار معاملات\",\r\n // route: \"/bourseKala\",\r\n // },\r\n ],\r\n },\r\n {\r\n label: \"بورس انرژی\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"درباره بورس انرژی\",\r\n route: \"/energy\",\r\n },\r\n ],\r\n },\r\n ]\r\n },\r\n {\r\n label: \"شعب و دفاتر\",\r\n route: \"/Shoab\",\r\n child: []\r\n },\r\n {\r\n label: \"درباره پویان\",\r\n route: \"/\",\r\n child: [\r\n {\r\n label: \"آشنایی با پویان\",\r\n route: \"/AboutUs\",\r\n child: [\r\n {\r\n label: \"مدیران\",\r\n route: \"/MangementUsers\",\r\n },\r\n {\r\n label: \"شعب و دفاتر\",\r\n route: \"/Shoab\",\r\n },\r\n {\r\n label: \"شماره حسابها\",\r\n route: \"/AcountNumber\",\r\n },\r\n {\r\n label: \"درباره پویان\",\r\n route: \"/AboutUs\",\r\n },\r\n {\r\n label: \" ارتباط با ما\",\r\n route: \"/ContactUs\",\r\n },\r\n ],\r\n },\r\n ]\r\n },\r\n {\r\n label: \"مجله پویان\",\r\n route: \"https://mag.pouyanbroker.com/\",\r\n child: []\r\n },\r\n]\r\n\r\n return (\r\n\r\n \r\n \r\n\r\n \r\n );\r\n}\r\n","import {\r\n Box,\r\n LinearProgress,\r\n makeStyles,\r\n Paper,\r\n Table,\r\n TableBody,\r\n TableCell,\r\n TableContainer,\r\n TableHead,\r\n TablePagination,\r\n TableRow,\r\n styled,\r\n} from \"@material-ui/core\";\r\nimport React, { useEffect, useState } from \"react\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"100%\",\r\n position: \"relative\",\r\n },\r\n container: {\r\n height: \"max-content\",\r\n },\r\n tableCellCustom: {\r\n whiteSpace: \"nowrap\",\r\n width: 200,\r\n padding: 10,\r\n [theme.breakpoints.down(\"md\")]: {\r\n fontSize: \"0.8em\",\r\n }\r\n },\r\n noData: {\r\n width: \"90%\",\r\n // height:40,\r\n fontSize: 20,\r\n border: \"1px solid lightgray\",\r\n margin: \"20px auto\",\r\n borderRadius: 5,\r\n padding: 10,\r\n },\r\n}));\r\n\r\nconst StyledTableRow = styled(TableRow)(({ theme }) => ({\r\n \"&:nth-of-type(even)\": {\r\n backgroundColor: \"#F2F4F6\",\r\n },\r\n // hide last border\r\n \"&:last-child td, &:last-child th\": {\r\n border: 0,\r\n },\r\n}));\r\n\r\nconst TableBourse = ({\r\n bourseInstruments,\r\n setRowsPerPage,\r\n rowsPerPage,\r\n setPage,\r\n page,\r\n}) => {\r\n const classes = useStyles();\r\n\r\n const [stateData, setstateData] = useState([]);\r\n\r\n useEffect(() => {\r\n setstateData(bourseInstruments);\r\n }, [bourseInstruments]);\r\n\r\n const changePage = (event, newPage) => {\r\n setPage(newPage);\r\n };\r\n\r\n const changeRowsPerPage = (event, data) => {\r\n setRowsPerPage(+event.target.value);\r\n setPage(0);\r\n };\r\n\r\n const handleLink = (text) => {\r\n return \r\n \r\n \r\n
\r\n\r\n {stateData?.data?.lenght === 0 && (\r\n \r\n\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default TableBourse;\r\n\r\nconst columns = [\r\n { id: \"Attachment\", label: \"پیوست\", minWidth: 120, align: \"center\" },\r\n { id: \"cBrokerSpcName\", label: \"کارگزار\", minWidth: 120, align: \"center\" },\r\n { id: \"bArzehTarArzeh\", label: \"تاریخ عرضه\", minWidth: 120, align: \"center\" },\r\n {\r\n id: \"bArzehRadifNamadKala\",\r\n label: \"نام کالا\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n\r\n {\r\n id: \"xKalaNamadKala\",\r\n label: \"نماد\",\r\n minWidth: 120,\r\n align: \"left\",\r\n // format: (value) => value.toLocaleString('en-US'),\r\n },\r\n {\r\n id: \"xTolidKonandehSharh\",\r\n label: \"تولید کننده\",\r\n minWidth: 120,\r\n align: \"right\",\r\n // format: (value) => value.toLocaleString('en-US'),\r\n },\r\n {\r\n id: \"ArzehKonandeh\",\r\n label: \"عرضه کننده\",\r\n minWidth: 120,\r\n align: \"center\",\r\n // format: (value) => value.toLocaleString('en-US'),\r\n },\r\n // {\r\n // id: 'areaCode',\r\n // label: 'پیش شماره',\r\n // minWidth: 170,\r\n // align: 'center',\r\n // // format: (value) => value.toLocaleString('en-US'),\r\n // },\r\n {\r\n id: \"bArzehRadifMaxKharidM\",\r\n // label: \"عرضه کالای قابل عرضه\",\r\n label: \"حجم کالای قابل عرضه\",\r\n minWidth: 120,\r\n align: \"center\",\r\n // format: (value) => value.toFixed(2),\r\n },\r\n {\r\n id: \"bArzehRadifMinArzeh\",\r\n label: \"حداقل عرضه\",\r\n minWidth: 120,\r\n align: \"center\",\r\n // format: (value) => value.toFixed(2),\r\n },\r\n {\r\n id: \"bArzehRadifMab\",\r\n label: \"قیمت پایه\",\r\n minWidth: 120,\r\n align: \"center\",\r\n // format: (value) => value.toFixed(2),\r\n },\r\n {\r\n id: \"xMahalTahvilSharh\",\r\n label: \"مکان تحویل\",\r\n minWidth: 120,\r\n align: \"center\",\r\n\r\n // format: (value) => value.toFixed(2),\r\n },\r\n {\r\n id: \"Currency\",\r\n label: \"نوع ارز\",\r\n minWidth: 120,\r\n align: \"center\",\r\n // format: (value) => value.toFixed(2),\r\n },\r\n {\r\n id: \"Unit\",\r\n label: \"واحد\",\r\n minWidth: 120,\r\n align: \"center\",\r\n // format: (value) => value.toFixed(2),\r\n },\r\n];\r\n","import React from 'react'\r\nimport {\r\n MuiPickersUtilsProvider,\r\n KeyboardDatePicker\r\n} from \"@material-ui/pickers\";\r\nimport jMoment from \"moment-jalaali\";\r\nimport JalaliUtils from \"@date-io/jalaali\";\r\nimport './index.module.scss';\r\n\r\n\r\njMoment.loadPersian({ dialect: \"persian-modern\", usePersianDigits: true });\r\n\r\nconst Index = ({ label, value, setValue , required })=> {\r\n\r\n\r\n return (\r\n \r\n option.Name}\r\n value={textmainGroup}\r\n onChange={(event, value) =>\r\n handleChange(event, value, \"main_category\")\r\n }\r\n renderInput={(params) => (\r\n \r\n \r\n option.name}\r\n value={category}\r\n onChange={(event, value) =>\r\n handleChangeCategory(event, value, \"category\")\r\n }\r\n renderInput={(params) => (\r\n \r\n \r\n option.name}\r\n value={textGetSubcategory}\r\n onChange={(event, value) =>\r\n getCodeSubCategory(event, value, \"sub_category\")\r\n }\r\n renderInput={(params) => (\r\n \r\n \r\n option.name}\r\n value={textproducer}\r\n onChange={(event, value) =>\r\n handleChangeProducer(event, value, \"producer\")\r\n }\r\n renderInput={(params) => (\r\n \r\n \r\n handelChangeDate(data, \"from_date\")}\r\n />\r\n \r\n\r\n \r\n handelChangeDate(data, \"to_date\")}\r\n />\r\n \r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default Index;\r\n","import { Box, makeStyles, TextField } from \"@material-ui/core\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport DatePicker from \"../../../common/datePicker\";\r\nimport Input from './input'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n button: {\r\n backgroundColor: \"#CD2F4E\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"0 9px 9px 9px\",\r\n marginRight: 10,\r\n width: 90,\r\n height: 35,\r\n boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n },\r\n button2: {\r\n backgroundColor: \"#64a51c\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"0 9px 9px 9px\",\r\n marginRight: 10,\r\n width: 90,\r\n height: 35,\r\n boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n },\r\n\r\n block: {\r\n width: \"100%\",\r\n height: 0,\r\n visibility: \"hidden\",\r\n boxShadow: \" rgba(0, 0, 0, 0.15) 0px 5px 15px 0px\",\r\n },\r\n // div:{\r\n // display: 'grid',\r\n // // gridColumnGap: '50px'\r\n // backgroundColor:'white',\r\n // gridTemplateColumns: 'auto auto auto auto auto auto',\r\n // // backgroundColor: '#2196F3',\r\n // padding: 10,\r\n // ['@media (max-width:1800px)']: { // eslint-disable-line no-useless-computed-key\r\n // gridTemplateColumns: 'auto auto auto auto auto',\r\n // },\r\n // ['@media (max-width:1800px)']: { // eslint-disable-line no-useless-computed-key\r\n // gridTemplateColumns: 'auto auto auto auto',\r\n // },\r\n // },\r\n\r\n none: {\r\n width: \"100%\",\r\n height: 0,\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n boxShadow: \" rgba(0, 0, 0, 0.15) 0px 5px 15px 0px\",\r\n animation: \"$fadeOut 0.4s\",\r\n \"@media (min-width:300px) and (max-width:767px)\": {\r\n animation: \"$fadeOutSm 0.4s\",\r\n },\r\n \"@media (min-width:768px) and (max-width:992px)\": {\r\n animation: \"$fadeOutMd 0.4s\",\r\n },\r\n \"@media (min-width:991px) and (max-width:1650px)\": {\r\n animation: \"$fadeOutLg 0.4s\",\r\n },\r\n },\r\n transform:{\r\n \"@media (min-width:300px) and (max-width:767px)\": {\r\n transform:'scale(0.8,0.8)',\r\n },\r\n },\r\n\r\n filter: {\r\n width: \"100%\",\r\n height: 150,\r\n visibility: \"visible\",\r\n opacity: 1,\r\n borderRadius: 10,\r\n boxShadow: \" rgba(0, 0, 0, 0.15) 0px 5px 15px 0px\",\r\n animation: \"$fadeIn 0.4s\",\r\n [\"@media (min-width:280px) and (max-width:767px)\"]: {\r\n height: 530,\r\n animation: \"$fadeInSm 0.4s\",\r\n },\r\n \"@media (min-width:768px) and (max-width:991px)\": {\r\n height: 300,\r\n animation: \"$fadeInMd 0.4s\",\r\n },\r\n \"@media (min-width:991px) and (max-width:1650px)\": {\r\n height: 250,\r\n animation: \"$fadeInLg 0.4s\",\r\n },\r\n // ['@media (min-width:780px)']: {\r\n // height: 300,\r\n // animation: \"$fadeInSm 0.4s\",\r\n // },\r\n // ['@media (min-width:780px)']: {\r\n // height: 200,\r\n // animation: \"$fadeInSm 0.4s\",\r\n // },\r\n },\r\n\r\n \"@keyframes fadeIn\": {\r\n \"0%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: 0,\r\n boxShadow: 0,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 150,\r\n boxShadow: \" rgba(0, 0, 0, 0.15) 0px 5px 15px 0px\",\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeInMd\": {\r\n \"0%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: 0,\r\n boxShadow: 0,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 300,\r\n boxShadow: \" rgba(0, 0, 0, 0.15) 0px 5px 15px 0px\",\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeInSm\": {\r\n \"0%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: 0,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n\r\n \"100%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 530,\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeInLg\": {\r\n \"0%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: 0,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n\r\n \"100%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 250,\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n\r\n \"@keyframes fadeOut\": {\r\n \"0%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 150,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: \"0\",\r\n \r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeOutMd\": {\r\n \"0%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 300,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: 0,\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeOutSm\": {\r\n \"0%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 530,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: \"0\",\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeOutLg\": {\r\n \"0%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 250,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: \"0\",\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n}));\r\n\r\nconst Index = ({\r\n bourseMainGroupReducer,\r\n handleChange,\r\n mainCategory,\r\n boursecategory,\r\n bourseSubcategory,\r\n handleChangeCategory,\r\n subCategory,\r\n bourseProducer,\r\n getCodeSubCategory,\r\n getCodeSubCategoryState,\r\n handleChangeProducer,\r\n handleSubmit,\r\n handleExit,\r\n handelChangeDate,\r\n stateFilter,\r\n FlagFilter,\r\n flag,\r\n producer,\r\n mainGroup,\r\n setstateFilter,\r\n}) => {\r\n const classes = useStyles();\r\n // const [dateMin, setdateMin] = useState();\r\n // const [dateMax, setdateMax] = useState();\r\n\r\n let category = subCategory;\r\n let textGetSubcategory = getCodeSubCategoryState;\r\n let textproducer = producer;\r\n let textmainGroup = mainGroup;\r\n\r\n useEffect(() => {\r\n if (subCategory === null) {\r\n category = \"\";\r\n }\r\n }, [subCategory, subCategory]);\r\n\r\n useEffect(() => {\r\n if (getCodeSubCategoryState === null) {\r\n textGetSubcategory = \"\";\r\n }\r\n }, [getCodeSubCategoryState]);\r\n\r\n useEffect(() => {\r\n textproducer = \"\";\r\n }, [textproducer]);\r\n\r\n useEffect(() => {\r\n textmainGroup = \"\";\r\n }, [textmainGroup]);\r\n\r\n useEffect(() => {\r\n if (stateFilter.from_date) {\r\n if (stateFilter.from_date.includes(\"undefined\")) {\r\n setstateFilter((prev) => ({\r\n ...prev,\r\n from_date: null,\r\n }));\r\n }\r\n }\r\n }, [stateFilter.from_date]);\r\n useEffect(() => {\r\n if (stateFilter.to_date) {\r\n if (stateFilter.to_date.includes(\"undefined\")) {\r\n setstateFilter((prev) => ({\r\n ...prev,\r\n to_date: null,\r\n }));\r\n }\r\n }\r\n }, [stateFilter.to_date]);\r\n // useEffect(() => {\r\n // let days = new Date();\r\n // days.setDate(days.getDate()-2);\r\n // setdateMin(days);\r\n // }, []);\r\n // useEffect(() => {\r\n // let days = new Date();\r\n // days.setDate(days.getDate()+2);\r\n // setdateMax(days);\r\n // }, []);\r\n\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 {mainCategory? mainCategory.Name :'همه گروه ها'} \r\n \r\n تاریخ عرضه \r\n \r\n {statePDf.from_date? dateMiladiToShamsi(statePDf.from_date.split(\" \")) : date} \r\n \r\n تعداد عرضه \r\n \r\n {bourseInstruments.length} \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 MainPdf;\r\n","import React from \"react\";\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nimport {\r\n Page,\r\n Text,\r\n View,\r\n Document,\r\n StyleSheet,\r\n Font,\r\n Image,\r\n } from \"@react-pdf/renderer\";\r\n \r\n const stylePdf = StyleSheet.create({\r\n tableHeadParent: {\r\n width: \"100%\",\r\n height: 50,\r\n display: \"flex\",\r\n flexDirection: \"row-reverse\",\r\n justifyContent: \"space-between\",\r\n alignItems: \"center\",\r\n borderRadius: 9,\r\n },\r\n tableHead: {\r\n width:80 ,\r\n height: 30,\r\n display: \"flex\",\r\n flexDirection:'row',\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n backgroundColor: \"#0B1742\",\r\n color: \"white\",\r\n fontSize:10,\r\n borderRadius:8,\r\n },\r\n tableHeadPrice: {\r\n width:60 ,\r\n height: 30,\r\n display: \"flex\",\r\n flexDirection:'row',\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n backgroundColor: \"#0B1742\",\r\n color: \"white\",\r\n fontSize:10,\r\n borderRadius:8,\r\n },\r\n tableHeadName: {\r\n width:150,\r\n height: 30,\r\n display: \"flex\",\r\n flexDirection:'row',\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n backgroundColor: \"#0B1742\",\r\n color: \"white\",\r\n fontSize:10,\r\n borderRadius:8,\r\n },\r\n tableHeadCode: {\r\n width: 55,\r\n height: 30,\r\n display: \"flex\",\r\n flexDirection:'row',\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n backgroundColor: \"#0B1742\",\r\n color: \"white\",\r\n fontSize:10,\r\n borderRadius:8,\r\n },\r\n tableHeadtahvil: {\r\n width: 55,\r\n height: 30,\r\n display: \"flex\",\r\n flexDirection:'row',\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n backgroundColor: \"#0B1742\",\r\n color: \"white\",\r\n fontSize:10,\r\n borderRadius:8,\r\n },\r\n \r\n tableHeadDes: {\r\n width: 470,\r\n height: 30,\r\n display: \"flex\",\r\n flexDirection:'row',\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n backgroundColor: \"#0B1742\",\r\n color: \"white\",\r\n fontSize:10,\r\n borderRadius:8\r\n },\r\n });\r\n \r\n\r\nconst TableHeadPdf = () => {\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 \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\r\nexport default TableHeadPdf;","import React, { useEffect } from \"react\";\r\n\r\nimport {\r\n Page,\r\n Text,\r\n View,\r\n Document,\r\n StyleSheet,\r\n Font,\r\n Image,\r\n} from \"@react-pdf/renderer\";\r\nimport TableHeadPdf from \"../../../table/tableHead\";\r\n\r\n\r\n\r\n\r\nconst stylePdf = StyleSheet.create({\r\n tableBody: {\r\n width: \"100%\",\r\n height: \"90%\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n fontFamily: \"iransans\",\r\n },\r\n tableRow: {\r\n width: \"100%\",\r\n height: 120,\r\n display: \"flex\",\r\n flexDirection: \"row-reverse\",\r\n justifyContent: \"space-between\",\r\n alignItems: \"center\",\r\n borderRadius: 9,\r\n backgroundColor: \"#f2f2f2\",\r\n border:'1px solid white'\r\n },\r\n tableCell: {\r\n width: 80,\r\n minHeight: 150,\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n color: \"black\",\r\n fontWeight: \"bold\",\r\n fontSize: 9\r\n },\r\n tableCellPrice: {\r\n width: 60,\r\n minHeight: 150,\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n color: \"black\",\r\n fontWeight: \"bold\",\r\n fontSize: 10,\r\n },\r\n tableCellName: {\r\n width: 150,\r\n minHeight: 150,\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n color: \"black\",\r\n fontWeight: \"bold\",\r\n fontSize: 9,\r\n },\r\n tableCellCode: {\r\n width: 55,\r\n minHeight: 150,\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n color: \"black\",\r\n fontWeight: \"bold\",\r\n fontSize: 10,\r\n },\r\n tableCellTahvil: {\r\n width: 55,\r\n minHeight: 150,\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n color: \"black\",\r\n fontWeight: \"bold\",\r\n fontSize: 9,\r\n },\r\n tableCellDes: {\r\n width: 470,\r\n height: \"100%\",\r\n display: \"flex\",\r\n flexDirection:\"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n color: \"black\",\r\n fontSize: 10,\r\n borderRadius: 8,\r\n fontWeight: \"bold\",\r\n },\r\n tableText: {\r\n fontSize: 7,\r\n // display:'flex',\r\n // flexDirection:'row-reverse',\r\n textAlign: \"center\",\r\n },\r\n tableTextName: {\r\n fontSize: 7,\r\n // display:'flex',\r\n // flexDirection:'row-reverse',\r\n textAlign: \"center\",\r\n },\r\n tableTextDes: {\r\n width:'100%',\r\n textAlign:'center',\r\n fontSize: 7,\r\n display: \"flex\",\r\n flexDirection: \"column-reverse\",\r\n },\r\n info: {\r\n marginBottom: 5,\r\n width: \"100%\",\r\n height: \"100%\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n },\r\n});\r\n\r\nconst TablePdf = ({\r\n totalPdf,\r\n bourseInstruments,\r\n handleClose,\r\n open,\r\n flag,\r\n setflag,\r\n mainCategory,\r\n exmaple,\r\n index,\r\n arrayState,\r\n}) => {\r\n // const hanldeTextdes = () => {\r\n // return {\"jsj\"} ;\r\n // };\r\n\r\n\r\n return (\r\n <>\r\n \r\n {bourseInstruments\r\n ?.filter((data, ins) => ins >= index * 6 && ins < (index + 1) * 6)\r\n .map((info, index) => (\r\n \r\n \r\n {info.bArzehRadifPK} \r\n \r\n \r\n \r\n {info.bArzehRadifNamadKala.replaceAll(\")\",\" \").replaceAll(\"(\",\" \").replaceAll(\"-\",\" \")}\r\n \r\n \r\n \r\n {info.ArzehKonandeh} \r\n \r\n \r\n {Object.keys(info.text).map((ind)=>(\r\n \r\n {info.text[ind]}\r\n \r\n ))\r\n }\r\n \r\n \r\n {info.bArzehRadifMaxKharidM} \r\n \r\n \r\n {info.bArzehRadifMab} \r\n \r\n \r\n \r\n {info.bArzehRadifTarTahvil}\r\n \r\n \r\n \r\n \r\n {info.bArzehRadifTasviehTypeSharh}\r\n \r\n \r\n \r\n {info.bArzehRadifMinArzeh} \r\n \r\n \r\n ))}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default TablePdf;\r\n","import React from \"react\";\r\n\r\nimport {\r\n Page,\r\n Text,\r\n View,\r\n Document,\r\n StyleSheet,\r\n Font,\r\n Image,\r\n} from \"@react-pdf/renderer\";\r\nimport TablePdf from \"./table\";\r\nimport { dateMiladiToShamsi } from \"../../../../method/date\";\r\n\r\nconst stylePdf = StyleSheet.create({\r\n // root: {\r\n // fontFamily: \"iransans\",\r\n // },\r\n view: {\r\n width: \"100%\",\r\n height: \"100%\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n backgroundColor: \"white\",\r\n },\r\n boxHeader: {\r\n width: \"100%\",\r\n height: 50,\r\n backgroundColor: \"#0B1742\",\r\n borderRadius: 9,\r\n marginTop: 2,\r\n flexDirection: \"row\",\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"space-around\",\r\n },\r\n boxParent: {\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n width: 250,\r\n },\r\n boxTitle: {\r\n width: 170,\r\n height: 30,\r\n borderRadius: 6,\r\n backgroundColor: \"#f2f2f2\",\r\n marginRight: 15,\r\n fontSize:12,\r\n display:'felx',\r\n justifyContent:'center',\r\n alignItems:'center'\r\n },\r\n boxText: {\r\n color: \"#f2f2f2\",\r\n },\r\n h: {\r\n color: \"#f2f2f2\",\r\n },\r\n boxFooter: {\r\n width: \"100%\",\r\n height: 30,\r\n backgroundColor: \"#0B1742\",\r\n borderRadius: 9,\r\n color: \"white\",\r\n display: \"flex\",\r\n flexDirection: \"row-reverse\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n boxFooterTextParent: {\r\n width: 100,\r\n display: \"flex\",\r\n flexDirection: \"row-reverse\",\r\n justifyContent: \"space-between\",\r\n alignItems: \"center\",\r\n\r\n },\r\n});\r\n\r\nconst HeaderPdf = ({\r\n totalPdf,\r\n bourseInstruments,\r\n handleClose,\r\n open,\r\n flag,\r\n setflag,\r\n mainCategory,\r\n exmaple,\r\n arrayState,\r\n statePDf,\r\n date\r\n}) => {\r\n return (\r\n <>\r\n {totalPdf?.map((info, index) => (\r\n \r\n \r\n \r\n \r\n \r\n {statePDf.from_date? dateMiladiToShamsi(statePDf.from_date.split(\" \")) : date} \r\n \r\n تاریخ عرضه \r\n \r\n \r\n \r\n {mainCategory?mainCategory.Name:'همه گروه ها'} \r\n \r\n گروه \r\n \r\n لیست محصولات عرضه شده در بورس کالا \r\n \r\n \r\n \r\n صفحه \r\n {index + 1} \r\n از \r\n {totalPdf.length} \r\n \r\n \r\n \r\n \r\n ))}\r\n \r\n );\r\n};\r\n\r\nexport default HeaderPdf;\r\n","import React from \"react\";\r\nimport {\r\n Page,\r\n View,\r\n Document,\r\n StyleSheet,\r\n Font,\r\n Image,\r\n} from \"@react-pdf/renderer\";\r\nimport Iransans from \"../../../../App/fonts/IRANSansWeb/IRANSansWeb.ttf\";\r\nimport MainPdf from \"./main\";\r\nimport HeaderPdf from \"./header\";\r\n\r\nFont.register({\r\n family: \"iransans\",\r\n format: \"truetype\", // 1\r\n src: Iransans,\r\n fontStyle: \"normal\",\r\n fontWeight: \"normal\",\r\n});\r\n\r\nconst stylePdf = StyleSheet.create({\r\n root: {\r\n fontFamily: \"iransans\",\r\n },\r\n logoParent: {\r\n width: \"100%\",\r\n height: \"100%\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n logo: {\r\n width: 350,\r\n // height: 75,\r\n },\r\n});\r\n\r\nconst MyDocument = ({\r\n totalPdf,\r\n bourseInstruments,\r\n handleClose,\r\n flag,\r\n setflag,\r\n mainCategory,\r\n exmaple,\r\n arrayState,\r\n statePDf,\r\n mainGroup,\r\n subCategory,\r\n getCodeSubCategory,\r\n producer,\r\n date\r\n}) => (\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n);\r\n\r\nexport default MyDocument;\r\n","import { CircularProgress, makeStyles, Tooltip } from \"@material-ui/core\";\r\n\r\nimport React from \"react\";\r\n\r\nconst useStyles = makeStyles(() => ({\r\n button: {\r\n backgroundColor: \"#64a51c\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"0 9px 9px 9px\",\r\n marginRight: 10,\r\n padding: \"8px 30px\",\r\n marginBottom: 15,\r\n },\r\n\r\n block: {\r\n width: \"100%\",\r\n height: 0,\r\n boxShadow: \"0 0 10px gray\",\r\n },\r\n\r\n none: {\r\n width: \"100%\",\r\n height: 0,\r\n boxShadow: \"0 0 10px gray\",\r\n animation: \"$fadeOut 0.4s\",\r\n },\r\n\r\n filter: {\r\n width: \"100%\",\r\n height: \"18vh\",\r\n borderRadius: 10,\r\n boxShadow: \" rgba(0, 0, 0, 0.15) 0px 5px 15px 0px\",\r\n animation: \"$fadeIn 0.4s\",\r\n },\r\n\r\n \"@keyframes fadeIn\": {\r\n \"0%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: 0,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: \"18vh\",\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeOut\": {\r\n \"0%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: \"18vh\",\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: \"0\",\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n}));\r\n\r\nconst ButtonPdf = ({\r\n handleFlagPdf,\r\n handleFlagFilter,\r\n handleRefresh,\r\n bourseInstrumentsPdf,\r\n}) => {\r\n // const classes = useStyles();\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};\r\n\r\nexport default Bourse;\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\nimport TitlePage from \"./../../../../../common/TitlePage\";\r\nimport Typography from '@material-ui/core/Typography';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n marginBottom: 20,\r\n borderRadius: 10,\r\n '&:not(:first-child)': {\r\n borderBottom: 0,\r\n },\r\n },\r\n heading: {\r\n fontSize: theme.typography.pxToRem(16),\r\n flexBasis: '66.66%',\r\n flexShrink: 0,\r\n paddingBottom: 10,\r\n // color:\"#9e9e9e\",\r\n // fontWeight:600\r\n },\r\n body: {\r\n color: \"#858585\",\r\n\r\n },\r\n secondaryHeading: {\r\n fontSize: theme.typography.pxToRem(14),\r\n color: theme.palette.text.secondary,\r\n },\r\n container: {\r\n padding: \"20px\",\r\n // background: \"#f2f4f6\",\r\n borderRadius: 15,\r\n marginBottom: 90,\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: \"95%\",\r\n margin: \"0 auto\",\r\n marginBottom: 30,\r\n padding: \"5px 10px\"\r\n },\r\n\r\n },\r\n AccordionSummary: {\r\n '& p': {\r\n flexBasis: '95%'\r\n }\r\n }\r\n}));\r\n\r\nexport default function ControlledAccordions({ data }) {\r\n\r\n const classes = useStyles();\r\n const [expanded, setExpanded] = React.useState(false);\r\n\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\r\n\r\n return (\r\n \r\n {value === index && {children} }\r\n \r\n );\r\n}\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `nav-tab-${index}`,\r\n \"aria-controls\": `nav-tabpanel-${index}`\r\n };\r\n}\r\n\r\nfunction LinkTab(props) {\r\n return (\r\n {\r\n event.preventDefault();\r\n }}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\n\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles();\r\n\r\n const [valueTab, setValueTab] = useState(0);\r\n\r\n const handleChange = (event, newValue) => {\r\n setValueTab(newValue);\r\n };\r\n\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\n\r\nlet data = [\r\n {\r\n title: 'نحوهی استفاده از سامانه معاملات بر خط چگونه است؟',\r\n list: [\r\n \"در نخستينگام براي دسترسي به سامانه معاملات برخط سهام، متقاضي بايد به يکي از شرکتهاي کارگزاري بورس در سراسر کشور مراجعه و درخواست خود براي دسترسي به سامانه معاملات برخط را به شرکت مذکور کنـد. يکي از پيششرطهاي اساسي که سازمان بورس براي استفاده سرمايهگذار از سامانه معاملات برخط (آنلاين) تعيين کرده است، آشنايي کافي سرمايهگذار با اصول خريد و فروش اوراق بهادار در بورس، قوانين و مقررات اساسي مرتبط با سرمايهگذاري در بورس و نحوه استفاده از سامانه معاملـه برخط است؛ زيرا همان طور که گفته شد، در سامانه معاملات برخط، سرمايهگذار خود مستقيماً و بدون واسطه کارگزار، نسبت به خريد و فروش اوراق بهادار در بورس اقدام ميکند. بنابراين، لازم است آشنايي کافي با اصول و مقررات مرتبط با سرمايهگذاري در بورس را داشتـه باشد. و از دیگر مزایای این سامانه می توان به سرعت عمل در تصميمگيري، عدم محدوديت زماني و مکاني براي سرمايهگذاري، نقل و انتقال الکترونيک وجوه، کاهش اختلافات بين سرمايهگذار و کارگزار و امنيت بالاي سامانه معاملات برخط، اين سامانه با استقبال بسيار زياد سرمايهگذاران مواجه شده است.\",\r\n ]\r\n },\r\n {\r\n title: 'چه زمانی نیاز به ثبت درخواست تغییر کارگزار ناظر است؟ ',\r\n list: [\r\n \"فرض کنید دو ماه قبل برای اولین بار نماد فولاد را در یک کارگزاری خریداری کردهاید (و حتی بلافاصله فروختهاید). در حال حاضر کارگزار ناظر شما آن کارگزاری است. در صورتی که امروز هم نماد فولاد را در کارگزاری پویان خریداری نمایید، در انتهای روز در پرتفوی یا سبدبان شما در کارگزاری قبلی قرار خواهد گرفت. جهت مشاهده دارایی خود در کارگزاری پویان میبایست اقدام به تغییر کارگزار ناظر نمایید.\"\r\n ]\r\n },\r\n {\r\n title: 'پذیره نویسی چیست؟ ',\r\n list: [\r\n `\r\nپذیرهنویسی در لغت به معنای \"نوشتن و امضاکردن در سند و نوشته\" میباشد و در واقع به تعهد انجام کار یا تعهد امری که در سند به آن ذکر شده است، اشاره دارد. احتمالاً در بازار بورس نیز اصطلاح پذیرهنویسی را شنیدهاید؛ پذیرهنویسی در بازارهای مالی به معنی فرایند خرید اوراق بهادار از ناشر و یا نماینده قانونی و پرداخت تعهد وجه کامل، طبق قرارداد است. یکی از موارد مهم در این اصطلاح، تعهد و تسهیل تأمین مالی میباشد؛ بهتر است بدانیم که فرایند پذیرهنویسی، تأمین مالی را در شرکتها بهتر و آسانتر کرده است .`\r\n ]\r\n },\r\n {\r\n title: 'کارگزار ناظر چیست؟',\r\n list: [\r\n \"پس از خریداری سهم، اطلاعات سهام خریداریشده باید در اختیار یک کارگزار قرار گیرد. این کارگزار بهاصطلاح «کارگزار ناظر» نامیده میشود.\"\r\n ]\r\n },\r\n {\r\n title: 'شرایط دریافت اعتبار چیست؟ ',\r\n list: [\r\n \"دریافت اعتبار از هر کارگزاری با توجه به شرایط تعیین شده توسط همان کارگزاری و طبق روال مشخص شده برای آن، امکانپذیر است. اما در حالت کلی، کارگزاران به مشتریان فعالتر خود اعتبار پرداخت میکنند. علاوه بر این، پرتفوی شخص متقاضی دریافت اعتبار نیز از نظر ارزش دارایی و تنوع، باید شرایط بهخصوصی داشته باشد. \"\r\n ]\r\n },\r\n {\r\n title: 'اعتبار چیست؟',\r\n list: [\r\n \"اعتبار معاملاتی در بازار سرمایه در واقع وامی است که از طرف کارگزاران در اختیار معاملهگران و سرمایهگذاران قرار میگیرد. ضوابط و دستورالعملهای مربوط به اعتبار معاملاتی توسط سازمان بورس و اوراق بهادار تهران تعیین میشود. علاوه بر آن، هر یک از کارگزاران فعال در بازار سرمایه نیز تحت شرایط خاصی به کاربران خود اعتبار پرداخت میکنند.\"\r\n ]\r\n },\r\n {\r\n title: 'به چه دلایلی ممکن است درخواست تغییر کارگزار ناظر با خطا مواجه شود؟ ',\r\n list: [\r\n \"عدم دارایی در نماد مورد نظر، فریز بودن سهم، بدهکاری\"\r\n ]\r\n },\r\n {\r\n title: 'قیمت روز یا قیمت بازاری سهام یعنی چه؟ ',\r\n list: [\r\n \"قیمت روز یا قیمت بازاری به قیمت خرید و فروش یک سهم در بازار اشاره دارد. یعنی همان رقمی که امروز برای خرید یک سهم خاص باید بپردازید. این رقم لزوما با ارزش ذاتی سهام برابر نیست و ممکن است بیشتر یا کمتر از آن باشد. میزان عرضه و تقاضا، اوضاع سیاسی و اقتصادی کشور و جهان، هیجانات سرمایهگذاران و … روی قیمت روز سهام تاثیر میگذارند.\"\r\n ]\r\n },\r\n {\r\n title: 'عرضه اولیه چیست؟ ',\r\n list: [\r\n \"زمانی که یک شرکت برای اولین بار سهام خود را در بازار ارائه میکند، عرضه اولیه صورت گرفته است. پس از تعیین قیمت، سهام به میزان مشخصی وارد بازار میشود و طبق تجربه قیمت آن تا چندین درصد افزایش پیدا خواهد کرد. به دلیل احتمال کسب سود بالا، مردم تمایل زیادی نسبت به خرید عرضه اولیه دارند و جو خوشبینانهای در این زمینه حاکم است.\"\r\n ]\r\n },\r\n]","import React from 'react';\r\nimport Layout from '../../../layout';\r\nimport Download from './download';\r\n\r\n\r\nexport default function Index() {\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","import React from \"react\";\r\nimport { makeStyles, Button } from \"@material-ui/core\";\r\n// import { useHistory } from \"react-router-dom\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n height: '100vh',\r\n minHeight: '100vh',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n backgroundColor: '#050A2A',\r\n padding: 20,\r\n overflow: 'auto',\r\n flexDirection: 'row',\r\n // '@media (orientation: landscape)': {\r\n // alignItems: 'flex-start',\r\n // },\r\n // '@media (orientation: portrait)': {\r\n // alignItems: 'center',\r\n // },\r\n \r\n '@media (max-width:750px)': {\r\n alignItems: 'flex-start !important',\r\n '@media (orientation: landscape)': {\r\n alignItems: 'flex-start',\r\n },\r\n }\r\n \r\n },\r\n grid: {\r\n width: 700,\r\n height: 'auto',\r\n textAlign: 'center',\r\n maxWidth: '100%',\r\n '@media (max-width:750px)': {\r\n width: '100%',\r\n },\r\n },\r\n gridDesc: {\r\n marginTop: 15,\r\n marginBottom: 20,\r\n },\r\n desc: {\r\n margin: 0,\r\n padding: 0,\r\n fontSize: 16,\r\n fontWeight: 500,\r\n color: '#FFFFFF'\r\n },\r\n gridBtns: {\r\n marginTop: 1,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column'\r\n },\r\n btns: {\r\n width: 327,\r\n height: 55,\r\n backgroundColor: '#FFFFFF',\r\n color: 'black',\r\n borderRadius: 10,\r\n marginTop: 10,\r\n fontWeight: 500,\r\n '&:hover': {\r\n backgroundColor: 'rgba(255,255,255,0.9)',\r\n },\r\n '@media (max-width:400px)': {\r\n width: 300,\r\n },\r\n '@media (max-width:380px)': {\r\n width: 270,\r\n }\r\n },\r\n gridSocial: {\r\n width: 100,\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n margin: 'auto',\r\n marginTop: 35,\r\n '& img': {\r\n cursor: 'pointer'\r\n },\r\n\r\n '& img:hover': {\r\n fill: 'rgba(255,255,255,0.5) !impotrant',\r\n }\r\n }\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n // const history = useHistory();\r\n\r\n const handelRout = (path) => {\r\n // history.push(path);\r\n window.open(path, \"_blank\");\r\n }\r\n\r\n return (\r\n \r\n \r\n )\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Box, makeStyles, TextField } from \"@material-ui/core\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actionTypes } from \"../../../../../../../redux/bourse/select_commodities\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"270px\",\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const stateReducer = useSelector((state) => state.select_commodities_reducer);\r\n const [value, setValue] = useState('');\r\n\r\n\r\n const apiSubmit = () => {\r\n let payload = {\r\n data: value\r\n ? {\r\n persianName: value\r\n }\r\n : {},\r\n size: 1000,\r\n }\r\n dispatch({\r\n type: actionTypes.selectCommoditiesBourseAsync,\r\n payload: payload,\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n apiSubmit();\r\n }, [value]);\r\n\r\n const handelChangeState = (event) => {\r\n setValue(event?.target?.value)\r\n }\r\n\r\n return (\r\n {\r\n setOpen(true);\r\n }}\r\n\r\n >\r\n {/* \r\n {handleLink(info?.body['Attachment'])}\r\n */}\r\n \r\n {\r\n info?.body?.trade_date\r\n }\r\n \r\n \r\n {info?.body?.commodity_detail?.persianName}\r\n \r\n \r\n {info?.body?.offer_symbol}\r\n \r\n \r\n {info?.body?.manufacturer_detail?.persianName}\r\n \r\n\r\n \r\n {info?.body?.offer_volume}\r\n \r\n \r\n {info?.body?.contract_type_detail?.persianName}\r\n \r\n \r\n {handleNumber(info?.body?.offer_base_price)}\r\n \r\n \r\n {handleNumber(info?.body?.maximum_price)}\r\n \r\n \r\n {handleNumber(info?.body?.minimum_price)}\r\n \r\n \r\n {handleNumber(info?.body?.final_weighted_average_price)}\r\n \r\n \r\n \r\n {info?.body?.supplier_detail?.persianName}\r\n \r\n \r\n {info?.body?.currency_detail?.persianName}\r\n \r\n \r\n {info?.body?.measurement_unit_detail?.persianName}\r\n \r\n\r\n \r\n {\r\n open && (\r\n setOpen(false)}\r\n closeAfterTransition\r\n BackdropComponent={Backdrop}\r\n BackdropProps={{\r\n timeout: 500,\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\nlet test =\r\n{\r\n 'buy_method': 'عادی', \r\n 'commodity_id': 15286,\r\n 'commodity_detail': {'symbol': 'CEMENT5-50L', 'parentId': 170, 'description': 'سیمان تیپ 5/کیسه50', 'persianName': 'سیمان تیپ 5/کیسه50', 'id': 15286},\r\n 'contract_type_id': 7,\r\n 'contract_type_detail': {'description': 'نقدی (مچینگ)', 'persianName': 'نقدی (مچینگ)', 'id': 7},\r\n 'currency_id': 1,\r\n 'currency_detail': {'description': 'ریال', 'persianName': 'ریال', 'id': 1}, \r\n 'demand_volume': 100,\r\n 'due_date': '',\r\n 'final_weighted_average_price': 9653,\r\n 'manufacturer_id': 5217, \r\n 'manufacturer_detail': {'symbol': 'TCC', 'description': 'سیمان تهران', 'persianName': 'سیمان تهران', 'id': 5217}, \r\n 'maximum_price': 9653,\r\n 'measurement_unit_id': 1, \r\n 'measurement_unit_detail': {'description': 'کیلوگرم', 'persianName': 'کیلوگرم', 'id': 1},\r\n 'minimum_price': 9653,\r\n 'offer_base_price': 9653,\r\n 'offer_id': 724888,\r\n 'offer_mode': 'عمده', \r\n 'offer_symbol': 'TCC-CEMENT5-50L-00',\r\n 'offer_type': 'عرضه داخلی', \r\n 'offer_volume': 0, \r\n 'seller_broker_id': 45,\r\n 'seller_broker_detail': {'nationalId': '10860222183', 'spotId': 45, 'derivativesId': 305, 'description': 'مبین سرمایه', 'persianName': 'مبین سرمایه', 'id': 45},\r\n 'supplier_id': 3364,\r\n 'supplier_detail': {'customerId': 15124, 'nationalCode': '10861081241', 'description': 'سیمان تهران', 'persianName': 'سیمان تهران', 'id': 3364}, \r\n 'trade_date': '1402/10/02', \r\n 'trade_value': 965300, \r\n 'trade_volume': 100,\r\n 'id_trade': 724888\r\n }","import React, { useEffect } from \"react\";\r\nimport { Box, LinearProgress, makeStyles, Paper, styled, Table, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow } from \"@material-ui/core\";\r\nimport { actionTypes } from \"../../../../../../redux/bourse/select_instruments\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { columns } from \"./thead\";\r\nimport ThbodyCustom from './thBody';\r\nimport { dateMiladiToShamsi } from \"../../../../../method/date\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root:{\r\n backgroundColor:'white !important',\r\n // padding:'5px 0px'\r\n },\r\n container:{\r\n '& table thead tr:nth-child(odd) th':{\r\n // backgroundColor:' #0B1742 !important',\r\n color:'#0B1742 !important'\r\n }\r\n },\r\n}))\r\n\r\n\r\n\r\n\r\nexport default function Index({ state, page, setPage, rowsPerPage, flegApi ,stock , setStock}) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const stateReducer = useSelector((state) => state.bourse_select_instruments_reducer);\r\n\r\n\r\n\r\n const apiCallInstruments = () => {\r\n // let { size } = stateReducer;\r\n let size = 5\r\n let obj = {};\r\n let from = page;\r\n\r\n Object.keys(state).forEach((element) => {\r\n if (state[element]) {\r\n obj[element] = state[element]?.['code'] ? state[element]?.['code'] : state[element];\r\n }\r\n });\r\n\r\n if(obj?.from_date){\r\n obj = {\r\n ...obj,\r\n from_date : dateMiladiToShamsi(obj?.from_date?.split(' ')?.[0])\r\n }\r\n }\r\n\r\n if(obj?.to_date){\r\n obj = {\r\n ...obj,\r\n to_date : dateMiladiToShamsi(obj?.to_date?.split(' ')?.[0])\r\n }\r\n }\r\n\r\n if(obj?.commodity_id){\r\n obj = {\r\n ...obj,\r\n commodity_id : +obj?.commodity_id?.data?.commodity_id\r\n }\r\n }\r\n\r\n if(obj?.manufacturer_id){\r\n obj = {\r\n ...obj,\r\n manufacturer_id : +obj?.manufacturer_id?.data?.manufacturer_id\r\n }\r\n }\r\n\r\n let data = {...obj , currency_id:1 };\r\n\r\n dispatch({\r\n type: actionTypes.selectInstrumentsAsync,\r\n payload: { data, size, from },\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n apiCallInstruments()\r\n }, [page, flegApi]);\r\n\r\n\r\n useEffect(() => {\r\n apiCallInstruments()\r\n }, [state]);\r\n \r\n\r\n useEffect(() => {\r\n return () => {\r\n dispatch({\r\n type: actionTypes.selectInstrumentsEmpty,\r\n });\r\n };\r\n }, []);\r\n \r\n const changePage = (event, newPage) => {\r\n setPage(newPage);\r\n };\r\n\r\n\r\n const handleLink = (text) => {\r\n return {\r\n setOpen(true);\r\n }}\r\n\r\n >\r\n \r\n {handleLink(info?.body['Attachment'])}\r\n \r\n \r\n {\r\n info?.body?.trade_date\r\n }\r\n \r\n \r\n {info?.body?.commodity_detail?.persianName}\r\n \r\n \r\n {info?.body?.offer_symbol}\r\n \r\n \r\n {info?.body?.manufacturer_detail?.persianName}\r\n \r\n \r\n {info?.body?.final_weighted_average_price}\r\n \r\n \r\n {info?.body?.offer_volume}\r\n \r\n \r\n {info?.body?.contract_type_detail?.persianName}\r\n \r\n \r\n {info?.body?.offer_base_price}\r\n \r\n \r\n {handleNumber(info?.body?.maximum_price)}\r\n \r\n \r\n {handleNumber(info?.body?.minimum_price)}\r\n \r\n \r\n {info?.body?.supplier_detail?.persianName}\r\n \r\n \r\n {info?.body?.currency_detail?.persianName}\r\n \r\n \r\n {info?.body?.measurement_unit_detail?.persianName}\r\n \r\n\r\n \r\n {\r\n open && (\r\n setOpen(false)}\r\n closeAfterTransition\r\n BackdropComponent={Backdrop}\r\n BackdropProps={{\r\n timeout: 500,\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\nlet test =\r\n{\r\n 'buy_method': 'عادی', \r\n 'commodity_id': 15286,\r\n 'commodity_detail': {'symbol': 'CEMENT5-50L', 'parentId': 170, 'description': 'سیمان تیپ 5/کیسه50', 'persianName': 'سیمان تیپ 5/کیسه50', 'id': 15286},\r\n 'contract_type_id': 7,\r\n 'contract_type_detail': {'description': 'نقدی (مچینگ)', 'persianName': 'نقدی (مچینگ)', 'id': 7},\r\n 'currency_id': 1,\r\n 'currency_detail': {'description': 'ریال', 'persianName': 'ریال', 'id': 1}, \r\n 'demand_volume': 100,\r\n 'due_date': '',\r\n 'final_weighted_average_price': 9653,\r\n 'manufacturer_id': 5217, \r\n 'manufacturer_detail': {'symbol': 'TCC', 'description': 'سیمان تهران', 'persianName': 'سیمان تهران', 'id': 5217}, \r\n 'maximum_price': 9653,\r\n 'measurement_unit_id': 1, \r\n 'measurement_unit_detail': {'description': 'کیلوگرم', 'persianName': 'کیلوگرم', 'id': 1},\r\n 'minimum_price': 9653,\r\n 'offer_base_price': 9653,\r\n 'offer_id': 724888,\r\n 'offer_mode': 'عمده', \r\n 'offer_symbol': 'TCC-CEMENT5-50L-00',\r\n 'offer_type': 'عرضه داخلی', \r\n 'offer_volume': 0, \r\n 'seller_broker_id': 45,\r\n 'seller_broker_detail': {'nationalId': '10860222183', 'spotId': 45, 'derivativesId': 305, 'description': 'مبین سرمایه', 'persianName': 'مبین سرمایه', 'id': 45},\r\n 'supplier_id': 3364,\r\n 'supplier_detail': {'customerId': 15124, 'nationalCode': '10861081241', 'description': 'سیمان تهران', 'persianName': 'سیمان تهران', 'id': 3364}, \r\n 'trade_date': '1402/10/02', \r\n 'trade_value': 965300, \r\n 'trade_volume': 100,\r\n 'id_trade': 724888\r\n }","import React, { useEffect } from \"react\";\r\nimport { Box, LinearProgress, makeStyles, Paper, styled, Table, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow } from \"@material-ui/core\";\r\nimport { actionTypes } from \"../../../../../../redux/bourse/select_instruments\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { columns } from \"./thead\";\r\nimport ThbodyCustom from './thBody';\r\nimport { dateMiladiToShamsi } from \"../../../../../method/date\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n\r\n}))\r\n\r\n\r\n\r\n\r\nexport default function Index({ state, page, setPage, rowsPerPage, flegApi ,stock , setStock}) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const stateReducer = useSelector((state) => state.bourse_select_instruments_reducer);\r\n\r\n\r\n const apiCallInstruments = () => {\r\n // let { size } = stateReducer;\r\n let size = 5\r\n let obj = {};\r\n let from = page;\r\n\r\n Object.keys(state).forEach((element) => {\r\n if (state[element]) {\r\n obj[element] = state[element]?.['code'] ? state[element]?.['code'] : state[element];\r\n }\r\n });\r\n\r\n if(obj?.from_date){\r\n obj = {\r\n ...obj,\r\n from_date : dateMiladiToShamsi(obj?.from_date?.split(' ')?.[0])\r\n }\r\n }\r\n\r\n if(obj?.to_date){\r\n obj = {\r\n ...obj,\r\n to_date : dateMiladiToShamsi(obj?.to_date?.split(' ')?.[0])\r\n }\r\n }\r\n\r\n if(obj?.commodity_id){\r\n obj = {\r\n ...obj,\r\n commodity_id : +obj?.commodity_id?.id\r\n }\r\n }\r\n\r\n let data = {...obj , currency_id:2 };\r\n\r\n dispatch({\r\n type: actionTypes.selectInstrumentsAsync,\r\n payload: { data, size, from },\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n apiCallInstruments()\r\n }, [page, flegApi]);\r\n\r\n useEffect(() => {\r\n return () => {\r\n dispatch({\r\n type: actionTypes.selectInstrumentsEmpty,\r\n });\r\n };\r\n }, []);\r\n \r\n const changePage = (event, newPage) => {\r\n setPage(newPage);\r\n };\r\n\r\n\r\n const handleLink = (text) => {\r\n return {\r\n handelData(!flag);\r\n }}\r\n\r\n >\r\n {/* \r\n {handleLink(info?.body['Attachment'])}\r\n */}\r\n \r\n {\r\n info?.body?.trade_date\r\n }\r\n \r\n \r\n {info?.body?.commodity_detail?.persianName}\r\n \r\n \r\n {info?.body?.offer_symbol}\r\n \r\n \r\n {info?.body?.manufacturer_detail?.persianName}\r\n \r\n\r\n \r\n {info?.body?.offer_volume}\r\n \r\n \r\n {info?.body?.contract_type_detail?.persianName}\r\n \r\n \r\n {handleNumber(info?.body?.offer_base_price)}\r\n \r\n \r\n {handleNumber(info?.body?.maximum_price)}\r\n \r\n \r\n {handleNumber(info?.body?.minimum_price)}\r\n \r\n \r\n {handleNumber(info?.body?.final_weighted_average_price)}\r\n\r\n \r\n \r\n {info?.body?.supplier_detail?.persianName}\r\n \r\n \r\n {info?.body?.currency_detail?.persianName}\r\n \r\n \r\n {info?.body?.measurement_unit_detail?.persianName}\r\n \r\n \r\n {info?.body?.settlement_type_name}\r\n \r\n \r\n {info?.body?.packaging_type_name}\r\n \r\n \r\n\r\n\r\n \r\n \r\n {\r\n\r\n Object.keys(stock)?.length === 5 && (\r\n <>\r\n {\r\n flag && (\r\n \r\n\r\n handelData(e.target.checked)\r\n\r\n }\r\n />\r\n )\r\n }\r\n {\r\n !flag && (\r\n console.log('')\r\n\r\n // handelData(e.target.checked)\r\n\r\n }\r\n\r\n />\r\n )\r\n }\r\n \r\n )\r\n }\r\n {\r\n\r\n Object.keys(stock)?.length !== 5 && (\r\n <>\r\n\r\n \r\n\r\n handelData(e.target.checked)\r\n\r\n }\r\n disabled={true}\r\n disableRipple\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 open && (\r\n setOpen(false)}\r\n closeAfterTransition\r\n BackdropComponent={Backdrop}\r\n BackdropProps={{\r\n timeout: 500,\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\nlet test =\r\n{\r\n 'buy_method': 'عادی',\r\n 'commodity_id': 15286,\r\n 'commodity_detail': { 'symbol': 'CEMENT5-50L', 'parentId': 170, 'description': 'سیمان تیپ 5/کیسه50', 'persianName': 'سیمان تیپ 5/کیسه50', 'id': 15286 },\r\n 'contract_type_id': 7,\r\n 'contract_type_detail': { 'description': 'نقدی (مچینگ)', 'persianName': 'نقدی (مچینگ)', 'id': 7 },\r\n 'currency_id': 1,\r\n 'currency_detail': { 'description': 'ریال', 'persianName': 'ریال', 'id': 1 },\r\n 'demand_volume': 100,\r\n 'due_date': '',\r\n 'final_weighted_average_price': 9653,\r\n 'manufacturer_id': 5217,\r\n 'manufacturer_detail': { 'symbol': 'TCC', 'description': 'سیمان تهران', 'persianName': 'سیمان تهران', 'id': 5217 },\r\n 'maximum_price': 9653,\r\n 'measurement_unit_id': 1,\r\n 'measurement_unit_detail': { 'description': 'کیلوگرم', 'persianName': 'کیلوگرم', 'id': 1 },\r\n 'minimum_price': 9653,\r\n 'offer_base_price': 9653,\r\n 'offer_id': 724888,\r\n 'offer_mode': 'عمده',\r\n 'offer_symbol': 'TCC-CEMENT5-50L-00',\r\n 'offer_type': 'عرضه داخلی',\r\n 'offer_volume': 0,\r\n 'seller_broker_id': 45,\r\n 'seller_broker_detail': { 'nationalId': '10860222183', 'spotId': 45, 'derivativesId': 305, 'description': 'مبین سرمایه', 'persianName': 'مبین سرمایه', 'id': 45 },\r\n 'supplier_id': 3364,\r\n 'supplier_detail': { 'customerId': 15124, 'nationalCode': '10861081241', 'description': 'سیمان تهران', 'persianName': 'سیمان تهران', 'id': 3364 },\r\n 'trade_date': '1402/10/02',\r\n 'trade_value': 965300,\r\n 'trade_volume': 100,\r\n 'id_trade': 724888\r\n}","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Pagination from '@material-ui/lab/Pagination';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n '& > *': {\r\n marginTop: theme.spacing(2),\r\n },\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'conter',\r\n minHeight: 50\r\n },\r\n}));\r\n\r\n\r\nexport default function PaginationRounded({ pagnation, setPagnation, count, className }) {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n {info?.body?.commodity_detail?.persianName}\r\n \r\n \r\n {handleNumber(info?.body?.minimum_price)}\r\n \r\n \r\n {handleNumber(info?.body?.maximum_price)}\r\n \r\n \r\n {handleNumber(info?.body?.offer_base_price)}\r\n \r\n \r\n {info?.body?.offer_volume}\r\n \r\n \r\n ![\"\"\r\n](\"/assets/icons/delete.svg\")
{\r\n handelData(false);\r\n }}\r\n\r\n />\r\n \r\n \r\n \r\n )\r\n}\r\n\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport { columns } from \"./thead\";\r\nimport ThbodyCustom from './thBody';\r\n\r\nimport { Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n\r\n}))\r\n\r\nexport default function Index({ data , stock , setStock }) {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n {value === index && {children} }\r\n \r\n );\r\n}\r\n\r\nfunction a11yProps(index) {\r\n return {\r\n id: `nav-tab-${index}`,\r\n \"aria-controls\": `nav-tabpanel-${index}`\r\n };\r\n}\r\n\r\nfunction LinkTab(props) {\r\n return (\r\n {\r\n event.preventDefault();\r\n }}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\n\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n const [valueTab, setValueTab] = useState(0);\r\n \r\n const handleChange = (event, newValue) => {\r\n setValueTab(newValue);\r\n };\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n )\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n flexDirection: 'column',\r\n margin:'70px auto',\r\n maxWidth:'100%'\r\n },\r\n gridDesc: {\r\n width: '50%',\r\n minWidth:700,\r\n maxWidth:'100%',\r\n margin: 'auto',\r\n [theme.breakpoints.down(\"800\")]: {\r\n minWidth:'100%',\r\n },\r\n },\r\n desc: {\r\n margin: 0,\r\n fontSize:16,\r\n },\r\n gridBtns: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop:'25px',\r\n [theme.breakpoints.down(\"375\")]: {\r\n flexDirection:'column',\r\n width:'100%',\r\n '& > button':{\r\n width:'90%'\r\n }\r\n },\r\n }, \r\n linkBtnRed:{\r\n '@media (max-width: 375px)': {\r\n width: '90%',\r\n },\r\n },\r\n btnRed: {\r\n margin: 5,\r\n '@media (max-width: 375px)': {\r\n width: '100%',\r\n margin: '5px 0px',\r\n },\r\n },\r\n btnWhite: {\r\n margin: 5,\r\n padding:'0px 33.5px',\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n let history = useHistory();\r\n \r\n\r\n const handelRoute = (path) => {\r\n window.scrollTo(0, 0);\r\n history.push(path);\r\n }\r\n return (\r\n \r\n \r\n )\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { appConfig } from \"../../../../configApp\";\r\n\r\nconst Gift = () => {\r\n\r\n useEffect(() => {\r\n window.location.href = appConfig?.baseUrlGift\r\n }, []);\r\n\r\n return null;\r\n};\r\n\r\nexport default Gift;","import React, { useRef, useState } from 'react';\r\nimport { Button, makeStyles } from '@material-ui/core';\r\nimport { parseString } from 'xml2js';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n height: '100vh',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n\r\n },\r\n grid: {\r\n width: 500,\r\n minHeight: 300,\r\n padding: 20,\r\n maxWidth: '95%',\r\n border: '3px dashed white',\r\n borderRadius: 8,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n position: 'relative',\r\n },\r\n gridBgImages: {\r\n width: '100%',\r\n position: 'absolute',\r\n top: 0,\r\n zIndex: 1\r\n },\r\n images: {\r\n width: '100%'\r\n },\r\n gridContent: {\r\n position: 'relative',\r\n zIndex: 2,\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n fileInput: {\r\n margin: '10px 0',\r\n display: 'none',\r\n },\r\n output: {\r\n marginTop: 20,\r\n whiteSpace: 'pre-wrap',\r\n textAlign: 'left',\r\n },\r\n button: {\r\n width: 200,\r\n backgroundColor: '#A0DEFF',\r\n color: '#1D24CA',\r\n border: '1px solid white ',\r\n boxShadow: '1px 1px 10px #A0DEFF',\r\n '&:hover': {\r\n backgroundColor: 'white',\r\n color: '#1D24CA',\r\n border: '1px solid #1D24CA '\r\n }\r\n },\r\n gridClose: {\r\n width: '100%',\r\n textAlign: 'right'\r\n }\r\n}));\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles();\r\n const [data, setData] = useState(null);\r\n const fileInputRef = useRef(null);\r\n\r\n\r\n const handleFileUpload = (event) => {\r\n\r\n const file = event.target.files[0];\r\n\r\n if (file && file.type !== 'text/xml' && !file.name.endsWith('.xml')) {\r\n alert('فقط فایلهای با فرمت XML قابل بارگذاری هستند.');\r\n return;\r\n }\r\n\r\n const reader = new FileReader();\r\n\r\n reader.onload = (e) => {\r\n const xmlStr = e.target.result;\r\n parseString(xmlStr, (err, result) => {\r\n if (result?.Letter?.Origins?.[0]?.Origin?.[0]?.['_']) {\r\n setData(result?.Letter?.Origins?.[0]?.Origin?.[0]?.['_']);\r\n } else {\r\n alert('در بارگذاری فایل مشکلی به وجود آمده است')\r\n }\r\n });\r\n };\r\n\r\n reader?.readAsText(file); {//eslint-disable-line\r\n }\r\n };\r\n\r\n const handleButtonClick = () => {\r\n fileInputRef.current.click();\r\n };\r\n\r\n\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Index ","import React, { useEffect } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport CardBox from '../components/cards/cards';\r\n\r\nimport { Button, CircularProgress, InputAdornment, TextField } from \"@material-ui/core\";\r\nimport { useLocation, useHistory } from \"react-router-dom\";\r\n\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%'\r\n },\r\n\r\n}))\r\n\r\n\r\n\r\n\r\nconst Index = () => {\r\n\r\n let classes = useStyles();\r\n const location = useLocation();\r\n const navigate = useHistory();\r\n\r\n const { national_id } = location.state || {};\r\n\r\n const handelClick = () => {\r\n navigate('/', {\r\n state: {\r\n national_id: national_id,\r\n }\r\n }\r\n );\r\n }\r\n\r\n return (\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Index ","import React, { useEffect } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { useLocation, useHistory } from \"react-router-dom\";\r\nimport { Button } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n minHeight: '100vh',\r\n },\r\n gridLogo: {\r\n width: 209,\r\n marginTop: 72,\r\n margin: 'auto',\r\n '& > img': {\r\n width: '100%',\r\n }\r\n },\r\n grid: {\r\n width: '90%',\r\n maxWidth: 1198,\r\n padding: 32,\r\n borderRadius: 32,\r\n boxShadow: \"0px 2px 15px 0px #0000000D\",\r\n margin: 'auto',\r\n marginTop: 44,\r\n backgroundColor: '#ffffff',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n minHeight: '75vh',\r\n textAlign: 'center',\r\n '@media (max-width: 500px)': {\r\n width: '98%',\r\n minHeight: '40vh',\r\n },\r\n },\r\n title: {\r\n color: '#323232',\r\n fontWeight: 'bold',\r\n marginTop: 28,\r\n },\r\n customButton: {\r\n backgroundColor: '#0B1742 !important',\r\n color: '#fff',\r\n margin: 'auto !important',\r\n minWidth: \"160px !important\",\r\n minHeight: \"40px !important\",\r\n },\r\n\r\n}))\r\n\r\n\r\n\r\nconst Index = () => {\r\n\r\n let classes = useStyles();\r\n const location = useLocation();\r\n const navigate = useHistory();\r\n\r\n const { national_id } = location.state?.state || location.state || {};\r\n\r\n useEffect(() => {\r\n if (!national_id) {\r\n redirectNatinalId()\r\n }\r\n }, [])\r\n\r\n const redirectNatinalId = () => {\r\n navigate.push('/register/national', {\r\n ...location.state\r\n });\r\n }\r\n\r\n return (\r\n \r\n \r\n )\r\n}\r\n","\r\n// import React,{ useState, useEffect } from \"react\";\r\nimport React ,{ useState, useEffect } from'react'\r\n\r\nconst Timer = (props) => {\r\n\r\n const { initialMinute = 0, initialSeconds = 0, apicallSendCode, backgroundColor } = props;\r\n const [minutes, setMinutes] = useState(initialMinute);\r\n const [seconds, setSeconds] = useState(initialSeconds);\r\n\r\n useEffect(() => {\r\n let myInterval = setInterval(() => {\r\n if (seconds > 0) {\r\n setSeconds(seconds - 1);\r\n }\r\n if (seconds === 0) {\r\n if (minutes === 0) {\r\n clearInterval(myInterval);\r\n } else {\r\n setMinutes(minutes - 1);\r\n setSeconds(59);\r\n }\r\n }\r\n }, 1000);\r\n return () => {\r\n clearInterval(myInterval);\r\n };\r\n });\r\n\r\n\r\n const handleRefresh = () => {\r\n props.handleClickAgain()\r\n setMinutes(2)\r\n setSeconds(0)\r\n apicallSendCode(\"refresh\")\r\n }\r\n\r\n return (\r\n <>\r\n {minutes === 0 && seconds === 0 && (\r\n \r\n event.stopPropagation()}\r\n >\r\n \r\n \r\n )\r\n}\r\n\r\nexport default Index ","import AxiosCustom from \"../../../components/common/apiConfigPouyan/index\";\r\n\r\n\r\nexport function validateOTP(payload) {\r\n const config = {\r\n // url: `/OTP/ValidateOTP/ValidateOTP/${payload?.data?.NationalCode}/otp/${payload?.data?.Otp}`\r\n url: `/Account/LoginWithOTP/LoginWithOTP/${payload?.data?.NationalCode}/otp/${payload?.data?.Otp}`\r\n };\r\n\r\n const data = {};\r\n\r\n const header = {\r\n ...payload?.headers\r\n }\r\n\r\n return AxiosCustom(config, data, header);\r\n}\r\n","import AxiosCustom from \"../../components/common/apiConfigPouyan/index\";\r\n\r\nexport function retray_send_otp_api(payload) {\r\n const config = {\r\n url: `/OTP/RetrySendOTP/RetrySendOTP/${payload?.data?.NationalCode}`\r\n };\r\n\r\n const data = {};\r\n\r\n\r\n const header = {\r\n ...payload?.headers\r\n }\r\n\r\n return AxiosCustom(config, data, header);\r\n}\r\n","import React, { useEffect, useRef, useState } from 'react'\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Button, CircularProgress, TextField } from '@material-ui/core';\r\nimport ModalCustom from './../../../../common/modalCustom/modalCustom';\r\nimport { notificationAlertErrorApi } from '../../../../../components/method/notificationAlertErrorApi/notificationAlertErrorApi';\r\nimport { Formik, Form } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { useDispatch } from 'react-redux';\r\nimport OtpComponent from '../../components/otp/index';\r\nimport Timer from '../../components/timer/index';\r\nimport { send_contract_otp_api } from '../../../../../redux/register/contarct/sendContractOTP/sendContractOTP';\r\nimport { actionTypes as actionTypesNotif } from './../../../../../redux/notificationAlert/index';\r\nimport { save_online_contract_api } from '../../../../../redux/register/contarct/saveOnlineContract/saveOnlineContract';\r\nimport { useHistory } from 'react-router-dom/cjs/react-router-dom.min';\r\n\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n padding: '10px 16px 10px 16px',\r\n position: 'relative',\r\n \"@media(max-width : 350px)\": {\r\n padding: '0px',\r\n },\r\n },\r\n gridCard: {\r\n marginTop: 21,\r\n },\r\n gridMassege: {\r\n width: '100%',\r\n height: 58,\r\n padding: '10px',\r\n borderRadius: 8,\r\n border: '1px solid #D9D9D9',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n position: 'relative',\r\n bottom: 0,\r\n },\r\n TextField: {\r\n width: '100%%',\r\n '& input': {\r\n fontSize: 14,\r\n height: '20p !important',\r\n borderRadius: 16,\r\n padding: '10px 5px',\r\n width: '100%'\r\n },\r\n '& fieldset': {\r\n border: 'none',\r\n }\r\n },\r\n icons: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center'\r\n },\r\n title: {\r\n fontSize: 14,\r\n fontWeight: 700\r\n },\r\n Button: {\r\n width: '100%',\r\n padding: '10px 55px !important',\r\n backgroundColor: \"#091742 !important\",\r\n color: 'white !important',\r\n marginTop: '0px !important',\r\n borderRadius: '8px !important '\r\n },\r\n cardIcon: {\r\n width: 40,\r\n height: 40,\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n boxShadow: '1px 1px 5px rgba(0,0,0,0.1)',\r\n borderRadius: 8,\r\n cursor: 'pointer',\r\n margin: 5,\r\n },\r\n modal: {\r\n width: '518px',\r\n maxWidth: '98%',\r\n borderRadius: '12px 12px 12px 12px !important',\r\n \"@media(max-width : 900px)\": {\r\n maxWidth: 360\r\n },\r\n \"@media(max-width : 400px)\": {\r\n maxWidth: '100%',\r\n },\r\n },\r\n close: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n borderBottom: '1px solid rgba(0,0,0,0.1)',\r\n padding: '10px'\r\n }\r\n}))\r\n\r\n\r\n\r\n\r\nconst Contract = ({ open, onClose, openSuccess }) => {\r\n\r\n let classes = useStyles()\r\n const location = useLocation();\r\n let dispatch = useDispatch();\r\n const formikRef = useRef();\r\n const history = useHistory();\r\n\r\n const { token, national_id, servics } = location?.state?.state || location?.state || {};\r\n const [InputSmsCode, setInputSmsCode] = useState({\r\n 1: \"\",\r\n 2: \"\",\r\n 3: \"\",\r\n 4: \"\",\r\n 5: \"\",\r\n 6: \"\",\r\n });\r\n\r\n const initialValues = {\r\n otp: '',\r\n };\r\n\r\n\r\n const validationSchema = Yup.object().shape({\r\n otp: Yup.string()\r\n .matches(/^\\d{5}$/, ' کد تایید باید 5 رقم باشد')\r\n .required('کد تایید الزامی است'),\r\n });\r\n\r\n const handleSubmit = (values, { setSubmitting, resetForm }) => {\r\n apiSubmitGetProfileOtpSejam(values, setSubmitting, resetForm)\r\n };\r\n\r\n\r\n const apiSubmitGetProfileOtpSejam = (values, setSubmitting, resetForm) => {\r\n\r\n setSubmitting(true)\r\n\r\n let payload = {\r\n data: {\r\n NationalCode: national_id,\r\n Otp: values?.otp\r\n },\r\n headers: {\r\n token: token\r\n }\r\n }\r\n\r\n save_online_contract_api(payload)\r\n .then((res) => {\r\n \r\n if (res?.data === 'آخرین کد دریافتی را مجدد وارد کنید') {\r\n dispatch(({ type: actionTypesNotif?.info, textAlert: 'آخرین کد دریافتی را مجدد وارد کنید'}))\r\n }\r\n if (res?.data) {\r\n\r\n if (servics === 'sejam') {\r\n history.push('/register/sejam/success', {\r\n ...location.state\r\n });\r\n }\r\n if (servics === 'changeOms') {\r\n history.push('/register/changeOms', {\r\n ...location.state\r\n });\r\n }\r\n onClose()\r\n }\r\n })\r\n .catch((error) => {\r\n notificationAlertErrorApi(error, dispatch)\r\n resetForm()\r\n setInputSmsCode({\r\n 1: \"\",\r\n 2: \"\",\r\n 3: \"\",\r\n 4: \"\",\r\n 5: \"\",\r\n 6: \"\",\r\n })\r\n })\r\n .finally(() => {\r\n setSubmitting(false)\r\n })\r\n }\r\n\r\n\r\n\r\n const sentOtpContarct = () => {\r\n let payload = {\r\n data: {\r\n NationalCode: national_id,\r\n },\r\n headers: {\r\n token: token\r\n },\r\n }\r\n send_contract_otp_api(payload)\r\n .then((res) => {\r\n if (res?.status === 200) {\r\n if (res?.data) {\r\n dispatch(({ type: actionTypesNotif?.success, textAlert: res?.data }))\r\n }\r\n // if (!res?.data?.message) {\r\n // dispatch(({ type: actionTypesNotif?.success, textAlert: 'ارسال پیامک با موفقیت انجام شد' }))\r\n // }\r\n }\r\n })\r\n .catch((error) => {\r\n notificationAlertErrorApi(error, dispatch)\r\n })\r\n .finally(() => { })\r\n }\r\n\r\n useEffect(() => {\r\n if (open)\r\n sentOtpContarct()\r\n }, [open])\r\n\r\n return (\r\n \r\n \r\n {({ isSubmitting, errors, touched, setFieldValue }) => {\r\n return (\r\n \r\n )\r\n }}\r\n \r\n \r\n\r\n )\r\n}\r\n\r\n\r\nexport default Contract;","import AxiosCustom from \"../../../../components/common/apiConfigPouyan/index\";\r\n\r\n\r\nexport function save_online_contract_api(payload) {\r\n const config = {\r\n url: `/UpdateContract/SignOnlineContract/SignOnlineContract/${payload?.data?.NationalCode}/otp/${payload?.data?.Otp}`,\r\n method:'GET'\r\n };\r\n\r\n const data = {};\r\n\r\n\r\n const header = {\r\n ...payload?.headers\r\n }\r\n\r\n return AxiosCustom(config, data, header);\r\n}\r\n","import AxiosCustom from \"../../../../components/common/apiConfigPouyan/index\";\r\n\r\n\r\nexport function send_contract_otp_api(payload) {\r\n const config = {\r\n url: `/UpdateContract/SendContractOTP/SendContractOTP/${payload?.data?.NationalCode}`\r\n };\r\n\r\n const data = {};\r\n\r\n\r\n const header = {\r\n ...payload?.headers\r\n }\r\n\r\n return AxiosCustom(config, data, header);\r\n}\r\n","import React from 'react'\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Button } from '@material-ui/core';\r\nimport ModalCustom from './../../../../common/modalCustom/modalCustom';\r\n\r\nimport { useLocation, useHistory } from 'react-router-dom';\r\n\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n padding: '10px 16px 10px 16px',\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n textAlign: 'center'\r\n },\r\n gridCard: {\r\n marginTop: 21,\r\n },\r\n modal: {\r\n width: '518px',\r\n maxWidth: '98%',\r\n borderRadius: '12px 12px 12px 12px !important',\r\n \"@media(max-width : 900px)\": {\r\n maxWidth: 360\r\n },\r\n \"@media(max-width : 400px)\": {\r\n maxWidth: '100%',\r\n },\r\n },\r\n close: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n borderBottom: '1px solid rgba(0,0,0,0.1)',\r\n padding: '10px'\r\n },\r\n images: {\r\n width: 300,\r\n '@media (max-width: 800px)': {\r\n maxWidth: '95%'\r\n },\r\n },\r\n gridButton: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n margin: '20px 0px',\r\n },\r\n Button: {\r\n width: '250px !important',\r\n padding: '10px 55px !important',\r\n backgroundColor: \"#091742 !important\",\r\n color: 'white !important',\r\n marginTop: '0px !important',\r\n borderRadius: '8px !important '\r\n },\r\n title: {\r\n marginBottom: 10,\r\n }\r\n}))\r\n\r\n\r\n\r\n\r\n\r\nconst Contract = ({ open, onClose }) => {\r\n\r\n let classes = useStyles()\r\n const location = useLocation();\r\n const navigate = useHistory();\r\n\r\n const { token, national_id , sejamProfile } = location.state || {};\r\n\r\n\r\n const handelClick = () => {\r\n onClose()\r\n navigate('/deceased/user/requests', { state: { sejamProfile: {...sejamProfile}, token: token } });\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n );\r\n}\r\n\r\n","import AxiosCustom from \"../../../components/common/apiConfigWebsitPouyan/index\";\r\n\r\nexport function select_content_getContentHtml_api(payload) {\r\n\r\n const config = {\r\n\r\n url: `/Content/GetContentHtml/${payload?.data?.param}`,\r\n method:'GET'\r\n };\r\n\r\n const data = payload?.data?.body\r\n\r\n const header = {\r\n ...payload?.headers\r\n }\r\n\r\n return AxiosCustom(config, data, header);\r\n}\r\n","import React from \"react\";\r\nimport { Route, Switch } from \"react-router-dom\";\r\nimport Home from './../components/pages/Home';\r\nimport Investment from './../components/pages/Investment'\r\nimport Trades from './../components/pages/Trades'\r\nimport AboutUs from './../components/pages/AboutUs'\r\nimport Shoab from './../components/pages/shoab'\r\nimport AcountNumber from './../components/pages/acountNumber';\r\nimport MangementUsers from './../components/pages/mangementUsers';\r\nimport ContactUs from './../components/pages/ContactUs';\r\nimport Energy from './../components/pages/energy';\r\nimport Kala from './../components/pages/kala';\r\nimport RegisterCar from './../components/pages/registerCar';\r\nimport ErrorPage from './ErrorPage404';\r\nimport Bourse from \"./../components/pages/Bourse\"\r\nimport Faq from \"./../components/pages/faq\";\r\nimport Education from \"./../components/pages/Education\";\r\nimport Linkes from \"./../components/pages/linkes\";\r\nimport DeceasedPeople from \"./../components/pages/deceasedPeople/redirectNewProject.js\";\r\nimport Deceased from \"./../components/pages/deceased\";\r\nimport ChartsKala from \"./../components/pages/chartsKala\";\r\nimport Oragh from \"./../components/pages/oragh\";\r\nimport Gift from './../components/pages/gift/gold/redirectNewProject.js';\r\nimport XmlToPdf from './../components/pages/xmlToPdf';\r\nimport Register from './../components/pages/register/register';\r\nimport LandingContentHtml from './../components/pages/LandingContentPage';\r\n\r\n\r\n\r\nexport default function RouteMain() {\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 document.getElementById(\"root\")\r\n);\r\n\r\nreportWebVitals();\r\n"],"sourceRoot":""}
| ردیف | \r\n {head.map((itm, ind) => (\r\n //{itm.label} | \r\n{itm.label} | \r\n ))}\r\n||
|---|---|---|---|---|
| \r\n {convertNumberToPersian(ind + 1)}\r\n | \r\n {/*{convertNumberToPersian(itm.title)} | */}\r\n{convertNumberToPersian(itm.titleBank)} | \r\n{convertNumberToPersian(itm.shoab)} | \r\n{convertNumberToPersian(itm.codeShaba)} | \r\n\r\n
\r\n \r\n \r\n {\r\n state\r\n ?.map((item) => {\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 \r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default Index;\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Layout from \"../../../layout\";\r\nimport { Box } from \"@material-ui/core\";\r\nimport Table from \"./table\";\r\n// import TableTwo from \"./tableTwo\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n minHeight: '60vh',\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n details: {\r\n width: '100%',\r\n margin: 'auto',\r\n borderRadius: 15,\r\n padding: \"20px 27px\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n [theme.breakpoints.down('sm')]: {\r\n width: \"98%\",\r\n }\r\n },\r\n item: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n flexDirection: 'column',\r\n color: \"black\",\r\n textAlign:'center',\r\n overflow:'auto',\r\n },\r\n color: {\r\n color: theme.palette.light.type2\r\n },\r\n\r\n}));\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles()\r\n\r\n return (\r\n | ردیف | \r\n {columns.map((itm, ind) => (\r\n{itm.label} | \r\n ))}\r\n|
|---|---|---|
| \r\n {convertNumberToPersian(ind + 1)}\r\n | \r\n{itm.title} | \r\n{itm.fullName} | \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 info@pouyanbroker.ir\r\n
\r\n {/**/}\r\n {/* مرکز تماس : */}\r\n {/* {convertNumberToPersian(`81021850-021`)}*/}\r\n {/*
*/}\r\n\r\n\r\n پشتیبانی : \r\n {convertNumberToPersian(`91005777-021`)}\r\n
\r\n\r\n
)\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n margin: '100px auto',\r\n flexWrap: 'wrap',\r\n minWidth: 1112,\r\n maxWidth: '100% !important',\r\n [theme.breakpoints.down(\"1200\")]: {\r\n minWidth: '100%',\r\n flexDirection: 'column',\r\n margin: '0px auto',\r\n }\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n list: {\r\n listStyle: 'none',\r\n },\r\n icon: {\r\n width: 20,\r\n height: 25,\r\n minWidth: 20,\r\n },\r\n gridList: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'flex-start',\r\n textAlign: 'left',\r\n [theme.breakpoints.down(\"600\")]: {\r\n alignItems: 'center',\r\n marginBottom: 5,\r\n width: '90%',\r\n margin: 'auto'\r\n }\r\n },\r\n desc: {\r\n margin: \"0px 10px\",\r\n fontSize: 16,\r\n },\r\n content: {\r\n position: 'relative'\r\n },\r\n title: {\r\n textAlign: 'left',\r\n fontSize: 28,\r\n marginBottom:10,\r\n [theme.breakpoints.down(\"600\")]: {\r\n textAlign: 'center',\r\n fontSize: 25,\r\n }\r\n },\r\n girdImages: {\r\n width: '46%',\r\n maxWidth: '100%',\r\n [theme.breakpoints.down(\"1200\")]: {\r\n marginBottom: '25px',\r\n width: '100%',\r\n },\r\n [theme.breakpoints.down(\"600\")]: {\r\n '& img': {\r\n width: '100%',\r\n }\r\n }\r\n },\r\n girdContent: {\r\n width: '50%',\r\n // minWidth:600,\r\n maxWidth: '100% !important',\r\n [theme.breakpoints.down(\"1200\")]: {\r\n minWidth: '100%',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n },\r\n\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n بورس انرژی بازاری است که مانند سایر بورسهای کالایی، خریداران و فروشندگان زیادی در آن بهمنظور معامله حاملهای انرژی یا اوراق بهادار مبتنی بر این کالاها حضور دارند و با انجام معاملات در بین آنها، قیمت این حاملها به تعادل میرسد. حاملهای انرژی مانند نفت، گازوئیل، بنزین، حلالها،متانول، گاز، برق و...، کالاهایی هستند که قدرت انتقال انرژی را به صورت الکترونیکی یا شیمیایی دارند.بورس انرژی ایران به منظور نظم دادن به معاملات حاملهای انرژی و داراییهای مبتنی بر این حاملها، در سال 1384 جهت نظارت بر انجام معاملات و تسهیل فرآیند ثبت معاملات، تاسیس شده است.\r\n
\r\n\r\n {/* \r\n \r\n */}\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n margin: '100px auto 10px auto',\r\n flexWrap: 'wrap',\r\n padding: 50,\r\n [theme.breakpoints.down('400')]: {\r\n padding: \"30px 20px\",\r\n },\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n right: '50%',\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n desc: {\r\n width: '50%',\r\n margin: \"10px auto\",\r\n fontSize: 16,\r\n minWidth: 600,\r\n maxWidth: '100%',\r\n [theme.breakpoints.down('750')]: {\r\n minWidth: '100%',\r\n },\r\n\r\n },\r\n content: {\r\n position: 'relative'\r\n },\r\n title: {\r\n fontSize: 28,\r\n },\r\n gridBtns: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n margin: '50px auto',\r\n },\r\n btns: {\r\n width: '49.5%',\r\n height: 50,\r\n borderRadius: 5,\r\n border: \"none\",\r\n fontSize: 16,\r\n backgroundColor: '#F9F9FF',\r\n background: \"#F9F9FF\",\r\n marginBottom: 10,\r\n cursor: 'pointer',\r\n [theme.breakpoints.down('910')]: {\r\n minWidth: '100%',\r\n },\r\n },\r\n\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n ![\"\"](\"/assets/images/newImages/banner)
\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 \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
\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 \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
\r\n برندینگ شرکتها\r\n
\r\n \r\n
\r\n
\r\n )\r\n}\r\n","import { makeStyles } from \"@material-ui/core\";\r\nimport React from \"react\";\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: 102,\r\n height: 98,\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n flexDirection:'column',\r\n backgroundColor:'rgba(238,238,248,1)',\r\n margin:5,\r\n borderRadius:10,\r\n '@media (max-width:460px)': {\r\n margin:10,\r\n },\r\n '@media (max-width:445px)': {\r\n width: 102,\r\n height: 98,\r\n maxWidth:'100%',\r\n },\r\n },\r\n link:{\r\n width: 102,\r\n height: 170,\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n flexDirection:'column',\r\n },\r\n gridIcons: {\r\n width:100,\r\n height:100,\r\n borderRadius: '100%',\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n backgroundColor:'rgba(231,227,242,1)',\r\n },\r\n icon:{\r\n width:'60%',\r\n height:56,\r\n },\r\n content:{\r\n textAlign:'center',\r\n marginTop:20,\r\n color:'white'\r\n }\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useStyles();\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 \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","import { makeStyles } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport Card from './cardItems';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n flexDirection: 'column',\r\n ...theme.grid.gridMdContent,\r\n width: \"100%\",\r\n // margin: \"45px auto\",\r\n maxWidth: '100%',\r\n backgroundImage: `url('/assets/images/newImages/bgEnergy.jpg')`,\r\n // backgroundImage: `linear-gradient(to bottom, rgba(11, 23, 66, 0.7), rgba(11,23,66, 07)), url('/assets/images/newImages/bgEnergy.jpg');`,\r\n // backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0,0,0, 0.7)), url('/assets/images/newImages/bgKala.png');`,\r\n },\r\n gridConent: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n ...theme.grid.gridMdContent,\r\n width: \"65%\",\r\n width: 550,\r\n\r\n minHeight: 190,\r\n margin: \"0px auto\",\r\n maxWidth: '95%',\r\n marginBottom: 50,\r\n '@media (max-width:1001px)': {\r\n width: '400px',\r\n marginTop: 50\r\n },\r\n '@media (max-width:500px)': {\r\n width: '100%',\r\n },\r\n '@media (max-width:460px)': {\r\n flexDirection: 'column'\r\n },\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n right: '50%',\r\n\r\n },\r\n gridTitle: {\r\n position: 'relative',\r\n marginTop: 100,\r\n textAlign: 'center',\r\n\r\n '@media (max-width:445px)': {\r\n textAlign: 'center',\r\n },\r\n },\r\n title: {\r\n fontSize: 28,\r\n color: 'white'\r\n },\r\n gridDesc: {\r\n width: '50%',\r\n minWidth: 500,\r\n marginTop: 15,\r\n fontSize: 16,\r\n margin: 'auto',\r\n color: '#FFFFFF',\r\n '@media (max-width:650px)': {\r\n minWidth: '85%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n {data?.title}\r\n
\r\n {/*\r\n {data?.desc}\r\n
*/}\r\n\r\n
\r\n );\r\n}\r\n\r\n\r\nlet dataService = [\r\n {\r\n title: \"بازار فیزیکی\",\r\n desc: \"\",\r\n icon: \"/assets/icons/enrgy/sabad.svg\",\r\n },\r\n {\r\n title: \"بازار مشتقه\",\r\n desc: \"\",\r\n icon: \"/assets/icons/enrgy/bazar.svg\",\r\n },\r\n\r\n {\r\n title: \"بازار فرعی\",\r\n desc: \"\",\r\n icon: \"/assets/icons/enrgy/bazarMony.svg\",\r\n },\r\n\r\n\r\n\r\n // {\r\n // title: \"پذیرش و \",\r\n // desc: \"عرضه کالا\",\r\n // icon: \"/assets/icons/kala/serviceKala2.svg\",\r\n // },\r\n\r\n // {\r\n // title: \"مشاورههای تخصصی \",\r\n // desc: \"در بورس کالا\",\r\n // icon: \"/assets/icons/kala/serviceKala1.svg\",\r\n // },\r\n\r\n\r\n\r\n]","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column'\r\n },\r\n gridIcons: {\r\n width: 100,\r\n height: 100,\r\n borderRadius: '50%',\r\n background: \"#EDEEFE\",\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center'\r\n },\r\n\r\n icons: {\r\n width: \"35%\",\r\n // height: 36,\r\n },\r\n title: {\r\n fontSize: 16,\r\n margin:'20px auto'\r\n },\r\n card: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor: '#FFFFFF',\r\n borderRadius: 40,\r\n marginBottom:10,\r\n padding:'5px 8px',\r\n },\r\n gridCircle: {\r\n width: 60,\r\n height: 50,\r\n borderRadius: '50%',\r\n backgroundColor: '#EAEAFF',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginRight: 5\r\n },\r\n indexStep: {\r\n margin: 0,\r\n fontSize: 26,\r\n fontWeight:'bold',\r\n },\r\n desc: {\r\n margin: 'auto',\r\n textAlign: 'center',\r\n width:'80%'\r\n },\r\n gridbtn: {\r\n width: '100%',\r\n backgroundColor:'#EAEAFF',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius:38,\r\n height:60,\r\n marginBottom:50,\r\n cursor:'pointer'\r\n },\r\n btns: {\r\n margin: 0,\r\n color: '#182551',\r\n fontSize:16,\r\n marginRight:10\r\n },\r\n gridTitle:{\r\n width:'100%',\r\n textAlign:'center'\r\n },\r\n \r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useStyles();\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 بورس انرژی ایران دارای سه بازار فیزیکی، مشتقه و فرعی است. در بازار فیزیکی، کالاهای پذیرفته شده در بورس و در بازار مشتقه، اوراق بهادار مبتنی بر کالاهای پذیرفته شده در بورس معامله میشوند. بازار فرعی نیز شامل کالاهای تک و خارج از گونه است.\r\n\r\n
\r\n\r\n خود بازار فیزیکی شامل سه تابلوی برق، نفت و گاز و تابلوی سایر حاملهای انرژی و بازار مشتقه شامل سه تابلوی قرارداد سلف موازی استاندارد، قرارداد آتی و قرارداد اختیار معامله که هر کدام از این تابلوها نیز دو رینگ داخلی و بینالمللی دارند.\r\n
\r\n\r\n {\r\n dataService?.map((item, index) => {\r\n return (\r\n
\r\n \r\n {/*
)\r\n}\r\n","import { makeStyles } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport CardStep from './cardStep';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent:'spce-between',\r\n flexWrap: 'wrap',\r\n flexDirection: 'column',\r\n ...theme.grid.gridMdContent,\r\n width: \"100%\",\r\n maxWidth: '100%',\r\n backgroundColor:'#F6F7FF',\r\n padding:'100px 10px',\r\n '@media (max-width:500px)': {\r\n padding:'50px 10px',\r\n\r\n },\r\n },\r\n gridConent:{\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent:'space-around',\r\n ...theme.grid.gridMdContent,\r\n minWidth:960,\r\n '@media (max-width:1001px)': {\r\n minWidth:'100%',\r\n justifyContent:'center',\r\n flexDirection:'column'\r\n },\r\n '@media (max-width:445px)': {\r\n textAlign: 'center',\r\n },\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -15,\r\n width: 30,\r\n right: '50%',\r\n },\r\n gridTitle: {\r\n position: 'relative',\r\n },\r\n title: {\r\n fontSize: 28,\r\n marginBottom: 10,\r\n '@media (max-width:500px)': {\r\n textAlign: 'center',\r\n },\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n 
\r\n
*/}\r\n \r\n
\r\n \r\n {data?.title}\r\n
\r\n\r\n {\r\n data?.data?.map((item, index) => {\r\n return (\r\n
\r\n {/* \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n {index + 1}\r\n
\r\n\r\n
\r\n\r\n \r\n {item?.title}\r\n
\r\n\r\n ![\"\"](\"/assets/icons/kala/arrow.svg\")
\r\n
*/}\r\n \r\n {data?.btnDesc}\r\n
\r\n\r\n \r\n
\r\n );\r\n}\r\n\r\n\r\nlet dataStepUser = {\r\n title: '',\r\n iconTitle: \"/assets/icons/kala/profile.svg\",\r\n btnDesc: 'اطلاعات بیشتر',\r\n link: 'افتتاح حساب وکالتی و صدور کد معاملاتی',\r\n data: [\r\n {\r\n title: 'مراجعه به واحد بورس انرژی پویان',\r\n },\r\n {\r\n title: 'تکمیل فرمهای احراز هویت مشتریان',\r\n },\r\n {\r\n title: `ارائه مدارک هویتی و ثبت شرکت\r\n به کارگزاری`,\r\n },\r\n {\r\n title:'ارسال مدارک به شرکت سپردهگذاری مرکزی توسط کارگزاری',\r\n },\r\n {\r\n title:'صدور کد معاملاتی توسط سپردهگذاری و ارسال برای مشتری',\r\n },\r\n ]\r\n} \r\n\r\n\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: 220,\r\n textAlign: 'center'\r\n },\r\n gridIcons: {\r\n width: 100,\r\n height: 100,\r\n borderRadius: '50%',\r\n margin: 'auto',\r\n background: \"rgba(230,0,1,0.1)\",\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column'\r\n },\r\n\r\n icons: {\r\n width: \"40%\",\r\n // height: 36,\r\n },\r\n title: {\r\n fontSize: 16,\r\n margin: '20px auto'\r\n },\r\n gridbtn: {\r\n width: '100%',\r\n backgroundColor: '#EAEAFF',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius: 8,\r\n height: 45,\r\n marginBottom: 50,\r\n cursor: 'pointer'\r\n },\r\n btns: {\r\n margin: 0,\r\n color: '#182551',\r\n fontSize: 16,\r\n marginRight: 5\r\n },\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n )\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport CardDownload from './cardDownload';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n flexWrap: 'wrap',\r\n flexDirection: 'column',\r\n ...theme.grid.gridMdContent,\r\n width: \"100%\",\r\n maxWidth: '100%',\r\n \r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n right: '50%',\r\n },\r\n gridTitle: {\r\n position: 'relative',\r\n marginTop: 100,\r\n },\r\n title: {\r\n fontSize: 28,\r\n marginBottom: 75,\r\n '@media (max-width:445px)': {\r\n textAlign: 'center',\r\n },\r\n },\r\n gridDownload: {\r\n width: '45%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-around',\r\n flexWrap:'wrap',\r\n minWidth:650,\r\n '@media (max-width:750px)': {\r\n textAlign: 'center',\r\n justifyContent: 'center',\r\n flexDirection:'column',\r\n minWidth:'100%',\r\n },\r\n }\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n let data = [\r\n {\r\n title: 'شرکت داخلی',\r\n icon: \"/assets/icons/kala/homeTwo.svg \",\r\n link: '/assets/file/energy/داخلی (انرژی).rar',\r\n },\r\n {\r\n title: 'شرکت خارجی',\r\n icon: \"/assets/icons/kala/homeTwo.svg \",\r\n link: '/assets/file/energy/صادراتی (انرژی).rar',\r\n },\r\n {\r\n title: 'فایل راهنما',\r\n icon: \"/assets/icons/kala/docSearch.svg\",\r\n link: '/assets/file/energy/فایل راهنما.rar',\r\n },\r\n ]\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}\r\n\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Layout from '../../../layout';\r\nimport Register from './register';\r\nimport WhyBourse from './whyBourse';\r\nimport TypesOfMarket from './TypesOfMarket';\r\nimport ServicesKala from './servicesKala';\r\nimport StepKala from './stepKala';\r\nimport Download from './download';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles()\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n دانلود فرمهای اخذ کد بورس انرژی\r\n
\r\n\r\n {\r\n data?.map((item, index) => {\r\n return (\r\n
\r\n \r\n
\r\n
\r\n
\r\n
)\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n margin: '100px auto',\r\n flexWrap: 'wrap',\r\n minWidth: 1112,\r\n maxWidth: '100% !important',\r\n [theme.breakpoints.down(\"1200\")]: {\r\n minWidth: '100%',\r\n flexDirection: 'column',\r\n margin: '0px auto',\r\n }\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n list: {\r\n listStyle: 'none',\r\n },\r\n icon: {\r\n width: 20,\r\n height: 25,\r\n minWidth: 20,\r\n },\r\n gridList: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'flex-start',\r\n textAlign: 'left',\r\n [theme.breakpoints.down(\"600\")]: {\r\n alignItems: 'center',\r\n marginBottom: 5,\r\n width: '90%',\r\n margin: 'auto'\r\n }\r\n },\r\n desc: {\r\n margin: \"0px 10px\",\r\n fontSize: 16,\r\n },\r\n content: {\r\n position: 'relative'\r\n },\r\n title: {\r\n textAlign: 'left',\r\n marginBottom:10,\r\n fontSize: 28,\r\n [theme.breakpoints.down(\"600\")]: {\r\n textAlign: 'center',\r\n fontSize: 25,\r\n }\r\n },\r\n girdImages: {\r\n width: '46%',\r\n maxWidth: '100%',\r\n [theme.breakpoints.down(\"1200\")]: {\r\n marginBottom: '25px',\r\n width: '100%',\r\n },\r\n [theme.breakpoints.down(\"600\")]: {\r\n '& img': {\r\n width: '100%',\r\n }\r\n }\r\n },\r\n girdContent: {\r\n width: '50%',\r\n // minWidth:600,\r\n maxWidth: '100% !important',\r\n [theme.breakpoints.down(\"1200\")]: {\r\n minWidth: '100%',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n },\r\n\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\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
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n margin: '100px auto',\r\n flexWrap: 'wrap',\r\n backgroundColor: '#F6F7FF',\r\n padding: 50,\r\n [theme.breakpoints.down('400')]: {\r\n padding: \"50px 20px\",\r\n },\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n right: '50%',\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n desc: {\r\n width: '50%',\r\n margin: \"10px auto\",\r\n fontSize: 16,\r\n minWidth: 600,\r\n maxWidth: '100%',\r\n [theme.breakpoints.down('750')]: {\r\n minWidth: '100%',\r\n },\r\n\r\n },\r\n content: {\r\n position: 'relative'\r\n },\r\n title: {\r\n fontSize: 28,\r\n },\r\n gridBtns: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n margin: '50px auto',\r\n\r\n },\r\n btns: {\r\n width: 179,\r\n height: 50,\r\n borderRadius: 5,\r\n border: \"none\",\r\n fontSize: 16,\r\n backgroundColor: 'transparent',\r\n '&:hover': {\r\n background: \"#EDEFFE\",\r\n color: '#425BB4'\r\n },\r\n [theme.breakpoints.down('910')]: {\r\n minWidth: '50%',\r\n },\r\n [theme.breakpoints.down('510')]: {\r\n minWidth: '100%',\r\n },\r\n },\r\n btnActive:{\r\n background: \"#EDEFFE\",\r\n color: '#425BB4'\r\n },\r\n descT: {\r\n width: '100%',\r\n minHeight:30,\r\n },\r\n gridBtn: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n\r\n margin: '45px auto 0px auto'\r\n },\r\n btnWhite: {\r\n padding: '0px 33.5px',\r\n [theme.breakpoints.down('375')]: {\r\n width: '100%'\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n const [state, setstate] = useState({\r\n 1: 'در این بازار، محصولات مهم و مختلفی مانند انواع محصولات پتروشیمی، فرآوردههای نفتی، محصولات کشاورزی و همینطور انواع محصولات صنعتی و معدنی دادوستد میشود. در این بازار، فروشنده یک قیمت برای عرضه محصول اعلام میکند و متقاضیان آن، باتوجه به حجم و عرضه قیمتهای مختلفی را که برابر باقیمت فروشنده و یا بالاتر از قیمت پیشنهادی فروشنده است به او پیشنهاد میکنند که در مرحله آخر، محصول به بالاترین قیمت پیشنهادی فروخته میشود',\r\n 2: 'محصولاتی که به دلایل مختلف ازجمله عدم تأیید کیفیت و یا عرضه نامنظم یا به هر دلیل دیگری نمیتوانند در بازار فیزیکی حضورداشته باشند، در بازار دیگری تحت عنوان بازار فرعی دادوستد میشوند. محصولات این بازار نیز عبارتاند از محصولات پتروشیمی، کشاورزی، معدنی، پلیمر و صنعتی و ... که قابلعرضه در معاملات داخلی و خارجی هستند.',\r\n 3: 'این بازار جهت جذب سرمایهگذاران بیشتر و فراگیر تر شدن بورس کالا تأسیس شده است و شامل ۳ زیرمجموعه با نامهای گواهی سپرده کالایی، صندوق سرمایهگذاری کالایی و قرارداد سلف موازی استاندارد است.',\r\n 4: 'هدف از تأسیس بازار مشتقه سازمان بورس کالا، مدیریت ریسک قیمت و بهره مندی از اهرم و هم چنین تضمین معاملات است. نحوه فعالیت این بازار اینگونه است که یک دارایی خاص عرضهشده و بر روی آن، قراردادهایی تنظیم میشود. منظور از دارایی خاص نیز هر محصولی میتواند باشد.از محصولات غذایی مانند زعفران و پسته گرفته تا انواع محصولات پتروشیمی و فلزات گرانبها قابل معرفی بهعنوان دارایی پایه هستند',\r\n });\r\n\r\n const [indexSatet, setindexSatet] = useState(1);\r\n\r\n\r\n return (\r\n \r\n ![\"\"](\"/assets/images/newImages/kalaBody.png\")
\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 \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
\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\r\n
\r\n کشف قیمت از طریق حراج حضوری و شفافیت و حذف رانت و نهایتا فساد زدایی\r\n
\r\n \r\n
\r\n
\r\n )\r\n}\r\n","import { makeStyles } from \"@material-ui/core\";\r\nimport React from \"react\";\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: 180,\r\n height: 230,\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n flexDirection:'column',\r\n backgroundColor:'rgba(238,238,248,1)',\r\n margin:5,\r\n '@media (max-width:445px)': {\r\n width: 250,\r\n height: 300,\r\n maxWidth:'100%',\r\n },\r\n // '&:hover':{\r\n // transform:'scale(1.1)'\r\n // },\r\n },\r\n gridIcons: {\r\n width:100,\r\n height:100,\r\n borderRadius: '100%',\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n backgroundColor:'rgba(231,227,242,1)',\r\n },\r\n icon:{\r\n width:'60%',\r\n height:56,\r\n },\r\n content:{\r\n textAlign:'center',\r\n marginTop:20\r\n }\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useStyles();\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 بورس کالای ایران دارای 4 بازار اصلی است که هرکدام ویژگیهای خاصی دارند تا نیازهای مختلف فعالان بازار پوشش داده شود.به عنوان مثال در یک بازار شاهد معاملات فلزات هستیم، در یک بازار معاملات گواهی تمام سکه بهار آزادی، در بازاری دیگری شاهد معاملات مواد پتروشیمی و...\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {state[indexSatet] ? state[indexSatet] : ''}\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n );\r\n}\r\n","import { makeStyles } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport Card from './cardItems';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n flexDirection:'column',\r\n ...theme.grid.gridMdContent,\r\n width: \"100%\",\r\n // margin: \"45px auto\",\r\n maxWidth: '100%',\r\n // backgroundImage: `linear-gradient(to bottom, rgba(11, 23, 66, 0.7), rgba(11,23,66, 07)), url('/assets/images/newImages/bgKala.png');`,\r\n backgroundImage: `url('/assets/images/newImages/bgKala.jpg');`,\r\n // backgroundImage: `linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0,0,0, 0.7)), url('/assets/images/newImages/bgKala.png');`,\r\n },\r\n gridConent: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n ...theme.grid.gridMdContent,\r\n width: \"65%\",\r\n width: 1140,\r\n width: 1200,\r\n minHeight: 400,\r\n margin: \"0px auto\",\r\n maxWidth: '95%',\r\n\r\n '@media (max-width:1001px)': {\r\n width: '400px',\r\n marginTop:50\r\n },\r\n '@media (max-width:500px)': {\r\n width: '100%',\r\n },\r\n '@media (max-width:445px)': {\r\n justifyContent: 'center',\r\n },\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n right: '50%',\r\n\r\n },\r\n gridTitle: {\r\n position: 'relative',\r\n marginTop:100,\r\n '@media (max-width:445px)': {\r\n textAlign: 'center',\r\n },\r\n },\r\n title: {\r\n fontSize: 28,\r\n color:'white'\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {data?.title}\r\n
\r\n\r\n {data?.desc}\r\n
\r\n\r\n
\r\n );\r\n}\r\n\r\n\r\nlet dataService = [\r\n {\r\n title: \"خرید با مناسبترین \",\r\n desc: \"قیمت از بورس کالا\",\r\n icon: \"/assets/icons/kala/serviceKala3.svg\",\r\n },\r\n\r\n {\r\n title: \"برگزاری\",\r\n desc: \"دورههای آموزشی\",\r\n icon: \"/assets/icons/kala/serviceKala4.svg\",\r\n },\r\n\r\n {\r\n title: \"گزارش معاملات و\",\r\n desc: \"تحلیلهای تخصصی\",\r\n icon: \"/assets/icons/kala/serviceKala5.svg\",\r\n },\r\n\r\n {\r\n title: \"پذیرش و \",\r\n desc: \"عرضه کالا\",\r\n icon: \"/assets/icons/kala/serviceKala2.svg\",\r\n },\r\n\r\n {\r\n title: \"مشاورههای تخصصی \",\r\n desc: \"در بورس کالا\",\r\n icon: \"/assets/icons/kala/serviceKala1.svg\",\r\n },\r\n\r\n\r\n\r\n]","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column'\r\n },\r\n gridIcons: {\r\n width: 100,\r\n height: 100,\r\n borderRadius: '50%',\r\n background: \"#EDEEFE\",\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center'\r\n },\r\n\r\n icons: {\r\n width: \"35%\",\r\n // height: 36,\r\n },\r\n title: {\r\n fontSize: 16,\r\n margin:'20px auto'\r\n },\r\n card: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n backgroundColor: '#F9F9FF',\r\n borderRadius: 40,\r\n paddingRight: 10,\r\n marginBottom:10,\r\n padding:'5px 8px',\r\n },\r\n gridCircle: {\r\n width: 60,\r\n height: 50,\r\n borderRadius: '50%',\r\n backgroundColor: '#EAEAFF',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginRight: 5\r\n },\r\n indexStep: {\r\n margin: 0,\r\n fontSize: 26,\r\n fontWeight:'bold',\r\n },\r\n desc: {\r\n margin: 'auto',\r\n textAlign: 'center',\r\n width:'80%'\r\n },\r\n gridbtn: {\r\n width: '100%',\r\n backgroundColor:'#EAEAFF',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius:38,\r\n height:60,\r\n marginBottom:50,\r\n cursor:'pointer'\r\n },\r\n btns: {\r\n margin: 0,\r\n color: '#182551',\r\n fontSize:16,\r\n marginRight:10\r\n },\r\n gridTitle:{\r\n width:'100%',\r\n textAlign:'center'\r\n }\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n خدمات پویان در بورس کالا\r\n
\r\n\r\n {\r\n dataService?.map((item, index) => {\r\n return (\r\n
\r\n \r\n
)\r\n}\r\n","import { makeStyles } from \"@material-ui/core\";\r\nimport React from \"react\";\r\nimport CardStep from './cardStep';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent:'spce-between',\r\n flexWrap: 'wrap',\r\n flexDirection: 'column',\r\n ...theme.grid.gridMdContent,\r\n width: \"100%\",\r\n maxWidth: '100%',\r\n },\r\n gridConent:{\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent:'space-around',\r\n ...theme.grid.gridMdContent,\r\n minWidth:960,\r\n '@media (max-width:1001px)': {\r\n minWidth:'100%',\r\n justifyContent:'center',\r\n flexDirection:'column'\r\n },\r\n '@media (max-width:445px)': {\r\n textAlign: 'center',\r\n },\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -15,\r\n width: 30,\r\n right: '50%',\r\n },\r\n gridTitle: {\r\n position: 'relative',\r\n marginTop: 100,\r\n },\r\n title: {\r\n fontSize: 28,\r\n marginBottom: 75,\r\n '@media (max-width:445px)': {\r\n textAlign: 'center',\r\n },\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {data?.title}\r\n
\r\n\r\n {\r\n data?.data?.map((item, index) => {\r\n return (\r\n
\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n {index + 1}\r\n
\r\n\r\n
\r\n\r\n \r\n {item?.title}\r\n
\r\n\r\n \r\n
\r\n \r\n {data?.btnDesc}\r\n
\r\n\r\n \r\n
\r\n );\r\n}\r\n\r\n\r\nlet dataStepUser = {\r\n title: 'اشخاص حقیقی',\r\n iconTitle: \"/assets/icons/kala/profile.svg\",\r\n btnDesc: 'اطلاعات بیشتر',\r\n link: 'افتتاح حساب وکالتی و صدور کد معاملاتی',\r\n data: [\r\n {\r\n title: 'ثبت نام در سامانه سجام',\r\n },\r\n {\r\n title: 'اخذ کد بورس کالا از طریق سامانه EBGO',\r\n },\r\n {\r\n title: 'دریافت فرم معرفی نامه حساب وکالتی و مراجعه به بانک',\r\n },\r\n {\r\n title: 'افتتاح حساب وکالتی و صدور کد معاملاتی',\r\n },\r\n ]\r\n} \r\n\r\n\r\nlet dataStepHome = {\r\n title: 'اشخاص حقوقی',\r\n iconTitle: \"/assets/icons/kala/home.svg\",\r\n btnDesc: 'اطلاعات بیشتر',\r\n link: '',\r\n data: [\r\n {\r\n title:\"تکمیل فرمهای مربوطه و پیوست مدارک در کارگزاری پویان\",\r\n },\r\n {\r\n title:\"ارسال مدارک توسط کارگزاری به بورس و دریافت تائیدیه اولیه از بورس کالا\",\r\n },\r\n {\r\n title:\"دریافت اسناد تائید شده جهت امضا و ممهور نمودن توسط متقاضی\",\r\n },\r\n {\r\n title:\"افتتاح حساب وکالتی و صدور کد معاملاتی\",\r\n },\r\n ]\r\n} ","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: 220,\r\n textAlign: 'center'\r\n },\r\n gridIcons: {\r\n width: 100,\r\n height: 100,\r\n borderRadius: '50%',\r\n margin: 'auto',\r\n background: \"rgba(230,0,1,0.1)\",\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column'\r\n },\r\n\r\n icons: {\r\n width: \"35%\",\r\n // height: 36,\r\n },\r\n title: {\r\n fontSize: 16,\r\n margin: '20px auto'\r\n },\r\n gridbtn: {\r\n width: '100%',\r\n backgroundColor: '#EAEAFF',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius: 38,\r\n height: 60,\r\n marginBottom: 50,\r\n cursor: 'pointer'\r\n },\r\n btns: {\r\n margin: 0,\r\n color: '#182551',\r\n fontSize: 16,\r\n marginRight: 5\r\n },\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n )\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport CardDownload from './cardDownload';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n flexWrap: 'wrap',\r\n flexDirection: 'column',\r\n ...theme.grid.gridMdContent,\r\n width: \"100%\",\r\n maxWidth: '100%',\r\n \r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n right: '50%',\r\n },\r\n gridTitle: {\r\n position: 'relative',\r\n marginTop: 100,\r\n },\r\n title: {\r\n fontSize: 28,\r\n marginBottom: 75,\r\n '@media (max-width:445px)': {\r\n textAlign: 'center',\r\n },\r\n },\r\n gridDownload: {\r\n width: '35%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-around',\r\n minWidth:650,\r\n '@media (max-width:750px)': {\r\n textAlign: 'center',\r\n justifyContent: 'center',\r\n flexDirection:'column',\r\n minWidth:'100%',\r\n },\r\n }\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n let data = [\r\n {\r\n title: 'فرم اشخاص حقیقی',\r\n icon: \"/assets/icons/kala/userDoc.svg\",\r\n link: '/assets/file/kala/فرم درخواست صدور کد شخص حقیقی.pdf',\r\n },\r\n {\r\n title: 'فرم اشخاص حقوقی',\r\n icon: \"/assets/icons/kala/homeTwo.svg \",\r\n link: '/assets/file/kala/فرم درخواست صدور کد شخص حقوقی.pdf',\r\n },\r\n ]\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}\r\n\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Layout from '../../../layout';\r\nimport Register from './register';\r\nimport WhyBourse from './whyBourse';\r\nimport TypesOfMarket from './TypesOfMarket';\r\nimport ServicesKala from './servicesKala';\r\nimport StepKala from './stepKala';\r\nimport Download from './download';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles()\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n دانلود فرمهای کدگیری بورس کالا\r\n
\r\n\r\n {\r\n data?.map((item, index) => {\r\n return (\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n );\r\n}\r\n\r\nlet data = [\r\n {\r\n title: \"ثبت نام در سامانه سجام\",\r\n src: \"car1.png\",\r\n },\r\n {\r\n title: \"دریافت آنلاین کد معاملاتی بازار فیزیکی بورس کالا از کارگزاری پویان به آدرس Pouyan.ebgo.ir\",\r\n src: \"car2.png\",\r\n },\r\n {\r\n title: \"افتتاح حساب وکالتی بورس کالا و معرفی آن به کارگزاری پویان\",\r\n src: \"car3.png\",\r\n },\r\n {\r\n title: \"واریز مبلغ قیمت پایه اعلام شده مطابق اطلاعیه عرضه خودرو به حساب وکالتی یک روز قبل از عرضه و هماهنگی با کارگزاری\",\r\n src: \"car4.png\",\r\n },\r\n {\r\n title: \"ثبت سفارش خرید از طریق کارگزاری پویان یک روز قبل از عرضه\",\r\n src: \"car5.png\",\r\n },\r\n\r\n];\r\n","import React from 'react';\r\nimport {makeStyles} from '@material-ui/core/styles';\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\nimport TitlePage from \"./../../../common/TitlePage\";\r\nimport Typography from '@material-ui/core/Typography';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n marginBottom: 20,\r\n borderRadius: 10,\r\n '&:not(:first-child)': {\r\n borderBottom: 0,\r\n },\r\n },\r\n\r\n container: {\r\n padding: \"20px 40px\",\r\n background: \"#f2f4f6\",\r\n borderRadius: 15,\r\n marginBottom: 90,\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: \"95%\",\r\n margin: \"0 auto\",\r\n marginBottom: 30,\r\n padding: \"5px 10px\"\r\n },\r\n\r\n },\r\n}));\r\n\r\nexport default function ControlledAccordions() {\r\n const classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n مراحل ثبت سفارش خودرو در کارگزاری\r\n {` `}\r\n پویان\r\n \r\n\r\n \r\n {data.map((item, ind) => (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {\r\n ind !== data.length - 1 && (\r\n
\r\n ))}\r\n \r\n {convertNumberToPersian(item.title)}\r\n
\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\n","import React from 'react';\r\nimport {makeStyles} from '@material-ui/core/styles';\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\nimport TitlePage from \"./../../../common/TitlePage\";\r\nimport Typography from '@material-ui/core/Typography';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n marginBottom: 20,\r\n borderRadius: 10,\r\n '&:not(:first-child)': {\r\n borderBottom: 0,\r\n },\r\n },\r\n heading: {\r\n fontSize: theme.typography.pxToRem(16),\r\n flexBasis: '66.66%',\r\n flexShrink: 0,\r\n paddingBottom: 10,\r\n // color:\"#9e9e9e\",\r\n // fontWeight:600\r\n },\r\n body: {\r\n color: \"#858585\",\r\n\r\n },\r\n secondaryHeading: {\r\n fontSize: theme.typography.pxToRem(14),\r\n color: theme.palette.text.secondary,\r\n },\r\n container: {\r\n padding: \"20px 40px\",\r\n background: \"#f2f4f6\",\r\n borderRadius: 15,\r\n marginBottom: 90,\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: \"95%\",\r\n margin: \"0 auto\",\r\n marginBottom:30,\r\n padding: \"5px 10px\"\r\n },\r\n\r\n },\r\n}));\r\n\r\nexport default function ControlledAccordions() {\r\n const classes = useStyles();\r\n const [expanded, setExpanded] = React.useState(false);\r\n\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\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 \r\n
\r\n );\r\n}\r\nconst FAQ = [\r\n {\r\n question: \"حساب وکالتی بورس کالا چیست؟\",\r\n answer: \"حساب وکالتی نزد بانک مورد نظر به حساب معاملاتی مشتریانی که قصد خرید کالا در بورس کالا را داشته باشند وصل میشود. از طریق این حساب به کارگزاری وکالت داده میشود تا وجه مورد نیاز سفارشهای خرید در بورس کالا را مستقیما در حساب بانکی مشتری و با اجازه مشتری مسدود کند.\",\r\n },\r\n {\r\n question: \"کدام بانکها امکان افتتاح حساب وکالتی را دارند؟\",\r\n answer: \"درحال حاضر امکان افتتاح حساب وکالتی برعهده بانکهای ملت، پاسارگاد، صنعت و معدن، توسعه صادرات، سپه، آینده، اقتصاد نوین، کشاورزی، صادرات ایران، شهر، سینا، سامان، ملی ایران، رفاه کارگران، تجارت، توسعه تعاون، گردشگری و پارسیان است.\",\r\n },\r\n {\r\n question: \"آیا حساب وکالتی برای معاملات آتی برای معاملات بورس کالا کافی است؟\",\r\n answer: \"برای معاملات آتی باید حساب در اختیار معرفی شود که با حساب وکالتی متفاوت است. حساب در اختیار باید در بانکی افتتاح شود که شخص حساب عادی دیگری نیز در آن بانک داشته باشد تا حساب در اختیار فرد به آن متصل شود بنابراین باید به بخش اعلام شماره حساب وکالتی و در اختیار در سامانه ایبیگو مراجعه و بانکهای موجود را بررسی و فرم مربوط به آن را دریافت شود. بعد از افتتاح حساب وکالتی مجدد وارد سامانه ایبیگو شده و از قسمت اعلام شماره حساب وکالتی و در اختیار، حساب خود را معرفی کند.\",\r\n },\r\n {\r\n question: \"افرادی که کد بورسی دارند هم باید برای ثبت نام در بورس کالا دوباره سجام و کد بورسی بگیرند؟\",\r\n answer: \"برای خرید خودرو از بورس کالا، داشتن کد بورسی کافی نیست و باید کد معاملاتی بازار فیزیکی بورس کالا دریافت شود. لازم به ذکر است، در صورت تکمیل روند ثبتنام و احرازهویت در سامانه سجام، نیازی به ثبتنام مجدد نیست.\",\r\n },\r\n {\r\n question: \"تعیین قیمت نهایی خودرو در بورس کالا چگونه است؟\",\r\n answer: \"قیمتگذاری (قیمت پایه) توسط شورای رقابت و با درنظر گرفتن قیمت تمام شده تولید خودرو، مالیات و …. تعیین میگردد و قیمت نهایی (معامله شده در بورس کالا) خودرو براساس میزان تقاضا و همچنین قیمت ثبتشده از جانب سرمایهگذاران تعیین میشود.\",\r\n },\r\n {\r\n question: \"کشف قیمت در بورس کالا به چه صورت انجام میگیرد؟\",\r\n answer: \"در صورتی که تعداد عرضه از تقاضا بیشتر باشد، معاملات با قیمت پایه انجام خواهد شد. چنانچه تعداد تقاضا از حجم کالای عرضهشده بیشتر شود، معاملات بهصورت مزایده انجام میپذیرد. لذا سفارشات ارسال شده با قیمت بالاتر در اولویت قرار خواهند گرفت. و در صورت ارسال قیمت مساوی، قیمتی که به لحاظ زمانی زودتر ارسال گردد در اولویت خواهد بود.\",\r\n },\r\n {\r\n question: \"هر فرد چه تعداد خودرو میتواند بخرد؟\",\r\n answer: \"در حال حاضر برای خرید خودرو هر کد ملی تنها امکان ثبت سفارش روی یکی از خودروهای موجود و به تعداد یک عدد را دارد. به عبارت دیگر اگر شخصی در عرضههای قبلی موفق به خرید خودروی سواری شده باشد امکان ثبت سفارش نخواهد داشت.\",\r\n },\r\n\r\n]\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Layout from '../../../layout';\r\nimport TextWithImg from \"./../../common/TextWithImg\";\r\nimport Button from '@material-ui/core/Button';\r\nimport RegisterStep from './registerStep';\r\nimport CarVideo from './carVideo';\r\nimport Accordion from './accordion';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n [theme.breakpoints.up('md')]: {\r\n width: '100%',\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n width: '100%',\r\n },\r\n },\r\n button: {\r\n margin: \"10px 0px\",\r\n backgroundColor: theme.palette.light.type2,\r\n color: \"white\",\r\n borderColor: theme.palette.light.type2,\r\n borderRadius: \"0 15px 15px 15px\",\r\n \"&:active\": {\r\n backgroundColor: theme.palette.light.type2,\r\n },\r\n \"&:hover\": {\r\n backgroundColor: theme.palette.light.type2,\r\n },\r\n },\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles()\r\n\r\n\r\n return (\r\n \r\n \r\n }\r\n aria-controls=\"panel1bh-content\"\r\n id=\"panel1bh-header\"\r\n >\r\n {item.question} \r\n \r\n \r\n \r\n {item.answer}\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n سوالات متداول\r\n \r\n
\r\n {FAQ.map((item, index) =>\r\n \r\n \r\n ثبت نام خرید خودرو\r\n \r\n
\r\n \r\n \r\n <span >{data.title}</span>\r\n \r\n
\r\n )\r\n}\r\n","import React from 'react'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport CardList from './cardList';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridLg,\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'flex-start',\r\n flexWrap: 'wrap',\r\n [theme.breakpoints.down('md')]: {\r\n justifyContent: 'flex-start'\r\n },\r\n [theme.breakpoints.down('1500')]: {\r\n width: '90%',\r\n },\r\n [theme.breakpoints.down('1250')]: {\r\n width: '97%',\r\n },\r\n },\r\n icon: {\r\n width: '25px !important',\r\n marginLeft: 11,\r\n // fill: theme.palette.light.type2,\r\n fill: \"#0B1742\",\r\n height: 75,\r\n\r\n },\r\n logo: {\r\n width: 150,\r\n height: 40,\r\n fill: '#002C2E !important',\r\n opacity: 0.5,\r\n filter: ' grayscale(100%)',\r\n },\r\n 'grid-logo': {\r\n paddingTop: 25,\r\n width: 300\r\n },\r\n copyRightText: {\r\n height: 45,\r\n backgroundColor: 'white',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n '& p': {\r\n marginBottom: \"0px !important\"\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n fontSize: 11\r\n},\r\n }\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles()\r\n const state = [\r\n {\r\n title: 'راههای ارتباط با کارگزاری پویان',\r\n list: [\r\n {\r\n title: `تهران، خیابان شهیدبهشتی، تقاطع خیابان قنبرزاده و خیابان خرمشهر ،پلاک 222 ،طبقه اول`,\r\n icon: 'map'\r\n },\r\n // {\r\n // title: 'مرکز تماس: 81021850-021',\r\n // icon: 'tell'\r\n // },\r\n {\r\n title: 'پشتیبانی: 91005777-021 , 53782000-021',\r\n icon: 'tell'\r\n },\r\n // {\r\n // title: 'info@pishrobroker.ir',\r\n // icon: 'email'\r\n // },\r\n ]\r\n },\r\n {\r\n title: 'سامانههای کاربردی',\r\n list: [\r\n {\r\n title: 'سامانه سجام',\r\n icon: '',\r\n link: 'https://www.sejam.ir/',\r\n },\r\n\r\n {\r\n title: 'فیپیران ',\r\n icon: '',\r\n link: 'https://www.fipiran.com/',\r\n },\r\n {\r\n title: 'سامانه مدیریت فناوری بورس تهران',\r\n icon: '',\r\n link: 'http://www.tsetmc.com',\r\n },\r\n ]\r\n },\r\n // {\r\n // title: 'لینکهای کاربردی',\r\n // list: [\r\n // {\r\n // title: 'سامانه سجام',\r\n // icon: '',\r\n // link: 'https://dara.csdiran.com/sejam/bourse/fromcompany/7YK5R9hvRLl1Dnj9dpUKUzFKoDNiEi9dS3FnFExOtVgJCsm45GzVm3nG5nytnOm',\r\n // },\r\n // {\r\n // title: 'سامانه سهام عدالت',\r\n // icon: '',\r\n // link: 'https://se-simabgoon.rayanbroker.ir/',\r\n // },\r\n // {\r\n // title: 'دورههای آموزشی',\r\n // icon: '',\r\n // link: '',\r\n // },\r\n // {\r\n // title: 'شماره حساب ها',\r\n // icon: '',\r\n // linkRouter: '/AcountNumber',\r\n // },\r\n // ]\r\n // },\r\n ]\r\n const icons = {\r\n header: 'logo-pishro',\r\n list: [\r\n 'telegram',\r\n 'instagram',\r\n 'aparat',\r\n 'twiter',\r\n\r\n ]\r\n }\r\n return (\r\n <>\r\n - \r\n {\r\n data.list.map((data, index) => {\r\n return (\r\n
- \r\n {\r\n data.icon && (\r\n \r\n \r\n \r\n\r\n )\r\n }\r\n {\r\n data.link && (\r\n \r\n {data.title}\r\n \r\n )\r\n }\r\n {\r\n !data.link && !data.linkRouter && (\r\n {data.title}\r\n )\r\n }\r\n {\r\n data.linkRouter && (\r\n \r\n {data.title}\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 state.map((data, index) => {\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 کارگزاری پویان\r\n
*/}\r\n\r\n \r\n \r\n {\r\n icons.list.map((icon, index) => {\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
\r\n {/* \r\n ![\"\"](\"https://Trustseal.eNamad.ir/logo.aspx?id=244488&Code=Xjg5aPL4TpQk7Tmovyi0\")
\r\n
*/}\r\n\r\n \r\n
\r\n \r\n )\r\n}\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport useScrollTrigger from '@material-ui/core/useScrollTrigger';\r\nimport Zoom from '@material-ui/core/Zoom';\r\nimport Fab from '@material-ui/core/Fab';\r\n\r\n\r\n\r\nconst useStyles = makeStyles(() => ({\r\n root: {\r\n position: \"fixed\",\r\n left: \"2%\",\r\n bottom: 100,\r\n cursor: \"pointer\",\r\n zIndex: 10000\r\n }\r\n}))\r\n\r\n\r\n\r\nexport default function ScrollToTop(props) {\r\n\r\n return (\r\n © تمامی حقوق برای کارگزاری پویان محفوظ است 2023 Copyright
\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 404\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 // return ;\r\n };\r\n return (\r\n <>\r\n \r\n {bourseInstruments.loading && (\r\n
\r\n دیتایی برای نمایش وجو ندارد
\r\n )}\r\n \r\n \r\n date.format(\"jYYYY/jMM/jDD\") : \"\"}\r\n // labelFunc={value ? date => date?.format(\"jYYYY/jMM/jDD\") : \"\"}\r\n labelFunc={value ? date => ( \r\n (date && typeof date !== 'string')\r\n ? date?.format(\"jYYYY/jMM/jDD\") \r\n :typeof date === 'string' \r\n ? value?.split(' ')?.[0]\r\n : null\r\n ) : null}\r\n // \r\n \r\n\r\n value={ (value && typeof value !== 'string')\r\n ? value?.format(\"jYYYY/jMM/jDD\") \r\n :typeof value === 'string' \r\n ? value?.split(' ')?.[0]\r\n :null}\r\n style={{ width: '100%' }}\r\n onChange={data => {\r\n setValue(data)\r\n }}\r\n size=\"small\"\r\n // format=\"jYYYY/jMM/jDD\"\r\n minDateMessage={ \r\n
\r\n )\r\n}\r\n\r\n\r\nexport default Index","import { Box, makeStyles, TextField } from \"@material-ui/core\";\r\nimport Autocomplete from \"@material-ui/lab/Autocomplete\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport DatePicker from \"../../../../common/datePicker\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n grid: {\r\n display: \"grid\",\r\n gridTemplateColumns: \"auto auto auto auto\",\r\n margin: \"0 auto\",\r\n // gridTemplateRows: \"60px 60px\",\r\n \"@media (min-width:0px) and (max-width:567px)\": {\r\n gridTemplateColumns: \"auto\",\r\n },\r\n \"@media (min-width:568px) and (max-width:767px)\": {\r\n gridTemplateColumns: \"auto auto\",\r\n },\r\n \"@media (min-width:768px) and (max-width:992px)\": {\r\n gridTemplateColumns: \"auto auto\",\r\n },\r\n },\r\n button: {\r\n backgroundColor: \"#CD2F4E\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"0 9px 9px 9px\",\r\n marginRight: 10,\r\n width: 90,\r\n height: 35,\r\n boxShadow:\r\n \"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n },\r\n button2: {\r\n backgroundColor: \"#64a51c\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"0 9px 9px 9px\",\r\n marginRight: 10,\r\n width: 90,\r\n height: 35,\r\n boxShadow:\r\n \"rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px\",\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n },\r\n\r\n block: {\r\n width: \"100%\",\r\n height: 0,\r\n visibility: \"hidden\",\r\n boxShadow: \" rgba(0, 0, 0, 0.15) 0px 5px 15px 0px\",\r\n },\r\n // div:{\r\n // display: 'grid',\r\n // // gridColumnGap: '50px'\r\n // backgroundColor:'white',\r\n // gridTemplateColumns: 'auto auto auto auto auto auto',\r\n // // backgroundColor: '#2196F3',\r\n // padding: 10,\r\n // ['@media (max-width:1800px)']: { // eslint-disable-line no-useless-computed-key\r\n // gridTemplateColumns: 'auto auto auto auto auto',\r\n // },\r\n // ['@media (max-width:1800px)']: { // eslint-disable-line no-useless-computed-key\r\n // gridTemplateColumns: 'auto auto auto auto',\r\n // },\r\n // },\r\n\r\n none: {\r\n width: \"100%\",\r\n height: 0,\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n boxShadow: \" rgba(0, 0, 0, 0.15) 0px 5px 15px 0px\",\r\n animation: \"$fadeOut 0.4s\",\r\n \"@media (min-width:300px) and (max-width:767px)\": {\r\n animation: \"$fadeOutSm 0.4s\",\r\n },\r\n \"@media (min-width:768px) and (max-width:992px)\": {\r\n animation: \"$fadeOutMd 0.4s\",\r\n },\r\n \"@media (min-width:991px) and (max-width:1650px)\": {\r\n animation: \"$fadeOutLg 0.4s\",\r\n },\r\n },\r\n transform: {\r\n \"@media (min-width:300px) and (max-width:767px)\": {\r\n transform: \"scale(0.8,0.8)\",\r\n },\r\n },\r\n\r\n filter: {\r\n width: \"100%\",\r\n height: 150,\r\n visibility: \"visible\",\r\n opacity: 1,\r\n borderRadius: 10,\r\n boxShadow: \" rgba(0, 0, 0, 0.15) 0px 5px 15px 0px\",\r\n animation: \"$fadeIn 0.4s\",\r\n \"@media (min-width:300px) and (max-width:767px)\": {\r\n height: 530,\r\n animation: \"$fadeInSm 0.4s\",\r\n },\r\n \"@media (min-width:768px) and (max-width:991px)\": {\r\n height: 300,\r\n animation: \"$fadeInMd 0.4s\",\r\n },\r\n \"@media (min-width:991px) and (max-width:1650px)\": {\r\n height: 250,\r\n animation: \"$fadeInLg 0.4s\",\r\n },\r\n // ['@media (min-width:780px)']: {\r\n // height: 300,\r\n // animation: \"$fadeInSm 0.4s\",\r\n // },\r\n // ['@media (min-width:780px)']: {\r\n // height: 200,\r\n // animation: \"$fadeInSm 0.4s\",\r\n // },\r\n },\r\n\r\n \"@keyframes fadeIn\": {\r\n \"0%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: 0,\r\n boxShadow: 0,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 150,\r\n boxShadow: \" rgba(0, 0, 0, 0.15) 0px 5px 15px 0px\",\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeInMd\": {\r\n \"0%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: 0,\r\n boxShadow: 0,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 300,\r\n boxShadow: \" rgba(0, 0, 0, 0.15) 0px 5px 15px 0px\",\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeInSm\": {\r\n \"0%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: 0,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n\r\n \"100%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 530,\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeInLg\": {\r\n \"0%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: 0,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n\r\n \"100%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 250,\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n\r\n \"@keyframes fadeOut\": {\r\n \"0%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 150,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: \"0\",\r\n\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeOutMd\": {\r\n \"0%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 300,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: 0,\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeOutSm\": {\r\n \"0%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 530,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: \"0\",\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n \"@keyframes fadeOutLg\": {\r\n \"0%\": {\r\n visibility: \"visible\",\r\n opacity: 1,\r\n width: \"100%\",\r\n height: 250,\r\n // transform: \"translateY(5rem)\"\r\n },\r\n \"100%\": {\r\n visibility: \"hidden\",\r\n opacity: 0,\r\n width: \"100%\",\r\n height: \"0\",\r\n // transform: \"translateY(0)\"\r\n },\r\n },\r\n}));\r\n\r\nconst Index = ({\r\n bourseMainGroupReducer,\r\n handleChange,\r\n mainCategory,\r\n boursecategory,\r\n bourseSubcategory,\r\n handleChangeCategory,\r\n subCategory,\r\n bourseProducer,\r\n getCodeSubCategory,\r\n getCodeSubCategoryState,\r\n handleChangeProducer,\r\n handleSubmit,\r\n handleExit,\r\n handelChangeDate,\r\n stateFilter,\r\n FlagFilter,\r\n flag,\r\n producer,\r\n mainGroup,\r\n setstateFilter,\r\n use,\r\n statePDf,\r\n handelChangeDatePdf\r\n}) => {\r\n const classes = useStyles();\r\n // const [dateMin, setdateMin] = useState();\r\n // const [dateMax, setdateMax] = useState();\r\n\r\n let category = subCategory;\r\n let textGetSubcategory = getCodeSubCategoryState;\r\n let textproducer = producer;\r\n let textmainGroup = mainGroup;\r\n\r\n useEffect(() => {\r\n if (subCategory === null) {\r\n category = \"\";\r\n }\r\n }, [subCategory, subCategory]);\r\n\r\n useEffect(() => {\r\n if (getCodeSubCategoryState === null) {\r\n textGetSubcategory = \"\";\r\n }\r\n }, [getCodeSubCategoryState]);\r\n\r\n useEffect(() => {\r\n textproducer = \"\";\r\n }, [textproducer]);\r\n\r\n useEffect(() => {\r\n textmainGroup = \"\";\r\n }, [textmainGroup]);\r\n\r\n useEffect(() => {\r\n if (stateFilter.from_date) {\r\n if (stateFilter.from_date.includes(\"undefined\")) {\r\n setstateFilter((prev) => ({\r\n ...prev,\r\n from_date: null,\r\n }));\r\n }\r\n }\r\n }, [stateFilter.from_date]);\r\n useEffect(() => {\r\n if (stateFilter.to_date) {\r\n if (stateFilter.to_date.includes(\"undefined\")) {\r\n setstateFilter((prev) => ({\r\n ...prev,\r\n to_date: null,\r\n }));\r\n }\r\n }\r\n }, [stateFilter.to_date]);\r\n\r\n return (\r\n <>\r\n {use === \"modal2\" ? (\r\n <>\r\n آیکون را کلیک کنید
}\r\n \r\n // minDate={moment().subtract(6, \"months\")}\r\n // maxDate={moment()}\r\n required ={required}\r\n />\r\n\r\n \r\n option.Name}\r\n value={textmainGroup}\r\n onChange={(event, value) =>\r\n handleChange(event, value, \"main_category\")\r\n }\r\n renderInput={(params) => (\r\n \r\n option.name}\r\n value={category}\r\n onChange={(event, value) =>\r\n handleChangeCategory(event, value, \"category\")\r\n }\r\n renderInput={(params) => (\r\n \r\n option.name}\r\n value={textGetSubcategory}\r\n onChange={(event, value) =>\r\n getCodeSubCategory(event, value, \"sub_category\")\r\n }\r\n renderInput={(params) => (\r\n \r\n option.name}\r\n value={textproducer}\r\n onChange={(event, value) =>\r\n handleChangeProducer(event, value, \"producer\")\r\n }\r\n renderInput={(params) => (\r\n
\r\n \r\n
\r\n \r\n ) : (\r\n <>\r\n تاریخ عرضه را انتخاب کنید
\r\n\r\n handelChangeDatePdf(data, \"from_date\")}\r\n />\r\n
\r\n \r\n \r\n {/*
\r\n \r\n );\r\n};\r\n\r\nexport default Index;\r\n","import React from \"react\";\r\n\r\nimport { Page, Text, View, StyleSheet, Image } from \"@react-pdf/renderer\";\r\nimport { dateMiladiToShamsi } from \"../../../../method/date\";\r\n\r\nconst stylePdf = StyleSheet.create({\r\n root: {\r\n fontFamily: \"iransans\",\r\n },\r\n page: {\r\n // backgroundColor: \"red\",\r\n // fontFamily: \"iransans\",\r\n },\r\n main: {\r\n width: \"100%\",\r\n height: \"100%\",\r\n display: \"flex\",\r\n flexDirection: \"row\",\r\n },\r\n mainRight: {\r\n width: \"50%\",\r\n height: \"100%\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n backgroundColor: \"white\",\r\n },\r\n mainLeft: {\r\n width: \"50%\",\r\n height: \"100%\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n backgroundColor: \"#0B1742\",\r\n },\r\n h: {\r\n fontSize: 25,\r\n fontWeight: \"bold\",\r\n marginTop: 30,\r\n },\r\n logo: {\r\n width: 290,\r\n // height: 30,\r\n },\r\n boxParent: {\r\n width: \"80%\",\r\n height: \"80%\",\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n box: {\r\n width: 300,\r\n height: 400,\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n color: \"white\",\r\n },\r\n boxTitle: {\r\n width: \"100%\",\r\n height: 35,\r\n backgroundColor: \"#f2f2f2\",\r\n marginTop: 10,\r\n borderRadius: 9,\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n color: \"black\",\r\n },\r\n boxText: {\r\n marginTop: 40,\r\n color: \"#f2f2f2\",\r\n },\r\n});\r\n\r\nconst MainPdf = ({\r\n statePDf,\r\n mainGroup,\r\n subCategory,\r\n getCodeSubCategory,\r\n producer,\r\n mainCategory,\r\n bourseInstruments,\r\n date\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 \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ButtonPdf;\r\n","import React, { useEffect } from \"react\";\r\nimport DatePicker from \"../../../common/datePicker\";\r\nimport styles from \"../pdf2/main/index.module.scss\";\r\nimport Input from \"../Filter/input\";\r\n\r\nconst Index = ({\r\n handelChangeDatePdf,\r\n setstatePDf,\r\n statePDf,\r\n bourseMainGroupReducer,\r\n handleChange,\r\n mainCategory,\r\n boursecategory,\r\n bourseSubcategory,\r\n handleChangeCategory,\r\n subCategory,\r\n bourseProducer,\r\n getCodeSubCategory,\r\n getCodeSubCategoryState,\r\n handleChangeProducer,\r\n handleSubmit,\r\n handleExit,\r\n handelChangeDate,\r\n stateFilter,\r\n FlagFilter,\r\n flag,\r\n producer,\r\n mainGroup,\r\n setstateFilter,\r\n handleFlagPdf,\r\n handleClose2,\r\n}) => {\r\n useEffect(() => {\r\n if (statePDf.from_date) {\r\n if (statePDf.from_date.includes(\"undefined\")) {\r\n setstatePDf((prev) => ({\r\n ...prev,\r\n from_date: null,\r\n to_date:null\r\n }));\r\n }\r\n }\r\n }, [statePDf.from_date]);\r\n useEffect(() => {\r\n if (statePDf.to_date) {\r\n if (statePDf.to_date.includes(\"undefined\")) {\r\n setstatePDf((prev) => ({\r\n ...prev,\r\n to_date: null,\r\n from_date: null,\r\n }));\r\n }\r\n }\r\n }, [statePDf.to_date]);\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {bourseInstrumentsPdf.loading && (\r\n \r\n handleFlagPdf()}\r\n >\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n )}\r\n {!bourseInstrumentsPdf.loading && (\r\n \r\n \r\n
\r\n \r\n
\r\n {/* دانلود فایل PDF
\r\n\r\n handleFlagPdf()}\r\n >\r\n دانلود\r\n \r\n handleClose2()}\r\n style={{ marginRight: 10 }}\r\n >\r\n لغو\r\n \r\n
\r\n دانلود فایل PDF
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n تاریخ روز عرضه را انتخاب کنید\r\n
\r\n\r\n handelChangeDatePdf(data, \"to_date\")}\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\nexport default Index;\r\n","import { Backdrop, Box, makeStyles, Modal } from \"@material-ui/core\";\r\nimport React, { useEffect, useRef, useState } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport Layout from \"../../../layout\";\r\nimport TableBourse from \"./table\";\r\nimport { actionTypes as bourseMainGroup } from \"../../../redux/bourse/select_main_groups\";\r\nimport { actionTypes as bourseCategory } from \"../../../redux/bourse/select_categories\";\r\nimport { actionTypes as bourseSubCategory } from \"../../../redux/bourse/subCategory\";\r\nimport { actionTypes as bourseInstrumnts } from \"../../../redux/bourse/select_instruments\";\r\nimport { actionTypes as bourseproducer } from \"../../../redux/bourse/select_producer\";\r\nimport { actionTypes as pdf } from \"../../../redux/bourse/select_instruments_pdf\";\r\nimport { convertDigitToEnglish } from \"../../method/convertDigitToEnglish\";\r\nimport Filter from \"./Filter\";\r\n\r\nimport { PDFDownloadLink } from \"@react-pdf/renderer\";\r\nimport MyDocument from \"./pdf2\";\r\nimport styles from \"./pdf2/main/index.module.scss\";\r\nimport ButtonPdf from \"./Button\";\r\nimport Modal2 from \"./modal2\";\r\nimport { dateMiladiToShamsi } from \"../../method/date\";\r\nimport { TreeItem } from \"@material-ui/lab\";\r\n// import Timer from \"../../common/timer\";\r\nlet pdfUef = false;\r\nconst useStyles = makeStyles((theme) => ({\r\n style: {\r\n position: \"absolute\",\r\n top: \"50%\",\r\n left: \"50%\",\r\n transform: \"translate(-50%, -50%)\",\r\n width: \"400px\",\r\n height: \"200px\",\r\n backgroundColor: \"white\",\r\n boxShadow: 24,\r\n borderRadius: 8,\r\n padding: 4,\r\n overflowY: \"auto\",\r\n overflowX: \"hideen\",\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"space-around\",\r\n alignItems: \"center\",\r\n \"@media (min-width: 0) and (max-width: 500px)\": {\r\n width: \"320px\",\r\n },\r\n },\r\n style2: {\r\n position: \"absolute\",\r\n top: \"50%\",\r\n left: \"50%\",\r\n transform: \"translate(-50%, -50%)\",\r\n width: \"950px\",\r\n height: \"420px\",\r\n backgroundColor: \"white\",\r\n boxShadow: 24,\r\n borderRadius: 8,\r\n padding: 4,\r\n overflowY: \"auto\",\r\n overflowX: \"hideen\",\r\n display: \"flex\",\r\n // flexDirection: \"column\",\r\n // justifyContent: \"space-around\",\r\n // alignItems: \"center\",\r\n \"@media (min-width: 0) and (max-width: 575px)\": {\r\n // width: \"350px\",\r\n width: \"95%\",\r\n height: \"600px\",\r\n },\r\n \"@media (min-width: 576px) and (max-width: 767px)\": {\r\n width: \"560px\",\r\n height: \"470px\",\r\n },\r\n \"@media (min-width: 768px) and (max-width: 992px)\": {\r\n width: \"680px\",\r\n height: \"490px\",\r\n },\r\n [theme.breakpoints.down('xs')]: {\r\n width: '98%',\r\n },\r\n },\r\n loading: {\r\n // width: \"100%\",\r\n // height: \"110vh\",\r\n backgroundColor: \"rgba(0, 0, 0, 0.507)\",\r\n position: \"absolute\",\r\n top: 0,\r\n left: 0,\r\n bottom: 0,\r\n right: 0,\r\n zIndex: 10000000,\r\n display: \"flex\",\r\n flexDirection: \"column\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n color: \"white !important\",\r\n fontSize: 25,\r\n \"@media (min-width: 0) and (max-width: 992px)\": {\r\n height: \"110vh\",\r\n fontSize: 20,\r\n },\r\n },\r\n titleModal: {\r\n width: \"80%\",\r\n height: 45,\r\n fontSize: 18,\r\n\r\n borderRadius: 6,\r\n display: \"flex\",\r\n justifyContent: \"flex-start\",\r\n alignItems: \"center\",\r\n\r\n color: \"black\",\r\n },\r\n backdrop: {\r\n zIndex: 10000000,\r\n backgroundColor: \"rgba(0, 0, 0, 0.750)\",\r\n // backgroundColor:'rgba(255, 255, 255, 0.800)',\r\n \"@media (min-width: 0) and (max-width: 992px)\": {\r\n fontSize: 20,\r\n },\r\n },\r\n}));\r\n\r\nlet flagOne = false;\r\n\r\nconst Bourse = () => {\r\n const dispatch = useDispatch();\r\n const classes = useStyles();\r\n\r\n // -------------------------------------state------------------------------------\r\n\r\n const [page, setPage] = useState(0);\r\n const [rowsPerPage, setRowsPerPage] = useState(10);\r\n const [stateFilter, setstateFilter] = useState({\r\n from_date: null,\r\n to_date: null,\r\n main_category: \"\",\r\n category: \"\",\r\n sub_category: \"\",\r\n producer: \"\",\r\n sort: \"\",\r\n });\r\n const [FlagFilter, setFlagFilter] = useState(false);\r\n const [mainCategory, setMainCategory] = useState(null);\r\n const [subCategory, setsubCategory] = useState(null);\r\n const [getCodeSubCategoryState, setgetCodeSubCategoryState] = useState(null);\r\n const [producer, setproducer] = useState(null);\r\n const [mainGroup, setmainGroup] = useState(null);\r\n const [totalPdf, settotalPdf] = useState([]);\r\n const [open2, setOpen2] = React.useState(false);\r\n const [flag, setflag] = useState(false);\r\n const [flagRefresh, setflagRefresh] = useState(false);\r\n const [arrayState, setarrayState] = useState([]);\r\n const [titleModal, settitleModal] = useState(false);\r\n const [backDrop, setbackDrop] = useState(false);\r\n const [stateFilterPage, setstateFilterPage] = useState({\r\n from_date: null,\r\n to_date: null,\r\n main_category: \"\",\r\n category: \"\",\r\n sub_category: \"\",\r\n producer: \"\",\r\n sort: \"\",\r\n });\r\n const [timePdf, settimePdf] = useState(0);\r\n const [statePDf, setstatePDf] = useState({\r\n ...stateFilter,\r\n from_date: null,\r\n to_date: null,\r\n });\r\n\r\n const [statePdfStart, setstatePdfStart] = useState(false);\r\n const [TimePdf, setTimePdf] = useState(0)\r\n\r\n let clickRef = useRef(null);\r\n\r\n // -------------------------------------useSelector------------------------------------\r\n\r\n const bourseMainGroupReducer = useSelector(\r\n (state) => state.bourse_select_mainGroup_reducer\r\n );\r\n const boursecategory = useSelector(\r\n (state) => state.bourse_select_category_reducer\r\n );\r\n const bourseSubcategory = useSelector(\r\n (state) => state.bourse_select_subCategory_reducer\r\n );\r\n const bourseInstruments = useSelector(\r\n (state) => state.bourse_select_instruments_reducer\r\n );\r\n const bourseProducer = useSelector(\r\n (state) => state.bourse_select_producer_reducer\r\n );\r\n const bourseInstrumentsPdf = useSelector(\r\n (state) => state.bourse_select_instruments_pdf_reducer\r\n );\r\n\r\n // -------------------------------------fuctionApi------------------------------------\r\n const apiCallMainGroup = () => {\r\n dispatch({\r\n type: bourseMainGroup.selectMainGroupsBourseAsync,\r\n payload: {},\r\n });\r\n };\r\n const apiCallCategory = () => {\r\n let data = {\r\n main_category: mainCategory?.code,\r\n };\r\n dispatch({\r\n type: bourseCategory.selectCategortyBourseAsync,\r\n payload: { data },\r\n });\r\n };\r\n const apiCallSubCategory = () => {\r\n let data = {\r\n main_category: mainCategory?.code,\r\n sub_category: subCategory?.code,\r\n };\r\n dispatch({\r\n type: bourseSubCategory.selectSubCategortyBourseAsync,\r\n payload: { data },\r\n });\r\n };\r\n \r\n const apiCallInstrumentsPdf = () => {\r\n let obj = {};\r\n Object.keys(statePDf).forEach((element) => {\r\n if (statePDf[element]) {\r\n obj[element] = statePDf[element];\r\n }\r\n });\r\n\r\n\r\n let data = { ...obj };\r\n dispatch({\r\n type: pdf.selectInstrumentsPdfAsync,\r\n payload: { data },\r\n });\r\n };\r\n\r\n const apiCallInstruments = () => {\r\n let { size } = bourseInstruments;\r\n let obj = {};\r\n let from = page;\r\n\r\n Object.keys(stateFilter).forEach((element) => {\r\n if (stateFilter[element]) {\r\n obj[element] = stateFilter[element];\r\n }\r\n });\r\n\r\n let data = { ...obj };\r\n\r\n dispatch({\r\n type: bourseInstrumnts.selectInstrumentsAsync,\r\n payload: { data, size, from },\r\n });\r\n };\r\n\r\n const apiCallInstrumentsPage = () => {\r\n let { size } = bourseInstruments;\r\n let obj = {};\r\n let from = page;\r\n\r\n Object.keys(stateFilterPage).forEach((element) => {\r\n if (stateFilterPage[element]) {\r\n obj[element] = stateFilterPage[element];\r\n }\r\n });\r\n\r\n let data = { ...obj };\r\n\r\n dispatch({\r\n type: bourseInstrumnts.selectInstrumentsAsync,\r\n payload: { data, size, from },\r\n });\r\n };\r\n\r\n const apiCallProducer = () => {\r\n dispatch({ type: bourseproducer.selectProducerAsync, payload: {} });\r\n };\r\n\r\n const handleSubmit = () => {\r\n setstateFilterPage(stateFilter);\r\n setPage(0);\r\n apiCallInstruments();\r\n };\r\n\r\n // -------------------------------------useEffect------------------------------------\r\n\r\n useEffect(() => {\r\n apiCallMainGroup();\r\n apiCallInstruments();\r\n apiCallProducer();\r\n }, []);\r\n\r\n useEffect(() => {\r\n apiCallInstrumentsPage();\r\n }, [page]);\r\n\r\n useEffect(() => {\r\n if (mainCategory) {\r\n apiCallCategory();\r\n } else {\r\n dispatch({ type: bourseCategory.selectCategortyBourseEmpty });\r\n }\r\n setstateFilter((prev) => ({\r\n ...prev,\r\n main_category: mainCategory?.code,\r\n }));\r\n }, [mainCategory]);\r\n\r\n useEffect(() => {\r\n if (subCategory) {\r\n apiCallSubCategory();\r\n } else {\r\n dispatch({ type: bourseSubCategory.selectSubCategortyBourseEmpty });\r\n }\r\n setstateFilter((prev) => ({\r\n ...prev,\r\n category: subCategory?.code,\r\n }));\r\n }, [subCategory]);\r\n\r\n useEffect(() => {\r\n setstateFilter((prev) => ({\r\n ...prev,\r\n sub_category: getCodeSubCategoryState?.code,\r\n }));\r\n }, [getCodeSubCategoryState]);\r\n\r\n useEffect(() => {\r\n setstateFilter((prev) => ({\r\n ...prev,\r\n producer: producer?.code,\r\n }));\r\n }, [producer]);\r\n useEffect(() => {\r\n apiCallInstruments();\r\n }, [flagRefresh]);\r\n\r\n \r\n\r\n useEffect(() => {\r\n let total = Math.ceil(bourseInstrumentsPdf.total / 6);\r\n let data = [];\r\n for (let index = 0; index < total; index++) {\r\n data.push(index.toString());\r\n }\r\n settotalPdf(data);\r\n }, [bourseInstrumentsPdf.total]);\r\n\r\n useEffect(() => {\r\n handelTextSharh();\r\n }, [bourseInstrumentsPdf]);\r\n\r\n useEffect(() => {\r\n setstatePDf({\r\n ...stateFilter,\r\n \r\n });\r\n }, [stateFilter]);\r\n\r\n // -------------------------------handleFunction----------------------------\r\n\r\n const handleFlagFilter = () => {\r\n flagOne = true;\r\n setFlagFilter((prev) => !prev);\r\n };\r\n\r\n const handleChange = (event, value, type) => {\r\n if (!value) {\r\n setmainGroup(null);\r\n setMainCategory(null);\r\n setsubCategory(null);\r\n setsubCategory(null);\r\n setgetCodeSubCategoryState(null);\r\n } else {\r\n setMainCategory(value);\r\n setmainGroup(value);\r\n setsubCategory(null);\r\n setgetCodeSubCategoryState(null);\r\n }\r\n };\r\n const handleChangeCategory = (event, value, type) => {\r\n if (!value) {\r\n setsubCategory(null);\r\n setgetCodeSubCategoryState(null);\r\n } else {\r\n setsubCategory(value);\r\n setgetCodeSubCategoryState(null);\r\n }\r\n };\r\n\r\n const getCodeSubCategory = (event, value, type) => {\r\n if (!value) {\r\n setgetCodeSubCategoryState(null);\r\n } else {\r\n setgetCodeSubCategoryState(value);\r\n }\r\n };\r\n\r\n const handleChangeProducer = (event, value, type) => {\r\n if (!value) {\r\n setproducer(null);\r\n } else {\r\n setproducer(value);\r\n }\r\n };\r\n\r\n const handleExit = () => {\r\n handleRefresh();\r\n flagOne = true;\r\n setFlagFilter((prev) => !prev);\r\n };\r\n\r\n const handelChangeDate = (data, type) => {\r\n if (data) {\r\n }\r\n let date = convertDigitToEnglish(data?.format(\"YYYY/MM/DD\"));\r\n date = `${date} 00:00:00.000000`;\r\n setstateFilter((prev) => ({\r\n ...prev,\r\n [type]: date,\r\n }));\r\n };\r\n const handelChangeDatePdf = (data, type) => {\r\n if (data) {\r\n }\r\n let date = convertDigitToEnglish(data?.format(\"YYYY/MM/DD\"));\r\n date = `${date} 00:00:00.000000`;\r\n setstatePDf((prev) => ({\r\n ...prev,\r\n to_date: date,\r\n from_date: date,\r\n }));\r\n };\r\n\r\n const handleFlagPdf = () => {\r\n setbackDrop(true);\r\n handleCloseDownLoad();\r\n\r\n \r\n };\r\n\r\n const handleRefresh = () => {\r\n settitleModal(false);\r\n setmainGroup(null);\r\n setMainCategory(null);\r\n setsubCategory(null);\r\n setproducer(null);\r\n setgetCodeSubCategoryState(null);\r\n setstateFilter({\r\n from_date: null,\r\n to_date: null,\r\n main_category: \"\",\r\n category: \"\",\r\n sub_category: \"\",\r\n producer: \"\",\r\n sort: \"\",\r\n });\r\n setstateFilterPage({\r\n from_date: null,\r\n to_date: null,\r\n main_category: \"\",\r\n category: \"\",\r\n sub_category: \"\",\r\n producer: \"\",\r\n sort: \"\",\r\n });\r\n setstatePDf({\r\n ...stateFilter,\r\n from_date: null,\r\n to_date: null,\r\n });\r\n setPage(0);\r\n setflagRefresh((prev) => !prev);\r\n };\r\n\r\n \r\n\r\n const handleClose = () => {\r\n setflag(false);\r\n settitleModal(false);\r\n };\r\n\r\n useEffect(() => {\r\n return function cleanUp() {\r\n return (flagOne = false);\r\n };\r\n }, []);\r\n let height = document.body.clientHeight;\r\n let width = document.body.clientWidth;\r\n\r\n useEffect(() => {}, [height, width]);\r\n\r\n const handelTextSharh = () => {\r\n let data = [];\r\n let array = [];\r\n let object = {};\r\n let obj = {};\r\n\r\n let kalame = bourseInstrumentsPdf?.data?.map((itm, ind) => {\r\n let count = 0;\r\n data = itm.bArzehRadifArzehSharh.split(\" \");\r\n for (let index = 0; index <= data.length; index++) {\r\n count++;\r\n let startPos = index * 18;\r\n let endPos = index * 18 + 18;\r\n let info = \"\";\r\n\r\n if (index === 0) {\r\n info += data.slice(0, 18);\r\n } else {\r\n info += data.slice(startPos, endPos);\r\n }\r\n \r\n if (info !== \"\" || info !== \" \" || info !== \" \") {\r\n let text = info\r\n .replaceAll(\",\", \" \")\r\n .replaceAll(\"\\r\\n\", \" \")\r\n .replaceAll(\"\\r\", \" \")\r\n .replaceAll(\"\\n\", \" \")\r\n .replaceAll(\"\\t\", \" \")\r\n .replaceAll(\"(\", \" \")\r\n .replaceAll(\")\", \" \")\r\n .replaceAll(\"R\",\" \")\r\n .replaceAll(\"I\",\" \")\r\n .replaceAll(\"1\",\"۱\")\r\n .replaceAll(\"2\",\"۲\")\r\n .replaceAll(\"3\",\"۳\")\r\n .replaceAll(\"4\",\"۴\")\r\n .replaceAll(\"5\",\"۵\")\r\n .replaceAll(\"6\",\"۶\")\r\n .replaceAll(\"7\",\"۷\")\r\n .replaceAll(\"8\",\"۸\")\r\n .replaceAll(\"9\",\"۹\")\r\n .replaceAll(\"0\",\"۰\")\r\n\r\n\r\n\r\n obj = {\r\n [count]: `${text}`,\r\n };\r\n object = {\r\n ...object,\r\n ...obj,\r\n };\r\n }\r\n }\r\n\r\n return {\r\n ...itm,\r\n text: object,\r\n };\r\n });\r\n\r\n setarrayState(kalame);\r\n };\r\n\r\n \r\n const handelOpen2 = () => {\r\n setOpen2(true);\r\n let obj = {};\r\n for (const key in stateFilter) {\r\n if (stateFilter[key]) {\r\n obj[key] = stateFilter[key];\r\n }\r\n }\r\n if (obj.from_date || obj.to_date) {\r\n setstatePDf((prev) => ({\r\n ...prev,\r\n from_date: null,\r\n to_date: null,\r\n }));\r\n }\r\n };\r\n const handleClose2 = () => {\r\n setOpen2(false);\r\n };\r\n \r\n\r\n const handleCloseDownLoad = () => {\r\n apiCallInstrumentsPdf();\r\n };\r\n\r\n useEffect(() => {\r\n if (bourseInstrumentsPdf.data.length > 0) {\r\n setstatePdfStart(true);\r\n\r\n } else {\r\n if (pdfUef) {\r\n setbackDrop(false);\r\n alert(\"اطلاعاتی وجود ندارد\");\r\n }\r\n }\r\n pdfUef = true;\r\n }, [bourseInstrumentsPdf.data]);\r\n\r\n useEffect(() => {\r\n return () => {\r\n pdfUef = false;\r\n settitleModal(false);\r\n dispatch({type:pdf.selectInstrumentsLoadPdfEmpty})\r\n }\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (statePdfStart) {\r\n handleLoaing();\r\n }\r\n }, [statePdfStart]);\r\n\r\n function handleLoaing() {\r\n let myVar = setTimeout(alertFunc, 500);\r\n }\r\n\r\n function alertFunc() {\r\n \r\n settitleModal(true);\r\n let myVar = setTimeout(handleRef, 2000);\r\n }\r\n \r\n const handleRef = () => {\r\n if(!clickRef.current){\r\n if(timePdf > 10){\r\n alert(\"کاربر گرامی مشکلی به وجود آمده است. لطفا دوباره تلاش کنید\")\r\n setTimePdf(0)\r\n return\r\n }\r\n setTimePdf(prev=> ++prev)\r\n alertFunc()\r\n return\r\n }\r\n setbackDrop(false);\r\n clickRef.current.click();\r\n let myVar = setTimeout(handleRefreshPdf, 50);\r\n };\r\n const handleRefreshPdf = () => {\r\n settitleModal(false);\r\n setstatePdfStart(false)\r\n setTimePdf(0)\r\n handleClose2();\r\n };\r\n\r\n // useEffect(()=>{ \r\n \r\n // return ()=>{\r\n // pdfUef = false\r\n // clickRef.current = true\r\n // }\r\n // } ,[])\r\n\r\n \r\n\r\n var currentDate = new Date();\r\n var day = currentDate.getDate();\r\n var month = currentDate.getMonth() + 1;\r\n var year = currentDate.getFullYear();\r\n let date = dateMiladiToShamsi(year + \"/\" + month + \"/\" + day);\r\n\r\n\r\n return (\r\n <>\r\n \r\n \r\n \r\n در حال دانلود فایل PDF ...\r\n
\r\n \r\n\r\n )}\r\n {titleModal && (\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 \r\n\r\n \r\n
\r\n );\r\n}\r\nconst FAQ = [\r\n {\r\n question: \"حساب وکالتی بورس کالا چیست؟\",\r\n answer: \"حساب وکالتی نزد بانک مورد نظر به حساب معاملاتی مشتریانی که قصد خرید کالا در بورس کالا را داشته باشند وصل میشود. از طریق این حساب به کارگزاری وکالت داده میشود تا وجه مورد نیاز سفارشهای خرید در بورس کالا را مستقیما در حساب بانکی مشتری و با اجازه مشتری مسدود کند.\",\r\n },\r\n {\r\n question: \"کدام بانکها امکان افتتاح حساب وکالتی را دارند؟\",\r\n answer: \"درحال حاضر امکان افتتاح حساب وکالتی برعهده بانکهای ملت، پاسارگاد، صنعت و معدن، توسعه صادرات، سپه، آینده، اقتصاد نوین، کشاورزی، صادرات ایران، شهر، سینا، سامان، ملی ایران، رفاه کارگران، تجارت، توسعه تعاون، گردشگری و پارسیان است.\",\r\n },\r\n {\r\n question: \"آیا حساب وکالتی برای معاملات آتی برای معاملات بورس کالا کافی است؟\",\r\n answer: \"برای معاملات آتی باید حساب در اختیار معرفی شود که با حساب وکالتی متفاوت است. حساب در اختیار باید در بانکی افتتاح شود که شخص حساب عادی دیگری نیز در آن بانک داشته باشد تا حساب در اختیار فرد به آن متصل شود بنابراین باید به بخش اعلام شماره حساب وکالتی و در اختیار در سامانه ایبیگو مراجعه و بانکهای موجود را بررسی و فرم مربوط به آن را دریافت شود. بعد از افتتاح حساب وکالتی مجدد وارد سامانه ایبیگو شده و از قسمت اعلام شماره حساب وکالتی و در اختیار، حساب خود را معرفی کند.\",\r\n },\r\n {\r\n question: \"افرادی که کد بورسی دارند هم باید برای ثبت نام در بورس کالا دوباره سجام و کد بورسی بگیرند؟\",\r\n answer: \"برای خرید خودرو از بورس کالا، داشتن کد بورسی کافی نیست و باید کد معاملاتی بازار فیزیکی بورس کالا دریافت شود. لازم به ذکر است، در صورت تکمیل روند ثبتنام و احرازهویت در سامانه سجام، نیازی به ثبتنام مجدد نیست.\",\r\n },\r\n {\r\n question: \"تعیین قیمت نهایی خودرو در بورس کالا چگونه است؟\",\r\n answer: \"قیمتگذاری (قیمت پایه) توسط شورای رقابت و با درنظر گرفتن قیمت تمام شده تولید خودرو، مالیات و …. تعیین میگردد و قیمت نهایی (معامله شده در بورس کالا) خودرو براساس میزان تقاضا و همچنین قیمت ثبتشده از جانب سرمایهگذاران تعیین میشود.\",\r\n },\r\n {\r\n question: \"کشف قیمت در بورس کالا به چه صورت انجام میگیرد؟\",\r\n answer: \"در صورتی که تعداد عرضه از تقاضا بیشتر باشد، معاملات با قیمت پایه انجام خواهد شد. چنانچه تعداد تقاضا از حجم کالای عرضهشده بیشتر شود، معاملات بهصورت مزایده انجام میپذیرد. لذا سفارشات ارسال شده با قیمت بالاتر در اولویت قرار خواهند گرفت. و در صورت ارسال قیمت مساوی، قیمتی که به لحاظ زمانی زودتر ارسال گردد در اولویت خواهد بود.\",\r\n },\r\n {\r\n question: \"هر فرد چه تعداد خودرو میتواند بخرد؟\",\r\n answer: \"در حال حاضر برای خرید خودرو هر کد ملی تنها امکان ثبت سفارش روی یکی از خودروهای موجود و به تعداد یک عدد را دارد. به عبارت دیگر اگر شخصی در عرضههای قبلی موفق به خرید خودروی سواری شده باشد امکان ثبت سفارش نخواهد داشت.\",\r\n },\r\n\r\n]\r\n","import React, { useState } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Box from \"@material-ui/core/Box\";\r\n\r\nimport AccordionCard from './accordion';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '75%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n\r\n [theme.breakpoints.down('sm')]: {\r\n width: '100%',\r\n },\r\n },\r\n AppBar: {\r\n backgroundColor: 'transparent',\r\n border: 'none',\r\n color: '#0B1742',\r\n boxShadow: 'none'\r\n }\r\n}))\r\n\r\n\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n\r\n return (\r\n \r\n\r\n {data.map((item, index) =>\r\n \r\n {item.question} \r\n \r\n \r\n {\r\n item.answer?.map((value, index) => {\r\n return (\r\n \r\n {value}\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\r\n )\r\n}\r\n\r\n\r\nlet dataQuestionEducational = [\r\n {\r\n question: 'نحوهی استفاده از سامانه معاملات بر خط چگونه است؟',\r\n answer: [\r\n \"در نخستينگام براي دسترسي به سامانه معاملات برخط سهام، متقاضي بايد به يکي از شرکتهاي کارگزاري بورس در سراسر کشور مراجعه و درخواست خود براي دسترسي به سامانه معاملات برخط را به شرکت مذکور کنـد. يکي از پيششرطهاي اساسي که سازمان بورس براي استفاده سرمايهگذار از سامانه معاملات برخط (آنلاين) تعيين کرده است، آشنايي کافي سرمايهگذار با اصول خريد و فروش اوراق بهادار در بورس، قوانين و مقررات اساسي مرتبط با سرمايهگذاري در بورس و نحوه استفاده از سامانه معاملـه برخط است؛ زيرا همان طور که گفته شد، در سامانه معاملات برخط، سرمايهگذار خود مستقيماً و بدون واسطه کارگزار، نسبت به خريد و فروش اوراق بهادار در بورس اقدام ميکند. بنابراين، لازم است آشنايي کافي با اصول و مقررات مرتبط با سرمايهگذاري در بورس را داشتـه باشد. و از دیگر مزایای این سامانه می توان به سرعت عمل در تصميمگيري، عدم محدوديت زماني و مکاني براي سرمايهگذاري، نقل و انتقال الکترونيک وجوه، کاهش اختلافات بين سرمايهگذار و کارگزار و امنيت بالاي سامانه معاملات برخط، اين سامانه با استقبال بسيار زياد سرمايهگذاران مواجه شده است.\",\r\n ]\r\n },\r\n {\r\n question: 'چه زمانی نیاز به ثبت درخواست تغییر کارگزار ناظر است؟ ',\r\n answer: [\r\n \"فرض کنید دو ماه قبل برای اولین بار نماد فولاد را در یک کارگزاری خریداری کردهاید (و حتی بلافاصله فروختهاید). در حال حاضر کارگزار ناظر شما آن کارگزاری است. در صورتی که امروز هم نماد فولاد را در کارگزاری پویان خریداری نمایید، در انتهای روز در پرتفوی یا سبدبان شما در کارگزاری قبلی قرار خواهد گرفت. جهت مشاهده دارایی خود در کارگزاری پویان میبایست اقدام به تغییر کارگزار ناظر نمایید.\"\r\n ]\r\n },\r\n {\r\n question: 'پذیره نویسی چیست؟ ',\r\n answer: [\r\n `\r\nپذیرهنویسی در لغت به معنای \"نوشتن و امضاکردن در سند و نوشته\" میباشد و در واقع به تعهد انجام کار یا تعهد امری که در سند به آن ذکر شده است، اشاره دارد. احتمالاً در بازار بورس نیز اصطلاح پذیرهنویسی را شنیدهاید؛ پذیرهنویسی در بازارهای مالی به معنی فرایند خرید اوراق بهادار از ناشر و یا نماینده قانونی و پرداخت تعهد وجه کامل، طبق قرارداد است. یکی از موارد مهم در این اصطلاح، تعهد و تسهیل تأمین مالی میباشد؛ بهتر است بدانیم که فرایند پذیرهنویسی، تأمین مالی را در شرکتها بهتر و آسانتر کرده است .`\r\n ]\r\n },\r\n {\r\n question: 'کارگزار ناظر چیست؟',\r\n answer: [\r\n \"پس از خریداری سهم، اطلاعات سهام خریداریشده باید در اختیار یک کارگزار قرار گیرد. این کارگزار بهاصطلاح «کارگزار ناظر» نامیده میشود.\"\r\n ]\r\n },\r\n {\r\n question: 'شرایط دریافت اعتبار چیست؟ ',\r\n answer: [\r\n \"دریافت اعتبار از هر کارگزاری با توجه به شرایط تعیین شده توسط همان کارگزاری و طبق روال مشخص شده برای آن، امکانپذیر است. اما در حالت کلی، کارگزاران به مشتریان فعالتر خود اعتبار پرداخت میکنند. علاوه بر این، پرتفوی شخص متقاضی دریافت اعتبار نیز از نظر ارزش دارایی و تنوع، باید شرایط بهخصوصی داشته باشد. \"\r\n ]\r\n },\r\n {\r\n question: 'اعتبار چیست؟',\r\n answer: [\r\n \"اعتبار معاملاتی در بازار سرمایه در واقع وامی است که از طرف کارگزاران در اختیار معاملهگران و سرمایهگذاران قرار میگیرد. ضوابط و دستورالعملهای مربوط به اعتبار معاملاتی توسط سازمان بورس و اوراق بهادار تهران تعیین میشود. علاوه بر آن، هر یک از کارگزاران فعال در بازار سرمایه نیز تحت شرایط خاصی به کاربران خود اعتبار پرداخت میکنند.\"\r\n ]\r\n },\r\n {\r\n question: 'به چه دلایلی ممکن است درخواست تغییر کارگزار ناظر با خطا مواجه شود؟ ',\r\n answer: [\r\n \"عدم دارایی در نماد مورد نظر، فریز بودن سهم، بدهکاری\"\r\n ]\r\n },\r\n {\r\n question: 'قیمت روز یا قیمت بازاری سهام یعنی چه؟ ',\r\n answer: [\r\n \"قیمت روز یا قیمت بازاری به قیمت خرید و فروش یک سهم در بازار اشاره دارد. یعنی همان رقمی که امروز برای خرید یک سهم خاص باید بپردازید. این رقم لزوما با ارزش ذاتی سهام برابر نیست و ممکن است بیشتر یا کمتر از آن باشد. میزان عرضه و تقاضا، اوضاع سیاسی و اقتصادی کشور و جهان، هیجانات سرمایهگذاران و … روی قیمت روز سهام تاثیر میگذارند.\"\r\n ]\r\n },\r\n {\r\n question: 'عرضه اولیه چیست؟ ',\r\n answer: [\r\n \"زمانی که یک شرکت برای اولین بار سهام خود را در بازار ارائه میکند، عرضه اولیه صورت گرفته است. پس از تعیین قیمت، سهام به میزان مشخصی وارد بازار میشود و طبق تجربه قیمت آن تا چندین درصد افزایش پیدا خواهد کرد. به دلیل احتمال کسب سود بالا، مردم تمایل زیادی نسبت به خرید عرضه اولیه دارند و جو خوشبینانهای در این زمینه حاکم است.\"\r\n ]\r\n },\r\n]\r\n\r\nlet dataQuestionBourse = [\r\n {\r\n question: \"وجه حاصل از فروش سهام چه زمانی قابل وصول است؟ \",\r\n answer: [\r\n 'وجه حاصل از فروش سهام، دو روز کاری پس از انجام معامله قابل دریافت است. روزهای کاری، ایام هفته به جز روزهای پنج شنبه و تعطیلات رسمی می باشد.'\r\n ]\r\n },\r\n {\r\n question: \"کارمزد معاملات سهام و حق تقدم سهام در بورس چه میزان میباشد؟ \",\r\n answer: [\r\n `\r\n زمانیکه در بورس اوراق بهادار معاملهای صورت میگیرد، بخشی از ارزش معامله را کارمزد تشکیل میدهد که به آن کارمزد بورس یا کارمزد معاملات بورس میگویند.\r\n \r\n بر اساس مصوبه هیأت مدیره سازمان بورس و اوراق بهادار درحال حاضر سقف کارمزد کارگزاران در معاملات سهامی که ارزش معامله آنها 5 میلیون ریال یا کمتر باشد، بیست هزار ریال تعیین گردیده است. کارمزد خرید و فروش جمعا0.012512 میباشد که به تفکیک کارمزد خرید 0.003712وکارمزد فروش0.0088 میباشد این کارمزد در واقع هزینه خدماتی است که سازمانها و نهادهای مختلف ارائه میکنند تا امکان معامله بین خریداران و فروشندگان به وجود بیاید. برای اطلاع دقیق از نرخ کارمزد و خدمات معاملات انواع اوراق بهادار در بورس، بهترین روش ممکن مراجعه به سایت سازمان بورس است. در سایت اینترنتی این سازمان، بهراحتی میتوانید فایل مربوط به کارمزدها را دانلود ومشاهده نمایید.\r\n `\r\n ]\r\n },\r\n {\r\n question: \"دامنه نوسان بورس چیست؟ دامنه نوسانات قیمت سهام چقدر است؟ \",\r\n answer: [\r\n 'طبق آییننامه معاملات در شرکت بورس تهران، دامنه نوسان قیمت، پایینترین تا بالاترین قیمتی است که در آن دامنه طی یک یا چند جلسه رسمی معاملات بورس، قیمت میتواند نوسان کند.',\r\n 'نوسان قیمت سهام، اوراق بدهی و اوراق مشتقه در بازار دوم بورس و فرابورس حداکثر ٪۵ و حداقل ٪۵- است. در بازار اول بورس و فرابورس این نوسانات میتواند حداکثر تا ٪ ۷ تغییر کند.',\r\n 'دامنه نوسانِ حق تقدم سهام، دو برابر دامنه نوسان سهام عادی است؛ لذا برای بازار اول بورس و فرابورس، معادل ۱۴٪ و برای بازار دوم بورس و فرابورس معادل ٪۱۰ است.',\r\n 'دامنه نوسان در صندوق سرمایهگذاری قابل معامله (ETF)، معادل ٪۱۰ است.',\r\n 'دامنه نوسان سهام شرکتها در بازار پایه فرابورس تا قبل از تاریخ مهر ماه ۱۳۹۸، معادل ٪۱۰ بود اما پس از این تاریخ، دامنه نوسان این بازار به شرح زیر تغییر کرد :',\r\n 'دامنه نوسان بازار پایه زرد : مثبت منفی سه درصد نسبت به قیمت پایانی روز قبل',\r\n 'دامنه نوسان بازار پایه نارنجی : مثبت منفی دو درصد نسبت به قیمت پایانی روز قبل',\r\n 'دامنه نوسان بازار پایه قرمز : مثبت منفی یک درصد نسبت به قیمت پایانی روز قبل',\r\n ]\r\n },\r\n {\r\n question: \"شرکت ها چگونه زمان و دستور جلسات مجامع عمومی خود را اعلام می کنند؟ \",\r\n answer: [\r\n 'شرکت ها موظف هستند که زمان، تاریخ، محل تشکیل و دستور جلسه مجامع عمومی را در روزنامه های کثیر الانتشار و سایت اینترنتی خود درج کرده و مراتب را حداقل 10 روز قبل از برگزاری مجمع افشا نمایند.'\r\n ]\r\n },\r\n {\r\n question: \"حداقل و حداکثر فاصله بین نشر دعوتنامه مجمع عمومی و تاریخ تشکیل آن چند روز است؟\",\r\n answer: [\r\n 'حداقل 10 روز و حداکثر 40 روز'\r\n ]\r\n },\r\n {\r\n question: \"به طور کلی چند نوع اوراق مشارکت در ایران منتشر می شود؟ \",\r\n answer: [\r\n 'به طور کلی چند نوع اوراق مشارکت در ایران منتشر می شود؟ ',\r\n 'الف-اوراق مشارکت بانک مرکزی',\r\n 'ب-اوراق مشارکت وزارت خانه ها و شرکت های دولتی',\r\n 'ج-اوراق مشارکت شرکت های پذیرش شده در بورس',\r\n ]\r\n },\r\n {\r\n question: \"آیا افراد حقیقی می توانند در بورس کالا خرید و فروش نمایند؟\",\r\n answer: [\r\n 'آری، همانند بورس اوراق بهادار افراد حقیقی می توانند با گرفتن کد معاملاتی از کارگزاری ها اقدام به خرید و فروش در بورس کالا کنند.',\r\n ]\r\n },\r\n {\r\n question: \"سود شرکت ها چه زمانی پرداخت می شود؟ \",\r\n answer: [\r\n 'طبق قانون تجارت، در صورتی که در مجمع عمومی عادی سالیانه، تقسیم سود تصویب شود، شرکت باید حداکثر ظرف 8 ماه از تاریخ تصویب،DPS را به سهامداران پرداخت کند.',\r\n ]\r\n },\r\n {\r\n question: \"آیا مدل سرمایه گذاری وجود دارد که در آن ریسک کمتری داشته باشد؟ \",\r\n answer: [\r\n 'با توجه به مدت سرمایه گذاری و نوع ریسک پذیری شما روش های مختلف سرمایه گذاری وجود دارد؛ کم ریسک ترین نوع سرمایهگذاری صندوق های با درآمد ثابت است که ترکیب دارایی آن ها را با انواع اوراق تشکیل می دهد، برای سرمایه گذاری در صندوقهای سرمایه گذری مشترک هر چه نگاه بلند مدت تر باشد نوسانات کمتر خواهد شد.',\r\n ]\r\n },\r\n {\r\n question: \"برای سرمایهگذاری در بورس چه مبلغی لازم می باشد؟ \",\r\n answer: [\r\n 'حداقل سرمایهای که میتوانید با آن وارد بورس شوید ۵۰۰ هزار تومان می باشد. سود و زیانی که با آن مواجه میشوید به صورت درصدی محاسبه خواهد شد. طبیعتا هر چه سرمایه بیشتری وارد بورس کنید، میزان سود یا زیانتان نیز بیشتر میشود.'\r\n ]\r\n },\r\n {\r\n question: \"حجم مبنا چیست؟ \",\r\n answer: [\r\n 'حجم مبنـا به حداقل تعداد سهام یک شرکت گفته می شود که باید در طول روز، معامله شود تا قیمت آن سهم، بتوانـد براساس سقف دامنه نوسان، افزایش یا کاهش یابد.'\r\n ]\r\n },\r\n\r\n]\r\n\r\nlet dataKala=[\r\n {\r\n question: \"حساب وکالتی بورس کالا چیست؟\",\r\n answer: [\r\n \"حساب وکالتی نزد بانک مورد نظر به حساب معاملاتی مشتریانی که قصد خرید کالا در بورس کالا را داشته باشند وصل میشود. از طریق این حساب به کارگزاری وکالت داده میشود تا وجه مورد نیاز سفارشهای خرید در بورس کالا را مستقیما در حساب بانکی مشتری و با اجازه مشتری مسدود کند.\",\r\n ]\r\n },\r\n {\r\n question: \"کدام بانکها امکان افتتاح حساب وکالتی را دارند؟\",\r\n answer: [\r\n \"درحال حاضر امکان افتتاح حساب وکالتی برعهده بانکهای ملت، پاسارگاد، صنعت و معدن، توسعه صادرات، سپه، آینده، اقتصاد نوین، کشاورزی، صادرات ایران، شهر، سینا، سامان، ملی ایران، رفاه کارگران، تجارت، توسعه تعاون، گردشگری و پارسیان است.\",\r\n ]\r\n },\r\n {\r\n question: \"آیا حساب وکالتی برای معاملات آتی برای معاملات بورس کالا کافی است؟\",\r\n answer: [\r\n \"برای معاملات آتی باید حساب در اختیار معرفی شود که با حساب وکالتی متفاوت است. حساب در اختیار باید در بانکی افتتاح شود که شخص حساب عادی دیگری نیز در آن بانک داشته باشد تا حساب در اختیار فرد به آن متصل شود بنابراین باید به بخش اعلام شماره حساب وکالتی و در اختیار در سامانه ایبیگو مراجعه و بانکهای موجود را بررسی و فرم مربوط به آن را دریافت شود. بعد از افتتاح حساب وکالتی مجدد وارد سامانه ایبیگو شده و از قسمت اعلام شماره حساب وکالتی و در اختیار، حساب خود را معرفی کند.\",\r\n ]\r\n },\r\n {\r\n question: \"افرادی که کد بورسی دارند هم باید برای ثبت نام در بورس کالا دوباره سجام و کد بورسی بگیرند؟\",\r\n answer: [\r\n \"برای خرید خودرو از بورس کالا، داشتن کد بورسی کافی نیست و باید کد معاملاتی بازار فیزیکی بورس کالا دریافت شود. لازم به ذکر است، در صورت تکمیل روند ثبتنام و احرازهویت در سامانه سجام، نیازی به ثبتنام مجدد نیست.\",\r\n ]\r\n },\r\n {\r\n question: \"تعیین قیمت نهایی خودرو در بورس کالا چگونه است؟\",\r\n answer: [\r\n \"قیمتگذاری (قیمت پایه) توسط شورای رقابت و با درنظر گرفتن قیمت تمام شده تولید خودرو، مالیات و …. تعیین میگردد و قیمت نهایی (معامله شده در بورس کالا) خودرو براساس میزان تقاضا و همچنین قیمت ثبتشده از جانب سرمایهگذاران تعیین میشود.\",\r\n ]\r\n },\r\n {\r\n question: \"کشف قیمت در بورس کالا به چه صورت انجام میگیرد؟\",\r\n answer: [\r\n \"در صورتی که تعداد عرضه از تقاضا بیشتر باشد، معاملات با قیمت پایه انجام خواهد شد. چنانچه تعداد تقاضا از حجم کالای عرضهشده بیشتر شود، معاملات بهصورت مزایده انجام میپذیرد. لذا سفارشات ارسال شده با قیمت بالاتر در اولویت قرار خواهند گرفت. و در صورت ارسال قیمت مساوی، قیمتی که به لحاظ زمانی زودتر ارسال گردد در اولویت خواهد بود.\",\r\n ]\r\n },\r\n {\r\n question: \"هر فرد چه تعداد خودرو میتواند بخرد؟\",\r\n answer: [\r\n \"در حال حاضر برای خرید خودرو هر کد ملی تنها امکان ثبت سفارش روی یکی از خودروهای موجود و به تعداد یک عدد را دارد. به عبارت دیگر اگر شخصی در عرضههای قبلی موفق به خرید خودروی سواری شده باشد امکان ثبت سفارش نخواهد داشت.\",\r\n ]\r\n },\r\n]","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport Layout from '../../../layout';\r\nimport CardQuestion from './components/cardQuestion'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n margin:'50px auto',\r\n [theme.breakpoints.up('md')]: {\r\n width: '100%',\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n width: '100%',\r\n },\r\n },\r\n title:{\r\n marginBottom:15,\r\n }\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles()\r\n\r\n\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
)\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { appConfig } from \"../../../configApp\";\r\n\r\nconst DeceasedPeople = () => {\r\n\r\n useEffect(() => {\r\n window.location.href = appConfig?.baseUrlDeceased\r\n }, []);\r\n\r\n return null; \r\n};\r\n\r\nexport default DeceasedPeople;","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n wraper:{\r\n width: 200,\r\n height: 'auto',\r\n textAlign:'center',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection:'column'\r\n },\r\n root: {\r\n width: 150,\r\n height: 150,\r\n borderRadius: '50%',\r\n position: 'relative',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n margin: 10,\r\n },\r\n circle: {\r\n width: '92%',\r\n height: '92%',\r\n borderRadius: '50%',\r\n zIndex: 2,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexDirection: 'column'\r\n },\r\n gridRectangle: {\r\n width: '50%',\r\n height: '50%',\r\n position: 'absolute',\r\n top: '50%',\r\n left: '17%',\r\n transform: 'translate(-50%, -50%)',\r\n zIndex: 1,\r\n },\r\n rectangle: {\r\n width: '100%',\r\n height: '100%',\r\n transform: 'rotate(-45deg)',\r\n zIndex: 1,\r\n },\r\n text: {\r\n marginBottom: 0,\r\n fontSize: 12\r\n },\r\n content: {\r\n lineHeight: 2,\r\n '& h3': {\r\n marginTop: 30,\r\n fontSize: 20,\r\n fontWeight: \"bold\",\r\n marginBottom: 10,\r\n },\r\n '& p': {\r\n fontSize: 13,\r\n textAlign: 'justify',\r\n margin: 0,\r\n padding: 0,\r\n border: 0,\r\n font: \"inherit\",\r\n verticalAlign: \"baseline\",\r\n color: 'rgb(66, 71, 77)',\r\n '& a': {\r\n color: 'blue !important',\r\n padding: '0px 5px'\r\n }\r\n },\r\n '& ul': {\r\n textAlign: 'justify',\r\n margin: 0,\r\n padding: 0,\r\n border: 0,\r\n \r\n },\r\n },\r\n}));\r\n\r\nexport default function Index({ item , className}) {\r\n\r\n const classes = useStyles()\r\n\r\n return (\r\n ![\"\"](\"/assets/images/logoLinks.png\")
\r\n ![\"\"](\"/assets/icons/linkes/telegram.svg\"){kind=icon}
\r\n ![\"\"](\"/assets/icons/linkes/link.svg\"){kind=icon}
\r\n ![\"\"](\"/assets/icons/linkes/instal.svg\"){kind=icon}
\r\n \r\n\r\n
\r\n );\r\n}\r\n\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport ShepStep from './shapeStep/shapeStep';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n },\r\n desc: {\r\n textAlign: 'justify',\r\n margin: 0,\r\n padding: 0,\r\n border: 0,\r\n font: \"inherit\",\r\n verticalAlign: \"baseline\",\r\n color: 'rgb(66, 71, 77)',\r\n lineHeight: 3,\r\n '& a': {\r\n color: 'blue !important',\r\n padding: '0px 5px'\r\n }\r\n },\r\n title: {\r\n marginTop: 30,\r\n fontSize: 20,\r\n fontWeight: \"bold\",\r\n marginBottom: 10,\r\n },\r\n gridStep: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'flex-start',\r\n width: 750,\r\n margin: 'auto',\r\n marginTop: 30,\r\n '@media (max-width: 860px)': {\r\n width: '100%',\r\n flexDirection: 'column-reverse',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n },\r\n list: {\r\n '@media (max-width: 500px)': {\r\n paddingLeft: 0,\r\n paddingRight: 0,\r\n },\r\n },\r\n cardStep: {\r\n '@media (max-width: 860px)': {\r\n width: 500,\r\n maxWidth: '98%'\r\n },\r\n }\r\n}));\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles()\r\n\r\n let data = [\r\n {\r\n colors: {\r\n circle: 'rgba(246,246,246)',\r\n rectangle: 'rgba(165,165,165)'\r\n },\r\n data: {\r\n step: '',\r\n title: 'بررسی سهام',\r\n list: [\r\n `دقت کنید سهام عدالت به دوروش می باشد : 1- مستقیم 2- غیر مستقیم`,\r\n `اگر روش انتخابی سهام عدالت تغییر نکرده باشد، درواقع روش، غیر مستقیم است، کافی است پس از دریافت نام کاربری و رمز عبورسامانه آنلاین کارگزاری، به آدرس زیر مراجعه کنید `,\r\n `پس از ورود به سامانه آنلاین گزینه تغییرکارگزار ناظر را انتخاب نموده سپس نام نماد سرمایه گذاری استان خود را انتخاب کنید.`,\r\n `مثلا نماد تهران با نام وستهران`,\r\n `اصفهان با نام وسصفا`,\r\n `و یا با وارد کردن نام استان خود، نماد مورد نظر را پیدا کنید. `,\r\n `روز کاری بعد نماد مدنظر به سبد سهام شما یا اصطلاحاً پرتفوی شما اضافه خواهد شد.`,\r\n `ولی اگر روش سهام عدالت را تغییر داده اید، یعنی روش مستقیم را انتخاب کرده باشید می توانید ریز دارایی خود را در درگاه یکپارچه ذینفعان بازار سرمایه، قسمت «دارایی ها» مشاهده کنید. `,\r\n ]\r\n },\r\n visibaleRectangle: true\r\n },\r\n {\r\n colors: {\r\n circle: 'rgba(247,240,230)',\r\n rectangle: 'rgba(173,99,0)'\r\n },\r\n data: {\r\n step: 'مرحله دوم',\r\n title: 'ثبت نام در کارگزاری',\r\n list: [\r\n `ابتدا در کارگزاری پویان ثبت نام نمایید، که بصورت غیرحضوری و رایگان انجام می شود.`,\r\n `در صورت تمایل به ثبت نام غیر حضوری می توانید به آدرس زیر مراجعه نمایید و حداکثر 24 ساعت کاری پس از گذراندن تمام مراحل ثبت نام، نام کاربری و رمز سامانه معاملاتی برای شما ارسال می شود.`,\r\n ]\r\n },\r\n },\r\n {\r\n colors: {\r\n circle: 'rgba(248,235,230)',\r\n rectangle: 'rgba(180,53,0)'\r\n },\r\n data: {\r\n step: 'مرحله اول',\r\n title: 'سجام',\r\n list: [\r\n ` سهامداران محترم باید در سایت سجام ثبت نام نموده و کد 10 رقمی را دریافت نمایند و اگر پیش از این برای ثبت نام در سجام اقدام نموده اید از این مرحله صرف نظر کنید.\r\n ثبت نام سجامwww.sejam.ir`,\r\n `برای احراز هویت سجام خود می توانید از لینک زیر اقدام نمایید:`,\r\n `احراز هویت:ehraz.pouyanbroker.ir`,\r\n ]\r\n },\r\n }\r\n ]\r\n\r\n return (\r\n \r\n
\r\n \r\n {\r\n item?.text?.step && (\r\n
\r\n {\r\n !item?.visibaleRectangle && (\r\n \r\n {\r\n item?.data?.step\r\n }\r\n
\r\n )\r\n }\r\n\r\n {\r\n item?.data?.title\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?.data?.list?.map((value, ind) => {\r\n return (\r\n
- \r\n
\r\n {value}\r\n
\r\n \r\n )\r\n })\r\n }\r\n
\r\n
\r\n );\r\n}\r\n\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport RegisterStep from './../registerStep/registerStep';\r\nimport { appConfig } from \"../../../../configApp\";\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '100%',\r\n margin: 'auto',\r\n padding: '20px ',\r\n '@media (max-width: 768px)': {\r\n width: '100%',\r\n margin: 'auto',\r\n },\r\n },\r\n gridImages: {\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n '& img': {\r\n maxWidth: '100%',\r\n }\r\n },\r\n gridImagesTable: {\r\n // width: '80%',\r\n margin: '20px auto',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n '& img': {\r\n width: '50%',\r\n minWidth: 290,\r\n }\r\n },\r\n content: {\r\n lineHeight: 3,\r\n '& h3': {\r\n marginTop: 30,\r\n fontSize: 20,\r\n fontWeight: \"bold\",\r\n marginBottom: 10,\r\n },\r\n '& p': {\r\n textAlign: 'justify',\r\n margin: 0,\r\n padding: 0,\r\n border: 0,\r\n font: \"inherit\",\r\n verticalAlign: \"baseline\",\r\n color: 'rgb(66, 71, 77)',\r\n '& a': {\r\n color: 'blue !important',\r\n padding: '0px 5px'\r\n }\r\n },\r\n },\r\n gridBtns: {\r\n '@media (max-width: 768px)': {\r\n width: '100%',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n }\r\n}));\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles()\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\r\n پس از اتمام مراحل تقسیم سهام عدالت وراث و تایید آن توسط سپرده گذاری مرکزی، سهام عدالت به دارایی شما اضافه خواهد شد.\r\n
\r\n\r\n دقت کنید در حال حاضر امکان خرید یا فروش سهام عدالت وجود ندارد ولی برای بررسی و یا معامله این سهام در زمان بازگشایی در هر صورت باید مراحل اعلامی قبل را انجام دهید.\r\n
\r\n\r\n {\r\n data?.map((item, index) => {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n flexDirection: 'column',\r\n padding: '17px 25px 45px 25px',\r\n width: 'auto',\r\n marginTop: '30px',\r\n marginBottom: '30px',\r\n width: 600,\r\n maxWidth: '95%',\r\n margin: 'auto',\r\n borderRadius: 5,\r\n boxShadow: '1px 1px 10px rgba(0,0,0,0.1)',\r\n textAlign:'center',\r\n '@media (max-width: 550px)': {\r\n width: '100%',\r\n maxWidth: '100%',\r\n },\r\n },\r\n title: {\r\n margin: '15px 0px 25px 0px',\r\n fontSize: '21px',\r\n fontWeight: 'bold'\r\n },\r\n videos: {\r\n width: 500,\r\n height: 'auto',\r\n maxWidth: '98%',\r\n },\r\n images:{\r\n width:100,\r\n }\r\n\r\n\r\n}));\r\n\r\nexport default function Index() {\r\n\r\n const classes = useStyles()\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 \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 sahamedalat.ir\r\n \r\n برای اطلاع از تخصیص سهام عدالت و میزان دارایی هر شخص پایه ریزی شده است.\r\n
\r\n\r\n
\r\n \r\n نحوه ورود به سایت استعلام سهام با کدملی\r\n
\r\n\r\n جهت دریافت استعلام سهام با کد ملی تنها داشتن کد سجام کافی است. برای دسترسی به اطلاعات، کاربران بازار سرمایه باید وارد سایت سمات به آدرس\r\n \r\n www.csdiran.ir\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\r\n برای دریافت اطلاعات در خصوص سهام عدالت نیز به تاریخچه سود سهام عدالت مراجعه کندی. در این قسمت وضعیت پرداخت، تاریخ، مبلغ و نوع سود آمده است.\r\n
\r\n\r\n با مراجعه به این سایت و ورود کد ملی هر شخص، با دسترسی به شماره همراه وی، میتوان از اختصاص سهام عدالت وی و میزان آن، آگاهی لازم را کسب نمایید. در صورتی که شخص متوفی مشمول دریافت سهام عدالت باشد، یکی از وراث به نمایندگی از سایرین، میتواند برای تقسیم و انتقال سهام عدالت متوفی به کدهای وارثین، اقدامات لازم را انجام دهد.\r\n
\r\n\r\n
\r\n \r\n انتقال سهام عدالت متوفیان\r\n
\r\n\r\n در صورتی که متوفی مشمول طرح سهام عدالت بوده و تاریخ فوت ایشان قبل از 1399/05/01 و سهام عدالت ایشان از نوع غیر مستقیم باشد، پس از فراخوانی که به صورت مرحله بندی که جلوتر به آن اشاره شده است، وراث میتوانند مراحل انتقال سهام را از طریق کارگزاری طی کنند. درمرحله نخست وراث باید مراحل قانونی انحصار وراثت را به طور کامل طی کرده باشند. ثبت پروندهی انتقال قهری سهام عدالت متوفی به دو روش حضوری (مراجعه به شعب و دفاتر منتخب پیشخوان دولت طرف قرارداد کارگزاری) و غیر حضوری (ثبت در فرم آنلاین) امکان پذیر میباشد.\r\n
\r\n\r\n
\r\n \r\n متقاضی انتقال سهام متوفیان سهام عدالت به وراث میبایست پس از ورود به درگاه ذینفعان بازار سرمایه به نشانی\r\n \r\n ddn.csdiran.ir\r\n \r\n در ابتدا با وارد کردن کد ملی، تاریخ تولد و تاریخ فوت متوفی در بخش «استعلام نوبت پرونده قهری» در درگاه یکپارچه ذینفعان، نسبت به این موضوع که آیا زمان تشکیل پرونده متوفی فرارسیده است یا خیر اطلاع حاصل کنند.\r\n
\r\n\r\n ![\"\"](\"/assets/images/newImages/10.png\")
\r\n
\r\n \r\n \r\n
\r\n \r\n جدول زمان بندی انتقال سهام عدالت متوفیان به وراث\r\n
\r\n\r\n ![\"\"](\"/assets/images/newImages/table.jpg\")
\r\n
\r\n \r\n \r\n وراث متوفیان سال ۱۳۸۴ و قبل از آن در تاریخ ۱۵ آبان، متوفیان سال ۸۵ در تاریخ ۲۷ آبان، سال ۸۶ و ۸۷ در تاریخ ۱۱ آذر، سال ۸۸ و ۸۹ در تاریخ ۲۵ آذر، سال ۹۰ و ۹۱ در تاریخ ۹ دی، سال ۹۲ و ۹۳ در تاریخ ۲۳ دی، سال ۹۴ و ۹۵ در تاریخ ۷ بهمن، سال ۹۶ و ۹۷ در تاریخ ۲۱ بهمن، سال ۹۸ و ۹۹ در تاریخ ۵ اسفند، سال ۱۴۰۰ و به بعد در تاریخ ۱۹ اسفند سال ۱۴۰۲ می بایست با مراجعه به درگاه ذینفعان بازار سرمایه به آدرس\r\n \r\n ddn.csdiran.ir\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
- \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
\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 ((مدارک بصورت اسکن رنگی و حجم کمتر از 5MB با فرمتهای png,jpg و pdf بارگذاری شود.))\r\n
\r\n\r\n نشانی جهت ارسال مدارک:\r\n
\r\n\r\n تهران ، خیابان شهید بهشتی ، تقاطع خیابان خرمشهر و قنبرزاده ، پلاک 222 ، طبقه همکف\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 http://sana.adliran.ir\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","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport Layout from \"../../../layout\";\r\nimport ContentRegister from './contentRegister/contentRegister';\r\nimport Videos from './videos/videos';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '90%',\r\n margin: 'auto',\r\n padding: '20px ',\r\n '@media (max-width: 768px)': {\r\n width: '95%',\r\n margin: 'auto',\r\n },\r\n '@media (max-width: 500px)': {\r\n width: '100%',\r\n margin: 'auto',\r\n },\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n ![\"\"](\"/assets/images/newImages/11.png\")
\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 option?.id}\r\n value={state?.['commodity_id']?.id }\r\n onChange={(event, value) => handleChange(value, \"commodity_id\")}\r\n onKeyUp={(event) => handelChangeState(event)}\r\n renderInput={(params) => (\r\n
)\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { Box, makeStyles, TextField } from \"@material-ui/core\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actionTypes } from \"../../../../../../../redux/bourse/select_manufacturer\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"270px\",\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const stateReducer = useSelector((state) => state.bourse_select_manufacturer_reducer);\r\n\r\n\r\n const apiSubmit = () => {\r\n\r\n dispatch({\r\n type: actionTypes.selectManufacturerBourseAsync,\r\n payload: state['commodity_id']?.data?.commodity_id\r\n ? {\r\n data: {\r\n commodity_id: state['commodity_id']?.data?.commodity_id\r\n }\r\n }\r\n : {},\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n\r\n apiSubmit();\r\n }, [state['commodity_id']]);\r\n\r\n\r\n return (\r\n \r\n\r\n \r\n option.id}\r\n value={state?.['manufacturer_id'] ? state?.['manufacturer_id'] : null}\r\n onChange={(event, value) => handleChange(value, \"manufacturer_id\")}\r\n renderInput={(params) => (\r\n
)\r\n}\r\n","import React from \"react\";\r\nimport { Box, makeStyles } from \"@material-ui/core\";\r\nimport DatePicker from \"../../../../../../common/datePicker\";\r\nimport { convertDigitToEnglish } from \"./../../../../../../method/convertDigitToEnglish\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"270px\",\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state }) {\r\n\r\n let classes = useStyles();\r\n\r\n\r\n const handelChangeDate = (data, type) => {\r\n\r\n let date = convertDigitToEnglish(data?.format(\"YYYY/MM/DD\"));\r\n date = `${date} 00:00:00.000000`;\r\n\r\n handleChange(date, type)\r\n\r\n };\r\n\r\n return (\r\n \r\n \r\n handelChangeDate(data, \"from_date\")}\r\n />\r\n \r\n
\r\n )\r\n}\r\n\r\n\r\n\r\n","import React from \"react\";\r\nimport { Box, makeStyles } from \"@material-ui/core\";\r\nimport DatePicker from \"./../../../../../../common/datePicker\";\r\nimport { convertDigitToEnglish } from \"./../../../../../../method/convertDigitToEnglish\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"270px\",\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state }) {\r\n\r\n let classes = useStyles();\r\n\r\n const handelChangeDate = (data, type) => {\r\n\r\n // let date = convertDigitToEnglish(data?.format(\"YYYY/MM/DD\"));\r\n let date = convertDigitToEnglish(data?.format(\"YYYY/MM/DD\"));\r\n date = `${date} 00:00:00.000000`;\r\n\r\n handleChange(date, type)\r\n\r\n };\r\n\r\n return (\r\n \r\n \r\n handelChangeDate(data, \"to_date\")}\r\n />\r\n \r\n
\r\n )\r\n}\r\n\r\n\r\n\r\n","import React, { useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport InputSDataSearch from './dataSearch';\r\nimport InputDataManufacturer from './DataManufacturer';\r\nimport InputsDateFrom from './dateFrom';\r\nimport InputsDateTo from './dateTo';\r\n// import InputsMainGroups from './maingroups';\r\n// import InputsGroups from './groups';\r\n// import InputsSubGroups from './subgroups';\r\n// import InputsSubProducer from './producer';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n padding: '20px',\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n padding: '5px',\r\n },\r\n },\r\n header: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n\r\n },\r\n\r\n inputs: {\r\n width: '100%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n // justifyContent: 'space-between',\r\n justifyContent: 'flex-start',\r\n flexWrap: 'wrap',\r\n margin: \"15px 0px\",\r\n [theme.breakpoints.down(\"1170\")]: {\r\n width: 850,\r\n maxWidth: '95%',\r\n margin: \"15px auto\",\r\n },\r\n [theme.breakpoints.down(\"700\")]: {\r\n justifyContent: 'center',\r\n },\r\n },\r\n button: {\r\n backgroundColor: \"#E60001\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"8px\",\r\n marginRight: 10,\r\n width: 90,\r\n height: 44,\r\n boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '98%',\r\n margin: 'auto',\r\n },\r\n },\r\n headTitle: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n flexWrap: 'wrap',\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n marginTop: 20,\r\n justifyContent: 'center',\r\n flexDirection: 'column'\r\n },\r\n },\r\n gridBtn: {\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n margin: \"10px 0px\",\r\n },\r\n },\r\n color: {\r\n color: '#E60001'\r\n }\r\n}))\r\n\r\nexport default function Index({ state, setState, setFlagApi }) {\r\n\r\n let classes = useStyles();\r\n\r\n const handleChange = (value, key) => {\r\n setState({\r\n ...state,\r\n [key]: value,\r\n });\r\n };\r\n\r\n\r\n return (\r\n \r\n\r\n
\r\n
)\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Button, Checkbox, FormControlLabel, FormGroup, makeStyles, Switch } from \"@material-ui/core\";\r\nimport { columns } from \"./../thead\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { actionTypes as actionTypesNotif } from \"./../../../../../../../redux/notificationAlert\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n gridItem: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n },\r\n btnOtlineBlack: {\r\n fontSize: 14,\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n margin: \"0 5px\",\r\n padding: '9px 20px',\r\n border: `1px solid black`,\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 7px',\r\n },\r\n '&:hover': {\r\n backgroundColor: \"black\",\r\n color: \"white\"\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n marginBottom: '10px',\r\n\r\n },\r\n },\r\n openAccountRed: {\r\n backgroundColor: theme.palette.light.type2,\r\n color: \"white\",\r\n margin: \"0 5px\",\r\n padding: '9px 20px',\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n fontSize: 14,\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 7px',\r\n },\r\n '&:hover': {\r\n backgroundColor: \"#ffffff\",\r\n color: theme.palette.light.type2,\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n width: '100%',\r\n },\r\n },\r\n gridBtns: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n marginTop: '30px',\r\n }\r\n}))\r\n\r\nexport default function Index({ data, stock, setStock, setOpen, open }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const [keySymbol, setKeySymbol] = useState([\r\n {\r\n id: \"\",\r\n label: \"\",\r\n },\r\n ]);\r\n const [active, setActive] = useState(true)\r\n\r\n\r\n useEffect(() => {\r\n if (columns?.length && !stock?.[data?.body?.['offer_symbol']]) {\r\n let arr = columns.map((cell) => ({ ...cell, check: false }))\r\n setKeySymbol(arr)\r\n } else {\r\n if (stock?.[data?.body?.['offer_symbol']]) {\r\n let arr = stock?.[data?.body?.['offer_symbol']]?.['keys']\r\n setKeySymbol(arr)\r\n setActive(stock?.[data?.body?.['offer_symbol']]?.['active'])\r\n }\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n \r\n \r\n return () => {\r\n \r\n };\r\n }, []);\r\n \r\n\r\n useEffect(() => {\r\n return () => {\r\n setKeySymbol([])\r\n };\r\n }, []);\r\n\r\n\r\n\r\n const apiInsertStock = () => {\r\n setStock((prev) => ({\r\n ...prev,\r\n [data?.body?.['offer_symbol']]: {\r\n keys: keySymbol,\r\n active: active,\r\n data: data\r\n }\r\n }\r\n ))\r\n dispatch({ type: actionTypesNotif.success });\r\n setOpen(false)\r\n }\r\n\r\n\r\n const handelChange = (idItems , value) => {\r\n let res = keySymbol.map((cell , ind) => {\r\n if(cell?.id === idItems){\r\n return {...cell , check : value}\r\n }\r\n return cell\r\n })\r\n setKeySymbol(res)\r\n }\r\n\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\r\n setFlagApi(prev => !prev)}\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\nexport const handleNull = (value) => {\r\n if (!value || value === \"null\") {\r\n return \"-\"\r\n }\r\n return value\r\n}\r\n\r\nexport const handleNumber = (value) => {\r\n if (+value === 0) {\r\n return 0\r\n }\r\n if (!value || value === \"null\") {\r\n return \"-\"\r\n }\r\n else if (typeof value !== \"number\") {\r\n return value\r\n }\r\n return parseFloat(value.toFixed(2)).toLocaleString();\r\n}\r\n\r\nexport const handleNumberTofixed4 = (value) => {\r\n if (+value === 0) {\r\n return 0\r\n }\r\n if (!value || value === \"null\") {\r\n return \"-\"\r\n }\r\n else if (typeof value !== \"number\") {\r\n return value\r\n }\r\n return parseFloat(value.toFixed(4)).toLocaleString();\r\n\r\n}\r\nexport const handleNumberTofixed2 = (value) => {\r\n if (+value === 0) {\r\n return 0\r\n }\r\n if (!value || value === \"null\") {\r\n return \"-\"\r\n }\r\n else if (typeof value !== \"number\") {\r\n return value\r\n }\r\n return parseFloat(value.toFixed(2)).toLocaleString();\r\n}\r\n\r\n\r\nexport const handleStatus = (value) => {\r\n switch (value) {\r\n case \"SUBMITTED\":\r\n return \"در انتظار\"\r\n case \"REJECTED\":\r\n return \"لغو شده\"\r\n case \"FINALIZED\":\r\n return \"نهایی شده\"\r\n default:\r\n return \"نامشخص\"\r\n }\r\n}\r\n\r\nexport const handleIsActive = (value) => {\r\n switch (value) {\r\n case \"TRUE\":\r\n return \"فعال\"\r\n case \"FALSE\":\r\n return \"غیر فعال\"\r\n default:\r\n return \"نامشخص\"\r\n }\r\n}","import React, { useEffect } from \"react\";\r\nimport { makeStyles, styled, TableCell, TableRow } from \"@material-ui/core\";\r\nimport { columns } from \"./../thead\";\r\nimport Modal from \"@material-ui/core/Modal\";\r\nimport Backdrop from \"@material-ui/core/Backdrop\";\r\nimport Fade from \"@material-ui/core/Fade\";\r\nimport Modalsymbol from './../modalsymbol';\r\nimport { handleNumber } from \"../../../../../../method/displayData\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"35%\",\r\n minWidth: \"33%\",\r\n minHeight: \"25vh\",\r\n overflow: \"auto\",\r\n backgroundColor: \"white\",\r\n padding: 15,\r\n borderRadius: 5,\r\n border: \"none\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"90%\",\r\n maxHeight: \"80vh\",\r\n },\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n border: \"none\",\r\n overflow: \"auto\",\r\n },\r\n}))\r\n\r\nconst StyledTableRow = styled(TableRow)(({ theme }) => ({\r\n \"&:nth-of-type(even)\": {\r\n backgroundColor: \"#F2F4F6\",\r\n // backgroundColor: \"rgba(11,23,66,0.2)\",\r\n cursor:'pointer',\r\n color:'rgb(11,23,66)',\r\n \"&:hover\":{\r\n backgroundColor: \"rgba(11,23,66,0.1)\",\r\n }\r\n },\r\n \"&:nth-of-type(odd)\": {\r\n cursor:'pointer',\r\n // backgroundColor: \"#F2F4F6\",\r\n // backgroundColor: \"rgba(11,23,66,0.2)\",\r\n \"&:hover\":{\r\n // backgroundColor:'red',\r\n backgroundColor: \"rgba(11,23,66,0.1)\",\r\n }\r\n },\r\n // hide last border\r\n \"&:last-child td, &:last-child th\": {\r\n border: 0,\r\n },\r\n}));\r\n\r\n\r\nexport default function Index({ info, index, handleLink, stock, setStock }) {\r\n\r\n let classes = useStyles();\r\n const [open, setOpen] = React.useState(false);\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 {\r\n ` ${data?.body?.['offer_symbol']} `\r\n }\r\n \r\n
\r\n\r\n
\r\n {keySymbol\r\n .filter((cell)=>\r\n cell?.label === 'قیمت پایانی'||\r\n cell?.label === 'حجم کالای قابل عرضه'||\r\n cell?.label === 'قیمت پایه'||\r\n cell?.label === 'پایین ترین قیمت'||\r\n cell?.label === 'بالاترین قیمت'\r\n )\r\n ?.map((cell, ind) => (\r\n <>\r\n \r\n handelChange(cell?.id , e.target.checked)}\r\n />\r\n }\r\n label={cell?.label} />\r\n \r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n setActive(e.target.checked)}\r\n />\r\n {\r\n active ? 'فعال' : 'غیر فعال'\r\n }\r\n
\r\n \r\n apiInsertStock()}\r\n className={classes.btnOtlineBlack}\r\n >\r\n ثبت\r\n \r\n setOpen(false)}\r\n className={classes.openAccountRed}\r\n >\r\n لغو\r\n \r\n
\r\n \r\n {\r\n open && (\r\n
\r\n پیوست
\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n {stateReducer?.data?.lenght === 0 && (\r\n \r\n\r\n \r\n \r\n \r\n
)\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { Checkbox, Chip, FormControlLabel, FormGroup, makeStyles } from \"@material-ui/core\";\r\nimport { Done, Delete } from '@material-ui/icons';\r\nimport CardNodata from './../../../../../common/cardNoData';\r\nimport { actionTypes } from './../../../../../../redux/bourse/report_trade_detail';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { dateMiladiToShamsi } from \"../../../../../method/date\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n // marginTop: 50,\r\n width: '40%',\r\n boxShadow: 'rgba(0, 0, 0, 0.06) 0px 0px 20px 0px',\r\n borderRadius: 10,\r\n backgroundColor: 'rbg(255,255,255)',\r\n padding: '45px 30px',\r\n minHeight: 600,\r\n [theme.breakpoints.down(\"1100\")]: {\r\n width: '100%',\r\n minHeight: 'auto',\r\n },\r\n\r\n },\r\n gridItem: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n },\r\n cardStock: {\r\n margin: '5px 0px'\r\n },\r\n titleStock: {\r\n fontWeight: 'bold',\r\n },\r\n head: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n marginBottom: 20,\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n justifyContent: 'center',\r\n flexDirection: 'column'\r\n },\r\n },\r\n gridBtn: {\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n margin: \"10px 0px\",\r\n },\r\n },\r\n button: {\r\n backgroundColor: \"#E60001\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"8px\",\r\n marginRight: 10,\r\n width: 90,\r\n height: 44,\r\n boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n },\r\n },\r\n buttonDisable: {\r\n backgroundColor: \"gray\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"8px\",\r\n marginRight: 10,\r\n width: 90,\r\n height: 44,\r\n boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n },\r\n },\r\n gridHead: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n marginBottom: 20,\r\n [theme.breakpoints.down(\"400\")]: {\r\n justifyContent: 'center',\r\n flexDirection: 'column-reverse'\r\n },\r\n },\r\n DeleteIcons: {\r\n fill: 'red',\r\n cursor: 'pointer',\r\n [theme.breakpoints.down(\"400\")]: {\r\n marginBottom: 20\r\n },\r\n },\r\n titleHead: {\r\n fontSize: \"1.125rem\",\r\n fontWeight: 'bold',\r\n }\r\n}))\r\n\r\nexport default function Index({ stock, setStock, data }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch()\r\n\r\n const stateReducer = useSelector(state => state?.report_trade_detail_reducer)\r\n\r\n const handelChange = (stockKeys, indexItem, value) => {\r\n\r\n setStock((prev) => ({\r\n ...prev,\r\n [stockKeys]: {\r\n ...prev?.[stockKeys],\r\n ['keys']: prev?.[stockKeys]?.['keys']\r\n ?.map((item) => {\r\n if (indexItem === item?.label) {\r\n return { ...item, check: value }\r\n }\r\n return item\r\n })\r\n }\r\n }))\r\n }\r\n\r\n const handelDelteStock = (key) => {\r\n\r\n let obj = {}\r\n Object.keys(stock)\r\n .forEach((itemKeys) => {\r\n if (itemKeys !== key) {\r\n obj[itemKeys] = stock[itemKeys]\r\n }\r\n })\r\n setStock(obj)\r\n }\r\n\r\n const apiSubmit = () => {\r\n\r\n // if (!data?.from_date || !data?.to_date) {\r\n // alert('لطفا فیلد های تاریخ رو پر نمایید ')\r\n // return\r\n // }\r\n\r\n dispatch(({ type: actionTypes?.reportTradeDetailEmpty }))\r\n\r\n let obj = {}\r\n\r\n let a = Object.keys(stock)?.forEach((itemKeys) => {\r\n obj[itemKeys] = stock[itemKeys]?.['keys']?.filter((item) => item.check)?.map((item) => item?.id)\r\n })\r\n\r\n\r\n let payload = {\r\n data:\r\n {\r\n offer_symbols: {\r\n ...obj\r\n },\r\n // from_trade_date:'1402/09/16',\r\n // to_trade_date:'1402/10/16',\r\n // from_trade_date: data?.from_date ? dateMiladiToShamsi(data?.from_date?.split(' ')?.[0]) : '',\r\n // to_trade_date: data?.to_date ?dateMiladiToShamsi(data?.to_date?.split(' ')?.[0]) : '',\r\n }\r\n };\r\n\r\n dispatch(({ type: actionTypes?.reportTradeDetailAsync, payload: payload }))\r\n }\r\n\r\n\r\n\r\n return (\r\n \r\n {stateReducer.loading && (\r\n
\r\n دیتایی برای نمایش وجو ندارد
\r\n )}\r\n \r\n
)\r\n}\r\n","// install (please try to align the version of installed @nivo packages)\r\n// yarn add @nivo/line\r\nimport { ResponsiveLine } from '@nivo/line';\r\nimport React from 'react';\r\nimport moment from 'moment-jalaali';\r\nimport { convertDigitToEnglish } from '../../../../../../method/convertDigitToEnglish';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport { handleNumber } from '../../../../../../method/displayData';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n tooltip: {\r\n background: \"#fff\",\r\n padding: 10,\r\n border: \"0.5px solid #555\",\r\n borderRadius: 5,\r\n boxShadow: \"0px 0px 2px #000\",\r\n direction: \"rtl\",\r\n textAlign: \"left\",\r\n minWidth: \"310px\",\r\n },\r\n tooltipTitle: {\r\n fontWeight: 'bold',\r\n // \"inline-block font-bold\"\r\n },\r\n grid: {\r\n display: 'flex',\r\n justifyContent: 'flex-end',\r\n alignItems: 'flex-start',\r\n width: '100%',\r\n margin: '5px 0px'\r\n // grid grid-cols-12 gap3 w-full\r\n },\r\n charts:{\r\n height:600,\r\n minWidth:'550px !important'\r\n }\r\n}));\r\n\r\n\r\nconst MyResponsiveLine = ({ data /* see data tab */ }) => {\r\n\r\n const classes = useStyles();\r\n\r\n const formatDate = (dateString) => {\r\n const originalDate = new Date(dateString);\r\n const formattedDate = moment(originalDate).format('YYYY/MM/DD');\r\n return convertDigitToEnglish(formattedDate)\r\n };\r\n\r\n const tooltipBody = (d) => {\r\n\r\n const originalDate = new Date(d.point.data.x);\r\n const formattedDate = moment(originalDate).format('YYYY/MM/DD');\r\n\r\n return (\r\n \r\n
\r\n {\r\n Object?.keys(stock)\r\n ?.map((itemKey) => {\r\n return (\r\n \r\n
\r\n \r\n لیست کالاهای انتخاب شده :\r\n
\r\n\r\n {\r\n Object?.keys(stock)?.length !== 0 && (\r\n stateReducer?.loading ? '' : apiSubmit()}\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 Object?.keys(stock)?.length === 0 && (\r\n \r\n
\r\n
\r\n \r\n {\r\n stock?.[itemKey]?.['data']?.['body']?.['commodity_detail']?.['persianName']\r\n }\r\n {\r\n ` (${itemKey})`\r\n }\r\n
\r\n\r\n handelDelteStock(itemKey)}\r\n />\r\n
\r\n \r\n {\r\n stock?.[itemKey]?.['keys']\r\n .filter((cell) =>\r\n cell?.label === 'قیمت پایانی' ||\r\n cell?.label === 'حجم کالای قابل عرضه' ||\r\n cell?.label === 'قیمت پایه' ||\r\n cell?.label === 'پایین ترین قیمت' ||\r\n cell?.label === 'بالاترین قیمت'\r\n )\r\n ?.map((itemChild, ind) => {\r\n return (\r\n \r\n handelChange(itemKey, itemChild?.label, e.target.checked)}\r\n />\r\n }\r\n label={\r\n itemChild?.label\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 const tooltipStyle = (d) => {\r\n let x = 150;\r\n let y = 0;\r\n\r\n if (d.point.x > 120) {\r\n x = 10;\r\n }\r\n if (d.point.x > 260) {\r\n x = -155;\r\n }\r\n\r\n if (d.point.y < 120) {\r\n y = 120;\r\n }\r\n\r\n return { transform: `translate(${x}px,${y}px)` };\r\n };\r\n\r\n\r\n return (\r\n {d.point.serieId}
\r\n \r\n
\r\n {` ${convertDigitToEnglish(formattedDate)} `}
\r\n : تاریخ
\r\n \r\n
\r\n {` ${handleNumber(d.point.data.y)} `}
\r\n : مقدار
\r\n \r\n tooltipBody(d)}\r\n \r\n\r\n curve=\"monotoneX\"\r\n xFormat='time:%YYYY/%MM/%DD'\r\n xScale={{\r\n format: '%YYYY/%MM/%DD',\r\n precision: 'day',\r\n type: 'time',\r\n useUTC: false\r\n }}\r\n data={data}\r\n margin={{ top: 50, right: 110, bottom: 70, left: 60 }}\r\n yScale={{\r\n type: 'linear',\r\n }}\r\n // yFormat=\" >-.2f\"\r\n axisTop={null}\r\n axisRight={null}\r\n axisBottom={{\r\n orient: \"bottom\",\r\n tickSize: 5,\r\n tickPadding: 60,\r\n tickRotation: -90,\r\n legend: \"\",\r\n legendOffset: 36,\r\n format: (dateString) => formatDate(dateString),\r\n }}\r\n axisLeft={{\r\n // tickSize: 5,\r\n tickPadding: 40,\r\n tickRotation: 0,\r\n legend: '',\r\n legendOffset: -150,\r\n legendPosition: 'middle'\r\n }}\r\n pointSize={10}\r\n pointColor={{ theme: 'background' }}\r\n pointBorderWidth={2}\r\n pointBorderColor={{ from: 'serieColor' }}\r\n pointLabelYOffset={-12}\r\n useMesh={true}\r\n legends={[\r\n {\r\n anchor: 'top-right',\r\n direction: 'column',\r\n // direction: 'row',\r\n justify: true,\r\n translateX: 100,\r\n translateY: -30,\r\n itemsSpacing: 0,\r\n // itemDirection: 'left-to-right',\r\n itemDirection: 'right-to-left',\r\n itemWidth: 15,\r\n itemHeight: 25,\r\n itemOpacity: 1,\r\n symbolSize: 12,\r\n symbolShape: 'circle',\r\n symbolBorderColor: 'rgba(0, 0, 0, .5)',\r\n effects: [\r\n {\r\n on: 'hover',\r\n style: {\r\n itemBackground: 'rgba(0, 0, 0, .03)',\r\n itemOpacity: 1\r\n }\r\n }\r\n ]\r\n }\r\n ]}\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default MyResponsiveLine","import React, { useEffect, useState } from \"react\";\r\nimport { CircularProgress, makeStyles } from \"@material-ui/core\";\r\nimport CardChartsLiner from './chartLiner/index'\r\nimport { useSelector } from \"react-redux\";\r\nimport CardNodata from './../../../../../common/cardNoData';\r\n// import LineCHarts from './../../../../../common/charts/lineChart';\r\nimport LineCHarts from './chartLiner';\r\n\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n position: 'relative',\r\n width: '59%',\r\n boxShadow: 'rgba(0, 0, 0, 0.06) 0px 0px 20px 0px',\r\n borderRadius: 10,\r\n backgroundColor: 'rbg(255,255,255)',\r\n padding: '45px 30px',\r\n minHeight: 600,\r\n height: 600,\r\n padding: '45px 30px',\r\n [theme.breakpoints.down(\"1100\")]: {\r\n width: '100%',\r\n minHeight: 'auto',\r\n overflow:'auto'\r\n },\r\n },\r\n title: {\r\n fontSize: \"1.125rem\",\r\n fontWeight: 'bold',\r\n marginBottom: 20,\r\n },\r\n gridLoading: {\r\n position: 'absulote',\r\n top: 0,\r\n width: '100%',\r\n height: 550,\r\n backgroundColor: 'rgba(0,0,0,0.1)',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center'\r\n }\r\n}))\r\n\r\nexport default function Index({ }) {\r\n\r\n let classes = useStyles();\r\n\r\n const [state, setstate] = useState({\r\n data: [],\r\n keys: []\r\n });\r\n\r\n\r\n const stateReducer = useSelector(state => state?.report_trade_detail_reducer)\r\n\r\n\r\n\r\n let sortedDate = (array) => {\r\n\r\n let reslute = array.sort(function (a, b) {\r\n let bb = new Date(b?.x)\r\n let aa = new Date(a?.x);\r\n return bb - aa\r\n });\r\n return reslute ? reslute : []\r\n }\r\n\r\n useEffect(() => {\r\n if (stateReducer?.data?.length) {\r\n let data = []\r\n let categoriData = {}\r\n let res = stateReducer?.data?.forEach((item) => {\r\n let a = Object.keys(item)\r\n ?.forEach((child) => {\r\n let elem = item?.[child]\r\n let x = item[child]?.forEach((chart) => {\r\n let { manufacturer_detail, ...rest } = chart?.body\r\n let listKeys = Object.keys(rest)\r\n let b = listKeys?.forEach((key) => {\r\n if (key !== 'trade_date') {\r\n data.push({\r\n id: key + \"_name_\" + child,\r\n x: chart?.body?.[key],\r\n y: chart?.body?.['trade_date'],\r\n name: elem?.[0] ? elem?.[0]?.body?.manufacturer_detail?.persianName : child,\r\n })\r\n }\r\n })\r\n })\r\n }\r\n )\r\n })\r\n \r\n let KeysPersian = {\r\n 'offer_base_price': 'قیمت پایه',\r\n 'final_weighted_average_price': 'عرضه کننده',\r\n 'offer_volume': 'حجم',\r\n 'minimum_price':'پایین ترین قیمت',\r\n 'maximum_price':'بالاترین قیمت'\r\n }\r\n\r\n let c = data?.forEach((item) => {\r\n categoriData[item?.id] = {\r\n id: `${item?.name} ${KeysPersian?.[item?.id?.split('_name_')?.[0]] ? \"(\" + KeysPersian?.[item?.id?.split('_name_')?.[0]] + \")\" : ''}`,\r\n color: '',\r\n name: item?.name,\r\n data: sortedDate(\r\n (categoriData?.[item?.id]?.data ? categoriData?.[item?.id]?.data : []).concat([\r\n {\r\n x: new Date(`${item?.y} 00:00:00`),\r\n y: item?.x\r\n },\r\n ]))?.reverse()\r\n }\r\n })\r\n\r\n if (Object.keys(categoriData)?.length) {\r\n setstate({ data: Object.keys(categoriData)?.map((key) => categoriData[key]), keys: [] })\r\n }\r\n }\r\n\r\n }, [stateReducer.data]);\r\n\r\n\r\n\r\n return (\r\n \r\n {\r\n stateReducer?.loading && (\r\n
)\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport Filters from './components/inputs/'\r\nimport Tables from './components/tables';\r\nimport TablesStock from './components/tablesStock';\r\nimport ChartsLiner from './components/charts/index';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n padding: '20px',\r\n [theme.breakpoints.down(\"700\")]: {\r\n width:'100%',\r\n padding: '5px',\r\n },\r\n },\r\n grid: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'flex-start',\r\n marginTop: 20,\r\n [theme.breakpoints.down(\"1100\")]: {\r\n flexDirection:'column'\r\n },\r\n }\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n const [stock, setStock] = useState({\r\n\r\n // \"NCI-OANMMSF-00\": {\r\n // \"keys\": [\r\n // {\r\n // \"id\": \"Attachment\",\r\n // \"label\": \"پیوست\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"trade_date\",\r\n // \"label\": \"تاریخ عرضه\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"commodity_id\",\r\n // \"label\": \"نام کالا\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"offer_symbol\",\r\n // \"label\": \"نماد\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"left\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"manufacturer_id\",\r\n // \"label\": \"تولید کننده\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"right\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"final_weighted_average_price\",\r\n // \"label\": \"عرضه کننده\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"offer_volume\",\r\n // \"label\": \"حجم کالای قابل عرضه\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": true\r\n // },\r\n // {\r\n // \"id\": \"contract_type_id\",\r\n // \"label\": \"نوع قرارداد\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"offer_base_price\",\r\n // \"label\": \"قیمت پایه\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"supplier_id\",\r\n // \"label\": \"مکان تحویل\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"currency_id\",\r\n // \"label\": \"نوع ارز\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"measurement_unit_id\",\r\n // \"label\": \"واحد\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // }\r\n // ],\r\n // \"active\": true,\r\n // \"data\": {\r\n // \"id\": \"715916_1402/09/05\",\r\n // \"body\": {\r\n // \"buy_method\": \"عادی\",\r\n // \"commodity_id\": 15212,\r\n // \"commodity_detail\": {\r\n // \"symbol\": \"OANMMSF\",\r\n // \"parentId\": 23,\r\n // \"description\": \"سولفور مولیبدن\",\r\n // \"persianName\": \"سولفور مولیبدن\",\r\n // \"id\": 15212\r\n // },\r\n // \"contract_type_id\": 1,\r\n // \"contract_type_detail\": {\r\n // \"description\": \"نقدی\",\r\n // \"persianName\": \"نقدی\",\r\n // \"id\": 1\r\n // },\r\n // \"currency_id\": 1,\r\n // \"currency_detail\": {\r\n // \"description\": \"ریال\",\r\n // \"persianName\": \"ریال\",\r\n // \"id\": 1\r\n // },\r\n // \"demand_volume\": 10,\r\n // \"due_date\": \"\",\r\n // \"final_weighted_average_price\": 5314000,\r\n // \"manufacturer_id\": 10,\r\n // \"manufacturer_detail\": {\r\n // \"symbol\": \"NCI\",\r\n // \"description\": \"ملی صنایع مس ایران\",\r\n // \"persianName\": \"ملی صنایع مس ایران\",\r\n // \"id\": 10\r\n // },\r\n // \"maximum_price\": 5314000,\r\n // \"measurement_unit_id\": 1,\r\n // \"measurement_unit_detail\": {\r\n // \"description\": \"کیلوگرم\",\r\n // \"persianName\": \"کیلوگرم\",\r\n // \"id\": 1\r\n // },\r\n // \"minimum_price\": 5314000,\r\n // \"offer_base_price\": 5314000,\r\n // \"offer_id\": 715916,\r\n // \"offer_mode\": \"عمده\",\r\n // \"offer_symbol\": \"NCI-OANMMSF-00\",\r\n // \"offer_type\": \"عرضه داخلی\",\r\n // \"offer_volume\": 10,\r\n // \"seller_broker_id\": 67,\r\n // \"seller_broker_detail\": {\r\n // \"nationalId\": \"10860569396\",\r\n // \"spotId\": 67,\r\n // \"derivativesId\": null,\r\n // \"description\": \"ارگ هومن\",\r\n // \"persianName\": \"ارگ هومن\",\r\n // \"id\": 67\r\n // },\r\n // \"supplier_id\": 4,\r\n // \"supplier_detail\": {\r\n // \"customerId\": 4,\r\n // \"nationalCode\": \"10100582059\",\r\n // \"description\": \"ملی صنایع مس ایران\",\r\n // \"persianName\": \"ملی صنایع مس ایران\",\r\n // \"id\": 4\r\n // },\r\n // \"trade_date\": \"1402/09/05\",\r\n // \"trade_value\": 53140000,\r\n // \"trade_volume\": 10,\r\n // \"id_trade\": 715916\r\n // }\r\n // }\r\n // },\r\n // \"MPC-DEGB-00\": {\r\n // \"keys\": [\r\n // {\r\n // \"id\": \"Attachment\",\r\n // \"label\": \"پیوست\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"trade_date\",\r\n // \"label\": \"تاریخ عرضه\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"commodity_id\",\r\n // \"label\": \"نام کالا\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"offer_symbol\",\r\n // \"label\": \"نماد\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"left\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"manufacturer_id\",\r\n // \"label\": \"تولید کننده\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"right\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"final_weighted_average_price\",\r\n // \"label\": \"عرضه کننده\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": true\r\n // },\r\n // {\r\n // \"id\": \"offer_volume\",\r\n // \"label\": \"حجم کالای قابل عرضه\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": true\r\n // },\r\n // {\r\n // \"id\": \"contract_type_id\",\r\n // \"label\": \"نوع قرارداد\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"offer_base_price\",\r\n // \"label\": \"قیمت پایه\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": true\r\n // },\r\n // {\r\n // \"id\": \"supplier_id\",\r\n // \"label\": \"مکان تحویل\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"currency_id\",\r\n // \"label\": \"نوع ارز\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // },\r\n // {\r\n // \"id\": \"measurement_unit_id\",\r\n // \"label\": \"واحد\",\r\n // \"minWidth\": 120,\r\n // \"align\": \"center\",\r\n // \"check\": false\r\n // }\r\n // ],\r\n // \"active\": true,\r\n // \"data\": {\r\n // \"id\": \"MPC-DEGB-00_1402/08/17\",\r\n // \"body\": {\r\n // \"buy_method\": \"عادی\",\r\n // \"commodity_id\": 1378,\r\n // \"commodity_detail\": {\r\n // \"symbol\": \"DEGB\",\r\n // \"parentId\": 98,\r\n // \"description\": \"دی اتیلن گلایکول\",\r\n // \"persianName\": \"دی اتیلن گلایکول\",\r\n // \"id\": 1378\r\n // },\r\n // \"contract_type_id\": 1,\r\n // \"contract_type_detail\": {\r\n // \"description\": \"نقدی\",\r\n // \"persianName\": \"نقدی\",\r\n // \"id\": 1\r\n // },\r\n // \"currency_id\": 1,\r\n // \"currency_detail\": {\r\n // \"description\": \"ریال\",\r\n // \"persianName\": \"ریال\",\r\n // \"id\": 1\r\n // },\r\n // \"demand_volume\": 408,\r\n // \"due_date\": \"\",\r\n // \"final_weighted_average_price\": 218182,\r\n // \"manufacturer_id\": 108,\r\n // \"manufacturer_detail\": {\r\n // \"symbol\": \"MPC\",\r\n // \"description\": \"پتروشیمی مارون\",\r\n // \"persianName\": \"پتروشیمی مارون\",\r\n // \"id\": 108\r\n // },\r\n // \"maximum_price\": 222222,\r\n // \"measurement_unit_id\": 1,\r\n // \"measurement_unit_detail\": {\r\n // \"description\": \"کیلوگرم\",\r\n // \"persianName\": \"کیلوگرم\",\r\n // \"id\": 1\r\n // },\r\n // \"minimum_price\": 213889,\r\n // \"offer_base_price\": 206904,\r\n // \"offer_id\": 708752,\r\n // \"offer_mode\": \"عمده\",\r\n // \"offer_symbol\": \"MPC-DEGB-00\",\r\n // \"offer_type\": \"عرضه داخلی\",\r\n // \"offer_volume\": 216,\r\n // \"seller_broker_id\": 39,\r\n // \"seller_broker_detail\": {\r\n // \"nationalId\": \"10101388534\",\r\n // \"spotId\": 39,\r\n // \"derivativesId\": 48,\r\n // \"description\": \"آرمون بورس\",\r\n // \"persianName\": \"آرمون بورس\",\r\n // \"id\": 39\r\n // },\r\n // \"supplier_id\": 291,\r\n // \"supplier_detail\": {\r\n // \"customerId\": 10886,\r\n // \"nationalCode\": \"10860727671\",\r\n // \"description\": \"پتروشیمی مارون\",\r\n // \"persianName\": \"پتروشیمی مارون\",\r\n // \"id\": 291\r\n // },\r\n // \"trade_date\": \"1402/08/17\",\r\n // \"trade_value\": 47127384,\r\n // \"trade_volume\": 216,\r\n // \"id_trade\": 708752\r\n // }\r\n // }\r\n // }\r\n\r\n });\r\n \r\n const [state, setState] = useState({\r\n commodity_id: null,\r\n main_category: null,\r\n category: null,\r\n sub_category: null,\r\n date_from: null,\r\n date_to: null,\r\n });\r\n\r\n const [page, setPage] = useState(0);\r\n const [rowsPerPage] = useState(10);\r\n const [flegApi, setFlagApi] = useState(false);\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n )\r\n }\r\n {\r\n state?.data?.length !== 0 && (\r\n <>\r\n {\r\n !stateReducer?.loading && (\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","import React, { useEffect, useState } from \"react\";\r\nimport { Box, makeStyles, TextField } from \"@material-ui/core\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actionTypes } from \"../../../../../../../redux/bourse/select_commodities\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width:\"250px\",\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const stateReducer = useSelector((state) => state.select_commodities_reducer);\r\n const [value, setValue] = useState('');\r\n\r\n\r\n const apiSubmit = () => {\r\n let payload = {\r\n data: value\r\n ? {\r\n persianName: value\r\n }\r\n : {},\r\n size: 1000,\r\n }\r\n dispatch({\r\n type: actionTypes.selectCommoditiesBourseAsync,\r\n payload: payload,\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n apiSubmit();\r\n }, [value]);\r\n\r\n const handelChangeState = (event) => {\r\n setValue(event?.target?.value)\r\n }\r\n return (\r\n \r\n
\r\n \r\n \r\n option?.body?.persianName}\r\n value={state?.['commodity_id'] ? state?.['commodity_id'] : null}\r\n onChange={(event, value) => handleChange(value, \"commodity_id\")}\r\n onKeyUp={(event) => handelChangeState(event)}\r\n renderInput={(params) => (\r\n
)\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { Box, makeStyles, TextField } from \"@material-ui/core\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actionTypes } from \"../../../../../../../redux/bourse/select_main_groups\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width:\"250px\",\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({handleChange , state}) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const stateReducer = useSelector((state) => state.bourse_select_mainGroup_reducer);\r\n\r\n\r\n const apiSubmit = () => {\r\n dispatch({\r\n type: actionTypes.selectMainGroupsBourseAsync,\r\n payload: {},\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n apiSubmit();\r\n }, []);\r\n \r\n\r\n return (\r\n \r\n \r\n option.Name}\r\n value={state?.['main_category'] ? state?.['main_category'] : null}\r\n onChange={(event, value) =>handleChange( value, \"main_category\") }\r\n renderInput={(params) => (\r\n
)\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { Box, makeStyles, TextField } from \"@material-ui/core\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actionTypes } from \"../../../../../../../redux/bourse/select_categories\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width:\"250px\",\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state, setState }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const stateReducer = useSelector((state) => state.bourse_select_category_reducer);\r\n\r\n\r\n const apiSubmit = () => {\r\n\r\n let data = {\r\n main_category: state?.['main_category']?.code,\r\n };\r\n dispatch({\r\n type: actionTypes.selectCategortyBourseAsync,\r\n payload: {\r\n data: data\r\n },\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (state['main_category']) {\r\n apiSubmit()\r\n }\r\n }, [state['main_category']]);\r\n\r\n\r\n useEffect(() => {\r\n\r\n if ( stateReducer?.data?.length) {\r\n setState((prev) => ({\r\n ...prev,\r\n category: null,\r\n sub_category: null,\r\n }))\r\n\r\n dispatch({\r\n type: actionTypes.selectCategortyBourseEmpty,\r\n });\r\n }\r\n\r\n }, [state['main_category']]);\r\n\r\n return (\r\n \r\n \r\n option?.name}\r\n value={state?.['category'] ? state?.['category'] : null}\r\n onChange={(event, value) => handleChange(value, \"category\")}\r\n renderInput={(params) => (\r\n
)\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { Box, makeStyles, TextField } from \"@material-ui/core\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actionTypes } from \"../../../../../../../redux/bourse/subCategory\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width:\"250px\",\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state, setState }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const stateReducer = useSelector((state) => state.bourse_select_subCategory_reducer);\r\n\r\n\r\n const apiSubmit = () => {\r\n\r\n let data = {\r\n main_category: state?.['main_category']?.code,\r\n sub_category: state?.['category']?.code,\r\n };\r\n dispatch({\r\n type: actionTypes.selectSubCategortyBourseAsync,\r\n payload: {\r\n data: data\r\n },\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n if (state['category']) {\r\n apiSubmit()\r\n }\r\n }, [state['category']]);\r\n\r\n\r\n useEffect(() => {\r\n\r\n if (stateReducer?.data?.length) {\r\n\r\n setState((prev) => ({\r\n ...prev,\r\n sub_category: null,\r\n }))\r\n\r\n dispatch({\r\n type: actionTypes.selectSubCategortyBourseEmpty,\r\n });\r\n }\r\n\r\n }, [state['category']]);\r\n\r\n\r\n return (\r\n \r\n \r\n option?.name}\r\n value={state?.['sub_category'] ? state?.['sub_category'] : null}\r\n onChange={(event, value) => handleChange(value, \"sub_category\")}\r\n renderInput={(params) => (\r\n
)\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { Box, makeStyles, TextField } from \"@material-ui/core\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actionTypes } from \"../../../../../../../redux/bourse/select_producer\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width:\"250px\",\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({handleChange , state}) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const stateReducer = useSelector((state) => state.bourse_select_producer_reducer);\r\n\r\n\r\n const apiSubmit = () => {\r\n dispatch({\r\n type: actionTypes.selectProducerAsync,\r\n payload: {},\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n apiSubmit();\r\n }, []);\r\n \r\n\r\n return (\r\n \r\n \r\n option.name}\r\n value={state?.['producer'] ? state?.['producer'] : null}\r\n onChange={(event, value) =>handleChange( value, \"producer\") }\r\n renderInput={(params) => (\r\n
)\r\n}\r\n","import React from \"react\";\r\nimport { Box, makeStyles } from \"@material-ui/core\";\r\nimport DatePicker from \"../../../../../../common/datePicker\";\r\nimport { convertDigitToEnglish } from \"./../../../../../../method/convertDigitToEnglish\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width:\"250px\",\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state }) {\r\n\r\n let classes = useStyles();\r\n\r\n\r\n const handelChangeDate = (data, type) => {\r\n\r\n let date = convertDigitToEnglish(data?.format(\"YYYY/MM/DD\"));\r\n date = `${date} 00:00:00.000000`;\r\n\r\n handleChange(date, type)\r\n\r\n };\r\n\r\n return (\r\n \r\n \r\n handelChangeDate(data, \"from_date\")}\r\n />\r\n \r\n
\r\n )\r\n}\r\n\r\n\r\n\r\n","import React from \"react\";\r\nimport { Box, makeStyles } from \"@material-ui/core\";\r\nimport DatePicker from \"./../../../../../../common/datePicker\";\r\nimport { convertDigitToEnglish } from \"./../../../../../../method/convertDigitToEnglish\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width:\"250px\",\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state }) {\r\n\r\n let classes = useStyles();\r\n\r\n const handelChangeDate = (data, type) => {\r\n\r\n // let date = convertDigitToEnglish(data?.format(\"YYYY/MM/DD\"));\r\n let date = convertDigitToEnglish(data?.format(\"YYYY/MM/DD\"));\r\n date = `${date} 00:00:00.000000`;\r\n\r\n handleChange(date, type)\r\n\r\n };\r\n\r\n return (\r\n \r\n \r\n handelChangeDate(data, \"to_date\")}\r\n />\r\n \r\n
\r\n )\r\n}\r\n\r\n\r\n\r\n","import React, { useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport InputSDataSearch from './dataSearch';\r\nimport InputsMainGroups from './maingroups';\r\nimport InputsGroups from './groups';\r\nimport InputsSubGroups from './subgroups';\r\nimport InputsSubProducer from './producer';\r\nimport InputsDateFrom from './dateFrom';\r\nimport InputsDateTo from './dateTo';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n padding: '20px',\r\n [theme.breakpoints.down(\"700\")]: {\r\n width:'100%',\r\n padding: '5px',\r\n },\r\n },\r\n header: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n\r\n },\r\n\r\n inputs: {\r\n width:'100%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n flexWrap:'wrap',\r\n margin:\"15px 0px\",\r\n [theme.breakpoints.down(\"1170\")]: {\r\n width: 850,\r\n maxWidth :'95%',\r\n margin:\"15px auto\",\r\n },\r\n [theme.breakpoints.down(\"700\")]: {\r\n justifyContent: 'center',\r\n },\r\n },\r\n button: {\r\n backgroundColor: \"#E60001\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"8px\",\r\n marginRight: 10,\r\n width: 90,\r\n height: 44,\r\n boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '98%',\r\n margin:'auto',\r\n },\r\n },\r\n headTitle:{\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent:'space-between',\r\n flexWrap:'wrap',\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n marginTop:20,\r\n justifyContent: 'center',\r\n flexDirection: 'column'\r\n },\r\n },\r\n gridBtn: {\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n margin: \"10px 0px\",\r\n },\r\n },\r\n}))\r\n\r\nexport default function Index({ state, setState, setFlagApi }) {\r\n\r\n let classes = useStyles();\r\n\r\n const handleChange = (value, key) => {\r\n setState({\r\n ...state,\r\n [key]: value,\r\n });\r\n };\r\n\r\n\r\n return (\r\n \r\n\r\n
\r\n
)\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Button, Checkbox, FormControlLabel, FormGroup, makeStyles, Switch } from \"@material-ui/core\";\r\nimport { columns } from \"./../thead\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { actionTypes as actionTypesNotif } from \"./../../../../../../../redux/notificationAlert\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n gridItem: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n },\r\n btnOtlineBlack: {\r\n fontSize: 14,\r\n backgroundColor: \"white\",\r\n color: \"black\",\r\n margin: \"0 5px\",\r\n padding: '9px 20px',\r\n border: `1px solid black`,\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 7px',\r\n },\r\n '&:hover': {\r\n backgroundColor: \"black\",\r\n color: \"white\"\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n marginBottom: '10px',\r\n\r\n },\r\n },\r\n openAccountRed: {\r\n backgroundColor: theme.palette.light.type2,\r\n color: \"white\",\r\n margin: \"0 5px\",\r\n padding: '9px 20px',\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n fontSize: 14,\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 7px',\r\n },\r\n '&:hover': {\r\n backgroundColor: \"#ffffff\",\r\n color: theme.palette.light.type2,\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n minWidth: '100% !important',\r\n width: '100%',\r\n },\r\n },\r\n gridBtns: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n marginTop: '30px',\r\n }\r\n}))\r\n\r\nexport default function Index({ data, stock, setStock, setOpen, open }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const [keySymbol, setKeySymbol] = useState([\r\n {\r\n id: \"\",\r\n label: \"\",\r\n },\r\n ]);\r\n const [active, setActive] = useState(true)\r\n\r\n\r\n useEffect(() => {\r\n if (columns?.length && !stock?.[data?.body?.['offer_symbol']]) {\r\n let arr = columns.map((cell) => ({ ...cell, check: false }))\r\n setKeySymbol(arr)\r\n } else {\r\n if (stock?.[data?.body?.['offer_symbol']]) {\r\n let arr = stock?.[data?.body?.['offer_symbol']]?.['keys']\r\n setKeySymbol(arr)\r\n setActive(stock?.[data?.body?.['offer_symbol']]?.['active'])\r\n }\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n \r\n \r\n return () => {\r\n \r\n };\r\n }, []);\r\n \r\n\r\n useEffect(() => {\r\n return () => {\r\n setKeySymbol([])\r\n };\r\n }, []);\r\n\r\n\r\n\r\n const apiInsertStock = () => {\r\n setStock((prev) => ({\r\n ...prev,\r\n [data?.body?.['offer_symbol']]: {\r\n keys: keySymbol,\r\n active: active,\r\n data: data\r\n }\r\n }\r\n ))\r\n dispatch({ type: actionTypesNotif.success });\r\n setOpen(false)\r\n }\r\n\r\n\r\n const handelChange = (idItems , value) => {\r\n let res = keySymbol.map((cell , ind) => {\r\n if(cell?.id === idItems){\r\n return {...cell , check : value}\r\n }\r\n return cell\r\n })\r\n setKeySymbol(res)\r\n }\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n آمار معاملات صادراتی\r\n
\r\n\r\n setFlagApi(prev => !prev)}\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","import React, { useEffect } from \"react\";\r\nimport { makeStyles, styled, TableCell, TableRow } from \"@material-ui/core\";\r\nimport { columns } from \"./../thead\";\r\nimport Modal from \"@material-ui/core/Modal\";\r\nimport Backdrop from \"@material-ui/core/Backdrop\";\r\nimport Fade from \"@material-ui/core/Fade\";\r\nimport Modalsymbol from './../modalsymbol';\r\nimport { handleNumber } from \"../../../../../../method/displayData\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"35%\",\r\n minWidth: \"33%\",\r\n minHeight: \"25vh\",\r\n overflow: \"auto\",\r\n backgroundColor: \"white\",\r\n padding: 15,\r\n borderRadius: 5,\r\n border: \"none\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"90%\",\r\n maxHeight: \"80vh\",\r\n },\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n border: \"none\",\r\n overflow: \"auto\",\r\n },\r\n}))\r\n\r\nconst StyledTableRow = styled(TableRow)(({ theme }) => ({\r\n \"&:nth-of-type(even)\": {\r\n backgroundColor: \"#F2F4F6\",\r\n },\r\n // hide last border\r\n \"&:last-child td, &:last-child th\": {\r\n border: 0,\r\n },\r\n}));\r\n\r\n\r\nexport default function Index({ info, index, handleLink, stock, setStock }) {\r\n\r\n let classes = useStyles();\r\n const [open, setOpen] = React.useState(false);\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 {\r\n ` ${data?.body?.['offer_symbol']} `\r\n }\r\n \r\n
\r\n\r\n
\r\n {keySymbol\r\n .filter((cell)=>\r\n cell?.label === 'عرضه کننده'||\r\n cell?.label === 'حجم کالای قابل عرضه'||\r\n cell?.label === 'قیمت پایه'||\r\n cell?.label === 'پایین ترین قیمت'||\r\n cell?.label === 'بالاترین قیمت'\r\n )\r\n ?.map((cell, ind) => (\r\n <>\r\n \r\n handelChange(cell?.id , e.target.checked)}\r\n />\r\n }\r\n label={cell?.label} />\r\n \r\n \r\n ))}\r\n
\r\n \r\n
\r\n \r\n setActive(e.target.checked)}\r\n />\r\n {\r\n active ? 'فعال' : 'غیر فعال'\r\n }\r\n
\r\n \r\n apiInsertStock()}\r\n className={classes.btnOtlineBlack}\r\n >\r\n ثبت\r\n \r\n setOpen(false)}\r\n className={classes.openAccountRed}\r\n >\r\n لغو\r\n \r\n
\r\n \r\n {\r\n open && (\r\n
\r\n پیوست
\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n {stateReducer?.data?.lenght === 0 && (\r\n \r\n\r\n \r\n \r\n \r\n
)\r\n}\r\n","import React from \"react\";\r\nimport { Checkbox, FormControlLabel, FormGroup, makeStyles } from \"@material-ui/core\";\r\nimport { Delete } from '@material-ui/icons';\r\nimport CardNodata from './../../../../../common/cardNoData';\r\nimport { actionTypes } from './../../../../../../redux/bourse/report_trade_detail';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n // marginTop: 50,\r\n width: '40%',\r\n boxShadow: 'rgba(0, 0, 0, 0.06) 0px 0px 20px 0px',\r\n borderRadius: 10,\r\n backgroundColor: 'rbg(255,255,255)',\r\n padding: '45px 30px',\r\n minHeight: 600,\r\n [theme.breakpoints.down(\"1100\")]: {\r\n width: '100%',\r\n minHeight: 'auto',\r\n },\r\n\r\n },\r\n gridItem: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n },\r\n cardStock: {\r\n margin: '5px 0px'\r\n },\r\n titleStock: {\r\n fontWeight: 'bold',\r\n },\r\n head: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n marginBottom: 20,\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n justifyContent: 'center',\r\n flexDirection: 'column'\r\n },\r\n },\r\n gridBtn: {\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n margin: \"10px 0px\",\r\n },\r\n },\r\n button: {\r\n backgroundColor: \"#E60001\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"8px\",\r\n marginRight: 10,\r\n width: 90,\r\n height: 44,\r\n boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n },\r\n },\r\n buttonDisable: {\r\n backgroundColor: \"gray\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"8px\",\r\n marginRight: 10,\r\n width: 90,\r\n height: 44,\r\n boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n },\r\n },\r\n gridHead: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n marginBottom: 20,\r\n [theme.breakpoints.down(\"400\")]: {\r\n justifyContent: 'center',\r\n flexDirection:'column-reverse'\r\n },\r\n },\r\n DeleteIcons: {\r\n fill: 'red',\r\n cursor: 'pointer',\r\n [theme.breakpoints.down(\"400\")]: {\r\n marginBottom:20\r\n },\r\n },\r\n titleHead: {\r\n fontSize: \"1.125rem\",\r\n fontWeight: 'bold',\r\n }\r\n}))\r\n\r\nexport default function Index({ stock, setStock, data }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch()\r\n\r\n const stateReducer = useSelector(state => state?.report_trade_detail_reducer)\r\n\r\n const handelChange = (stockKeys, indexItem, value) => {\r\n\r\n setStock((prev) => ({\r\n ...prev,\r\n [stockKeys]: {\r\n ...prev?.[stockKeys],\r\n ['keys']: prev?.[stockKeys]?.['keys']\r\n ?.map((item) => {\r\n if (indexItem === item?.label) {\r\n return { ...item, check: value }\r\n }\r\n return item\r\n })\r\n }\r\n }))\r\n }\r\n\r\n const handelDelteStock = (key) => {\r\n\r\n let obj = {}\r\n Object.keys(stock)\r\n .forEach((itemKeys) => {\r\n if (itemKeys !== key) {\r\n obj[itemKeys] = stock[itemKeys]\r\n }\r\n })\r\n setStock(obj)\r\n }\r\n\r\n const apiSubmit = () => {\r\n\r\n // if (!data?.from_date || !data?.to_date) {\r\n // alert('لطفا فیلد های تاریخ رو پر نمایید ')\r\n // return\r\n // }\r\n\r\n dispatch(({ type: actionTypes?.reportTradeDetailEmpty }))\r\n\r\n let obj = {}\r\n\r\n let a = Object.keys(stock)?.forEach((itemKeys) => {\r\n obj[itemKeys] = stock[itemKeys]?.['keys']?.filter((item) => item.check)?.map((item) => item?.id)\r\n })\r\n\r\n\r\n let payload = {\r\n data:\r\n {\r\n offer_symbols: {\r\n ...obj\r\n },\r\n // from_trade_date:'1402/09/16',\r\n // to_trade_date:'1402/10/16',\r\n // from_trade_date: data?.from_date ? dateMiladiToShamsi(data?.from_date?.split(' ')?.[0]) : '',\r\n // to_trade_date: data?.to_date ?dateMiladiToShamsi(data?.to_date?.split(' ')?.[0]) : '',\r\n }\r\n };\r\n\r\n dispatch(({ type: actionTypes?.reportTradeDetailAsync, payload: payload }))\r\n }\r\n\r\n return (\r\n \r\n {stateReducer.loading && (\r\n
\r\n دیتایی برای نمایش وجو ندارد
\r\n )}\r\n \r\n
)\r\n}\r\n","// install (please try to align the version of installed @nivo packages)\r\n// yarn add @nivo/line\r\nimport { ResponsiveLine } from '@nivo/line';\r\nimport React from 'react';\r\nimport moment from 'moment-jalaali';\r\nimport { convertDigitToEnglish } from '../../../../../../method/convertDigitToEnglish';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport { handleNumber } from '../../../../../../method/displayData';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n tooltip: {\r\n background: \"#fff\",\r\n padding: 10,\r\n border: \"0.5px solid #555\",\r\n borderRadius: 5,\r\n boxShadow: \"0px 0px 2px #000\",\r\n direction: \"rtl\",\r\n textAlign: \"left\",\r\n minWidth: \"310px\",\r\n },\r\n tooltipTitle: {\r\n fontWeight: 'bold',\r\n // \"inline-block font-bold\"\r\n },\r\n grid: {\r\n display: 'flex',\r\n justifyContent: 'flex-end',\r\n alignItems: 'flex-start',\r\n width: '100%',\r\n margin: '5px 0px'\r\n // grid grid-cols-12 gap3 w-full\r\n },\r\n charts:{\r\n height:600,\r\n minWidth:'550px !important'\r\n }\r\n}));\r\n\r\n\r\nconst MyResponsiveLine = ({ data /* see data tab */ }) => {\r\n\r\n const classes = useStyles();\r\n\r\n const formatDate = (dateString) => {\r\n const originalDate = new Date(dateString);\r\n const formattedDate = moment(originalDate).format('YYYY/MM/DD');\r\n return convertDigitToEnglish(formattedDate)\r\n };\r\n\r\n const tooltipBody = (d) => {\r\n\r\n const originalDate = new Date(d.point.data.x);\r\n const formattedDate = moment(originalDate).format('YYYY/MM/DD');\r\n\r\n return (\r\n \r\n
\r\n {\r\n Object?.keys(stock)\r\n ?.map((itemKey) => {\r\n return (\r\n \r\n
\r\n \r\n لیست کالاهای انتخاب شده :\r\n
\r\n\r\n {\r\n Object?.keys(stock)?.length !== 0 && (\r\n stateReducer?.loading ? '' : apiSubmit()}\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 Object?.keys(stock)?.length === 0 && (\r\n \r\n
\r\n
\r\n \r\n {\r\n stock?.[itemKey]?.['data']?.['body']?.['commodity_detail']?.['persianName']\r\n }\r\n {\r\n ` (${itemKey})`\r\n }\r\n
\r\n\r\n handelDelteStock(itemKey)}\r\n />\r\n
\r\n \r\n {\r\n stock?.[itemKey]?.['keys']\r\n .filter((cell) =>\r\n cell?.label === 'عرضه کننده' ||\r\n cell?.label === 'حجم کالای قابل عرضه' ||\r\n cell?.label === 'قیمت پایه' ||\r\n cell?.label === 'پایین ترین قیمت' ||\r\n cell?.label === 'بالاترین قیمت'\r\n )\r\n ?.map((itemChild, ind) => {\r\n return (\r\n \r\n handelChange(itemKey, itemChild?.label, e.target.checked)}\r\n />\r\n }\r\n label={\r\n itemChild?.label\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 const tooltipStyle = (d) => {\r\n let x = 150;\r\n let y = 0;\r\n\r\n if (d.point.x > 120) {\r\n x = 10;\r\n }\r\n if (d.point.x > 260) {\r\n x = -155;\r\n }\r\n\r\n if (d.point.y < 120) {\r\n y = 120;\r\n }\r\n\r\n return { transform: `translate(${x}px,${y}px)` };\r\n };\r\n\r\n\r\n return (\r\n {d.point.serieId}
\r\n \r\n
\r\n {` ${convertDigitToEnglish(formattedDate)} `}
\r\n : تاریخ
\r\n \r\n
\r\n {` ${handleNumber(d.point.data.y)} `}
\r\n : مقدار
\r\n \r\n tooltipBody(d)}\r\n \r\n\r\n curve=\"monotoneX\"\r\n xFormat='time:%YYYY/%MM/%DD'\r\n xScale={{\r\n format: '%YYYY/%MM/%DD',\r\n precision: 'day',\r\n type: 'time',\r\n useUTC: false\r\n }}\r\n data={data}\r\n margin={{ top: 50, right: 110, bottom: 70, left: 60 }}\r\n yScale={{\r\n type: 'linear',\r\n }}\r\n // yFormat=\" >-.2f\"\r\n axisTop={null}\r\n axisRight={null}\r\n axisBottom={{\r\n orient: \"bottom\",\r\n tickSize: 5,\r\n tickPadding: 60,\r\n tickRotation: -90,\r\n legend: \"\",\r\n legendOffset: 36,\r\n format: (dateString) => formatDate(dateString),\r\n }}\r\n axisLeft={{\r\n // tickSize: 5,\r\n tickPadding: 40,\r\n tickRotation: 0,\r\n legend: '',\r\n legendOffset: -150,\r\n legendPosition: 'middle'\r\n }}\r\n pointSize={10}\r\n pointColor={{ theme: 'background' }}\r\n pointBorderWidth={2}\r\n pointBorderColor={{ from: 'serieColor' }}\r\n pointLabelYOffset={-12}\r\n useMesh={true}\r\n legends={[\r\n {\r\n anchor: 'top-right',\r\n direction: 'column',\r\n // direction: 'row',\r\n justify: true,\r\n translateX: 100,\r\n translateY: -30,\r\n itemsSpacing: 0,\r\n // itemDirection: 'left-to-right',\r\n itemDirection: 'right-to-left',\r\n itemWidth: 15,\r\n itemHeight: 25,\r\n itemOpacity: 1,\r\n symbolSize: 12,\r\n symbolShape: 'circle',\r\n symbolBorderColor: 'rgba(0, 0, 0, .5)',\r\n effects: [\r\n {\r\n on: 'hover',\r\n style: {\r\n itemBackground: 'rgba(0, 0, 0, .03)',\r\n itemOpacity: 1\r\n }\r\n }\r\n ]\r\n }\r\n ]}\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default MyResponsiveLine","import React, { useEffect, useState } from \"react\";\r\nimport { CircularProgress, makeStyles } from \"@material-ui/core\";\r\nimport CardChartsLiner from './chartLiner/index'\r\nimport { useSelector } from \"react-redux\";\r\nimport CardNodata from './../../../../../common/cardNoData';\r\n// import LineCHarts from './../../../../../common/charts/lineChart';\r\nimport LineCHarts from './chartLiner';\r\n\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n position: 'relative',\r\n width: '59%',\r\n boxShadow: 'rgba(0, 0, 0, 0.06) 0px 0px 20px 0px',\r\n borderRadius: 10,\r\n backgroundColor: 'rbg(255,255,255)',\r\n padding: '45px 30px',\r\n minHeight: 600,\r\n height: 600,\r\n padding: '45px 30px',\r\n [theme.breakpoints.down(\"1100\")]: {\r\n width: '100%',\r\n minHeight: 'auto',\r\n overflow:'auto'\r\n },\r\n },\r\n title: {\r\n fontSize: \"1.125rem\",\r\n fontWeight: 'bold',\r\n marginBottom: 20,\r\n },\r\n gridLoading: {\r\n position: 'absulote',\r\n top: 0,\r\n width: '100%',\r\n height: 550,\r\n backgroundColor: 'rgba(0,0,0,0.1)',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center'\r\n }\r\n}))\r\n\r\nexport default function Index({ }) {\r\n\r\n let classes = useStyles();\r\n\r\n const [state, setstate] = useState({\r\n data: [],\r\n keys: []\r\n });\r\n\r\n\r\n const stateReducer = useSelector(state => state?.report_trade_detail_reducer)\r\n\r\n\r\n\r\n let sortedDate = (array) => {\r\n\r\n let reslute = array.sort(function (a, b) {\r\n let bb = new Date(b?.x)\r\n let aa = new Date(a?.x);\r\n return bb - aa\r\n });\r\n return reslute ? reslute : []\r\n }\r\n\r\n useEffect(() => {\r\n if (stateReducer?.data?.length) {\r\n let data = []\r\n let categoriData = {}\r\n let res = stateReducer?.data?.forEach((item) => {\r\n let a = Object.keys(item)\r\n ?.forEach((child) => {\r\n let elem = item?.[child]\r\n let x = item[child]?.forEach((chart) => {\r\n let { manufacturer_detail, ...rest } = chart?.body\r\n let listKeys = Object.keys(rest)\r\n let b = listKeys?.forEach((key) => {\r\n if (key !== 'trade_date') {\r\n data.push({\r\n id: key + \"_name_\" + child,\r\n x: chart?.body?.[key],\r\n y: chart?.body?.['trade_date'],\r\n name: elem?.[0] ? elem?.[0]?.body?.manufacturer_detail?.persianName : child,\r\n })\r\n }\r\n })\r\n })\r\n }\r\n )\r\n })\r\n \r\n let KeysPersian = {\r\n 'offer_base_price': 'قیمت پایه',\r\n 'final_weighted_average_price': 'عرضه کننده',\r\n 'offer_volume': 'حجم',\r\n 'minimum_price':'پایین ترین قیمت',\r\n 'maximum_price':'بالاترین قیمت'\r\n }\r\n\r\n let c = data?.forEach((item) => {\r\n categoriData[item?.id] = {\r\n id: `${item?.name} ${KeysPersian?.[item?.id?.split('_name_')?.[0]] ? \"(\" + KeysPersian?.[item?.id?.split('_name_')?.[0]] + \")\" : ''}`,\r\n color: '',\r\n name: item?.name,\r\n data: sortedDate(\r\n (categoriData?.[item?.id]?.data ? categoriData?.[item?.id]?.data : []).concat([\r\n {\r\n x: new Date(`${item?.y} 00:00:00`),\r\n y: item?.x\r\n },\r\n ]))?.reverse()\r\n }\r\n })\r\n\r\n if (Object.keys(categoriData)?.length) {\r\n setstate({ data: Object.keys(categoriData)?.map((key) => categoriData[key]), keys: [] })\r\n }\r\n }\r\n\r\n }, [stateReducer.data]);\r\n\r\n\r\n\r\n return (\r\n \r\n {\r\n stateReducer?.loading && (\r\n
)\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport Filters from './components/inputs/'\r\nimport Tables from './components/tables';\r\nimport TablesStock from './components/tablesStock';\r\nimport ChartsLiner from './components/charts/index';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n padding: '20px',\r\n [theme.breakpoints.down(\"700\")]: {\r\n width:'100%',\r\n padding: '5px',\r\n },\r\n },\r\n grid: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'flex-start',\r\n marginTop: 20,\r\n [theme.breakpoints.down(\"1100\")]: {\r\n flexDirection:'column'\r\n },\r\n }\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n const [stock, setStock] = useState({});\r\n const [state, setState] = useState({\r\n commodity_id: null,\r\n main_category: null,\r\n category: null,\r\n sub_category: null,\r\n date_from: null,\r\n date_to: null,\r\n });\r\n\r\n const [page, setPage] = useState(0);\r\n const [rowsPerPage] = useState(10);\r\n const [flegApi, setFlagApi] = useState(false);\r\n\r\n\r\n return (\r\n <>\r\n \r\n
\r\n )\r\n }\r\n {\r\n state?.data?.length !== 0 && (\r\n <>\r\n {\r\n !stateReducer?.loading && (\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","import React, { useEffect, useState } from \"react\";\r\nimport { Box, makeStyles, TextField } from \"@material-ui/core\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actionTypes } from \"../../../../../../../redux/bourse/select_commodities\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"270px\",\r\n height:50,\r\n margin:5,\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n [theme.breakpoints.down(\"950\")]: {\r\n minWidth: '48%',\r\n },\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box:{\r\n margin:0,\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const stateReducer = useSelector((state) => state.select_commodities_reducer);\r\n const [value, setValue] = useState('');\r\n\r\n\r\n const apiSubmit = () => {\r\n let payload = {\r\n data: value\r\n ? {\r\n persianName: value\r\n }\r\n : {},\r\n size: 1000,\r\n }\r\n dispatch({\r\n type: actionTypes.selectCommoditiesBourseAsync,\r\n payload: payload,\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n apiSubmit();\r\n }, [value]);\r\n\r\n const handelChangeState = (event) => {\r\n setValue(event?.target?.value)\r\n }\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n option?.id}\r\n value={state?.['commodity_id']?.id }\r\n onChange={(event, value) => handleChange(value, \"commodity_id\")}\r\n onKeyUp={(event) => handelChangeState(event)}\r\n noOptionsText={\r\n stateReducer?.loading \r\n ? \"در حال بارگذاری...\" \r\n :stateReducer?.data?.length === 0\r\n ?'کالای یافت نشد'\r\n :null\r\n }\r\n renderInput={(params) => (\r\n \r\n // {stateReducer?.loading ? \"Loading...\" : null}\r\n // {/* {params.InputProps.endAdornment} */}\r\n \r\n // \r\n // ),\r\n // }}\r\n />\r\n )}\r\n />\r\n \r\n
)\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Box, makeStyles, TextField } from \"@material-ui/core\";\r\nimport { Autocomplete } from \"@material-ui/lab\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { actionTypes } from \"../../../../../../../redux/bourse/select_manufacturer\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"270px\",\r\n height: 50,\r\n margin: 5,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n [theme.breakpoints.down(\"950\")]: {\r\n minWidth: '48%',\r\n },\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 0,\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n const [value, setValue] = useState('');\r\n const [filteredOptions, setFilteredOptions] = useState([]);\r\n\r\n const stateReducer = useSelector((state) => state.bourse_select_manufacturer_reducer);\r\n\r\n\r\n const apiSubmit = () => {\r\n\r\n dispatch({\r\n type: actionTypes.selectManufacturerBourseAsync,\r\n payload: state['commodity_id']?.data?.commodity_id\r\n ? {\r\n data: {\r\n commodity_id: state['commodity_id']?.data?.commodity_id\r\n },\r\n // sort_by:'asc'\r\n // sort_by:'desc'\r\n }\r\n : { \r\n // sort_by:'asc'\r\n },\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n apiSubmit();\r\n }, [state['commodity_id']]);\r\n\r\n\r\n const handelChangeState = (event) => {\r\n\r\n const newFilteredOptions = stateReducer?.data.filter((option) =>\r\n option?.id?.toLowerCase()?.includes(event?.target?.value.toLowerCase())\r\n );\r\n\r\n setValue(event?.target?.value)\r\n }\r\n\r\n\r\n return (\r\n \r\n\r\n \r\n option.id}\r\n value={state?.['manufacturer_id'] ? state?.['manufacturer_id'] : null}\r\n onChange={(event, value) => handleChange(value, \"manufacturer_id\")}\r\n onKeyUp={(event) => handelChangeState(event)}\r\n\r\n noOptionsText={\r\n stateReducer?.loading\r\n ? \"در حال بارگذاری...\"\r\n : filteredOptions?.length === 0\r\n ? 'کالای یافت نشد'\r\n : null\r\n }\r\n renderInput={(params) => (\r\n
)\r\n}\r\n","import React from \"react\";\r\nimport { Box, makeStyles } from \"@material-ui/core\";\r\nimport DatePicker from \"../../../../../../common/datePicker\";\r\nimport { convertDigitToEnglish } from \"./../../../../../../method/convertDigitToEnglish\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"270px\",\r\n marginRight: '9%',\r\n [theme.breakpoints.down(\"950\")]: {\r\n minWidth: '48%',\r\n },\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n marginRight: 0,\r\n },\r\n },\r\n box: {\r\n // margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state }) {\r\n\r\n let classes = useStyles();\r\n\r\n\r\n const handelChangeDate = (data, type) => {\r\n\r\n if (!data) {\r\n handleChange(null, type)\r\n return\r\n }\r\n\r\n let date = convertDigitToEnglish(data?.format(\"YYYY/MM/DD\"));\r\n date = `${date} 00:00:00.000000`;\r\n\r\n handleChange(date, type)\r\n\r\n };\r\n\r\n return (\r\n \r\n \r\n handelChangeDate(data, \"from_date\")}\r\n />\r\n \r\n
\r\n )\r\n}\r\n\r\n\r\n\r\n","import React from \"react\";\r\nimport { Box, makeStyles } from \"@material-ui/core\";\r\nimport DatePicker from \"./../../../../../../common/datePicker\";\r\nimport { convertDigitToEnglish } from \"./../../../../../../method/convertDigitToEnglish\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"270px\",\r\n // marginLeft:'6%',\r\n [theme.breakpoints.down(\"950\")]: {\r\n minWidth: '48%',\r\n },\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n // margin: 10,\r\n [theme.breakpoints.down(\"700\")]: {\r\n margin: '10px 0px',\r\n width: '100%',\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ handleChange, state }) {\r\n\r\n let classes = useStyles();\r\n\r\n const handelChangeDate = (data, type) => {\r\n\r\n // let date = convertDigitToEnglish(data?.format(\"YYYY/MM/DD\"));\r\n let date = convertDigitToEnglish(data?.format(\"YYYY/MM/DD\"));\r\n date = `${date} 00:00:00.000000`;\r\n\r\n handleChange(date, type)\r\n\r\n };\r\n\r\n return (\r\n \r\n \r\n handelChangeDate(data, \"to_date\")}\r\n />\r\n \r\n
\r\n )\r\n}\r\n\r\n\r\n\r\n","import React from \"react\";\r\nimport { Box, makeStyles, MenuItem, TextField } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"270px\",\r\n height:50,\r\n margin:5,\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n [theme.breakpoints.down(\"950\")]: {\r\n minWidth: '48%',\r\n },\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box:{\r\n margin:0,\r\n }\r\n}))\r\n\r\nexport default function Index({ state, handleChange }) {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n handleChange(+event.target.value, \"currency_id\")}\r\n helperText=\"\"\r\n size=\"small\"\r\n fullWidth\r\n variant=\"outlined\"\r\n label={'نوع معامله'}\r\n >\r\n\r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n
)\r\n}\r\n","import React from \"react\";\r\nimport { Box, makeStyles, MenuItem, TextField } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"270px\",\r\n height:50,\r\n margin:5,\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n [theme.breakpoints.down(\"950\")]: {\r\n minWidth: '48%',\r\n },\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box:{\r\n margin:0,\r\n }\r\n}))\r\n\r\nexport default function Index({ state, handleChange }) {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n handleChange(+event.target.value, \"settlement_type_id\")}\r\n helperText=\"\"\r\n size=\"small\"\r\n fullWidth\r\n variant=\"outlined\"\r\n label={'نوع تسویه'}\r\n >\r\n \r\n \r\n \r\n \r\n \r\n \r\n
)\r\n}\r\n","import React from \"react\";\r\nimport { Box, makeStyles, MenuItem, TextField } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"270px\",\r\n height: 50,\r\n margin: 5,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n [theme.breakpoints.down(\"950\")]: {\r\n minWidth: '48%',\r\n },\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n },\r\n },\r\n box: {\r\n margin: 0,\r\n }\r\n}))\r\n\r\nexport default function Index({ state, handleChange }) {\r\n\r\n let classes = useStyles();\r\n\r\n const packingOptions = [\r\n { value: '1', label: 'پالت چوبی' },\r\n { value: '2', label: 'پالت فلزی' },\r\n { value: '3', label: 'فله' },\r\n { value: '4', label: 'کیسه' },\r\n { value: '5', label: 'جامبوبگ' },\r\n { value: '6', label: 'کپسول 60' },\r\n { value: '7', label: 'کپسول 90' },\r\n { value: '8', label: 'کپسول 120' },\r\n { value: '9', label: 'شمش' },\r\n { value: '10', label: 'عدل' },\r\n { value: '11', label: 'شاخه' },\r\n { value: '12', label: 'بشکه' },\r\n { value: '13', label: 'لیتر' },\r\n { value: '14', label: 'کلاف' },\r\n { value: '15', label: 'رول' },\r\n { value: '16', label: 'کارتن' },\r\n { value: '17', label: 'سایر' },\r\n { value: '18', label: 'پالت پلاستیکی' },\r\n { value: '19', label: 'بیتوپلاست' },\r\n { value: '20', label: 'بیتوپک' },\r\n ];\r\n\r\n const sortedOptions = packingOptions.sort((a, b) => a.label.localeCompare(b.label, 'fa'));\r\n\r\n return (\r\n \r\n \r\n handleChange(+event.target.value, \"packaging_type_id\")}\r\n helperText=\"\"\r\n size=\"small\"\r\n fullWidth\r\n variant=\"outlined\"\r\n label={'بسته بندی'}\r\n >\r\n {sortedOptions.map((option) => (\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 \r\n \r\n \r\n */}\r\n \r\n \r\n
)\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport InputSDataSearch from './dataSearch';\r\nimport InputDataManufacturer from './DataManufacturer';\r\nimport InputsDateFrom from './dateFrom';\r\nimport InputsDateTo from './dateTo';\r\n// import InputsMainGroups from './maingroups';\r\n// import InputsGroups from './groups';\r\n// import InputsSubGroups from './subgroups';\r\n// import InputsSubProducer from './producer';\r\nimport TransactionType from './TransactionType';\r\nimport SettlementType from './SettlementType';\r\nimport PachingType from './pachingType';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '90%',\r\n // width: '1620px',\r\n minWidth:1447,\r\n padding: '20px',\r\n borderRadius: '10px',\r\n backgroundColor: '#FFFFFF',\r\n margin: 'auto',\r\n position: 'absolute',\r\n left: '50%',\r\n transform: \"translate(-50%, -50%)\",\r\n zIndex: 2,\r\n border: '1px solid #E3E3E3',\r\n [theme.breakpoints.down(\"1550\")]: {\r\n minWidth: '99%',\r\n },\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n padding: '20px',\r\n position: 'relative',\r\n left: '0',\r\n transform: \"none\",\r\n },\r\n },\r\n\r\n inputs: {\r\n // width: '100%',\r\n width: '100%',\r\n // maxWidth:'99%',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'space-between',\r\n flexWrap: 'wrap',\r\n margin: \"15px 0px\",\r\n\r\n [theme.breakpoints.down(\"700\")]: {\r\n justifyContent: 'center',\r\n },\r\n },\r\n inputsDate: {\r\n // width: '100%',\r\n display: 'flex',\r\n // justifyContent: 'space-between',\r\n alignItems:'center',\r\n width:'50%',\r\n [theme.breakpoints.down(\"700\")]: {\r\n width:'98%',\r\n margin:'auto',\r\n flexDirection:'column',\r\n },\r\n },\r\n gridDate: {\r\n width: '99.5%',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n flexWrap: 'wrap',\r\n margin: \"15px 0px\",\r\n \r\n [theme.breakpoints.down(\"700\")]: {\r\n marginTop:0,\r\n },\r\n \r\n \r\n },\r\n button: {\r\n backgroundColor: \"#E60001\",\r\n color: \"white\",\r\n border: 0,\r\n minWidth:250,\r\n height:44,\r\n marginTop:5,\r\n borderRadius: \"8px\",\r\n // marginRight: 10,\r\n width: 90,\r\n height: 44,\r\n boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px',\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n margin: 'auto',\r\n },\r\n\r\n },\r\n\r\n\r\n gridBtn: {\r\n [theme.breakpoints.down(\"700\")]: {\r\n width: '100%',\r\n margin: 'auto',\r\n margin: \"10px 0px\",\r\n marginTop:20,\r\n },\r\n },\r\n color: {\r\n color: '#E60001'\r\n }\r\n}))\r\n\r\nexport default function Index({ state, setState, setFlagApi }) {\r\n\r\n let classes = useStyles();\r\n\r\n const handleChange = (value, key) => {\r\n setState({\r\n ...state,\r\n [key]: value,\r\n });\r\n };\r\n\r\n\r\n return (\r\n \r\n\r\n
)\r\n}\r\n","export const columns = [\r\n // {\r\n // id: \"Attachment\",\r\n // label: \"پیوست\",\r\n // minWidth: 120,\r\n // align: \"center\"\r\n // },\r\n // {\r\n // id: \"cBrokerSpcName\",\r\n // label: \"کارگزار\",\r\n // minWidth: 120,\r\n // align: \"center\"\r\n // },\r\n {\r\n id: \"trade_date\",\r\n label: \"تاریخ عرضه\",\r\n minWidth: 120,\r\n align: \"center\"\r\n },\r\n {\r\n id: \"commodity_id\",\r\n label: \"نام کالا\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n\r\n {\r\n id: \"offer_symbol\",\r\n label: \"نماد\",\r\n minWidth: 120,\r\n align: \"left\",\r\n },\r\n {\r\n id: \"manufacturer_id\",\r\n label: \"تولید کننده\",\r\n minWidth: 120,\r\n align: \"right\",\r\n },\r\n\r\n {\r\n id: \"offer_volume\",\r\n label: \"حجم کالای قابل عرضه\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"contract_type_id\",\r\n label: \"نوع قرارداد\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"offer_base_price\",\r\n label: \"قیمت پایه\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"maximum_price\",\r\n label: \"بالاترین قیمت\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"minimum_price\",\r\n label: \"پایین ترین قیمت\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"final_weighted_average_price\",\r\n label: \"قیمت پایانی\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"supplier_id\",\r\n label: \"مکان تحویل\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"currency_id\",\r\n label: \"نوع ارز\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"measurement_unit_id\",\r\n label: \"واحد\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"settlement_type_name\",\r\n label: \"نوع تسویه\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"packaging_type_name\",\r\n label: \"بسته بندی\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"list\",\r\n label: \" مقایسه\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n];\r\n","import React, { useEffect } from \"react\";\r\nimport { Checkbox, FormControlLabel, FormGroup, makeStyles, styled, Switch, TableCell, TableRow } from \"@material-ui/core\";\r\n\r\nimport { handleNumber } from \"../../../../../../method/displayData\";\r\nimport { pink } from \"@material-ui/core/colors\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"35%\",\r\n minWidth: \"33%\",\r\n minHeight: \"25vh\",\r\n overflow: \"auto\",\r\n backgroundColor: \"white\",\r\n padding: 15,\r\n borderRadius: 5,\r\n border: \"none\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"90%\",\r\n maxHeight: \"80vh\",\r\n },\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n border: \"none\",\r\n overflow: \"auto\",\r\n },\r\n checkbox: {\r\n color: \"#808080\",\r\n '&.Mui-checked': {\r\n color: \"#E60001\",\r\n },\r\n },\r\n checkboxdisable: {\r\n color: \"rgba(0, 0, 0, 0.6)\",\r\n backgroundColor:\"rgba(0, 0, 0, 0.6)\",\r\n '&.Mui-checked': {\r\n color: \"rgba(0, 0, 0, 0.6)\",\r\n backgroundColor:\"rgba(0, 0, 0, 0.6)\"\r\n },\r\n }\r\n}))\r\n\r\nconst StyledTableRow = styled(TableRow)(({ theme }) => ({\r\n \"&:nth-of-type(even)\": {\r\n backgroundColor: \"#F2F4F6\",\r\n // backgroundColor: \"rgba(11,23,66,0.2)\",\r\n cursor: 'pointer',\r\n color: 'rgb(11,23,66)',\r\n \"&:hover\": {\r\n backgroundColor: \"rgba(11,23,66,0.1)\",\r\n }\r\n },\r\n \"&:nth-of-type(odd)\": {\r\n cursor: 'pointer',\r\n // backgroundColor: \"#F2F4F6\",\r\n // backgroundColor: \"rgba(11,23,66,0.2)\",\r\n \"&:hover\": {\r\n // backgroundColor:'red',\r\n backgroundColor: \"rgba(11,23,66,0.1)\",\r\n }\r\n },\r\n // hide last border\r\n \"&:last-child td, &:last-child th\": {\r\n border: 0,\r\n },\r\n\r\n}));\r\n\r\n\r\nexport default function Index({ info, index, handleLink, stock, setStock }) {\r\n\r\n let classes = useStyles();\r\n const [flag, setFlag] = React.useState(false);\r\n\r\n let handelData = (flag) => {\r\n let data = info;\r\n\r\n if (!flag) {\r\n removeData()\r\n }\r\n if (flag) {\r\n insertData()\r\n }\r\n }\r\n\r\n const insertData = () => {\r\n if (Object.keys(stock)?.length === 5 && !flag) {\r\n alert('بیشتر از پنج مورد نمی توانید انتخاب نمایید')\r\n return\r\n }\r\n let data = info;\r\n setStock(prev => ({\r\n [data?.id]: data,\r\n ...prev\r\n }))\r\n }\r\n\r\n const removeData = () => {\r\n let data = info;\r\n\r\n\r\n let obj = {}\r\n Object.keys(stock)\r\n .forEach((itemKeys) => {\r\n if (itemKeys !== data?.id) {\r\n obj[itemKeys] = stock[itemKeys]\r\n }\r\n })\r\n\r\n setStock(obj)\r\n }\r\n\r\n useEffect(() => {\r\n if (!stock[info?.id]) {\r\n setFlag(false)\r\n }\r\n if (stock[info?.id]) {\r\n setFlag(true)\r\n }\r\n }, [stock]);\r\n\r\n\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 \r\n setFlagApi(prev => !prev)}\r\n >\r\n فیلتر معاملات\r\n \r\n
\r\n \r\n {\r\n open && (\r\n
\r\n \r\n {\r\n count >= 2 && (\r\n {\r\n setPagnation(+page)\r\n }}\r\n />\r\n )\r\n }\r\n
\r\n );\r\n}\r\n\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Box, LinearProgress, makeStyles, Paper, styled, Table, TableBody, TableCell, TableContainer, TableHead, TablePagination, TableRow } from \"@material-ui/core\";\r\nimport { actionTypes } from \"../../../../../../redux/bourse/select_instruments\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { columns } from \"./thead\";\r\nimport ThbodyCustom from './thBody';\r\nimport { dateMiladiToShamsi } from \"../../../../../method/date\";\r\nimport Pagination from './../../../../../common/pagination/';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '90%',\r\n minWidth: 1447,\r\n margin: 'auto',\r\n backgroundColor: 'white !important',\r\n // padding:'5px 0px'\r\n marginTop: 10,\r\n [theme.breakpoints.down(\"1550\")]: {\r\n width: '100%',\r\n minWidth: '99%',\r\n },\r\n },\r\n gridTable: {\r\n width: '100%',\r\n },\r\n container: {\r\n '& table thead tr:nth-child(odd) th': {\r\n // backgroundColor:' #0B1742 !important',\r\n color: '#0B1742 !important'\r\n }\r\n },\r\n pagination: {\r\n margin: '30px 0px',\r\n '& .MuiPaginationItem-root': {\r\n backgroundColor: 'none',\r\n border: 'none',\r\n '&:hover': {\r\n backgroundColor: 'rgba(230,0,1,0.5)',\r\n color: '#ffffff',\r\n },\r\n '&.Mui-selected': {\r\n backgroundColor: '#E60001',\r\n color: '#ffffff',\r\n '&:hover': {\r\n backgroundColor: '#E60001',\r\n },\r\n },\r\n },\r\n },\r\n noData: {\r\n height: 60,\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n paddingLeft: 20,\r\n }\r\n}))\r\n\r\nlet indexUser = 0\r\n\r\n\r\nexport default function Index({ state, flegApi, stock, setStock }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n\r\n const [dataStock, setDataStock] = useState([]);\r\n\r\n const stateReducer = useSelector((state) => state.bourse_select_instruments_reducer);\r\n const [pagnation, setPagnation] = useState({\r\n number: 1,\r\n count: 2\r\n });\r\n\r\n\r\n const apiCallInstruments = (flag) => {\r\n let { size } = stateReducer;\r\n\r\n let obj = {};\r\n let from = pagnation?.number;\r\n\r\n Object.keys(state).forEach((element) => {\r\n if (state[element]) {\r\n obj[element] = state[element]?.['code'] ? state[element]?.['code'] : state[element];\r\n }\r\n });\r\n\r\n if (indexUser && (!obj?.from_date || !obj?.to_date) && !flag) {\r\n alert('فیلد های تاریخ اجباری می باشد ')\r\n return\r\n }\r\n\r\n if (obj?.from_date) {\r\n obj = {\r\n ...obj,\r\n from_date: dateMiladiToShamsi(obj?.from_date?.split(' ')?.[0])\r\n }\r\n }\r\n\r\n if (obj?.to_date) {\r\n obj = {\r\n ...obj,\r\n to_date: dateMiladiToShamsi(obj?.to_date?.split(' ')?.[0])\r\n }\r\n }\r\n\r\n if (obj?.commodity_id) {\r\n obj = {\r\n ...obj,\r\n commodity_id: +obj?.commodity_id?.data?.commodity_id\r\n }\r\n }\r\n\r\n if (obj?.manufacturer_id) {\r\n obj = {\r\n ...obj,\r\n manufacturer_id: +obj?.manufacturer_id?.data?.manufacturer_id\r\n }\r\n }\r\n\r\n // let data = { ...obj, currency_id: 1 };\r\n let data = { ...obj };\r\n\r\n dispatch({\r\n type: actionTypes.selectInstrumentsAsync,\r\n payload: { data, size, from },\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n apiCallInstruments()\r\n }, [flegApi]);\r\n\r\n useEffect(() => {\r\n apiCallInstruments(true)\r\n }, [pagnation?.number]);\r\n\r\n\r\n // useEffect(() => {\r\n // apiCallInstruments()\r\n // }, [state]);\r\n\r\n\r\n useEffect(() => {\r\n indexUser = ++indexUser\r\n return () => {\r\n dispatch({\r\n type: actionTypes.selectInstrumentsEmpty,\r\n });\r\n indexUser = 0\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n setDataStock(stateReducer?.data)\r\n setPagnation((prev) => ({\r\n ...prev,\r\n count: Math.ceil(stateReducer.total / stateReducer.size),\r\n }));\r\n }, [stateReducer]); //eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n\r\n\r\n\r\n const handleLink = (text) => {\r\n return پیوست
\r\n };\r\n\r\n const handelPagnation = (value) => {\r\n setPagnation((prev) => ({ ...prev, number: value }))\r\n\r\n }\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 {\r\n pagnation.count >= 2 && (\r\n handelPagnation(_data)}\r\n />\r\n )\r\n }\r\n
)\r\n}\r\n","export const columns = [\r\n\r\n {\r\n id: \"commodity_id\",\r\n label: \"نام کالا\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"minimum_price\",\r\n label: \"پایین ترین قیمت\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"maximum_price\",\r\n label: \"بالاترین قیمت\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"offer_base_price\",\r\n label: \"قیمت پایه\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"offer_volume\",\r\n label: \"حجم عرضه\",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n {\r\n id: \"\",\r\n label: \" \",\r\n minWidth: 120,\r\n align: \"center\",\r\n },\r\n\r\n];\r\n","import React, { useEffect } from \"react\";\r\nimport { makeStyles, styled, TableCell, TableRow } from \"@material-ui/core\";\r\n\r\nimport { handleNumber } from \"../../../../../../../method/displayData\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: \"35%\",\r\n minWidth: \"33%\",\r\n minHeight: \"25vh\",\r\n overflow: \"auto\",\r\n backgroundColor: \"white\",\r\n padding: 15,\r\n borderRadius: 5,\r\n border: \"none\",\r\n [theme.breakpoints.down(\"sm\")]: {\r\n width: \"90%\",\r\n maxHeight: \"80vh\",\r\n },\r\n },\r\n modal: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n border: \"none\",\r\n overflow: \"auto\",\r\n },\r\n}))\r\n\r\nconst StyledTableRow = styled(TableRow)(({ theme }) => ({\r\n \"&:nth-of-type(even)\": {\r\n backgroundColor: \"#F2F4F6\",\r\n // backgroundColor: \"rgba(11,23,66,0.2)\",\r\n cursor: 'pointer',\r\n color: 'rgb(11,23,66)',\r\n \"&:hover\": {\r\n backgroundColor: \"rgba(11,23,66,0.1)\",\r\n }\r\n },\r\n \"&:nth-of-type(odd)\": {\r\n cursor: 'pointer',\r\n // backgroundColor: \"#F2F4F6\",\r\n // backgroundColor: \"rgba(11,23,66,0.2)\",\r\n \"&:hover\": {\r\n // backgroundColor:'red',\r\n backgroundColor: \"rgba(11,23,66,0.1)\",\r\n }\r\n },\r\n // hide last border\r\n \"&:last-child td, &:last-child th\": {\r\n border: 0,\r\n },\r\n}));\r\n\r\n\r\nexport default function Index({ info, index, handleLink, stock, setStock }) {\r\n\r\n let classes = useStyles();\r\n const [flag, setFlag] = React.useState(false);\r\n\r\n let handelData = (flag) => {\r\n if (!flag) {\r\n removeData(\r\n () => setFlag(flag)\r\n )\r\n }\r\n if (flag) {\r\n insertData(\r\n () => setFlag(flag)\r\n )\r\n }\r\n }\r\n\r\n const insertData = (cb) => {\r\n\r\n let data = info;\r\n setStock(prev => ({\r\n [data?.id]: data,\r\n ...prev\r\n }))\r\n\r\n let callBack = cb\r\n callBack()\r\n\r\n }\r\n\r\n const removeData = (cb) => {\r\n let data = info;\r\n\r\n\r\n let obj = {}\r\n Object.keys(stock)\r\n .forEach((itemKeys) => {\r\n if (itemKeys !== data?.id) {\r\n obj[itemKeys] = stock[itemKeys]\r\n }\r\n })\r\n\r\n setStock(obj)\r\n\r\n let callBack = cb\r\n callBack()\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {stateReducer.loading && (\r\n
\r\n | \r\n \r\n {\r\n stateReducer.loading\r\n ? 'در حال بارگذاری...'\r\n : ' دیتایی برای نمایش وجو ندارد'\r\n }\r\n\r\n\r\n \r\n | \r\n
{\r\n handelData(false);\r\n }}\r\n\r\n />\r\n \r\n \r\n \r\n )\r\n}\r\n\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport { columns } from \"./thead\";\r\nimport ThbodyCustom from './thBody';\r\n\r\nimport { Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n\r\n}))\r\n\r\nexport default function Index({ data , stock , setStock }) {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n {Object?.keys(data)?.lenght === 0 && (\r\n \r\n \r\n
)\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { } from \"@material-ui/core\";\r\nimport { Checkbox, FormControlLabel, FormGroup, makeStyles, styled, Switch, TableCell, TableRow } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n checkbox: {\r\n color: \"#808080\",\r\n '&.Mui-checked': {\r\n color: \"#E60001\",\r\n },\r\n },\r\n FormGroup:{\r\n display: 'flex',\r\n justifyContent: 'center', \r\n alignItems: 'center',\r\n width: '100%',\r\n [theme.breakpoints.down(\"500\")]: {\r\n justifyContent: 'flex-start', \r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ keysStock, data, handelChange }) {\r\n\r\n let classes = useStyles();\r\n const [flag, setFlag] = React.useState(false);\r\n\r\n\r\n return (\r\n دیتایی برای نمایش وجو ندارد
\r\n )}\r\n \r\n \r\n handelChange(data?.key, e.target.checked)}\r\n />\r\n }\r\n label={data?.label}\r\n />\r\n \r\n
)\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport CheckboxCustom from './Check';\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root:{\r\n // marginTop: 50,\r\n width: '100%',\r\n boxShadow: 'rgba(0, 0, 0, 0.06) 0px 0px 20px 0px',\r\n borderRadius: 10,\r\n minHeight: 150,\r\n backgroundColor: 'rbg(255,255,255)',\r\n padding: '45px 30px',\r\n \r\n [theme.breakpoints.down(\"1100\")]: {\r\n width: '100%',\r\n minHeight: 'auto',\r\n },\r\n },\r\n titleHead: {\r\n fontSize: \"1.125rem\",\r\n fontWeight: 'bold',\r\n },\r\n grid:{\r\n display:'flex',\r\n flexWrap:'wrap',\r\n [theme.breakpoints.down(\"500\")]: {\r\n width:'100%',\r\n flexDirection:'column',\r\n justifyContent:'flex-start',\r\n \r\n },\r\n },\r\n button: {\r\n backgroundColor: \"#E60001\",\r\n color: \"white\",\r\n border: 0,\r\n minWidth:250,\r\n height:44,\r\n marginTop:5,\r\n borderRadius: \"8px\",\r\n // marginRight: 10,\r\n width: 90,\r\n height: 44,\r\n boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '98%',\r\n margin: 'auto',\r\n },\r\n },\r\n\r\n\r\n gridBtn: {\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n margin: \"10px 0px\",\r\n },\r\n },\r\n}))\r\n\r\nexport default function Index({ keysStock, setkeysStock , apiSubmit }) {\r\n\r\n let classes = useStyles();\r\n\r\n const handelChange = (type, value) => {\r\n setkeysStock((prev) => ({\r\n ...prev,\r\n [type]: value,\r\n })\r\n )\r\n }\r\n \r\n\r\n return (\r\n \r\n
)\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\nimport CardNodata from './../../../../../common/cardNoData';\r\nimport { actionTypes } from './../../../../../../redux/bourse/report_trade_detail';\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\n\r\nimport TablesStock from './tables';\r\nimport KeysKala from './keysKala';\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n container: {\r\n width: '45%',\r\n minHeight: 500,\r\n [theme.breakpoints.down(\"1100\")]: {\r\n width: '100%',\r\n margin: 'auto',\r\n },\r\n },\r\n root: {\r\n // marginTop: 50,\r\n width: '100%',\r\n boxShadow: 'rgba(0, 0, 0, 0.06) 0px 0px 20px 0px',\r\n borderRadius: 10,\r\n minHeight: 385,\r\n backgroundColor: 'rbg(255,255,255)',\r\n padding: '45px 30px',\r\n\r\n [theme.breakpoints.down(\"1100\")]: {\r\n width: '100%',\r\n minHeight: 'auto',\r\n padding: '20px 10px',\r\n },\r\n\r\n },\r\n gridItem: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n },\r\n cardStock: {\r\n margin: '5px 0px'\r\n },\r\n titleStock: {\r\n fontWeight: 'bold',\r\n },\r\n head: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n marginBottom: 20,\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n justifyContent: 'center',\r\n flexDirection: 'column'\r\n },\r\n },\r\n gridBtn: {\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n margin: \"10px 0px\",\r\n },\r\n },\r\n button: {\r\n backgroundColor: \"#E60001\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"8px\",\r\n marginRight: 10,\r\n width: 90,\r\n height: 44,\r\n boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n },\r\n },\r\n buttonDisable: {\r\n backgroundColor: \"gray\",\r\n color: \"white\",\r\n border: 0,\r\n borderRadius: \"8px\",\r\n marginRight: 10,\r\n width: 90,\r\n height: 44,\r\n boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px',\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: 120,\r\n height: 40,\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '100%',\r\n },\r\n },\r\n gridHead: {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n marginBottom: 20,\r\n [theme.breakpoints.down(\"400\")]: {\r\n justifyContent: 'center',\r\n flexDirection: 'column-reverse'\r\n },\r\n },\r\n DeleteIcons: {\r\n fill: 'red',\r\n cursor: 'pointer',\r\n [theme.breakpoints.down(\"400\")]: {\r\n marginBottom: 20\r\n },\r\n },\r\n titleHead: {\r\n fontSize: \"1.125rem\",\r\n fontWeight: 'bold',\r\n }\r\n}))\r\n\r\nexport default function Index({ stock, setStock, data }) {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch()\r\n\r\n const [keysStock, setkeysStock] = useState({\r\n offer_volume: false,\r\n offer_base_price: false,\r\n minimum_price: false,\r\n maximum_price: false,\r\n final_weighted_average_price: false,\r\n });\r\n\r\n const stateReducer = useSelector(state => state?.report_trade_detail_reducer)\r\n\r\n\r\n function checkAnyTrue(obj) {\r\n return Object.values(obj).some(value => value === true);\r\n }\r\n\r\n\r\n const apiSubmit = () => {\r\n\r\n // if (!data?.from_date || !data?.to_date) {\r\n // alert('لطفا فیلد های تاریخ رو پر نمایید ')\r\n // return\r\n // }\r\n if (!Object.keys(stock)?.length) {\r\n alert('لطفا کالای مورد نظر خود را انتخاب نمایید')\r\n return\r\n }\r\n if (!checkAnyTrue(keysStock)) {\r\n alert('لطفا فیلد مقایسه نظر خود را انتخاب نمایید')\r\n return\r\n }\r\n\r\n dispatch(({ type: actionTypes?.reportTradeDetailEmpty }))\r\n\r\n let obj = {}\r\n\r\n let data = Object.keys(stock)?.forEach((value) => {\r\n obj[stock?.[value]?.body?.offer_symbol] = Object.keys(keysStock).filter(key => keysStock[key]);\r\n })\r\n\r\n\r\n let payload = {\r\n data:\r\n {\r\n offer_symbols: {\r\n ...obj\r\n },\r\n // from_trade_date:'1402/09/16',\r\n // to_trade_date:'1402/10/16',\r\n // from_trade_date: data?.from_date ? dateMiladiToShamsi(data?.from_date?.split(' ')?.[0]) : '',\r\n // to_trade_date: data?.to_date ?dateMiladiToShamsi(data?.to_date?.split(' ')?.[0]) : '',\r\n }\r\n };\r\n\r\n dispatch(({ type: actionTypes?.reportTradeDetailAsync, payload: payload }))\r\n }\r\n\r\n\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 apiSubmit()}\r\n >\r\n مقایسه روی نمودار\r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n","// install (please try to align the version of installed @nivo packages)\r\n// yarn add @nivo/line\r\nimport { ResponsiveLine } from '@nivo/line';\r\nimport React from 'react';\r\nimport moment from 'moment-jalaali';\r\nimport { convertDigitToEnglish } from '../../../../../../method/convertDigitToEnglish';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport { handleNumber } from '../../../../../../method/displayData';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n tooltip: {\r\n background: \"#fff\",\r\n padding: 10,\r\n border: \"0.5px solid #555\",\r\n borderRadius: 5,\r\n boxShadow: \"0px 0px 2px #000\",\r\n direction: \"rtl\",\r\n textAlign: \"left\",\r\n minWidth: \"310px\",\r\n },\r\n tooltipTitle: {\r\n fontWeight: 'bold',\r\n // \"inline-block font-bold\"\r\n },\r\n grid: {\r\n display: 'flex',\r\n justifyContent: 'flex-end',\r\n alignItems: 'flex-start',\r\n width: '100%',\r\n margin: '5px 0px'\r\n // grid grid-cols-12 gap3 w-full\r\n },\r\n charts: {\r\n minWidth: '550px !important'\r\n },\r\n gridChart: {\r\n height: 600,\r\n minWidth: '550px !important'\r\n },\r\n gridBadg:{\r\n width:'45%',\r\n padding:'5px 10px',\r\n borderRadius:27,\r\n // backgroundColor:'#D9D9D9',\r\n display:'flex',\r\n alignItems:'center',\r\n // justifyContent:'center',\r\n minWidth:100,\r\n margin:2.5\r\n },\r\n circle:{\r\n width:15,\r\n height:15,\r\n borderRadius:'50%',\r\n marginRight:5\r\n },\r\n gridCard:{\r\n display:'flex',\r\n justifyContent:'flax-start',\r\n marginTop:10,\r\n flexWrap:'wrap'\r\n }\r\n}));\r\n\r\n\r\nconst MyResponsiveLine = ({ data, usedColors }) => {\r\n\r\n const classes = useStyles();\r\n\r\n const formatDate = (dateString) => {\r\n const originalDate = new Date(dateString);\r\n const formattedDate = moment(originalDate).format('YYYY/MM/DD');\r\n return convertDigitToEnglish(formattedDate)\r\n };\r\n\r\n const tooltipBody = (d) => {\r\n\r\n const originalDate = new Date(d.point.data.x);\r\n const formattedDate = moment(originalDate).format('YYYY/MM/DD');\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
\r\n \r\n
\r\n
\r\n
\r\n )\r\n })\r\n } */}\r\n {\r\n Object?.keys(stock)?.length === 0 && (\r\n \r\n
\r\n
\r\n \r\n {\r\n stock?.[itemKey]?.['data']?.['body']?.['commodity_detail']?.['persianName']\r\n }\r\n {\r\n ` (${itemKey})`\r\n }\r\n
\r\n\r\n handelDelteStock(itemKey)}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n );\r\n };\r\n\r\n const tooltipStyle = (d) => {\r\n let x = 150;\r\n let y = 0;\r\n\r\n if (d.point.x > 120) {\r\n x = 10;\r\n }\r\n if (d.point.x > 260) {\r\n x = -155;\r\n }\r\n\r\n if (d.point.y < 120) {\r\n y = 120;\r\n }\r\n\r\n return { transform: `translate(${x}px,${y}px)`};\r\n };\r\n\r\n\r\n return (\r\n {d.point.serieId}
\r\n \r\n
\r\n {` ${convertDigitToEnglish(formattedDate)} `}
\r\n : تاریخ
\r\n \r\n
\r\n {` ${handleNumber(d.point.data.y)} `}
\r\n : مقدار
\r\n \r\n tooltipBody(d)}\r\n colors={(data) => data?.color}\r\n curve=\"monotoneX\"\r\n xFormat='time:%YYYY/%MM/%DD'\r\n xScale={{\r\n format: '%YYYY/%MM/%DD',\r\n precision: 'day',\r\n type: 'time',\r\n useUTC: false\r\n }}\r\n data={data}\r\n margin={{ top: 50, right: 110, bottom: 70, left: 60 }}\r\n yScale={{\r\n type: 'linear',\r\n }}\r\n // yFormat=\" >-.2f\"\r\n axisTop={null}\r\n axisRight={null}\r\n axisBottom={{\r\n orient: \"bottom\",\r\n tickSize: 5,\r\n tickPadding: 60,\r\n tickRotation: -90,\r\n legend: \"\",\r\n legendOffset: 36,\r\n format: (dateString) => formatDate(dateString),\r\n }}\r\n axisLeft={{\r\n // tickSize: 5,\r\n tickPadding: 40,\r\n tickRotation: 0,\r\n legend: '',\r\n legendOffset: -150,\r\n legendPosition: 'middle'\r\n }}\r\n pointSize={10}\r\n pointColor={{ theme: 'background' }}\r\n pointBorderWidth={2}\r\n pointBorderColor={{ from: 'serieColor' }}\r\n pointLabelYOffset={-12}\r\n useMesh={true}\r\n legends={[]}\r\n // legends={[\r\n // {\r\n // anchor: 'top-right',\r\n // direction: 'column',\r\n // // direction: 'row',\r\n // justify: true,\r\n // translateX: 100,\r\n // translateY: -30,\r\n // itemsSpacing: 0,\r\n // // itemDirection: 'left-to-right',\r\n // itemDirection: 'right-to-left',\r\n // itemWidth: 15,\r\n // itemHeight: 25,\r\n // itemOpacity: 1,\r\n // symbolSize: 12,\r\n // symbolShape: 'circle',\r\n // symbolBorderColor: 'rgba(0, 0, 0, .5)',\r\n // effects: [\r\n // {\r\n // on: 'hover',\r\n // style: {\r\n // itemBackground: 'rgba(0, 0, 0, .03)',\r\n // itemOpacity: 1\r\n // }\r\n // }\r\n // ]\r\n // }\r\n // ]}\r\n />\r\n
\r\n\r\n\r\n\r\n {\r\n Object.keys(usedColors)?.map((item) => {\r\n return (\r\n
\r\n\r\n \r\n \r\n )\r\n}\r\n\r\nexport default MyResponsiveLine","import React, { useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport { dateMiladi, dateMiladiToShamsi, shamsiDate } from \"../../../../../../method/date\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n display: 'flex',\r\n\r\n },\r\n crad: {\r\n padding: '5px 15px',\r\n margin: 10,\r\n borderRadius: 27,\r\n cursor:'pointer',\r\n '&:hover':{\r\n backgroundColor: 'rgba(230,0,1,0.2)',\r\n color: '#E60001'\r\n }\r\n },\r\n activeItem: {\r\n backgroundColor: 'rgba(230,0,1,0.2)',\r\n color: '#E60001'\r\n },\r\n desc:{\r\n margin:0\r\n }\r\n\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n const [selectedTime, setSelectedTime] = useState(null);\r\n\r\n const addDays = (date, days) => {\r\n const result = new Date(date);\r\n result.setDate(result.getDate() + days);\r\n return result;\r\n }\r\n\r\n const addMonths = (date, months) => {\r\n const result = new Date(date);\r\n result.setMonth(result.getMonth() + months);\r\n return result;\r\n }\r\n\r\n const addYears = (date, years) => {\r\n const result = new Date(date);\r\n result.setFullYear(result.getFullYear() + years);\r\n return result;\r\n }\r\n\r\n const today = new Date();\r\n\r\n const oneWeekLater = addDays(today, 7);\r\n const oneMonthLater = addMonths(today, 1);\r\n const threeMonthsLater = addMonths(today, 3);\r\n const sixMonthsLater = addMonths(today, 6);\r\n const oneYearLater = addYears(today, 1);\r\n const twoYearsLater = addYears(today, 2);\r\n\r\n\r\n const timeOptions = [\r\n { label: 'هفته', value: 'oneWeekLater' },\r\n { label: '1 ماه', value: 'oneMonthLater' },\r\n { label: '3 ماه', value: 'threeMonthsLater' },\r\n { label: '6 ماه', value: 'sixMonthsLater' },\r\n { label: '1 سال', value: 'oneYearLater' },\r\n { label: '2 سال', value: 'twoYearsLater' },\r\n ];\r\n\r\n const handleClick = (timeValue) => {\r\n setSelectedTime(timeValue);\r\n switch (timeValue) {\r\n case 'oneWeekLater':\r\n handelFilter(oneWeekLater);\r\n break;\r\n case 'oneMonthLater':\r\n handelFilter(oneMonthLater);\r\n break;\r\n case 'threeMonthsLater':\r\n handelFilter(threeMonthsLater);\r\n break;\r\n case 'sixMonthsLater':\r\n handelFilter(sixMonthsLater);\r\n break;\r\n case 'oneYearLater':\r\n handelFilter(oneYearLater);\r\n break;\r\n case 'twoYearsLater':\r\n handelFilter(twoYearsLater);\r\n break;\r\n default:\r\n console.warn('Invalid time option');\r\n }\r\n };\r\n\r\n\r\n const handelFilter = (data) => {\r\n if (!data) return\r\n\r\n }\r\n return (\r\n \r\n \r\n {usedColors?.[item]?.name}\r\n
\r\n )\r\n })\r\n }\r\n handelFilter()} className={classes['root']}>\r\n {timeOptions.map(option => (\r\n handleClick(option.value)} \r\n >\r\n
\r\n ))}\r\n )\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { CircularProgress, makeStyles } from \"@material-ui/core\";\r\nimport CardChartsLiner from './chartLiner/index'\r\nimport { useSelector } from \"react-redux\";\r\nimport CardNodata from './../../../../../common/cardNoData';\r\n// import LineCHarts from './../../../../../common/charts/lineChart';\r\nimport LineCHarts from './chartLiner';\r\nimport FilterDate from './filterDate';\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n position: 'relative',\r\n width: '53%',\r\n boxShadow: 'rgba(0, 0, 0, 0.06) 0px 0px 20px 0px',\r\n borderRadius: 10,\r\n backgroundColor: 'rbg(255,255,255)',\r\n padding: '45px 30px',\r\n minHeight: 600,\r\n // height: 600,\r\n padding: '45px 30px',\r\n [theme.breakpoints.down(\"1100\")]: {\r\n width: '100%',\r\n minHeight: 'auto',\r\n overflow: 'auto'\r\n },\r\n },\r\n title: {\r\n fontSize: \"1.125rem\",\r\n fontWeight: 'bold',\r\n marginBottom: 20,\r\n },\r\n gridLoading: {\r\n position: 'absulote',\r\n top: 0,\r\n width: '100%',\r\n height: 550,\r\n backgroundColor: 'rgba(0,0,0,0.1)',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center'\r\n },\r\n gridFull: {\r\n width: 40,\r\n padding: 10,\r\n margin: 5,\r\n marginLeft: 'auto',\r\n border: '1px solid #E3E3E3',\r\n borderRadius: 10,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: '#E3E3E3',\r\n }\r\n },\r\n fullScreenGrid: {\r\n position: 'fixed',\r\n top: 0,\r\n left: 0,\r\n height: '100vh',\r\n width: '100%',\r\n zIndex: 1000,\r\n boxShadow: 'rgba(0, 0, 0, 0.06) 0px 0px 20px 0px',\r\n borderRadius: 10,\r\n backgroundColor: 'white',\r\n padding: '45px 30px',\r\n minHeight: 600,\r\n // height: 600,\r\n padding: '45px 30px',\r\n [theme.breakpoints.down(\"1100\")]: {\r\n width: '100%',\r\n minHeight: 'auto',\r\n overflow: 'auto'\r\n },\r\n }\r\n}))\r\n\r\nexport default function Index({ }) {\r\n\r\n let classes = useStyles();\r\n\r\n const [flagFullScreen, setFlagFullScreen] = useState(false);\r\n\r\n const [state, setstate] = useState({\r\n data: [],\r\n keys: []\r\n });\r\n\r\n\r\n\r\n const [usedColors, setUsedColors] = useState({});\r\n const stateReducer = useSelector(state => state?.report_trade_detail_reducer)\r\n\r\n\r\n let sortedDate = (array) => {\r\n\r\n let reslute = array.sort(function (a, b) {\r\n let bb = new Date(b?.x)\r\n let aa = new Date(a?.x);\r\n return bb - aa\r\n });\r\n return reslute ? reslute : []\r\n }\r\n\r\n const generateUniqueColor = () => {\r\n\r\n // return '#' + Math.floor(Math.random() * 16777215).toString(16);\r\n let color;\r\n do {\r\n color = '#' + Math.floor(Math.random() * 16777215).toString(16);\r\n } while (color === '#ffffff' || color?.length <= 6);\r\n return color;\r\n };\r\n\r\n useEffect(() => {\r\n if (stateReducer?.data?.length) {\r\n\r\n let data = []\r\n let categoriData = {}\r\n\r\n let KeysPersian = {\r\n 'offer_base_price': 'قیمت پایه',\r\n 'final_weighted_average_price': 'عرضه کننده',\r\n 'offer_volume': 'حجم',\r\n 'minimum_price': 'پایین ترین قیمت',\r\n 'maximum_price': 'بالاترین قیمت',\r\n 'final_weighted_average_price': 'قیمت میانگین'\r\n }\r\n\r\n\r\n let res = stateReducer?.data?.forEach((item) => {\r\n let a = Object.keys(item)\r\n ?.forEach((child) => {\r\n let elem = item?.[child]\r\n\r\n\r\n let x = item[child]?.forEach((chart) => {\r\n\r\n\r\n let { manufacturer_detail, ...rest } = chart?.body\r\n let listKeys = Object.keys(rest)\r\n let b = listKeys?.forEach((key) => {\r\n if (key !== 'trade_date') {\r\n\r\n let newColor = generateUniqueColor(usedColors);\r\n\r\n if (!newColor) {\r\n newColor = generateUniqueColor(usedColors);\r\n }\r\n\r\n setUsedColors((prev) => ({\r\n ...prev,\r\n [key + \"_name_\" + child]: {\r\n data: chart,\r\n color: newColor,\r\n name: `${chart.body?.manufacturer_detail?.persianName} | ${KeysPersian[key]} `\r\n }\r\n }));\r\n\r\n data.push({\r\n id: key + \"_name_\" + child,\r\n x: chart?.body?.[key],\r\n y: chart?.body?.['trade_date'],\r\n name: elem?.[0] ? elem?.[0]?.body?.manufacturer_detail?.persianName : child,\r\n color: newColor\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 let c = data?.forEach((item) => {\r\n categoriData[item?.id] = {\r\n id: `${item?.name} ${KeysPersian?.[item?.id?.split('_name_')?.[0]] ? \"(\" + KeysPersian?.[item?.id?.split('_name_')?.[0]] + \")\" : ''}`,\r\n color: item?.color,\r\n name: item?.name,\r\n data: sortedDate(\r\n (categoriData?.[item?.id]?.data ? categoriData?.[item?.id]?.data : []).concat([\r\n {\r\n x: new Date(`${item?.y} 00:00:00`),\r\n y: item?.x\r\n },\r\n ]))?.reverse()\r\n\r\n }\r\n })\r\n\r\n if (Object.keys(categoriData)?.length) {\r\n setstate({ data: Object.keys(categoriData)?.map((key) => categoriData[key]), keys: [] })\r\n }\r\n }\r\n\r\n }, [stateReducer.data]);\r\n\r\n\r\n\r\n return (\r\n // {option.label}
\r\n\r\n
)\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { handleNumber } from \"../../../../../method/displayData\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '90%',\r\n padding: '20px',\r\n textAlign:'center',\r\n margin:'auto',\r\n marginTop:120,\r\n [theme.breakpoints.down(\"700\")]: {\r\n marginTop:25,\r\n },\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n const stateReducer = useSelector((state) => state.bourse_select_instruments_reducer);\r\n\r\n return (\r\n \r\n
\r\n \r\n نمودار :\r\n
\r\n {\r\n stateReducer?.loading && (\r\n\r\n
\r\n )\r\n }\r\n\r\n {\r\n state?.data?.length !== 0 && (\r\n <>\r\n setFlagFullScreen((prev) => !prev)}>\r\n 
\r\n
\r\n \r\n )\r\n }\r\n\r\n\r\n\r\n {\r\n (state?.data?.length === 0 && !stateReducer?.loading) && (\r\n <>\r\n\r\n\r\n \r\n \r\n
)\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport Filters from './components/inputs/'\r\nimport Tables from './components/tables';\r\nimport TablesStock from './components/tablesStock';\r\nimport ChartsLiner from './components/charts/index';\r\nimport CountRecord from './components/countRecord';\r\nimport { data_m } from \"../../../method/date\";\r\n\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n padding: '20px',\r\n position: 'relative',\r\n [theme.breakpoints.down(\"700\")]: {\r\n position: 'relative',\r\n width: '100%',\r\n padding: '20px',\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n padding: '5px',\r\n },\r\n },\r\n grid: {\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'flex-start',\r\n width: '90%',\r\n minWidth: 1447,\r\n margin: 'auto',\r\n marginTop: 20,\r\n [theme.breakpoints.down(\"1550\")]: {\r\n width: '100%',\r\n minWidth: '99%',\r\n },\r\n [theme.breakpoints.down(\"1100\")]: {\r\n flexDirection: 'column'\r\n },\r\n }\r\n}))\r\n\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n const [stock, setStock] = useState({});\r\n\r\n const [state, setState] = useState({\r\n currency_id: 1,\r\n commodity_id: null,\r\n main_category: null,\r\n category: null,\r\n sub_category: null,\r\n date_from: null,\r\n date_to: null,\r\n });\r\n\r\n const [page, setPage] = useState(0);\r\n const [rowsPerPage] = useState(10);\r\n const [flegApi, setFlagApi] = useState(false);\r\n\r\n\r\n\r\n\r\n return (\r\n <>\r\n \r\n {`\r\n ${handleNumber(stateReducer?.total)} معامله انجام شده است.\r\n `}\r\n
\r\n\r\n
\r\n \r\n\r\n )\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport Layout from \"../../../layout\";\r\nimport Physical from './physical';\r\nimport ExportGoods from './ExportGoods';\r\nimport NewPhysical from './newPhysical';\r\nimport AppBar from \"@material-ui/core/AppBar\";\r\nimport Tabs from \"@material-ui/core/Tabs\";\r\nimport Tab from \"@material-ui/core/Tab\";\r\nimport Box from \"@material-ui/core/Box\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n padding: '20px',\r\n // backgroundColor:'red'\r\n },\r\n appBar:{\r\n backgroundColor:'#0B1742',\r\n borderRadius:5,\r\n }\r\n}))\r\n\r\n\r\n\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\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 */}\r\n
\r\n \r\n
)\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n margin: '100px auto',\r\n flexWrap: 'wrap',\r\n minWidth: 1112,\r\n maxWidth: '100% !important',\r\n [theme.breakpoints.down(\"1200\")]: {\r\n minWidth: '100%',\r\n flexDirection: 'column',\r\n margin: '0px auto',\r\n }\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n list: {\r\n listStyle: 'none',\r\n },\r\n icon: {\r\n width: 20,\r\n height: 25,\r\n minWidth: 20,\r\n },\r\n gridList: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'flex-start',\r\n textAlign: 'left',\r\n [theme.breakpoints.down(\"600\")]: {\r\n alignItems: 'center',\r\n marginBottom: 5,\r\n width: '90%',\r\n margin: 'auto'\r\n }\r\n },\r\n desc: {\r\n margin: \"0px 10px\",\r\n fontSize: 16,\r\n },\r\n content: {\r\n position: 'relative'\r\n },\r\n title: {\r\n textAlign: 'left',\r\n marginBottom: 10,\r\n fontSize: 28,\r\n [theme.breakpoints.down(\"600\")]: {\r\n textAlign: 'center',\r\n fontSize: 25,\r\n }\r\n },\r\n girdImages: {\r\n width: '46%',\r\n maxWidth: '100%',\r\n [theme.breakpoints.down(\"1200\")]: {\r\n marginBottom: '25px',\r\n width: '100%',\r\n },\r\n [theme.breakpoints.down(\"600\")]: {\r\n '& img': {\r\n width: '100%',\r\n }\r\n }\r\n },\r\n girdContent: {\r\n width: '50%',\r\n // minWidth:600,\r\n maxWidth: '100% !important',\r\n [theme.breakpoints.down(\"1200\")]: {\r\n minWidth: '100%',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n },\r\n\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\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 \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n )\r\n}\r\n","import { Button, makeStyles } from '@material-ui/core';\r\nimport { ArrowBack } from '@material-ui/icons';\r\nimport React from 'react';\r\nimport { SwiperSlide } from 'swiper/react';\r\n\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\n\r\nlet useSyles = makeStyles((theme) => ({\r\n root: {\r\n // marginTop: 50,\r\n ...theme.grid.gridMdContent,\r\n // maxWidth: '100%',\r\n margin: '50px auto',\r\n padding: '20px 0px',\r\n backgroundColor: '#F8F7FB',\r\n minHeight: 350,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius: 13,\r\n [theme.breakpoints.down('1500')]: {\r\n width: '90%',\r\n },\r\n [theme.breakpoints.down('1250')]: {\r\n // width: '95%',\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n minHeight: 525,\r\n },\r\n [theme.breakpoints.down('501')]: {\r\n width: '97%',\r\n }\r\n },\r\n grid: {\r\n width: '100%',\r\n margin: 'auto',\r\n position: 'relative',\r\n // color: '#ffffff',\r\n display: 'flex',\r\n justifyContent: 'space-around',\r\n flexDirection: 'row-reverse',\r\n alignItems: 'center',\r\n [theme.breakpoints.down('1135')]: {\r\n flexDirection: 'column-reverse',\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n flexDirection: 'column-reverse',\r\n }\r\n },\r\n gridImages: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n width: '100%',\r\n justifyContent: 'center',\r\n '& > img': {\r\n maxWidth: '100%',\r\n marginBottom: 10\r\n },\r\n }\r\n },\r\n desce: {\r\n margin: '20px 0px',\r\n width: 500,\r\n fontSize: 16,\r\n color: '#000000',\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 16,\r\n },\r\n [theme.breakpoints.down('1250')]: {\r\n fontSize: 14,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n width: '90%',\r\n textAlign: 'justify',\r\n margin: '20px auto',\r\n }\r\n },\r\n title: {\r\n fontSize: 30,\r\n whiteSpace: 'nowrap',\r\n fontWeight: 700,\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 26,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n whiteSpace: 'normal',\r\n width: '90%',\r\n margin: 'auto',\r\n textAlign: 'center'\r\n }\r\n },\r\n gridBtn: {\r\n width: '94%',\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n marginTop: 10,\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n // justifyContent: 'space-around',\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n width: '100%',\r\n \r\n },\r\n [theme.breakpoints.down(500)]: {\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n width: '90%',\r\n margin: 'auto'\r\n },\r\n },\r\n btnWhite: {\r\n padding: '0px 25px',\r\n fontSize: 16,\r\n [theme.breakpoints.down('500')]: {\r\n width: '90%',\r\n margin: 'auto',\r\n justifyContent: 'center',\r\n },\r\n },\r\n btnRed: {\r\n // width: '58%',\r\n backgroundColor: theme.palette.light.type2,\r\n color: \"white !important\",\r\n margin: \"0px 5px 0px 0px\",\r\n padding: '9px 20px',\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n fontSize: 14,\r\n whiteSpace: 'nowrap',\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 31px',\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '90%',\r\n margin: \"0px 0px 5px 0px\",\r\n },\r\n\r\n '&:hover': {\r\n backgroundColor: \"transparent\",\r\n color: \"#071b2c !important\",\r\n border: `1px solid black `,\r\n },\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n [theme.breakpoints.down('1135')]: {\r\n top: -10,\r\n display: 'none'\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n gridIconRight: {\r\n width: 50,\r\n marginRight: 40,\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginRight: 0,\r\n display: 'none',\r\n }\r\n },\r\n gridIconLeft: {\r\n width: 50,\r\n marginLeft: 0,\r\n transform: \"rotate(180deg)\",\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginLeft: 0,\r\n display: 'none',\r\n }\r\n },\r\n icon: {\r\n width: 50,\r\n },\r\n gridContent: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginRight: 0,\r\n marginTop: 20,\r\n textAlign: 'center',\r\n width: '100%',\r\n justifyContent: 'center',\r\n }\r\n },\r\n bgBtn: {\r\n height: 40,\r\n width: 40,\r\n padding: 5,\r\n backgroundColor: '#132b41',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius: 9,\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: 'rgba(255,255,255,0.2)',\r\n }\r\n },\r\n gridIcons: {\r\n width: 13,\r\n height: 13,\r\n padding: 10,\r\n borderRadius: '50%',\r\n backgroundColor: '#49A629',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n cardList: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginRight: 20,\r\n marginBottom: 15,\r\n },\r\n titleIcons: {\r\n marginBottom: 0,\r\n marginLeft: 10,\r\n fontWeight: 700,\r\n fontSize: 16,\r\n },\r\n gridCardList: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n [theme.breakpoints.down('500')]: {\r\n justifyContent: 'center',\r\n flexWrap: 'wrap',\r\n flexDirection: 'column',\r\n },\r\n },\r\n iconArrowLeft: {\r\n marginLeft: 10,\r\n }\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useSyles();\r\n\r\n\r\n\r\n\r\n return (\r\n \r\n ![\"\"](\"/assets/images/newImages/image17.png\")
\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 \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
\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\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
\r\n
)\r\n}\r\n","import { Button, makeStyles } from '@material-ui/core';\r\nimport { ArrowBack } from '@material-ui/icons';\r\nimport React from 'react';\r\nimport { SwiperSlide } from 'swiper/react';\r\n\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\n\r\nlet useSyles = makeStyles((theme) => ({\r\n root: {\r\n // marginTop: 50,\r\n ...theme.grid.gridMdContent,\r\n // maxWidth: '100%',\r\n margin: 'auto',\r\n\r\n minHeight: 350,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n\r\n [theme.breakpoints.down('1500')]: {\r\n width: '90%',\r\n },\r\n [theme.breakpoints.down('1250')]: {\r\n // width: '95%',\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n minHeight: 525,\r\n },\r\n [theme.breakpoints.down('501')]: {\r\n width: '97%',\r\n }\r\n },\r\n grid: {\r\n width: '100%',\r\n margin: 'auto',\r\n position: 'relative',\r\n // color: '#ffffff',\r\n display: 'flex',\r\n justifyContent: 'space-around',\r\n alignItems: 'center',\r\n [theme.breakpoints.down('1135')]: {\r\n flexDirection: 'column-reverse',\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n flexDirection: 'column-reverse',\r\n }\r\n },\r\n gridImages: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n width: '100%',\r\n justifyContent: 'center',\r\n '& > img': {\r\n maxWidth: '100%',\r\n marginBottom: 10\r\n },\r\n }\r\n },\r\n desce: {\r\n margin: '20px 0px',\r\n width: 500,\r\n fontSize: 16,\r\n color: '#000000',\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 16,\r\n },\r\n [theme.breakpoints.down('1250')]: {\r\n fontSize: 14,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n width: '90%',\r\n textAlign: 'justify',\r\n margin: '20px auto',\r\n }\r\n },\r\n title: {\r\n fontSize: 30,\r\n whiteSpace: 'nowrap',\r\n fontWeight: 700,\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 26,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n whiteSpace: 'normal',\r\n width: '90%',\r\n margin: 'auto',\r\n textAlign: 'center'\r\n }\r\n },\r\n gridBtn: {\r\n width: '94%',\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n marginTop: 10,\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n // justifyContent: 'space-around',\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n width: '100%',\r\n \r\n },\r\n [theme.breakpoints.down(500)]: {\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n width: '90%',\r\n margin: 'auto'\r\n },\r\n },\r\n btnWhite: {\r\n padding: '0px 25px',\r\n fontSize: 16,\r\n [theme.breakpoints.down('500')]: {\r\n width: '90%',\r\n margin: 'auto',\r\n justifyContent: 'center',\r\n },\r\n },\r\n btnRed: {\r\n // width: '58%',\r\n backgroundColor: theme.palette.light.type2,\r\n color: \"white !important\",\r\n margin: \"0px 5px 0px 0px\",\r\n padding: '9px 20px',\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n fontSize: 14,\r\n whiteSpace: 'nowrap',\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 31px',\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '90%',\r\n margin: \"0px 0px 5px 0px\",\r\n },\r\n\r\n '&:hover': {\r\n backgroundColor: \"transparent\",\r\n color: \"#071b2c !important\",\r\n border: `1px solid black `,\r\n },\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n [theme.breakpoints.down('1135')]: {\r\n top: -10,\r\n display: 'none'\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n gridIconRight: {\r\n width: 50,\r\n marginRight: 40,\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginRight: 0,\r\n display: 'none',\r\n }\r\n },\r\n gridIconLeft: {\r\n width: 50,\r\n marginLeft: 0,\r\n transform: \"rotate(180deg)\",\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginLeft: 0,\r\n display: 'none',\r\n }\r\n },\r\n icon: {\r\n width: 50,\r\n },\r\n gridContent: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginRight: 0,\r\n marginTop: 20,\r\n textAlign: 'center',\r\n width: '100%',\r\n justifyContent: 'center',\r\n }\r\n },\r\n bgBtn: {\r\n height: 40,\r\n width: 40,\r\n padding: 5,\r\n backgroundColor: '#132b41',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius: 9,\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: 'rgba(255,255,255,0.2)',\r\n }\r\n },\r\n gridIcons: {\r\n width: 13,\r\n height: 13,\r\n padding: 10,\r\n borderRadius: '50%',\r\n backgroundColor: '#49A629',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n cardList: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginRight: 20,\r\n marginBottom: 15,\r\n },\r\n titleIcons: {\r\n marginBottom: 0,\r\n marginLeft: 10,\r\n fontWeight: 700,\r\n fontSize: 16,\r\n },\r\n gridCardList: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n [theme.breakpoints.down('500')]: {\r\n justifyContent: 'center',\r\n flexWrap: 'wrap',\r\n flexDirection: 'column',\r\n },\r\n },\r\n iconArrowLeft: {\r\n marginLeft: 10,\r\n }\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useSyles();\r\n\r\n\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\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
\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\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","import { Button, makeStyles } from '@material-ui/core';\r\nimport { ArrowBack } from '@material-ui/icons';\r\nimport React from 'react';\r\nimport { SwiperSlide } from 'swiper/react';\r\n\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\n\r\nlet useSyles = makeStyles((theme) => ({\r\n root: {\r\n // marginTop: 50,\r\n ...theme.grid.gridMdContent,\r\n // maxWidth: '100%',\r\n margin: '50px auto',\r\n\r\n minHeight: 350,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n\r\n [theme.breakpoints.down('1500')]: {\r\n width: '90%',\r\n },\r\n [theme.breakpoints.down('1250')]: {\r\n // width: '95%',\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n minHeight: 525,\r\n },\r\n [theme.breakpoints.down('501')]: {\r\n width: '97%',\r\n }\r\n },\r\n grid: {\r\n width: '100%',\r\n margin: 'auto',\r\n position: 'relative',\r\n // color: '#ffffff',\r\n display: 'flex',\r\n justifyContent: 'space-around',\r\n alignItems: 'center',\r\n [theme.breakpoints.down('1135')]: {\r\n flexDirection: 'column-reverse',\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n flexDirection: 'column-reverse',\r\n }\r\n },\r\n gridImages: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n width: '100%',\r\n justifyContent: 'center',\r\n '& > img': {\r\n maxWidth: '100%',\r\n marginBottom: 10\r\n },\r\n }\r\n },\r\n desce: {\r\n margin: '20px 0px',\r\n width: 500,\r\n fontSize: 16,\r\n color: '#000000',\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 16,\r\n },\r\n [theme.breakpoints.down('1250')]: {\r\n fontSize: 14,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n width: '90%',\r\n textAlign: 'justify',\r\n margin: '20px auto',\r\n }\r\n },\r\n title: {\r\n fontSize: 30,\r\n whiteSpace: 'nowrap',\r\n fontWeight: 700,\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 26,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n whiteSpace: 'normal',\r\n width: '90%',\r\n margin: 'auto',\r\n textAlign: 'center'\r\n }\r\n },\r\n gridBtn: {\r\n width: '94%',\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n marginTop: 10,\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n // justifyContent: 'space-around',\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n width: '100%',\r\n \r\n },\r\n [theme.breakpoints.down(500)]: {\r\n flexDirection: 'column',\r\n justifyContent: 'center',\r\n width: '90%',\r\n margin: 'auto'\r\n },\r\n },\r\n btnWhite: {\r\n padding: '0px 25px',\r\n fontSize: 16,\r\n [theme.breakpoints.down('500')]: {\r\n width: '90%',\r\n margin: 'auto',\r\n justifyContent: 'center',\r\n },\r\n },\r\n btnRed: {\r\n // width: '58%',\r\n backgroundColor: theme.palette.light.type2,\r\n color: \"white !important\",\r\n margin: \"0px 5px 0px 0px\",\r\n padding: '9px 20px',\r\n border: `1px solid ${theme.palette.light.type2}`,\r\n fontSize: 14,\r\n whiteSpace: 'nowrap',\r\n [theme.breakpoints.down(\"1236\")]: {\r\n padding: '9px 31px',\r\n },\r\n [theme.breakpoints.down(\"500\")]: {\r\n width: '90%',\r\n margin: \"0px 0px 5px 0px\",\r\n },\r\n\r\n '&:hover': {\r\n backgroundColor: \"transparent\",\r\n color: \"#071b2c !important\",\r\n border: `1px solid black `,\r\n },\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n width: 30,\r\n [theme.breakpoints.down('1135')]: {\r\n top: -10,\r\n display: 'none'\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n gridIconRight: {\r\n width: 50,\r\n marginRight: 40,\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginRight: 0,\r\n display: 'none',\r\n }\r\n },\r\n gridIconLeft: {\r\n width: 50,\r\n marginLeft: 0,\r\n transform: \"rotate(180deg)\",\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginLeft: 0,\r\n display: 'none',\r\n }\r\n },\r\n icon: {\r\n width: 50,\r\n },\r\n gridContent: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n marginRight: 0,\r\n marginTop: 20,\r\n textAlign: 'center',\r\n width: '100%',\r\n justifyContent: 'center',\r\n }\r\n },\r\n bgBtn: {\r\n height: 40,\r\n width: 40,\r\n padding: 5,\r\n backgroundColor: '#132b41',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n borderRadius: 9,\r\n cursor: 'pointer',\r\n '&:hover': {\r\n backgroundColor: 'rgba(255,255,255,0.2)',\r\n }\r\n },\r\n gridIcons: {\r\n width: 13,\r\n height: 13,\r\n padding: 10,\r\n borderRadius: '50%',\r\n backgroundColor: '#49A629',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n cardList: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginRight: 20,\r\n marginBottom: 15,\r\n },\r\n titleIcons: {\r\n marginBottom: 0,\r\n marginLeft: 10,\r\n fontWeight: 700,\r\n fontSize: 16,\r\n },\r\n gridCardList: {\r\n display: 'flex',\r\n justifyContent: 'flex-start',\r\n alignItems: 'center',\r\n [theme.breakpoints.down('500')]: {\r\n justifyContent: 'center',\r\n flexWrap: 'wrap',\r\n flexDirection: 'column',\r\n },\r\n },\r\n iconArrowLeft: {\r\n marginLeft: 10,\r\n }\r\n}))\r\n\r\nexport default function Index({ data }) {\r\n\r\n let classes = useSyles();\r\n\r\n\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\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\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
\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 \r\n
\r\n \r\n \r\n
)\r\n}\r\n","import React from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Accordion from '@material-ui/core/Accordion';\r\nimport AccordionDetails from '@material-ui/core/AccordionDetails';\r\nimport AccordionSummary from '@material-ui/core/AccordionSummary';\r\n// import TitlePage from \"./../../../../../common/TitlePage\";\r\nimport Typography from '@material-ui/core/Typography';\r\nimport ExpandMoreIcon from '@material-ui/icons/ExpandMore';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width: '65%',\r\n minWidth:700,\r\n margin: 'auto',\r\n // marginBottom: 20,\r\n borderRadius: 10,\r\n '&:not(:first-child)': {\r\n borderBottom: 0,\r\n },\r\n '@media (max-width: 1100px)': {\r\n width: '100%',\r\n minWidth: 'unset',\r\n },\r\n },\r\n heading: {\r\n // fontSize: theme.typography.pxToRem(16),\r\n // flexBasis: '66.66%',\r\n // flexShrink: 0,\r\n paddingBottom: 0,\r\n fontWeight: 'bold',\r\n // fontSizeAdjust: '10',\r\n fontSize: 20,\r\n // color:\"#9e9e9e\",\r\n // fontWeight:600\r\n },\r\n body: {\r\n color: \"#858585\",\r\n\r\n },\r\n secondaryHeading: {\r\n fontSize: theme.typography.pxToRem(14),\r\n color: theme.palette.text.secondary,\r\n },\r\n container: {\r\n padding: \"20px\",\r\n \r\n // background: \"#f2f4f6\",\r\n borderRadius: 15,\r\n marginBottom: 10,\r\n [theme.breakpoints.down(\"md\")]: {\r\n width: \"100%\",\r\n margin: \"0 auto\",\r\n marginBottom: 30,\r\n padding: \"5px 10px\"\r\n },\r\n\r\n },\r\n Accordion:{\r\n border: '1px solid #E3E3E3' , \r\n marginBottom:10 ,\r\n boxShadow: 'none',\r\n textAlign: 'left',\r\n\r\n '&:before': {\r\n display: 'none',\r\n }\r\n },\r\n AccordionSummary: {\r\n '& p': {\r\n flexBasis: '95%',\r\n paddingTop: 10,\r\n fontSize: 16,\r\n \"@media (max-width: 1100px)\": {\r\n flexBasis: '100%',\r\n fontSize: 16,\r\n }\r\n\r\n }\r\n }\r\n}));\r\n\r\nexport default function ControlledAccordions({ data }) {\r\n\r\n const classes = useStyles();\r\n const [expanded, setExpanded] = React.useState(false);\r\n\r\n const handleChange = (panel) => (event, isExpanded) => {\r\n setExpanded(isExpanded ? panel : false);\r\n };\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\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\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
\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 \r\n \r\n
\r\n );\r\n}\r\nconst FAQ = [\r\n {\r\n question: \"حساب وکالتی بورس کالا چیست؟\",\r\n answer: \"حساب وکالتی نزد بانک مورد نظر به حساب معاملاتی مشتریانی که قصد خرید کالا در بورس کالا را داشته باشند وصل میشود. از طریق این حساب به کارگزاری وکالت داده میشود تا وجه مورد نیاز سفارشهای خرید در بورس کالا را مستقیما در حساب بانکی مشتری و با اجازه مشتری مسدود کند.\",\r\n },\r\n {\r\n question: \"کدام بانکها امکان افتتاح حساب وکالتی را دارند؟\",\r\n answer: \"درحال حاضر امکان افتتاح حساب وکالتی برعهده بانکهای ملت، پاسارگاد، صنعت و معدن، توسعه صادرات، سپه، آینده، اقتصاد نوین، کشاورزی، صادرات ایران، شهر، سینا، سامان، ملی ایران، رفاه کارگران، تجارت، توسعه تعاون، گردشگری و پارسیان است.\",\r\n },\r\n {\r\n question: \"آیا حساب وکالتی برای معاملات آتی برای معاملات بورس کالا کافی است؟\",\r\n answer: \"برای معاملات آتی باید حساب در اختیار معرفی شود که با حساب وکالتی متفاوت است. حساب در اختیار باید در بانکی افتتاح شود که شخص حساب عادی دیگری نیز در آن بانک داشته باشد تا حساب در اختیار فرد به آن متصل شود بنابراین باید به بخش اعلام شماره حساب وکالتی و در اختیار در سامانه ایبیگو مراجعه و بانکهای موجود را بررسی و فرم مربوط به آن را دریافت شود. بعد از افتتاح حساب وکالتی مجدد وارد سامانه ایبیگو شده و از قسمت اعلام شماره حساب وکالتی و در اختیار، حساب خود را معرفی کند.\",\r\n },\r\n {\r\n question: \"افرادی که کد بورسی دارند هم باید برای ثبت نام در بورس کالا دوباره سجام و کد بورسی بگیرند؟\",\r\n answer: \"برای خرید خودرو از بورس کالا، داشتن کد بورسی کافی نیست و باید کد معاملاتی بازار فیزیکی بورس کالا دریافت شود. لازم به ذکر است، در صورت تکمیل روند ثبتنام و احرازهویت در سامانه سجام، نیازی به ثبتنام مجدد نیست.\",\r\n },\r\n {\r\n question: \"تعیین قیمت نهایی خودرو در بورس کالا چگونه است؟\",\r\n answer: \"قیمتگذاری (قیمت پایه) توسط شورای رقابت و با درنظر گرفتن قیمت تمام شده تولید خودرو، مالیات و …. تعیین میگردد و قیمت نهایی (معامله شده در بورس کالا) خودرو براساس میزان تقاضا و همچنین قیمت ثبتشده از جانب سرمایهگذاران تعیین میشود.\",\r\n },\r\n {\r\n question: \"کشف قیمت در بورس کالا به چه صورت انجام میگیرد؟\",\r\n answer: \"در صورتی که تعداد عرضه از تقاضا بیشتر باشد، معاملات با قیمت پایه انجام خواهد شد. چنانچه تعداد تقاضا از حجم کالای عرضهشده بیشتر شود، معاملات بهصورت مزایده انجام میپذیرد. لذا سفارشات ارسال شده با قیمت بالاتر در اولویت قرار خواهند گرفت. و در صورت ارسال قیمت مساوی، قیمتی که به لحاظ زمانی زودتر ارسال گردد در اولویت خواهد بود.\",\r\n },\r\n {\r\n question: \"هر فرد چه تعداد خودرو میتواند بخرد؟\",\r\n answer: \"در حال حاضر برای خرید خودرو هر کد ملی تنها امکان ثبت سفارش روی یکی از خودروهای موجود و به تعداد یک عدد را دارد. به عبارت دیگر اگر شخصی در عرضههای قبلی موفق به خرید خودروی سواری شده باشد امکان ثبت سفارش نخواهد داشت.\",\r\n },\r\n\r\n]\r\n","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport CardFaq from './accordion';\r\n\r\nlet responsiveLength = \"1000\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n flexDirection: 'column',\r\n margin:'70px auto',\r\n maxWidth:'100%',\r\n '@media (max-width: 1100px)': {\r\n width: '100%',\r\n minWidth: 'unset',\r\n },\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n right:'calc(50% - 15px)',\r\n width: 30,\r\n [theme.breakpoints.down('1135')]: {\r\n top: -10,\r\n display: 'none'\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n title: {\r\n fontSize: 30,\r\n whiteSpace: 'nowrap',\r\n fontWeight: 700,\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 26,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n whiteSpace: 'normal',\r\n width: '100%',\r\n margin: 'auto',\r\n textAlign: 'center'\r\n }\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n\r\n {data.map((item, index) =>\r\n \r\n {item.question} */}\r\n \r\n \r\n {\r\n item.answer?.map((value, index) => {\r\n return (\r\n \r\n {value}\r\n \r\n\r\n )\r\n })\r\n }\r\n \r\n \r\n )}\r\n
\r\n \r\n {item.question}\r\n
\r\n {/*\r\n
)\r\n}\r\n\r\n\r\nlet data = [\r\n {\r\n question: 'با چه مبلغی میتوانم سرمایهگذاری را شروع کنم؟',\r\n answer: [\r\n \"در حال حاضر حتی با مبلغ ۱۰۰ هزار تومان نیز میتوانید در یکی از صندوقها سرمایهگذاری کنید.\"\r\n ]\r\n },\r\n {\r\n question: 'آیا روشی برای سرمایهگذاری وجود دارد که هیچ میزانی از ریسک نداشته باشد؟',\r\n answer: [\r\n `خیر، هر شاخهای از سرمایهگذاری، درجاتی از ریسک را دربر میگیرد. کم ریسکترین نوع سرمایهگذاری صندوقهای درآمد ثابت هستند. غالب دارایی این صندوقها را اوراق با درآمد ثابت تشکیل میدهد. `\r\n ]\r\n },\r\n {\r\n question: 'در هنگام سرمایهگذاری چه ارکانی را باید مد نظر داشت؟',\r\n answer: [\r\n \"میزان ریسکپذیری، هدف از سرمایهگذاری، عوامل مالی مانند میزان درآمد، مخارج روزمره، بدهیها و…\"\r\n ]\r\n },\r\n // {\r\n // question: '',\r\n // answer: [\r\n // \"\"\r\n // ]\r\n // },\r\n]","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\nlet responsiveLength = \"1000\";\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n ...theme.grid.gridMdContent,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n flexDirection: 'column',\r\n margin: '70px auto',\r\n maxWidth: '100%'\r\n },\r\n gridDesc: {\r\n width: '50%',\r\n minWidth: 700,\r\n maxWidth: '100%',\r\n margin: 'auto',\r\n position: 'relative',\r\n [theme.breakpoints.down(\"800\")]: {\r\n minWidth: '100%',\r\n },\r\n },\r\n desc: {\r\n margin: 0,\r\n fontSize: 16,\r\n },\r\n gridBtns: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: '25px',\r\n [theme.breakpoints.down(\"376\")]: {\r\n flexDirection: 'column',\r\n width: '100%',\r\n '& > button': {\r\n width: '90%'\r\n },\r\n '& > a': {\r\n width: '90%'\r\n }\r\n },\r\n },\r\n BtnsPhone:{\r\n [theme.breakpoints.down(\"376\")]: {\r\n '& > button': {\r\n width: '100%',\r\n margin: '5px 0px',\r\n }\r\n },\r\n },\r\n linkBtnRed: {\r\n '@media (max-width: 375px)': {\r\n width: '90%',\r\n },\r\n },\r\n btnRed: {\r\n margin: 5,\r\n '@media (max-width: 375px)': {\r\n width: '100%',\r\n margin: '5px 0px',\r\n },\r\n },\r\n btnWhite: {\r\n margin: 5,\r\n padding: '0px 33.5px',\r\n },\r\n line: {\r\n borderRadius: 3,\r\n height: 4,\r\n border: 'none',\r\n backgroundColor: theme.palette.light.type2,\r\n position: 'absolute',\r\n top: -10,\r\n right: 'calc(50% - 15px)',\r\n width: 30,\r\n [theme.breakpoints.down('1135')]: {\r\n top: -10,\r\n display: 'none'\r\n },\r\n [theme.breakpoints.down(responsiveLength)]: {\r\n top: -10,\r\n display: 'none'\r\n }\r\n },\r\n title: {\r\n fontSize: 30,\r\n whiteSpace: 'nowrap',\r\n fontWeight: 700,\r\n [theme.breakpoints.down('1500')]: {\r\n fontSize: 26,\r\n },\r\n [theme.breakpoints.down('500')]: {\r\n whiteSpace: 'normal',\r\n width: '90%',\r\n margin: 'auto',\r\n textAlign: 'center'\r\n }\r\n },\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\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","import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles((theme) => ({\r\n root: {\r\n backgroundColor: '#F8F7FB',\r\n width: '100%',\r\n height: 90,\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center'\r\n },\r\n content: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n text: {\r\n fontSize: 20,\r\n color: '#050A2A',\r\n marginBottom: 0,\r\n },\r\n tell: {\r\n display: 'inline-block',\r\n padding: '0 15px',\r\n }\r\n}))\r\n\r\nexport default function Index() {\r\n\r\n let classes = useStyles();\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\r\n\r\n\r\n
)\r\n}\r\n","import React, { useState } from 'react'\r\nimport Layout from '../../../layout'\r\nimport { makeStyles } from \"@material-ui/core\";\r\nimport Register from './register';\r\nimport WhyBourse from './whyBourse';\r\nimport Cart from './cart';\r\nimport SellAndBuy from './sellAndBuy';\r\nimport CashDesk from './cashDesk';\r\nimport Faq from './faq';\r\nimport HelpCustomer from './helpCustomer';\r\nimport Supporttext from './Supporttext/index';\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n position: \"relative\",\r\n minHeight: 1300\r\n },\r\n\r\n wrapper: {\r\n // position: 'absolute',\r\n position: 'relative',\r\n width: '100%',\r\n height:'auto',\r\n top: 0,\r\n },\r\n\r\n}))\r\n\r\n\r\nexport default function Home() {\r\n\r\n const classes = useStyles()\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 {\r\n !data && (\r\n <>\r\n
\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root:{\r\n width:472,\r\n maxWidth:'100%',\r\n minHeight:581,\r\n backgroundColor:'#FFFFFF',\r\n borderRadius:32,\r\n padding:64,\r\n \r\n \"@media(max-width : 500px)\": {\r\n padding:'32px 16px',\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n flexDirection:'column',\r\n minHeight:'500px',\r\n margin:'auto',\r\n },\r\n },\r\n gridLogo:{\r\n display:'flex',\r\n justifyContent:'center',\r\n alignItems:'center',\r\n marginTop:23,\r\n \"@media(max-width : 500px)\": {\r\n '& img':{\r\n width:250,\r\n }\r\n },\r\n },\r\n}))\r\n\r\n\r\nconst Index = ({ children }) => {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n
\r\n \r\n )\r\n }\r\n\r\n {data && (\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 {//eslint-disable-line jsx-a11y/iframe-has-title\r\n }\r\n setData(null)}>\r\n بازگشت\r\n
\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default Index ","import { useRef } from \"react\";\r\nimport { TextField } from \"@material-ui/core\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Field } from 'formik';\r\nimport React\r\n from \"react\";\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n minWidth: 296,\r\n maxWidth: '100%',\r\n position: 'relative',\r\n '@media (max-width: 500px)': {\r\n minWidth: '99%',\r\n marginRight: 'auto',\r\n marginLeft: 'auto',\r\n },\r\n\r\n },\r\n label: {\r\n marginBottom: 12,\r\n fontSize: 14,\r\n fontWeight: 400,\r\n },\r\n TextField: {\r\n '& .MuiInputBase-input': {\r\n textAlign: 'center',\r\n height: 15,\r\n }\r\n },\r\n errorTextfield: {\r\n color: '#E60001',\r\n },\r\n textError: {\r\n color: '#E60001',\r\n fontSize: 12,\r\n fontWeight: 400,\r\n position: 'absolute',\r\n }\r\n}))\r\n\r\n\r\nexport default function Index({ label, placeholder, dataForm, ...inputProps }) {\r\n\r\n let classes = useStyles();\r\n let myRef = useRef(null);\r\n\r\n\r\n const handleClick = () => {\r\n myRef.current.focus();\r\n };\r\n\r\n return (\r\n \r\n \r\n
\r\n {children && children}\r\n \r\n handleClick()}>\r\n\r\n \r\n {({ field }) => {\r\n\r\n return (\r\n {dataForm?.errors?.[dataForm?.id]}\r\n ) : null\r\n }\r\n InputProps={{\r\n ...inputProps,\r\n className: dataForm?.errors?.[dataForm?.id] && dataForm?.touched?.[dataForm?.id] ? classes['errorTextfield'] : '',\r\n style: { borderColor: dataForm?.errors?.[dataForm?.id] && dataForm?.touched?.[dataForm?.id] ? 'red' : 'rgb(179, 179, 179)', height: 42 },\r\n }}\r\n placeholder={placeholder?placeholder:null}\r\n />\r\n )\r\n }}\r\n \r\n
\r\n )\r\n}\r\n","import React, { useEffect, useRef } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport CardBox from '../components/cards/cards';\r\nimport TextFieldCustom from '../components/textFiled/input';\r\nimport { validNationalId } from \"../../../method/validNarionalId/index\";\r\nimport { getCaptcha } from \"../../../../redux/captchaPouyan/getcaptcha\";\r\nimport { Formik, FormikHelpers, ErrorMessage } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport { base64File } from \"../../../method/fineBase64file/finebase64file\";\r\nimport { Button, CircularProgress, InputAdornment, TextField } from \"@material-ui/core\";\r\nimport { useHistory, useLocation } from \"react-router-dom/cjs/react-router-dom.min\";\r\nimport { send_otp_sejam } from \"../../../../redux/register/sejam/send_otp_ssejam/sendOtpSejam\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { notificationAlertErrorApi } from './../../../method/notificationAlertErrorApi/notificationAlertErrorApi'\r\nimport { actionTypes as actionTypesNotif } from './../../../../redux/notificationAlert/index';\r\nimport { send_otp_chang_oms_api } from \"../../../../redux/services/senUpdateTradingSystemOtp/senUpdateTradingSystemOtp\";\r\nimport { convertDigitToEnglish } from \"../../../method/convertDigitToEnglish\";\r\nimport { convertPersianToEnglishDigits } from \"../../../method/converter/converterText\";\r\n\r\n\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%'\r\n },\r\n gridTilte: {\r\n fontSize: 16,\r\n marginBottom: 10,\r\n marginTop: 80,\r\n maxWidth: '100%',\r\n \"@media(max-width : 505px)\": {\r\n fontSize: 14,\r\n minWidth: '100%',\r\n },\r\n },\r\n desc: {\r\n marginBottom: '16px',\r\n fontWeight: 'bold',\r\n\r\n },\r\n textError: {\r\n color: '#E60001',\r\n fontSize: 12,\r\n fontWeight: 400,\r\n position: 'absolute',\r\n paddingTop: 5,\r\n paddingRight: 10,\r\n },\r\n errorTextfield: {\r\n color: '#E60001',\r\n '& .MuiOutlinedInput-notchedOutline': {\r\n border: '1px solid red'\r\n }\r\n },\r\n TextFieldCaptcha: {\r\n '& .MuiOutlinedInput-root fieldset': {\r\n borderColor: 'red',\r\n },\r\n },\r\n gridTextField: {\r\n marginBottom: 24\r\n },\r\n TextField: {\r\n width: '100%',\r\n },\r\n gridCaptcha: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n },\r\n customButton: {\r\n backgroundColor: '#0B1742 !important',\r\n color: '#fff',\r\n margin: 'auto !important',\r\n minWidth: \"100% !important\",\r\n minHeight: \"40px !important\",\r\n },\r\n textHelp: {\r\n color: \"#ADADAD\",\r\n fontSize: 13\r\n\r\n },\r\n iconRefresh:{\r\n cursor:'pointer'\r\n }\r\n}))\r\n\r\n\r\n\r\nconst Index = () => {\r\n\r\n let classes = useStyles();\r\n const formikRef = useRef();\r\n\r\n const location = useLocation();\r\n let dispatch = useDispatch();\r\n const navigate = useHistory();\r\n\r\n const { national_id , servics} = location.state?.state ||location.state || {};\r\n\r\n\r\n const initialValues = {\r\n national_id: null,\r\n captcha: {\r\n token: null,\r\n src: null,\r\n value: null,\r\n },\r\n };\r\n\r\n\r\n const validationSchema = Yup.object().shape({\r\n national_id: Yup.string()\r\n .matches(/^[0-9]{10}$/, \"کد ملی باید ۱۰ رقم باشد\")\r\n .transform(convertPersianToEnglishDigits)\r\n .test(\"isValidNationalId\", \"کد ملی نادرست است!\", (value) =>\r\n value ? validNationalId(value) : false\r\n )\r\n .required('کد ملی الزامی است'),\r\n\r\n captcha: Yup.object({\r\n value: Yup.string()\r\n .required('مقدار کپچا الزامی است'),\r\n })\r\n\r\n });\r\n\r\n const handleSubmit = (values, { setSubmitting }) => {\r\n\r\n setSubmitting(true);\r\n apiSubmitSendOtpSejam(values, setSubmitting)\r\n };\r\n\r\n\r\n const getCaptchMehtod = () => {\r\n getCaptcha()\r\n .then((res) => {\r\n if (res?.data?.data?.token) {\r\n let setFieldValue = formikRef?.current?.setFieldValue\r\n setFieldValue('captcha', {\r\n token: res?.data.data.token,\r\n src: base64File(res?.data?.data.fileData),\r\n value: null,\r\n });\r\n }\r\n })\r\n .catch((error) => {\r\n console.error('Error fetching captcha:', error);\r\n });\r\n };\r\n\r\n\r\n useEffect(() => {\r\n getCaptchMehtod()\r\n return () => { }\r\n }, [])\r\n\r\n\r\n useEffect(() => {\r\n if (national_id) {\r\n let setFieldValue = formikRef?.current?.setFieldValue\r\n setFieldValue('national_id', national_id)\r\n }\r\n }, [national_id])\r\n\r\n\r\n const apiSubmitSendOtpSejam = (values, setSubmitting) => {\r\n\r\n setSubmitting(true)\r\n\r\n let payload = {\r\n data: {\r\n NationalCode: convertDigitToEnglish(values?.national_id),\r\n },\r\n headers: {\r\n 'captcha-value': convertDigitToEnglish(values?.captcha?.value),\r\n 'captcha-token': values?.captcha?.token,\r\n }\r\n }\r\n\r\n if(servics === 'sejam'){\r\n apiSejam(payload , values , setSubmitting)\r\n }\r\n\r\n if(servics === 'changeOms'){\r\n apiChangeOms(payload , values , setSubmitting)\r\n }\r\n\r\n\r\n }\r\n\r\n\r\n const apiSejam = (payload ,values,setSubmitting )=>{\r\n send_otp_sejam(payload)\r\n .then((res) => {\r\n if (res?.status === 200 && res?.data?.data.sendOTPStatus) {\r\n navigate.push('/register/otp', {\r\n national_id: values?.national_id,\r\n message: res?.data?.data?.message,\r\n servics: 'sejam',\r\n data:{\r\n ...res?.data?.data\r\n }\r\n });\r\n }\r\n if (res?.data?.data?.message) {\r\n dispatch(({ type: actionTypesNotif.warning, textAlert: res?.data?.data?.message }))\r\n getCaptchMehtod()\r\n }\r\n })\r\n .catch((error) => {\r\n\r\n if (error?.response?.data?.code === 1302 ||\r\n error?.response?.data?.message === \"برای ثبت نام در کارگزاری می بایست ابتدا در سامانه سجام ثبت نام کنید.\"\r\n ) {\r\n navigate('/register/sejam', { state: {... location.state } });\r\n return\r\n }\r\n\r\n notificationAlertErrorApi(error, dispatch)\r\n getCaptchMehtod()\r\n formikRef.current.setFieldValue('captcha.value', '');\r\n\r\n\r\n })\r\n .finally(() => {\r\n setSubmitting(false)\r\n })\r\n }\r\n\r\n const apiChangeOms = (payload ,values,setSubmitting )=>{\r\n send_otp_chang_oms_api(payload)\r\n .then((res) => {\r\n if (res?.status === 200 && res?.data.sendOTPStatus) {\r\n navigate.push('/register/otp', {\r\n national_id: values?.national_id,\r\n message: res?.data?.message,\r\n servics: 'changeOms',\r\n data:{\r\n ...res?.data\r\n }\r\n });\r\n }\r\n if (res?.data?.data?.message) {\r\n dispatch(({ type: actionTypesNotif.warning, textAlert: res?.data?.data?.message }))\r\n getCaptchMehtod()\r\n }\r\n })\r\n .catch((error) => {\r\n\r\n if (error?.response?.data?.code === 1302 ||\r\n error?.response?.data?.message === \"برای ثبت نام در کارگزاری می بایست ابتدا در سامانه سجام ثبت نام کنید.\"\r\n ) {\r\n navigate('/register/sejam', { state: {... location.state } });\r\n return\r\n }\r\n\r\n notificationAlertErrorApi(error, dispatch)\r\n getCaptchMehtod()\r\n formikRef.current.setFieldValue('captcha.value', '');\r\n\r\n\r\n })\r\n .finally(() => {\r\n setSubmitting(false)\r\n })\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n {({ isSubmitting, errors, touched, values, setFieldValue }) => {\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\r\n
\r\n \r\n setFieldValue('captcha.value', e.target.value)}\r\n onKeyUp={(event) => (event.key === 'Enter') ? formikRef.current?.submitForm() : ''}\r\n className={classes['TextField']}\r\n InputProps={{\r\n endAdornment: (\r\n \r\n \r\n ),\r\n className: errors?.captcha && touched?.captcha ? classes['errorTextfield'] : '',\r\n style: {\r\n width: '100%',\r\n height: 42,\r\n },\r\n }}\r\n sx={{\r\n '& .MuiOutlinedInput-root fieldset': {\r\n borderColor: errors?.captcha && touched?.captcha ? 'red' : ''\r\n },\r\n }}\r\n />\r\n
\r\n \r\n {\r\n values?.captcha?.src && \r\n }\r\n getCaptchMehtod()}\r\n />\r\n
\r\n getCaptchMehtod()}\r\n />\r\n \r\n formikRef.current?.submitForm()}\r\n >\r\n {isSubmitting ? (\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
\r\n\r\n ![\"\"](\"/assets/images/register/sejamRegister.png\")
\r\n
\r\n \r\n \r\n \r\n {false ? (\r\n <>\r\n در حال ارسال\r\n
\r\n \r\n
\r\n \r\n handelClick()} style={{ cursor: 'pointer' }} >\r\n کد ملی را اشتباه وارد کردید؟\r\n \r\n handelClick()} style={{ cursor: 'pointer' }} >\r\n اصلاح کد ملی\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n )\r\n}\r\n\r\nexport default Index ","import { useEffect } from 'react';\r\nimport { useRef } from 'react';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport React from 'react';\r\n\r\nconst useStyles = makeStyles(() => ({\r\n smsCodeVerification: {\r\n margin: \"0px auto 0 auto\",\r\n width: \"auto\",\r\n height: \"auto\",\r\n textAlign: \"center\",\r\n direction: \"ltr\",\r\n borderRadius: 5,\r\n fontSize: 20,\r\n \"& input\": {\r\n border: \"1px solid #e1e1e1\",\r\n fontSize: \"20px !important\",\r\n height: 50,\r\n textAlign: \"center\",\r\n width: 50,\r\n borderRadius: 5,\r\n margin: 5,\r\n\r\n \"@media(max-width : 1220px)\": {\r\n width: 45,\r\n margin: 3,\r\n },\r\n \"@media(max-width : 950px)\": {\r\n width: 50,\r\n margin: 3,\r\n },\r\n \"@media(max-width : 420px)\": {\r\n width: 45,\r\n margin: 3,\r\n },\r\n '&[type=number]': {\r\n MozAppearance: 'textfield'\r\n },\r\n '&[type=number]::-webkit-outer-spin-button': {\r\n WebkitAppearance: 'none',\r\n margin: 0\r\n },\r\n '&[type=number]::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n margin: 0\r\n },\r\n\r\n \"&:focus\": {\r\n border: \"1px solid #0B1742\",\r\n fontSize: 20,\r\n outline: 0,\r\n },\r\n \"&::placeholder\": {\r\n color: \"black\",\r\n position: \"relative\",\r\n top: -5\r\n }\r\n }\r\n },\r\n root: {\r\n width: '100%'\r\n },\r\n textError: {\r\n color: '#E60001',\r\n fontSize: 12,\r\n fontWeight: 400,\r\n }\r\n}))\r\n\r\n\r\n\r\nexport default function Otp({ InputSmsCode, setInputSmsCode, numberOtp, submiting, formikCustom }) {\r\n\r\n const classes = useStyles()\r\n const refOneNode = useRef()\r\n\r\n const handelSmsCode = () => {\r\n const form = document.querySelector('[name=\"verifyForm\"]');\r\n const inputs = form.querySelectorAll(\".inputs input\");\r\n\r\n const formData = new FormData();\r\n\r\n function shouldSubmit() {\r\n return [...inputs].every((input) => input.value.length > 0);\r\n }\r\n\r\n function handleSubmit(e) {\r\n e.preventDefault();\r\n if (shouldSubmit()) {\r\n submiting()\r\n }\r\n }\r\n\r\n function handleInput(e) {\r\n const input = e.target;\r\n if (input.value) {\r\n formData.append(input.name, input.value);\r\n\r\n if (input.nextElementSibling) {\r\n input.nextElementSibling.focus();\r\n }\r\n }\r\n }\r\n\r\n function handleFocus(e) {\r\n if (e.target.value) {\r\n e.target.select();\r\n }\r\n }\r\n\r\n function handlePaste(e) {\r\n const paste = e.clipboardData.getData(\"text\");\r\n inputs.forEach((input, i) => {\r\n input.value = paste[i] || \"\";\r\n formData.set(input.name, input.value);\r\n });\r\n\r\n if (shouldSubmit()) {\r\n handleSubmit();\r\n }\r\n }\r\n\r\n function handleKeyDown(e) {\r\n if (e.key === \"Backspace\") {\r\n e.preventDefault();\r\n const target = e.target;\r\n const previousInput = target.previousElementSibling;\r\n\r\n if (target.value.length === 0 && previousInput) {\r\n previousInput.focus();\r\n previousInput.value = previousInput.value.slice(0, -1);\r\n formData.set(previousInput.name, previousInput.value);\r\n } else {\r\n target.value = target.value.slice(0, -1);\r\n formData.set(target.name, target.value);\r\n }\r\n\r\n setInputSmsCode((prevState) => ({\r\n ...prevState,\r\n [target?.name?.[1]]: \"\",\r\n }));\r\n\r\n\r\n }\r\n }\r\n\r\n inputs[0].addEventListener(\"paste\", handlePaste);\r\n\r\n form.addEventListener(\"input\", handleInput);\r\n form.addEventListener(\"focusin\", handleFocus);\r\n form.addEventListener(\"keydown\", handleKeyDown);\r\n form.onsubmit = handleSubmit;\r\n };\r\n\r\n const handleChangeSmsCodeInput = (value, type) => {\r\n if (value === \" \" || value === \"\") {\r\n setInputSmsCode(() => ({\r\n 1: \"\",\r\n 2: \"\",\r\n 3: \"\",\r\n 4: \"\",\r\n 5: \"\",\r\n 6: \"\",\r\n }));\r\n } else {\r\n let valueInput = value.toString()\r\n setInputSmsCode((prev) => ({\r\n ...prev,\r\n [type]: valueInput?.length >= 2 ? valueInput[valueInput?.length - 1] : valueInput\r\n }));\r\n }\r\n };\r\n\r\n\r\n useEffect(() => {\r\n const combinedValues = Object.values(InputSmsCode).join(\"\");\r\n let setFieldValue = formikCustom?.setFieldValue\r\n setFieldValue(`${formikCustom?.key}`, combinedValues)\r\n return () => { };\r\n }, [InputSmsCode]);\r\n\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n ![\"\"](\"/assets/images/register/sejam.png\")
\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 formikCustom?.errors?.[formikCustom?.key] && formikCustom?.touched?.[formikCustom?.key] ? (\r\n {formikCustom?.errors?.[formikCustom?.key]}\r\n ) : null\r\n }\r\n
\r\n\r\n\r\n handleRefresh()} >\r\n
\r\n \r\n )}\r\n {minutes !== 0 || seconds !== 0 ? (\r\n \r\n {/* ![\"\"]({\"/assets/icons/Refresh.svg\"})
handleRefresh()} style={{ cursor: 'pointer' }} />\r\n {\"ارسال مجدد کد\"}\r\n
\r\n handleRefresh()} style={{ cursor: 'pointer' }} />\r\n {\"ارسال مجدد کد\"}\r\n \r\n {/*
\r\n \r\n ) : (null)}\r\n \r\n );\r\n};\r\n\r\nexport default Timer;\r\n","const getCookieValue = (name) => {\r\n const match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)'));\r\n return match ? match[2] : null;\r\n};\r\n\r\n\r\nconst setCookie = (name, value, options = {}) => {\r\n\r\n let cookie = `${name}=${value};`;\r\n\r\n if (options.expires) {\r\n if (typeof options.expires === 'number') {\r\n const date = new Date();\r\n date.setTime(date.getTime() + options.expires * 1000);\r\n cookie += `expires=${date.toUTCString()};`;\r\n } else if (options.expires instanceof Date) {\r\n cookie += `expires=${options.expires.toUTCString()};`;\r\n }\r\n }\r\n\r\n if (options.path) {\r\n cookie += `path=${options.path};`;\r\n } else {\r\n cookie += 'path=/;';\r\n }\r\n\r\n\r\n const domain = options.domain || window.location.hostname.split('.').slice(-2).join('.');\r\n\r\n cookie += `domain=${domain ? domain : 'pouyanbroker.ir'};`;\r\n\r\n\r\n document.cookie = cookie;\r\n};\r\n\r\n\r\nconst setFlagInCookie = (nationalId, flagValue) => {\r\n const cookieName = `flag_${nationalId}`;\r\n const cookieValue = flagValue ? \"true\" : \"false\";\r\n const expirationDate = new Date();\r\n expirationDate.setFullYear(expirationDate.getFullYear() + 1);\r\n document.cookie = `${cookieName}=${cookieValue}; expires=${expirationDate.toUTCString()}; path=/`;\r\n}\r\n\r\n const clearCookies = () => {\r\n const cookies = document.cookie.split(\";\");\r\n const domain = window.location.hostname.split('.').slice(-2).join('.'); \r\n \r\n cookies.forEach((cookie) => {\r\n const eqPos = cookie.indexOf(\"=\");\r\n const name = eqPos > -1 ? cookie.substr(0, eqPos).trim() : cookie.trim();\r\n \r\n document.cookie = `${name}=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/;domain=${domain}`;\r\n });\r\n}\r\n\r\nexport { setCookie, setFlagInCookie, getCookieValue , clearCookies };\r\n","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport CardBox from '../components/cards/cards';\r\nimport { Formik, Form } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport OtpComponent from '../components/otp';\r\nimport Timer from '../components/timer/index';\r\nimport { Button, CircularProgress } from \"@material-ui/core\";\r\nimport { useLocation, useHistory } from \"react-router-dom\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { notificationAlertErrorApi } from './../../../method/notificationAlertErrorApi/notificationAlertErrorApi'\r\nimport { validateOTP } from './../../../../redux/register/validateOTP/validateOTP'\r\nimport { retray_send_otp_api } from './../../../../redux/retryOtp/retryOtp';\r\nimport { actionTypes as actionTypesNotif } from './../../../../redux/notificationAlert/index';\r\nimport {setCookie} from './../../../method/cookie/cookiePouyanBroker';\r\nimport { convertDigitToEnglish } from \"../../../method/convertDigitToEnglish\";\r\nimport { convertPersianToEnglishDigits } from \"../../../method/converter/converterText\";\r\n\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%'\r\n },\r\n gridTilte: {\r\n fontSize: 16,\r\n marginBottom: 10,\r\n marginTop: 64,\r\n maxWidth: '100%',\r\n \"@media(max-width : 505px)\": {\r\n fontSize: 14,\r\n minWidth: '100%',\r\n },\r\n },\r\n desc: {\r\n fontWeight: 'bold',\r\n },\r\n customButton: {\r\n backgroundColor: '#0B1742 !important',\r\n color: '#fff',\r\n margin: 'auto !important',\r\n minWidth: \"100% !important\",\r\n minHeight: \"40px !important\",\r\n },\r\n title: {\r\n fontSize: 18,\r\n color: '#757590',\r\n marginBottom: 16,\r\n },\r\n\r\n}))\r\n\r\n\r\nconst Index = () => {\r\n\r\n let classes = useStyles();\r\n const location = useLocation();\r\n const formikRef = useRef();\r\n let dispatch = useDispatch();\r\n const navigate = useHistory();\r\n\r\n const { message, national_id, servics, data } = location.state || {};\r\n\r\n\r\n\r\n const [InputSmsCode, setInputSmsCode] = useState({\r\n 1: \"\",\r\n 2: \"\",\r\n 3: \"\",\r\n 4: \"\",\r\n 5: \"\",\r\n 6: \"\",\r\n });\r\n\r\n\r\n const initialValues = {\r\n otp: '',\r\n };\r\n\r\n\r\n const validationSchema = Yup.object().shape({\r\n otp: Yup.string()\r\n .matches(/^\\d{5}$/, ' کد تایید باید 5 رقم باشد')\r\n .transform(convertPersianToEnglishDigits)\r\n .required('کد تایید الزامی است'),\r\n });\r\n\r\n const handleSubmit = (values, { setSubmitting, resetForm }) => {\r\n apiSubmitGetProfileOtpSejam(values, setSubmitting, resetForm)\r\n };\r\n\r\n\r\n const apiSubmitGetProfileOtpSejam = (values, setSubmitting, resetForm) => {\r\n\r\n setSubmitting(true)\r\n\r\n let payload = {\r\n data: {\r\n NationalCode: convertDigitToEnglish(national_id),\r\n Otp: convertDigitToEnglish(values?.otp)\r\n },\r\n }\r\n\r\n validateOTP(payload)\r\n .then((res) => {\r\n let token = res?.data?.data?.token\r\n if(token){\r\n setCookie('token', token);\r\n setCookie('national_id', national_id);\r\n }\r\n\r\n if (res?.data?.data && servics === 'sejam') {\r\n navigate.push('/register/contarct', { state: { ...location.state, token: token } });\r\n }\r\n if ((res?.data?.data && servics === 'changeOms') && data?.requiredRegistration) {\r\n navigate.push('/register/contarct', { state: { ...location.state, token: token } });\r\n }\r\n if ((res?.data?.data && servics === 'changeOms') && !data?.requiredRegistration) {\r\n navigate.push('/register/changeOms', { state: { ...location.state, token: token } });\r\n }\r\n })\r\n .catch((error) => {\r\n notificationAlertErrorApi(error, dispatch)\r\n resetForm()\r\n setInputSmsCode({\r\n 1: \"\",\r\n 2: \"\",\r\n 3: \"\",\r\n 4: \"\",\r\n 5: \"\",\r\n 6: \"\",\r\n })\r\n })\r\n .finally(() => {\r\n setSubmitting(false)\r\n })\r\n }\r\n\r\n\r\n const handelBack = () => {\r\n redirectNatinalId()\r\n }\r\n\r\n useEffect(() => {\r\n if (!national_id) {\r\n redirectNatinalId()\r\n return\r\n }\r\n }, [])\r\n\r\n const redirectNatinalId = () => {\r\n navigate.push('/register/national', {\r\n ...location.state\r\n });\r\n }\r\n\r\n const RetrySendOtp = () => {\r\n\r\n let payload = {\r\n data: {\r\n NationalCode: convertDigitToEnglish(national_id),\r\n },\r\n headers: {\r\n token: data?.token\r\n }\r\n }\r\n\r\n retray_send_otp_api(payload)\r\n .then((res) => {\r\n if (res?.status == 200) {\r\n dispatch(({ type: actionTypesNotif.success, textAlert: 'ارسال پیامک با موفقیت انجام شد' }))\r\n }\r\n })\r\n .catch((error) => {\r\n notificationAlertErrorApi(error, dispatch)\r\n })\r\n .finally(() => { })\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n {({ isSubmitting, errors, touched, setFieldValue }) => {\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\r\n {\r\n message\r\n ? message\r\n : servics === 'sejam'\r\n ? 'کد تایید به شماره موبایل ثبت شده در سجام را وارد کنید'\r\n : 'کد تأیید ارسالشده به شماره موبایل خود را وارد کنید'\r\n\r\n }\r\n
\r\n event.stopPropagation()}>\r\n\r\n
\r\n \r\n درخواست شما با موفقیت ثبت شد\r\n
\r\n\r\n طی ۲۴ تا ۴۸ ساعت آینده امکان معامله برای شما فراهم خواهد شد،\r\n
\r\n\r\n فعالسازی حساب از طریق پیامک به شما اطلاع داده میشود.\r\n
\r\n event.stopPropagation()} className={classes['gridButton']}>\r\n handelClick()}\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 Contract;","import React, { useEffect, useRef, useState } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Checkbox, CircularProgress } from \"@material-ui/core\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { base64File } from \"../../../method/fineBase64file/finebase64file\";\r\nimport ModalContarct from './contractModal/contractModal';\r\nimport ModalSuccess from './successModal/successModal';\r\nimport { select_online_contarct_api } from \"../../../../redux/register/contarct/selectOnlineContarct/selectOnlineContarct\";\r\nimport { notificationAlertErrorApi } from '../../../method/notificationAlertErrorApi/notificationAlertErrorApi'\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: 1198,\r\n maxWidth: '95%',\r\n padding: 64,\r\n borderRadius: 32,\r\n backgroundColor: '#ffffff',\r\n boxShadow: \" 0px 2px 15px 0px #0000000D\",\r\n margin: 'auto',\r\n \"@media(max-width : 700px)\": {\r\n padding: '32px',\r\n },\r\n \"@media(max-width : 500px)\": {\r\n padding: '32px 16px',\r\n },\r\n\r\n },\r\n gridTilte: {\r\n marginBottom: 32\r\n },\r\n\r\n textHelp: {\r\n color: \"#ADADAD\",\r\n fontSize: 18,\r\n\r\n },\r\n text: {\r\n marginBottom:0\r\n\r\n },\r\n gridContract: {\r\n minHeight: 442,\r\n border: '1px solid rgba(0,0,0,0.1)'\r\n },\r\n loading: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center'\r\n },\r\n gridFooter: {\r\n minWidth: 290,\r\n display: 'flex',\r\n alignItems: 'center',\r\n borderRadius: 4,\r\n marginTop: 20,\r\n marginBottom: 5,\r\n\r\n },\r\n checkBoxContract: {\r\n marginLeft: 10,\r\n padding: '0px 0px 0px 10px !important',\r\n '&.Mui-checked': {\r\n color: '#0B1742 !important',\r\n },\r\n },\r\n}))\r\n\r\n\r\n\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\nconst Index = () => {\r\n\r\n let classes = useStyles();\r\n const location = useLocation();\r\n const formikRef = useRef();\r\n let dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n const [loading, setLoading] = useState(false)\r\n const [open, SetOpen] = useState(false)\r\n const [flagSuccessRegister, SetFlagSuccessRegister] = useState(false)\r\n const [contract, setContract] = useState(null)\r\n\r\n const { token, national_id, servics } = location?.state?.state || location?.state || {};\r\n\r\n const apiGetUserOnlineContarct = () => {\r\n\r\n let payload = {\r\n data: {\r\n NationalCode: national_id,\r\n },\r\n headers: {\r\n token: token\r\n }\r\n }\r\n\r\n setLoading(true)\r\n\r\n select_online_contarct_api(payload)\r\n .then((res) => {\r\n let data = res?.data?.data?.contractFile || null\r\n if (data) {\r\n setContract(\r\n base64File(data)\r\n )\r\n }\r\n })\r\n .catch((error) => {\r\n notificationAlertErrorApi(error, dispatch)\r\n })\r\n .finally(() => {\r\n setLoading(false)\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n if (!national_id || !token) {\r\n alert('کاربر گرامی شما دسترسی به این صفحه را ندارید')\r\n history.push('/register/national', {\r\n national_id: national_id,\r\n servics: \"servics\"\r\n });\r\n return\r\n }\r\n apiGetUserOnlineContarct()\r\n }, [national_id])\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n )\r\n}\r\n\r\nexport default Index ","import AxiosCustom from \"../../../../components/common/apiConfigPouyan/index\";\r\n\r\n\r\nexport function select_online_contarct_api(payload) {\r\n\r\n const config = {\r\n\r\n url: `/UpdateContract/GetOnlineContracts/OnlineContract/${payload?.data?.NationalCode}`,\r\n method:'GET'\r\n };\r\n\r\n const data = payload?.data?.body\r\n\r\n const header = {\r\n ...payload?.headers\r\n }\r\n\r\n return AxiosCustom(config, data, header);\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { get_panel } from \"./../../../../../../redux/services/getPanel/getPanel\";\r\nimport { useLocation } from \"react-router-dom/cjs/react-router-dom.min\";\r\nimport { notificationAlertErrorApi } from \"../../../../../method/notificationAlertErrorApi/notificationAlertErrorApi\";\r\nimport { useDispatch } from \"react-redux\";\r\n\r\nconst useStyles = makeStyles(() => ({\r\n wrapper: {\r\n position: 'relative',\r\n },\r\n gridTitle: {\r\n position: 'absolute',\r\n top: '-12px',\r\n right: '5%',\r\n padding: '0px 10px',\r\n backgroundColor: '#fff',\r\n },\r\n grid: {\r\n display: \"flex\",\r\n alignItems: \"center\",\r\n },\r\n card: {\r\n backgroundColor: \"#FFFFFF\",\r\n borderRadius: 4,\r\n padding: 12,\r\n border: \"1px solid #C2C2C2\",\r\n margin: \"16px 5px\",\r\n cursor: \"pointer\",\r\n minWidth: 169,\r\n \"&.selected\": {\r\n borderColor: \"#000\",\r\n backgroundColor: \"#f0f0f0\",\r\n },\r\n },\r\n tadbir: {\r\n marginLeft: 15,\r\n },\r\n text: {\r\n fontSize: 14,\r\n },\r\n}));\r\n\r\nconst Index = ({ setTradingSystemId, tradingSystemId }) => {\r\n\r\n const classes = useStyles();\r\n let location = useLocation();\r\n let dispatch = useDispatch();\r\n\r\n const [panelItem, setPanelItem] = useState([]);\r\n const [loading, setLoading] = useState(false);\r\n\r\n\r\n const { national_id, token } = location.state?.state || location.state || {};\r\n\r\n useEffect(() => {\r\n if (token) {\r\n\r\n let payload = {\r\n data: {\r\n nationalCode: national_id,\r\n },\r\n headers: {\r\n token: token,\r\n }\r\n }\r\n setLoading(true)\r\n get_panel(payload)\r\n .then((res) => {\r\n if (res?.data?.data) {\r\n setPanelItem(res?.data?.data);\r\n\r\n const selectedItem = res?.data?.data.find((item) => item.isSelected);\r\n if (selectedItem) {\r\n setTradingSystemId(selectedItem.id);\r\n }\r\n\r\n }\r\n })\r\n .catch((error) => {\r\n notificationAlertErrorApi(error, dispatch)\r\n })\r\n .finally(() => {\r\n setLoading(false)\r\n })\r\n }\r\n }, [token]);\r\n\r\n const onChangeTradingSystemId = (tsId) => setTradingSystemId(tsId)\r\n\r\n\r\n return (\r\n \r\n SetOpen(false)}\r\n />\r\n\r\n SetFlagSuccessRegister(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 loading\r\n ?
\r\n\r\n \r\n SetOpen(event?.target?.checked)}\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\nexport default Index;\r\n","import AxiosCustom from \"./../../../components/common/apiConfigPouyan/index\";\r\n\r\n\r\nexport function get_panel(payload) {\r\n\r\n const config = {\r\n url: `/TradingSystem/GetAllTradingSystems/GetAll/${payload?.data?.nationalCode}`,\r\n method: 'GET'\r\n };\r\n const data = {};\r\n\r\n const header = {\r\n ...payload?.headers\r\n }\r\n\r\n return AxiosCustom(config, data, header);\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { useLocation, useHistory } from \"react-router-dom\";\r\nimport Services from './services/services';\r\nimport { Button } from \"@material-ui/core\";\r\nimport { notificationAlertErrorApi } from \"../../../../method/notificationAlertErrorApi/notificationAlertErrorApi\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { actionTypes as actionTypesNotif } from './../../../../../redux/notificationAlert/index';\r\nimport { register_trading_system } from \"../../../../../redux/services/registerTradingSystem/registerTradingSystem\";\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n minHeight: '100vh',\r\n },\r\n gridLogo: {\r\n width: 209,\r\n marginTop: 72,\r\n margin: 'auto',\r\n '& > img': {\r\n width: '100%',\r\n }\r\n },\r\n grid: {\r\n width: '90%',\r\n maxWidth: 1198,\r\n padding: 32,\r\n borderRadius: 32,\r\n boxShadow: \"0px 2px 15px 0px #0000000D\",\r\n margin: 'auto',\r\n marginTop: 44,\r\n backgroundColor: '#ffffff',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n minHeight: '75vh',\r\n textAlign: 'center',\r\n position: 'relative',\r\n },\r\n title: {\r\n color: '#323232',\r\n fontWeight: 'bold',\r\n marginTop: 28,\r\n },\r\n customButton: {\r\n backgroundColor: '#0B1742 !important',\r\n color: '#fff',\r\n margin: 'auto !important',\r\n minWidth: \"160px !important\",\r\n minHeight: \"40px !important\",\r\n },\r\n gridTitle: {\r\n position: 'absolute',\r\n top: 64,\r\n left: '5%',\r\n },\r\n gridBtns: {\r\n width: '90%',\r\n maxWidth: 1198,\r\n margin: 'auto',\r\n marginTop: 20,\r\n display: 'flex',\r\n justifyContent: 'flex-end'\r\n },\r\n customButton: {\r\n backgroundColor: '#0B1742 !important',\r\n color: '#fff',\r\n minWidth: \"160px !important\",\r\n minHeight: \"40px !important\",\r\n },\r\n}))\r\n\r\n\r\n\r\nconst Index = () => {\r\n\r\n let classes = useStyles();\r\n let dispatch = useDispatch();\r\n const location = useLocation();\r\n const navigate = useHistory();\r\n\r\n const { national_id, token } = location.state?.state || location.state || {};\r\n\r\n\r\n const [tradingSystemId, setTradingSystemId] = useState(null);\r\n const [loading, setLoading] = useState(false);\r\n\r\n const apiSubmit = () => {\r\n\r\n if (loading) return\r\n\r\n if (!tradingSystemId) {\r\n dispatch(({\r\n type: actionTypesNotif?.warning,\r\n textAlert: 'لطفا سامانه معاملاتی خود را انتخاب نمایید'\r\n }))\r\n return\r\n }\r\n\r\n let payload = {\r\n data: {\r\n NationalCode: national_id,\r\n tradingSystemId: tradingSystemId\r\n },\r\n headers: {\r\n token: token\r\n }\r\n }\r\n register_trading_system(payload)\r\n .then((res) => {\r\n if (res?.status === 200) {\r\n navigate.push('/register/changeOms/success', { state: { ...location.state, token: res?.data?.data } });\r\n }\r\n })\r\n .catch((error) => {\r\n notificationAlertErrorApi(error, dispatch)\r\n })\r\n .finally(() => {\r\n setLoading(false)\r\n })\r\n }\r\n\r\n return (\r\n \r\n {panelItem\r\n .map((item, index) => (\r\n\r\n onChangeTradingSystemId(item.id)}\r\n key={index}\r\n >\r\n
\r\n\r\n ))}\r\n {\r\n (panelItem.length === 0 && loading) && (\r\n {item.name}
\r\n\r\n {item.supportOption\r\n ? \"معاملات اختیار (آپشن)\"\r\n : \"نمادهای تبعی (بیمه سهم)\"}\r\n
\r\n\r\n
\r\n )\r\n }\r\n {\r\n (panelItem.length === 0 && !loading) && (\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\nexport default Index ","import AxiosCustom from \"../../../components/common/apiConfigPouyan/index\";\r\n\r\n\r\nexport function register_trading_system(payload) {\r\n const config = {\r\n url: `/TradingSystem/RegisterTradingSystem/Register/${payload?.data?.NationalCode}?tradingSystemId=${payload?.data?.tradingSystemId}`\r\n };\r\n\r\n const data = {};\r\n\r\n const header = {\r\n ...payload?.headers\r\n }\r\n\r\n return AxiosCustom(config, data, header);\r\n}\r\n","import React, { useEffect } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { useLocation, useHistory } from \"react-router-dom\";\r\nimport { Button } from \"@material-ui/core\";\r\n\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n minHeight: '100vh',\r\n },\r\n gridLogo: {\r\n width: 209,\r\n marginTop: 72,\r\n margin: 'auto',\r\n '& > img': {\r\n width: '100%',\r\n }\r\n },\r\n grid: {\r\n width: '90%',\r\n maxWidth: 1198,\r\n padding: 32,\r\n borderRadius: 32,\r\n boxShadow: \"0px 2px 15px 0px #0000000D\",\r\n margin: 'auto',\r\n marginTop: 44,\r\n backgroundColor: '#ffffff',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n minHeight: '75vh',\r\n textAlign: 'center',\r\n '@media (max-width: 500px)': {\r\n width: '98%',\r\n minHeight: '40vh',\r\n },\r\n },\r\n title: {\r\n color: '#323232',\r\n fontWeight: 'bold',\r\n marginTop: 28,\r\n },\r\n customButton: {\r\n backgroundColor: '#0B1742 !important',\r\n color: '#fff',\r\n margin: 'auto !important',\r\n minWidth: \"160px !important\",\r\n minHeight: \"40px !important\",\r\n },\r\n\r\n}))\r\n\r\n\r\n\r\nconst Index = () => {\r\n\r\n let classes = useStyles();\r\n const location = useLocation();\r\n\r\n const { national_id } = location.state || {};\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
\r\n\r\n
\r\n \r\n
\r\n \r\n apiSubmit()}\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 Index ","import React from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport { Switch, Route } from 'react-router-dom';\r\n\r\nimport NationalId from './nationa_id/nationa_id';\r\nimport SejamRedirect from './sejamRedirect/sejamRedirect';\r\nimport SejamSuccess from './page/sejam/sejam';\r\nimport Otp from './otp/otp';\r\nimport Contarct from './contarct/index';\r\nimport ChangeOms from './page/changeOms/changeOms';\r\nimport OmsSuccess from './page/changeOms/succesOms/successOms'\r\n\r\nlet useStyles = makeStyles(() => ({\r\n root: {\r\n width: '100%',\r\n minHeight: '100vh',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n background: \"linear-gradient(rgba(243, 245, 249, 0.5),rgba(243, 245, 249, 0.5)), url('/assets/images/register/line.png') no-repeat center center\",\r\n backgroundSize: \"100% 600px\",\r\n \"@media(max-width : 600px)\": {\r\n backgroundSize: \"contain\",\r\n },\r\n\r\n },\r\n\r\n}))\r\n\r\n\r\nconst Index = () => {\r\n\r\n let classes = useStyles();\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n ![\"\"](\"/assets/images/register/succesOms.png\")
\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 \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 Index ","import axios from \"axios\";\r\n\r\nconst AxiosCustom = (_config, _data, headers) => {\r\n\r\n\r\n let config = {\r\n baseURL: getUrl(),\r\n method: \"POST\",\r\n headers: {\r\n ...headers\r\n },\r\n ..._config,\r\n data: _data ? _data : {}\r\n }\r\n\r\n\r\n return axios(config);\r\n};\r\n\r\nexport function getUrl() {\r\n\r\n let protocol = window.location.protocol\r\n let hostName = window.location.hostname\r\n\r\n\r\n \r\n if (!protocol || !hostName || hostName === 'localhost'\r\n || hostName=='http://site.pouyantech.local'\r\n || hostName=='site.pouyantech.local'\r\n\r\n ) {\r\n return `http://api.pouyantech.local/Website/api/v1`;\r\n }\r\n\r\n return `https://scapi.pouyanbroker.ir/Website/api/v1`;\r\n\r\n \r\n}\r\n\r\nexport default AxiosCustom;\r\n\r\n","import React, { useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Layout from \"../../../layout\";\r\nimport { CircularProgress } from '@material-ui/core'\r\nimport { useLocation } from \"react-router-dom\";\r\nimport { select_content_getContentHtml_api } from \"../../../redux/content/getContentHtml/getContentHtml\";\r\nimport { notificationAlertErrorApi } from \"../../method/notificationAlertErrorApi/notificationAlertErrorApi\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useEffect } from \"react\";\r\nimport { useHistory } from \"react-router-dom/cjs/react-router-dom.min\";\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n width:'100%',\r\n minHeight: '60vh',\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n padding:'20px 10px',\r\n borderTop:'1px solid rgba(0,0,0,0.1)',\r\n borderBottom:'1px solid rgba(0,0,0,0.1)',\r\n },\r\n gridLoading: {\r\n width: '100%',\r\n height: '100vh',\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center'\r\n },\r\n card: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center'\r\n },\r\n title: {\r\n marginRight: 5\r\n }\r\n}));\r\n\r\nexport default function Index({ match }) {\r\n\r\n const classes = useStyles();\r\n let dispatch = useDispatch();\r\n const history = useHistory();\r\n\r\n const [content, setContent] = useState(null);\r\n const [loading, setLoading] = useState(null);\r\n\r\n const location = useLocation(); // آدرس جاری\r\n const requestParam = location.pathname.replace(\"/Content/GetContentHtml/\", \"\");\r\n\r\n\r\n\r\n const apiGetCOntentHtml = () => {\r\n\r\n let payload = {\r\n data: {\r\n param: requestParam,\r\n },\r\n headers: {}\r\n }\r\n\r\n setLoading(true)\r\n\r\n select_content_getContentHtml_api(payload)\r\n .then((res) => {\r\n let data = res?.data?.data\r\n if (data) {\r\n var test1 = document.createElement('textarea')\r\n test1.innerHTML = data\r\n setContent(test1?.value);\r\n }\r\n })\r\n .catch((error) => {\r\n if (error?.response?.status === 404) {\r\n history.push(\"/404\");\r\n return\r\n }\r\n notificationAlertErrorApi(error, dispatch)\r\n })\r\n .finally(() => {\r\n setLoading(false)\r\n })\r\n }\r\n\r\n useEffect(() => {\r\n apiGetCOntentHtml()\r\n }, [requestParam])\r\n\r\n if (loading) {\r\n return \r\n
;\r\n }\r\n\r\n\r\n return (\r\n \r\n
\r\n \r\n در حال بارگذاری...\r\n
\r\n\r\n {\r\n content ? (\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 \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 \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}\r\n","import React from 'react'\r\nimport RouteMain from '../layout/Route';\r\nimport \"./App.css\";\r\n\r\n\r\nexport default function App() {\r\n return (\r\n \r\n
\r\n );\r\n}","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport { BrowserRouter as Router } from \"react-router-dom\";\r\nimport \"./index.css\";\r\nimport \"./animation.css\";\r\nimport App from \"./App/App\";\r\nimport reportWebVitals from \"./reportWebVitals\";\r\nimport CssBaseline from \"@material-ui/core/CssBaseline\";\r\nimport theme from \"./material/theme\";\r\nimport { Provider } from \"react-redux\";\r\nimport { ThemeProvider } from \"@material-ui/core/styles\";\r\n// rtl material\r\nimport { create } from \"jss\";\r\nimport rtl from \"jss-rtl\";\r\nimport { StylesProvider, jssPreset } from \"@material-ui/core/styles\";\r\nimport { store } from \"./store\";\r\nimport 'bootstrap/dist/css/bootstrap.min.css'\r\n\r\n\r\nimport 'swiper/swiper.min.css';\r\nimport 'swiper/swiper-bundle.css';\r\n// Configure JSS\r\nimport {NotificationAlert} from \"./components/common/notificationAlert\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\n\r\nconst jss = create({ plugins: [...jssPreset().plugins, rtl()] });\r\n\r\nReactDOM.render(\r\n