\n
\n \n )\n}\nexport default EditChannelModal","import utf8 from 'utf8'\n\nconst disconnectTextGenerator = (chanelName) => {\n let str = ''\n if (chanelName) {\n chanelName.forEach((item, index) => {\n str = str + utf8.decode(item) + (index < chanelName.length - 1 ? ' و ' : ' ')\n })\n\n return chanelName.length > 1 ? `ارتباط موبیشا با پنلهای ${str} قطع شده است.` : `ارتباط شما با پنل ${str} قطع شده است.`\n } else {\n return 'ارتباط موبیشا با پنل قطع شده است!'\n }\n}\nexport default disconnectTextGenerator","import React, { useEffect, useRef, useState } from \"react\";\nimport style from './disconnectModal.module.scss';\nimport Button from \"../../Button/button\"\nimport Modal from \"../../Modal/Modal\";\nimport EditChannelModal from '../../editChannelModal/editChannelModal'\nimport { SubmitEditChannel } from \"../../../actions/APIcalls\";\nimport toEnglishNumber from \"../../../helpers/actions/toEnglishNumber\";\nimport Cookies from \"js-cookie\"\nimport disconnectTextGenerator from '../../../helpers/actions/disconnectedText'\nimport utf8 from 'utf8'\n\nconst DisconnectModal = (props) => {\n const wrapperRef = useRef(null);\n const insideRef = useRef(null);\n\n const [scrollable, setScrollable] = useState(false)\n const [scrollProps, setScrollProps] = useState({\n prevScrollPos: 0,\n visibility: false,\n })\n const [editModal, setEditModal] = useState({\n show: false,\n email: '',\n channelId: ''\n })\n\n const handleScroll = () => {\n if (wrapperRef.current) {\n if (wrapperRef.current.offsetHeight < insideRef.current.clientHeight) {\n setScrollable(true)\n } else {\n setScrollable(false)\n }\n }\n if (wrapperRef.current) {\n const tmpPrevPos = scrollProps.prevScrollPos;\n const currentPos = wrapperRef.current.scrollTop;\n let tmpVisibility = scrollProps.visibility;\n if (tmpPrevPos < currentPos) {\n tmpVisibility = true;\n } else {\n tmpVisibility = false;\n }\n let tmpScrollProps = scrollProps;\n tmpScrollProps.visibility = tmpVisibility;\n tmpScrollProps.prevScrollPos = currentPos;\n setScrollProps({ ...tmpScrollProps });\n }\n }\n const parentClose = () => {\n if (props.type === \"disconnected\") {\n Cookies.set('disconnectedModalShow', 'true', { expires: 1 });\n }\n if (props.type === \"expiredAccount\" || props.type === \"OneDayToExpire\") {\n Cookies.set('expiredModalShow', 'true', { expires: 1 });\n }\n if (props.type === \"showTelegramModal\") {\n Cookies.set('showTelegramModal', 'true', { expires: 30 });\n }\n if (props.type === \"updatePrices\") {\n Cookies.set('updatePrices', 'true');\n }\n props.parentClose()\n }\n\n const submitEditChannel = async (email, newPassword) => {\n let params = {\n channelId: editModal.channelId,\n password: toEnglishNumber(newPassword),\n username: editModal.email,\n email: editModal.email\n }\n let res = await SubmitEditChannel(params)\n let channels = await props.updateChannels()\n return res;\n }\n\n const handleDisconnected = (type, link) => {\n Cookies.set(type, 'true', { expires: 1 });\n props.parentClose()\n window.location.href = `https://robot.mobisha.ir/${link}`;\n }\n\n\n useEffect(() => {\n if (wrapperRef.current) {\n if (wrapperRef.current.offsetHeight < insideRef.current.clientHeight) {\n setScrollable(true)\n\n } else {\n setScrollable(false)\n }\n }\n\n }, []);\n\n useEffect(() => {\n document.addEventListener(\"scroll\", handleScroll, true);\n return () => {\n document.removeEventListener(\"scroll\", handleScroll, true);\n };\n });\n return (\n \n
\n :\n رمز عبور خود را تنها در صورت تغییر رمز عبور در پنل دیجیکالا خود تغییر دهید.\n در غیر این صورت ارتباط ربات با پنل شما قطع خواهد شد.\n
\nh
\n \n
\n }\n\n \n \n اتصال به پنل دیجیکالا بهدلیل تغییر فرآیندها در دیجیکالا ممکن است با تاخیر انجام شود\n
\nh
\n \n
\n \n
\n \n props.closemodal()} />\n
\n\n\n \n {props.type === \"disconnected\" ?\n
\n \n \n
\n :\n (props.type === 'expiredAccount' ? {disconnectTextGenerator(props.props)}
\nارتباط موبیشا با پنل شما قطع شدهاست، لطفا برای برقراری مجدد ارتباط پنل خود را ویرایش کنید.
\n\n handleDisconnected('disconnectedModalShow', 'channels')}\n >\n { }}\n\n />\n \n
\n \n
\n :\n (props.type === 'OneDayToExpire' ? n
\n !کاربر عزیز، کیف پول شما تمام شده است
\nلطفا برای فعالسازی مجدد، کیف پول خود را شارژ کنید.
\n\n handleDisconnected('expiredAccount', 'chargewallet')}\n >\n
\n \n
\n \n
\n :\n (props.type === 'showTelegramModal' ?\n n
\n !کاربر عزیز، ۱ روز تا پایان کیف پول شما\n باقی مانده است
\nبرای جلوگیری از غیرفعال شدن ربات، کیف پول خود را شارژ کنید.
\n\n handleDisconnected('expiredAccount', 'chargewallet')}\n >\n
\n \n
\n \n \n
\n :\n !ربات تلگرام موبیشا را فعال کنید
\nبرای مشاهده آخرین وضعیت محصولات فعال خود و اطلاع از تنوعهایی که در حین قیمتگذاری با مشکل مواجه شدهاند، ربات تلگرام را فعال کنید.
\nآیدی ربات تلگرام: mobishabot@
\n\n \n
\n \n
\n \n \n
\n )\n )\n )\n }\n اطلاعیه مهم | بهروزرسانی قیمتها📢
\nهمیشه تلاش کردهایم که بهترین خدمات را با قیمتهای منصفانه ارائه دهیم و در یک سال گذشته، با وجود افزایش شدید هزینهها، قیمتها را ثابت نگه داشتیم. اما متأسفانه، با توجه به شرایط اقتصادی فعلی، ناچاریم تغییراتی در قیمتگذاری سرویسها اعمال کنیم.
\n❓ چرا این تغییر ضروری است؟
\n🔹 افزایش نرخ دلار | هزینههای ما بهطور مستقیم به نرخ ارز وابسته است، و از سال گذشته تاکنون، دلار افزایش چشمگیری داشته است. با وجود تمام تلاشهایمان، ادامه این روند بدون تعدیل قیمتها دیگر ممکن نیست.
\n🔹 حفظ کیفیت خدمات | برای اینکه همچنان بتوانیم سرویسهای پایدار، سریع و باکیفیت ارائه دهیم، نیازمند سرمایهگذاری در زیرساختها و بهروزرسانی مداوم هستیم.
\n🔹 تورم و افزایش هزینهها | هزینههای عملیاتی، سرورها، پشتیبانی و سایر موارد اساسی بهشدت افزایش پیدا کردهاند، و برای ادامه فعالیت، باید این تغییرات را اعمال کنیم.
\n📆 از چه زمانی اعمال میشود؟
\n✅ از اول اسفند ماه ۱۴۰۳ این تغییرات قیمت روی پنلها اعمال و قیمتهای جدید اجرایی خواهند شد.
\n✅ مشتریان فعلی تا تاریخ ۳۰ بهمن ماه فرصت دارند با قیمتهای فعلی، سرویسهای خود را تمدید کنند.
\n🙏 قدردان همراهی شما هستیم
\nمیدانیم که افزایش قیمتها خبر خوشایندی نیست، اما این تغییرات برای حفظ کیفیت خدمات و ادامه فعالیت ضروری است. از حمایت و درک شما بینهایت سپاسگزاریم و همیشه تلاش میکنیم بهترین تجربه را برایتان فراهم کنیم.
\n📩 اگر سوالی داشتید، تیم پشتیبانی ما از طریق تلگرام، پیامک و یا تماس تلفنی همیشه آماده پاسخگویی است.
\nبا احترام و قدردانی، دادهپردازان هوشمند بامداد
\n\n
\n \n
\n \n {props.label && }\n
\n \n {props.disabled ? :\n\n (props.type === \"password\" ?\n
\n {props.error && {\n setVisible(!visible)\n }}>\n {visible ? : }\n
: )\n }\n\n {props.unit && {props.unit}
}\n\n {\n props.onchange(props.tag, e, (props.secondTag ? props.secondTag : \"\"))\n }}\n onBlur={e => props.onblur(props.tag, e)}\n value={props.type === \"password\" ? toPersianNumber(props.value) : toPersianNumber(props.value) ? toPersianNumber(props.value) : \"\"}\n type={!visible ? props.type : \"text\"}\n style={props.type == \"password\" ? { textAlign: 'right', direction: 'ltr' } : {}}\n />\n {props.withRial && !props.disabled ? ريال : }\n {props.withPercent && !props.disabled ? درصد : }\n {props.withToman && !props.disabled ? تومان : }\n {props.withMinute && !props.disabled ? دقیقه : }\n {props.withDKPC && !props.disabled ? - DKPC : }\n {props.error}
}\n \n
\n \n );\n}\n\nexport default Toast;\n/*\n type =====> success/error/warning/primary\n tag ======> name of toast\n value=true =======> showToast\n value=false =======> hideToast\n text='' ==========> Toast text(REQUIRED)\n parentClose =====> set showToast to false\n hasButton ======> true/false\n buttonText ====> string\n buttonAction ====> function\n\n !!!**** very important toast need to have a div as container with height: 0px; to get Coordinates where to appeare and zero manipulation ; ****!!!\n*/","import React, { useState } from \"react\";\nimport { Link, withRouter } from \"react-router-dom\";\nimport Button from \"../../../Button/button\";\nimport Input from \"../../../input/signInput/input\"\nimport style from \"./StepOne.module.scss\";\nimport Toast from '../../../Toast/Toast'\nimport toEnglishNumber from \"../../../../helpers/actions/toEnglishNumber\";\nimport { RegisterForm } from \"../../../../actions/APIcalls\"\n\nconst StepOne = (props) => {\n const [registerInfo, setRegisterInfo] = useState({\n tel: '',\n password: '',\n telError: '',\n passwordError: '',\n acceptTerms: false,\n })\n const [showToast, setShowToast] = useState(false)\n const [loading, setLoading] = useState(false);\n\n const handleBlure = (tag, e) => {\n if (tag === \"tel\") {\n telValidation();\n } else {\n passwordValidation()\n }\n }\n\n const telValidation = () => {\n let reg = new RegExp(\"^(09)[0-9]{9}$\");\n if (reg.test(toEnglishNumber(registerInfo.tel)) && registerInfo.tel.length !== 0) {\n setRegisterInfo({ ...registerInfo, telError: '' })\n return true\n } else {\n if (registerInfo.tel.length === 0) {\n setRegisterInfo({ ...registerInfo, telError: 'شماره موبایل خود را وارد کنید' })\n } else {\n setRegisterInfo({ ...registerInfo, telError: 'شماره موبایل وارد شده صحیح نیست!' })\n }\n return false;\n }\n }\n const passwordValidation = () => {\n if (!registerInfo.password) {\n setRegisterInfo({ ...registerInfo, passwordError: 'رمز عبور خود را وارد کنید' })\n } else {\n setRegisterInfo({ ...registerInfo, passwordError: '' })\n }\n }\n\n const closeToast = () => {\n setShowToast(!showToast);\n }\n\n const handleForm = (tag, e) => {\n if (tag === 'tel') {\n let temp1 = registerInfo;\n let reg = new RegExp(/^\\d+$/);\n if (reg.test(toEnglishNumber(e.target.value)) && e.target.value.length < 12) {\n temp1.tel = toEnglishNumber(e.target.value);\n } else if (e.target.value === \"\") {\n console.log(\"empty\");\n temp1.tel = \"\"\n }\n setRegisterInfo({ ...temp1 })\n }\n if (tag === 'password') {\n setRegisterInfo({ ...registerInfo, password: e.target.value })\n }\n }\n\n const registerForm = async () => {\n if (!registerInfo.telError && !registerInfo.passwordError && registerInfo.password && registerInfo.tel && registerInfo.acceptTerms) {\n setLoading(true);\n let params = {\n password: toEnglishNumber(registerInfo.password),\n phone: toEnglishNumber(registerInfo.tel),\n }\n let res = await RegisterForm(params)\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n props.history.push({\n pathname: '/signup/steptwo',\n state: { tel: registerInfo.tel, password: toEnglishNumber(registerInfo.password) }\n })\n setLoading(false);\n } else {\n setShowToast({ show: true, text: res.response.data.error })\n setLoading(false);\n }\n } else {\n if (!registerInfo.password) {\n setRegisterInfo({ ...registerInfo, passwordError: 'رمز عبور خود را وارد کنید' })\n }\n if (!registerInfo.tel) {\n setRegisterInfo({ ...registerInfo, telError: 'شماره موبایل خود را وارد کنید' })\n }\n }\n }\n return (\n \n
\n \n props.buttonAction()}\n >\n {props.buttonText}\n }\n
\n \n \n {props.text}\n
\n {props.hasButton &&\n e\n
\n \n
\n \n
\n ثبتنام
\n\n\n
\n\n \n event.key === \"Enter\" ? registerForm() : null\n }\n >\n
\n\n \n setRegisterInfo({ ...registerInfo, acceptTerms: !registerInfo.acceptTerms })}\n type='checkbox'>\n \n
\n \n شرایط و قوانین استفاده از ربات موبیشا را میپذیرم\n
\n\n
\n قبلا ثبتنام کردهاید؟\n \n
\n
\n \n \n
\n ثبتنام
\n\n {\n typeof props.location.state !== 'undefined' ?\n
\n {toPersianNumber(props.location.state.tel)}
\n : \n }\n < p className={style.explaination}>لطفا کد تایید ارسال شده به شماره موبایل خود را وارد کنید.\n\n\n handleCode(0, e)} value={toPersianNumber(code[0])}\n ref={(input) => {\n nameInput[0] = input;\n }}\n onKeyDown={(event) => event.key === \"Backspace\" ? handleBackSpace(0) : null}>\n handleCode(1, e)} value={toPersianNumber(code[1])}\n ref={(input) => {\n nameInput[1] = input;\n }}\n onKeyDown={(event) => event.key === \"Backspace\" ? handleBackSpace(1) : null}>\n handleCode(2, e)} value={toPersianNumber(code[2])}\n ref={(input) => {\n nameInput[2] = input;\n }}\n onKeyDown={(event) => event.key === \"Backspace\" ? handleBackSpace(2) : null}>\n handleCode(3, e)} value={toPersianNumber(code[3])}\n ref={(input) => {\n nameInput[3] = input;\n }}\n onKeyDown={(event) => event.key === \"Backspace\" ? handleBackSpace(3) : null}>\n handleCode(4, e)}\n value={toPersianNumber(code[4])} ref={(input) => {\n nameInput[4] = input;\n }}\n onKeyDown={(event) => event.key === \"Backspace\" ? handleBackSpace(4) : null}\n >\n\n {/*hidden input to prevent autofill*/}\n handleCode(5, e)}\n value={toPersianNumber(code[5])} ref={(input) => {\n nameInput[5] = input;\n }}\n onKeyDown={(event) => event.key === \"Backspace\" ? handleBackSpace(5) : null}\n >\n {/*hidden input to prevent autofill*/}\n
\n\n {codeError.text && {codeError.text}
}\n\n\n \n ارسال مجدد کد\n {counter === 0 ? null :\n ({toPersianNumber(returnMinute(counter))}:{toPersianNumber(returnSecond(counter))})}
\n \n
\n\n props.backToStepOne()}>\n ویرایش شماره موبایل\n
\n \n verfiyCode(code.join(''))}\n />\n
\n قبلا ثبتنام کردهاید؟\n \n
\n
\n \n )\n}\nexport default Carousel","export default __webpack_public_path__ + \"static/media/carouselLeftArrow.10a42cf8.svg\";","import React, { useEffect, useState } from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport style from \"./SignUp.module.scss\";\nimport StepOne from '../../Components/Signin/SignUp/StepOne/StepOne';\nimport StepTwo from '../../Components/Signin/SignUp/StepTwo/StepTwo';\nimport rightArrow from '../../assets/icons/right-arrow.svg';\nimport Logo from \"../../assets/Logo/MobishaLogoWhiteStroke.svg\";\nimport Carousel from '../../Components/Signin/carousel/carousel'\n\nconst SignUp = (props) => {\n const [step, setStep] = useState('stepone')\n\n useEffect(() => {\n let URL = props.location.pathname.slice(8,)\n setStep(URL)\n }, [props.location.pathname]);\n const backHandler = () => {\n props.history.push(\"/signup/stepone\")\n setStep(\"stepone\")\n }\n\n return (\n \n {carouselItems.map((item, index) => {\n // if (step == item.id) {\n return
\n \n
\n // }\n })}\n \n 
\n
\n {item.text}
\n\n moveTo(index)}\n >
\n )}\n moveTo(step - 1)}>\n \n
\n {carouselItems.map((dot, index) => moveTo(step + 1)}>\n \n
\n \n
\n \n \n
\n \n {step === \"stepone\" &&
\n \n \n
\n \n redirectToNewPassword()}\n />\n\n
\n \n \n
\n\n ورود
\n\n \n event.key === \"Enter\" ? registerForm() : null\n }\n onClick={() => setRememberPassword(!rememberPassword)}\n className={style.forgotPasswordWrapper}\n >\n \n
\n \n event.key === \"Enter\" ? registerForm() : null\n }>\n
\n \n بهخاطر سپردن اطلاعات ورود
\nبازیابی رمز عبور
\n\n
\n \n \n );\n}\n\nexport default withRouter(Main);","import React, { useState } from \"react\";\nimport { Link, withRouter } from \"react-router-dom\";\nimport style from \"./EnterPhoneNum.module.scss\";\nimport Input from '../../../input/signInput/input';\nimport Button from '../../../Button/button'\nimport toEnglishNumber from \"../../../../helpers/actions/toEnglishNumber\";\nimport { forgetPassword } from \"../../../../actions/APIcalls\";\nimport Toast from '../../../Toast/Toast';\n\nconst EnterPhoneNum = (props) => {\n\n const [tel, setTel] = useState('')\n const [err, setErr] = useState('')\n\n const handleBlure = () => {\n if (tel.length !== 0) {\n setErr('')\n } else {\n setErr('شماره موبایل خود را وارد کنید')\n }\n\n }\n const [showToast, setShowToast] = useState({ show: false, text: \"\" });\n const [loading, setLoading] = useState(false);\n\n const recoverAcount = async () => {\n let reg = new RegExp(\"^(09)[0-9]{9}$\");\n if (tel.length !== 0) {\n if (reg.test(toEnglishNumber(tel))) {\n setLoading(true)\n const res = await forgetPassword({ phone: tel });\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\" && res.data.success) {\n props.history.push(\n {\n pathname: '/signin/code',\n state: { tel: tel }\n }\n )\n setLoading(false)\n } else {\n if (typeof res.response !== \"undefined\") {\n setShowToast({ show: true, text: res.response.data.error })\n }\n setLoading(false)\n }\n } else {\n setErr('شماره وارد شده صحیح نیست!')\n }\n } else {\n setErr('شماره موبایل خود را وارد کنید')\n }\n }\n\n const handleForm = (tag, e) => {\n if (tag === 'tel') {\n let temp1 = tel;\n let reg = new RegExp(/^\\d+$/);\n console.log(reg.test(temp1), e.target.value, \"54545\");\n if (reg.test(toEnglishNumber(e.target.value)) && e.target.value.length < 12) {\n temp1 = toEnglishNumber(e.target.value);\n } else if (e.target.value === \"\") {\n console.log(\"empty\");\n temp1 = \"\"\n }\n setTel(toEnglishNumber(temp1))\n }\n }\n\n return (\n حسابکاربری ندارید؟\n \n
\n setShowToast({ show: false, text: \"\" })}\n />\n\n {/*
\n حسابکاربری ندارید؟
\n
\n بازیابی رمز عبور
\n\n
\n لطفا برای بازیابی رمز عبور، شماره تلفن همراه خود را وارد\n کنید.
\n\n\n event.key === \"Enter\" ? recoverAcount() : null}>\n
\n \n
\n حسابکاربری ندارید؟\n \n
\n
\n \n حسابکاربری ندارید؟
\n
\n بازیابی رمز عبور
\n\n {\n typeof props.location.state !== 'undefined' ?\n
\n {toPersianNumber(props.location.state.tel)}
\n : \n }\n < p className={style.explaination}>لطفا کد تایید ارسال شده به شماره موبایل خود را وارد کنید.\n\n\n handleCode(0, e)} value={toPersianNumber(code[0])}\n ref={(input) => {\n nameInput[0] = input;\n }}\n onKeyDown={(event) => event.key === \"Backspace\" ? handleBackSpace(0) : null}>\n handleCode(1, e)} value={toPersianNumber(code[1])}\n ref={(input) => {\n nameInput[1] = input;\n }}\n onKeyDown={(event) => event.key === \"Backspace\" ? handleBackSpace(1) : null}>\n handleCode(2, e)} value={toPersianNumber(code[2])}\n ref={(input) => {\n nameInput[2] = input;\n }}\n onKeyDown={(event) => event.key === \"Backspace\" ? handleBackSpace(2) : null}>\n handleCode(3, e)} value={toPersianNumber(code[3])}\n ref={(input) => {\n nameInput[3] = input;\n }}\n onKeyDown={(event) => event.key === \"Backspace\" ? handleBackSpace(3) : null}>\n handleCode(4, e)}\n value={toPersianNumber(code[4])} ref={(input) => {\n nameInput[4] = input;\n }}\n onKeyDown={(event) => event.key === \"Backspace\" ? handleBackSpace(4) : null}\n >\n\n {/*hidden input to prevent autofill*/}\n handleCode(5, e)}\n value={toPersianNumber(code[5])} ref={(input) => {\n nameInput[5] = input;\n }}\n onKeyDown={(event) => event.key === \"Backspace\" ? handleBackSpace(5) : null}\n >\n {/*hidden input to prevent autofill*/}\n
\n {codeError.text && {codeError.text}
}\n\n\n \n ارسال مجدد کد\n {counter === 0 ? null :\n ({toPersianNumber(returnMinute(counter))}:{toPersianNumber(returnSecond(counter))})}
\n \n
\n\n props.history.push(\"/signin/phone\")}>\n ویرایش شماره موبایل\n
\n \n verfiyCode(code.join(''))}\n />\n
\n حسابکاربری ندارید؟\n \n
\n {/*
\n \n حسابکاربری ندارید؟
\n
\n بازیابی رمز عبور
\n\n setRememberPassword(!rememberPassword)}\n className={style.forgotPasswordWrapper}\n >\n \n
\n لطفا رمز عبور جدید خود را وارد کنید.
\n\n\n
\n بهخاطر سپردن اطلاعات ورود
\n\n
\n حسابکاربری ندارید؟\n \n
\n
\n \n \n
\n \n {step === \"main\" &&
\n \n \n
\n\n \n\n {\n setModal({ open: false, path: \"\" })\n }}\n >\n
\n \n\n })
\n
\n کاربر عزیز، شما اجازه دسترسی به صفحه مورد نظر را ندارید.
\nبرای دسترسی به این صفحه، با مدیر بخش خود صحبت کنید.
\n\n
\n \n \n
\n :\n \n
\n\n {\n let tmp = open\n setOpen(!open)\n if (!tmp) {\n sessionStorage.removeItem('sideBarOpen');\n } else {\n sessionStorage.setItem(\"sideBarOpen\", false);\n }\n }}>\n \n
\n \n {open ?\n
\n )\n })}\n \n
\n \n
\n\n \n {typeof props.user !== \"undefined\" ? props.user.name : \"کاربر\"}\n
\n \n {typeof props.user !== \"undefined\" ? toPersianNumber(props.user.phone) : \"\"}\n
\n {\n props.history.push(\"/profile\")\n }}>ویرایش پروفایل\n
\n \n {items.map((item, index) => {\n return (\n
\n \n setCollapse(item)}>\n
\n {\n accessCheck(item) ? null :\n {\n !item.subItems && (accessCheck(item) ? (!item.path.includes('zitron') ? props.history.push(item.path) : window.location.replace(`${item.path}${props.user.phone}`)) : setModal({\n open: true,\n path: item.path\n }))\n }}>\n i === item.title) >= 0 ? style.collapseActive : style.collapseInActive}\n >\n
\n }\n {item.icon}
\n {item.title}
{item.redTitle && {item.redTitle}}\n {item.subItems && accessCheck(item) == true &&\n \n
\n }\n \n {\n typeof item.subItems !== \"undefined\" && openCollapse.findIndex(i => i === item.title) >= 0 ?\n item.subItems.map((element, index) => {\n return (\n
\n\n )\n }\n )\n : null\n }\n {\n accessCheck(element) ?\n props.history.push({\n pathname: element.path,\n state: element.state ? { report: { ...element.state } } : {}\n })\n :\n setModal({\n open: true,\n path: element.path\n })\n }}>\n
\n {\n accessCheck(element) ? null :\n {element.title}
\n\n \n
\n }\n \n {/*
\n \n
*/}\n \n شماره پشتیبانی: {toPersianNumber('8705 227 0902')}\n
\n auth.logout()}>\n
\n \n \n
\n خروج
\n\n {\n !item.subItems && (accessCheck(item) ? (!item.path.includes('zitron') ? props.history.push(item.path) : window.location.replace(`${item.path}${props.user.phone}`)) : setModal({\n open: true,\n path: item.path\n }));\n if (typeof item.subItems !== \"undefined\") {\n setCollapse(item)\n }\n }}\n >\n \n
\n : null\n }\n {/* ------------------------------------ sub items --------------------------------------- */}\n \n })\n }\n\n props.history.push('/profile')}\n >\n
\n\n \n {\n items.map((item, index) => {\n return \n \n
\n ویرایش پروفایل
\n{item.title}
\n\n {/* ------------------------------------ sub items --------------------------------------- */}\n {\n typeof item.subItems !== \"undefined\" && openCollapse.findIndex(i => i === item.title) >= 0 ?\n\n
\n \n {item.subItems.map((element, index) => {\n accessCheck(element) ? (props.history.push(element.path)) : setModal({\n open: true,\n path: element.path\n })\n }}\n\n >\n
)}\n {element.title}
\n\n {\n accessCheck(element) ? null :\n \n \n
\n }\n خروج
\n \n \n }\n \n\n \n\n {props.children}\n
\n \n \n \n
\n )\n\n}\n\nexport default withRouter(ProductSearchbar);","export default __webpack_public_path__ + \"static/media/blueCheckmark.aaf2188c.svg\";","export default __webpack_public_path__ + \"static/media/magnifier.d6079fed.svg\";","import React from \"react\";\nimport style from \"./Switch.module.scss\";\n\nconst SwitchButton = (props) => {\n\n return (\n \n { nameInput[0] = input }}\n type=\"text\"\n placeholder={props.placeholder}\n onChange={(event) => {\n setLoading(true)\n setValue(ToEng(event.target.value))\n }}\n value={toPersianNumber(value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n props.searchValue(value, props.tag)\n }\n }}\n autoComplete=\"off\"\n name=\"mobishaSearch\"\n />\n
\n \n \n \n
\n {props.label}
: ''}\n\n\n item.checked) ? style.dropdownButtonSelected : (showDropdown ? style.dropdownHover : style.dropdownButton)}\n type=\"button\">\n {props.placeHolder ? props.placeHolder : 'انتخاب'}\n \n\n setSelectedItem([item])}\n onClick={e => props.handleSelect(props.tag, item)}\n className={style.customCheckboxWrapper}\n >\n
\n )\n }\n \n ) : null}\n \n \n {props.hasSearchBox ?\n
\n :\n\n \n 
\n searching(e)}\n value={searchedWord}\n className={style.dropdownSearch}\n >\n
\n : null}\n\n - \n\n {dropdownList.length !== 0 ? dropdownList.map((item, index) =>\n
setItem(e, item)}\n >\n \n
\n :\n (props.hasToggle ?\n {item.name ? item.name : item}
\n\n {item.name ? item.name : item}\n
\n\n props.handleSelect(props.tag, item)}\n />\n
\n \n {item.name ? item.name : item}\n {selectedItem.includes(item) ?\n : null}\n
\n \n {selectedItem.length !== 0 ? : null}\n
\n \n \n \n
\n )\n\n}\n\nexport default Progressbar;\n","export default __webpack_public_path__ + \"static/media/v-more.48339337.svg\";","import React, { useEffect, useRef, useState } from \"react\"\nimport style from \"./DropDown.module.scss\"\nimport dropdownImg from \"../../../assets/icons/v-more.svg\";\n\nconst DropDown = (props) => {\n\n const wrapperRef = useRef(null);\n const [showDropdown, setShowDropdown] = useState(false)\n\n const handleClickOutside = event => {\n if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {\n setShowDropdown(false);\n }\n };\n\n useEffect(() => {\n document.addEventListener(\"click\", handleClickOutside, false);\n return () => {\n document.removeEventListener(\"click\", handleClickOutside, false);\n };\n }, []);\n\n let i = 0;\n\n return (\n \n
\n \n {props.width ? toPersianNumber(props.width + \"%\") : toPersianNumber(\"0%\")}\n
\n \n\n
\n \n\n \n {\n setShowDropdown(!showDropdown)\n }}>\n \n\n\n {props.items ?\n
\n : null}\n\n \n 
\n
\n \n {props.items.map((item, index) =>\n {\n !item.disable && item.onclick();\n setShowDropdown(false)\n }}\n onMouseDown={() => item.modalOpen()}\n >\n {item.name}\n {\n typeof item.tooltip !== \"undefined\" && item.tooltip &&\n
\n )}\n \n \n
\n }\n {item.tooltip}
\n \n
\n );\n}\n\nexport default ProductCard;\n\n","export default __webpack_public_path__ + \"static/media/next.efa44191.svg\";","import React, {useEffect, useState} from 'react';\nimport style from './pagination.module.scss';\nimport next from \"../../assets/icon/next.svg\"\n\nconst toPersianNumber = (number) => {\n const farsiDigits = [\"۰\", \"۱\", \"۲\", \"۳\", \"۴\", \"۵\", \"۶\", \"۷\", \"۸\", \"۹\"];\n return number.toString().replace(/\\d/g, x => farsiDigits[x]);\n}\n\n\nconst Pagination = (props) => {\n const [color, setColor] = useState(JSON.parse(localStorage.getItem(\"theme\")) ? JSON.parse(localStorage.getItem(\"theme\")) : '#2196F3');\n const getTheme = () => {\n let tmpTheme = JSON.parse(localStorage.getItem(\"theme\"));\n if (tmpTheme && tmpTheme !== \"\") {\n setColor(tmpTheme)\n } else {\n setColor('#2196F3')\n }\n }\n useEffect(() => {\n getTheme();\n });\n\n useEffect(() => {\n numberRenderer(4);\n }, [props.pageCount, props.currentPage]);\n\n\n const [numArray, setNumArray] = useState([]);\n const pushIfNotExist = (array, type) => {\n // console.log(array, \"res res\");\n if (type === \"prev\") {\n let result = array.indexOf(\"p\");\n if (result === -1) {\n return true;\n }\n\n\n } else {\n let result = array.indexOf(\"n\");\n\n if (result === -1) {\n return true\n\n }\n\n }\n\n\n }\n const doNothing = () => {\n }\n const numberRenderer = () => {\n let render = [];\n for (let i = 1; i <= props.pageCount; i++) {\n let x = i - props.currentPage;\n let y = props.pageCount - i;\n let z = i - 1;\n\n switch (true) {\n case (i == 1):\n render.push(1);\n break;\n case (x == -2 && z == 1):\n render.push(i);\n break;\n case (x == -1):\n render.push(i);\n break;\n case (x < 0): {\n pushIfNotExist(render, \"prev\") ? render.push(\"p\") : doNothing()\n }\n\n break;\n case x == 0:\n render.push(props.currentPage);\n break;\n\n case (x == 1):\n render.push(i);\n break;\n case (y == 1 && x == 2):\n render.push(i);\n break;\n\n case (i == props.pageCount):\n render.push(props.pageCount);\n break;\n case (x > 0): {\n pushIfNotExist(render, \"next\") ? render.push(\"n\") : doNothing()\n }\n break;\n\n }\n }\n setNumArray(render)\n }\n return (\n \n
\n \n
\n \n\n \n
\n {props.data.productGroup}
\n\n\n \n
\n {props.data.channel.name}
\n\n
\n\n \n \n
\n {toPersianNumber(props.data.countOfVariant)}
\n\n \n {/* {console.log(\"555\",props.data)} */}\n
\n {typeof props.data.brand !== \"undefined\" ? props.data.brand : \"نامشخص\"}
\n\n \n
\n \n\n \n
\n {\"DKP - \" + toPersianNumber(props.data.DKP)}
\n\n \n 
\n \n
\n \n
\n \n \n
\n \n
\n \n )\n}\nexport default Pagination;\n\n\n// how to use:\n// props: \n// props.currentPage = active page number should be integer \n// props.pageCount = props.pageCount page that is acceptable also count of all page \n// props,setPage = a function that get a number and set currentPage to that number\n\n","import React, {useEffect, useRef, useState} from \"react\"\nimport style from \"./tinyDropdown.module.scss\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\n\nconst TinyDropdown = (props) => {\n\n\n const wrapperRef = useRef(null);\n const [showDropdown, setShowDropdown] = useState(false)\n const [dropdownList, setDropdownList] = useState([])\n const [selectedItem, setSelectedItem] = useState(\"\")\n const toggleShow = () => {\n setShowDropdown(!showDropdown);\n if (!showDropdown && props.onblure) {\n props.onblure();\n }\n if (!showDropdown && props.hasCheckbox) {\n let tmp = [];\n if (props.hasCheckbox) {\n tmp = props.dropdownList\n } else {\n tmp = props.dropdownList;\n }\n setDropdownList(tmp)\n }\n }\n const handleClickOutside = event => {\n if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {\n setShowDropdown(false);\n if (!showDropdown && props.onblure) {\n\n }\n }\n };\n\n useEffect(() => {\n if (!showDropdown && selectedItem) {\n props.selected(selectedItem)\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [showDropdown])\n\n\n useEffect(() => {\n document.addEventListener(\"click\", handleClickOutside, false);\n return () => {\n document.removeEventListener(\"click\", handleClickOutside, false);\n };\n }, []);\n\n useEffect(() => {\n if (props.dropdownList && props.dropdownList.length !== 0) {\n setDropdownList(props.dropdownList)\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.dropdownList]);\n\n useEffect(() => {\n if (props.selectedItem) {\n setSelectedItem(props.selectedItem)\n }\n }, [props.selectedItem]);\n\n return (\n < React.Fragment>\n \n props.setPage(props.currentPage != 1 ? props.currentPage - 1 : props.currentPage, props.tag)}\n className={props.currentPage === 1 ? style.hiddenFirst : style.firstPage}>
\n {numArray.map((num, index) => {\n if (num == \"p\" || num == \"n\") {\n return (
\n doNothing()} className={style.pageNumberDots}>\n
);\n\n } else {\n return (\n \n {\"...\"}\n
\n props.setPage(num, props.tag)} className={style.pageNumber}>\n
);\n\n\n }\n\n })}\n {num == \"p\" || num == \"n\" ? \"...\" : toPersianNumber(num)}\n
\n {\n props.currentPage === props.pageCount || props.pageCount === 0 ? doNothing() : props.setPage(props.currentPage != props.pageCount ? props.currentPage + 1 : props.currentPage, props.tag)\n }}\n className={props.currentPage === props.pageCount || props.pageCount === 0 ? style.hiddenLast : style.lastPage}>\n
\n \n \n
\n \n )\n}\nexport default TinyDropdown;\n\n/*\n\n*\n */\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./Toast.module.scss\";\n\n\nconst Toast = (props) => {\n\n const [toastShow, setToastShow] = useState('')\n\n const toggle = () => {\n let childData = {\n label: props.tag,\n }\n if (toastShow) {\n setToastShow(false);\n childData.value = false;\n } else {\n setToastShow(true);\n childData.value = false;\n }\n props.parentClose(childData)\n }\n\n useEffect(() => {\n if (props.value) {\n setToastShow(true);\n } else {\n setToastShow(false);\n }\n }, [props.value]);\n\n return (\n \n\n \n {selectedItem ? toPersianNumber(selectedItem) : toPersianNumber(props.placeholder)}\n
\n\n\n c
\n \n\n\n {dropdownList.length !== 0 ? dropdownList.map((item, index) =>\n\n\n < p className={style.dropdownItemText} onClick={() => {\n setSelectedItem(item);\n setShowDropdown(false)\n }} key={index}>\n {toPersianNumber(item)}\n \n ) : null}\n
\n\n\n {!showDropdown ? {props.errorMessage}
:\n }\n\n
\n );\n}\n\nexport default Toast;\n/*\n tag ======> name of toast\n value=true =======> showToast\n value=false =======> hideToast\n text='' ==========> Toast text(REQUIRED)\n parentClose =====> set showToast to false\n\n !!!**** very important toast need to have a div as container with height: 0px; to get Coordinates where to appeare and zero manipulation ; ****!!!\n*/","import React from \"react\";\nimport style from './skeleton.module.scss';\n\nconst Skeleton = (props) => {\n\n return (\n \n
\n n
\n \n {props.children}\n
\n \n
\n}\nexport default ListSkeleton;\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter, Link } from \"react-router-dom\"\nimport style from \"./productList.module.scss\";\nimport Searchbar from \"../productSearchbar/productSearchbar\";\nimport Button from \"../../Components/Button/button\";\nimport Dropdown from \"../../Components/Dropdown/ButtonDropDown/DropDown\";\nimport Progressbar from \"../progressbar/progressbar\"\nimport ProductCard from \"./productCard/productCard\";\nimport Pagination from \"../pagination/pagination\";\nimport Modal from \"../Modal/Modal\";\nimport Input from \"../input/input\";\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport Toast from \"../../Components/Toast/Toast\";\nimport GradientToast from \"../gradientToast/Toast\"\nimport {\n EditProductName,\n GetBrands,\n GetproductGroup,\n GetProductList,\n GetProgressbarData,\n GetSellers\n} from \"../../actions/APIcalls\";\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\"\nimport ExpiredAccountWarning from \"../expiredAccountWarning/expiredAccountWarning\"\nimport DownGradeWarning from \"../downGradeWarning/downGradeWarning\";\nimport Skeleton from \"../variantList/skeleton\"\n\nconst ProductList = (props) => {\n const [hasSkeleton, setHasSkeleton] = useState(false)\n const [updateThreshold, setUpdateThreshold] = useState(0);\n const [toast, setToast] = useState('')\n const [errors, setErrors] = useState({})\n\n useEffect(async () => {\n let progressbarDataTemp = { ...progressbarData };\n if (updateThreshold % 30 === 0) {\n const resGetProgressbarData = await GetProgressbarData();\n if (resGetProgressbarData.data.AllVariantsCount === 0) {\n let initialData = {}\n const resGetSeller = await GetSellers();\n typeof resGetSeller !== \"undefined\" && typeof resGetSeller.data !== \"undefined\" ? initialData.channel = urlChecker(resGetSeller.data.channelList, \"channel\") : initialData.channel = [];\n (typeof resGetSeller !== \"undefined\" && typeof resGetSeller.response !== \"undefined\" && setToast(resGetSeller.response.data.error));\n progressbarDataTemp.inUpdateProccess = resGetSeller.data.channelList.length === 0 ? \"noChannel\" : \"noProduct\"\n setInitialData({ ...initialData })\n } else {\n if (resGetProgressbarData.data.percent === 100) {\n getInitialData();\n getProductListSalim();\n progressbarDataTemp.inUpdateProccess = false;\n } else {\n progressbarDataTemp = Object.assign(progressbarDataTemp, resGetProgressbarData.data);\n progressbarDataTemp.inUpdateProccess = \"true\";\n setTimeout(() => {\n setUpdateThreshold(updateThreshold + 1);\n }, 1000);\n }\n }\n progressbarDataTemp.timer = 0;\n } else {\n setTimeout(() => {\n progressbarDataTemp.remainTime > 0 ? progressbarDataTemp.remainTime - progressbarData.timer <= 0 ? setUpdateThreshold(0) : setUpdateThreshold(updateThreshold + 1) : setUpdateThreshold(updateThreshold + 1);\n progressbarDataTemp.timer++;\n }, 1000);\n }\n setProgressbarData(progressbarDataTemp);\n }, [updateThreshold]);\n useEffect(() => {\n getProductListSalim()\n console.log(props.history.location.search);\n }, [props.history.location])\n const getFromUrl = (param) => {\n const defaultParams = {\n brand: [],\n channel: [],\n productGroup: [],\n countInPage: 10,\n page: 1,\n query: \"\"\n }\n let url = new URLSearchParams(window.location.search);\n if (url.get(param)) {\n if (param === \"brand\" || param === \"productGroup\" || param === \"channel\") {\n return url.get(param).split(\"*\");\n } else {\n return url.get(param);\n }\n } else {\n return defaultParams[param];\n }\n }\n const setToUrl = (param, value) => {\n let url = new URLSearchParams(window.location.search);\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n url.set(param, tempString);\n } else {\n url.set(param, value);\n }\n props.history.push(window.location.pathname + \"?\" + url.toString());\n return 1;\n }\n const urlChecker = (list, tag) => {\n // todo salim need to add brand logic\n let tempList = [];\n let filters = getFromUrl(tag);\n list.map(item => {\n if (filters.indexOf(tag === \"channel\" ? item._id : item.name ? item.name : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, checked: true, _id: item._id ? item._id : \"\" });\n } else {\n tempList.push({ name: item.name ? item.name : item, checked: false, _id: item._id ? item._id : \"\" });\n }\n })\n return tempList;\n }\n const filterIsActive = () => {\n let bool = false;\n [\"brand\", \"channel\", \"productGroup\"].map(filter => {\n if (getFromUrl(filter).length > 0) {\n bool = true;\n }\n })\n return bool;\n }\n const searchHandler = (tag, value) => {\n let initialDataTemp = { ...initialData };\n initialDataTemp[`${tag}Search`] = value;\n setInitialData(initialDataTemp);\n }\n const searcher = (list, key) => {\n let searchedList = []\n if (key) {\n list.map(item => {\n if (item.name.includes(key)) {\n searchedList.push(item);\n }\n })\n // todosalim need tp handle emty search\n return searchedList;\n } else {\n return list;\n }\n }\n const timeCalc = (remainTime) => {\n let min = Math.floor((remainTime - progressbarData.timer) / 60);\n let second = Math.floor((remainTime - progressbarData.timer) % 60);\n if (Math.floor(remainTime - progressbarData.timer) <= 0) {\n return toPersianNumber(\"00\") + \":\" + toPersianNumber(\"00\")\n } else {\n return toPersianNumber(min.toString().length === 1 ? \"0\" + min : min) + \":\" + toPersianNumber(second.toString().length === 1 ? \"0\" + second : second)\n }\n }\n\n //progress logic\n const [progressbarData, setProgressbarData] = useState({ inUpdateProccess: \"true\", timer: 0 });\n\n const [initialData, setInitialData] = useState({\n brand: [],\n channel: [],\n productGroup: [],\n brandSearch: \"\",\n channelSearch: \"\",\n productGroupSearch: \"\"\n });\n const getInitialData = async () => {\n let initialData = {}\n const resGetSeller = await GetSellers();\n typeof resGetSeller !== \"undefined\" && typeof resGetSeller.data !== \"undefined\" ? initialData.channel = urlChecker(resGetSeller.data.channelList, \"channel\") : initialData.channel = [];\n (typeof resGetSeller !== \"undefined\" && typeof resGetSeller.response !== \"undefined\" && setToast(resGetSeller.response.data.error));\n const resGetGroups = await GetproductGroup();\n typeof resGetGroups !== \"undefined\" && typeof resGetGroups.data !== \"undefined\" ? initialData.productGroup = urlChecker(resGetGroups.data.GroupList, \"productGroup\") : initialData.productGroup = [];\n (typeof resGetGroups !== \"undefined\" && typeof resGetGroups.response !== \"undefined\" && setToast(resGetGroups.response.data.error));\n const resGetBrands = await GetBrands();\n typeof resGetBrands !== \"undefined\" && typeof resGetBrands.data !== \"undefined\" ? initialData.brand = urlChecker(resGetBrands.data.BrandList, \"brand\") : initialData.brand = [];\n (typeof resGetBrands !== \"undefined\" && typeof resGetBrands.response !== \"undefined\" && setToast(resGetBrands.response.data.error));\n\n initialData.inUpdateProccess = false;\n setInitialData({ ...initialData })\n }\n const [productData, setProductData] = useState({ productList: [], pageCount: 10 });\n const getProductListSalim = async (filter) => {\n setHasSkeleton(true)\n let paramsFromUrl = {\n brand: getFromUrl('brand'),\n productGroup: getFromUrl('productGroup'),\n channel: getFromUrl('channel'),\n page: filter ? setToUrl(\"page\", 1) : getFromUrl('page'),\n countInPage: getFromUrl('countInPage'),\n query: getFromUrl('query')\n }\n let temp = [];\n if (paramsFromUrl.channel) {\n const res = await GetSellers();\n paramsFromUrl.channel.map(id => {\n temp.push(res.data.channelList.find(item => item._id === id)._id);\n })\n }\n paramsFromUrl.channel = temp;\n const resGetList = await GetProductList(paramsFromUrl);\n if (resGetList.status === 200) {\n setProductData({\n productList: resGetList.data.productList,\n pageCount: resGetList.data.productListPageCount,\n count: resGetList.data.productCount\n })\n }\n setHasSkeleton(false)\n }\n\n // handlers**********************************************************\n const filterHandler = (value, tag) => {\n setToUrl(tag, value);\n if (tag !== \"page\") {\n setToUrl(\"page\", 1);\n }\n getProductListSalim();\n }\n const deleteFiletrsHandler = (filterList) => {\n let initialDataTemp = { ...initialData };\n filterList.map(filter => {\n setToUrl(filter, \"\");\n let temp = [];\n initialDataTemp[filter].map((item) => {\n temp.push({ ...item, checked: false });\n })\n initialDataTemp[filter] = temp;\n });\n setInitialData(initialDataTemp);\n getProductListSalim();\n }\n // end salim logic new\n //modals\n const [editNameModal, setEditNameModal] = useState({\n open: false,\n value: \"\",\n err: \"\",\n id: \"\",\n channelId: \"\",\n parentId: \"\",\n success: false\n });\n const [editGroupModal, setEditGroupModal] = useState({ open: false, err: \"\", id: \"\", channelId: \"\", success: false });\n const [deleteGroupModal, setDeleteGroupModal] = useState({\n open: false,\n err: \"\",\n id: \"\",\n channelId: \"\",\n success: false\n });\n const [groupModal, setGroupModal] = useState({\n open: false,\n err: \"\",\n value: [{ name: \"کد کالای دوم\", value: \"\", tag: \"0\" }],\n id: \"\",\n channelId: \"\",\n success: false\n });\n\n //setDataToServer****************************************************************************************************************\n const editProductName = async () => {\n if (editNameModal.value) {\n let params = { productId: editNameModal.id, channelId: editNameModal.channelId, newName: editNameModal.value }\n let res = EditProductName(params)\n if (res) {\n let temp2 = editNameModal;\n temp2.success = true;\n setEditNameModal({ ...temp2 })\n }\n } else {\n let temp = editNameModal;\n temp.err = \"تکمیل این فیلد الزامیست\"\n setEditNameModal({ ...temp })\n }\n }\n\n\n //handlers *********************************************************************************************************************\n const modalsHandler = (tag, id, channelId, parentId) => {\n\n let editName = editNameModal;\n if (typeof props.user !== \"undefined\" && props.user.permission.productList.includes(\"Edit\")) {\n\n switch (tag) {\n case \"editName\": {\n editName.id = id;\n if (typeof parentId !== \"undefined\") editName.parentId = parentId;\n editName.channelId = channelId;\n editName.open = true;\n setEditNameModal({ ...editName });\n cancelModal(\"group\", groupModal, setGroupModal)\n cancelModal(\"editGroup\", editGroupModal, setEditGroupModal)\n cancelModal(\"deleteGroup\", deleteGroupModal, setDeleteGroupModal)\n\n break;\n }\n }\n }\n }\n\n const handleSelect = (tag, value) => {\n let initialDataTemp = { ...initialData };\n let urlGroups = getFromUrl(tag);\n if (value.checked) {\n urlGroups.splice(urlGroups.indexOf(tag === \"channel\" ? value._id : value.name), 1);\n } else {\n urlGroups.push(tag === \"channel\" ? value._id : value.name ? value.name : value)\n }\n setToUrl(tag, urlGroups);\n initialDataTemp[tag] = urlChecker(initialData[tag], tag);\n // todosalim need to test for brand and channel\n setInitialData(initialDataTemp);\n }\n\n const onchangeHandler = (tag, value, secondTag) => {\n switch (tag) {\n case \"editName\":\n let temp = editNameModal;\n temp.value = value.target.value;\n setEditNameModal({ ...temp });\n break;\n\n }\n }\n const onBlureHandler = () => {\n }\n\n //JSX RENDERER*******************************************************************************************************************************\n const ButtonPackRenderer = (maintag, canceltag, mainlabel, mainaction, get, set) => {\n return (\n \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n < Button\n disabled={false}\n tag={canceltag}\n type=\"outline\"\n label=\"انصراف\"\n onclick={() => {\n cancelModal(maintag, get, set);\n setErrors({});\n setToast('')\n }} />\n < Button\n disabled={false}\n tag={maintag}\n type=\"solid\"\n label={mainlabel}\n onclick={() => mainaction()}\n />\n
\n )\n }\n const modalRenderer = (tag) => {\n switch (tag) {\n case \"editName\": {\n let temp;\n // if (editNameModal.parentId !== \"\") {\n // let temp1 = productData.productList.find(product => product._id === editNameModal.parentId);\n // temp = temp1.mergedProduct.find(e => e._id === editNameModal.id);\n // }\n // else {\n temp = productData.productList.find(product => product._id === editNameModal.id);\n // }\n if (editNameModal.success) {\n return \n
\n } else {\n return (\n f
\n.ویرایش نام کالا با موفقیت انجام شد
\n < Button\n tag=\"confirm\"\n type=\"solid\"\n label=\"تایید\"\n onclick={() => {\n setEditNameModal({ open: false });\n getProductListSalim();\n setToast('')\n }}\n />\n\n
\n )\n }\n\n }\n }\n }\n //function ************************************************************\n const cancelModal = (tag, get, set) => {\n let modal = get;\n modal.id = \"\";\n modal.channelId = \"\";\n modal.open = false;\n modal.success = false;\n modal.err = false;\n modal.value = \"\"\n if (tag == \"group\") {\n modal.value = [{ name: \"کد کالای دوم\", value: \"\", tag: \"0\" }];\n }\n set({ ...modal });\n\n }\n const closeModalFunction = () => {\n setToast('')\n }\n if (hasSkeleton) {\n return \n
\n {ButtonPackRenderer(\"editName\", \"editNameCancel\", \"ثبت تغییرات\", editProductName, editNameModal, setEditNameModal)}\n {temp.newName}
\n\n {\n cancelModal(\"editName\", editNameModal, setEditNameModal);\n setToast('')\n }}>\n {modalRenderer(\"editName\")}\n\n : }\n\n \n
}\n }\n \n )\n }\n}\n\nexport default withRouter(ProductList);","import React from \"react\";\nimport {withRouter} from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport Products from \"../../Components/productList/productList\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst ProductsPage = (props) => {\n\n return (\n \n \n <>\n \n
\n }\n {/* {\n Object.keys(props.user.downGradeWarning).length !== 0 &&\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n \n <>\n \n
\n } */}\n {editNameModal.open ?\n \n
\n کالاهای ثبت شده
\n\n {/* {\n props.user.expiredAccount &&\n \n } */}\n
\n {progressbarData.inUpdateProccess ?\n \n {progressbarData.inUpdateProccess === \"noProduct\" || progressbarData.inUpdateProccess === \"noChannel\" ?\n (initialData.channel.length > 0 ?\n \n {\n props.history.push(\"/variants\")\n }} />\n \n :\n \n \n )\n : \n }\n
\n : d
\n .کاربر عزیز، در حال حاضر شما هیچ کالایی در ربات موبیشا\n ندارید
\n.شما میتوانید لیست کالاهای خود را از صفحه تنوعها بهروز رسانی کنید
\nl
\n .کاربر عزیز، شما تاکنون هیچ پنلی ثبت نکردهاید
\n.شما میتوانید با ثبت پنل دیجیکالای خود، کار با ربات موبیشا را شروع کنید
\n.کاربر عزیز، در حال حاضر محصولات در دسترس نیست
\n.محصولات درحال بروز رسانی میباشد
\n\n
\n \n
\n < div className={style.time}>{timeCalc(progressbarData.remainTime)}\n \n {toPersianNumber(progressbarData.receivedVariantsCount)}\n {\" \"} کالا از{\" \"}\n {toPersianNumber(progressbarData.AllVariantsCount)}\n {\" \"}کالا دریافت شد.{\" \"}\n
\n
\n \n {filterIsActive() ?
\n {productData.productList.length === 0 ?\n {\n deleteFiletrsHandler([\"brand\", \"channel\", \"productGroup\"])\n }}>g
: }\n \n deleteFiletrsHandler([\"productGroup\"])}\n handleSelect={handleSelect}\n action={getProductListSalim}\n />\n
\n \n deleteFiletrsHandler([\"brand\"])}\n handleSelect={handleSelect}\n action={getProductListSalim}\n\n />
\n {initialData.channel.length > 1 ?\n \n deleteFiletrsHandler([\"channel\"])}\n handleSelect={handleSelect}\n action={getProductListSalim}\n />
\n : }\n \n
\n : \n O\n
\n !نتیجهای یافت نشد
\n.نتیجهای مطابق با جستجوی شما یافت نشد. لطفا عبارت دیگری را امتحان کنید
\n\n
\n {productData.productList.map((product, index) => {\n return \n
\n \n\n filterHandler(selected, \"countInPage\")} />\n {toPersianNumber(productData.count) + \" کالا\"}
\n\n تعداد نمایش در صفحه
\n \n \n
\n \n
\n )\n}\nexport default withRouter(ProductsPage);\n\n\n\n","export default __webpack_public_path__ + \"static/media/checked.b25d0d4b.svg\";","export default __webpack_public_path__ + \"static/media/close.2771e62f.svg\";","export default __webpack_public_path__ + \"static/media/editPasswordExcl.eb70160e.svg\";","import React, { useState } from \"react\";\nimport style from './channelsCard.module.scss';\nimport ThreeDotsDropdown from \"../../Dropdown/ThreeDotsDropDown/DropDown\";\nimport ToPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport SwitchButton from \"../../SelectionControls/Switch/Switch\";\nimport check from \"../../../assets/testIcon/checked.svg\"\nimport cancel from \"../../../assets/testIcon/close.svg\"\nimport excl from \"../../../assets/icons/editPasswordExcl.svg\"\n\nconst ChannelsCard = (props) => {\n const [dropdown, setDropdown] = useState(false)\n const [editModal, setEditModal] = useState({\n show: false\n })\n\n return (\n \n \n
\n \n \n\n
\n \n
\n \n
\n\n {props.data.isOnline === false && props.data.active === true ? \n props.dropdown(\"delete\", props.data._id, props.data.name),\n modalOpen: () => {\n setDropdown(false)\n }\n }\n ]}\n />\n
\n \n \n
\n {typeof props.data.access_token != 'undefined' && props.data.access_token ? \"v3 \" : \"v2 \"}{props.data.name}{props.data._id == \"66c7067044e53ffa53755c93\" ? ' ۲ ' : ''}
\n\n props.toggleHandlerParent(props.data._id, !active, props.type)}\n />\n
\n {ToPersianNumber((props.data.createTime))}
\n \n
\n \n \n props.dropdown(\"edit\", props.data._id, (props.data.username ? props.data.username : props.data.email), props.type, (typeof props.data.access_token != 'undefined' && props.data.access_token ? true : false))}\n >\n {/* */}\n اتصال مجدد\n
\n \n :\n \n
\n }\n \n \n اتصال مجدد\n
\n \n
\n \n
\n\n \n \n
\n\n \n props.dropdown(\"delete\", props.data._id, props.data.name),\n modalOpen: () => {\n setDropdown(false)\n }\n },\n {\n name: 'ویرایش',\n onclick: () => props.dropdown(\"edit\", props.data._id, (props.data.username ? props.data.username : props.data.email), props.type),\n modalOpen: () => {\n setDropdown(false)\n }\n }\n ]}\n />\n
\n {props.data.name}{props.data._id == \"66c7067044e53ffa53755c93\" ? ' ۲ ' : ''}
\n\n
\n \n props.toggleHandlerParent(props.data._id, !active, props.type)}\n />\n
\n \n
\n \n
\n ارتباط با پنل فروش
\n{props.data.active === false ?
\n ارتباط قطع است
: (props.data.isOnline === true ?ارتباط برقرار است
:props.dropdown(\"edit\", props.data._id, (props.data.username ? props.data.username : props.data.email), props.type)}>نیاز به اتصال مجدد
)}\n
\n تاریخ ثبت
\n{ToPersianNumber((props.data.createTime))}
\n\n
\n}\nexport default ChannelSkeleton;\n","export default __webpack_public_path__ + \"static/media/channel_noPanel.ad07dbf4.svg\";","import React, { useState } from \"react\";\nimport style from './channelModal.module.scss';\nimport Button from \"../../Button/button\";\nimport Input from '../../input/input';\n\nconst ChannelModal = (props) => {\n\n return (\n \n
\n \n
\n \n
\n \n {props.modalData.step == '1' ? <>\n
\n \n
\n {(props.type == 'add') && <>\n یا\n \n
\n\n کد ارسالی دیجیکالا به ایمیل و یا شماره همراه خود را وارد کنید. ممکن است کد ارسالی به پوشه اسپم منتقل شده باشد.
\nh
\n \n
\n \n
\n {\n if (props.type == 'edit') {\n if (typeof props.modalData.is_version3 != 'undefined' && props.modalData.is_version3) {\n props.DKConnectionV3(props.type)\n }\n } else {\n props.DKConnectionV3(props.type)\n }\n }}>\n \n
\n }\n \n :\n <>\n API اتصال به پنل دیجیکالا با
\n\n
\n }\n \n
\n \n
\n case \"deleteOne\":\n return آیا از حذف پنل {deleteModal.name} مطمئنید؟
\n\n h\n
\n \n
\n با حذف پنل، تمام اطلاعات و تنظیمات شما پاک شده و قابل بازگشت نیست.\n میتوانید به جای حذف پنل، به صورت موقت، پنل خود را غیرفعال کنید.
\nbuttonHandler('deleteCancelTwo', '')}>غیرفعال کردن پنل {deleteModal.name}
\n\n
\n \n buttonHandler('deleteSubmitTwo', '')}\n >\n حذف\n \n
\n \n
\n \n
\n default: //nothing\n }\n }\n const countDown = async () => {\n setTimeout(() => {\n if (counter > 0) {\n setCounter(counter - 1)\n } else if (counter === 0) {\n setCounter(0);\n let modal = deleteModal;\n modal.step = 2;\n setDeleteModal({ ...modal })\n }\n\n }, 1000)\n }\n\n useEffect(() => {\n if (deleteModal.step === 1 && deleteModal.success === false) {\n countDown();\n }\n }, [counter, deleteModal])\n\n const openToast = (error) => {\n setToast({\n open: true,\n text: error,\n type: 'warning',\n hasButton: false,\n buttonText: '',\n buttonAction: () => { }\n })\n setLoading(false)\n }\n\n const submitDelete = async () => {\n let params = { channelId: deleteModal.id }\n let res = await SubmitDelete(params, openToast)\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n let DeleteModal = deleteModal;\n DeleteModal.success = true;\n setDeleteModal({ ...DeleteModal })\n setToast({ open: true, text: `پنل ${deleteModal.name} حذف شد.`, type: 'primary', hasButton: false, buttonText: '', buttonAction: () => { } })\n getChannelList()\n }\n }\n\n const channelCardToggle = async (id, active, type) => {\n let res;\n if (type.value == 'DK') {\n let params = {\n activeStatus: active,\n channelId: id\n }\n res = await ChannelCardToggle(params);\n } else {\n let params = {\n vendorId: id,\n activeStatus: active,\n }\n res = await VendorCardToggle(params);\n }\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n getChannelList();\n } else if (typeof res !== \"undefined\" && typeof res.response !== \"undefined\") {\n setToast({ open: true, text: res.response.data.error, type: 'error', hasButton: false, buttonText: '', buttonAction: () => { } })\n }\n }\n\n if (hasSkeleton) {\n return آیا از حذف پنل {deleteModal.name} مطمئنید؟
\n\n h\n
\n \n
\n با حذف پنل، تمام اطلاعات و تنظیمات شما پاک شده و قابل بازگشت نیست.\n میتوانید به جای حذف پنل، به صورت موقت، پنل خود را غیرفعال کنید.
\nbuttonHandler('deleteCancelTwo', '')}>غیرفعال کردن پنل {deleteModal.name}
\n\n
\n \n 0 ? \"(\" + toPersianNumber(counter) + \")\" + \" حذف\" : \"حذف\"}\n onclick={buttonHandler} />\n
\n \n
\n \n
\n \n \n {/* 
*/}\n setAddChannelPermissionDeniedShow(false)}\n />\n
\n\n 4
\n .امکان ثبت پنل جدید برای این حساب کاربری وجود ندارد
\n\n
\n :\n (deleteModal.step === 1 ? ModalContent(\"deleteOne\") : ModalContent(\"deleteTwo\"))\n }\n \n \n {/* */}\n setDeleteModal({ open: false, success: false })}\n />\n
\n\n .پنل {deleteModal.name} با موفقیت حذف شد
\n\n
\n :\n ModalContent(\"add\")}\n \n\n \n \n {\n setAddModal({ ...addModal, open: false, success: false });\n getChannelList();\n setToast({ open: false, text: \"\", type: '', hasButton: false, buttonText: '', buttonAction: () => { } })\n }}\n />\n
\n .کاربر عزیز، پنل {addModal.name} با موفقیت افزوده شد
\n\n
\n :\n ModalContent(\"edit\")}\n \n {\n props.user.expiredAccount && \n \n {\n setEditModal({ ...editModal, open: false, success: false });\n setToast({ open: false, text: \"\", type: '', hasButton: false, buttonText: '', buttonAction: () => { } })\n }}\n />\n
\n\n .کاربر عزیز، تغییرات با موفقیت اعمال شد
\n\n \n <>\n \n
\n }\n {\n props.user.disconnected.status &&\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n \n <>\n \n
\n }\n {/*{disconnectTextGenerator(props.user.disconnected.channelName)}
\nجهت اتصال دوباره موبیشا به پنل، لطفا اطلاعات خود را در صفحه پنلهای فروش بهروز رسانی کنید
\n ورود به صفحهی پنلهای فروش \n \n\n \n \n
*/}\n\n \n
\n \n
\n \n
\n پنلهای فروش
\n\n {channelList && channelList.list.length > 0 ?\n
\n \n
\n :\n \n \n
\n \n
\n 480 ? style.listHeaderFixed : style.listHeader}>\n \n
\n نام پنل
\n وضعیت
\n تاریخ ثبت
\n ارتباط با پنل
\n \n 480 ? style.hiddenListHeader : ''}>
\n \n {channelList.list.map((i, index) =>
\n \n getChannelList()}\n />\n
)}\n \n {channelList.list.map((i, index) =>
\n \n getChannelList()}\n />\n
)}\n \n
\n }\n \n
\n \n 
\n
\n میتونید پنلهای فروشتون رو اینجا ثبت کنید
\nبا ثبت پنل، تنوعهای شما به صورت خودکار از پنل فروش دریافت میشه
\n\n {\n if (typeof props.user !== \"undefined\" && props.user.permission.DGPanel.includes(\"Add\")) {\n setAddModal({ ...addModal, open: !addModal.open });\n setEditModal({ ...editModal, open: false });\n }\n }} />\n props.history.push('/guide')}\n />\n
\n \n
\n}\n\nexport default withRouter(Navbar);\n\n\n\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport ChannelComponent from \"../../Components/channels/channels_NEW\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst ChannelPage = (props) => {\n return (\n setSideBar({ ...sideBar, open: !sideBar.open })}>
\n {sideBar.open\n ?\n \n
\n :\n \n }\n \n \n
\n \n
\n\n \n\n {Object.keys(sideBar.items).map((navItem, index) => \n \n
\n مـوبـیـشـا
\n setSideBar({ ...sideBar, open: !sideBar.open })}>e
\n {sideBar.items[navItem].name}
\n {window.location.pathname == `/${sideBar.items[navItem].linkName}` && }\n )}\n\n auth.logout()}>\nخروج
\n \n\n
\n )\n}\nexport default withRouter(ChannelPage);\n\n\n\n","import React, { useState, useEffect } from \"react\";\nimport style from './mobilePagination.module.scss';\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\";\nimport toEnglishNumber from \"../../helpers/actions/toEnglishNumber\";\n\nconst MobilePagination = (props) => {\n const [page, setPage] = useState({ number: props.currentPage })\n\n const handleClick = e => {\n let tmp = page\n tmp.number = toEnglishNumber(e.target.value)\n setPage({ ...tmp })\n delayedSearch(page.number)\n }\n\n const delayedSearch = number => {\n if (number != '' && number > 0 && number <= props.pageCount) {\n setTimeout(() => {\n props.setPage(page.number)\n }, 3000)\n }\n }\n\n return (\n \n
\n \n
\n \n
\n \n {props.currentPage !== 1 ?
\n )\n}\nexport default MobilePagination","import React, { useState, useEffect, useRef } from \"react\"\nimport style from \"./DropDown.module.scss\"\nimport BlueCheck from '../../../assets/icons/blueCheckmark.svg'\nimport Magnifier from '../../../assets/icons/magnifier.svg'\nimport Switch from \"../../SelectionControls/Switch/Switch\";\nimport toPersianNumber from '../../../helpers/actions/toPersianNumber';\n\nconst DropDown = (props) => {\n\n const wrapperRef = useRef(null);\n const [showDropdown, setShowDropdown] = useState(false)\n const [dropdownList, setDropdownList] = useState([])\n const [selectedItem, setSelectedItem] = useState([])\n const [searchedWord, setSearchedWord] = useState('')\n\n\n const toggleShow = () => {\n // props.action(true);\n setShowDropdown(!showDropdown);\n if (!showDropdown && props.hasCheckbox) {\n let tmp = [];\n if (props.hasCheckbox) {\n tmp = sort(props.dropdownList)\n } else {\n tmp = props.dropdownList;\n }\n setDropdownList(tmp)\n }\n }\n useEffect(() => {\n if (!showDropdown) {\n // props.action(true)\n }\n }, [showDropdown])\n\n const apply = () => {\n props.action(true);\n // toggleShow();\n }\n\n const sort = (array) => {\n // let arr1 = [];\n // let arr2 = [];\n // array.map(el => {\n // if (el.checked === true) {\n // arr1.push(el);\n // } else {\n // arr2.push(el);\n // }\n // });\n // arr1 = arr1.concat(arr2);\n // return arr1;\n\n return array\n }\n\n const handleClickOutside = event => {\n if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {\n setShowDropdown(false);\n }\n };\n\n const searching = e => {\n let tmp = []\n setSearchedWord(e.target.value);\n const reg = new RegExp(e.target.value);\n props.dropdownList.map((listItem, index) => {\n if (reg.test(listItem.name)) {\n tmp.push(listItem)\n }\n })\n setDropdownList(tmp)\n // props.handleSearch(props.tag, e.target.value);\n }\n\n const setItem = (e, item) => {\n let dumbItem = [{\n name: 'dumb',\n checked: true,\n }]\n if (!item.checked) {\n setSelectedItem(dumbItem)\n }\n }\n\n const deleteAll = () => {\n setSelectedItem([\"\"]);\n props.deleteSelectedItems(props.tag);\n apply();\n }\n\n useEffect(() => {\n document.addEventListener(\"click\", handleClickOutside, false);\n return () => {\n document.removeEventListener(\"click\", handleClickOutside, false);\n };\n }, []);\n\n useEffect(() => {\n if (props.dropdownList && props.dropdownList.length !== 0) {\n setDropdownList(props.dropdownList)\n }\n }, [props.dropdownList]);\n\n const determineSelectedArray = array => {\n let tmp = array.filter(item => item.checked == true)\n return tmp.length <= 10 ? toPersianNumber(tmp.length) : '۱۰+'\n }\n\n return (\n props.setPage(props.currentPage - 1)} className={style.prevArrow}>
: }\n \n
\n {props.currentPage !== props.pageCount ? صفحه
\n handleClick(e)} className={style.inputStyle}>\nاز {toPersianNumber(props.pageCount)}
\n props.setPage(props.currentPage + 1)} className={style.nextArrow}>
: }\n \n\n item.checked) ? style.dropdownButtonSelected : (showDropdown ? style.dropdownHover : style.dropdownButton)}\n type=\"button\">\n {props.placeHolder ? props.placeHolder : 'انتخاب'}\n \n\n setSelectedItem([selected])}\n onClick={e => { props.handleSelect(props.tag, selected); apply() }}\n className={style.customCheckboxWrapper}\n >\n
\n )\n }\n {index == dropdownList.filter(item => item.checked == true).length - 1 ? : null}\n )\n }\n \n : null}\n\n {dropdownList.length !== 0 ? dropdownList.filter(item => item.checked == false).map((item, index) =>\n \n {props.hasSearchBox ?\n
\n :\n \n \n searching(e)}\n value={searchedWord}\n className={style.dropdownSearch}\n >\n
\n :\n null\n }\n\n - \n {(props.hasCheckbox || props.hasToggle) && dropdownList.filter(item => item.checked == true).length > 0 ?\n <>\n
- \n
:موارد انتخاب شده
\n{ deleteAll() }}>حذف همه {determineSelectedArray(dropdownList)} مورد
\n \n {dropdownList.filter(item => item.checked == true).map((selected, index) =>\n
setItem(e, selected)}\n >\n \n
\n :\n (props.hasToggle ?\n {selected.name ? selected.name : selected}
\n\n {selected.name ? selected.name : selected}\n
\n\n { props.handleSelect(props.tag, selected); apply() }}\n />\n
\n \n {selected.name ? selected.name : selected}\n {selectedItem.includes(selected) ? : null}\n
setItem(e, item)}\n >\n \n
\n :\n (props.hasToggle ?\n {item.name ? item.name : item}
\n\n {item.name ? item.name : item}\n
\n\n { props.handleSelect(props.tag, item); apply() }}\n />\n
\n \n :\n \n {item.name ? item.name : item}\n {selectedItem.includes(item) ? : null}\n
\n \n {selectedItem.length !== 0 ? : null}\n
*/}\n \n \n \n {props.checkUrl() ?
\n { props.handleDeleteAll() }}>\n g
: null\n }\n {props.FilterArrays.map((item, index) => {\n if (item.tag != 'promotion' && props.filterData[`${[item.tag]}s`].length > 1) return \n props.deleteFromUrl(item.tag)}\n handleSelect={props.selectHandler}\n action={flag => {\n }}\n />\n
\n if (item.tag == 'promotion') return \n {\n }}\n deleteSelectedItems={() => {\n props.deleteFromUrl('withoutchangeprice');\n props.deleteFromUrl('activerobotinpromotions')\n }}\n handleSelect={props.handleSelect}\n action={flag => {\n }}\n />\n
\n })}\n \n {props.listFilters.map((filterItem, index) =>\n props.handleProductListFilters(filterItem.tag, filterItem)}\n >\n {toPersianNumber(props.detailFilters[filterItem.tag])} {filterItem.label}\n
\n )}\n {props.filters.productsListFilters.length > 0 &&\n \n \n \n 
\n \n
\n {/* {!showDropdown ? \n {props.value ?
\n {props.withRial && ريال}\n {props.withCommas ? toPersianNumber(numberWithCommas(props.value)) : toPersianNumber(props.value)}
\n : (props.placeHolder ?\n{props.placeHolder}
: 'انتخاب')}\n \n
\n }\n \n ) : null}\n \n - \n {dropdownList.length !== 0 ? dropdownList.map((item, index) =>\n
setItem(e, item)}\n >\n \n
\n :\n {toPersianNumber(item.name)}
\n\n {props.withCommas ? toPersianNumber(numberWithCommas(item.name)) : toPersianNumber(item.name)}\n {selectedItem.includes(item) ? : null}\n {props.withRial && ريال}\n
\n \n {selectedItem.length === 0 || props.noClean === true ? null : }\n
\n {props.errorMessage}
: } */}\n\n\n{props.errorMessage}
\n\n \n\n {props.label && }\n
\n \n {props.disabled ? :\n\n (props.type === \"password\" ?
\n { setVisible(!visible) }}>\n {visible ? a : b}\n
: )\n }\n\n {props.unit && {props.unit}
}\n { props.onchange(props.tag, e, (props.secondTag ? props.secondTag : \"\")) }}\n onBlur={e => props.onblur(props.tag, e)}\n value={toPersianNumber(props.value) ? toPersianNumber(numberWithCommas(props.value)) : \"\"}\n type={!visible ? props.type : \"text\"}\n />\n {props.withRial && ريال}\n {props.error}
\n \n
\n )\n}\nexport default RangeSlider\n\n","export const reactive = [\n // { name: \"با بیشترین سود\", value:\"maximumProfit\" }, \n { name: \"غیرفعال\", value: \"disable\" },\n { name: \"فعال\", value: \"enable\" },\n // {name: \"هوشمند\", value: \"smart\"}\n]\nexport const strategy = [\n { name: \"کمترین قیمت\", value: 'lowestPrice' },\n { name: \"موجود در باکس (پلکانی)\", value: 'boxStep' },\n // { name: \"موجود در باکس(با کمترین قیمت)\", value: 'boxLowestPrice'},\n { name: \"موجود در باکس (لحظهای)\", value: 'boxMoment' },\n // { name: \"رقابت هوشمند\", value: 'smart' }\n]\nexport const saleType = [\n // { name: \"فروش ویژه\", value: 'special' }, \n { name: \"فروش عادی\", value: 'normal' },\n // { name: \"فروش هوشمند\", value: 'smart' },\n]\nexport const priceIncrease = [\n { name: \"آزاد (محدود به حداکثر سود)\", value: 'free' },\n // { name: \"محدود به حداکثر سود\", value: 'maximumProfit' },\n { name: \"محدود به قیمت مرجع\", value: 'referencePrice' }\n]\nexport const competitionType = [\n { name: \"ثابت\", value: 'fix' },\n // { name: \"چرخشی\", value: 'cycle' }\n]\n\nexport const variantState = [\n { name: \"در باکس فروش\", value: \"insideBox\" },\n { name: \"خارج از باکس فروش\", value: \"outsideBox\" },\n { name: \"ربات غیرفعال\", value: \"ActiveSellStatus\" },\n { name: \"خطا\", value: \"ErrorFilter\" }\n]\n\nexport const ErrorsFilterValues = [\n { name: \"غیر فعال شدن کالا\", value: 'DeActive' },\n { name: \"اتمام موجودی\", value: 'no_stock' },\n { name: \"بازهی نادرست قیمتگذاری\", value: 'out_of_range' },\n { name: \"تخفیف کمتر از میزان اعلام شدهی دیجیکالا در پروموشن\", value: 'promo_min_error' },\n { name: \"خطا از سمت دیجیکالا\", value: 'DK_Error' },\n { name: \"خطا در ارتباط با ربات\", value: 'Mobisha_Error' },\n { name: \"قیمت پایینتر از حد مجاز قیمت مرجع است\", value: 'resource_price' },\n]\n\nexport const ErrorCodes = {\n 'error': '.خطا در ارتباط با ربات! لطفا با پشتیبانی تماس بگیرید',\n 'DeActive': ' .این کالا در دیجی کالا غیرفعال است',\n 'no_stock': '.موجودی کالا به پایان رسیده است',\n 'DK_Error': '.وجود خطا از سمت دیجیکالا! در صورت تکرار خطا با پشتیبانی تماس بگیرید',\n 'Mobisha_Error': '.خطا در ارتباط با ربات! لطفا با پشتیبانی تماس بگیرید',\n 'outOfRange': '.امکان قیمتگذاری در بازه اعلام شده وجود ندارد',\n 'out_of_range': '.امکان قیمتگذاری در بازه اعلام شده وجود ندارد',\n 'promo_min_error': '.امکان درج قیمت کمتر از قیمت اعلام شده در تخفیف هوشمند نمیباشد',\n 'resource_price': \".قیمت پایینتر از حد مجاز قیمت مرجع است\"\n}\n// export const deliveredBy = [\n// { name: \"دیجیکالا\", value: 'digikala' },\n// { name: \"هر دو\", value: 'both' }\n// ]\n// export const marginType = [\n// { name: \"درصد\", value: \"percent\" },\n// { name: \"قیمت\", value: \"price\" },\n// { name: \"بیشترین قیمت \", value: \"maxPrice\" }]\n\n// export const PricingFilters =[\n// { tag:\"pricingStrategy\",name:\"استراتژی\",\n// array:[{ name: \"کمترین قیمت\", value: 'lowestPrice' },{ name: \"موجود در باکس(پلکانی)\", value: 'boxStep' },{ name: \"موجود در باکس(با کمترین قیمت)\", value: 'boxLowestPrice'},{ name: \"موجود در باکس(لحظهای)\", value: 'boxMoment' }, { name: \"رقابت هوشمند\", value: 'smart' }]\n// },\n// {tag:\"sellingType\", name:\"نوع فروش\" ,\n// array: [{ name: \"فروش ویژه\", value: 'special' }, { name: \"فروش عادی\", value: 'normal' },{ name: \"فروش هوشمند\", value: 'smart' },]\n// },\n\n// {tag:\"priceIncrease\",name:\"افزایش قیمت\",\n// array:[{ name: \"آزاد \", value: 'free' }, { name: \"محدود به حداکثر سود\", value: 'maximumProfit' }, { name: \"محدود به قیمت مرجع\", value: 'referencePrice' }]\n// },\n// {tag:\"competitionType\",name:\"نوع رقابت\" ,array:[{ name: \"ثابت\", value: 'fix' }, { name: \"چرخشی\", value: 'cycle' }]\n// },\n// {\n// tag:\"shippingOptions\", name:\"ارسال توسط\", array : [{ name: \"دیجیکالا\", value: 'digikala' }, { name: \"هر دو\", value: 'both' }]\n// }]\n\n","import React, { useState, useRef, useEffect } from \"react\";\nimport { Link } from \"react-router-dom\"\nimport style from './pricingCard.module.scss';\nimport EditDropDown from \"../../Dropdown/EditDropDown/DropDown\"\nimport EditInput from \"../../EditInput/input\"\nimport SwitchButton from \"../../SelectionControls/Switch/Switch\"\nimport RangeSlider from \"../../pricing/rangeSlider/rangeSlider\"\nimport Skeleton from \"../../skeleton/skeleton\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport toEnglishNumber from \"../../../helpers/actions/toEnglishNumber\"\nimport { numberWithCommas } from \"../../../helpers/actions/splitNumberWithComma\";\nimport { ErrorCodes } from \"../../../helpers/consts/pricingConsts\"\nimport { getManyVariant } from \"../../../actions/APIcalls\"\nimport moment from 'moment-jalaali'\n\n\nconst PricingCard = (props) => {\n const [moreInfo, setMoreInfo] = useState(false)\n const [isEdited, setIsEdited] = useState(false)\n const [moreTips, setMoreTips] = useState(false)\n const [isUpdating, setIsUpdating] = useState(false)\n\n useEffect(() => {\n if (isEdited) {\n props.isEditing('add')\n } else {\n props.isEditing('remove')\n }\n }, [isEdited]);\n\n const nameRef = useRef(null);\n ///lifeCycles**********************************\n useEffect(() => {\n let tmp = editInfo\n tmp.selectedPricingLabel.name = convertDropDownValue(editInfo.selectedPricingLabel.value)\n setEditInfo({ ...tmp })\n // Validator()\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [props.data])\n\n //functions********************************************************\n\n const backgroundColor = () => {\n if (!props.data.robot.salesStatus) {\n return 'wrapperGrey'\n } else {\n if (props.data.errorText) {\n return 'wrapperRed'\n } else {\n return props.data.inByBox ? 'wrapperGreen' : 'wrapperYellow'\n }\n }\n }\n\n const toggleActiveRobot = (e, value, tag) => {\n if (tag == 'isRobotActive') {\n let tmp = editInfo\n tmp.isRobotActive = !tmp.isRobotActive\n setEditInfo({ ...tmp })\n // call to change\n editFunction('activeRobot')\n }\n }\n\n const handleEditInfo = (tag, item) => {\n let tmp = editInfo\n if (tag == 'selectedPricingLabel') {\n tmp[tag] = item\n } else {\n tmp[tag] = toEnglishNumber(item.target.value.replaceAll(',', ''))\n }\n setEditInfo({ ...tmp })\n setIsEdited(true)\n }\n\n const deleteAll = () => {\n let tmp = editInfo\n tmp.selectedPricingLabel = null\n setEditInfo({ ...tmp })\n }\n\n const resetAllEditInfo = () => {\n let tmp = editInfo\n tmp = {\n isRobotActive: props.data.robot.salesStatus,\n selectedPricingLabel: props.data.robot.minimumProfitMarginType,\n minimumProfitMargin: props.data.robot.minimumProfitMargin,\n purchasePrice: props.data.robot.purchasePrice,\n salesPrice: props.data.salesPrice,\n lastUpdate: calculateDate(props.data.lastUpdate ? props.data.lastUpdate : '۱ دقیقه پیش'),\n }\n setEditInfo({ ...tmp })\n setIsEdited(false)\n }\n\n const setAllEditInfo = () => {\n // call to change\n editFunction('editInfo')\n setIsEdited(false)\n }\n\n const convertDropDownValue = value => {\n let result = '';\n if (value.name) {\n result = value.name\n } else {\n switch (value) {\n case 'minPrice':\n result = 'قیمت نهایی'\n break;\n case 'percent':\n result = 'درصد'\n break;\n case 'price':\n result = 'مبلغ'\n break;\n }\n }\n return result\n }\n\n const editFunction = async (type) => {\n let data = props.data.robot\n if (type == 'activeRobot') {\n data.salesStatus = editInfo.isRobotActive\n } else {\n data.minimumProfitMarginType = editInfo.selectedPricingLabel.value\n data.minimumProfitMargin = editInfo.minimumProfitMargin\n data.purchasePrice = editInfo.purchasePrice\n }\n data.variantId = props.data._id\n // change SalesPrice\n if (Number(props.data.salesPrice) !== Number(editInfo.salesPrice)) {\n if (Number(editInfo.salesPrice) < Number(props.data.robot.minPrice) || Number(editInfo.salesPrice) > Number(props.data.robot.maxPrice)) {\n props.openToast('قیمت فروش وارد شده در بازهی حداقل و حداکثر قیمت شما نمیباشد')\n resetAllEditInfo()\n } else {\n let res = props.SubmitEditSalesPrice({ productId: data.variantId, channelId: props.data.channel._id, price: Number(editInfo.salesPrice) })\n await callEditVariantFunction(data)\n }\n } else {\n await callEditVariantFunction(data)\n }\n }\n\n const callEditVariantFunction = async (data) => {\n // get Commission\n let commission = await getManyVariant([props.data.productGroup])\n data.DKCommission = commission.data.maxinCommission ? commission.data.maxinCommission : commission.data.minCommission\n // edit Variant ===> update variant\n setIsUpdating(true)\n let res = await props.SubmitEditVariant(data)\n setIsUpdating(false)\n }\n\n const calculateDate = (dateString) => {\n let result = 0\n let lastUpdate = moment.utc(dateString)\n let current = moment().utc()\n let diff = (current - lastUpdate) / 1000;\n diff /= (60 * 60);\n result = Math.floor(diff) + ' ساعت پیش'\n\n if (Math.floor(diff) == 0) {\n let duration = moment.duration(current.diff(lastUpdate));\n let minutes = duration.asMinutes();\n result = Math.floor(minutes) + ' دقیقه پیش'\n }\n if (Math.floor(diff) > 24) {\n let duration = moment.duration(current.diff(lastUpdate));\n let days = duration.asDays();\n result = Math.floor(days) + ' روز پیش'\n }\n return result\n }\n\n const [editInfo, setEditInfo] = useState({\n isRobotActive: props.data.robot.salesStatus,\n selectedPricingLabel: { value: props.data.robot.minimumProfitMarginType, name: '' },\n minimumProfitMargin: props.data.robot.minimumProfitMargin,\n purchasePrice: props.data.robot.purchasePrice,\n salesPrice: props.data.salesPrice ? props.data.salesPrice : '',\n lastUpdate: calculateDate(props.data.lastUpdate ? props.data.lastUpdate : '۱ دقیقه پیش'),\n })\n\n const calculateLines = text => {\n if (text.length < 88) {\n return text\n } else {\n return text.substr(0, 76) + '...'\n }\n }\n\n const calculateOthersInBoxName = text => {\n let name = text\n if (text.length > 25) {\n name = name.substr(0, 22) + '...'\n }\n return name\n }\n\n const saveCodeToClipboard = code => {\n if (code) {\n navigator.clipboard.writeText(code)\n alert('کد مورد نظر شما کپی شد')\n }\n }\n\n const renderTips = tips => {\n let firstRow = tips[0]\n let remainingRows = tips.slice(1)\n return \n {\n
\n \n \n
}\n\n \n
\n حداقل فروش:\n
\n {\n props.userProfit && props.userProfit === props.minProfit &&\n {toPersianNumber(numberWithCommas(props.minProfit))}
\n فروش شما:\n
\n }\n {toPersianNumber(numberWithCommas(props.userProfit))}
\n\n
\n \n
\n \n {
\n \n \n
}\n\n \n
\n فروش شما:\n
\n {toPersianNumber(numberWithCommas(props.userProfit))}
\n\n {\n
\n \n \n
}\n\n \n
\n حداکثر فروش:\n
\n {\n props.userProfit && props.userProfit === props.maxProfit &&\n {toPersianNumber(numberWithCommas(props.maxProfit))}
\n فروش شما:\n
\n }\n {toPersianNumber(numberWithCommas(props.userProfit))}
\n\n
\n }\n\n\n if (isUpdating) {\n return \n \n
\n {remainingRows.length > 0 && moreTips && {toPersianNumber(numberWithCommas(firstRow))}
\n {remainingRows.length > 0 && setMoreTips(!moreTips)}>\n
}\n موارد بیشتر
\nc
\n - \n {remainingRows.map((row, rowIndex) =>
- {toPersianNumber(numberWithCommas(row))} )}\n
\n \n
\n \n resetAllEditInfo()}\n >e
}\n \n
\n\n \n \n
\n\n \n \n {toPersianNumber(props.number)}. {calculateLines(toPersianNumber(props.data.newName))}\n \n
\n \n \n
\n\n saveCodeToClipboard(props.data.DKPC)}>\n
\n \n DKPC - {toPersianNumber(props.data.DKPC)}
\nبرای کپی کردن کد کلیک کنید
\n saveCodeToClipboard(props.data.DKP)}>\n
\n \n DKP - {toPersianNumber(props.data.DKP)}
\nبرای کپی کردن کد کلیک کنید
\n saveCodeToClipboard(props.data.supplierCode)}>\n
\n {props.data.supplierCode ? toPersianNumber(props.data.supplierCode) : '--'}
\n {props.data.supplierCode &&برای کپی کردن کد کلیک کنید
}\n \n {props.data && props.data.channel && props.hasManyChannels ?
\n {props.data.channel.name}{typeof props.data.channel._id != 'undefined' && props.data.channel._id == \"66c7067044e53ffa53755c93\" ? ' ۲ ' : ''}
:}\n {props.data && props.data.isInPromotion && props.data.channel && props.hasManyChannels ? :
}\n {props.data && props.data.isInPromotion ?
پروموشن
:}\n
\n
\n\n \n
\n \n handleEditInfo('salesPrice', e)}>\n \n {props.data.otherInByBox && props.data.otherInByBox.price &&
\n\n \n
}\n {props.data.otherInByBox && props.data.otherInByBox.price ? toPersianNumber(numberWithCommas(props.data.otherInByBox.price)) : ''}
\n{props.data.otherInByBox && props.data.otherInByBox.name ? '(' + calculateOthersInBoxName(toPersianNumber(numberWithCommas(props.data.otherInByBox.name))) + ')' : ''}
\n\n
\n \n
\n \n {props.data.robot && props.data.robot.minPrice ? toPersianNumber(numberWithCommas(parseInt(props.data.robot.minPrice))) : '--'}
\n\n
\n {props.data.robot && props.data.robot.maxPrice ? toPersianNumber(numberWithCommas(parseInt(props.data.robot.maxPrice))) : '--'}
\n\n
\n \n
\n \n handleEditInfo(tag, item)}\n deleteSelectedItems={() => deleteAll(null)}\n errorMessage=''\n />\n
\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n\n \n
\n\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n \n
\n \n {/* Check Mark */}\n {isEdited && setAllEditInfo()}\n >\n \n
}\n {/* Cross Mark */}\n {isEdited && جزئیات
\n\n \n
\n \n \n\n \n
\n\n \n
\n \n
\n \n قیمت مرجع
\n{props.data.resourcePrice ? toPersianNumber(numberWithCommas(props.data.resourcePrice)) : '--'} ریال
\n\n
\n \n تعداد رقیب
\n{props.data.otherSellerCount ? toPersianNumber(numberWithCommas(props.data.otherSellerCount)) : '--'}
\n\n
\n \n موجودی انبار دیجیکالا
\n{props.data.digikalaStock ? toPersianNumber(numberWithCommas(props.data.digikalaStock)) : '--'}
\n\n
\n \n موجودی انبار فروشنده
\n{props.data.sellerStock ? toPersianNumber(numberWithCommas(props.data.sellerStock)) : '--'}
\n\n
\n \n آخرین بهروز رسانی
\n{props.data && props.data.lastUpdate ? toPersianNumber(editInfo.lastUpdate) : '--'}
\n\n
\n وضعیت سود
\n\n
\n \n
\n \n {\n props.data.errorText && props.data.robot.salesStatus &&\n \n props.repriceVariant(props.data._id)}\n >\n قیمتگذاری در لحظه\n \n props.openCommentInsights(props.data.DKP, props.data.newName, props.data.channel.name)}\n >\n تحلیل دیدگاهها\n \n
\n \n props.threeDotHandler(props.data._id)}\n >\n تنظیمات پیشرفته\n \n
\n \n
\n }\n {\n !props.data.errorText && typeof props.data.noticeText != 'undefined' && props.data.noticeText != \"\" &&\n \n
\n {typeof props.data.tips != 'undefined' && props.data.tips.length > 0 && <>\n \n {renderTips(props.data.tips)}\n }\n n
\n {ErrorCodes[props.data.errorText] ? ErrorCodes[props.data.errorText] : toPersianNumber(numberWithCommas(props.data.errorText.replaceAll('.', '')))}
\n\n
\n }\n {\n props.data.robot.salesStatus && props.data.robot.pricingStrategy != 'lowestPrice' && !props.data.errorText && !props.data.noticeText && typeof props.data.tips != 'undefined' && props.data.tips.length > 0 && \n
\n {typeof props.data.tips != 'undefined' && props.data.tips.length > 0 && <>\n \n {renderTips(props.data.tips)}\n }\n f
\n {props.data.noticeText.replaceAll('.', '')}
\n\n
\n }\n \n )\n }\n}\nexport default PricingCard","import React, { useState } from \"react\";\nimport style from \"./RadioButton.module.scss\";\n\nconst RadioButton = (props) => {\n\n return (\n \n {renderTips(props.data.tips)}\n
\n {props.label}
: ''}\n\n
\n {props.data.errorText && props.data.robot.salesStatus &&\n \n
\n\n \n \n \n {calculateLines(toPersianNumber(props.data.newName))}\n
\n \n\n \n
\n\n \n\n navigator.clipboard.writeText(props.data.DKPC)}>DKPC - {toPersianNumber(props.data.DKPC)}
\n \nnavigator.clipboard.writeText(props.data.DKP)}>DKP - {toPersianNumber(props.data.DKP)}
\n {\n props.data.supplierCode &&\n <>\n \nnavigator.clipboard.writeText(props.data.supplierCode)}>{toPersianNumber(props.data.supplierCode)}
\n \n }\n\n
\n\n حداقل حاشیه سود
\n\n
\n\n \n handleEditInfo('selectedPricingLabel', { value: 'percent', name: 'درصد' })}\n keys={props.data._id + 'percent'}\n />\n handleEditInfo('selectedPricingLabel', { value: 'price', name: 'مبلغ' })}\n keys={props.data._id + 'price'}\n />\n handleEditInfo('selectedPricingLabel', { value: 'minPrice', name: 'قیمت نهایی' })}\n keys={props.data._id + 'minPrice'}\n />\n
\n\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n \n
\n\n قیمت خرید
\n\n
\n\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n \n {!isEdited && }\n {isEdited &&
\n setAllEditInfo()}>تایید
}\n {isEdited && resetAllEditInfo()}>انصراف
}\n \n
\n }\n\n {props.data.robot.pricingStrategy == 'lowestPrice' && props.data.robot.sizeOfPriceIncrease != 0 && props.data.robot.salesStatus && !props.data.errorText &&\n \n
\n\n n
\n {ErrorCodes[props.data.errorText] ? ErrorCodes[props.data.errorText] : toPersianNumber(numberWithCommas(props.data.errorText.replaceAll('.', '')))}
\n\n
\n }\n {props.data.robot.pricingStrategy == 'lowestPrice' && props.data.robot.sizeOfPriceIncrease == 0 && props.data.robot.salesStatus && !props.data.errorText &&\n \n
\n\n f
\n تنوع، طبق استراتژی شما، به کمترین قیمت کاهش یافت
\n\n
\n }\n \n )\n }\n}\nexport default PricingCard","import React, { useState } from \"react\";\nimport style from './mobileFilters.module.scss';\nimport Switch from \"../../SelectionControls/Switch/Switch\";\nimport EditDropDown from \"../../Dropdown/EditDropDown/DropDown\"\n\nconst MobileFilters = (props) => {\n const [modal, setModal] = useState({ open: false })\n return (\n \n
\n\n f
\n مطابق استراتژی انتخابی، قیمت تنوع یکسان با برنده باکس قرار گرفت
\n\n
\n )\n}\nexport default MobileFilters","import React, { useEffect, useRef } from \"react\";\nimport style from '../commentInsight.module.scss';\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport { Chart } from \"chart.js\";\n\nlet myLineChart;\nChart.defaults.global.defaultFontFamily = \"IRANSans\";\n\nconst Tab = (props) => {\n\n const refrence = useRef()\n\n useEffect(() => {\n if (typeof refrence.current != 'undefined') {\n const myChartRef = refrence.current.getContext(\"2d\");\n window[myLineChart + props.tag] = new Chart(myChartRef, {\n type: \"bar\",\n data: {\n //Bring in data\n labels: props.aiInsights.map(el => el.title),\n datasets: [\n {\n label: \"مثبت\",\n data: props.aiInsights.map(el => el.tag_data.positive),\n fill: false,\n borderColor: \"#192a56\",\n backgroundColor: \"#192a56\",\n },\n {\n label: \"بیطرف\",\n data: props.aiInsights.map(el => el.tag_data.neutral),\n fill: false,\n borderColor: \"#e3d185\",\n backgroundColor: \"#e3d185\",\n },\n {\n label: \"منفی\",\n data: props.aiInsights.map(el => el.tag_data.negative),\n fill: false,\n borderColor: \"#dbe4ff\",\n backgroundColor: \"#dbe4ff\",\n }\n ]\n },\n gridLines: {\n display: false\n },\n options: {\n responsive: true,\n layout: {\n padding: {\n top: 5\n }\n },\n legend: {\n display: true,\n },\n scales: {\n xAxes: [{\n gridLines: {\n display: true\n }\n }],\n yAxes: [{\n ticks: {\n beginAtZero: true,\n callback: function (value, index, values) {\n return (value % 1 == 0 ? toPersianNumber(value) : '')\n }\n }\n }]\n },\n tooltips: {\n callbacks: {\n label: function (tooltipItem, chart) {\n let string = `تعداد دیدگاه: ${toPersianNumber(tooltipItem.value)}`\n return string\n }\n }\n }\n },\n });\n }\n }, [props]);\n\n const defineTitle = title => {\n let result = ''\n switch (title) {\n case 'recommended':\n result = 'پیشنهاد کردهاند'\n break;\n case 'not_recommended':\n result = 'پیشنهاد نکردهاند'\n break;\n case 'no_idea':\n result = 'مطمئن نیستند'\n break;\n }\n return result\n }\n\n return (\n <>\n setModal({ ...modal, open: !modal.open })}>\n \n
\n\n فیلترها
\n\n
\n \n
\n\n فیلترها
\n setModal({ ...modal, open: !modal.open })} className={style.close}>\n e\n \n\n {props.FilterArrays && props.FilterArrays.map((filter, index) => {\n return
\n \n
\n })}\n {props.switchFilter && Object.keys(props.switchFilter).map((switchItem, switchIndex) => \n {\n props.setToUrl(!val, tag)\n }} />\n
)}\n \n {props.allRecommendations != 0 && Object.keys(props.recommendation_status).map((sellerItem, sellerIndex) => \n
)}\n \n\n {props.aiInsights && \n {toPersianNumber((props.recommendation_status[sellerItem]))} نفر {defineTitle(sellerItem)}\n
\n {toPersianNumber(parseInt((100 * props.recommendation_status[sellerItem]) / props.allRecommendations))}%\n\n \n \n
}\n\n \n {props.comments.map((sellerComment, sellerCommentIndex) =>
\n \n )\n}\nexport default Tab","import React, { useEffect, useState } from \"react\";\nimport style from './commentInsight.module.scss';\nimport Modal from \"../Modal/Modal\"\nimport Tab from \"./tabComponent/tab\";\nimport { GetComments } from '../../actions/APIcalls'\n\nconst CommentInsight = (props) => {\n\n const [pageDetail, setPageDetail] = useState({\n tabs: [{ title: 'همه پنلها', selected: true }, { title: `پنل شما`, selected: false }],\n page: 1,\n totalPage: 1,\n loading: 0,\n intent_data: [],\n comments: [],\n sellerComments: [],\n ratings: [],\n recommendation_status: {\n recommended: 0,\n no_idea: 0,\n not_recommended: 0,\n },\n sellers_recommendation_status: {\n recommended: 0,\n no_idea: 0,\n not_recommended: 0,\n },\n allRecommendations: 0,\n allSellersRecommendations: 0\n })\n\n useEffect(() => {\n if (props.data.dkp && props.data.name) {\n getComments()\n } else {\n resetComments()\n }\n }, [props.data])\n\n const resetComments = () => {\n setPageDetail({\n ...pageDetail,\n tabs: [{ title: 'همه پنلها', selected: true }, { title: `پنل شما`, selected: false }],\n page: 1,\n totalPage: 1,\n loading: 0,\n intent_data: [],\n comments: [],\n sellerComments: [],\n ratings: [],\n recommendation_status: {\n recommended: 0,\n no_idea: 0,\n not_recommended: 0,\n },\n sellers_recommendation_status: {\n recommended: 0,\n no_idea: 0,\n not_recommended: 0,\n },\n allRecommendations: 0,\n allSellersRecommendations: 0\n })\n }\n\n const getComments = async () => {\n let res = await commentsFunction()\n if (res.success) {\n while ((pageDetail.totalPage != pageDetail.page) && pageDetail.page < 100) {\n setPageDetail({ ...pageDetail, page: ++pageDetail.page, loading: ((100 * pageDetail.page) / (pageDetail.totalPage > 100 ? 100 : pageDetail.totalPage)) })\n await commentsFunction()\n await setSellersInfo(((pageDetail.page - 1) * 20), pageDetail.comments.length)\n }\n setPageDetail({ ...pageDetail, loading: 100 })\n }\n }\n\n const commentsFunction = async () => {\n let result = { success: true }\n let res = await GetComments({ dkp: props.data.dkp, page: pageDetail.page })\n let tmp = pageDetail\n if (res && res.data && res.data.data && res.data.data.comments.length > 0) {\n tmp.comments = pageDetail.comments.concat(res.data.data.comments)\n tmp.totalPage = res.data.data.pager.total_pages\n if ((pageDetail.totalPage == pageDetail.page) || pageDetail.page >= 100) {\n tmp.intent_data = res.data.data.intent_data\n }\n if (res.data.data.ratings) {\n tmp.ratings = res.data.data.ratings\n }\n res.data.data.comments.map(el => {\n if (el.recommendation_status) {\n tmp.recommendation_status[el.recommendation_status] += 1\n tmp.allRecommendations += 1\n }\n })\n } else {\n result.success = false\n }\n setPageDetail({ ...tmp })\n return result\n }\n\n const setSellersInfo = async (firstItem, lastItem) => {\n let sellerCommentsTmp = []\n let tmpPageDetails = pageDetail\n for (let index = firstItem; index < lastItem; index++) {\n const element = tmpPageDetails.comments[index];\n if (element.purchased_item && element.purchased_item.seller && element.purchased_item.seller.title && element.purchased_item.seller.title == props.data.channelName) {\n sellerCommentsTmp.push(element)\n if (element.recommendation_status) {\n tmpPageDetails.sellers_recommendation_status[element.recommendation_status] += 1\n tmpPageDetails.allSellersRecommendations += 1\n }\n }\n }\n tmpPageDetails.sellerComments = pageDetail.sellerComments.concat(sellerCommentsTmp)\n setPageDetail({ ...tmpPageDetails })\n }\n\n const changeTab = tab => {\n let tmpData = pageDetail\n tmpData.tabs.map(el => el.selected = false)\n tmpData.tabs[tab].selected = true\n setPageDetail({ ...tmpData })\n }\n\n return (\n <>\n \n
)}\n \n
\n {sellerComment.body}
\n \n\n
\n {toPersianNumber(sellerComment.created_at)}
\n {sellerComment.purchased_item && sellerComment.purchased_item.color &&\n {sellerComment.purchased_item.color.title}\n
}\n {sellerComment.purchased_item && sellerComment.purchased_item.size &&\n {sellerComment.purchased_item.size.title}\n
}\n{sellerComment.user_name ? sellerComment.user_name : 'کاربر ناشناس'}
\n\n {/* Tabs */}\n
\n {/* Sellers' Comments Insight */}\n {pageDetail.sellerComments.length > 0 && pageDetail.tabs[1].selected == true && <>\n \n {pageDetail.tabs.map((tab, tabIndex) => changeTab(tabIndex)}\n >\n {tab.title}\n
)}\n دیدگاههای پنل {props.data.channelName}
\nتمام دیدگاهها
\nمتاسفانه دیدگاهی برای پنل {props.data.channelName} ثبت نشده است.
}\n\n {pageDetail.loading > 0 && pageDetail.loading < 100 &&}\n \n :\n
\n
\n }\n \n \n )\n\n}\nexport default CommentInsight","export const marginArray = [{ name: \"1000\" }, { name: \"2000\" }, { name: \"5000\" }, { name: \"10000\" }, { name: \"20000\" }, { name: \"50000\" }, { name: \"100000\" }];\n\nexport const maxMargin = [{ label: \"مبلغ\", value: \"price\" }, { label: \"درصد\", value: \"percent\" }, {\n label: \"قیمت نهایی\",\n value: \"maxPrice\"\n}];\n\nexport const variantByBox = [{ label: \"محصول\", value: \"productBox\" }, { label: \"تنوع\", value: \"variantBox\" }]\n\nexport const minMargin = [{ label: \"مبلغ\", value: \"price\" }, { label: \"درصد\", value: \"percent\" }, {\n label: \"قیمت نهایی\",\n value: \"minPrice\"\n}];\nexport const priceIncrease = [\n { label: \"آزاد (بیشترین قیمت ممکن)\", value: \"free\" }, {\n label: \"محدود به قیمت مرجع\",\n value: 'referencePrice'\n }, { label: \"محدود به حداکثر سود\", value: 'maximumProfit' }];\nexport const competitionType = [{ label: \"ثابت\", value: \"fix\" }];\nexport const salesType = [{ label: \"فروش عادی\", value: \"normal\" }];\nexport const reactive = [{ label: \"غیرفعال\", value: \"disable\" }, { label: \"فعال\", value: \"enable\" }];\nexport const safePricing = [{ label: \"فعال\", value: \"enable\" }, { label: \"غیرفعال\", value: \"disable\" }];\nexport const hasMaxPriceLimit = [{ label: \"فعال\", value: true }, { label: \"غیرفعال\", value: false }];\nexport const strategyTitle = {\n outOfRangeStrategy: 'درصورتی که قیمت فروش فعلی محصول شما در بازه قیمتی بین حداقل و حداکثر تعیین شده توسط شما نباشد،',\n hasIncreasePricePermission: {\n aiSmart: 'اگر قیمتی که شما برای تصاحب باکس نیاز دارید پایینتر از حداقل قیمت تعیین شده شما باشد، ',\n lowestPrice: 'اگر قیمتی که شما برای داشتن پایینترین قیمت بین رقبا نیاز دارید، پایینتر از حداقل قیمت تعیین شده شما باشد. ',\n equalToBoxWinner: 'اگر شما برای داشتن قیمت یکسان با برنده باکس،نیاز به قیمتی کمتر از حداقل قیمت تعیین شده خودتان داشته باشید. ربات قیمت فعلی شما کالای شما را....',\n boxMoment: 'اگر قیمتی که شما برای تصاحب باکس نیاز دارید پایینتر از حداقل قیمت تعیین شده شما باشد، ',\n boxStep: 'اگر قیمتی که شما برای تصاحب باکس نیاز دارید پایینتر از حداقل قیمت تعیین شده شما باشد، '\n }\n}\nexport const outOfRangeStrategy = [{ label: \"قیمت را تغییر ندهد\", value: \"off\" }, { label: \"به حداقل قیمتی که تعیین کردهاید کاهش دهد\", value: \"minPrice\" }, { label: \"تنوع را در دیجی کالا غیرفعال کند\", value: \"deactiveProduct\" }]\nexport const hasIncreasePricePermission = [{ label: \"قیمت را تغییر ندهد\", value: \"off\" }, { label: \"به حداکثر قیمتی که تعیین کردهاید افزایش دهد\", value: \"maxPrice\" }, { label: \"به حداقل قیمتی که تعیین کردهاید کاهش دهد\", value: \"minPrice\" }]\nexport const strategy = [\n { label: \"موجود در باکس (لحظهای)\", value: \"boxMoment\" },\n { label: \"قیمت یکسان با برنده باکس\", value: 'equalToBoxWinner' },\n { label: \"کمترین قیمت\", value: \"lowestPrice\" },\n { label: \"موجود در باکس (پلکانی)\", value: 'boxStep' },\n { label: \"باکس هوشمند\", value: 'aiSmart' },\n];\nexport const promotion = [{ label: \"بدون تغییر قیمت\", value: 'false' }, {\n label: \"فعالسازی ربات در تخفیف هوشمند\",\n value: 'true'\n}]\nexport const serverDataFields = [\n { tag: \"purchasePrice\", error: \"!قیمت خرید را وارد کنید\" },\n { tag: \"minimumProfitMargin\", error: '!حداقل حاشیه سود را وارد کنید' }, {\n tag: \"minimumProfitMarginType\",\n error: '!حداقل حاشیه سود را وارد کنید'\n },\n { tag: \"maximumProfitMargin\", error: '!حداکثر حاشیه سود را وارد کنید' }, {\n tag: \"maximumProfitMarginType\",\n error: '!حداکثر حاشیه سود را وارد کنید'\n },\n { tag: \"sizeOfPriceIncrease\", error: '!پله تغییر قیمت را وارد کنید' }, {\n tag: \"pricingStrategy\",\n error: '!نوع استراتژی را وارد کنید'\n },\n { tag: \"priceIncrease\", error: '!نوع افزایش قیمت را وارد کنید' },\n // {\n // tag: \"competitionType\",\n // error: '!نوع رقابت را وارد کنید'\n // },\n // { tag: \"sellingType\", error: '!نوع فروش را وارد کنید' },\n {\n tag: \"reactivation\",\n error: '!نوع فعالسازی مجدد را وارد کنید'\n }];","import React from \"react\";\nimport style from \"./RadioButton.module.scss\";\n\nconst RadioButton = (props) => {\n\n return (\n متاسفانه دیدگاهی برای این محصول ثبت نشده است.
\n{props.label}
: ''}\n\n \n \n
\n {props.withRial && ريال}\n {props.withToman && تومان}\n \n {props.value ?\n \n {props.placeHolder}\n
: 'انتخاب')}\n {props.withCommas ? toPersianNumber(numberWithCommas(props.value)) : toPersianNumber(props.value)}
\n : (props.placeHolder ?\n\n
\n }\n \n ) : null}\n \n - \n {props.fixedOptions && props.fixedOptions.length > 0 && props.fixedOptions.map((fixedOption, fixedIndex) =>
setItem(e, item)}\n >\n \n
\n :\n {toPersianNumber(item.name)}
\n\n {props.withCommas ? toPersianNumber(numberWithCommas(item.name)) : toPersianNumber(item.name)}\n {selectedItem.includes(item) ?\n : null}\n {props.withRial && ريال}\n
\n \n {selectedItem.length === 0 || props.noClean === true ? null :\n }\n
\n \n {/* {!showDropdown ? {props.errorMessage}
: } */}\n{props.errorMessage}
\n\n \n setErrorData({ ...errorData, isOpen: !errorData.isOpen })}>\n
\n}\nexport default WarningError;\n","import React from \"react\"\nimport style from \"./variantEditModalTabel.module.scss\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport { numberWithCommas } from \"../../../helpers/actions/splitNumberWithComma\"\nimport { CalculateMaxPrice } from \"../../../actions/APIcalls\"\nimport WarningError from './warningError'\n\nconst VariantEditModalTabel = (props) => {\n\n const handleCalculateMaxPrice = async () => {\n let res = await CalculateMaxPrice({ dkpc: props.data.dkpc })\n }\n return (<>\n \n
\n {errorData.isOpen ?\n i
\n {props.title}
\n\n {props.texts.map((text, textIndex) =>
\n :\n null\n }\n {text}
)}\n {(props.buttonAction && !errorData.calcSuccess) ?\n {errorData.loadingButton\n ?\n \n :\n \n }\n
\n :\n errorData.calcSuccess ? <>\n بیشترین قیمت با موفقیت بهروزرسانی شد! لطفا دکمه محاسبه قیمت را دوباره کلیک کنید.
\n : null\n }\n\n
\n\n {((parseInt(props.data.minProfit.sellPrice) > parseInt(props.data.maxProfit.sellPrice)) || !props.hasLeafCatPercent) ? \n \n
\n کمترین قیمت
\n بیشترین قیمت
\n \n
\n \n
\n قیمت فروش
\nخالص دریافتی
\nخالص دریافتی {props.type.includes('dk') ? 'دیجیکالا' : 'اسنپشاپ'}
\nهزینههای جانبی
\n\n ارسال و بستهبندی\n (با احتساب مالیات)\n
\n\n کمیسیون {props.type.includes('dk') ? 'دیجیکالا' : 'اسنپشاپ'}\n (با احتساب مالیات)\n
\n {props.hasPlatforCosts ?\n هزینه توسعه پلتفرم\n (با احتساب مالیات)\n
\n :\n null\n }\n\n
\n parseInt(props.data.maxProfit.sellPrice) ? { color: '#D90C0C' } : null}>{toPersianNumber(numberWithCommas(props.data.minProfit.sellPrice))}
\n{toPersianNumber(numberWithCommas((props.data.minProfit.sellPrice - props.data.minProfit[props.type]) - props.data.ancillaryCosts))}
\n{toPersianNumber(numberWithCommas(props.data.minProfit[props.type]))}
\n{toPersianNumber(numberWithCommas(props.data.ancillaryCosts))}
\n{toPersianNumber(numberWithCommas(props.data.minProfit.shipping))}
\n{toPersianNumber(numberWithCommas(props.data.minProfit.commission))}
\n {props.hasPlatforCosts ?{toPersianNumber(numberWithCommas(props.data.minProfit.platformCost))}
: null}\n\n
\n parseInt(props.data.maxProfit.sellPrice) ? { color: '#D90C0C' } : null}>{props.data.maxProfit && props.data.maxProfit.sellPrice ? toPersianNumber(numberWithCommas(props.data.maxProfit.sellPrice)) : '--'}
\n{props.data.maxProfit && props.data.maxProfit.sellPrice && props.data.maxProfit[props.type] ? toPersianNumber(numberWithCommas((props.data.maxProfit.sellPrice - props.data.maxProfit[props.type]) - props.data.ancillaryCosts)) : '--'}
\n{props.data.maxProfit && props.data.maxProfit[props.type] ? toPersianNumber(numberWithCommas(props.data.maxProfit[props.type])) : '--'}
\n{toPersianNumber(numberWithCommas(props.data.ancillaryCosts))}
\n{props.data.maxProfit && props.data.maxProfit.shipping ? toPersianNumber(numberWithCommas(props.data.maxProfit.shipping)) : '--'}
\n{props.data.maxProfit && props.data.maxProfit.commission ? toPersianNumber(numberWithCommas(props.data.maxProfit.commission)) : '--'}
\n {props.hasPlatforCosts ?{toPersianNumber(numberWithCommas(props.data.maxProfit.platformCost))}
: null}\n\n \n\n
\n :\n \n }\n \n )\n}\n\nexport default VariantEditModalTabel;\n\n","import React, { useState } from \"react\";\nimport style from \"./tooltip.module.scss\";\n\nconst Tooltip = (props) => {\n const [isShown, setIsShown] = useState(false);\n return (\n <>\n \n {(parseInt(props.data.minProfit.sellPrice) > parseInt(props.data.maxProfit.sellPrice)) && parseInt(props.data.maxProfit.sellPrice)) ? '1' : '0'}\n title='بیشترین قیمت'\n texts={['بیشترین قیمت فعلی دقیق نمیباشد. برای محاسبه دقیق بیشترین قیمت، کلیک کنید.', '(هشدار! این فرآیند مستلزم حداقل یکبار قیمتگذاری در لحظه میباشد)']}\n buttonAction={() => handleCalculateMaxPrice()}\n />}\n
\n \n
\n )}\n \n );\n}\n\nexport default Tooltip;","import React, { useEffect, useState, useRef } from \"react\";\nimport style from './editModal2.module.scss';\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport toEnglishNumber from \"../../../helpers/actions/toEnglishNumber\"\nimport {\n maxMargin, minMargin, priceIncrease, promotion, reactive, safePricing, hasIncreasePricePermission,\n serverDataFields, strategy, variantByBox, outOfRangeStrategy, strategyTitle, hasMaxPriceLimit\n} from \"../../../helpers/consts/variantEditModal\"\nimport Input from \"../../input/input\";\nimport Button from \"../../Button/button\"\nimport Switch from \"../../SelectionControls/Switch/Switch\"\nimport Modal from \"../../Modal/Modal\"\nimport RadioButton from \"../../SelectionControls/RadioButton/RadioButton\"\nimport SimpleDropDown from \"../../Dropdown/SimpleDropDown/DropDown\"\nimport Tabel from \"../../variantList/variantEditModalTabel/variantEditModalTabel\"\nimport {\n CalcPrice, EditMultipleVariantModalCalc, EditSingleVariantModalCalc, getManyVariant,\n GetSingleVariant, CompleteProgressBar, GetProgressBar, GetChannelDefaultSetting, GetWalletSettings\n} from \"../../../actions/APIcalls\"\nimport { numberWithCommas } from \"../../../helpers/actions/splitNumberWithComma\"\nimport Tooltip from \"../../tooltip/tooltip\"\nimport Toast from \"../../Toast/Toast\";\nimport Skeleton from '../../skeleton/skeleton'\nimport axios from \"axios\";\n\nconst EditModal = (props) => {\n const [serverData, setServerData] = useState({})\n const [errors, setErrors] = useState({})\n const [marginArray, setMarginArray] = useState([\n { name: \"100\", checked: false }, { name: \"200\", checked: false },\n { name: \"300\", checked: false }, { name: \"400\", checked: false },\n { name: \"500\", checked: false }, { name: \"600\", checked: false },\n { name: \"700\", checked: false }, { name: \"800\", checked: false },\n { name: \"900\", checked: false }, { name: \"1000\", checked: false },\n { name: \"2000\", checked: false }, { name: \"5000\", checked: false },\n { name: \"10000\", checked: false }, { name: \"20000\", checked: false },\n { name: \"50000\", checked: false }, { name: \"100000\", checked: false },\n { name: \"500000\", checked: false }, { name: \"1000000\", checked: false },\n { name: \"2000000\", checked: false }, { name: \"3000000\", checked: false }, { name: \"4000000\", checked: false },\n { name: \"5000000\", checked: false }, { name: \"10000000\", checked: false },\n { name: \"50000000\", checked: false }, { name: \"100000000\", checked: false },\n ])\n const [desiredSizeOfPriceIncrease, setDesiredSizeOfPriceIncrease] = useState({ text: \"\", selected: false })\n const [roundnessDigits, setRoundnessDigits] = useState([\n { name: 2, checked: false },\n { name: 3, checked: false },\n { name: 4, checked: false },\n { name: 5, checked: false },\n { name: 6, checked: false }\n ])\n const [modalTabel, setModalTabel] = useState({ open: false, showConfirmButton: false })\n const [promotionPercent, setPromotionPercent] = useState('')\n const [modalData, setModalData] = useState({})\n const [toast, setToast] = useState('')\n const [tab, setTab] = useState('primary')//primary, default, group\n const [loading, setLoading] = useState(false)\n const [variantSizeWarning, setVariantSizeWarning] = useState({\n variantHasSizeLoading: false,\n variantHasSize: '',\n })\n\n const tableRef = useRef()\n\n //lifeCycles*********************************\n\n useEffect(() => {\n if (props.list.length == 0 && props.show) {\n closeModal()\n } else {\n if (props.list && props.list.length == 1) {\n getSingleVariant()\n } else if (props.list.length > 1) {\n getManyCommision()\n }\n }\n\n }, [props.list])\n //handlers***********************************\n const radioHandeler = (e, value, tag, secoundTag) => {\n let data = serverData;\n data[tag] = secoundTag\n setServerData({ ...data })\n }\n\n const deleteDropdownOption = (tag) => {\n let data = { ...serverData };\n delete data[tag]\n setServerData({ ...data })\n }\n\n const setPromotionPrice = (e) => {\n let data = { ...serverData }\n data.promotionMinPrice = toEnglishNumber(e.target.value.toString().replaceAll(\",\", \"\"))\n setServerData({ ...data })\n let temp = Math.round(100 * (1 - toEnglishNumber(e.target.value.toString().replaceAll(\",\", \"\")) / modalData.resourcePrice))\n temp = (temp > 0 ? temp : 0)\n setPromotionPercent(temp)\n }\n const setPromtionPercentFunction = (e) => {\n if (toEnglishNumber(e.target.value) <= 100) {\n let temp = (100 - toEnglishNumber(e.target.value)) * modalData.resourcePrice / 100;\n temp = (temp > 0 ? temp : 0)\n setPromotionPercent(toEnglishNumber(e.target.value))\n let data = { ...serverData }\n data.promotionMinPrice = temp || temp == 0 ? temp : ''\n setServerData({ ...data })\n }\n }\n const arrowHandler = (type) => {\n if (serverData.changePricePromotion) {\n let value = (promotionPercent) || 0\n if (type === 'plus') {\n value = parseInt(value) + 1\n } else {\n value = parseInt(value) - 1\n }\n if ((value) <= 100 && value >= 0) {\n let temp = (100 - (value)) * modalData.resourcePrice / 100;\n temp = (temp > 0 ? temp : 0)\n setPromotionPercent((value))\n let data = { ...serverData }\n data.promotionMinPrice = temp || ''\n setServerData({ ...data })\n }\n }\n }\n const handleDropdown = (tag, item) => {\n if (tag == 'sizeOfPriceIncrease') {\n let array = [...marginArray];\n array.forEach(element => {\n element.checked = false\n })\n let index = -1\n index = array.findIndex(element => element.name === item.name)\n if (index == -1) {\n // allow desired sizeOfPriceIncrease\n let tmp = desiredSizeOfPriceIncrease\n tmp.selected = true\n setDesiredSizeOfPriceIncrease({ ...tmp })\n } else {\n array[index].checked = true;\n setMarginArray([...array])\n }\n }\n if (tag == 'roundnessDigits') {\n let array = [...roundnessDigits]\n array.forEach(element => {\n element.checked = false\n })\n let index = array.findIndex(element => element.name === item.name)\n array[index].checked = true;\n setRoundnessDigits([...array])\n }\n let data = serverData;\n data[tag] = item.name;\n setServerData({ ...data })\n }\n const closeModal = (type) => {\n setPromotionPercent('')\n setServerData({})\n setModalTabel({ open: false })\n setErrors({})\n setTab('primary')\n\n props.closeModal(type == 'submited' ? 'submited' : ' edit')\n }\n const inputHandler = (tag, value) => {\n let data = serverData;\n data[tag] = toEnglishNumber(value.target.value.toString().replaceAll(\",\", \"\"));\n if (Number(data[tag]) == data[tag] && data[tag] % 1 !== 0) {\n data[tag] = Number(data[tag])\n if (tag == 'specificPricingRange') {\n data[tag] = Number(data[tag]).toFixed(0)\n setToast('لطفا از وارد کردن اعداد اعشاری خودداری کنید.')\n }\n }\n if (tag == 'desiredSizeOfPriceIncrease') {\n let tmp = desiredSizeOfPriceIncrease\n tmp.text = toEnglishNumber(value.target.value.toString().replaceAll(\",\", \"\"));\n setDesiredSizeOfPriceIncrease({ ...tmp })\n }\n setServerData({ ...data })\n }\n const onBlurHandler = (tag, e) => {\n let tmp = serverData\n if (tag == 'specificPricingRange') {\n if (toEnglishNumber(serverData.specificPricingRange) > 60) {\n tmp.specificPricingRange = null\n setServerData({ ...tmp })\n }\n }\n }\n const checkFieldsContent = () => {\n let Errors = errors\n serverDataFields.forEach(item => {\n if (!serverData[item.tag]) {\n if (item.tag == 'sizeOfPriceIncrease' && serverData[item.tag] == 0 && serverData.pricingStrategy == 'equalToBoxWinner') {\n // Don't return error\n delete Errors[item.tag]\n } else {\n Errors[item.tag] = item.error\n }\n } else {\n delete Errors[item.tag]\n }\n })\n setErrors({ ...Errors })\n if (Object.keys(errors).length === 0) {\n return true\n } else {\n return false\n }\n }\n //set data*************************************\n const sendDataToParent = (type) => {\n if (checkFieldsContent()) {\n let data = { ...serverData }\n data['DKCommission'] = modalData.comission\n data['platformPercent'] = serverData.platformCosts && typeof modalData.platformPercent != 'undefined' ? modalData.platformPercent : 0\n if (!data.ancillaryCosts || typeof data.ancillaryCosts === \"undefined\") {\n data.ancillaryCosts = 0\n }\n if (data['safePricing'] == 'enable') {\n data.safePricing = true\n } else {\n data.safePricing = false\n }\n if (data.specificPricingRange) {\n data.specificPricingRange = Number(data.specificPricingRange)\n } else {\n data.specificPricingRange = null\n }\n if (!data.sellStatus || typeof data.sellStatus === \"undefined\") {\n data.sellStatus = false\n }\n if (type === \"single\") {\n data.variantId = props.list[0]._id\n data.isVariantBox = (data.variantByBoxType == 'variantBox' ? true : false)\n } else {\n let array = []\n props.list.forEach(item => {\n array.push(item._id)\n })\n data.variantIds = array\n }\n if (data.pricingStrategy == \"equalToBoxWinner\") {\n data.pricingStrategy = \"lowestPrice\"\n data.sizeOfPriceIncrease = 0\n }\n if (data.sizeOfPriceIncrease == \"مقدار دلخواه\") {\n data.sizeOfPriceIncrease = desiredSizeOfPriceIncrease.text\n }\n editVariant(data, type)\n }\n }\n\n const editVariant = async (data, type) => {\n if (type === \"single\") {\n let res = await EditSingleVariantModalCalc(data, openToast)\n if (res) {\n closeModal('submited')\n let array = marginArray\n array.forEach(i => i.checked = false)\n setMarginArray([...array])\n let tabel = modalTabel\n tabel.open = false\n setModalTabel({ ...tabel })\n\n // complete progressBar\n await handleProgressBar()\n // complete progressBar\n }\n } else {\n let res = await EditMultipleVariantModalCalc(data, openToast)\n if (res) {\n closeModal('submited')\n let array = marginArray\n array.forEach(i => i.checked = false)\n setMarginArray([...array])\n let tabel = modalTabel\n tabel.open = false\n setModalTabel({ ...tabel })\n }\n }\n }\n\n const handleProgressBar = async () => {\n let local = localStorage.getItem('progressBar')\n if (typeof local !== 'undefined' && local != null) {\n let res = await GetProgressBar()\n if (res && res.data && res.data.success) {\n let tmpLocal = res.data.progressData.progressBar\n if (!tmpLocal.AddRobot) {\n await CompleteProgressBar({ stage: 'AddRobot' })\n }\n }\n }\n }\n\n const [calculateLoading, setCalculateLoading] = useState(false)\n\n const calculatePrice = async () => {\n if (validator()) {\n setCalculateLoading(true)\n let reqData = {\n ...serverData,\n specificPricingRange: serverData.specificPricingRange ? Number(serverData.specificPricingRange) : null,\n isVariantBox: (serverData.variantByBoxType == 'variantBox' ? true : false),\n variantId: modalData._id,\n DKCommission: modalData.commission,\n platformPercent: serverData.platformCosts && typeof modalData.platformPercent != 'undefined' ? modalData.platformPercent : 0,\n pricingStrategy: (serverData.pricingStrategy == 'equalToBoxWinner' ? 'lowestPrice' : serverData.pricingStrategy),\n sizeOfPriceIncrease: (serverData.pricingStrategy == 'equalToBoxWinner' ? 0 : (desiredSizeOfPriceIncrease.text != '' ? desiredSizeOfPriceIncrease.text : serverData.sizeOfPriceIncrease)),\n safePricing: (serverData.safePricing == 'disable' ? false : true)\n }\n const res = await CalcPrice(reqData, openToast)\n if (res && res.data && res.data.success) {\n let Tabel = { ...modalTabel };\n Tabel.open = true\n Tabel.data = res.data.price.data\n if (serverData.platformCosts && res.data.price.data.minProfit.sellPrice2 && res.data.price.data.maxProfit.sellPrice2) {\n Tabel.data.minProfit.sellPrice = res.data.price.data.minProfit.sellPrice2\n Tabel.data.maxProfit.sellPrice = res.data.price.data.maxProfit.sellPrice2\n }\n Tabel.showConfirmButton = true\n setModalTabel({ ...Tabel })\n }\n setCalculateLoading(false)\n tableRef.current.scrollIntoView({ behavior: 'smooth', block: 'start' })\n }\n }\n const openToast = (error) => {\n setToast(error)\n }\n //getData**************************************\n const getManyCommision = async () => {\n let temp = []\n props.list.forEach(item => temp.push(item.productGroup))\n let res = await getManyVariant(temp)\n if (res) {\n let data = { ...serverData }\n res.data.minCommission === res.data.maxinCommission ?\n data.commission = res.data.minCommission :\n data.commission = `%${res.data.minCommission} - %${res.data.maxinCommission}`\n setServerData({ ...data })\n }\n }\n const getSingleVariant = async () => {\n setLoading(true)\n let res = await GetSingleVariant(props.list[0]._id, openToast);\n let defaultPricingRange = await GetWalletSettings({ accountId: props.accountId })\n if (res) {\n if (res.robot) {\n let data = { ...res.robot }\n if (data['changePricePromotion']) {\n data['changePricePromotion'] = 'true'\n let temp = Math.round(100 * (1 - (res.robot.promotionMinPrice / res.resourcePrice)))\n temp = (temp > 0 ? temp : 0)\n setPromotionPercent(temp)\n } else {\n data['changePricePromotion'] = 'false'\n data['promotionMinPrice'] = ''\n }\n\n if (data['isVariantBox']) {\n data.variantByBoxType = 'variantBox'\n } else {\n data.variantByBoxType = 'productBox'\n }\n\n if (data['pricingStrategy'] == \"lowestPrice\" && data['sizeOfPriceIncrease'] == 0) {\n data.pricingStrategy = 'equalToBoxWinner'\n }\n if (typeof res.specificPricingRange != 'undefined') {\n data.specificPricingRange = res.specificPricingRange\n }\n\n if (typeof data['safePricing'] != 'undefined') {\n if (data['safePricing'] == true) {\n data.safePricing = \"enable\"\n } else {\n data.safePricing = \"disable\"\n }\n } else {\n data.safePricing = \"enable\"\n }\n\n if (typeof data['outOfRangeStrategy'] == 'undefined') {\n data.outOfRangeStrategy = \"off\"\n }\n if (typeof data['hasIncreasePricePermission'] == 'undefined') {\n data.hasIncreasePricePermission = \"off\"\n } else {\n if (data['hasIncreasePricePermission'] == false) {\n data.hasIncreasePricePermission = \"off\"\n }\n if (data['hasIncreasePricePermission'] == true) {\n data.hasIncreasePricePermission = \"maxPrice\"\n }\n }\n if (typeof data['roundnessDigits'] == 'undefined') {\n data.roundnessDigits = 2\n }\n if (typeof data['hasMaxPriceLimit'] == 'undefined') {\n data.hasMaxPriceLimit = false\n }\n\n if (typeof data['platformCosts'] == 'undefined') {\n data.platformCosts = false\n }\n\n setServerData({ ...data })\n } else {\n // if doesn't have robot\n let defaultSetting = {\n pricingStrategy: \"aiSmart\",\n ancillaryCosts: \"0\",\n priceIncrease: !res.resourcePrice ? \"maximumProfit\" : \"free\",\n reactivation: \"enable\",\n salesStatus: true,\n changePricePromotion: 'false',\n sizeOfPriceIncrease: '1000',\n roundnessDigits: 2,\n maximumProfitMarginType: 'percent',\n maximumProfitMargin: '1000',\n promotionMinPrice: '',\n variantByBoxType: 'variantBox',\n safePricing: 'enable',\n outOfRangeStrategy: \"off\",\n hasIncreasePricePermission: 'off',\n hasMaxPriceLimit: false,\n platformCosts: false,\n specificPricingRange: typeof res.specificPricingRange != 'undefined' ? res.specificPricingRange : '',\n isVariantBox: true\n }\n let setting = await GetChannelDefaultSetting({ channel_id: res.channel })\n if (typeof setting !== \"undefined\" && typeof setting.data !== \"undefined\" && setting.data.data) {\n defaultSetting = {\n ...setting.data.data,\n variantByBoxType: (typeof setting.data.data.isVariantBox !== \"undefined\") ? (setting.data.data.isVariantBox ? \"variantBox\" : \"productBox\") : \"variantBox\",\n safePricing: (typeof setting.data.data.safePricing !== \"undefined\") ? (setting.data.data.safePricing ? \"enable\" : \"disable\") : \"enable\",\n changePricePromotion: (typeof setting.data.data.changePricePromotion !== \"undefined\") ? (setting.data.data.changePricePromotion ? \"true\" : \"false\") : \"false\",\n hasMaxPriceLimit: (typeof setting.data.data.hasMaxPriceLimit !== \"undefined\") ? setting.data.data.hasMaxPriceLimit : false,\n platformCosts: (typeof setting.data.data.platformCosts !== \"undefined\") ? setting.data.data.platformCosts : false,\n }\n }\n setServerData({ ...defaultSetting })\n setPromotionPercent('')\n let tempArr = marginArray\n tempArr[9].checked = true\n setMarginArray(tempArr)\n }\n res.defaultPricingRange = defaultPricingRange.data.currentPricingRange ? defaultPricingRange.data.currentPricingRange : 0\n setModalData({ ...res })\n }\n setLoading(false)\n // checkIfVariantHasSize(res.DKP)\n }\n\n const checkIfVariantHasSize = async (dkp) => {\n let tmp = variantSizeWarning\n tmp.variantHasSizeLoading = true\n setVariantSizeWarning({ ...tmp })\n await axios.get(`https://api.digikala.com/v1/product/${dkp}/`)\n .then(res => {\n if (res && res.data && res.data.status == 200 && res.data.data.product.variants &&\n res.data.data.product.variants.length > 0 && res.data.data.product.variants[0].size) {\n tmp.variantHasSize = 'در صورتی که تنوع شما دارای سایزبندیهای مختلف و قیمت مرجع یکسان است، به دلیل احتمال محاسبه اشتباه قیمت مرجع از سمت دیجیکالا، فیلد افزایش قیمت را بر روی \"محدود به حداکثر سود\" و فیلد رقابت را بر روی \"تنوع\" انتخاب نمایید.'\n setVariantSizeWarning({ ...tmp })\n } else {\n tmp.variantHasSize = ''\n setVariantSizeWarning({ ...tmp })\n }\n })\n .catch(err => {\n tmp.variantHasSize = ''\n setVariantSizeWarning({ ...tmp })\n })\n tmp.variantHasSizeLoading = false\n setVariantSizeWarning({ ...tmp })\n }\n //renderers************************************\n const placeholderRenderer = (tag) => {\n switch (serverData[tag]) {\n case \"percent\":\n return \"درصد را وارد کنید\"\n case \"price\":\n return \"مبلغ را وارد کنید\"\n case \"minPrice\":\n return \"حداقل قیمت فروش را وارد کنید\"\n case \"maxPrice\":\n return \"ابتدا نوع حاشیه سود را تعیین کنید\"\n default:\n return \"ابتدا نوع حاشیه را تعیین کنید\"\n\n }\n }\n\n //FUNCTION***********************************************************\n const validator = async () => {\n const checkList = [\"ancillaryCosts\", \"maximumProfitMargin\", \"maximumProfitMarginType\", \"minimumProfitMargin\", \"minimumProfitMarginType\", \"priceIncrease\",\n \"pricingStrategy\", \"purchasePrice\", \"reactivation\", \"salesStatus\", \"sizeOfPriceIncrease\", \"safePricing\", \"hasIncreasePricePermission\", \"outOfRangeStrategy\"];\n const errorList = {\n ancillaryCosts: \"هزینههای جانبی را وارد کنید!\",\n maximumProfitMargin: \"حداکثر حاشیه سود را وارد کنید!\",\n maximumProfitMarginType: \"حداکثر حاشیه سود را وارد کنید!\",\n minimumProfitMargin: \"حداقل حاشیه سود را وارد کنید!\",\n minimumProfitMarginType: \"حداقل حاشیه سود را وارد کنید!\",\n priceIncrease: \"نوع افزایش قیمت را وارد کنید!\",\n pricingStrategy: \"نوع استراتژی را وارد کنید!\",\n purchasePrice: \"قیمت خرید را وارد کنید!\",\n reactivation: \"نوع فعالسازی مجدد را وارد کنید!\",\n safePricing: \"نوع افزایش قیمت امن را وارد کنید\",\n hasIncreasePricePermission: \"نوع استراتژی کف قیمت را مشخص کنید\",\n outOfRangeStrategy: \"نوع استراتژی خارج از بازه را مشخص کنید.\",\n sizeOfPriceIncrease: \"پله تغییر قیمت را وارد کنید!\",\n }\n let editVaraintTemp = { ...serverData }\n let errs = { ...errors };\n await checkList.map(property => {\n if (typeof (editVaraintTemp) === \"undefined\" || typeof editVaraintTemp[property] === \"undefined\") {\n errs[property] = errorList[property];\n } else {\n delete errs[property];\n }\n })\n setErrors({ ...errs })\n return Object.keys(errors).length === 0 ? true : false;\n }\n\n const modalContentGenerator = () => {\n switch (tab) {\n case 'primary':\n return {props.text}\n \n
\n \n
\n\n \n
\n حداقل حاشیه سود
\n\n
\n\n\n \n {minMargin.map((item, index) => {\n return
\n \n
\n\n })}\n \n
\n \n
\n \n {/* {errors[\"minimumProfitMargin\"]} */}\n
\n \n
\n افزایش قیمت
\n\n
\n\n \n {priceIncrease.map((item, index) => {\n return
\n \n
\n\n })}\n\n \n
\n \n {errors[\"priceIncrease\"]}\n
\n \n
\n \n
\n حداکثر حاشیه سود
\n\n
\n \n
\n \n {maxMargin.map((item, index) => {\n return
\n \n
\n\n })}\n \n
\n \n
\n \n
\n در صورت انتخاب افزایش قیمت “آزاد(بیشترین قیمت ممکن)” و “محدود به قیمت مرجع”، تغییر حداکثر حاشیه سود امکانپذیر نیست.
\n h\n\n {errors[\"maximumProfitMargin\"]}\n
\n \n
\n\n \n {\n let data = serverData;\n data[tag] = !val;\n setServerData({ ...data })\n }}\n />\n
\n \n
\n\n \n
\n \n
\n رقابت
\n\n
\n\n {/*Strategy*/}\n \n {variantByBox.map((item, index) => {\n return
\n \n
\n })}\n \n
\n \n
\n \n
\n استراتژی
\n\n
\n \n {strategy.map((item, index) => {\n return
\n \n
\n })}\n \n
\n \n {errors[\"pricingStrategy\"]}\n
\n {/*Strategy*/}\n {serverData.pricingStrategy == 'aiSmart' ? \n
\n :\n <>\n }\n\n \n
\n حفظ پله در افزایش قیمت
\n\n
\n \n
\n \n {hasMaxPriceLimit.map((item, index) => {\n return
\n \n
\n })}\n \n
\n \n
\n \n {(serverData.pricingStrategy == 'lowestPrice' || serverData.pricingStrategy == 'boxStep' || (serverData.pricingStrategy == 'aiSmart' && serverData.hasMaxPriceLimit)) ? <>\n {desiredSizeOfPriceIncrease.selected &&
\n \n
}\n \n
\n \n :\n <>\n }\n \n {errors[\"sizeOfPriceIncrease\"]}\n
\n \n {/* Here was the strategy.... */}\n
\n\n {/* platformCosts */}\n \n
\n\n \n\n استراتژی کف قیمت:
\n\n
\n {strategyTitle.hasIncreasePricePermission[serverData.pricingStrategy] ? strategyTitle.hasIncreasePricePermission[serverData.pricingStrategy] : 'استراتژی کف قیمت'}
\nربات....
\n\n
\n \n {hasIncreasePricePermission.map((item, index) => {\n return
\n \n
\n\n })}\n \n
\n \n {errors[\"hasIncreasePricePermission\"]}\n
\n \n
\n\n \n\n استراتژی خارج از بازه:
\n\n
\n {strategyTitle.outOfRangeStrategy ? strategyTitle.outOfRangeStrategy : 'استراتژی خارج از بازه'}
\nربات....
\n\n
\n \n {outOfRangeStrategy.map((item, index) => {\n return
\n \n
\n\n })}\n \n
\n \n {errors[\"outOfRangeStrategy\"]}\n
\n \n {/* Here was the max price.... */}\n
\n \n
\n\n \n\n \n
\n افزایش قیمت امن
\n \n
\n \n
\n \n {safePricing.map((item, index) => {\n return
\n \n
\n\n })}\n \n
\n \n {errors[\"safePricing\"]}\n
\n \n
\n \n فعالسازی مجدد
\n\n
\n\n \n {reactive.map((item, index) => {\n return
\n \n
\n\n })}\n \n
\n \n {errors[\"reactivation\"]}\n
\n \n
\n \n\n \n
\n \n
\n \n
\n\n \n
\n \n
\n {/* platformCosts */}\n\n \n {\n let data = serverData;\n data[tag] = !val;\n setServerData({ ...data })\n }}\n />\n
\n \n \n
\n \n \n \n \n \n
\n تخفیف هوشمند
\n \n
\n \n
\n \n {promotion.map((item, index) => {\n return
\n \n
\n })}\n \n
\n \n {/* {errors[\"sellingType\"]} */}\n
\n \n\n
\n \n
\n \n \n حداقل مبلغ فروش در تخفیف هوشمند\n
\n \n
\n \n setPromotionPrice(e)} />\n ریال\n
\n (معادل)\n
\n \n \n حداکثر درصد تخفیف در تخفیف هوشمند\n
\n \n
\n {\n serverData.changePricePromotion === 'true' && arrowHandler('plus')\n }} disabled={serverData.changePricePromotion === 'true' ? false : true}>\n
\n c
\n {\n serverData.changePricePromotion === 'true' && arrowHandler('minus')\n }} disabled={serverData.changePricePromotion === 'true' ? false : true}>\n
\n\n c
\n \n setPromtionPercentFunction(e)}\n />\n درصد\n
\n ...
:\n \n
\n }\n \n \n {props.list.length == 1 ?\n
\n \n
\n : \n
\n {toPersianNumber(modalData.newName)}
\n \n
\n \n
\n {modalData.productGroup}
\n \n\n
\n {modalData.newName !== modalData.name &&\n \n
\n\n {toPersianNumber(10) + \"%\"}
\n \n\n
\n\n {toPersianNumber(modalData.platformPercent ? modalData.platformPercent.toFixed(2) : modalData.platformPercent) + \"%\"}
\n \n\n
\n\n {toPersianNumber(modalData.commission) + \"%\"}
\n \n\n \n
\n\n {modalData && modalData.resourcePrice && toPersianNumber(numberWithCommas(modalData.resourcePrice))} ریال
\n\n
}\n {toPersianNumber(modalData.name)}
\n \n\n
}\n {variantSizeWarning.variantHasSizeLoading ? \n
\n .کالا انتخاب شده است
\n{toPersianNumber(props.list.length)}
\n\n
\n \n
\n {toPersianNumber(10) + \"%\"}
\n \n\n
\n {toPersianNumber(serverData.commission)}
\n \n\n \n
\n {props.list.map((item, index) => {\n if (index < props.list.length - 1) {\n return item.productGroup + \", \"\n } else {\n return item.productGroup\n }\n })}\n
\n\n h\n
: }\n\n {variantSizeWarning.variantHasSize}
\n\n {/*
\n\n <>\n {modalContentGenerator()}\n setTab('group')}>گروهبندی
*/}\n setTab('default')}>تنظیمات پیشفرض\n
\n setTab('primary')}>تنظیمات اولیه\n
\n \n n\n
\n \n\n \n
\n قیمتها به ریال میباشند.
\n\n {modalTabel.open ?\n
\n \n
\n \n props.parentClose(props.tag)}>
\n \n
\n \n
\n {props.title}
\n props.parentClose(props.tag)} className={style.close}>\n e\n \n\n
\n \n
\n n
\n {toPersianNumber(props.unEditedLength.length)} تنوع ویرایش شده، اما تایید نشده دارید.
\n\n
\n \n { props.emptyEditedList(); props.history.push(props.urlDirect) }}\n />\n
\n \n props.parentClose(props.tag)}\n />\n
\n \n
\n
\n}\nexport default ListSkeleton;\n","export default __webpack_public_path__ + \"static/media/variant_noactivevariant.5287f86c.svg\";","export default __webpack_public_path__ + \"static/media/variant_noresult.31022af3.svg\";","import React, { useEffect, useRef, useState } from \"react\";\nimport { Link, useHistory, withRouter } from 'react-router-dom';\nimport style from './pricing.module.scss';\nimport Searchbar from \"../productSearchbar/productSearchbar\";\nimport Pagination from \"../pagination/pagination\";\nimport MobilePagination from \"../mobilePagination/mobilePagination\"\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\";\nimport toEnglishNumber from \"../../helpers/actions/toEnglishNumber\";\nimport disconnectTextGenerator from '../../helpers/actions/disconnectedText'\nimport PricingFilters from './pricingFilters/pricingFilters'\nimport PricingColoredFilters from \"./pricingFilters/pricingColoredFilters\";\nimport PricingCard from \"./pricingCard/pricingCard\";\nimport MobilePricingCard from \"./mobilePricingCard/mobilePricingCard\"\nimport MobileFilters from \"./mobileFilters/mobileFilters\"\nimport Button from \"../Button/button\"\nimport CommentInsight from \"../comments insights/commentInsight\"\nimport {\n EditSingleVariantModalCalc, GetBrands, getPricingList, GetSellers, RepriceVariant, GetSingleVariant,\n GetErrors, GetproductGroup, SubmitAddChannel, ChangeSalesPrice, CompleteProgressBar, GetProgressBar\n} from \"../../actions/APIcalls\"\nimport EditModal2 from \"./editModal/EditModal2\"\nimport ChangeRouteModal from \"../changeRouteModal/Modal\"\nimport Toast from \"../Toast/Toast\"\nimport GradientToast from \"../gradientToast/Toast\"\nimport Skeleton from \"./skeleton\"\nimport { ErrorsFilterValues, variantState } from \"../../helpers/consts/pricingConsts\"\nimport EditChannelModal from \"../editChannelModal/editChannelModal\";\nimport noVariantEmptyState from '../../assets/icons/EmptyStates/variant_noactivevariant.svg'\nimport noResultEmptyState from '../../assets/icons/EmptyStates/variant_noresult.svg'\nimport GeneralWarning from \"../generalWarning/warning\"\n\n\nconst strategyValues = [\n {\n name: \"کمترین قیمت\",\n value: \"lowestPrice\"\n },\n {\n name: \"موجود در باکس(لحظهای)\",\n value: \"boxMoment\"\n },\n {\n name: \"موجود در باکس(پلکانی)\",\n value: \"boxStep\"\n },\n {\n name: \"باکس هوشمند\",\n value: \"aiSmart\"\n },\n]\nconst FilterArrays = [\n { tag: \"variantState\", name: \"وضعیت تنوع\" }, { tag: \"productGroup\", name: \"گروه کالا\" }, { name: \"برند\", tag: \"brand\" }, { tag: \"pricingStrategy\", name: \"استراتژی\" },\n { tag: \"ErrorFilter\", name: \"خطاها\" }, { name: \"تخفیف هوشمند\", tag: \"promotion\" }, { name: \"فروشنده\", tag: \"channel\" }\n]\nconst Pricing = (props) => {\n\n const [editModal, setEditModal] = useState({\n show: false,\n })\n const [hasSkeleton, setHasSkeleton] = useState(true)\n const [editModalData, setEditModalData] = useState({ show: false, commission: \"\", showConfirmButton: false })\n const [editList, setEditList] = useState([])\n const [filterData, setFilterData] = useState({\n variantStates: [], productGroups: [], brands: [], pricingStrategys: [], channels: [], ErrorFilters: []\n });\n const [list, setList] = useState({ list: [] })\n const [toast, setToast] = useState({ text: '', type: 'error' })\n const [filters, setFilters] = useState({\n inActive: false,\n pageCount: 0, currentPage: 1, countInPage: 10, sort: \"\", by: 1,\n sellStatus: [{ name: \"وضعیت ربات فعال\", checked: false }, { name: \"ربات غیرفعال\", checked: false }],\n boxStatus: [{ name: \"در باکس فروش\", checked: false }, { name: \"خارج از باکس فروش\", checked: false }],\n variantState: [{ name: \"در باکس فروش\", checked: false }, { name: \"خارج از باکس فروش\", checked: false }, { name: \"وضعیت ربات فعال\", checked: false }, { name: \"ربات غیرفعال\", checked: false }],\n allVariants: 0,\n hasProducts: false,\n productsListFilters: []\n })\n\n const [detailFilters, setDetailFilters] = useState({ inBybox: 0, outOfBox: 0, hasError: 0, deActive: 0 })\n\n const [comments, setComments] = useState({\n show: false,\n variantId: '',\n name: '',\n channelName: ''\n })\n\n const listFilters = [\n { tag: 'inBybox', label: 'تنوع در باکس ', icon: 'greenItem', activeIcon: 'greenItemActive', urlName: 'inByBoxUnion', filterName: 'در باکس فروش' },\n { tag: 'outOfBox', label: 'تنوع خارج از باکس ', icon: 'yellowItem', activeIcon: 'yellowItemActive', urlName: 'outsideByBoxUnion', filterName: 'خارج از باکس فروش' },\n { tag: 'hasError', label: 'تنوع خطادار ', icon: 'redItem', activeIcon: 'redItemActive', urlName: 'hasErrorUnion' },\n { tag: 'deActive', label: 'تنوع غیرفعال در ربات ', icon: 'grayItem', activeIcon: 'grayItemActive', urlName: 'salesStatusUnion', filterName: 'وضعیت ربات غیرفعال' }\n ]\n\n //life cycles***********************************\n\n const [locationKeys, setLocationKeys] = useState([])\n const history = useHistory()\n\n useEffect(() => {\n return history.listen(location => {\n if (history.action === 'PUSH') {\n setLocationKeys([location.key])\n }\n if (history.action === 'POP') {\n if (locationKeys[1] === location.key) {\n setLocationKeys(([_, ...keys]) => keys)\n // Handle forward event\n checkChange()\n } else {\n setLocationKeys((keys) => [location.key, ...keys])\n // Handle back event\n checkChange()\n }\n }\n })\n }, [locationKeys,])\n\n const checkChange = () => {\n const check = [\"brand\", \"pricingStrategy\", \"channel\", 'ErrorFilter', 'productGroup']\n let filterDataTemp = { ...filterData };\n check.map(filter => {\n filterDataTemp[`${filter}s`] = urlChecker(filterDataTemp[`${filter}s`], filter);\n })\n setFilterData(filterDataTemp);\n getPriceList();\n }\n\n useEffect(async () => {\n await getFilterData()\n await getPriceList()\n await checkProgressBar()\n }, [])\n\n // handle Filters Change\n const divHeight = useRef();\n const [selectedFilters, setSelectedFilters] = useState({})\n const [showMoreFilters, setShowMoreFilters] = useState(false)\n\n // if on top set navbar to fix \n const [offset, setOffset] = useState(0);\n\n useEffect(() => {\n const onScroll = () => setOffset(window.pageYOffset);\n // clean up code\n window.removeEventListener('scroll', onScroll);\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, []);\n // end\n\n\n useEffect(() => {\n setShowFilters('showLess')\n }, [filterData])\n\n const setShowFilters = (type) => {\n let tempBoolean = false\n if (type == 'showMore') {\n tempBoolean = true\n setShowMoreFilters(!showMoreFilters)\n }\n let tmpString = ''\n let tmpsSelected = { brands: [], productGroups: [], pricingStrategys: [], channels: [], ErrorFilters: [], variantStates: [] }\n Object.keys(filterData).map(function (key, index) {\n if (filterData[key]) {\n filterData[key].map(item => {\n if (item.checked) {\n if (typeof tmpsSelected[key] != 'undefined') {\n tmpString = tmpString + 'گروه کالا: ' + item.name\n if (tmpString.length < 120) {\n tmpsSelected[key].push(item)\n } else {\n if (tempBoolean) {\n tmpsSelected[key].push(item)\n }\n }\n }\n }\n })\n }\n });\n if (type == 'showLess') {\n if (tmpString.length < 120) {\n setShowMoreFilters(true)\n } else {\n setShowMoreFilters(false)\n }\n }\n setSelectedFilters({ ...tmpsSelected })\n }\n\n const checkProgressBar = async () => {\n // complete progressBar\n let local = localStorage.getItem('progressBar')\n if (typeof local !== 'undefined' && local != null) {\n let res = await GetProgressBar()\n if (res && res.data && res.data.success) {\n let tmpLocal = res.data.progressData.progressBar\n if (!tmpLocal.Pricing) {\n await CompleteProgressBar({ stage: 'Pricing' })\n }\n }\n }\n // complete progressBar\n }\n\n const determineFilterKey = key => {\n let title = 'فیلتر'\n switch (key) {\n case 'brands':\n title = 'برند'\n break;\n case 'pricingStrategys':\n title = 'استراتژی'\n break;\n case 'channels':\n title = 'کانال'\n break;\n case 'ErrorFilters':\n title = 'خطاها'\n break;\n case 'variantStates':\n title = 'وضعیت تنوع'\n break;\n case 'productGroups':\n title = 'گروه کالا'\n break;\n }\n\n return title;\n }\n const checkIfFilterAvailable = () => {\n let result = false;\n Object.keys(selectedFilters).map((key, index) => {\n if (selectedFilters[key].length > 0) {\n result = true\n }\n })\n return result\n }\n\n // change route modal alert\n const [changeRouteModal, setChangeRouteModal] = useState({\n showModal: false,\n unEditedList: [],\n redirectedURL: ''\n })\n\n useEffect(() => {\n const unlisten = history.block((location) => {\n if (location.pathname == '/pricing') {\n return true\n } else {\n if (changeRouteModal.unEditedList.length > 0 && !changeRouteModal.showModal) {\n // show modal & set URL\n let tmp = changeRouteModal;\n tmp.showModal = true\n tmp.redirectedURL = location.pathname\n setChangeRouteModal({ ...tmp })\n return false;\n } else {\n return true\n }\n }\n })\n return function cleanup() {\n unlisten()\n }\n }, [])\n\n const isEditing = type => {\n let tmp = changeRouteModal;\n if (type == 'add') {\n tmp.unEditedList.push('a')\n }\n if (type == 'remove') {\n tmp.unEditedList.pop()\n }\n if (type == 'empty') {\n tmp.unEditedList = []\n }\n setChangeRouteModal({ ...tmp })\n }\n // end of handle Filters Change\n\n\n //send data*************************************\n const createServerArray = (array, hasData, value) => {\n let array2 = array\n let temp = []\n array2.forEach(item => {\n if (item.checked === value) {\n if (!hasData) {\n temp.push(item.value)\n } else {\n temp.push(item.name)\n\n }\n }\n })\n return temp\n }\n\n const getPriceList = async () => {\n setHasSkeleton(true)\n let urlParams = await getFromUrl();\n let params = {\n brand: urlParams.brand ? urlParams.brand : createServerArray(filterData.brands, true, true),\n channel: urlParams.channel ? urlParams.channel : createServerArray(filterData.channels, false, true),\n pricingStrategy: urlParams.pricingStrategy ? urlParams.pricingStrategy : createServerArray(filterData.pricingStrategys, false, true),\n productGroup: urlParams.productGroup ? urlParams.productGroup : createServerArray(filterData.productGroups, false, true),\n errors: urlParams.ErrorFilter ? urlParams.ErrorFilter : createServerArray(filterData.ErrorFilters, false, true),\n page: urlParams.page ? urlParams.page : filters.currentPage,\n countInPage: getFromUrl('countInPage'),\n query: getFromUrl('search'),\n sort: filters.sort,\n by: filters.by,\n }\n\n if (getFromUrl('activerobotinpromotions')) {\n params.changePricePromotion = true\n }\n\n if (getFromUrl('withoutchangeprice')) {\n params.changePricePromotion = false\n }\n\n if (getFromUrl('withoutchangeprice') && getFromUrl('activerobotinpromotions')) {\n delete params.changePricePromotion\n }\n\n if (urlParams.variantState.includes(\"ربات غیرفعال\")) {\n params.salesStatus = false\n }\n\n if (urlParams.variantState.includes('در باکس فروش')) {\n params.inByBox = true\n }\n\n if (urlParams.variantState.includes(\"خارج از باکس فروش\")) {\n params.inByBox = false\n }\n\n if (urlParams.variantState.includes(\"خارج از باکس فروش\") && urlParams.variantState.includes('در باکس فروش')) {\n delete params.inByBox\n }\n\n if (urlParams.variantState.includes(\"خطا\")) {\n // params.errors = [\"*\"]\n delete params.errors;\n params.hasErrorUnion = true\n }\n\n if (urlParams.ActiveSellStatus && urlParams.InactiveSellStatus) {\n delete params.salesStatus\n } else {\n if (urlParams.ActiveSellStatus == 'true') {\n params.salesStatus = true\n }\n if (urlParams.InactiveSellStatus == 'true') {\n params.salesStatus = false\n }\n }\n\n if (urlParams.insideBox && urlParams.outsideBox) {\n delete params.inByBox\n } else {\n if (urlParams.insideBox == 'true') {\n params.inByBox = true\n }\n if (urlParams.outsideBox == 'true') {\n params.inByBox = false\n }\n }\n\n if (urlParams.inByBoxUnion) {\n params.inByBoxUnion = true\n }\n\n if (urlParams.outsideByBoxUnion) {\n params.inByBoxUnion = false\n }\n\n if (urlParams.inByBoxUnion && urlParams.outsideByBoxUnion) {\n params.inByBoxUnion = \"both\"\n }\n\n if (urlParams.hasErrorUnion) {\n params.hasErrorUnion = true\n }\n\n if (urlParams.salesStatusUnion) {\n params.salesStatusUnion = false\n }\n\n let res = await getPricingList(params);\n\n if (typeof res !== \"undefined\" && res.data) {\n let tmp = list\n tmp.list = res.data.variantList\n setList({ ...tmp })\n\n let temp = filters;\n temp.hasProducts = res.data.hasProduct;\n temp.pageCount = res.data.variantListPageCount;\n temp.allVariants = res.data.variantCount;\n\n // productsListFilters\n let tempURL = await getFromUrl()\n listFilters.map(filteredItem => {\n if (tempURL[filteredItem.urlName] == \"true\" && !temp.productsListFilters.includes(filteredItem.tag)) {\n temp.productsListFilters.push(filteredItem.tag)\n }\n })\n\n setFilters({ ...temp })\n if (res.data.details) {\n let temp = res.data.details\n setDetailFilters({ ...temp })\n }\n }\n setHasSkeleton(false)\n }\n\n const SubmitEditVariant = async (data) => {\n let editRes = await EditSingleVariantModalCalc(data, openToast)\n if (typeof editRes !== 'undefined') {\n // instead of getting the whole list get only one!\n // await getPriceList()\n await updateVariant(data)\n }\n return editRes\n }\n\n const SubmitEditSalesPrice = async (data) => {\n let editRes = await ChangeSalesPrice(data, openToast)\n if (typeof editRes !== 'undefined') {\n return editRes\n } else {\n return 'failed'\n }\n }\n\n const updateVariant = async (data) => {\n let res = await GetSingleVariant(data.variantId, openToast)\n if (res) {\n let tmp = list\n for (let i = 0; i < tmp.list.length; i++) {\n if (tmp.list[i]._id == res._id) {\n tmp.list[i] = res\n }\n }\n setList({ ...tmp })\n return true\n }\n return false\n }\n\n\n //getData***************************************\n const getFilterData = async () => {\n const resBrands = await GetBrands(openToast);\n const resChannels = await GetSellers(openToast);\n const resErrors = await GetErrors(openToast)\n const resProductGroup = await GetproductGroup(openToast)\n\n // here we should also get errors on seprated method\n\n let tmpObject = {\n brands: urlChecker(resBrands.data.BrandList, \"brand\"),\n pricingStrategys: urlChecker(strategyValues, \"pricingStrategy\"),\n channels: urlChecker(resChannels.data.channelList, \"channel\"),\n ErrorFilters: urlChecker(resErrors && resErrors.data && resErrors.data.error_list ? resErrors.data.error_list : ErrorsFilterValues, 'ErrorFilter'),\n variantStates: urlChecker(variantState, 'variantState'),\n productGroups: urlChecker(resProductGroup && resProductGroup.data && resProductGroup.data.GroupList ? resProductGroup.data.GroupList : [], 'productGroup')\n }\n\n setFilterData({ ...tmpObject })\n }\n //functions*************************************\n const urlChecker = (list, key) => {\n let tempList = [];\n let filters = getFromUrl(key) || [];\n switch (key) {\n case \"channel\":\n list.forEach(item => {\n if (filters.indexOf(item._id ? item._id : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, _id: item._id, checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, _id: item._id, checked: false });\n }\n })\n\n break;\n case \"brand\":\n list.forEach(item => {\n if (filters.indexOf(item.name ? item.name : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, checked: false });\n }\n })\n\n break;\n case \"variantState\":\n list.forEach(item => {\n if (filters.indexOf(item.name ? item.name : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, value: item.value || '', checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, value: item.value || '', checked: false });\n }\n })\n break;\n case \"pricingStrategy\":\n list.forEach(item => {\n if (filters.indexOf(item.value ? item.value : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, value: item.value || '', checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, value: item.value || '', checked: false });\n }\n })\n\n break;\n case \"ErrorFilter\":\n list.forEach(item => {\n if (filters.indexOf(item.value ? item.value : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, value: item.value || '', checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, value: item.value || '', checked: false });\n }\n })\n if (getFromUrl('ErrorFilter') == '*') {\n tempList.map(item => { item.checked = true })\n }\n break;\n case \"productGroup\":\n list.forEach(item => {\n if (filters.indexOf(item.name ? item.name : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, value: item.name ? item.name : item, checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, value: item.name ? item.name : item, checked: false });\n }\n })\n break;\n default:\n break;\n }\n\n return tempList;\n }\n const checkUrl = () => {\n let url = new URLSearchParams(window.location.search);\n return url.get('brand') || url.get('channel') || url.get('variantState') || url.get('withoutchangeprice') || url.get('activerobotinpromotions') || url.get('ActiveSellStatus') || url.get('InactiveSellStatus') || url.get('pricingStrategy') || url.get('insideBox') || url.get('outsideBox') || url.get('ErrorFilter') || url.get('productGroup')\n }\n\n const openToast = (error, type) => {\n if (typeof type == 'undefined') {\n setToast({ ...toast, text: error, type: 'error' })\n } else {\n setToast({ ...toast, text: error, type: type })\n }\n }\n const getFromUrl = (param) => {\n let defaultParams = {\n brand: [],\n withoutchangeprice: false,\n activerobotinpromotions: false,\n ActiveSellStatus: false,\n InactiveSellStatus: false,\n insideBox: false,\n outsideBox: false,\n inByBoxUnion: false,\n outsideByBoxUnion: false,\n salesStatusUnion: false,\n hasErrorUnion: false,\n pricingStrategy: [],\n productGroup: [],\n ErrorFilter: [],\n channel: [],\n variantState: [],\n countInPage: 10,\n page: 1,\n search: \"\",\n sort: '',\n by: 1,\n }\n\n let url = new URLSearchParams(window.location.search);\n let tmpStrategy = [];\n let tmpBrand = [];\n let tmpError = [];\n let tmpChannel = [];\n let tmpVariantState = []\n let tmpProductGroup = []\n if (url.get('pricingStrategy')) {\n tmpStrategy = url.get('pricingStrategy').split(\"*\");\n tmpStrategy = tmpStrategy.map(el => el.replace(/-/g, ' '));\n }\n if (url.get('productGroup')) {\n tmpProductGroup = url.get('productGroup').split(\"*\");\n tmpProductGroup = tmpProductGroup.map(el => el.replace(/-/g, ' '));\n }\n if (url.get('ErrorFilter')) {\n if (url.get('ErrorFilter') == \"*\") {\n tmpError = [\"*\"]\n } else {\n tmpError = url.get('ErrorFilter').split(\"*\");\n tmpError = tmpError.map(el => el.replace(/-/g, ' '));\n }\n }\n if (url.get('brand')) {\n tmpBrand = url.get('brand').split(\"*\");\n tmpBrand = tmpBrand.map(el => el.replace(/-/g, ' '));\n }\n if (url.get('variantState')) {\n tmpVariantState = url.get('variantState').split(\"*\");\n tmpVariantState = tmpVariantState.map(el => el.replace(/-/g, ' '));\n }\n if (url.get('channel')) {\n tmpChannel = url.get('channel').split(\"*\");\n tmpChannel = tmpChannel.map(el => el.replace(/-/g, ' '));\n }\n if (url) {\n defaultParams = {\n brand: tmpBrand,\n variantState: tmpVariantState,\n withoutchangeprice: url.get('withoutchangeprice') || false,\n activerobotinpromotions: url.get('activerobotinpromotions') || false,\n ActiveSellStatus: url.get('ActiveSellStatus') || false,\n InactiveSellStatus: url.get('InactiveSellStatus') || false,\n insideBox: url.get('insideBox') || false,\n outsideBox: url.get('outsideBox') || false,\n inByBoxUnion: url.get('inByBoxUnion') || false,\n outsideByBoxUnion: url.get('outsideByBoxUnion') || false,\n salesStatusUnion: url.get('salesStatusUnion') || false,\n hasErrorUnion: url.get('hasErrorUnion') || false,\n pricingStrategy: tmpStrategy,\n productGroup: tmpProductGroup,\n ErrorFilter: tmpError,\n channel: tmpChannel,\n countInPage: url.get('countInPage') || 10,\n page: url.get('page'),\n search: url.get('search') || '',\n sort: url.get('sort'),\n by: url.get('by'),\n }\n }\n if (param) {\n return defaultParams[param];\n } else {\n return defaultParams;\n }\n }\n\n\n const setToUrl = (param, value) => {\n let url = new URLSearchParams(window.location.search);\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n value.length > 0 ? url.set(param, tempString) : url.delete(param)\n } else {\n url.set(param, value);\n }\n props.history.push(window.location.pathname + \"?\" + url.toString());\n\n if (param != \"page\") {\n getPriceList();\n }\n }\n\n const deleteFromUrl = async (param) => {\n let url = new URLSearchParams(window.location.search);\n url.delete(param);\n props.history.push(window.location.pathname + \"?\" + url.toString());\n let filterDataTemp = { ...filterData };\n filterDataTemp[`${param}s`] = urlChecker(filterDataTemp[`${param}s`], param);\n setFilterData({ ...filterDataTemp });\n getPriceList()\n }\n\n const searcher = (searchlist, key) => {\n let searchedList = []\n if (key) {\n searchlist.map(item => {\n if (item.name.includes(key)) {\n searchedList.push(item);\n }\n })\n return searchedList;\n } else {\n return searchlist;\n }\n }\n\n const handleProductListFilters = (tag, item) => {\n let tmp = filters\n setToUrl('page', 1)\n if (tag != 'allItems') {\n if (tmp.productsListFilters.includes(tag)) {\n // delete selected filter\n tmp.productsListFilters.map((el, index) => {\n if (el == tag) {\n tmp.productsListFilters.splice(index, 1);\n }\n })\n\n // delete from url\n let req = {\n name: item.filterName,\n urlName: item.urlName,\n checked: false\n }\n if (getFromUrl(req.urlName)) {\n deleteFromUrl(req.urlName, req.checked)\n } else {\n setToUrl(req.urlName, true)\n }\n\n } else {\n tmp.productsListFilters.push(tag)\n\n // add to url\n let req = {\n name: item.filterName,\n urlName: item.urlName,\n checked: true\n }\n // handleSelect(tag, req)\n if (getFromUrl(req.urlName)) {\n deleteFromUrl(req.urlName, req.checked)\n } else {\n setToUrl(req.urlName, true)\n }\n }\n } else {\n // delete all from url\n item.map(filterItem => {\n if (tmp.productsListFilters.includes(filterItem.tag)) {\n deleteFromUrl(filterItem.urlName, false)\n }\n })\n tmp.productsListFilters = []\n }\n setFilters({ ...tmp })\n }\n\n //handlers**************************************\n const searchHandler = (val) => {\n setToUrl('page', 1)\n setToUrl('search', val)\n }\n\n const closeModalHandler = async (value) => {\n if (value) {\n let modal = editModalData;\n modal.show = false;\n setEditModalData({ ...modal });\n }\n if (value == 'submited') {\n await getPriceList()\n }\n }\n\n const selectHandler = async (tag, value) => {\n let filterDataTemp = filterData;\n let url = getFromUrl(tag);\n\n if (value.checked) {\n url.splice(url.indexOf(tag === \"channel\" ? value._id : (tag === \"pricingStrategy\" || tag === \"ErrorFilter\" ? value.value : value.name)), 1);\n } else {\n tag === \"pricingStrategy\" || tag === \"ErrorFilter\" || tag == 'productGroup' ?\n url.push(value.value) :\n url.push(tag === \"channel\" ? value._id : (value.name ? value.name : value))\n }\n setToUrl('page', 1)\n setToUrl(tag, url);\n\n filterDataTemp[`${tag}s`] = urlChecker(filterDataTemp[`${tag}s`], tag);\n\n if (tag == 'ErrorFilter') {\n if (value.value == '') {\n filterDataTemp.ErrorFilters.map(item => {\n item.checked = false\n })\n }\n if (value.value == '*') {\n filterDataTemp.ErrorFilters.map(item => {\n item.checked = true\n })\n }\n }\n setFilterData({ ...filterDataTemp });\n }\n\n\n const pricingActiveHandler = async (id) => {\n let priceList = list.list\n let data = priceList.find(item => item._id === id)\n data.robot.salesStatus = !data.robot.salesStatus\n data.robot.variantId = data._id;\n let res = await EditSingleVariantModalCalc(data.robot)\n if (res) {\n console.log(res);\n getPriceList()\n }\n }\n\n const repriceVariant = async (id) => {\n let res = await RepriceVariant({ productId: id }, openToast)\n console.log(res, 'reprice');\n }\n\n const setModal = async (id, type) => {\n if (typeof type !== \"undefined\" && type === 'multi') {\n let editVaraintTemp = { ...editModalData };\n editVaraintTemp.show = !editVaraintTemp.show;\n setEditModalData(editVaraintTemp);\n } else {\n if (typeof props.user !== \"undefined\" && props.user.permission.pricingPanel.includes(\"Edit\")) {\n let ModalData = editModalData;\n ModalData.show = !ModalData.show;\n if (typeof id !== \"undefined\") {\n let EditList = [];\n let variant = list.list.find(i => i._id === id)\n if (variant) {\n EditList.push(variant)\n setEditList([...EditList])\n }\n }\n setEditModalData({ ...ModalData })\n }\n }\n }\n\n const editCheckboxHandler = (data) => {\n let list = [...editList]\n let index = list.findIndex(i => i._id === data._id)\n if (index < 0) {\n list.push(data)\n setEditList([...list])\n } else {\n list.splice(index, 1)\n setEditList([...list])\n }\n }\n const sortHandler = (value) => {\n let Filters = filters;\n Filters.sort = value;\n Filters.by = -Filters.by;\n setFilters({ ...Filters })\n setToUrl('sort', value)\n setToUrl('by', filters.by)\n }\n const setFilter = (propertyName, value) => {\n let filter = filters;\n filter[propertyName] = value;\n setFilters({ ...filter })\n }\n const pageSetter = (number) => {\n setFilter(\"currentPage\", number)\n setToUrl('page', number)\n getPriceList()\n }\n\n const handleDropdownSearch = (tag, query) => {\n let filterDataTemp = { ...filterData };\n filterDataTemp[tag] = query;\n setFilterData(filterDataTemp);\n }\n\n const handleSelect = (tag, val) => {\n let label = tag == 'promotion' ? tag : 'variantState'\n let variantObject = {\n checked: false,\n name: val.name,\n value: \"\"\n }\n setToUrl('page', 1)\n if (tag !== 'promotion') {\n if (val.name == 'وضعیت ربات فعال') {\n if (getFromUrl('ActiveSellStatus')) {\n deleteFromUrl(\"ActiveSellStatus\", val.checked)\n } else {\n setToUrl(\"ActiveSellStatus\", true)\n }\n }\n if (val.name == 'ربات غیرفعال') {\n variantObject.value = 'ActiveSellStatus'\n if (getFromUrl('InactiveSellStatus')) {\n deleteFromUrl(\"InactiveSellStatus\", false)\n variantObject.checked = true\n } else {\n setToUrl(\"InactiveSellStatus\", true)\n variantObject.checked = false\n }\n }\n if (val.name == 'در باکس فروش') {\n variantObject.value = \"insideBox\"\n if (getFromUrl('insideBox')) {\n deleteFromUrl(\"insideBox\", false)\n variantObject.checked = true\n } else {\n setToUrl(\"insideBox\", true)\n variantObject.checked = false\n }\n }\n if (val.name == 'خارج از باکس فروش') {\n variantObject.value = 'outsideBox'\n if (getFromUrl('outsideBox')) {\n deleteFromUrl(\"outsideBox\", false)\n variantObject.checked = true\n } else {\n setToUrl(\"outsideBox\", true)\n variantObject.checked = false\n }\n }\n selectHandler(label, variantObject)\n } else {\n if (val.name == 'بدون تغییر قیمت') {\n variantObject.value = 'withoutchangeprice'\n if (getFromUrl('withoutchangeprice')) {\n deleteFromUrl(\"withoutchangeprice\", false)\n variantObject.checked = true\n } else {\n setToUrl(\"withoutchangeprice\", true)\n variantObject.checked = false\n }\n }\n if (val.name == 'فعالسازی ربات در تخفیف هوشمند') {\n variantObject.value = 'activerobotinpromotions'\n if (getFromUrl('activerobotinpromotions')) {\n deleteFromUrl(\"activerobotinpromotions\", false)\n variantObject.checked = true\n } else {\n setToUrl(\"activerobotinpromotions\", true)\n variantObject.checked = false\n }\n }\n }\n }\n const handleDeleteAll = async () => {\n let url = new URLSearchParams(window.location.search);\n const Filters = ['ActiveSellStatus', 'brand', 'channel', 'InactiveSellStatus', 'pricingStrategy', 'insideBox', 'outsideBox', 'ErrorFilter', 'variantState', 'activerobotinpromotions', 'withoutchangeprice', 'productGroup']\n let filterDataTemp = filterData;\n Filters.forEach(item => {\n url.delete(item);\n })\n props.history.push(window.location.pathname + \"?\" + url.toString());\n Filters.forEach(item => {\n filterDataTemp[`${item}s`] = urlChecker(filterDataTemp[`${item}s`], item);\n })\n setFilterData({ ...filterDataTemp });\n handleProductListFilters('allItems', listFilters)\n let tmpSelected = selectedFilters\n Object.keys(tmpSelected).map((key, index) => {\n tmpSelected[key] = [];\n });\n setSelectedFilters({ ...tmpSelected })\n await getPriceList()\n }\n\n const selectProductsCheckedHandler = (name) => {\n let temp = true;\n switch (name) {\n case \"همه\":\n list.list.forEach(variant => {\n if (editList.findIndex(item => item._id === variant._id) === -1) {\n temp = false;\n }\n })\n return temp;\n case \"هیچکدام\":\n list.list.map(variant => {\n if (editList.findIndex(item => item._id === variant._id) !== -1) {\n temp = false;\n }\n })\n return temp;\n\n case \"کالاهای بدون باکس\":\n !selectProductsCheckedHandler('همه') && !selectProductsCheckedHandler('هیچکدام') ?\n list.list.map(variant => {\n if (!variant.inByBox) {\n if (editList.findIndex(item => item._id === variant._id) === -1) {\n temp = false;\n }\n } else {\n if (editList.findIndex(item => item._id === variant._id) >= 0) {\n temp = false;\n }\n }\n }) : temp = false\n return temp;\n case \"کالاهای در باکس\":\n !selectProductsCheckedHandler('همه') && !selectProductsCheckedHandler('هیچکدام') ? list.list.map(variant => {\n if (variant.inByBox) {\n if (editList.findIndex(item => item._id === variant._id) === -1) {\n temp = false;\n }\n } else {\n if (editList.findIndex(item => item._id === variant._id) >= 0) {\n temp = false;\n }\n }\n }) : temp = false\n return temp;\n default:\n break;\n }\n }\n //renderers******************************************************************************************\n const emptyRenderer = () => {\n let url = window.location.search\n if (list.list.length == 0 && filters.hasProducts && url.length < 1) {\n return \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n } else if (list.list.length == 0 && filters.hasProducts && url.length > 1) {\n return \n 
\n
\n اینجا میتونید وضعیت باکس تنوعهای تکمیل اطلاعات شده رو بررسی کنید
\nلطفا اطلاعات هر تنوع (قیمت خرید و حداقل حاشیه سود) رو از صفحه تنوعها تکمیل کنید
\n\n
\n\n } else if (list.list.length == 0 && !filters.hasProducts) {\n return \n 
\n
\n نتیجهای یافت نشد!
\nلطفا عبارت دیگری جستجو کنید
\nدرصورت اطمینان از وجود این تنوع در دیجیکالا، تنوعها را بهروز رسانی کنید
\n\n
\n \n
\n }\n\n }\n const closeToast = () => {\n let editVaraintTemp = { ...editModalData };\n delete editVaraintTemp.toast;\n setEditModalData(editVaraintTemp);\n }\n\n const addChannel = async (email, password) => {\n let params = { username: toEnglishNumber(email), password: toEnglishNumber(password) };\n let res = await SubmitAddChannel(params)\n setEditModal({ ...editModal, show: false })\n await getPriceList()\n return res;\n }\n\n const openCommentInsights = async (id, name, channelName) => {\n setComments({\n ...comments,\n show: !comments.show,\n variantId: id,\n name: name,\n channelName: channelName\n })\n }\n\n if (hasSkeleton) {\n return \n \n
\n اینجا میتونید وضعیت باکس تنوعهای تکمیل اطلاعات شده رو بررسی کنید
\nلطفا اطلاعات هر تنوع (قیمت خرید و حداقل حاشیه سود) رو از صفحه تنوعها تکمیل کنید
\n\n setEditModal({ ...editModal, show: false })}\n email=''\n editchannel={addChannel}\n />\n setComments({ ...comments, show: false, dkp: '', name: '', channelName: '' })}\n />\n setToast('')} type={toast.type} />\n setChangeRouteModal({ ...changeRouteModal, showModal: false })}\n unEditedLength={changeRouteModal.unEditedList}\n buttonLabel={\"بازگشت به صفحه قیمتگذاری\"}\n urlDirect={changeRouteModal.redirectedURL}\n emptyEditedList={() => isEditing('empty')}\n />\n \n {(list.list.length > 0 || (list.list.length == 0 && filters.hasProducts && getFromUrl('search'))) &&\n \n {Object.keys(selectedFilters).map((selectedFilter, keyIndex) => \n {selectedFilters[selectedFilter].length > 0 ? <>\n {selectedFilters[selectedFilter].map((item, key) => \n { selectHandler(selectedFilter.slice(0, -1), item); getPriceList() }}\n >e\n
)}\n \n :\n null}\n )}\n\n \n \n <>\n \n
\n }\n\n {\n props.user.disconnected.status &&\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n \n <>\n \n
\n }\n\n {/* {disconnectTextGenerator(props.user.disconnected.channelName)}
\nجهت اتصال دوباره موبیشا به پنل، لطفا اطلاعات خود را در صفحه پنل دیجیکالا بهروز رسانی کنید
\n ورود به صفحهی پنل دیجیکالا \n \n\n \n \n
*/}\n\n \n قیمتگذاری\n
\n\n {filterData.channels && filterData.channels.length > 0 ?\n\n searchHandler(value)}\n />\n
}\n\n \n { if (selectedFilters[el].length > 0) { return true } else { return false } })}\n />\n
\n\n {determineFilterKey(selectedFilter)}: {item.name}
\n\n {!showMoreFilters && checkIfFilterAvailable() ? setShowFilters('showMore')}\n >\n نمایش بیشتر\n : null}\n {checkIfFilterAvailable() ? handleDeleteAll()}\n >\n حذف همه فیلترها\n : null}\n
\n \n {/*End of New Show Filters */}\n {list.list.length > 0 &&\n \n
\n\n \n \n {\n setToUrl(\"countInPage\", selected)\n setToUrl(\"page\", 1)\n // getPriceList()\n }} />\n {toPersianNumber(filters.allVariants) + \" تنوع \"}
\n تعداد نمایش در صفحه
\n \n \n {list.list.length > 0 && }\n
\n \n {/* End of New Desktop List Header */}\n {/* New Mobile List */}\n \n\n {list.list.length > 0 && <>\n 580 && (sessionStorage.getItem(\"sideBarOpen\") && sessionStorage.getItem(\"sideBarOpen\") == 'false') ? { width: 'calc(100% - 140px)' } : (offset > 580 ? { width: 'calc(100% - 280px)' } : null)}\n className={offset > 580 ? style.listHeaderShadowFixed : style.listHeaderShadow}>\n
\n \n }\n\n {list.list.length > 0 ?\n list.list.map((item, index) => {\n return \n
\n مشخصات کالا
\n ربات
\n \n
\n قیمت فروش
\n \nبرنده باکس
\n\n
\n\n حداقل قیمت(ریال)
\n \nحداکثر قیمت(ریال)
\n\n
\n \n \n حداقل حاشیه سود
\n \nقیمت خرید(ریال)
\n\n 0 && editList.findIndex(i => i._id === item._id) >= 0 ? true : false}\n data={item}\n sort={sortHandler}\n handleCheckBox={editCheckboxHandler}\n activeHandler={pricingActiveHandler}\n isEditing={isEditing}\n SubmitEditVariant={SubmitEditVariant}\n SubmitEditSalesPrice={SubmitEditSalesPrice}\n openToast={openToast}\n openCommentInsights={openCommentInsights}\n hasManyChannels={filterData.channels.length > 1 ? true : false}\n repriceVariant={repriceVariant}\n />\n
\n })\n :\n emptyRenderer()\n }\n \n
\n {/* End of New Mobile List */}\n {list.list.length > 0 && \n {list.list.length > 0 ?\n list.list.map((item, index) => {\n return \n 0 && editList.findIndex(i => i._id === item._id) >= 0 ? true : false}\n data={item}\n sort={sortHandler}\n handleCheckBox={editCheckboxHandler}\n activeHandler={pricingActiveHandler}\n isEditing={isEditing}\n SubmitEditVariant={SubmitEditVariant}\n SubmitEditSalesPrice={SubmitEditSalesPrice}\n openToast={openToast}\n hasManyChannels={filterData.channels.length > 1 ? true : false}\n />\n \n })\n :\n emptyRenderer()\n }\n
\n \n
}\n\n {list.list.length > 0 && \n
}\n\n \n : \n
\n }\n \n )\n }\n}\nexport default withRouter(Pricing)","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../Components/sidebar/sidebar\"\nimport MobileNavBar from \"../Components/mobileNavbar/navbar\"\nimport Pricing from \"../Components/pricing/pricing\"\nimport style from \"./sidebarPage.module.scss\"\n\nconst PricingPage = (props) => {\n\n return (\n \n \n
\n اینجا میتونید وضعیت باکس تنوعهای تکمیل اطلاعات شده رو بررسی کنید
\nبرای شروع پنل دیجیکالا رو ثبت کنید
\n\n
\n \n
\n )\n}\nexport default withRouter(PricingPage)\n\n\n\n\n","import React from \"react\";\nimport style from \"./fileUpload.module.scss\";\nimport { FileDrop } from 'react-file-drop';\n\nconst FileUpload = (props) => {\n // console.log(props,\"pops\");\n switch (props.status) {\n case \"isUploading\":\n return \n
\n \n
\n \n
\n \n \n
\n case \"empty\":\n return \n
\n {props.fileName}
\n \n
\n \n
\n {\n props.cancel()\n }}>\n
\n e
\n \n
\n \n case \"cantUpload\":\n return W
\n فایل خود را\n \n {\n props.setSelectedFile(e)\n }}\n />\n انتخاب\n \n و یا آن را بکشید و رها کنید.\n
\n {/* \n لطفا پیش از آپلود فایل اکسل دکمه بهروز رسانی تنوعها از دیجیکالا را انتخاب نمایید.\n
*/}\n \n :حداکثر حجم مجاز )\n - 20 MB \n ( xlsx :پسوند مجاز\n
\n \n \n
\n case \"uploadedWithNoErrors\":\n return \n
\n \n
\n {props.fileName}
\n آپلود با خطا روبرو شد.
\n \n
\n \n
\n {\n props.retryUpload()\n }}>\n
\n X
\n \n \n
\n case \"uploadedWithErrors\":\n return \n
\n {props.fileName}\n
\n {(props.fileSize / 1000000) + \"MB\"}
\n {\n props.cancel()\n }}>\n
\n Y
\n \n
\n \n case \"uploaded\":\n return W
\n فایل خود را\n \n {\n props.setSelectedFile(e)\n }} />\n انتخاب\n \n و یا آن را بکشید و رها کنید.\n
\n \n :حداکثر حجم مجاز )\n - 20 MB \n ( csv :پسوند مجاز\n
\n \n \n
\n case \"uploadedWithWrongContent\":\n return \n
\n {props.fileName}\n
\n {(props.fileSize / 1000000).toFixed(2) + \"MB\"}
\n {\n props.cancel()\n }}>\n
\n Y
\n \n
\n \n }\n\n}\n\nexport default FileUpload;\n","import React, { useState } from \"react\";\nimport style from './importVariantModal.module.scss';\nimport Modal from \"../Modal/Modal\"\nimport Button from \"../Button/button\"\nimport Toast from \"../Toast/Toast\"\nimport FileUpload from \"./fileUpload/fileUpload\";\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\"\nimport { GenerateFile, ImportVariantFile, ProcessFile } from \"../../actions/APIcalls\"\nimport { serverAddress } from \"../../helpers/axiosFiles/axios\";\n\nconst ImportVariantModal = (props) => {\n const [status, setStatus] = useState('empty') //empty , isUploading, uploadedWithErrors, suceessful,uploadedWithNoErrors\n const [toast, setToast] = useState({ text: '', type: 'error' })\n const [file, setFile] = useState()\n const [progress, setProgress] = useState()\n const [errors, setErrors] = useState([])\n const [fileDownloadLink, setFileDownloadLink] = useState('')\n const [clickNumber, setClickNumber] = useState(0)\n const [parsedSuccessfully, setParsedSuccessfully] = useState({ parsed: 0, count: 0 })\n const [isProcessingFile, setIsProcessingFile] = useState(false)\n const [uploadedFileAddress, setUploadedFileAddress] = useState('')\n const [isDownloading, setIsDownloading] = useState(false)\n const [saveCount, setSaveCount] = useState({ count: 0 })\n\n const closeModalFunction = () => {\n setToast({ text: '', type: 'error' })\n setSaveCount({ ...saveCount, count: 0 })\n setFile(undefined)\n setStatus('empty')\n setIsProcessingFile(false)\n setErrors([])\n setClickNumber(0)\n props.closeModal()\n }\n //server request******************************************\n const getFileFromServer = async (type) => {\n // let params = { channelId: \"617956d39d5998097034fec7\" }\n setIsDownloading(true)\n if (type === \"uploadedWithErrors\") {\n window.location.href = serverAddress + \"getFiles/uploads/\" + fileDownloadLink\n } else {\n let res = await GenerateFile()\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n window.location.href = serverAddress + \"getFiles/uploads/\" + res.data.fileName\n }\n }\n setIsDownloading(false)\n }\n const SendFileToServer = async (formData) => {\n let res = await ImportVariantFile(formData, setProgress)\n\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n setUploadedFileAddress(res.data.address)\n setStatus('uploaded')\n setToast({ text: '', type: 'error' })\n } else {\n setStatus('cantUpload')\n setToast({ text: 'آپلود با خطا روبرو شد. لطفا مجددا تلاش کنید.', type: 'error' })\n }\n }\n const processFile = async () => {\n if (typeof file === \"undefined\") {\n setToast({ text: 'لطفا فایل مورد نظر خود را انتخاب و بارگذاری کنید.', type: 'error' })\n } else {\n // setToast('')\n if (saveCount.count == 0) {\n let temp = []\n setSaveCount({ ...saveCount, count: 1 })\n setIsProcessingFile(true)\n let processRes = await ProcessFile({ address: uploadedFileAddress })\n if (typeof processRes !== \"undefined\" && typeof processRes.data !== \"undefined\") {\n setIsProcessingFile(false)\n let i = 0\n setErrors([...processRes.data.errors])\n // setFile(undefined)\n let parsedItems = parsedSuccessfully;\n parsedItems.count = processRes.data.count;\n parsedItems.parsed = processRes.data.parsed;\n setParsedSuccessfully({ ...parsedItems });\n setFileDownloadLink(processRes.data.address);\n if (processRes.data.errors.length > 0) {\n setStatus('uploadedWithErrors')\n } else {\n setStatus('uploadedWithNoErrors')\n setSaveCount({ ...saveCount, count: 0 })\n setFile(undefined)\n // show success toast and close modal\n setToast({ text: \"فایل اطلاعات با موفقیت ذخیره شد\", type: 'success' })\n setTimeout(() => {\n closeModalFunction()\n }, 2700);\n }\n } else {\n setIsProcessingFile(false)\n if (typeof processRes !== \"undefined\" && typeof processRes.response !== \"undefined\" && processRes.response.status === 428) {\n setStatus(\"uploadedWithWrongContent\")\n }\n else if (typeof processRes !== \"undefined\" && typeof processRes.response !== \"undefined\") {\n let res = processRes.response.data.error.replace('.', '')\n setToast({ text: res + \".\", type: 'error' })\n }\n }\n } else {\n setSaveCount({ ...saveCount, count: 0 })\n setFile(undefined)\n // show success toast and close modal\n setToast({ text: \"فایل اطلاعات با موفقیت ذخیره شد\", type: 'success' })\n setTimeout(() => {\n closeModalFunction()\n }, 2700);\n }\n }\n }\n //handlers*************************************************\n const dropHandler = async (files, event) => {\n event.preventDefault();\n let reg = new RegExp(/\\.xlsx$/)\n if (reg.test(files[0].name)) {\n if (files[0].size < 20000000) {\n setFile(files[0]);\n setToast({ text: '', type: 'error' })\n setStatus('isUploading')\n let formData = new FormData();\n formData.append('file', files[0])\n SendFileToServer(formData)\n } else setToast({ text: 'حجم فایل بیش از حد مجاز است.', type: 'error' })\n } else setToast({ text: 'لطفا فایل مناسب با پسوند' + ' xlsx ' + 'بارگذاری کنید.', type: 'error' })\n }\n const cancelUpload = () => {\n setFile(undefined);\n setStatus('empty')\n }\n const fileInputHandler = async (e) => {\n if (typeof e !== \"undefined\") {\n let reg = new RegExp(/\\.xlsx$/)\n if (reg.test(e.target.files[0].name)) {\n if (e.target.files[0].size < 20000000) {\n setFile(e.target.files[0]);\n setToast({ text: '', type: 'error' })\n setStatus('isUploading')\n let formData = new FormData();\n formData.append('file', e.target.files[0])\n SendFileToServer(formData)\n } else setToast({ text: 'حجم فایل بیش از حد مجاز است.', type: 'error' })\n } else setToast({ text: 'لطفا فایل مناسب با پسوند' + ' xlsx ' + 'بارگذاری کنید.', type: 'error' })\n }\n }\n const retryUpload = () => {\n setStatus(\"isUploading\")\n setToast({ text: '', type: 'error' })\n let formData = new FormData();\n formData.append('file', file)\n SendFileToServer(formData)\n }\n const closeToast = () => {\n\n }\n\n return (\n W
\n فایل خود را\n \n {\n console.log(e);\n props.setSelectedFile(e)\n }} />\n انتخاب\n و یا آن را بکشید و رها کنید.\n
\n \n :حداکثر حجم مجاز )\n - 20 MB \n ( csv :پسوند مجاز\n
\n \n
\n :\n f
\n \n تکمیل اطلاعات\n {toPersianNumber(parsedSuccessfully.parsed)} \n تنوع از\n {toPersianNumber(parsedSuccessfully.count)} \n تنوع آپلود شده با موفقیت انجام شد.\n
\n \n\n {status === \"uploadedWithNoErrors\" || status === \"uploadedWithErrors\" ?\n \n \n : (status === \"uploadedWithWrongContent\" ?\n \n \n : \n )\n }\n\n {/* {\n fileInputHandler(e)\n }}\n retryUpload={() => {\n setClickNumber(clickNumber + 1);\n retryUpload()\n }}\n progressPercent={progress}\n />\n {\n clickNumber > 2 &&\n
}\n \n\n \n تکمیل اطلاعات\n {\" \" + toPersianNumber(parsedSuccessfully.parsed) + \" \"}\n تنوع از\n {\" \" + toPersianNumber(parsedSuccessfully.count) + \" \"}\n تنوع آپلود شده با موفقیت انجام شد.
\n\n شما میتوانید فایل خطاها را دانلود کنید، آن را تصحیح یا تکمیل و سپس مجددا آپلود\n نمایید.\n
\n\n {\n isDownloading ?
\n دانلود فایل خطاها
:\n getFileFromServer(\"uploadedWithErrors\")}>\n دانلود فایل خطاها\n
\n }\n \n فایل\n {typeof file !== \"undefined\" && file.name}،\n مطابق فرم اطلاعات تنوعها نیست.\n
\n\n لطفا فرم اطلاعات تنوعها را از اینجا دانلود کنید، اطلاعات را تکمیل و مجددا آپلود\n نمایید.\n
\nشما میتوانید با آپلود فایل اکسل اطلاعات تنوعها، آنها را بهروز رسانی و تکمیل کنید.
\nبرای شروع میتوانید فرم اطلاعات تنوعها را از اینجا دانلود نمایید.
\n\n h\n
*/}\n لطفا پیش از آپلود فایل اکسل دکمه بهروز رسانی تنوعها از دیجیکالا را انتخاب نمایید.
\n\n h\n
\n\n در صورتی که تنوع شما دارای سایزبندیهای مختلف و قیمت مرجع یکسان است، به دلیل احتمال محاسبه اشتباه قیمت مرجع از سمت دیجیکالا، فیلد افزایش قیمت را بر روی \"محدود به حداکثر سود\" و فیلد رقابت را بر روی \"تنوع\" انتخاب نمایید.
\n\n {\n isDownloading ?\n <>\n
\n \n\n {(errors.length > 0 && status === \"uploadedWithErrors\") ?\n \n
\n {status === \"uploadedWithWrongContent\" ? \"دانلود فرم (به همراه خطاهای مشخص شده)\" : \"دانلود فرم اطلاعات تنوعها\"}\n
\n \n :\n <>\n V
\n getFileFromServer(\"default\")}>\n {status === \"uploadedWithWrongContent\" ? \"دانلود فرم (به همراه خطاهای مشخص شده)\" : \"دانلود فرم اطلاعات تنوعها\"}\n
\n \n }\n \n
\n :\n \n
\n \n
\n علت خطا
\n شماره ردیف
\n \n {errors.map((data, index) => {\n return
\n \n
\n })}\n \n {data.error}\n
\n \n {toPersianNumber(data.rowNumber)}\n
\n \n
\n }\n \n
\n }\n در صورت مشکل در فرآیند آپلود فایل، با پشتیبانی در تماس\n باشید.\n (پاسخگویی از ساعت ۹ تا ۱۷\t)\n
\n\n\n {toPersianNumber(\"0902 227 8706\") + \" \" + \":شماره تماس\"}\n
\n\n {toPersianNumber(\"0902 227 8705\") + \" \" + \":واتساپ\"}\n
\n\n \n \n
\n \n {props.checkUrl() ?
\n props.deleteAllFiletrs()}>\n g\n
: null}\n {allVariantFilters.map((filter, filterIndex) => \n {filter.tag !== 'channel' &&
)}\n\n \n {\n props.setToUrl(!val, tag)\n }} />\n
\n \n
\n );\n}\n\nexport default VariantCardHint;\n","import React, { useState, useRef, useEffect } from \"react\";\nimport style from \"./variantCard.module.scss\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport EditInput from \"../../EditInput/input\"\nimport RadioButton from \"../../EditRadioButton/RadioButton\"\nimport Hint from \"../variantCardHint/variantCardHint\"\nimport Skeleton from \"../../skeleton/skeleton\"\nimport { getManyVariant, GetChannelDefaultSetting } from '../../../actions/APIcalls'\nimport { Link } from \"react-router-dom\";\nimport toEnglishNumber from \"../../../helpers/actions/toEnglishNumber\"\nimport numberWithCommas from \"../../../helpers/actions/numberWithCommas\";\n\nconst VariantCard = (props) => {\n\n const [prevState, setPrevState] = useState({\n purchasePrice: props.data.robot && props.data.robot.purchasePrice ? props.data.robot.purchasePrice : '',\n minimumProfitMarginType: props.data.robot && props.data.robot.minimumProfitMarginType ? props.data.robot.minimumProfitMarginType : '',\n minimumProfitMargin: props.data.robot && props.data.robot.minimumProfitMargin ? props.data.robot.minimumProfitMargin : '',\n emptyMinimumProfitMarginError: false,\n })\n const [inputChange, setInputChange] = useState({\n typing: false,\n typingTimeout: null,\n })\n\n const nameRef = useRef(null);\n const hintRef = useRef(null);\n\n const [editInfo, setEditInfo] = useState({ ...prevState })\n\n const [showMinMaxPrice, setShowMinMaxPrice] = useState({\n minPrice: '',\n maxPrice: '',\n minMaxPriceLoading: false,\n })\n const [isEdited, setIsEdited] = useState(false)\n const [showHint, setShowHint] = useState(false)\n const [isUpdating, setIsUpdating] = useState(false)\n\n useEffect(() => {\n document.addEventListener(\"click\", handleClickOutside, false);\n return () => {\n document.removeEventListener(\"click\", handleClickOutside, false);\n };\n }, []);\n\n useEffect(() => {\n if (isEdited) {\n props.isEditing('add')\n } else {\n props.isEditing('remove')\n }\n }, [isEdited]);\n\n const handleClickOutside = event => {\n if ((hintRef.current && !hintRef.current.contains(event.target) && !event.target.className.includes('variantCard_linkText')) || event.target.className.includes('variantCard_hideHint')) {\n setShowHint(false);\n }\n };\n\n const handleRadioButton = (e, value, tag, secondTag) => {\n let tmp = editInfo\n editInfo.minimumProfitMarginType = tag\n setEditInfo({ ...tmp })\n setIsEdited(true)\n\n // calculate minimum & maximum price\n if (editInfo.purchasePrice && editInfo.minimumProfitMargin && editInfo.minimumProfitMarginType) {\n // debouncer \n if (inputChange.typingTimeout) {\n clearTimeout(inputChange.typingTimeout);\n }\n setInputChange({\n ...inputChange,\n typing: false,\n typingTimeout: setTimeout(function () {\n editFunction('calculatePrice')\n }, 300),\n })\n }\n }\n\n const handleEditInfo = (tag, item) => {\n let tmp = editInfo\n tmp[tag] = toEnglishNumber(item.target.value).replaceAll(',', '')\n setEditInfo({ ...tmp })\n setIsEdited(true)\n\n // calculate minimum & maximum price\n if (editInfo.purchasePrice && editInfo.minimumProfitMargin && editInfo.minimumProfitMarginType) {\n // debouncer \n if (inputChange.typingTimeout) {\n clearTimeout(inputChange.typingTimeout);\n }\n setInputChange({\n ...inputChange,\n typing: false,\n typingTimeout: setTimeout(function () {\n editFunction('calculatePrice')\n }, 300),\n })\n }\n }\n\n const calculateLines = text => {\n if (text.length < 110) {\n return text\n } else {\n return text.substr(0, 90) + '...'\n }\n }\n\n const calculateActivition = (isActive) => {\n if (isActive) {\n return 'فعال'\n } else {\n return 'غیرفعال'\n }\n }\n\n const defineMinPriceTypeText = type => {\n let res;\n switch (type) {\n case 'percent':\n res = 'مقدار درصد'\n break;\n case 'price':\n res = 'مقدار مبلغ'\n break;\n case 'minPrice':\n res = 'حداقل حاشیه سود'\n break;\n default:\n res = 'مقدار حاشیه سود'\n break;\n }\n return res\n }\n\n const saveCodeToClipboard = code => {\n if (code) {\n navigator.clipboard.writeText(code)\n alert('کد مورد نظر شما کپی شد')\n }\n }\n\n const resetAllEditInfo = () => {\n let tmp = editInfo\n tmp = { ...prevState }\n setEditInfo({ ...tmp })\n\n let tmpShowMinMaxPrice = showMinMaxPrice\n tmpShowMinMaxPrice.maxPrice = ''\n tmpShowMinMaxPrice.minPrice = ''\n tmpShowMinMaxPrice.minMaxPriceLoading = false\n setShowMinMaxPrice({ ...tmpShowMinMaxPrice })\n setIsEdited(false)\n }\n\n const setAllEditInfo = () => {\n // call to change\n if ((editInfo.minimumProfitMargin != '' && typeof editInfo.minimumProfitMargin != 'undefined') && (editInfo.purchasePrice != '' && typeof editInfo.purchasePrice != 'undefined')) {\n editFunction('editInfo')\n setIsEdited(false)\n } else {\n let tmp = editInfo\n tmp.emptyMinimumProfitMarginError = true\n setEditInfo({ ...tmp })\n }\n }\n\n const editFunction = async (type) => {\n let data = props.data.robot ? props.data.robot : { purchasePrice: null, minimumProfitMarginType: null, minimumProfitMargin: null, variantId: null }\n data.purchasePrice = editInfo.purchasePrice\n data.minimumProfitMarginType = editInfo.minimumProfitMarginType\n data.minimumProfitMargin = editInfo.minimumProfitMargin\n data.variantId = props.data._id\n\n // get commission\n let commission = await getManyVariant([props.data.productGroup])\n data.DKCommission = commission.data.maxinCommission ? commission.data.maxinCommission : commission.data.minCommission\n\n //if doesn't have robot calculate robot properties\n if (!props.data.robot) {\n let defaultData = {\n ancillaryCosts: \"0\", changePricePromotion: \"false\", maximumProfitMargin: \"1000\", maximumProfitMarginType: \"percent\",\n priceIncrease: \"free\", pricingStrategy: \"aiSmart\", promotionMinPrice: \"\", reactivation: \"enable\", salesStatus: true, hasMaxPriceLimit: false,\n sizeOfPriceIncrease: \"1000\", hasIncreasePricePermission: false, safePricing: true, outOfRangeStrategy: \"off\", roundnessDigits: 2, platformCosts: false\n }\n let setting = await GetChannelDefaultSetting({ channel_id: props.data.channel._id })\n if (typeof setting !== \"undefined\" && typeof setting.data !== \"undefined\" && setting.data.data) {\n defaultData = setting.data.data\n if (typeof setting.data.data.hasMaxPriceLimit == 'undefined') {\n defaultData.hasMaxPriceLimit = false\n defaultData.platformCosts = false\n }\n }\n data = { ...defaultData, ...data }\n }\n\n let calculatedRes;\n if (type == 'editInfo') {\n // set loading to true\n setIsUpdating(true)\n calculatedRes = await props.SubmitEdit(data)\n // remove minmaxPrice\n let tmpShowMinMaxPrice = showMinMaxPrice\n tmpShowMinMaxPrice.maxPrice = ''\n tmpShowMinMaxPrice.minPrice = ''\n tmpShowMinMaxPrice.minMaxPriceLoading = false\n setShowMinMaxPrice({ ...tmpShowMinMaxPrice })\n // set loading to false\n setIsUpdating(false)\n }\n if (type == 'calculatePrice') {\n let tmpShow = showMinMaxPrice;\n setShowMinMaxPrice({ ...tmpShow, minMaxPriceLoading: true })\n calculatedRes = await props.CalculateEdit(data)\n if (calculatedRes && calculatedRes.data) {\n tmpShow.minPrice = calculatedRes.data.price.data.minProfit.sellPrice\n tmpShow.maxPrice = calculatedRes.data.price.data.maxProfit.sellPrice\n }\n setShowMinMaxPrice({ ...tmpShow, minMaxPriceLoading: false })\n }\n }\n\n if (isUpdating) {\n return قیمت خرید
\nقیمت خرید محصول خود را وارد کنید\n این قیمت مبنای محاسبهی حداقل و حداکثر قیمت تنوع خواهد بود\n
\nحداقل حاشیه سود
\nحداقل حاشیه سود برای این کالا را وارد کنید
\n\n- \n
درصد\n c\n
\n {paragraphNumber == '0' &&\n کمترین میزان سود شما، براساس درصد وارد شده نسبت به قیمت خرید خواهد بود\n
}\n \n مبلغ\n c\n
\n {paragraphNumber == '1' &&\n کمترین میزان سود شما، مبلغ وارد شده خواهد بود\n
}\n \n قیمت نهایی \n c\n
\n {paragraphNumber == '2' &&\n حداقل قیمت فروش، قیمت وارد شده خواهد بود\n
}\n \n \n {props.disabled && }\n
\n {/* new Version */}\n\n \n {\n props.data.robot === null ?\n \n :\n \n }\n\n {/* new Version */}\n
\n \n resetAllEditInfo()}\n >e
}\n \n
\n \n \n
\n \n \n {toPersianNumber(props.number)}. {calculateLines(toPersianNumber(props.data.newName))}\n {/* {toPersianNumber(props.data.newName.split(' | ')[0])} {toPersianNumber(props.data.newName)} */}\n \n\n
\n \n \n
\n {props.data && props.data.channel && props.channelList && props.channelList.length > 1 ? saveCodeToClipboard(props.data.DKPC)}>\n
\n \n DKPC - {toPersianNumber(props.data.DKPC)}
\nبرای کپی کردن کد کلیک کنید
\n saveCodeToClipboard(props.data.DKP)}>\n
\n\n {props.data && props.data.supplierCode ? <>\n \n DKP - {toPersianNumber(props.data.DKP)}
\nبرای کپی کردن کد کلیک کنید
\n saveCodeToClipboard(props.data.supplierCode)}>\n
\n : null}\n\n {props.data && props.data.otherSellerCount ? <>\n \n {props.data.supplierCode ? toPersianNumber(props.data.supplierCode) : '--'}
\n {props.data.supplierCode &&برای کپی کردن کد کلیک کنید
}\n تعداد رقیب: {toPersianNumber(props.data.otherSellerCount)}
\n : null}\n\n{props.data.channel.name}{typeof props.data.channel._id != 'undefined' && props.data.channel._id == \"66c7067044e53ffa53755c93\" ? ' ۲ ' : ''}
:}\n
\n {calculateActivition(props.data.salesStatus)}\n
\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n\n \n
\n\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n\n \n {/* Check Mark */}\n {isEdited && setAllEditInfo()}\n >\n \n
}\n {/* Cross Mark */}\n {isEdited && \n {showMinMaxPrice.minPrice &&
\n :\n null\n }\n\n {(editInfo.minimumProfitMargin == '' || typeof editInfo.minimumProfitMargin == 'undefined') && editInfo.emptyMinimumProfitMarginError ? حداقل قیمت: {showMinMaxPrice.minMaxPriceLoading ?
}\n {showMinMaxPrice.maxPrice && ...
: toPersianNumber(numberWithCommas(showMinMaxPrice.minPrice))} ریالحداکثر قیمت: {showMinMaxPrice.minMaxPriceLoading ?
}\n ...
: toPersianNumber(numberWithCommas(showMinMaxPrice.maxPrice))} ریال\n
: null\n }\n\n \n\n {\n props.data.robot === null &&\n ! حداقل حاشیه سود را وارد کنید
\n\n setShowHint(true)}\n >\n
\n \n }\n \n )\n }\n}\n\nexport default VariantCard;","import React, { useEffect, useState } from \"react\"\nimport style from \"./variantCardWrapper.module.scss\"\nimport VariantCard from \"../variantCard/variantCard\"\n\nconst VariantCardWrapper = (props) => {\n const [grouped, setGrouped] = useState(\"\")\n const [open, setOpen] = useState(false)\n\n useEffect(() => {\n let array = [];\n if (props && props.data && props.data.mergeId) {\n props.data.mergeId.forEach((e, index) => {\n array.push(\"DKP -\" + e);\n });\n let temp = array.join(\" ,\")\n setGrouped(temp)\n }\n }, [props])\n\n return (\n .برای فعالسازی کالا در ربات، قیمت خرید و حداقل حاشیه سود را تکمیل کنیدh
\nراهنما
\n\n {showHint &&
\n \n
\n }\n e
\n \n props.threeDotHandler(tag, type, id)}\n productChecked={(color) => props.productChecked(color)}\n isEditing={props.isEditing}\n SubmitEdit={props.SubmitEdit}\n CalculateEdit={props.CalculateEdit}\n channelList={props.channelList}\n />\n
\n );\n}\n\nexport default VariantCardWrapper;\n\n","import React, { useState, useRef, useEffect } from \"react\";\nimport style from \"./mobileVariantCard.module.scss\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport EditInput from \"../../EditInput/input\"\nimport RadioButton from \"../../EditRadioButton/RadioButton\"\nimport Skeleton from \"../../skeleton/skeleton\"\nimport { getManyVariant, GetChannelDefaultSetting } from '../../../actions/APIcalls'\nimport { Link } from \"react-router-dom\";\nimport toEnglishNumber from \"../../../helpers/actions/toEnglishNumber\"\n\nconst MobileVariantCard = (props) => {\n\n const [prevState, setPrevState] = useState({\n purchasePrice: props.data.robot && props.data.robot.purchasePrice ? props.data.robot.purchasePrice : '',\n minimumProfitMarginType: props.data.robot && props.data.robot.minimumProfitMarginType ? props.data.robot.minimumProfitMarginType : '',\n minimumProfitMargin: props.data.robot && props.data.robot.minimumProfitMargin ? props.data.robot.minimumProfitMargin : '',\n emptyMinimumProfitMarginError: false,\n })\n\n const nameRef = useRef(null);\n const hintRef = useRef(null);\n\n const [editInfo, setEditInfo] = useState({ ...prevState })\n\n const [showMinMaxPrice, setShowMinMaxPrice] = useState({\n minPrice: '',\n maxPrice: '',\n minMaxPriceLoading: false,\n })\n const [isEdited, setIsEdited] = useState(false)\n const [isUpdating, setIsUpdating] = useState(false)\n\n useEffect(() => {\n document.addEventListener(\"click\", handleClickOutside, false);\n return () => {\n document.removeEventListener(\"click\", handleClickOutside, false);\n };\n }, []);\n\n useEffect(() => {\n if (isEdited) {\n props.isEditing('add')\n } else {\n props.isEditing('remove')\n }\n }, [isEdited]);\n\n const handleClickOutside = event => {\n if ((hintRef.current && !hintRef.current.contains(event.target) && !event.target.className.includes('variantCard_linkText')) || event.target.className.includes('variantCard_hideHint')) {\n }\n };\n\n const handleRadioButton = (e, value, tag, secondTag) => {\n let tmp = editInfo\n editInfo.minimumProfitMarginType = tag\n setEditInfo({ ...tmp })\n setIsEdited(true)\n\n // calculate minimum & maximum price\n if (editInfo.purchasePrice && editInfo.minimumProfitMargin && editInfo.minimumProfitMarginType) {\n editFunction('calculatePrice')\n }\n }\n\n const handleEditInfo = (tag, item) => {\n let tmp = editInfo\n tmp[tag] = toEnglishNumber(item.target.value).replaceAll(',', '')\n setEditInfo({ ...tmp })\n setIsEdited(true)\n\n // calculate minimum & maximum price\n if (editInfo.purchasePrice && editInfo.minimumProfitMargin && editInfo.minimumProfitMarginType) {\n editFunction('calculatePrice')\n }\n }\n\n const calculateLines = text => {\n if (text.length < 65) {\n return text\n } else {\n return text.substr(0, 65) + '...'\n }\n }\n\n const calculateActivition = (isActive) => {\n if (isActive) {\n return 'فعال'\n } else {\n return 'غیرفعال'\n }\n }\n\n const resetAllEditInfo = () => {\n let tmp = editInfo\n tmp = { ...prevState }\n setEditInfo({ ...tmp })\n\n let tmpShowMinMaxPrice = showMinMaxPrice\n tmpShowMinMaxPrice.maxPrice = ''\n tmpShowMinMaxPrice.minPrice = ''\n tmpShowMinMaxPrice.minMaxPriceLoading = false\n setShowMinMaxPrice({ ...tmpShowMinMaxPrice })\n setIsEdited(false)\n }\n\n const setAllEditInfo = () => {\n // call to change\n if ((editInfo.minimumProfitMargin != '' && typeof editInfo.minimumProfitMargin != 'undefined') && (editInfo.purchasePrice != '' && typeof editInfo.purchasePrice != 'undefined')) {\n editFunction('editInfo')\n setIsEdited(false)\n } else {\n let tmp = editInfo\n tmp.emptyMinimumProfitMarginError = true\n setEditInfo({ ...tmp })\n }\n }\n\n const editFunction = async (type) => {\n let data = props.data.robot ? props.data.robot : { purchasePrice: null, minimumProfitMarginType: null, minimumProfitMargin: null, variantId: null }\n data.purchasePrice = editInfo.purchasePrice\n data.minimumProfitMarginType = editInfo.minimumProfitMarginType\n data.minimumProfitMargin = editInfo.minimumProfitMargin\n data.variantId = props.data._id\n // get commission\n let commission = await getManyVariant([props.data.productGroup])\n data.DKCommission = commission.data.maxinCommission ? commission.data.maxinCommission : commission.data.minCommission\n\n //if doesn't have robot calculate robot properties\n if (!props.data.robot) {\n let defaultData = {\n ancillaryCosts: \"0\", changePricePromotion: \"false\", maximumProfitMargin: \"1000\", maximumProfitMarginType: \"percent\",\n priceIncrease: \"free\", pricingStrategy: \"aiSmart\", promotionMinPrice: \"\", reactivation: \"enable\", salesStatus: true, hasMaxPriceLimit: false,\n sizeOfPriceIncrease: \"1000\", hasIncreasePricePermission: false, safePricing: true, outOfRangeStrategy: \"off\", roundnessDigits: 2, platformCosts: false\n }\n let setting = await GetChannelDefaultSetting({ channel_id: props.data.channel._id })\n if (typeof setting !== \"undefined\" && typeof setting.data !== \"undefined\" && setting.data.data) {\n defaultData = setting.data.data\n defaultData.hasMaxPriceLimit = false\n defaultData.platformCosts = false\n }\n data = { ...defaultData, ...data }\n }\n\n let calculatedRes;\n\n if (type == 'editInfo') {\n // set loading to true\n setIsUpdating(true)\n calculatedRes = await props.SubmitEdit(data)\n // remove minmaxPrice\n let tmpShowMinMaxPrice = showMinMaxPrice\n tmpShowMinMaxPrice.maxPrice = ''\n tmpShowMinMaxPrice.minPrice = ''\n tmpShowMinMaxPrice.minMaxPriceLoading = false\n setShowMinMaxPrice({ ...tmpShowMinMaxPrice })\n // set loading to false\n setIsUpdating(false)\n }\n if (type == 'calculatePrice') {\n let tmpShow = showMinMaxPrice;\n setShowMinMaxPrice({ ...tmpShow, minMaxPriceLoading: true })\n calculatedRes = await props.CalculateEdit(data)\n if (calculatedRes && calculatedRes.data) {\n tmpShow.minPrice = calculatedRes.data.price.data.minProfit.sellPrice\n tmpShow.maxPrice = calculatedRes.data.price.data.maxProfit.sellPrice\n }\n setShowMinMaxPrice({ ...tmpShow, minMaxPriceLoading: false })\n }\n }\n\n if (isUpdating) {\n return \n {props.disabled && }\n \n {\n props.data.robot === null ?\n
\n {\n props.data.robot === null &&\n \n :\n
\n }\n\n
\n \n \n {calculateLines(toPersianNumber(props.data.newName))}\n \n \n\n
\n \n
\n\n \n\n navigator.clipboard.writeText(props.data.DKPC)}>DKPC - {toPersianNumber(props.data.DKPC)}
\n \nnavigator.clipboard.writeText(props.data.DKP)}>DKP - {toPersianNumber(props.data.DKP)}
\n {\n props.data.supplierCode &&\n <>\n \nnavigator.clipboard.writeText(props.data.supplierCode)}>{toPersianNumber(props.data.supplierCode)}
\n \n }\n\n
\n\n حداقل حاشیه سود
\n\n
\n\n \n
\n\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n \n
\n\n قیمت خرید
\n\n
\n\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n \n {!isEdited && }\n {isEdited &&
\n\n setAllEditInfo()}>تایید
}\n {isEdited && resetAllEditInfo()}>انصراف
}\n \n
\n }\n \n )\n }\n}\n\nexport default MobileVariantCard;","import React from \"react\";\nimport style from \"./Checkbox.module.scss\";\n\nconst CheckBox = (props) => {\n return (\n برای فعالسازی کالا در ربات، قیمت خرید و حداقل حاشیه سود را تکمیل کنیدh
\n\n \n props.onclick(e, props.value, props.tag, props.secondTag)}\n disabled={props.disabled ? props.disabled : false}\n >\n \n \n {props.label ?
\n );\n}\n\nexport default CheckBox;\n\n/**\n value={checkbox}\n indeterminate={true}\n tag='فیلتر'\n label='اعمال فیلتر'\n onclick={handleCheckBox}\n */","import React, { useEffect, useState } from \"react\"\nimport Modal from \"../../Modal/Modal\";\nimport Input from \"../../input/input\";\nimport style from \"./variantModalRenderers.module.scss\"\nimport CheckBox from \"../../SelectionControls/Checkbox/Checkbox\";\nimport Button from \"../../Button/button\";\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport toEnglishNumber from \"../../../helpers/actions/toEnglishNumber\";\nimport Toast from \"../../Toast/Toast\"\nimport Tooltip from \"../../tooltip/tooltip\";\nimport RadioButton from \"../../SelectionControls/RadioButton/RadioButton\";\n\nconst productCode = [\"کد تنوع سوم\", \"کد تنوع چهارم\", \"کد تنوع پنجم\", \"کد تنوع ششم\", \"کد تنوع هفتم\"];\nconst editProductCode = [\"کد تنوع اول\", \"کد تنوع دوم\", \"کد تنوع سوم\", \"کد تنوع چهارم\", \"کد تنوع پنجم\", \"کد تنوع ششم\", \"کد تنوع هفتم\"];\n\nconst groupDefaultValues = {\n open: false,\n err: \"\",\n value: [{ name: \"کد تنوع دوم\", value: \"\", tag: \"0\" }],\n id: \"\",\n channelId: \"\",\n success: false,\n lastStock: false,\n stock: ''\n}\nconst editGroupDefaultValues = {\n open: false,\n err: \"\",\n id: \"\",\n channelId: \"\",\n success: false,\n selectedVariants: [],\n value: [],\n stock: ''\n}\nconst VariantModalRenderer = (props) => {\n const [groupModal, setGroupModal] = useState({\n open: false,\n value: [{ name: \"کد تنوع دوم\", value: \"\", tag: \"0\" }],\n id: \"\",\n channelId: \"\",\n success: false,\n lastStock: false,\n stock: ''\n });\n const [editGroupModal, setEditGroupModal] = useState({\n open: false,\n err: \"\",\n id: \"\",\n channelId: \"\",\n success: false,\n selectedVariants: [],\n value: [],\n stock: ''\n });\n const [deleteGroupModal, setDeleteGroupModal] = useState({\n open: false,\n err: \"\",\n id: \"\",\n channelId: \"\",\n success: false,\n selectedVariants: [],\n value: [],\n stock: ''\n });\n const [errors, setErrors] = useState({})\n const [toast, setToast] = useState('')\n const [channelsModal, setchannelsModal] = useState({ show: false, selected: '' })\n //life cycles*****************************************************\n useEffect(() => {\n if (props.data && props.data.mergedVariants) {\n let editGp = editGroupModal;\n props.data.mergedVariants.forEach((item, index) => {\n let obj = {\n value: item.DKPC,\n tag: (index).toString(),\n name: editProductCode[index],\n isNew: false\n }\n editGp.value.push(obj)\n })\n console.log(editGp.value);\n if (props.deleteVariantId) {\n\n }\n setEditGroupModal({ ...editGp })\n }\n }, [props.data, props.deleteVariantId])\n //server calls****************************************************\n const groupProducts = () => {\n if (!groupModal.responsibilty) {\n setToast('.گزینه پذیرش مسئولیت و عواقب گروهبندی را علامت بزنید')\n } else {\n setToast('')\n let errs = errors;\n groupModal.value.forEach(item => {\n if (!item.value) {\n errs[item.tag] = 'کد تنوع را وارد کنید.';\n setErrors({ ...errs });\n } else {\n errs[item.tag] = '';\n setErrors({ ...errs });\n }\n })\n {\n if (groupModal.stock < 0) {\n groupModal.stock.length < 1 ? errs['stock'] = 'موجودی را وارد کنید.' : errs['stock'] = 'مقدار وارد شده غیرمجاز است.';\n setErrors({ ...errs });\n } else {\n delete errs['stock'];\n setErrors({ ...errs });\n }\n }\n if (!Object.keys(errors)) {\n errs = {}\n setErrors(errs)\n //server call\n }\n }\n }\n const deleteGroup = () => {\n let temp = [];\n editGroupModal.value.forEach(i => temp.push(i.value))\n let params = {\n ids: temp\n }\n\n //server call\n }\n const editGroup = () => {\n\n setToast('')\n let errs = errors;\n editGroupModal.value.forEach(item => {\n if (!item.value) {\n errs[item.tag] = 'کد تنوع را وارد کنید.';\n setErrors({ ...errs });\n } else {\n errs[item.tag] = '';\n setErrors({ ...errs });\n }\n })\n {\n\n editGroupModal.stock.length < 1 ? errs['stock'] = 'موجودی را وارد کنید.' : delete errs['stock'];\n setErrors({ ...errs });\n\n }\n if (!Object.keys(errors)) {\n errs = {}\n setErrors(errs)\n //server call\n }\n }\n //functions*******************************************************\n const addInput = (modalData, setModalData, labelArray) => {\n console.log(\"hello\");\n let temp = modalData;\n let obj = {\n value: \"\",\n tag: (modalData.value.length).toString(),\n name: labelArray[modalData.value.length],\n isNew: true\n }\n if (temp.value.length < 6) {\n temp.value.push(obj);\n setModalData({ ...temp })\n // console.log(groupModal, \"obj\");\n }\n\n }\n const deleteInput = (tag, modalData, setModalData) => {\n let temp = modalData;\n let index = temp.value.findIndex(e => e.tag === tag);\n let errs = errors\n if (index > 0) {\n temp.value.splice(index, 1);\n delete errs[tag]\n setErrors({ ...errs })\n } else {\n temp.value[index].value = \"\"\n\n }\n temp.value.forEach((e, index) => {\n if (index > 0) {\n\n e.name = productCode[index - 1];\n }\n\n })\n setModalData({ ...temp });\n\n }\n\n //handlers********************************************************\n const closeModal = () => {\n let gp = groupModal;\n gp = { ...groupDefaultValues }\n setGroupModal({ ...gp });\n setEditGroupModal({ ...editGroupDefaultValues })\n setchannelsModal({ show: false, selected: '' })\n props.closeParent(props.tag);\n }\n\n const onchangeHandler = (tag, value, secondTag) => {\n if (secondTag === \"group\") {\n let gp = groupModal\n if (tag === 'stock') {\n gp[tag] = toEnglishNumber(value.target.value);\n setGroupModal({ ...gp })\n } else {\n let res = gp.value.findIndex(e => e.tag === tag);\n if (res >= 0) {\n gp.value[res].value = toEnglishNumber(value.target.value);\n setGroupModal({ ...gp })\n }\n }\n } else if (secondTag === \"editGroup\") {\n let gp = editGroupModal;\n if (tag === 'stock') {\n gp[tag] = toEnglishNumber(value.target.value);\n setEditGroupModal({ ...gp })\n } else {\n let res = gp.value.findIndex(e => e.tag === tag);\n console.log(res);\n if (res >= 0) {\n gp.value[res].value = toEnglishNumber(value.target.value);\n console.log(gp.value);\n setEditGroupModal({ ...gp })\n }\n }\n }\n\n }\n const handleCheckBox = (e, value, tag, secondTag) => {\n if (tag === \"group\") {\n // console.log(e, tag, secondTag);\n let gp = groupModal;\n gp[secondTag] = !gp[secondTag]\n setGroupModal({ ...gp })\n } else if (tag === \"editGroup\") {\n if (secondTag !== 'lastStock') {\n let gp = editGroupModal;\n let index = gp.selectedVariants.indexOf(secondTag)\n index < 0 ?\n gp.selectedVariants.push(secondTag)\n :\n gp.selectedVariants.splice(index, 1)\n setEditGroupModal({ ...gp })\n }\n }\n\n }\n const radioButtonHandler = (e, value, tag, secoundTag) => {\n let modal = channelsModal;\n modal.selected = tag\n setchannelsModal({ ...modal })\n }\n const selectChannelConfirm = () => {\n if (channelsModal.selected) {\n props.confirmFunction(channelsModal.selected)\n setToast('')\n closeModal()\n } else {\n setToast('پنل مورد نظر خود را انتخاب کنید.')\n }\n }\n //rennderers******************************************************\n const modalRenderer = (tag) => {\n switch (tag) {\n case \"channels\":\n return (\n\n \n {props.label}\n {props.lineThrough &&
}\n : ''}\n\n
\n\n )\n\n case \"group\": {\n // temp = variantList.find(product => product._id === groupModal.id);\n if (groupModal.success) {\n return .پنل مورد نظرتان را جهت بهروز رسانی انتخاب کنید
\n {props.data.channels.map((item, index) => {\n return\n
\n })}\n \n
\n \n
\n \n
\n \n {\n closeModal();\n props.refresh();\n setToast('')\n }}\n />\n
\n } else {\n return (\n f
\n.گروهبندی کد کالاهای مورد نظر با موفقیت انجام شد
\n\n
\n )\n }\n }\n case \"editGroup\": {\n if (groupModal.success) {\n return \n
\n {ButtonPackRenderer(\"group\", \"groupCancel\", \"گروهبندی\", groupProducts, groupModal, setGroupModal)}\n میتوانید در صورت وجود یک کالا با دو نام متفاوت، آن را گروهبندی کرده و موجودی کالای\n خود را بین آنها تقسیم کنید.
\n\n
\n {groupModal.value.map((e, index) => {\n return (\n {props.data && \"DKPC - \" + toPersianNumber(props.data.DKPC)}
\n \n\n
\n )\n })}\n \n {\n }}\n />\n
\n {\n deleteInput(e.tag, groupModal, setGroupModal)\n }}>e\n
\n {\n addInput(groupModal, setGroupModal, productCode)\n }}>\n \n
\n {productCode[groupModal.value.length - 1]}
\n \n
\n \n {\n }}\n />\n
\n \n {/* {console.log(groupModal['lastStock'])} */}\n
\n \n
\n \n
\n \n h\n
\n\n\n توجه داشته باشید که کالاهای موجود در پروموشن به صورت موقت از گروهبندی حذف\n میشوند.
\n\n {\n closeModal();\n props.refresh();\n setToast('')\n }}\n />\n
\n } else {\n return editRenderer(\"editGroup\")\n }\n }\n case \"deleteFromGroup\": {\n if (groupModal.success) {\n return f
\n.ویرایش گروهبندی با موفقیت انجام شد
\n\n {\n closeModal();\n props.refresh();\n setToast('')\n }}\n />\n
\n } else {\n return editRenderer(\"deleteFromGroup\")\n }\n }\n }\n\n }\n const editRenderer = (type) => {\n return (\n h
\n.ویرایش گروهبندی با موفقیت انجام شد
\n\n
\n )\n }\n const ButtonPackRenderer = (maintag, canceltag, mainlabel, mainaction, get, set) => {\n return (\n \n \n {editGroupModal.value.map((e, index) => {\n return (\n e.isNew && \n }\n
\n {threeButtonPackRenderer(\"editGroup\", \"deleteEditGroup\", \"editGroupCancel\", \"ثبت تغییرات\", \"حذف کامل گروهبندی\", editGroup, deleteGroup, editGroupModal, setEditGroupModal)}\n میتوانید با ویرایش موارد زیر، تنوعهای مورد نظر خود را از گروهبندی حذف، اضافه و یا موجودی آنها\n را بهروز رسانی کنید.
\n\n :تنوعهای گروهبندی\n
\n {\n type !== \"editGroup\" &&\n \n
\n }\n {\n props.data.mergedVariants.map((item, index) => {\n return \n
\n })\n }\n {type === \"editGroup\" &&\n (حذف پس از تایید)
\n : null}\n \n
\n )\n })}\n \n {\n }}\n />\n
\n {\n deleteInput(e.tag, editGroupModal, setEditGroupModal)\n }}>e\n
\n {\n addInput(editGroupModal, setEditGroupModal, editProductCode)\n }}>\n \n
\n {editProductCode[editGroupModal.value.length]}
\n \n h\n
\n \n موجودی کد تنوعهای حذف شده را از پنل دیجیکالا خود تغییر دهید.
\n\n
\n \n {\n }}\n />\n
\n \n
\n \n
\n \n h\n
\n\n\n توجه داشته باشید که کالاهای موجود در پروموشن به صورت موقت از گروهبندی حذف میشوند.
\n\n
\n )\n }\n const threeButtonPackRenderer = (maintag, secondTag, canceltag, mainlabel, secondLabel, mainaction, secondAction, get, set) => {\n return (\n \n {\n closeModal();\n setToast('')\n }} />\n
\n \n mainaction()}\n />\n
\n \n
\n )\n }\n return (\n \n {\n closeModal();\n setToast('')\n }} />\n
\n \n {\n closeModal();\n secondAction();\n setToast('')\n }} />\n
\n \n mainaction()}\n />\n
\n \n setToast('')}\n />\n closeModal()}\n >\n {modalRenderer(props.tag)}\n\n \n
\n )\n}\n\nexport default VariantModalRenderer;\n\n","export default __webpack_public_path__ + \"static/media/variant_nochannel.7f4aa738.svg\";","import React, { useEffect, useState, useRef, createRef } from \"react\";\nimport { withRouter, useHistory, Link } from \"react-router-dom\";\nimport style from \"./variantList.module.scss\";\nimport Searchbar from \"../productSearchbar/productSearchbar\";\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport Pagination from \"../pagination/pagination\";\nimport MobilePagination from \"../mobilePagination/mobilePagination\"\nimport Progressbar from \"../progressbar/progressbar\";\nimport Button from \"../../Components/Button/button\";\nimport Toast from \"../Toast/Toast\";\nimport toPersianNumber from '../../helpers/actions/toPersianNumber';\nimport toEnglishNumber from \"../../helpers/actions/toEnglishNumber\";\nimport disconnectTextGenerator from \"../../helpers/actions/disconnectedText\"\nimport ImportVariantModal from '../importVariantModal/importVariantModal'\nimport GradientToast from \"../gradientToast/Toast\"\nimport {\n CalcPrice, GetBrands, GetproductGroup, GetProductListFromDK, GetProgressbarData, GetSingleVariant,\n GetSellers, GetVariantList, EditSingleVariantModalCalc, SubmitAddChannel, CompleteProgressBar, GetProgressBar\n} from \"../../actions/APIcalls\";\nimport FiltersWrapper from \"./variantFilters/variantFilters\"\nimport MobileFilters from \"../pricing/mobileFilters/mobileFilters\"\nimport VariantWrapper from \"./variantCardWrapper/variantCardWrapper\";\nimport MobileVariantCard from \"./mobileVariantCard/mobileVariantCard\"\nimport VariantModalRenderer from \"./variantModalRenderer/variantModalRenderer\";\nimport EditModal from \"../pricing/editModal/EditModal2\";\nimport ChangeRouteModal from \"../changeRouteModal/Modal\"\nimport Skeleton from \"./skeleton\"\nimport EditChannelModal from \"../editChannelModal/editChannelModal\";\nimport noChannelEmptyState from '../../assets/icons/EmptyStates/variant_nochannel.svg'\nimport noVariantEmptyState from '../../assets/icons/EmptyStates/variant_noactivevariant.svg'\nimport noResultEmptyState from '../../assets/icons/EmptyStates/variant_noresult.svg'\nimport GeneralWarning from \"../generalWarning/warning\"\n\n\nconst VariantList = (props) => {\n const [hasSkeleton, setHasSkeleton] = useState(true)\n const [tempEditList, setTempEditList] = useState([])\n const [editModal, setEditModal] = useState({\n show: false\n })\n const [locationKeys, setLocationKeys] = useState([])\n const history = useHistory()\n\n // handle back and forward \n useEffect(() => {\n return history.listen(location => {\n if (history.action === 'PUSH') {\n setLocationKeys([location.key])\n }\n if (history.action === 'POP') {\n if (locationKeys[1] === location.key) {\n setLocationKeys(([_, ...keys]) => keys)\n // Handle forward event\n checkChange();\n } else {\n setLocationKeys((keys) => [location.key, ...keys])\n // Handle back event\n checkChange();\n }\n }\n })\n }, [locationKeys,])\n // end handle back and forward \n\n useEffect(() => {\n getProgressbar();\n }, [])\n const [updateThreshold, setUpdateThreshold] = useState(0);\n\n let intervalRef = useRef();\n const countUp = () => setUpdateThreshold((prev) => prev + 1);\n useEffect(() => {\n intervalRef.current = setInterval(countUp, 1000);\n return () => clearInterval(intervalRef.current);\n }, []);\n useEffect(async () => {\n if (updateThreshold % 30 === 0) {\n let progressbarDataTemp = { ...progressbar };\n const resGetProgressbarData = await GetProgressbarData(openToast);\n // get variants at first and last time\n if (updateThreshold == 0 || resGetProgressbarData.data.percent == 100) {\n getVariants();\n }\n progressbarDataTemp = Object.assign(progressbarDataTemp, resGetProgressbarData.data);\n progressbarDataTemp.timer = 0;\n if (!(resGetProgressbarData.data.percent < 100 && resGetProgressbarData.data.AllVariantsCount > 0)) {\n clearInterval(intervalRef.current);\n }\n setProgressbar(progressbarDataTemp);\n } else {\n setTimeout(() => {\n let progressbarDataTemp = { ...progressbar };\n progressbarDataTemp.timer++;\n setProgressbar(progressbarDataTemp);\n progressbarDataTemp.remainTime > 0 ? progressbarDataTemp.remainTime - progressbar.timer <= 0 ? setUpdateThreshold(0) : console.log() : console.log();\n })\n }\n }, [updateThreshold]);\n\n\n const [progressbar, setProgressbar] = useState({ timer: 0 });\n\n const getProgressbar = async () => {\n let resProgressbarData = await GetProgressbarData(openToast);\n await getVariants();\n if (variantList.variantList.length > 0) {\n await getFilterData();\n } else {\n let channels = await GetSellers()\n if (channels && channels.data && channels.data.channelList) {\n let tmp = filterData\n tmp.channels = channels.data.channelList\n setFilterData({ ...tmp })\n }\n }\n let tmp = resProgressbarData.data\n tmp.timer = 0\n setProgressbar({ ...tmp });\n }\n\n const getFromUrl = (param) => {\n const defaultParams = {\n incompleteProducts: false,\n salesStatus: \"none\",\n newProduct: \"nemidonam\",\n brand: [],\n channel: [],\n productGroup: [],\n hasComp: \"none\",\n countInPage: 10,\n page: 1,\n query: \"\"\n }\n let url = new URLSearchParams(window.location.search);\n if (url.get(param)) {\n if (param === \"brand\" || param === \"productGroup\" || param === \"channel\") {\n return url.get(param).split(\"*\");\n } else {\n if (url.get(param) === \"true\" || url.get(param) === \"false\") {\n return url.get(param) === \"true\" ? true : false;\n } else {\n return url.get(param)\n }\n }\n } else {\n return defaultParams[param];\n }\n }\n\n const pageSetter = number => {\n setToUrl(number, 'page')\n }\n\n const setToUrl = (value, param) => {\n let url = new URLSearchParams(window.location.search);\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n value.length > 0 ? url.set(param, tempString) : url.delete(param)\n } else {\n url.set(param, value);\n }\n if (param !== 'page') {\n url.set('page', 1);\n }\n props.history.push(window.location.pathname + \"?\" + url.toString());\n if (param != \"salesStatus\" && param != \"productGroup\" && param != \"brand\" && param != \"channel\" && param != 'hasComp') {\n getVariants();\n }\n }\n const deleteFromUrl = (param) => {\n let url = new URLSearchParams(window.location.search);\n url.delete(param);\n props.history.push(window.location.pathname + \"?\" + url.toString());\n let filterDataTemp = { ...filterData };\n filterDataTemp[`${param}s`] = urlChecker(filterDataTemp[`${param}s`], param);\n setFilterData(filterDataTemp);\n }\n const checkUrl = () => {\n let result = false;\n const defaultParams = {\n incompleteProducts: false,\n salesStatus: \"none\",\n hasComp: \"none\",\n brand: [],\n channel: [],\n productGroup: []\n }\n const check = [\"incompleteProducts\", \"salesStatus\", \"brand\", \"channel\", \"productGroup\", \"hasComp\"]\n check.map(filter => {\n if (Array.isArray(getFromUrl(filter))) {\n if (getFromUrl(filter).length > 0) {\n result = true;\n }\n } else {\n if (getFromUrl(filter) != defaultParams[filter]) {\n result = true;\n }\n }\n })\n return result\n }\n const deleteAllFiletrs = () => {\n const check = [\"incompleteProducts\", \"salesStatus\", \"channel\", \"productGroup\", \"brand\", \"hasComp\"]\n let url = new URLSearchParams(window.location.search);\n let filterDataTemp = { ...filterData };\n check.map(filter => {\n url.delete(filter);\n props.history.push(window.location.pathname + \"?\" + url.toString());\n if (filter != 'hasComp' && filter != \"salesStatus\") {\n filterDataTemp[`${filter}s`] = urlChecker(filterDataTemp[`${filter}s`], filter);\n }\n })\n setFilterData(filterDataTemp);\n getVariants();\n }\n const checkChange = () => {\n const check = [\"incompleteProducts\", \"salesStatus\", \"channel\", \"productGroup\", \"brand\", \"hasComp\"]\n let filterDataTemp = { ...filterData };\n check.map(filter => {\n filterDataTemp[`${filter}s`] = urlChecker(filterDataTemp[`${filter}s`], filter);\n })\n setFilterData(filterDataTemp);\n getVariants();\n }\n\n const [variantList, setVariantList] = useState({ variantList: [] });\n const [importData, setImportData] = useState(false)\n const [isCalculatingPrice, setIsCalculatingPrice] = useState(false)\n const getVariants = async () => {\n setHasSkeleton(true)\n const params = {\n incompleteProducts: getFromUrl(\"incompleteProducts\"),\n salesStatus: getFromUrl(\"salesStatus\"),\n hasComp: getFromUrl(\"hasComp\"),\n brand: getFromUrl(\"brand\"),\n channel: getFromUrl(\"channel\"),\n productGroup: getFromUrl(\"productGroup\"),\n countInPage: getFromUrl(\"countInPage\"),\n page: getFromUrl(\"page\"),\n query: getFromUrl(\"query\")\n }\n await params.salesStatus === \"none\" || params.salesStatus === \"both\" ? delete params.salesStatus : console.log();\n await params.hasComp === \"none\" || params.hasComp === \"both\" ? delete params.hasComp : console.log();\n let resVariants = await GetVariantList(params, openToast);\n let editVaraintTemp = { ...editVaraint };\n editVaraintTemp.variantIds = [];\n editVaraintTemp.variantIdsType = \"none\";\n setEditVaraint(editVaraintTemp);\n if (typeof resVariants !== 'undefined' && resVariants.data) {\n let tmpList = variantList\n tmpList.variantList = resVariants.data.variantList\n tmpList.variantCount = resVariants.data.variantCount\n tmpList.variantListPageCount = resVariants.data.variantListPageCount\n tmpList.hasChannel = resVariants.data.hasChannel\n setVariantList({ ...tmpList });\n }\n setHasSkeleton(false)\n }\n const [filterData, setFilterData] = useState({ brands: [], productGroups: [], channels: [] });\n const getFilterData = async () => {\n const resBrands = await GetBrands(openToast);\n const resChannels = await GetSellers(openToast);\n const resGroupProduct = await GetproductGroup(openToast);\n setFilterData({\n brands: urlChecker(resBrands.data.BrandList, \"brand\"),\n productGroups: urlChecker(resGroupProduct.data.GroupList, \"productGroup\"),\n channels: urlChecker(resChannels.data.channelList, \"channel\"),\n })\n }\n\n const divHeight = useRef();\n const [selectedFilters, setSelectedFilters] = useState({})\n const [showMoreFilters, setShowMoreFilters] = useState(false)\n\n // if on top set navbar to fix \n const [offset, setOffset] = useState(0);\n\n useEffect(() => {\n const onScroll = () => setOffset(window.pageYOffset);\n // clean up code\n window.removeEventListener('scroll', onScroll);\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, []);\n // end\n\n useEffect(() => {\n setShowFilters('showLess')\n }, [filterData])\n\n const setShowFilters = (type) => {\n let tempBoolean = false\n if (type == 'showMore') {\n tempBoolean = true\n setShowMoreFilters(!showMoreFilters)\n }\n let tmpString = ''\n let tmpsSelected = { brands: [], productGroups: [], channels: [], salesStatus: [], hasComp: [] }\n Object.keys(tmpsSelected).map(function (key, index) {\n if (filterData[key]) {\n filterData[key].map(item => {\n if (item.checked) {\n if (typeof tmpsSelected[key] != 'undefined') {\n tmpString = tmpString + 'گروه کالا: ' + item.name\n if (tmpString.length < 120) {\n tmpsSelected[key].push(item)\n } else {\n if (tempBoolean) {\n tmpsSelected[key].push(item)\n }\n }\n }\n }\n })\n } else {\n if (key == 'salesStatus' || key == 'hasComp') {\n let urlFilter = getFromUrl(key)\n let tmpObject = null\n switch (urlFilter) {\n case 'none':\n tmpsSelected[key] = []\n break;\n case 'both':\n tmpString = tmpString + 'گروه کالا: ' + 'غیر فعال' + 'گروه کالا: ' + 'فعال'\n tmpObject = { name: 'فعال و غیر فعال', checked: true }\n break;\n case true:\n tmpString = tmpString + 'گروه کالا: ' + 'فعال'\n tmpObject = { name: 'فعال', checked: true }\n break;\n case false:\n tmpString = tmpString + 'گروه کالا: ' + 'غیر فعال'\n tmpObject = { name: 'غیر فعال', checked: true }\n break;\n }\n\n if (tmpObject) {\n if (tmpString.length < 120) {\n tmpsSelected[key].push(tmpObject)\n } else {\n if (tempBoolean) {\n tmpsSelected[key].push(tmpObject)\n }\n }\n }\n }\n }\n });\n\n if (type == 'showLess') {\n if (tmpString.length < 120) {\n setShowMoreFilters(true)\n } else {\n setShowMoreFilters(false)\n }\n }\n setSelectedFilters({ ...tmpsSelected })\n }\n\n const determineFilterKey = key => {\n let title = 'فیلتر'\n switch (key) {\n case 'brands':\n title = 'برند'\n break;\n case 'productGroups':\n title = 'گروه کالا'\n break;\n case 'channels':\n title = 'کانال'\n break;\n case 'salesStatus':\n title = 'وضعیت فروش'\n break;\n case 'hasComp':\n title = 'رقابت'\n break;\n }\n\n return title;\n }\n const checkIfFilterAvailable = () => {\n let result = false;\n Object.keys(selectedFilters).map((key, index) => {\n if (selectedFilters[key].length > 0) {\n result = true\n }\n })\n return result\n }\n\n // change route modal alert\n const [changeRouteModal, setChangeRouteModal] = useState({\n showModal: false,\n unEditedList: [],\n redirectedURL: ''\n })\n\n useEffect(() => {\n const unlisten = history.block((location) => {\n if (location.pathname == '/variants') {\n return true\n } else {\n if (changeRouteModal.unEditedList.length > 0 && !changeRouteModal.showModal) {\n // show modal & set URL\n let tmp = changeRouteModal;\n tmp.showModal = true\n tmp.redirectedURL = location.pathname\n setChangeRouteModal({ ...tmp })\n return false;\n } else {\n return true\n }\n }\n })\n return function cleanup() {\n unlisten()\n }\n }, [])\n\n const isEditing = type => {\n let tmp = changeRouteModal;\n if (type == 'add') {\n tmp.unEditedList.push('a')\n }\n if (type == 'remove') {\n tmp.unEditedList.pop()\n }\n if (type == 'empty') {\n tmp.unEditedList = []\n }\n setChangeRouteModal({ ...tmp })\n }\n\n const [isGettingDKList, setIsGettingDKList] = useState(false)\n\n const updateProduct = async () => {\n setIsGettingDKList(true)\n if (filterData.channels.length > 1) {\n let modalsTemp = { ...modals };\n modalsTemp.selectedModal = 'channels';\n modalsTemp['channels'] = true;\n modalsTemp.data = { channels: filterData.channels };\n setModals(modalsTemp);\n\n } else {\n const res = await GetProductListFromDK({ channelId: filterData.channels[0] ? filterData.channels[0]._id : '' }, openToast);\n if (res.data.success) {\n setUpdateThreshold(30);\n intervalRef.current = setInterval(countUp, 1000);\n setchannelsModal({ show: false, selected: '' })\n }\n }\n setIsGettingDKList(false)\n }\n const updateProductServerCall = async (id) => {\n const res = await GetProductListFromDK({ channelId: id }, openToast);\n if (res.data.success) {\n setUpdateThreshold(30);\n intervalRef.current = setInterval(countUp, 1000);\n setchannelsModal({ show: false, selected: '' })\n }\n }\n const tryAgainUpdateProduct = async () => {\n setIsGettingDKList(true)\n const res = await GetProductListFromDK({ channelId: filterData.channels[0] ? filterData.channels[0]._id : '' }, openToast);\n if (res.data.success) {\n setUpdateThreshold(0);\n }\n setIsGettingDKList(false)\n }\n\n const sellStatusHandler = (tag, val) => {\n let tmpsSelected = { ...selectedFilters, salesStatus: [], hasComp: [] }\n if (tag == \"salesStatus\") {\n switch (getFromUrl(\"salesStatus\")) {\n case \"none\":\n case \"both\":\n setToUrl(val.name === \"وضعیت فروش فعال\" ? !val.checked : val.checked, \"salesStatus\");\n break;\n case true:\n setToUrl(val.name === \"وضعیت فروش فعال\" ? \"none\" : \"both\", \"salesStatus\")\n break;\n case false:\n setToUrl(val.name === \"وضعیت فروش فعال\" ? \"both\" : \"none\", \"salesStatus\")\n break;\n default:\n break;\n }\n\n switch (getFromUrl(\"salesStatus\")) {\n case \"both\":\n tmpsSelected.salesStatus.push({ name: 'فعال و غیر فعال', checked: true })\n break;\n case true:\n tmpsSelected.salesStatus.push({ name: 'فعال', checked: true })\n break;\n case false:\n tmpsSelected.salesStatus.push({ name: 'غیر فعال', checked: true })\n break;\n default:\n tmpsSelected.salesStatus = []\n break;\n }\n }\n\n if (tag == 'hasComp') {\n switch (getFromUrl(\"hasComp\")) {\n case \"none\":\n case \"both\":\n setToUrl(val.name === \"تنوعهای دارای رقیب\" ? !val.checked : val.checked, \"hasComp\");\n break;\n case true:\n setToUrl(val.name === \"تنوعهای دارای رقیب\" ? \"none\" : \"both\", \"hasComp\")\n break;\n case false:\n setToUrl(val.name === \"تنوعهای دارای رقیب\" ? \"both\" : \"none\", \"hasComp\")\n break;\n default:\n break;\n }\n\n switch (getFromUrl(\"hasComp\")) {\n case \"both\":\n tmpsSelected.hasComp.push({ name: 'تمام تنوعها', checked: true })\n break;\n case true:\n tmpsSelected.hasComp.push({ name: \"تنوعهای دارای رقیب\", checked: true })\n break;\n case false:\n tmpsSelected.hasComp.push({ name: \"تنوعهای بدون رقیب\", checked: true })\n break;\n default:\n tmpsSelected.hasComp = []\n break;\n }\n\n }\n\n console.log('2');\n setSelectedFilters({ ...tmpsSelected })\n }\n\n const mobileFiltersSelectHandler = (tag, value) => {\n if (tag == 'salesStatus') {\n sellStatusHandler(tag, value)\n } else {\n selectHandler(tag, value)\n }\n getVariants()\n }\n\n const selectHandler = (tag, value) => {\n if (tag !== 'salesStatu' && tag !== 'hasCom') {\n let filterDataTemp = { ...filterData };\n let url = getFromUrl(tag);\n if (value.checked) {\n url.splice(url.indexOf(tag === \"channel\" ? value._id : value.name), 1);\n } else {\n url.push(tag === \"channel\" ? value._id : value.name ? value.name : value)\n }\n setToUrl(url, tag);\n filterDataTemp[`${tag}s`] = urlChecker(filterDataTemp[`${tag}s`], tag);\n setFilterData(filterDataTemp);\n } else {\n let tmpSelected = selectedFilters\n if (tag == 'salesStatu') {\n if (value.checked) {\n setToUrl('none', 'salesStatus')\n tmpSelected.salesStatus = []\n }\n }\n if (tag == 'hasCom') {\n if (value.checked) {\n setToUrl('none', 'hasComp')\n tmpSelected.hasComp = []\n }\n }\n console.log('3');\n setSelectedFilters({ ...tmpSelected })\n }\n }\n const searchHandler = (tag, value) => {\n let filterDataTemp = { ...filterData };\n filterDataTemp[tag] = value;\n setFilterData(filterDataTemp);\n }\n const searcher = (searchlist, key) => {\n let searchedList = []\n if (key) {\n searchlist.map(item => {\n if (item.name.includes(key)) {\n searchedList.push(item);\n }\n })\n return searchedList;\n } else {\n return searchlist;\n }\n }\n const urlChecker = (list, key) => {\n let tempList = [];\n let filters = getFromUrl(key);\n switch (key) {\n case \"channel\":\n list.map(item => {\n if (filters.indexOf(item._id ? item._id : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, _id: item._id, checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, _id: item._id, checked: false });\n }\n })\n break;\n case \"brand\":\n list.map(item => {\n if (filters.indexOf(item.name ? item.name : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, checked: false });\n }\n })\n break;\n case \"productGroup\":\n list.map(item => {\n if (filters.indexOf(item.name ? item.name : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, checked: false });\n }\n })\n break;\n default:\n break;\n }\n return tempList;\n }\n // modals logic \n const [editVaraint, setEditVaraint] = useState({\n variantIds: [],\n variantIdsType: \"none\",\n variantId: \"\",\n variant: { productGroup: [] },\n form: {},\n table: {},\n errors: {}\n });\n const [promotionPercent, setPromotionPercent] = useState()\n\n const productCheckHandler = (id, isCompleted) => {\n let editVaraintTemp = { ...editVaraint };\n if (editVaraintTemp.variantIds.indexOf(id) === -1) {\n editVaraintTemp.variantIds.push(id);\n editVaraintTemp.variantIdsType = isCompleted;\n } else {\n editVaraintTemp.variantIds.splice(editVaraintTemp.variantIds.indexOf(id), 1);\n editVaraintTemp.variantIds.length === 0 ? editVaraintTemp.variantIdsType = \"none\" : console.log();\n }\n setEditVaraint(editVaraintTemp);\n }\n const isDisableVarint = (color) => {\n if (editVaraint.variantIdsType === \"none\") {\n return false;\n } else {\n if (editVaraint.variantIdsType === color) {\n return false;\n } else {\n return true;\n }\n }\n }\n\n const [channelsModal, setchannelsModal] = useState({ show: false, selected: '' })\n const [modals, setModals] = useState({});\n const toggleModal = async (tag, type, id) => {\n if (tag === \"edit\") {\n let modalsTemp = { ...modals };\n modalsTemp.selectedModal = tag;\n modalsTemp[tag] = true;\n setPromotionPercent(undefined)\n if (!modalsTemp.edit) {\n setIsCalculatingPrice(false)\n }\n let temp = []\n if (type === \"one\") {\n let editvariants = { ...editVaraint };\n\n temp.push(id);\n editvariants.variantIds = temp;\n await setEditVaraint({ ...editvariants });\n }\n await setModals(modalsTemp);\n createEditList(temp)\n } else {\n let modalsTemp = { ...modals };\n modalsTemp.selectedModal = tag;\n modalsTemp[tag] = true;\n let variant = variantList.variantList.find(item => item._id === id)\n variant.mergedVariants = [] || []\n variant && (modalsTemp.data = variant);\n setModals(modalsTemp);\n }\n }\n\n const createEditList = (ids) => {\n let tempVariantList = variantList.variantList\n let temp = []\n if (ids) {\n ids.forEach(item => {\n let res = tempVariantList.find(variant => variant._id === item)\n if (res) {\n temp.push(res)\n }\n })\n setTempEditList(temp)\n }\n }\n\n const closeToast = () => {\n let editVaraintTemp = { ...editVaraint };\n delete editVaraintTemp.toast;\n setEditVaraint(editVaraintTemp);\n }\n const openToast = (error) => {\n if (error == \"ایمیل یا رمز عبور نادرست است!\") {\n } else {\n let channelId = filterData.channels[0] ? filterData.channels[0]._id : ''\n let editVaraintTemp = { ...editVaraint };\n if (error == \"خطای سرور!\" && channelId == '') {\n editVaraintTemp.toast = 'لطفا ابتدا پنل دیجیکالا خود را ثبت کنید';\n } else {\n editVaraintTemp.toast = error;\n }\n setEditVaraint(editVaraintTemp);\n }\n }\n\n const submitEditVariant = async (data) => {\n let tmp = offset\n let editRes = await EditSingleVariantModalCalc(data, openToast)\n if (typeof editRes !== 'undefined') {\n // await getVariants() ====> updateVariant()\n await updateVariant(data)\n // \n window.scrollTo({\n top: tmp,\n behavior: \"smooth\"\n });\n // complete progressBar\n await handleProgressBar()\n // complete progressBar\n }\n return editRes\n }\n\n const updateVariant = async (data) => {\n let res = await GetSingleVariant(data.variantId, openToast)\n if (res) {\n let tmp = variantList\n for (let i = 0; i < tmp.variantList.length; i++) {\n if (tmp.variantList[i]._id == res._id) {\n tmp.variantList[i] = res\n }\n }\n setVariantList({ ...tmp })\n return true\n }\n return false\n }\n\n const handleProgressBar = async () => {\n let local = localStorage.getItem('progressBar')\n if (typeof local !== 'undefined' && local != null) {\n let res = await GetProgressBar()\n if (res && res.data && res.data.success) {\n let tmpLocal = res.data.progressData.progressBar\n if (!tmpLocal.AddRobot) {\n await CompleteProgressBar({ stage: 'AddRobot' })\n }\n }\n }\n }\n\n const CalculateEdit = async (data) => {\n let dummyObject = {\n data: {\n price: {\n data: {\n maxProfit: {\n sellPrice: 0\n },\n minProfit: {\n sellPrice: 0\n }\n }\n }\n }\n }\n let editRes = await CalcPrice(data, openToast)\n return editRes ? editRes : dummyObject\n }\n\n const timeCalc = (remainTime) => {\n let min = Math.floor((remainTime - progressbar.timer) / 60);\n let second = Math.floor((remainTime - progressbar.timer) % 60);\n if (Math.floor(remainTime - progressbar.timer) <= 0) {\n return toPersianNumber(\"00\") + \":\" + toPersianNumber(\"00\")\n } else {\n return toPersianNumber(min.toString().length === 1 ? \"0\" + min : min) + \":\" + toPersianNumber(second.toString().length === 1 ? \"0\" + second : second)\n }\n }\n\n const closeVariantModal = async (tag) => {\n let tmp = offset\n let modalsTemp = { ...modals };\n modalsTemp.selectedModal = '';\n modalsTemp.data = {}\n modalsTemp[tag] = false;\n setModals(modalsTemp);\n closeToast()\n if (tag == 'submited') {\n await getVariants()\n window.scrollTo({\n top: tmp,\n behavior: \"smooth\"\n });\n }\n }\n\n const addChannel = async (email, password) => {\n let params = { username: toEnglishNumber(email), password: toEnglishNumber(password) };\n let res = await SubmitAddChannel(params)\n setEditModal({ ...editModal, show: false })\n await getVariants()\n return res;\n }\n\n\n if (hasSkeleton) {\n return \n {\n props.user.expiredAccount && \n )}\n\n
\n {/* show Filters */}\n\n {variantList.variantCount === 0 && variantList.hasProduct ?\n \n \n <>\n \n
\n }\n {\n props.user.disconnected.status &&\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n \n <>\n \n
\n }\n\n {/*{disconnectTextGenerator(props.user.disconnected.channelName)}
\nجهت اتصال دوباره موبیشا به پنل، لطفا اطلاعات خود را در صفحه پنل دیجیکالا بهروز رسانی کنید
\n ورود به صفحهی پنل دیجیکالا \n \n\n \n \n
*/}\n\n \n getVariants()}\n closeParent={closeVariantModal}\n />\n
\n\n {typeof (progressbar.AllVariantsCount) === \"undefined\" ?\n \n :\n \n {progressbar.percent < 100 && progressbar.remainTime !== 0 ?\n filterData.channels.length > 0 && progressbar.AllVariantsCount > 0 ?\n \n \n {Object.keys(selectedFilters).map((selectedFilter, index) => \n {selectedFilters[selectedFilter].length > 0 ? <>\n {selectedFilters[selectedFilter].map((item, key) => \n { selectHandler(selectedFilter.slice(0, -1), item); getVariants() }}\n >e\n
)}\n \n :\n null}\n \n
\n\n {!variantList.hasChannel && variantList.variantList.length < 1 ?\n \n
\n : \n : {timeCalc(progressbar.remainTime)}\n
\n \n
\n {progressbar.isActiveButton ?\n \n {toPersianNumber(progressbar.receivedVariantsCount)}\n {\" \"} کالا از{\" \"}\n {toPersianNumber(progressbar.AllVariantsCount)}\n {\" \"}کالا دریافت شد.{\" \"}\n
\n\n
\n : null}\n \n
\n }\n \n
\n \n {\n setImportData(true)\n }} />\n
\n تنوعها
\n\n {filterData.channels.length > 0 ?\n \n \n :\n \n \n }\n\n
\n :\n progressbar.receivedVariantsCount < 100 && progressbar.receivedVariantsCount !== progressbar.AllVariantsCount ?\n \n \n
\n اینجا همهی تنوعهایی که دارید رو میبینید و میتونید با تکمیل اطلاعات، ربات رو براشون فعال کنید
\nبرای شروع لیست کالاها رو بهروز رسانی کنید
\n \n\n 
\n
\n اینجا همهی تنوعهایی که دارید رو میبینید و میتونید با تکمیل اطلاعات، ربات رو براشون فعال کنید
\nبرای شروع پنل دیجیکالا رو ثبت کنید
\n\n
\n\n \n
\n : \n \n
\n .کاربر عزیز، در حال حاضر شما هیچ کالایی در ربات موبیشا ندارید
\n. لیست کالاهای شما درحال بروز رسانی از دیجیکالا میباشد
\n\n
\n \n
\n < div className={style.time}>{timeCalc(progressbar.remainTime)}\n \n {toPersianNumber(progressbar.receivedVariantsCount)}\n {\" \"} کالا از{\" \"}\n {toPersianNumber(progressbar.AllVariantsCount)}\n {\" \"}کالا دریافت شد.{\" \"}\n
\n
\n\n {/* Filters Wrapper */}\n \n
\n\n \n { if (selectedFilters[el].length > 0) { return true } else { return false } })}\n switchFilter={{ incompleteProducts: { name: 'کالاهای تکمیل نشده در ربات', checked: getFromUrl('incompleteProducts') } }}\n />\n
\n {/* Filters Wrapper */}\n\n {/* show Filters */}\n {determineFilterKey(selectedFilter)}: {item.name}
\n\n {!showMoreFilters && checkIfFilterAvailable() ? setShowFilters('showMore')}\n >\n نمایش بیشتر\n : null}\n {checkIfFilterAvailable() ? deleteAllFiletrs()}\n >\n حذف همه فیلترها\n : null}\n
\n \n
\n :\n !variantList.hasProduct && variantList.variantCount === 0 ?\n (\n \n
\n !نتیجهای یافت نشد
\nلطفا عبارت دیگری جستجو کنید
\nدرصورت اطمینان از وجود این تنوع در دیجیکالا، تنوعها را بهروز رسانی کنید
\n\n
\n \n
)\n :\n (\n \n
\n .کاربر عزیز، در حال حاضر شما هیچ کالایی در دیجیکالا ندارید
\nلطفا نسبت به افزودن محصولات خود در پنل دیجیکالا اقدام کنید
\nدرصورت اطمینان از وجود محصول در دیجیکالا، تنوعها را بهروز رسانی کنید
\n\n
\n \n
\n\n {/* Variant List Table */}\n \n
\n \n {\n setToUrl(selected, 'countInPage')\n }}\n selectedItem={getFromUrl('countInPage')}\n />\n {typeof variantList.variantCount !== 'undefined' ? toPersianNumber(variantList.variantCount) + \" تنوع\" : \"\"}
\n تعداد نمایش در صفحه
\n \n \n \n
\n \n\n \n 480 && (sessionStorage.getItem(\"sideBarOpen\") && sessionStorage.getItem(\"sideBarOpen\") == 'false') ? { width: 'calc(100% - 140px)' } : (offset > 480 ? { width: 'calc(100% - 280px)' } : null)}\n className={offset > 480 ? style.listHeaderShadowFixed : style.listHeaderShadow}\n >\n
\n\n \n\n {variantList.variantList.map((item, index) => {\n return \n
\n مشخصات کالا
\n وضعیت فروش
\n قیمت خرید(ریال)
\n حداقل حاشیه سود
\n \n \n toggleModal(tag, type, id)}\n productChecked={productCheckHandler}\n isEditing={isEditing}\n SubmitEdit={submitEditVariant}\n CalculateEdit={CalculateEdit}\n />\n
\n })}\n \n {variantList.variantList.map((item, index) => {\n return \n toggleModal(tag, type, id)}\n productChecked={productCheckHandler}\n isEditing={isEditing}\n SubmitEdit={submitEditVariant}\n CalculateEdit={CalculateEdit}\n />\n \n })}\n
\n {/* Variant List Table */}\n \n
\n \n
\n )}\n \n
\n )\n}\nexport default withRouter(VariantListPage);","import React, { useState } from \"react\";\nimport style from \"./userCard.module.scss\";\nimport SwitchButton from '../../SelectionControls/Switch/Switch'\nimport Dropdown from \"../../Dropdown/ThreeDotsDropDown/DropDown\"\nimport Toggle from \"../../channels/rectangleToggle/rectangleToggle\"\nimport ToPersianNumber from \"../../../helpers/actions/toPersianNumber\"\n\nconst UsersCard = (props) => {\n const [dropdown, setDropdown] = useState(false)\n return (\n \n
\n \n
\n \n
\n \n
\n )\n}\nexport default UsersCard;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./users.module.scss\";\nimport Skeleton from \"../skeleton/skeleton\"\n{/* \n props.dropdown(\"delete\", props.data._id), modalOpen: () => {\n setDropdown(false)\n }, editable: props.data.editable, disable: !props.data.editable\n }\n ]}\n />\n
\n {props.data.name}
\n \n props.toggleHandlerParent(id, active)}\n />\n
\n {ToPersianNumber((props.data.phone))}
\n {typeof props.data.permission !== \"undefined\" ? props.data.permission.title : \"____\"}
\n \n () => props.dropdown(\"edit\", props.data._id)}\n >\n \n ویرایش\n \n
\n \n
\n}\nexport default UserSkeleton;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./users.module.scss\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport Button from \"../Button/button\"\nimport Searchbar from \"../productSearchbar/productSearchbar\"\nimport UsersCard from \"./userCard/userCard\";\nimport Modal from \"../Modal/Modal\";\nimport Input from \"../input/input\"\nimport Dropdown from \"../Dropdown/SimpleDropDown/DropDown\";\nimport toEnglishNumber from \"../../helpers/actions/toEnglishNumber\"\nimport Toast from \"../Toast/Toast\"\nimport { AddUser, DeactiveUser, DeleteUser, EditUser, GetPermissionList, GetUsers } from \"../../actions/APIcalls\"\nimport GradientToast from \"../gradientToast/Toast\"\nimport Skeleton from \"./skeleton\"\n\nconst addUserFields = [\"name\", \"number\", \"password\", \"permission\"]\n\nconst Users = (props) => {\n const [hasSkeleton, setHasSkeleton] = useState(false)\n const [offset, setOffset] = useState(0);\n const [addUser, setAddUser] = useState({\n open: false,\n name: \"\",\n number: \"\",\n permission: \"\",\n password: \"\",\n nameErr: \"\",\n numberErr: \"\",\n passwordErr: \"\",\n permissionErr: \"\",\n userCapacity: 1\n })\n\n const [editUser, setEditUser] = useState({\n open: false,\n id: \"\",\n name: \"\",\n number: \"\",\n password: \"\",\n permission: \"\",\n nameErr: \"\",\n numberErr: \"\",\n passwordErr: \"\"\n })\n const [deleteUser, setDeleteUser] = useState({ open: false, id: \"\", success: false })\n const [toast, setToast] = useState('')\n const [userList, setUserList] = useState([])\n const [permissionList, setPermissionList] = useState([])\n const [search, setSearch] = useState('');\n const [addUserPermissionDeniedShow, setAddUserPermissionDeniedShow] = useState(false)\n\n\n //lifeCycles********************************************************************************************\n useEffect(async () => {\n if (typeof props.location !== \"undefined\" && typeof props.location.search !== \"undefined\" && props.location.search !== \"\") {\n let url = new URLSearchParams(window.location.search);\n await setSearch(url.get(\"search\"));\n }\n\n }, [props.user]);\n useEffect(() => {\n\n getUsers()\n }, [props.history.location.search])\n useEffect(() => {\n window.addEventListener('popstate', () => {\n setSearch(\"\")\n })\n return () => window.removeEventListener('popstate', () => {\n })\n }, [])\n useEffect(() => {\n const onScroll = () => setOffset(window.pageYOffset);\n // clean up code\n window.removeEventListener('scroll', onScroll);\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, []);\n //functions*********************************************************************************************\n const validation = (type) => {\n switch (type) {\n case \"addUser\":\n let add = addUser;\n addUserFields.forEach(item => {\n if (addUser[item]) {\n add[item + \"Err\"] = \"\"\n setAddUser({ ...add })\n } else {\n add[item + \"Err\"] = \"تکمیل این فیلد الزامیست\"\n setAddUser({ ...add })\n }\n })\n if (!addUser.nameErr && !addUser.passwordErr && !addUser.permissionErr && !addUser.numberErr) return true\n else return false\n\n case \"editUser\":\n let edit = editUser;\n addUserFields.forEach(item => {\n if (editUser[item]) {\n edit[item + \"Err\"] = \"\"\n setEditUser({ ...edit })\n } else {\n edit[item + \"Err\"] = \"تکمیل این فیلد الزامیست\"\n setEditUser({ ...edit })\n }\n })\n if (!editUser.nameErr && !editUser.passwordErr && !editUser.permissionErr && !editUser.numberErr) return true\n else return false\n\n default:\n return true\n\n }\n }\n\n //get data**********************************************************************************************\n const getPermissionList = async () => {\n let res = await GetPermissionList()\n if (res && res.data) {\n let array = []\n if (res.data.permissionList.length == 0) {\n let add = addUser\n let edit = editUser\n add.permissionErr = \"ابتدا سطح دسترسی تعریف کنید.\"\n edit.permissionErr = \"ابتدا سطح دسترسی تعریف کنید.\"\n setAddUser({ ...add })\n setEditUser({ ...edit })\n\n }\n res.data.permissionList.forEach(item => {\n let obj = {\n name: item.title,\n id: item._id,\n checked: false\n }\n array.push(obj)\n });\n\n setPermissionList([...array])\n }\n }\n const getUsers = async () => {\n setHasSkeleton(true)\n let res;\n let add = addUser\n res = await GetUsers({ search: (typeof props.history.location.state !== \"undefined\" ? props.history.location.state.search : \"\") });\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n let tempArray = res.data.users\n if (typeof props.user !== \"undefined\") {\n let index = res.data.users.findIndex(item => item.phone === props.user.phone)\n if (index > -1 && index !== 0) {\n tempArray.splice(index, 1);\n tempArray[1] = props.user\n }\n add.userCapacity = res.data.userCount\n // add.canAddUser = res.data.can_add_user\n add.canAddUser = true\n setAddUser({ ...add })\n setUserList([...tempArray])\n }\n }\n setHasSkeleton(false)\n }\n //handelers*********************************************************************************************\n const searchHandler = (val) => {\n setSearch(val);\n props.history.push(\n '/users?search=' + val,\n { search: val }\n );\n }\n const toggleHandlerParent = async (id, active) => {\n let params = { adminId: id, active: active }\n let res = await DeactiveUser(params)\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n getUsers()\n } else if (typeof res !== \"undefined\" && typeof res.response !== \"undefined\") {\n setToast(res.response.data.error)\n }\n }\n\n const postUserData = async (type) => {\n switch (type) {\n case \"add\": {\n let params = {\n name: addUser.name,\n phone: toEnglishNumber(addUser.number),\n permission: addUser.permission,\n password: (addUser.password)\n }\n let res = await AddUser(params)\n // console.log(res, \"add\");\n if (res && res.data && res.data.success) {\n setAddUser({\n open: false,\n name: \"\",\n number: \"\",\n permission: \"\",\n password: \"\",\n nameErr: \"\",\n numberErr: \"\",\n passwordErr: \"\",\n permissionErr: \"\"\n })\n setToast('')\n getUsers()\n } else if (typeof res.response !== \"undefined\") {\n\n setToast(res.response.data.error)\n }\n }\n break;\n case \"edit\": {\n let params = {\n name: editUser.name,\n phone: toEnglishNumber(editUser.number),\n permission: editUser.permission,\n password: (editUser.password) && (editUser.password),\n adminId: editUser.id\n }\n let res = await EditUser(params)\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n setEditUser({ open: false })\n setToast('')\n getUsers()\n } else if (typeof res !== \"undefined\" && typeof res.response !== \"undefined\") {\n setToast(res.response.data.error)\n }\n }\n break;\n case \"delete\": {\n let res = await DeleteUser({ adminId: deleteUser.id });\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n let deleteu = deleteUser\n deleteu.success = true;\n setDeleteUser({ ...deleteu })\n getUsers()\n } else if (typeof res !== \"undefined\" && typeof res.response !== \"undefined\") {\n setToast(res.response.data.error)\n }\n }\n break;\n default:\n break;\n }\n }\n const dropdownHandler = (tag, id) => {\n if (tag === \"edit\") {\n if (typeof props.user !== \"undefined\" && props.user.permission.userManagement.includes(\"Edit\")) {\n setAddUser({ open: false })\n setDeleteUser({ open: false })\n let res = userList.find(item => item._id === id);\n if (typeof res !== \"undefined\") {\n getPermissionList()\n let edit = editUser;\n edit.name = res.name;\n edit.number = res.phone;\n edit.permission = typeof res.permission !== \"undefined\" && res.permission._id;\n edit.password = res.password\n edit.open = true;\n edit.id = id;\n setEditUser({ ...edit })\n }\n }\n } else {\n if (typeof props.user !== \"undefined\" && props.user.permission.userManagement.includes(\"Delete\")) {\n setAddUser({ open: false })\n setEditUser({ opne: false })\n setDeleteUser({ open: \"true\", id: id, success: false })\n }\n }\n }\n const onchangeHandler = (tag, value, secondTag) => {\n let add = addUser;\n let edit = editUser\n switch (tag) {\n case \"addName\": {\n add.name = value.target.value;\n setAddUser({ ...add })\n break;\n }\n case \"addNumber\": {\n let reg = new RegExp(/^\\d+$/);\n if (reg.test(toEnglishNumber(value.target.value)) && value.target.value.length < 12) {\n add.number = toEnglishNumber(value.target.value);\n } else if (value.target.value === \"\") {\n add.number = \"\"\n }\n setAddUser({ ...add })\n break;\n }\n case \"addPassword\": {\n add.password = value.target.value;\n setAddUser({ ...add })\n break;\n }\n case \"editName\": {\n edit.name = value.target.value;\n setEditUser({ ...edit })\n break;\n }\n case \"editNumber\": {\n edit.number = value.target.value;\n setEditUser({ ...edit })\n break;\n }\n\n default:\n break;\n }\n\n }\n\n const onBlureHandler = (tag) => {\n let add = addUser;\n let edit = editUser;\n switch (tag) {\n case \"addNumber\": {\n let reg = new RegExp(\"^(09)[0-9]{9}$\");\n if (addUser.number && addUser.number.length > 0 && !reg.test(toEnglishNumber(addUser.number))) {\n add.numberErr = \"فرمت شماره صحیح نیست!\"\n } else if (addUser.number.length === 0) {\n add.numberErr = \"تکمیل این فیلد الزامی است!\"\n } else {\n add.numberErr = \"\"\n }\n setAddUser({ ...add })\n break;\n }\n case \"editNumber\": {\n let reg = new RegExp(\"^(09)[0-9]{9}$\");\n if (editUser.number.length > 0 && !reg.test(toEnglishNumber(editUser.number))) {\n edit.numberErr = \"فرمت شماره صحیح نیست!\"\n } else if (editUser.number.length === 0) {\n edit.numberErr = \"تکمیل این فیلد الزامی است!\"\n } else {\n edit.numberErr = \"\"\n }\n setEditUser({ ...edit })\n break;\n }\n case \"editName\": {\n if (editUser.name.length === 0) {\n edit.nameErr = \"تکمیل این فیلد الزامی است!\"\n } else {\n edit.nameErr = \"\"\n }\n setEditUser({ ...edit })\n break;\n }\n\n case \"editPassword\": {\n if (editUser.password.length === 0) {\n edit.passwordErr = \"تکمیل این فیلد الزامی است!\"\n } else {\n edit.passwordErr = \"\"\n }\n setEditUser({ ...edit })\n break;\n }\n\n\n default:\n break;\n }\n\n }\n const handleSelect = (tag, item) => {\n console.log(tag, item);\n if (tag === \"addUser\") {\n let modal = addUser\n modal.permission = item.id;\n setAddUser({ ...modal })\n }\n if (tag === \"editUser\") {\n let modal = editUser\n modal.permission = item.id;\n setEditUser({ ...modal })\n }\n }\n const cancelModal = (tag, get, set) => {\n console.log(tag);\n if (tag == \"addUser\") {\n setAddUser({\n open: false,\n name: \"\",\n number: \"\",\n permission: \"\",\n password: \"\",\n nameErr: \"\",\n numberErr: \"\",\n passwordErr: \"\",\n permissionErr: \"\",\n canAddUser: addUser.canAddUser\n })\n } else if (tag == \"editUser\") {\n setEditUser({\n open: false,\n name: \"\",\n number: \"\",\n permission: \"\",\n password: \"\",\n nameErr: \"\",\n numberErr: \"\",\n passwordErr: \"\",\n permissionErr: \"\"\n })\n } else {\n let modal = get;\n modal.id = \"\";\n modal.channelId = \"\";\n modal.open = false;\n modal.success = false;\n set({ ...modal });\n }\n\n }\n\n\n //JSX*****************************************************************************************************************\n\n const ButtonPackRenderer = (maintag, canceltag, mainlabel, mainaction, get, set) => {\n return (\n \n
\n
\n \n
\n \n
\n \n
\n \n < Button\n disabled={false}\n tag={canceltag}\n type=\"outline\"\n label=\"انصراف\"\n onclick={() => {\n cancelModal(maintag, get, set);\n setToast('')\n }} />\n \n < Button\n disabled={false}\n tag={maintag}\n type=\"solid\"\n label={mainlabel}\n onclick={() => {\n validation(maintag) && mainaction()\n }}\n />\n
\n )\n }\n\n const addEditUserRenderer = (data) => {\n\n if (typeof data == \"undefined\") {\n return (\n \n
\n )\n } else {\n return (\n \n
\n \n
\n \n 0 && permissionList.find(item => item.id == addUser.permission).name}\n placeHolderStyle={addUser.permission && permissionList.length > 0 && permissionList.find(item => item.id == addUser.permission)}\n dropdownList={permissionList}\n hasSearchBox={false}\n hasCheckbox={false}\n handleSelect={handleSelect}\n handleSearch={() => {\n }}\n onblure={() => {\n }}\n deleteSelectedItems={() => {\n let add = addUser;\n add.permission = \"\";\n setAddUser({ ...add })\n }}\n errorMessage={addUser.permissionErr} />\n
\n \n
\n {ButtonPackRenderer(\"addUser\", \"cancelUser\", \"ایجاد\", () => postUserData(\"add\"), addUser, setAddUser)}\n \n
\n )\n }\n }\n const modalActivator = (modalName) => {\n switch (modalName) {\n case \"addUser\":\n if (addUser.canAddUser) {\n\n if (typeof props.user !== \"undefined\" && props.user.permission.userManagement.includes(\"Add\")) {\n getPermissionList()\n {\n let add = addUser;\n add.open = true;\n setAddUser({ ...add });\n }\n }\n setAddUserPermissionDeniedShow(false)\n\n } else {\n setAddUserPermissionDeniedShow(true)\n }\n break\n\n default:\n break;\n }\n }\n\n if (hasSkeleton) {\n return \n
\n \n\n
\n \n 0 && permissionList.find(item => item.id == editUser.permission).name}\n placeHolderStyle={editUser.permission && permissionList.length > 0 && permissionList.find(item => item.id == editUser.permission)}\n dropdownList={permissionList}\n hasSearchBox={false}\n hasCheckbox={false}\n handleSelect={handleSelect}\n handleSearch={() => {\n }}\n onblure={() => {\n }}\n deleteSelectedItems={() => {\n let add = addUser;\n add.permission = \"\";\n setAddUser({ ...add })\n }}\n errorMessage={addUser.permissionErr} />\n
\n {ButtonPackRenderer(\"editUser\", \"cancelUser\", \"ویرایش\", () => postUserData(\"edit\"), editUser, setEditUser)}\n \n {\n props.user.expiredAccount &&\n setToast('')}\n />\n\n {\n setAddUserPermissionDeniedShow(false)\n }}\n >\n {\n setAddUser({ open: false, password: \"\" });\n setToast('')\n }}>\n {addEditUserRenderer()}\n \n {\n setDeleteUser({ open: false });\n setToast('')\n }}>\n {\n setEditUser({ open: false });\n setToast('')\n }}>\n {addEditUserRenderer(userList.find(item => item._id === editUser.id))}\n \n\n
\n )\n }\n}\n\nexport default withRouter(Users);\n","import React from \"react\";\nimport {withRouter} from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport UsersComponent from \"../../Components/users/users\"\nimport style from \"./usersPage.module.scss\"\n\nconst UsersPage = (props) => {\n return (\n \n \n <>\n \n
\n }\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n
\n \n \n
\n\n M
\n .امکان ایجاد کاربر جدید برای این حساب کاربری وجود ندارد
\n < Button\n tag=\"confirm\"\n type=\"solid\"\n label=\"تایید\"\n onclick={() => setAddUserPermissionDeniedShow(false)}\n />\n\n {deleteUser.success ?\n
\n \n\n \n
\n : کاربر مورد نظر با موفقیت حذف شد.
\n\n
}\n \n آیا از حذف\n {\" \"}{deleteUser.id && userList.find(item => item._id === deleteUser.id).name} {\" \"}\n اطمینان دارید؟
\n {ButtonPackRenderer(\"deleteUser\", \"cancelDeleteUser\", \"حذف\", () => {\n postUserData(\"delete\")\n }, deleteUser, setDeleteUser, true)}\n\n
\n\n لیست کاربران
\n\n
\n \n \n
\n \n
\n {/* New User List */}\n \n {userList && userList.length > 0 ?\n
\n {/* New User List */}\n \n \n
\n :\n \n
\n 250 ? style.listHeaderFixed : style.listHeader}>\n \n
\n نام و نامخانوادگی
\n وضعیت
\n شماره تلفن
\n سطح دسترسی
\n \n 250 ? style.hiddenListHeader : ''}>
\n \n {userList.map((user, index) =>
\n \n
)}\n \n {search ?\n \n \n :
\n }\n \n O\n
\n .کاربر با چنین مشخصاتی یافت نشد
\n\n
}\n \n M\n
\n .کاربر عزیز، در حال حاضر شما هیچ کاربری در ربات موبیشا ندارید
\n\n
\n \n \n
\n \n
\n )\n}\nexport default withRouter(UsersPage);\n\n\n\n","// export const Privillages = [\n// [ name:\"پنل دیجیکالا\",\"مشاهده\",\"ثبت\",\"حذف\",\"ویرایش\"],\n// [\"لیست کالاها\",\"مشاهده\",\"ویرایش\"],\n// [\"لیست تنوعها\",\"مشاهده\",\"بهروز رسانی\",\"ویرایش\"],\n// [\"پنل قیمتگذاری\",\"مشاهده\",\"ویرایش\"],\n// [\"مدیریت کاربران\",\"مشاهده کاربران\",\"تعریف کاربر جدید\",\"تعریف سطح دسترسی جدید\",\"ویرایش اطلاعات\",\"حذف و تغییر وضعیت\"]\n// ]\n//last version\n// export const Privillages =\n// [{title:\"پنل دیجیکالا\",value:\"DGPanel\",parentId:\"0\",id:\"1\",check:\"rsde\" ,uncheck:\"rsde\"},\n// {title:\"ویرایش\",value:\"edit\",parentId:\"1\",id:\"100\",check:\"re\",uncheck:\"e\"},\n// {title:\"حذف\",value:\"delete\",parentId:\"1\",id:\"101\",check:\"rd\", uncheck:\"d\"},\n// {title:\"مشاهده\",value:\"read\",parentId:\"1\",id:\"102\",check:\"r\", uncheck:\"rsde\"},\n// {title:\"ثبت\",value:\"submit\",parentId:\"1\",id:\"103\",check:\"rs\", uncheck:\"s\"},\n// {title:\"لیست کالاها\",value:\"productList\",parentId:\"0\",id:\"2\",check:\"re\", uncheck:\"re\"},\n// {title:\"ویرایش\",value:\"edit\",parentId:\"2\",id:\"200\",check:\"re\", uncheck:\"e\"},\n// {title:\"مشاهده\",value:\"read\",parentId:\"2\",id:\"201\",check:\"r\", uncheck:\"re\"},\n// {title:\"لیست تنوعها\",value:\"variantList\",parentId:\"0\",id:\"3\",check:\"rue\", uncheck:\"rue\"},\n// {title:\"مشاهده\",value:\"read\",parentId:\"3\",id:\"300\",check:\"r\", uncheck:\"rue\"},\n// {title:\"ویرایش\",value:\"edit\",parentId:\"3\",id:\"301\",check:\"re\", uncheck:\"e\"},\n// {title:\"بهروز رسانی\",value:\"update\",parentId:\"3\",id:\"302\",check:\"ru\", uncheck:\"u\"},\n// {title:\"پنل قیمتگذاری\",value:\"pricingPanel\",parentId:\"0\",id:\"4\",check:\"re\", uncheck:\"re\"},\n// {title:\"مشاهده\",value:\"read\",parentId:\"4\",id:\"400\",check:\"r\", uncheck:\"re\"},\n// {title:\"ویرایش\",value:\"edit\",parentId:\"4\",id:\"401\",check:\"re\", uncheck:\"e\"},\n// {title:\"مدیریت کاربران\",value:\"userManagement\",parentId:\"0\",id:\"5\",check:\"raped\", uncheck:\"raped\"},\n// {title:\"مشاهده کاربران\",value:\"read\",parentId:\"5\",id:\"500\",check:\"r\", uncheck:\"raped\"},\n// {title:\"ویرایش اطلاعات\",value:\"edit\",parentId:\"5\",id:\"501\",check:\"re\", uncheck:\"e\"},\n// {title:\"حذف و تغییر وضعیت\",value:\"delete\",parentId:\"5\",id:\"502\",check:\"rd\", uncheck:\"d\"},\n// {title:\"تعریف کاربر جدید\",value:\"addUser\",parentId:\"5\",id:\"503\",check:\"ra\", uncheck:\"a\"},\n// {title:\"تعریف سطح دسترسی جدید\",value:\"addPrivillage\",parentId:\"5\",id:\"504\",check:\"rp\", uncheck:\"p\"}\n// ]\n\nexport const Privillages =\n [{\n title: \"پنل دیجیکالا\",\n value: \"DGPanel\",\n parentId: \"0\",\n id: \"1\",\n check: \"ReadAddDeleteEdit\",\n uncheck: \"ReadAddDeleteEdit\"\n },\n {title: \"ویرایش\", value: \"edit\", parentId: \"1\", id: \"100\", check: \"ReadEdit\", uncheck: \"Edit\"},\n {title: \"حذف\", value: \"delete\", parentId: \"1\", id: \"101\", check: \"ReadDelete\", uncheck: \"Delete\"},\n {title: \"مشاهده\", value: \"read\", parentId: \"1\", id: \"102\", check: \"Read\", uncheck: \"ReadAddEditDelete\"},\n {title: \"ثبت\", value: \"submit\", parentId: \"1\", id: \"103\", check: \"ReadAdd\", uncheck: \"Add\"},\n {title: \"لیست کالاها\", value: \"productList\", parentId: \"0\", id: \"2\", check: \"ReadEdit\", uncheck: \"ReadEdit\"},\n {title: \"ویرایش\", value: \"edit\", parentId: \"2\", id: \"200\", check: \"ReadEdit\", uncheck: \"Edit\"},\n {title: \"مشاهده\", value: \"read\", parentId: \"2\", id: \"201\", check: \"Read\", uncheck: \"ReadEdit\"},\n {\n title: \"لیست تنوعها\",\n value: \"variantList\",\n parentId: \"0\",\n id: \"3\",\n check: \"ReadUpdateEdit\",\n uncheck: \"ReadUpdateEdit\"\n },\n {title: \"مشاهده\", value: \"read\", parentId: \"3\", id: \"300\", check: \"Read\", uncheck: \"ReadUpdateEdit\"},\n {title: \"ویرایش\", value: \"edit\", parentId: \"3\", id: \"301\", check: \"ReadEdit\", uncheck: \"Edit\"},\n {title: \"بهروز رسانی\", value: \"update\", parentId: \"3\", id: \"302\", check: \"ReadUpdate\", uncheck: \"Update\"},\n {\n title: \"پنل قیمتگذاری\",\n value: \"pricingPanel\",\n parentId: \"0\",\n id: \"4\",\n check: \"ReadEdit\",\n uncheck: \"ReadEdit\"\n },\n {title: \"مشاهده\", value: \"read\", parentId: \"4\", id: \"400\", check: \"Read\", uncheck: \"ReadEdit\"},\n {title: \"ویرایش\", value: \"edit\", parentId: \"4\", id: \"401\", check: \"ReadEdit\", uncheck: \"Edit\"},\n {\n title: \"مدیریت کاربران\",\n value: \"userManagement\",\n parentId: \"0\",\n id: \"5\",\n check: \"ReadAddPermissionEditDelete\",\n uncheck: \"ReadAddPermissionEditDelete\"\n },\n {\n title: \"مشاهده کاربران\",\n value: \"read\",\n parentId: \"5\",\n id: \"500\",\n check: \"Read\",\n uncheck: \"ReadAddPermissionEditDelete\"\n },\n {title: \"ویرایش اطلاعات\", value: \"edit\", parentId: \"5\", id: \"501\", check: \"ReadEdit\", uncheck: \"Edit\"},\n {title: \"حذف و تغییر وضعیت\", value: \"delete\", parentId: \"5\", id: \"502\", check: \"ReadDelete\", uncheck: \"Delete\"},\n {title: \"تعریف کاربر جدید\", value: \"addUser\", parentId: \"5\", id: \"503\", check: \"ReadAdd\", uncheck: \"Add\"},\n {\n title: \"تعریف سطح دسترسی جدید\",\n value: \"addPrivillage\",\n parentId: \"5\",\n id: \"504\",\n check: \"ReadPermission\",\n uncheck: \"Permission\"\n },\n {\n title: \"مدیریت گزارشات\",\n value: \"reportManagement\",\n parentId: \"0\",\n id: \"6\",\n check: \"ReadAddReportEditDelete\",\n uncheck: \"ReadAddReportEditDelete\"\n },\n {\n title: \"مشاهده گزارشها\",\n value: \"read\",\n parentId: \"6\",\n id: \"600\",\n check: \"Read\",\n uncheck: \"ReadAddReportEditDelete\"\n },\n {title: \"ویرایش گزارشها\", value: \"edit\", parentId: \"6\", id: \"601\", check: \"ReadEdit\", uncheck: \"Edit\"},\n {\n title: \"حذف و تغییر گزارشها\",\n value: \"delete\",\n parentId: \"6\",\n id: \"602\",\n check: \"ReadDelete\",\n uncheck: \"Delete\"\n },\n {title: \"ساخت گزارش جدید\", value: \"addReport\", parentId: \"6\", id: \"603\", check: \"ReadAdd\", uncheck: \"Add\"},\n {\n title: \"مشاهده لیست گزارشها\",\n value: \"readReportList\",\n parentId: \"6\",\n id: \"604\",\n check: \"ReadReport\",\n uncheck: \"Report\"\n },\n\n ]","import React, { useEffect, useState } from \"react\";\nimport style from \"./privillages.module.scss\";\nimport Skeleton from \"../../skeleton/skeleton\"\n{/* \n \n
\n \n \n\n
\n \n
\n}\nexport default Privillages;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./privillages.module.scss\";\nimport Button from \"../../Button/button\"\nimport Modal from \"../../Modal/Modal\";\nimport Input from \"../../input/input\"\nimport Dropdown from \"../../Dropdown/ThreeDotsDropDown/DropDown\";\nimport { Privillages } from \"../../../helpers/consts/usersprivillages\"\nimport Checkbox from \"../../SelectionControls/Checkbox/Checkbox\"\nimport Toast from \"../../Toast/Toast\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport { AddPermission, DeletePermission, EditPermission, GetPermissionList } from \"../../../actions/APIcalls\"\nimport ExpiredAccountWarning from \"../../expiredAccountWarning/expiredAccountWarning\"\nimport GradientToast from \"../../gradientToast/Toast\"\nimport DownGradeWarning from \"../../downGradeWarning/downGradeWarning\";\nimport Skeleton from \"./skeleton\"\n\nconst Permissions = (props) => {\n const [hasSkeleton, setHasSkeleton] = useState(false)\n const [addPrivillage, setAddPrivillage] = useState({ open: false, title: \"\", err: \"\" })\n const [editPrivillage, setEditPrivillage] = useState({ open: false, id: \"\", success: false, title: \"\" })\n const [deletePrivillage, setDeletePrivillage] = useState({\n open: false,\n id: \"\",\n success: false,\n userCount: 0,\n title: \"\"\n })\n const [privillageToggle, setPrivillageToggle] = useState({})\n const [privillageOpen, setPrivillageOpen] = useState({})\n const [permissionList, setPermissionList] = useState([])\n const [toast, setToast] = useState('')\n //lifeCycles********************************************************************************************\n useEffect(() => {\n setInitialPermission()\n getPermissionList();\n }, [])\n //functions*********************************************************************************************\n const doNothing = () => {\n\n }\n const setInitialPermission = () => {\n let obj = {};\n let obj2 = {}\n renderLayers(0).forEach((item, index) => {\n obj[item.value] = false;\n obj2[item.value] = \"\"\n })\n setPrivillageOpen(obj)\n setPrivillageToggle(obj2)\n }\n //get data**********************************************************************************************\n const getPermissionList = async () => {\n setHasSkeleton(true)\n let res = await GetPermissionList()\n if (res && res.data) {\n // console.log(res, \"list\");\n\n setPermissionList([...res.data.permissionList])\n // console.log(permissionList);\n }\n setHasSkeleton(false)\n }\n //handelers*********************************************************************************************\n const addPrivillageHandler = async () => {\n if (addPrivillage.title) {\n let params = { title: addPrivillage.title, permission: { ...privillageToggle } }\n let res = await AddPermission(params)\n console.log(res, 'res res');\n if (res && res.data && res.data.success) {\n setAddPrivillage({ open: false, err: \"\" })\n setPrivillageToggle({})\n setPrivillageOpen({})\n getPermissionList()\n } else if (typeof res !== \"undefined\" && typeof res.response !== \"undefined\") {\n console.log(\"here9\");\n setToast(res.response.data.error)\n }\n } else {\n let priv = addPrivillage\n priv.err = \"تکمیل این فیلد الزامیست!\"\n setAddPrivillage({ ...priv })\n }\n }\n const editPrivillageHandler = async () => {\n let perm = { ...privillageToggle }\n perm.title = editPrivillage.title\n let params = { permission: { ...perm }, permissionId: editPrivillage.id }\n let res = await EditPermission(params)\n if (res && res.data && res.data.success) {\n setEditPrivillage({ open: false })\n setPrivillageToggle({})\n setPrivillageOpen({})\n getPermissionList()\n }\n }\n const deletePrivillageHandler = async () => {\n // let params = { permissionId: deletePrivillage.id }\n // let res = await CheckDeletePermission(params) \n // console.log(res,'yoho');\n // if ( typeof res !== \"undefined\" && res.status === 400) {\n // let deletep = deletePrivillage\n // deletep.userCount =res.data.error\n // setDeletePrivillage({...deletep})\n // }\n let params = { permissionId: deletePrivillage.id }\n let res = await DeletePermission(params)\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n let dlt = deletePrivillage\n dlt.success = true;\n setDeletePrivillage({ ...dlt })\n getPermissionList()\n } else if (typeof res !== \"undefined\" && typeof res.response !== \"undefined\") {\n let deletep = deletePrivillage\n deletep.userCount = res.response.data.error\n setDeletePrivillage({ ...deletep })\n }\n\n }\n const editPrivillages = (tag, item) => {\n if (tag === \"edit\") {\n if (typeof props.user !== \"undefined\" && props.user.permission.userManagement.includes(\"Edit\")) {\n\n // console.log(item, \"item\");\n let edit = editPrivillage;\n edit.open = true;\n edit.id = item._id;\n edit.title = item.title\n let permission = {}\n Object.keys(item).forEach(i => {\n if (i !== \"title\") {\n permission[i] = item[i]\n }\n\n })\n setEditPrivillage({ ...edit })\n setPrivillageToggle({ ...permission })\n }\n }\n\n if (tag === \"delete\") {\n if (typeof props.user !== \"undefined\" && props.user.permission.userManagement.includes(\"Delete\")) {\n\n // console.log(item, \"item\");\n let deleteP = deletePrivillage;\n deleteP.open = true;\n deleteP.id = item._id;\n deleteP.title = item.title\n setDeletePrivillage({ ...deleteP })\n }\n }\n }\n\n const onchangeHandler = (tag, value, secondTag) => {\n let addPre = addPrivillage\n let edit = editPrivillage\n switch (tag) {\n case \"addPrivillageTitle\": {\n addPre.title = value.target.value;\n setAddPrivillage({ ...addPre })\n break;\n }\n case \"editPrivillageTitle\": {\n edit.title = value.target.value;\n setEditPrivillage({ ...edit })\n break;\n }\n default:\n break;\n }\n\n }\n\n const onBlureHandler = (tag) => {\n let addPre = addPrivillage\n switch (tag) {\n\n case \"addPrivillageTitle\": {\n if (addPrivillage.title.length === 0) {\n addPre.err = \"تکمیل این فیلد الزامی است!\"\n } else {\n addPre.err = \"\"\n }\n setAddPrivillage({ ...addPre })\n break;\n }\n\n default:\n break;\n }\n\n }\n\n const cancelModal = (tag, get, set) => {\n if (tag === \"deletePrivillage\") {\n set({ open: false });\n\n } else {\n let modal = get;\n modal.id = \"\";\n modal.channelId = \"\";\n modal.open = false;\n modal.success = false;\n modal.title = \"\"\n setPrivillageToggle({})\n if (tag === \"addPrivillage\") {\n setInitialPermission()\n modal.title = \"\"\n }\n console.log(modal);\n set({ ...modal });\n }\n\n }\n const CheckBoxHandler = (e, value, tag, inputPermission) => {\n console.log(e, value, tag, inputPermission);\n let state = { ...privillageToggle };\n let permission = { ...inputPermission };\n // console.log(permission,value);\n if (!value) {\n let temp = permission.check.split(/(?=[A-Z])/)\n temp.forEach(item => {\n if (!state[tag].includes(permission.check)) {\n console.log(\"hi\");\n state[tag] = state[tag].concat(item);\n }\n })\n } else {\n let temp = permission.uncheck.split(/(?=[A-Z])/)\n let helper = state[tag];\n temp.forEach(item => {\n console.log(item);\n let res = helper.replace(item, '')\n console.log(res);\n helper = res;\n });\n state[tag] = helper;\n }\n setPrivillageToggle({ ...state })\n console.log(privillageToggle);\n }\n const isChecked = (permission, itemPermission) => {\n let result = false\n if (itemPermission) {\n let temp = itemPermission.split('')\n temp.forEach(char => {\n if (!permission.includes(char)) {\n result = true\n }\n }\n )\n }\n if (result) {\n return false\n } else {\n return true\n }\n }\n //JSX*****************************************************************************************************************\n const renderLayers = (pId) => {\n return Privillages.filter(item => item.parentId === pId.toString());\n }\n const renderCard = (item, index) => {\n return (\n \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n )\n }\n const ButtonPackRenderer = (maintag, canceltag, mainlabel, mainaction, get, set) => {\n return (\n \n
\n {index % 2 === 0 || index === 0 ? : null}\n \n
\n \n {\n editPrivillages(\"edit\", item)\n }, modalOpen: () => {\n }\n },\n {\n name: \"حذف\", onclick: () => {\n editPrivillages(\"delete\", item)\n }, modalOpen: () => {\n }\n }]}\n />\n
\n {toPersianNumber(item.title)}
\n\n < Button\n disabled={false}\n tag={canceltag}\n type=\"outline\"\n label=\"انصراف\"\n onclick={() => {\n cancelModal(maintag, get, set);\n setToast('')\n }} />\n \n < Button\n disabled={false}\n tag={maintag}\n type=\"solid\"\n label={mainlabel}\n onclick={() => mainaction()}\n />\n
\n )\n }\n\n\n const modalActivator = (modalName) => {\n switch (modalName) {\n case \"addPrivillage\":\n if (typeof props.user !== \"undefined\" && props.user.permission.userManagement.includes(\"Permission\")) {\n {\n let add = addPrivillage;\n add.open = true;\n setAddPrivillage({ ...add });\n\n }\n break\n }\n default:\n break;\n }\n }\n const privillageRenderer = () => {\n // console.log(toast.length,\"iii\");\n return (\n \n\n\n {renderLayers(0).map((item, index) => {\n // console.log(privillageToggle[item.value],item.permisson,\"hi\");\n return (\n
\n )\n }\n\n if (hasSkeleton) {\n return \n
\n )\n\n })}\n \n
\n {privillageOpen[item.value] ? renderLayers(item.id).map((element, indx) => {\n // console.log(privillageToggle[item.value],element.permisson,\"bye\");\n return {\n let state = { ...privillageOpen };\n // console.log(privillageOpen[item.value],\"val\");\n state[item.value] = !privillageOpen[item.value];\n setPrivillageOpen({ ...state })\n }}>\n
\n m
\n{item.title}
\n \n
\n\n }\n ) : null}\n\n \n
\n {element.title}
\n \n {\n props.user.expiredAccount &&\n 0 ? true : false}\n parentClose={() => {\n setToast(\"\")\n }}\n />\n {\n setDeletePrivillage({ open: false });\n setToast('')\n }}>\n {\n setAddPrivillage({ open: false });\n setToast('')\n }}>\n {\n setEditPrivillage({ open: false });\n setInitialPermission();\n setToast('')\n }}>\n \n } */}\n {/*
\n )\n }\n}\n\nexport default withRouter(Permissions);\n","import React from \"react\";\nimport {withRouter} from \"react-router-dom\"\nimport Sidebar from \"../Components/sidebar/sidebar\"\nimport Permissions from \"../Components/users/privillages/privillages\"\nimport style from \"./sidebarPage.module.scss\"\n\nconst UserPermissionPage = (props) => {\n // console.log(window.innerHeight,\"pp\");\n\n return (\n \n \n <>\n \n
\n }\n {/* {\n Object.keys(props.user.downGradeWarning).length !== 0 &&\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n \n <>\n \n
\n } */}\n \n {/* {console.log(deletePrivillage)} */}\n {deletePrivillage.success ?\n
\n \n \n
\n : (\n deletePrivillage.userCount > 0 ?\n .سطح دسترسی مورد نظر با موفقیت حذف شد
\n\n
\n :\n \n .شما\n {\" \"}{toPersianNumber(deletePrivillage.userCount)}{\" \"}\n کاربر با سطح دسترسی\n {\" \"} {deletePrivillage.title}{\" \"}\n دارید\n
\n.لطفا ابتدا سطح دسترسی این کاربران را تغییر دهید
\n {ButtonPackRenderer(\"deletePrivillage\", \"canceldeletePrivillage\", \"مشاهده کاربران\", () => {\n props.history.push(\n '/users?search=' + deletePrivillage.id,\n { id: deletePrivillage.id }\n );\n }, deletePrivillage, setDeletePrivillage)}\n\n
\n )\n }\n \n آیا از حذف\n {\" \"}{deletePrivillage.title} {\" \"}\n اطمینان دارید؟
\n {ButtonPackRenderer(\"deletePrivillage\", \"canceldeletePrivillage\", \"حذف\", () => {\n deletePrivillageHandler()\n }, deletePrivillage, setDeletePrivillage)}\n\n
\n \n سطح دسترسی
\n {privillageRenderer()}\n {ButtonPackRenderer(\"addPrivillage\", \"cancelPrivillage\", \"ایجاد\", addPrivillageHandler, addPrivillage, setAddPrivillage)}\n\n\n
\n \n سطح دسترسی
\n {privillageRenderer()}\n {ButtonPackRenderer(\"editPrivillage\", \"cancelPrivillage\", \"ویرایش\", editPrivillageHandler, editPrivillage, setEditPrivillage)}\n\n
\n {/* {\n props.user.expiredAccount &&\n سطح دسترسی
\n\n \n
\n */}\n {/*
*/}\n\n {permissionList.length > 0 ? \n {\n permissionList.map((item, index) => {\n return renderCard(item, index)\n })\n }\n
:\n \n
}\n \n Q\n
\n .کاربر عزیز، در حال حاضر شما هیچ سطح دسترسی در ربات موبیشا ندارید
\n\n
\n \n \n
\n \n
\n )\n}\nexport default withRouter(UserPermissionPage);\n\n\n\n","export const defaultReports = [{\n name: \"گزارش کالاهای پرفروش\",\n text: ' حاشیه سود، حداکثر حاشیه',\n date: \"1399/11/1\"\n}, { name: \"گزارش کالاهای در باکس\", text: 'موقعیت، تعداد رقیب' }, {\n name: \"گزارش استراتژی بالاترین قیمت\",\n text: 'استراتژی'\n}, { name: \"گزارش نوع رقابت هوشمند\", text: 'نوع رقابت، فعالسازی مجدد' }]\nexport const productInfo = [\n { name: \"نام کالا\", value: \"productNewName\", required: \"true\" },\n { name: \"نام کالا در دیجیکالا\", value: \"productName\", required: \"true\" },\n { name: \"کد کالا\", value: \"DKP\", required: \"true\" },\n { name: \"کد تنوع\", value: \"DKPC\", required: \"true\" },\n { name: \"کد فروشنده\", value: \"supplierCode\", required: \"true\" },\n { name: \"برند\", value: \"brand\", type: \"checkbox\", required: \"true\" },\n { name: \"گروه کالا\", value: \"productGroup\", type: \"checkbox\", required: \"true\" },\n { name: \"پنل فروشنده\", value: \"channel\", type: \"checkbox\", required: \"true\" },\n // {name:\"میانگین فروش کالا\",value:\"productInfo_sellAvg\",type:\"range\",unitLabel:\"عدد بر هفته\"},\n // {name:\"موقعیت\",value:\"productInfo_status\",type:\"toggle\",dropdownContent:[{name:\"\",value:\"\"},{name:\"\",value:\"\"},]},\n // {name:\"تعداد رقیب\",value:\"productInfo_Competitor\",type:\"range\", unitLabel:\"عدد\"},\n {\n name: \"وضعیت فروش\",\n value: \"salesStatus\",\n type: \"toggle\",\n dropdownContent: [{ name: \"فعال\", value: true }, { name: \"غیرفعال\", value: false },]\n },\n // {name:\"ارسال توسط\",value:\"shippingOptions\",type:\"checkbox\",dropdownContent:[{ name: \"دیجیکالا\", value: 'digikala' }, { name: \"هر دو\", value: 'both' }]},\n]\nexport const Pricing = [\n { name: \"قیمت فروش\", value: \"salesPrice\", type: \"range\", unitLabel: \"ریال\" },\n { name: \"حداقل قیمت\", value: \"minPrice\", type: \"range\", unitLabel: \"ریال\" },\n { name: \"حداکثر قیمت\", value: \"maxPrice\", type: \"range\", unitLabel: \"ریال\" },\n { name: \"قیمت مرجع\", value: \"resourcePrice\", type: \"range\", unitLabel: \"ریال\" },\n { name: \"قیمت خرید\", value: \"purchasePrice\", type: \"range\", unitLabel: \"ریال\" },\n]\nexport const Inventory = [\n { name: \"موجودی قابل فروش\", value: \"stock\", type: \"range\", unitLabel: \"ریال\" },\n { name: \"موجودی دیجیکالا\", value: \"digikalaStock\", type: \"range\", unitLabel: \"تعداد\" },\n { name: \"موجودی فروشنده\", value: \"sellerStock\", type: \"range\", unitLabel: \"تعداد\" },\n { name: \"تعداد رزرو\", value: \"reservedStock\", type: \"range\", unitLabel: \"ریال\" },\n]\nexport const RobotData = [\n {\n name: \"وضعیت ربات\",\n value: \"robotStatus\",\n type: \"toggle\",\n dropdownContent: [{ name: \"فعال\", value: true }, { name: \"غیرفعال\", value: false }]\n },\n {\n name: \"فعالسازی مجدد\", value: \"reactivation\", type: \"checkbox\", dropdownContent: [\n // { name: \"با بیشترین سود\", value: 'maximumProfit' }\n , { name: \"غیرفعال\", value: 'disable' }\n // , { name: \"هوشمند\", value: 'smart' }\n ]\n },\n {\n name: \"استراتژی\",\n value: \"pricingStrategy\",\n type: \"checkbox\",\n dropdownContent: [\n {\n name: \"باکس هوشمند\",\n value: 'aiSmart'\n },\n {\n name: \"کمترین قیمت\",\n value: 'lowestPrice'\n },\n {\n name: \"موجود در باکس(پلکانی)\",\n value: 'boxStep'\n },\n {\n name: \"موجود در باکس(لحظهای)\",\n value: 'boxMoment'\n },\n // { name: \"موجود در باکس(با کمترین قیمت)\", value: 'boxLowestPrice'},{ name: \"موجود در باکس(لحظهای)\", value: 'boxMoment' }, { name: \"رقابت هوشمند\", value: 'smart' }\n ]\n },\n // {\n // name: \"نوع فروش\", value: \"sellingType\", type: \"checkbox\", dropdownContent: [\n // // { name: \"فروش ویژه\", value: 'special' },\n // {name: \"فروش عادی\", value: 'normal'},\n // // { name: \"فروش هوشمند\", value: 'smart' },\n // ]\n // },\n { name: \"حداقل حاشیه سود\", value: \"minimumProfitMargin\", type: \"range\", unitLabel: \"ریال\" },\n { name: \"حداکثر حاشیه سود\", value: \"maximumProfitMargin\", type: \"range\", unitLabel: \"ریال\" },\n // {name:\"نمودار وضعیت سود\",value:\"\",type:\"range\",unitLabel:\"درصد\"},\n {\n name: \"افزایش قیمت\", value: \"priceIncrease\", type: \"checkbox\", dropdownContent: [\n { name: \"آزاد \", value: 'free' },\n // { name: \"محدود به حداکثر سود\", value: 'maximumProfit' }, { name: \"محدود به قیمت مرجع\", value: 'referencePrice' }\n ]\n },\n // {\n // name: \"نوع رقابت\", value: \"competitionType\", type: \"checkbox\", dropdownContent: [\n // {name: \"ثابت\", value: 'fix'},\n // // { name: \"چرخشی\", value: 'cycle' }\n // ]\n // },\n // {name:\"آخرین بهروزرسانی\",value:\"lastGetToChangePrice\",type:\"range\",unitLabel:\"ریال\"},\n\n]\n//{name:\"d\"},{name:\"a\"},{name:\"s\"},{name:\"e\"},{name:\"t\"}\nexport const withSortFeilds = [\n \"minimumProfitMargin\",\n \"maximumProfitMargin\",\n // \"lastGetToChangePrice\",\n // \"productInfo_Competitor\",\n // \"productInfo_sellAvg\"\n]","import moment from \"moment-jalaali\";\n\nconst ToPersianDate = (date) => {\n return moment(date).locale('fa').format('YYYY/MM/DD')\n}\nexport default ToPersianDate","import React, {useEffect, useState} from \"react\";\nimport style from './preMadeReportCard.module.scss';\nimport {Inventory, Pricing, productInfo, RobotData} from \"../../../../helpers/consts/reportConsts\"\nimport toPersianNumber from \"../../../../helpers/actions/toPersianNumber\"\nimport ToPersianDate from \"../../../../helpers/actions/toPersianDate\"\n\nconst PreMadeReportCard = (props) => {\n const [reportFeatuersList, setReportFeatuersList] = useState([])\n useEffect(() => {\n if (typeof props !== \"undefined\" && typeof props.data !== \"undefined\") {\n\n Object.keys(props.data).forEach(item => {\n searchArray(productInfo, item)\n searchArray(Pricing, item)\n searchArray(Inventory, item)\n searchArray(RobotData, item)\n })\n }\n\n\n }, [props.data])\n const searchArray = (array, key) => {\n let temp = reportFeatuersList;\n array.map(item => {\n if (item.value == key) {\n let index = temp.findIndex(i => i === item.name)\n if (index < 0) {\n temp.push(item.name);\n }\n }\n });\n setReportFeatuersList([...temp])\n\n }\n// console.log(props.date);\n return (\n \n \n
\n \n \n\n
\n \n
\n )\n}\nexport default PreMadeReportCard\n\n","import React, { useEffect, useRef, useState } from \"react\"\nimport style from \"./rangeDropdown.module.scss\"\nimport numberWithCommas from '../../../helpers/actions/numberWithCommas'\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport toEnglishNumber from \"../../../helpers/actions/toEnglishNumber\"\nimport { Range } from 'rc-slider';\nimport 'rc-slider/assets/index.css';\n\nconst RangeDropdown = (props) => {\n\n const wrapperRef = useRef(null);\n const [showDropdown, setShowDropdown] = useState(false)\n const [rangeValue, setRangeValue] = useState({ min: 0, max: 0 })\n const [range, setRange] = useState({ min: 0, max: 0 })\n const [clicked, setClicked] = useState(false)\n useEffect(() => {\n document.addEventListener(\"click\", handleClickOutside, false);\n return () => {\n document.removeEventListener(\"click\", handleClickOutside, false);\n };\n\n }, []);\n\n useEffect(() => {\n if (!showDropdown) {\n props.action(true)\n }\n }, [showDropdown])\n useEffect(() => {\n if (typeof props.value !== \"undefined\" && typeof props.defaultRange !== \"undefined\" && props.value.from && props.value.to &&\n (props.value.from != rangeValue.min || props.value.to != rangeValue.max)) {\n let rangeVal = rangeValue\n rangeVal.min = props.value.from\n rangeVal.max = props.value.to\n setRangeValue({ ...rangeVal })\n setClicked(true)\n }\n }, [props.value])\n useEffect(() => {\n if (props.setToDefault && typeof props.defaultRange !== \"undefined\") {\n deleteAll()\n }\n }, [props.setToDefault])\n\n useEffect(() => {\n if (typeof props.defaultRange !== \"undefined\" && props.defaultRange.from && props.defaultRange.to\n ) {\n let rangeVal = rangeValue\n if (rangeVal.min) {\n rangeVal.min = props.defaultRange.from\n }\n if (rangeVal.max) {\n rangeVal.max = props.defaultRange.to\n }\n setRangeValue({ ...rangeVal })\n }\n }, [props.defaultRange])\n\n\n // const getRange = async() =>{\n // let res= await GetReportFilterRange({field:props.tag})\n // if(typeof res !==\"undefined\" && res.data.success){\n // let Range=range\n // Range.min= res.data.min\n // Range.max=res.data.max\n // setRange({...Range})\n // setRangeValue({...Range})\n // }\n // }\n\n const handleClickOutside = event => {\n if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {\n // props.setData(props.tag,addItemAction())\n setShowDropdown(false)\n }\n };\n const toggleShow = () => {\n setShowDropdown(!showDropdown);\n }\n const submitChanges = () => {\n setClicked(true)\n props.setData(props.tag, addItemAction())\n toggleShow()\n\n }\n const handleChange = (value) => {\n let rangeVal = rangeValue;\n if (value[0] !== range.min && value[1] !== range.max || value[0] !== value[1]) {\n rangeVal.min = value[0]\n rangeVal.max = value[1]\n setRangeValue({ ...rangeVal })\n }\n\n }\n const handleInputs = (e, type) => {\n let rangeVal = rangeValue\n let result = toEnglishNumber(String(e.target.value).replaceAll(',', ''))\n if (type === 'max') {\n rangeVal[type] = result <= props.defaultRange.to ? result : props.defaultRange.to\n setRangeValue({ ...rangeVal })\n } else if (type === 'min') {\n rangeVal[type] = result >= props.defaultRange.from ? result : props.defaultRange.from\n setRangeValue({ ...rangeVal })\n }\n\n }\n const deleteAll = () => {\n let rangeVal = rangeValue\n rangeVal.min = props.defaultRange.from\n rangeVal.max = props.defaultRange.to\n setRangeValue({ ...rangeVal })\n setClicked(false)\n props.setData(props.tag, addItemAction())\n\n\n }\n\n const addItemAction = () => {\n let obj = {}\n obj[\"from\"] = parseInt(rangeValue.min);\n obj[\"to\"] = parseInt(rangeValue.max);\n return obj\n }\n\n return (\n \n
\n {toPersianNumber(props.title)}
\n{reportFeatuersList.join(', ')}
\n {\n typeof props.date !== \"undefined\" && props.date ?\n\n تاریخ ساخت گزارش:\n
\n : null\n }\n {toPersianNumber(ToPersianDate(props.date))}
\n\n\n \n {clicked && !props.setToDefault ? f : null}\n {props.placeHolder ? props.placeHolder : 'انتخاب'}\n \n\n
\n \n\n
\n \n
\n\n \n {/* handleChange(e, \"min\")} />\n
\n {\n props.defaultRange.from === props.defaultRange.to ?\n \n handleChange(e, \"max\")} /> */}\n
\n
\n \n handleInputs(e, \"min\")} />\n {props.unitLabel}\n
\n \n handleInputs(e, \"max\")} />\n {props.unitLabel}\n
\n \n
\n :\n \n }\n h
\n \n تنها مقدار موجود برای این متغیر\n {\" \" + toPersianNumber(props.defaultRange.from) + \" \"}{props.unitLabel + \" \"}\n است\n
\n \n \n {}\n
\n \n\n 0 ? style.dropdownButtonSelected : style.dropdownButton}\n type=\"button\">\n {props.selectedList.length > 0 ? f : null}\n {props.placeHolder ? props.placeHolder : 'انتخاب'}\n \n\n props.handleSelect(props.tag, item)}\n onClick={e => props.handleSelect(props.tag, item)}\n className={style.customCheckboxWrapper}\n >\n
\n )\n }\n \n ) : null}\n \n \n {props.hasSearchBox ?\n
\n :\n\n \n \n searching(e)}\n value={searchedWord}\n className={style.dropdownSearch}\n >\n
\n : null}\n\n - \n {typeof dropdownList !== \"undefined\" && dropdownList.length > 0 ? dropdownList.map((item, index) =>\n
props.handleSelect(props.tag, item)}\n >\n 0 && props.selectedList.indexOf(item.value) > -1 ? style.inputChecked : style.inputCheckboxClass}\n\n value={props.selectedList && props.selectedList.indexOf(item.value) ? (props.selectedList.indexOf(item.value) > -1) : false}\n type='checkbox'>\n
\n :\n (props.hasToggle ?\n {item.name}
\n\n {item.name}\n
\n\n 0 && Array.isArray(props.selectedList) && props.selectedList.findIndex(i => i === item.value) > -1 ? true : false}\n indeterminate={false}\n disabled={false}\n tag={item}\n label=''\n onclick={e => props.handleSelect(props.tag, item)}\n />\n
\n \n {item}\n {props.selectedList.findIndex(i => i === item.value) > -1 ?\n : null}\n
\n \n {props.selectedList.length !== 0 ?\n : null}\n
\n \n \n \n {\n props.user.expiredAccount &&\n {\n let temp = { ...reportSelectors };\n temp.modalShow = false;\n setReportSelector({ ...temp })\n }}>\n
\n )\n\n}\n\nexport default withRouter(CreateReport);\n","import React from \"react\";\nimport {withRouter} from \"react-router-dom\"\nimport Sidebar from \"../Components/sidebar/sidebar\"\nimport CreateReport from \"../Components/reports/createReport/createReport\"\nimport style from \"./sidebarPage.module.scss\"\n\nconst CreateReportPage = (props) => {\n\n return (\n \n \n <>\n \n
\n }\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n
\n \n {typeof props.location.state !== \"undefined\" && typeof props.location.state.id !== \"undefined\" && typeof props.location.state.report !== \"undefined\"\n ? \n آیا از ساخت گزارش\n
\n {\" \" + reportSelectors.reportName + \" \"}
\n مطمئن هستید؟\n \n < Button\n disabled={false}\n tag=\"createReportCancel\"\n type=\"outline\"\n label=\"انصراف\"\n onclick={() => {\n let temp = { ...reportSelectors };\n temp.modalShow = false;\n setReportSelector({ ...temp })\n }}\n />\n < Button\n disabled={false}\n tag=\"createReportConfirm\"\n loading={createReportLoading}\n type=\"solid\"\n label=\"ساخت گزارش\"\n onclick={createNewReport}\n />\n\n
\n ویرایش گزارش {props.location.state.report.reportName}
:ساخت گزارش
}\n.شما میتوانید گزارش موردنیاز را با فیلدهای موردنظر خود بسازید و برای استفادههای\n بعدی خود ذخیره کنید
\n {recentReports.length > 0 &&\n
}\n گزارشهای اخیر شما
\n\n {recentReports.map((item, index) => {\n return (
\n {\n props.history.push({ pathname: \"/report/show/\" + item._id, state: { report: { ...item } } })\n }}>\n
)\n })}\n مشخصات گزارش
\n\n
\n \n {\n }}\n />\n
\n {/* \n < DatePicker\n tag=\"date\"\n date={serverDataSetter}\n error={reportSelectors.dateError && reportSelectors.dateError}\n />\n \n
*/}\n انتخاب فیلدهای موردنظر
\n\n
\n \n
\n اطلاعات کالا
\n\n {\n productInfo.map((item, index) => {\n return (\n
\n \n
\n )\n })\n }\n قیمتگذاری
\n\n {\n Pricing.map((item, index) => {\n return (\n
\n \n
\n )\n })\n }\n انبارداری
\n\n {\n Inventory.map((item, index) => {\n return (\n
\n \n
\n )\n })\n }\n اطلاعات ربات
\n\n {\n RobotData.map((item, index) => {\n return (\n
\n \n
\n )\n })\n }\n تنظیمات فیلترها
\n\n
\n {!checkIsDefault() && \n .بهصورت پیشفرض تمام حالات هر فیلد نمایش داده میشود\n
\n\n .درصورت نیاز میتوانید بر روی فیلدهای موردنظر خود فیلتر اعمال کنید\n
\n\n
}\n \n
n
\n .فیلترها بر روی فیلدهای مورد نظر اعمال شد\n \n {\n setSelectedFilters({ ...defaultRanges })\n }}>حذف تمام فیلترها\n
\n\n \n {\n Object.keys(selectedCheckbox).map((item, index) => {\n let res = findContent(item)\n if (typeof res !== \"undefined\" && typeof res.type !== \"undefined\" && res.type === \"range\") {\n return
\n \n
\n }\n if (typeof res !== \"undefined\" && typeof res.type !== \"undefined\" && res.type === \"checkbox\") {\n return \n {typeof defaultRanges[res.value] !== 'undefined' ?\n {\n }}\n deleteSelectedItems={deleteAll}\n setData={serverDataSetter}\n defaultRange={defaultRanges[res.value]}\n setToDefault={typeof selectedFilters[res.value] !== \"undefined\" &&\n typeof defaultRanges[res.value] !== \"undefined\" &&\n selectedFilters[res.value].from === defaultRanges[res.value].from &&\n selectedFilters[res.value].to === defaultRanges[res.value].to\n ? true : false}\n />\n :\n null\n }\n\n
\n \n
\n }\n if (typeof res !== \"undefined\" && typeof res.type !== \"undefined\" && res.type === \"toggle\") {\n return \n {/* {console.log(selectedFilters[res.value], 'res.value that we pass...')} */}\n {\n }}\n deleteSelectedItems={deleteAll}\n />\n
\n \n
\n }\n })\n }\n \n {\n }}\n deleteSelectedItems={deleteAll}\n />\n
\n \n {\n reportSelectors.nameError || reportSelectors.dateError0 ?\n
\n \n {reportSelectors.nameError ? reportSelectors.nameError : '.لطفا فیلدهای مورد نیاز را پر کنید'}\n
: null\n }\n \n
\n \n {\n props.history.push(\"/report/reportlist\")\n }} />\n
\n \n\n
\n \n
\n )\n}\nexport default withRouter(CreateReportPage);\n\n\n\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./reportListCard.module.scss\";\nimport ThreeDotDropdown from \"../../Dropdown/ThreeDotsDropDown/DropDown\"\nimport { Inventory, Pricing, productInfo, RobotData } from \"../../../helpers/consts/reportConsts\"\nimport { withRouter } from \"react-router-dom\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\n\nconst ReportListCard = (props) => {\n const array = [{\n name: \"ویرایش \", onclick: () => {\n props.threeDotHandler(\"edit\", props.data._id)\n }, modalOpen: () => {\n }\n }, {\n name: \"حذف\", onclick: () => {\n props.threeDotHandler(\"delete\", props.data._id)\n }, modalOpen: () => {\n }\n }]\n const [reportFeatuersList, setReportFeatuersList] = useState([])\n useEffect(() => {\n if (typeof props.data !== \"undefined\") {\n Object.keys(props.data.show).forEach(item => {\n // console.log(item);\n searchArray(productInfo, item)\n searchArray(Pricing, item)\n searchArray(Inventory, item)\n searchArray(RobotData, item)\n })\n }\n\n\n }, [props.data.show])\n const searchArray = (array, key) => {\n let temp = reportFeatuersList;\n array.map(item => {\n if (item.value == key) {\n let index = temp.findIndex(i => i === item.name)\n // console.log(item.name,\"hi\");\n if (index < 0) {\n temp.push(item.name);\n }\n }\n });\n // console.log(temp);\n setReportFeatuersList([...temp])\n\n }\n // console.log(props.data,\"ppppp\");\n return (\n \n \n
\n \n \n\n
\n \n
\n )\n\n\n}\n\nexport default withRouter(ReportListCard);\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./reportList.module.scss\";\nimport Skeleton from \"../skeleton/skeleton\"\n{/* \n
\n {toPersianNumber(props.data.reportName)}
\n\n
\n {reportFeatuersList.join(', ')}
\n props.history.push({\n pathname: \"/report/show/\" + props.data._id,\n state: { report: { ...props.data } }\n }\n )}>مشاهده گزارش\n
\n \n
\n}\nexport default ReportSkeleton;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./reportList.module.scss\";\nimport Searchbar from \"../productSearchbar/productSearchbar\"\nimport Pagination from \"../pagination/pagination\"\nimport toPersianNumber from '../../helpers/actions/toPersianNumber'\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport Button from \"../Button/button\"\nimport ReportListCard from \"../reportShow/reportListCard/reportListCard\"\nimport { DeleteReport, GetReportList } from \"../../actions/APIcalls\"\nimport { withRouter, Link } from \"react-router-dom\"\nimport Modal from \"../Modal/Modal\"\nimport GradientToast from \"../gradientToast/Toast\"\nimport Skeleton from \"./skeleton\"\n\nconst ReportList = (props) => {\n const [hasSkeleton, setHasSkeleton] = useState(false)\n const [search, setSearch] = useState(\"\");\n const [pageData, setPageData] = useState({ pageCount: 1, currentPage: 1, countInPage: 10 })\n const [list, setList] = useState([])\n const [showModal, setShowModal] = useState({ open: false, success: false })\n //lifecyles*************************************************\n useEffect(() => {\n GetList()\n }, [search])\n useEffect(() => {\n window.addEventListener('popstate', () => {\n setSearch(\"\")\n })\n return () => window.removeEventListener('popstate', () => {\n })\n }, [])\n useEffect(() => {\n GetList()\n if (typeof props.location !== \"undefined\" && typeof props.location.search !== \"undefined\" && props.location.search !== \"\") {\n let url = new URLSearchParams(window.location.search);\n setSearch(url.get(\"search\"));\n }\n }, [])\n useState(() => {\n if (list.length == 0 && pageData.currentPage !== 1) {\n let page = pageData\n page.currentPage = page.currentPage - 1\n setPageData({ ...page })\n }\n }, [list])\n //get server data*********************************************\n const GetList = async () => {\n setHasSkeleton(true)\n let params = {\n search: search,\n pageNumber: pageData.countInPage,\n page: pageData.currentPage\n }\n let res = await GetReportList(params);\n console.log(res.data);\n if (typeof res !== \"undefined\") {\n setList([...res.data.reports]);\n let pageInfo = pageData;\n pageInfo.page = res.data.page;\n pageInfo.pageCount = res.data.pageCount\n setPageData({ ...pageInfo })\n }\n setHasSkeleton(false)\n }\n const deleteReport = async () => {\n console.log(showModal);\n let res = await DeleteReport({ id: showModal.id })\n console.log(res);\n if (typeof res !== \"undefined\", res.data.success) {\n console.log(\"hiihh\");\n let modal = showModal\n modal.success = true\n setShowModal({ ...modal })\n GetList()\n }\n }\n //handlers**************************************************\n const searchHandler = (val) => {\n setSearch(val)\n props.history.push(\n '/report/reportlist?search=' + val,\n { search: val }\n );\n\n }\n const pageSetter = (number) => {\n let data = pageData\n data.currentPage = number\n setPageData({ ...data })\n GetList()\n }\n const handler = async (tag, id) => {\n console.log(tag, id);\n if (tag === \"delete\") {\n if (typeof props.user !== \"undefined\" && props.user.permission.reportManagement.includes(\"Delete\")) {\n let res = list.find(item => item._id === id)\n console.log(res);\n if (typeof res !== \"undefined\") {\n console.log(\"delete\");\n setShowModal({ open: true, success: false, reportName: res.reportName, id: res._id })\n }\n }\n } else {\n if (typeof props.user !== \"undefined\" && props.user.permission.reportManagement.includes(\"Edit\")) {\n let obj = list.find(i => i._id === id)\n if (typeof obj !== \"undefined\") {\n props.history.push({ pathname: \"/report/create\", state: { id: id, report: { ...obj } } })\n }\n }\n }\n }\n //functions*******************************************\n\n const cancelDeleteModal = () => {\n setShowModal({ open: false, success: false, name: \"\", id: \"\" })\n }\n if (hasSkeleton) {\n return \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n \n
\n )\n }\n\n}\n\nexport default withRouter(ReportList);\n","import React from \"react\";\nimport {withRouter} from \"react-router-dom\"\nimport Sidebar from \"../Components/sidebar/sidebar\"\nimport ReportList from \"../Components/reportShow/reportList\"\nimport style from \"./sidebarPage.module.scss\"\n\nconst ReportListPage = (props) => {\n\n return (\n \n {\n showModal.success ?\n
\n \n\n {\n props.user.expiredAccount &&\n \n
\n :\n \n گزارش\n {\" \" + showModal.reportName + \" \"}\n با موفقیت حدف شد.\n
\n \n \n
\n }\n\n \n آیا از حذف گزارش\n {\" \" + showModal.reportName + \" \"}\n مطمئنید؟\n
\n\n < Button\n disabled={false}\n tag=\"cancelDelete\"\n type=\"outline\"\n label=\"انصراف\"\n onclick={cancelDeleteModal} />\n \n < Button\n disabled={false}\n tag=\"delete\"\n type=\"solid\"\n label=\"حذف\"\n onclick={() => deleteReport()}\n />\n
\n \n \n <>\n \n
\n }\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n
\n {(list.length > 0 || search) && گزارشات
\n\n < Button\n disabled={false}\n tag=\"createReport\"\n type=\"solid\"\n label=\"ساخت گزارش\"\n onclick={() => {\n if (typeof props.user !== \"undefined\" && props.user.permission.reportManagement.includes(\"Add\")) {\n props.history.push(\"./create\")\n }\n }} />\n
\n \n searchHandler(value)}\n />\n
}\n {list.length > 0 ?\n \n\n
:\n (search ? \n
\n\n\n \n
\n \n {\n let page = { ...pageData };\n page.countInPage = selected;\n setPageData({ ...page })\n GetList()\n\n }} />\n
\n تعداد نمایش در صفحه
\n \n {toPersianNumber(list.length) + \" نتیجه\"}
\n \n {list.map((item, index) => {\n // console.log(item);\n return
\n \n
\n })}\n \n
\n\n \n \n
\n : !نتیجهای یافت نشد
\n.نتیجهای مطابق با جستجوی شما یافت نشد. لطفا عبارت دیگری را امتحان کنید
\n\n \n
)}\n\n اینجا میتونید گزارشهای مورد نظرتون رو بسازید
\nدر حال حاضر هیچ گزارشی ندارید
\n\n
\n\n \n
\n )\n}\nexport default withRouter(ReportListPage);\n\n\n\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport style from \"./reportCard.module.scss\";\nimport { Link } from \"react-router-dom\"\nimport {\n competitionType,\n maxMargin,\n minMargin,\n priceIncrease,\n reactive,\n salesType,\n strategy\n} from \"../../../helpers/consts/variantEditModal\"\nimport { Inventory, Pricing, productInfo, RobotData, withSortFeilds } from \"../../../helpers/consts/reportConsts\"\nimport { numberWithCommas } from \"../../../helpers/actions/splitNumberWithComma\";\n\nconst ReportCard = (props) => {\n\n //functions************************************\n const calculateLines = text => {\n if (text.length < 88) {\n return text\n } else {\n return text.substr(0, 80) + '...'\n }\n }\n\n return (\n \n \n
\n \n \n\n
\n \n
\n )\n\n\n}\n\nexport default withRouter(ReportCard);\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./reportShow.module.scss\";\nimport Searchbar from \"../productSearchbar/productSearchbar\"\nimport Pagination from \"../pagination/pagination\"\nimport toPersianNumber from '../../helpers/actions/toPersianNumber'\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport Button from \"../Button/button\"\nimport ReportCard from \"../reportShow/reportCard/reportCard\"\nimport Skeleton from '../variantList/skeleton'\nimport { GetShowReportList, GenerateReportExcel } from \"../../actions/APIcalls\"\nimport { serverAddress } from \"../../helpers/axiosFiles/axios\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport GradientToast from \"../gradientToast/Toast\"\n\nconst ReportShow = (props) => {\n\n const [hasSkeleton, setHasSkeleton] = useState(true)\n const [search, setSearch] = useState('');\n const [pageData, setPageData] = useState({ pageCount: 1, currentPage: 1, countInPage: 10, resultCount: 0 })\n const [sort, setSort] = useState({ key: \"_id\", by: 1 })\n const [list, setList] = useState([])\n //lifecyles*************************************************\n useEffect(() => {\n if (search !== \"\" || sort.key !== \"_id\") {\n getList()\n }\n }, [search, sort])\n useEffect(() => {\n window.addEventListener('popstate', () => {\n setSearch(\"\")\n })\n return () => window.removeEventListener('popstate', () => {\n })\n }, [])\n useEffect(async () => {\n if (typeof props.location !== \"undefined\" && typeof props.location.search !== \"undefined\" && props.location.search !== \"\") {\n let url = new URLSearchParams(window.location.search);\n await setSearch(url.get(\"search\"));\n }\n getList()\n }, [])\n // if on top set navbar to fix \n const [offset, setOffset] = useState(0);\n\n useEffect(() => {\n const onScroll = () => setOffset(window.pageYOffset);\n // clean up code\n window.removeEventListener('scroll', onScroll);\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, []);\n // end\n //Get Data from server *************************************\n const getList = async () => {\n setHasSkeleton(true)\n let params = {\n id: typeof props.location.state.report !== \"undefined\" && props.location.state.report._id,\n page: pageData.currentPage,\n pageNumber: pageData.countInPage,\n sort: sort.key,\n by: sort.by,\n search: search\n }\n\n let res = await GetShowReportList(params)\n if (typeof res !== \"undefined\") {\n setList(res.data.report)\n let page = pageData\n page.pageCount = res.data.pageCount;\n page.resultCount = res.data.count\n setPageData({ ...page })\n }\n setHasSkeleton(false)\n }\n //handlers**************************************************\n const searchHandler = (tag, val) => {\n if (tag === \"clear\") {\n setSearch(\"\")\n } else {\n setSearch(val);\n if (val != \"\") {\n props.history.push(\n './' + `${props.location.state.report._id}` + \"?search=\" + val,\n { search: val, id: props.location.state.report._id, report: { ...props.location.state.report } }\n );\n }\n }\n }\n const sortKeyHandler = (key) => {\n let SortData = sort\n SortData.key = key;\n SortData.by = -SortData.by\n setSort({ ...SortData })\n setList([])\n }\n const pageSetter = (number) => {\n let data = pageData\n data.currentPage = number\n setPageData({ ...data })\n getList()\n }\n\n const createExcel = async () => {\n let params = {\n id: typeof props.location.state.report !== \"undefined\" && props.location.state.report._id,\n sort: sort.key,\n by: sort.by,\n }\n let res = await GenerateReportExcel(params)\n if (res && res.data) {\n window.location.href = serverAddress + \"getFiles/uploads/\" + res.data.fileName\n }\n }\n\n\n if (hasSkeleton) {\n return \n \n \n \n
\n \n
\n \n \n
\n {console.log(props, 'PROPSSSSS')}\n \n \n {calculateLines(toPersianNumber(props.data.newName))}\n \n\n
\n \n \n
\n DKPC - {toPersianNumber(props.data.DKPC)}
\n \n \nDKP - {toPersianNumber(props.data.DKP)}
\n \n \n{props.data.supplierCode ? toPersianNumber(props.data.supplierCode) : '--'}
\n\n
\n {console.log(props.data, 'props.data.product[0]')}\n {props.data.productGroup} برند {props.data.brand}
\n\n
\n \n
\n {props.data.salesStatus ? 'فعال' : 'غیرفعال'}
\n{toPersianNumber(numberWithCommas(props.data.digikalaStock))}
{toPersianNumber(numberWithCommas(props.data.salesPrice))}
\n {\n props.user.expiredAccount &&\n \n
\n\n {list.length > 0 &&\n \n \n <>\n \n
\n }\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n\n
\n {\n props.history.push(\"../reportlist\")\n }}>\n بازگشت\n c\n
\n \n
\n {list.length > 0 ?\n گزارش {typeof props.location.state.report !== \"undefined\" && toPersianNumber(props.location.state.report.reportName)}
\n\n createExcel()} />\n
\n \n searchHandler(\"add\", value)}\n clear={() => searchHandler(\"clear\")}\n />\n
\n\n < div className={style.cardComponents}>\n \n
\n \n {\n let page = pageData;\n page.countInPage = selected;\n setPageData({ ...page })\n getList()\n }} />\n {toPersianNumber(pageData.resultCount) + \" نتیجه\"}
\n تعداد نمایش در صفحه
\n \n \n {list.length > 0 && }\n
\n \n }\n\n \n\n {list.length > 0 && <>\n 580 && (sessionStorage.getItem(\"sideBarOpen\") && sessionStorage.getItem(\"sideBarOpen\") == 'false') ? { width: 'calc(100% - 140px)' } : (offset > 580 ? { width: 'calc(100% - 280px)' } : null)}\n className={offset > 580 ? style.listHeaderShadowFixed : style.listHeaderShadow}>\n
\n \n }\n\n \n \n \n \n
\n مشخصات کالا
\n وضعیت فروش
\n موجودی دیجیکالا sortKeyHandler('digikalaStock')}>p
قیمت فروش sortKeyHandler('salesPrice')}>p
(ریال)\n {list.length > 0 &&\n list.map((item, index) => {\n return
\n \n
\n })\n }\n \n
\n \n \n :\n \n \n \n \n
\n\n\n }\n\n \n )\n\n\n}\n\nexport default withRouter(ReportShow);\n","import React from \"react\";\nimport {withRouter} from \"react-router-dom\"\nimport Sidebar from \"../Components/sidebar/sidebar\"\nimport Report from \"../Components/reportShow/reportShow\"\nimport style from \"./sidebarPage.module.scss\"\n\nconst ShowReportPage = (props) => {\n\n return (\n کاربر عزیز،\n گزارش\n {\" \"}{typeof props.location.state.report !== \"undefined\" && props.location.state.report.reportName}{\" \"}\n هیچ نتیجهای نداشت.
\n\n
\n \n
\n )\n}\nexport default withRouter(ShowReportPage);\n\n\n\n","import React, {useEffect} from \"react\";\nimport {Chart} from \"chart.js\";\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport numberWithCommas from \"../../../helpers/actions/numberWithCommas\"\n\nlet myLineChart;\nChart.defaults.global.defaultFontFamily = \"IRANSans\";\nconst BarChart = (props) => {\n // console.log(props.data);\n useEffect(() => {\n let array1 = []\n let array2 = []\n // console.log(props.data);\n Object.keys(props.data).forEach(item => {\n if (item == \"active\" || item == \"deactivate\") {\n // console.log(item,props.data[item].available);\n array1.push(props.data[item].available)\n array2.push(props.data[item].unavailable)\n } else {\n array1.push(props.data[item])\n }\n })\n array1 = array1.reverse()\n array2 = array2.reverse()\n // console.log(array1,array2);\n const myChartRef = props.refrence.current.getContext(\"2d\");\n window[myLineChart + props.tag] = new Chart(myChartRef, {\n type: \"bar\",\n data: {\n //Bring in data\n labels: props.labels,\n datasets: [\n {\n label: \"تنوعهای دارای موجودی \",\n data: array1,\n fill: false,\n borderColor: \"#192a56\",\n backgroundColor: \"#192a56\",\n },\n {\n label: \"تنوعهای بدون موجودی \",\n data: array2,\n fill: false,\n borderColor: \"#e3d185\",\n backgroundColor: \"#e3d185\",\n }\n ]\n },\n gridLines: {\n display: false\n },\n options: {\n // responsive: true,\n tooltips: {\n // Disable the on-canvas tooltip\n enabled: false,\n callbacks: {\n title: function () {\n }\n },\n\n custom: function (tooltipModel) {\n // Tooltip Element\n let tooltipEl = document.getElementById('chartjs-tooltip');\n\n // Create element on first render\n if (!tooltipEl) {\n tooltipEl = document.createElement('div');\n tooltipEl.id = 'chartjs-tooltip';\n tooltipEl.innerHTML = '\n \n
\n \n \n\n
\n \n \n
\n}\nexport default PieChart","export const boxPosition = ['inBox', 'outOfBox']\nexport const compete = ['haveCompete', 'noCompete']\nexport const completeStatus = ['complete', 'inComplete']","import React, { useEffect, useState } from \"react\";\nimport style from \"./dashboard.module.scss\";\nimport Skeleton from \"../skeleton/skeleton\"\n\nconst DashBoardSkeleton = (props) => {\n\n return \n
\n}\nexport default DashBoardSkeleton;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./dashboard.module.scss\";\nimport Skeleton from \"../skeleton/skeleton\"\n\nconst DashBoardSkeleton = (props) => {\n\n return \n
\n
\n \n
\n \n
\n \n
\n}\nexport default DashBoardSkeleton;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./dashboard.module.scss\";\nimport Skeleton from \"../skeleton/skeleton\"\n\nconst DashBoardSkeleton = (props) => {\n\n return \n
\n\n
\n \n
\n \n
\n \n
\n\n
\n \n
\n \n
\n \n
\n}\nexport default DashBoardSkeleton;\n","export default __webpack_public_path__ + \"static/media/dashboard_nochannel.4ee215b4.svg\";","import React, { useState, useEffect } from \"react\";\nimport style from './progressbar.module.scss';\nimport toPersianNumber from '../../../helpers/actions/toPersianNumber'\nimport { GetProgressBar } from '../../../actions/APIcalls'\n\nconst ProgressBar = (props) => {\n\n const [progressBarState, setProgressBarState] = useState({\n states: [\n { _id: 1, name: 'ثبت پنل', label: 'AddPanel', status: 'pending', link: '/channels' },\n { _id: 2, name: 'ویدئوهای آموزشی', label: 'Guide', status: 'pending', link: '/guide' },\n { _id: 3, name: 'تکمیل اطلاعات', label: 'AddRobot', status: 'pending', link: '/variants' },\n { _id: 4, name: 'مشاهده قیمتگذاری', label: 'Pricing', status: 'pending', link: '/pricing' },\n { _id: 5, name: 'دریافت شارژ هدیه', label: 'GetReward', status: 'pending', link: '/wallet' },\n ]\n })\n\n const stepIndicator = (step) => {\n let res = ''\n switch (step) {\n case 'completed':\n res = 'کامل شده'\n break;\n case 'inProgress':\n res = 'در حال انجام'\n break;\n case 'pending':\n res = 'در انتظار'\n break;\n }\n return res;\n }\n\n useEffect(async () => {\n await defineProgressBar()\n }, [])\n\n const defineProgressBar = async () => {\n let tmp = progressBarState\n tmp.states[0].status = 'inProgress'\n let res = await GetProgressBar()\n if (res && res.data && res.data.success) {\n let tmpLocal = res.data.progressData.progressBar\n tmp.states.map((el, index) => {\n if (tmpLocal[el.label]) {\n tmp.states[index].status = 'completed'\n if (typeof tmp.states[index + 1] != 'undefined') {\n tmp.states[index + 1].status = 'inProgress'\n }\n }\n })\n setProgressBarState({ ...tmp })\n }\n }\n\n return (\n \n
\n \n
\n\n
\n \n
\n \n
\n \n
\n\n
\n \n
\n \n
\n \n
\n \n {progressBarState.states.map((stateItem, stateIndex) => \n
\n )\n}\nexport default ProgressBar","import React, { useEffect, useState } from \"react\";\nimport style from \"./dashboard.module.scss\";\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\"\nimport BarChart from \"./charts/barChart\"\nimport LineChart from \"./charts/lineChart\"\nimport PieChart from \"./charts/pieChart\"\nimport { GetDashboard, GetDashboardHeader, GetDashboardOrder, GetDashboardVariantDetails, SubmitAddChannel } from \"../../actions/APIcalls\"\nimport toEnglishNumber from \"../../helpers/actions/toEnglishNumber\";\nimport moment from \"moment-jalaali\"\nimport Button from \"../Button/button\"\nimport { withRouter, Link } from \"react-router-dom\"\nimport ExpiredAccountWarning from \"../expiredAccountWarning/expiredAccountWarning\";\nimport GradientToast from \"../gradientToast/Toast\"\nimport numberWithCommas from \"../../helpers/actions/numberWithCommas\";\nimport disconnectTextGenerator from '../../helpers/actions/disconnectedText'\nimport DownGradeWarning from \"../downGradeWarning/downGradeWarning\";\nimport Skeleton from \"./skeleton\"\nimport HeaderSkeleton from \"./headerSkeleton\"\nimport OrderSkeleton from \"./orderSkeleton\"\nimport VariantDetailsSkeleton from \"./variantDetailSkeleton\"\nimport noChannelEmptyState from '../../assets/icons/EmptyStates/dashboard_nochannel.svg'\nimport EditChannelModal from \"../editChannelModal/editChannelModal\"\nimport GeneralWarning from \"../generalWarning/warning\"\nimport ProgressBar from './progressBar/progressbar'\n\n\n// const Months = ['فروردین','اردیبهشت','خرداد','تیر','مرداد','شهریور','مهر','آبان','آذر','دی','بهمن','اسفند',]\n\nconst array = [{ name: \"تعداد تنوعهای فعال\", count: \"2054\", percentage: \"80%\" }, {\n name: \"تعداد تنوعهای فعال\",\n count: \"2054\",\n percentage: \"80%\"\n}, { name: \"تعداد تنوعهای فعال\", count: \"2054\", percentage: \"80%\" }, {\n name: \"تعداد تنوعهای فعال\",\n count: \"2054\",\n percentage: \"80%\"\n}, { name: \"تعداد تنوعهای فعال\", count: \"2054\", percentage: \"80%\" }, {\n name: \"تعداد تنوعهای فعال\",\n count: \"2054\",\n percentage: \"80%\"\n}]\nconst cards = [\n {\n name: \"تعداد تنوعهای فعال\", tag: \"activeVariantCount\", icon: \"R\", iconClass: 'activeVariants', details: '۶۸٪ کل تنوعها'\n },\n {\n name: \"تعداد قیمتگذاری\", tag: \"changePriceCount\", icon: \"S\", iconClass: 'pricingNumber', details: 'تاکنون'\n },\n {\n name: \"موجودی کیف پول\", tag: \"walletAmount\", icon: \"T\", iconClass: 'walletBallance', details: '۴,۵۰۰,۶۷۰ مرتبه قیمتگذاری'\n },\n {\n name: \"روزهای باقیمانده\", tag: \"remainDay\", icon: \"U\", iconClass: 'remainDay', details: 'با توجه به تنظیمات فعلی'\n }\n]\nconst titleCarousel = [\"پرفروشترین تنوعها\", \"کم فروشترین تنوعها\", \"پرسودترین تنوعها\", \"کم سودترین تنوعها\", \"بدون قابلیت فعالسازی مجدد\", \"تنوعهای غیرفعال شدهی امروز\", \"با حاشیه سود کمتر از ۱۰ درصد\", \"تنوعهای با رقابت شدید\", \"تنوعهای با مرجوعی بالا\"]\nconst dailyRef = React.createRef();\nconst weeklyRef = React.createRef();\nconst monthlyRef = React.createRef();\nconst stockRef = React.createRef();\nconst varaityStatusRef = React.createRef();\nconst varaityInfoRef = React.createRef();\nconst varaityCompetetionRef = React.createRef();\nconst lastThrityDaysRef = React.createRef();\n\nconst Dashboard = (props) => {\n const [editModal, setEditModal] = useState({\n show: false\n })\n const [hasSkeleton, setHasSkeleton] = useState({\n headerSkeleton: false,\n orderSkeleton: false,\n variantDetailSekeleton: false,\n })\n const [reportType, setReportType] = useState(\"weekly\")\n const [hasChannel, setHasChannel] = useState(false)\n const [data, setData] = useState({\n header1: {\n productCount: 0,\n variantCount: 0,\n changePriceCount: 0,\n remainDay: 0,\n pannelType: 0\n },\n inventoryManagement: {\n active: { available: 0, unavailable: 0 },\n deactivate: { available: 0, unavailable: 0 },\n runningOut: 0,\n returning: 0,\n inStock: 0,\n },\n compete: { haveCompete: 0, noCompete: 0 },\n boxPosition: { inBox: 0, outOfBox: 0 },\n completeStatus: { complete: 0, inComplete: 0 },\n salesReport: []\n })\n useEffect(async () => {\n await createDashboard()\n }, [])\n\n const createDashboard = async () => {\n let tmp = hasSkeleton\n tmp.headerSkeleton = true\n tmp.orderSkeleton = true\n tmp.variantDetailSekeleton = true\n setHasSkeleton({ ...tmp })\n await getDashboardHeader()\n await getDashboardOrder()\n await getDashboardVariantDetails()\n }\n\n const getDashboardHeader = async () => {\n let res = await GetDashboardHeader()\n if (typeof res !== \"undefined\") {\n let temp = data\n temp.header1 = res.data.header1\n if (res.data.hasChannel) {\n setHasChannel(true)\n }\n setData({ ...temp })\n }\n let skeleton = hasSkeleton\n skeleton.headerSkeleton = false\n setHasSkeleton({ ...skeleton })\n }\n\n const getDashboardOrder = async () => {\n let res = await GetDashboardOrder()\n if (typeof res !== \"undefined\") {\n let temp = data\n temp.salesReport = res.data.salesReport\n setData({ ...temp })\n }\n let skeleton = hasSkeleton\n skeleton.orderSkeleton = false\n setHasSkeleton({ ...skeleton })\n }\n\n const getDashboardVariantDetails = async () => {\n let res = await GetDashboardVariantDetails()\n if (typeof res !== \"undefined\") {\n let temp = data\n temp.completeStatus = res.data.completeStatus\n temp.compete = res.data.compete\n temp.boxPosition = res.data.boxPosition\n setData({ ...temp })\n }\n let skeleton = hasSkeleton\n skeleton.variantDetailSekeleton = false\n setHasSkeleton({ ...skeleton })\n }\n\n const cardRenderer = (item, index) => {\n let details = ''\n\n if (item.tag == 'activeVariantCount' && data.header1.activeVariantPercent) {\n details = `${toPersianNumber(numberWithCommas(data.header1.activeVariantPercent))}٪ کل تنوعها`\n }\n if (item.tag == 'walletAmount' && data.header1.walletPricingCount) {\n details = `${data.header1.walletPricingCount > 0 ? toPersianNumber(numberWithCommas(data.header1.walletPricingCount)) : '۰'} مرتبه قیمتگذاری`\n }\n if (item.tag == 'remainDay') {\n details = 'با توجه به تنظیمات فعلی'\n }\n if (item.tag == 'changePriceCount') {\n details = 'تاکنون'\n }\n return (\n \n
\n \n {stateItem.status == 'inProgress' ? : null}\n {stateItem.status == 'completed' ? : null}\n
\n {stateIndex != 4 ? : null}\n \n
\n )}\n مرحله {toPersianNumber(stateItem._id)}
\n{stateItem.name}
\n{stepIndicator(stateItem.status)}
\n\n
\n )\n }\n const pieChartRender = (header, tag, ref, chartTag1, chartTag2) => {\n return \n
\n
\n {item.tag === \"remainDay\" && data.header1[item.tag].type == 'hour' ? 'ساعات باقیمانده' : item.name}
\n{item.tag === \"remainDay\" ? toPersianNumber(numberWithCommas(parseInt(data.header1[item.tag].remain))) : item.tag == 'walletAmount' ? (parseInt(data.header1[item.tag]) > 0 ? toPersianNumber(numberWithCommas(parseInt(data.header1[item.tag]))) + ' تومان ' : '۰ تومان') : toPersianNumber(numberWithCommas(parseInt(data.header1[item.tag])))}
\n {details &&({details})
}\n\n
\n
\n }\n\n const calculateLabels = type => {\n let resultArray = []\n if (type == 'weekDays') {\n for (let i = 6; i >= 0; i--) {\n let newDate = new Date(new Date().setDate(new Date().getDate() - i)).toLocaleDateString('fa-IR', { weekday: 'long', formatMatcher: 'basic' });\n resultArray.push(newDate)\n }\n }\n if (type == 'monthDays') {\n for (let i = 29; i >= 0; i--) {\n let newDate = new Date(new Date().setDate(new Date().getDate() - i)).toLocaleDateString('fa-IR', { day: '2-digit', formatMatcher: 'basic' });\n resultArray.push(newDate)\n }\n }\n\n return resultArray\n }\n\n const addChannel = async (email, password) => {\n let params = { username: toEnglishNumber(email), password: toEnglishNumber(password) };\n let res = await SubmitAddChannel(params)\n setEditModal({ ...editModal, show: false })\n await createDashboard()\n\n return res;\n }\n\n return {header}
\n\n
\n
\n \n
\n \n \n
\n {chartTag1}
\n\n \n
\n {chartTag2}
\n\n setEditModal({ ...editModal, show: false })}\n email=''\n editchannel={addChannel}\n />\n
}\n }\n \n }\n\n\n {hasSkeleton.variantDetailSekeleton ? \n {\n props.user.expiredAccount &&\n
\n\n {\n reportType && reportType === \"weekly\" &&\n \n \n <>\n \n
\n }\n\n {\n props.user.disconnected.status &&\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n \n <>\n \n
\n }\n {/*{disconnectTextGenerator(props.user.disconnected.channelName)}
\nجهت اتصال دوباره موبیشا به پنل، لطفا اطلاعات خود را در صفحه پنل دیجیکالا بهروز رسانی کنید
\n ورود به صفحهی پنل دیجیکالا \n \n\n \n \n
*/}\n\n\n\n {hasSkeleton.headerSkeleton ? \n داشبورد\n
\nبه ربات موبیشا خوش آمدید.
\n\n {typeof props.user.progressBar != 'undefined' && (typeof props.user.progressBar.GetReward != 'undefined' && !props.user.progressBar.GetReward) &&\n \n {\n cards.map((item, index) => {\n return cardRenderer(item, index)\n })\n }\n
\n \n }\n\n {hasSkeleton.orderSkeleton ? \n {/* {(!data.salesReport.daily_chart.every(item => item === 0) || !data.salesReport.weekly_chart.every(item => item === 0)) && */}\n {
\n \n
\n
}\n {/* {((!data.salesReport.daily_chart.every(item => item === 0)) || (!data.salesReport.weekly_chart.every(item => item === 0) && !data.salesReport.monthly_chart.every(item => item === 0))) && */}\n {نمودار فروش روزانه
\n\n
\n
\n \n مبلغ کل فروش:\n
\n {toPersianNumber(numberWithCommas(data.salesReport.daily_total_sales)) + \" ریال \"}
\n\n {\n setReportType(\"monthly\")\n }}>گزارش فروش ماهانه
\n
\n {\n setReportType(\"weekly\")\n }}>گزارش فروش هفتگی
\n
\n }\n {\n reportType && reportType === \"monthly\" &&\n \n
\n }\n \n مبلغ کل فروش:\n
\n {(reportType === \"weekly\" ? toPersianNumber(numberWithCommas(data.salesReport.weekly_total_sales)) + \" ریال \" : reportType === \"monthly\" && toPersianNumber(numberWithCommas(data.salesReport.monthly_total_sales)) + \" ریال \")}
\n\n
:\n \n
\n {/* \n {pieChartRender(\"اطلاعات تنوعها\", \"completeStatus\", varaityInfoRef, \"تنوعهای تکمیل اطلاعات شده\", \"تنوعهای تکمیل اطلاعات نشده\")}\n {pieChartRender(\"موقعیت تنوعها \", \"boxPosition\", varaityStatusRef, \"تنوعهای در باکس فروش\", \"تنوعهای بدون باکس فروش\")}\n {pieChartRender(\"رقابت تنوعها\", \"compete\", varaityCompetetionRef, \"تنوعهای دارای رقیب\", \"تنوعهای بدون رقیب\")}\n
\n {/* */}\n {/* {pieChartRender(\"فروش ۳۰ روز گذشته\",\"lastThrityDays\" ,lastThrityDaysRef,\"فروش رفته در ۳۰ روز گذشته\",\"فروش نرفته در ۳۰ روز گذشته\")} */}\n {/*
*/}\n \n
\n
*/}\n مدیریت موجودی
\n\n
\n
\n \n
\n \n \n
\n تنوعهای دارای موجودی
\n\n \n
\n تنوعهای بدون موجودی
\n\n
\n \n کل تنوعهای فعال:\n
\n {toPersianNumber(data.inventoryManagement.active.available + data.inventoryManagement.active.unavailable)}
\n\n کل تنوعهای غیرفعال:\n
\n {toPersianNumber(data.inventoryManagement.deactivate.available + data.inventoryManagement.deactivate.unavailable)}
\n\n
\n ) :\n \n \n
\n تو این صفحه، میتونید نمودارهای مربوط به فروش و وضعیت تنوعهاتون رو ببینید
\n لطفا اطلاعات هر تنوع (قیمت خرید و حداقل حاشیه سود) رو از صفحه تنوعها تکمیل کنید
\n \n
\n \n
\n }\n\n \n }\n \n \n \n
\n تو این صفحه، میتونید نمودارهای مربوط به فروش و وضعیت تنوعهاتون رو ببینید
\n برای شروع پنل دیجیکالا رو ثبت کنید
\n \n
\n \n
\n \n}\n\nexport default withRouter(Dashboard);","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport DashboardComponent from \"../../Components/dashboard/dashboard\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport Survey from \"../../Components/survey/survey\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst DashboardPage = (props) => {\n return (\n \n آخرین بهروزرسانی:\n {\" \"} {toPersianNumber(moment(new Date()).format('jYYYY/jMM/jDD') + \" - \" + moment(new Date()).format('HH:mm'))\n }
\nربات دیجیکالا موبیشا
\n\n
\n )\n}\nexport default withRouter(DashboardPage);\n\n\n\n","const NationalCodeRegex = (nationalCode) => {\n let str = nationalCode;\n let result = str.match(\n /^[0-9]{10}$/\n );\n return result;\n}\nexport default NationalCodeRegex;","import React from \"react\";\nimport style from \"./success.module.scss\";\nimport Modal from '../../Modal/Modal';\nimport Button from \"../../Button/button\"\n\nconst Success = (props) => {\n\n return (\n \n
\n \n
\n \n
\n\n {/* \n props.CloseModal()}>\n \n \n
\n )\n}\n\nexport default Success;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./profile.module.scss\";\nimport Input from \"../../Components/input/input\"\nimport Button from \"../../Components/Button/button\"\nimport toEnglishNumber from \"../../helpers/actions/toEnglishNumber\"\nimport { withRouter } from \"react-router-dom\"\nimport EmailRegex from \"../../helpers/actions/emailRegex\"\nimport NationalCodeRegex from \"../../helpers/actions/nationalCodeRegex\"\nimport { EditProfile, GetUser, ProfileChangePassword } from \"../../actions/APIcalls\";\nimport SuccessModal from \"./modals/success\"\nimport auth from \"../../auth\"\n\nconst Profile = (props) => {\n const [userId, setUserId] = useState(\"\")\n const [name, setName] = useState(\"\")\n const [email, setEmail] = useState(\"\")\n const [phone, setPhone] = useState(\"\")\n const [urgentPhone, seturgentPhone] = useState(\"\")\n const [nationalCode, setNationalCode] = useState(\"\")\n const [prevPassword, setPrevPassword] = useState(\"\")\n const [password, setPassword] = useState(\"\")\n const [data, setData] = useState({ type: \"new\", editPersnolaInfo: false, editPassword: false })\n const [errors, setErrors] = useState({})\n const [passErrors, setPassErrors] = useState({})\n const [expireDate, setExpireDate] = useState(new Date())\n const [successModal, setSuccessModal] = useState(false)\n const getProfile = async () => {\n setErrors({})\n setPassErrors({})\n let res = await GetUser()\n if (typeof res !== \"undefined\") {\n let info = res.data.user;\n let da = data\n setUserId(info._id)\n setName(info.name != \"مارکیتویی\" && info.name != \"موبیشایی\" ? info.name : \"\")\n setEmail(info.email ? info.email : '')\n setPhone(info.phone)\n seturgentPhone(info.urgentPhone ? info.urgentPhone : '')\n setNationalCode(info.nationalCode ? info.nationalCode : '')\n setPrevPassword('')\n setPassword('')\n setExpireDate(info.account.wallet.amount > 0 ? 'enough' : 'end')\n if (info.name && info.email && info.phone && info.urgentPhone && info.name != \"مارکیتویی\" && info.name != \"موبیشایی\") {\n da.type = \"edit\"\n da.editPassword = false\n da.editPersnolaInfo = false\n setData({ ...da })\n } else {\n da.type = \"new\"\n da.editPassword = false\n da.editPersnolaInfo = false\n setData({ ...da })\n }\n }\n }\n\n\n const handleEditProfile = async () => {\n if (checkExist('name', name) && EmailValidation() && urgentPhoneValidation() && nationalCodeValidation()) {\n let params = {\n userId: userId,\n name: toEnglishNumber(name),\n email: \"\",\n urgentPhone: \"\",\n nationalCode: toEnglishNumber(nationalCode)\n }\n if (email != '') {\n params.email = email\n }\n if (urgentPhone != '') {\n params.urgentPhone = urgentPhone\n }\n let res = await EditProfile(params)\n if (typeof res !== \"undefined\" && res.data.success) {\n setSuccessModal(true)\n let res = await GetUser()\n auth.setLogin(res.data.user, res.headers.endedpackage, JSON.parse(res.headers.downgradewarning))\n props.renew(res.data.user, res.headers.endedpackage, JSON.parse(res.headers.downgradewarning))\n\n }\n }\n }\n\n const EmailValidation = () => {\n if (email != '') {\n if (EmailRegex(email)) {\n let errs = errors\n delete errs['email']\n setErrors({ ...errs })\n return true\n } else {\n let errs = errors\n errs['email'] = \"ایمیل وارد شده معتبر نیست!\"\n setErrors({ ...errs })\n return false\n }\n } else {\n return true\n }\n }\n\n const urgentPhoneValidation = () => {\n if (urgentPhone) {\n if (phone !== urgentPhone) {\n let errs = errors\n delete errs['urgentPhone']\n setErrors({ ...errs })\n return true\n } else {\n let errs = errors\n errs['urgentPhone'] = \"شمارهی تماس ضروری باید متفاوت از شماره کاربر باشد!\"\n setErrors({ ...errs })\n }\n } else return true\n }\n\n const nationalCodeValidation = () => {\n if (nationalCode != '') {\n if (NationalCodeRegex(nationalCode)) {\n let errs = errors\n delete errs['nationalCode']\n setErrors({ ...errs })\n return true\n } else {\n let errs = errors\n errs['nationalCode'] = \"کدملی وارد شده معتبر نیست\"\n setErrors({ ...errs })\n return false\n }\n } else {\n let errs = errors\n errs['nationalCode'] = \"تکمیل این فیلد الزامیست!\"\n setErrors({ ...errs })\n return false\n }\n }\n\n const checkExist = (propertyName, value) => {\n let errs = errors\n if (value) {\n return true\n } else {\n errs[propertyName] = \"تکمیل این فیلد الزامیست!\"\n setErrors({ ...errs })\n return false\n }\n }\n\n const checkPasswordExist = (propertyName) => {\n let errs = passErrors\n if (propertyName) {\n return true\n } else {\n errs[propertyName] = \"تکمیل این فیلد الزامیست!\"\n setPassErrors({ ...errs })\n return false\n }\n }\n\n const handleInput = (tag, e) => {\n let da = data\n if (tag == 'name') {\n setName(e.target.value)\n da.editPersnolaInfo = true\n setData({ ...da })\n }\n if (tag == 'email') {\n setEmail(e.target.value)\n da.editPersnolaInfo = true\n setData({ ...da })\n }\n if (tag == 'urgentPhone') {\n seturgentPhone(toEnglishNumber(e.target.value))\n da.editPersnolaInfo = true\n setData({ ...da })\n }\n if (tag == 'nationalCode') {\n setNationalCode(toEnglishNumber(e.target.value))\n da.editPersnolaInfo = true\n setData({ ...da })\n }\n if (tag == 'prevPassword') {\n setPrevPassword(e.target.value)\n da.editPassword = true\n setData({ ...da })\n }\n if (tag == 'password') {\n setPassword(e.target.value)\n da.editPassword = true\n setData({ ...da })\n }\n }\n\n const handleChangePassword = async () => {\n if (checkPasswordExist(prevPassword) && checkPasswordExist(password)) {\n let params = {\n userId: userId,\n phone: phone,\n prevPassword: toEnglishNumber(prevPassword),\n newPassword: toEnglishNumber(password),\n }\n let res = await ProfileChangePassword(params)\n if (typeof res !== \"undefined\") {\n if (typeof res.data !== \"undefined\" && res.data.success) {\n setSuccessModal(true)\n setPassword('')\n setPrevPassword('')\n getProfile()\n } else {\n if (typeof res.response !== \"undefined\" && res.response.status && res.response.status == 416) {\n alert('رمز عبور قبلی اشتباه است!')\n let errs = errors\n errs['prevPassword'] = 'رمز عبور قبلی اشتباه است!'\n setErrors({ ...errs })\n }\n }\n }\n }\n }\n\n const handleBlure = () => {\n /** Do Nothing */\n }\n\n useEffect(() => {\n getProfile()\n }, []);\n\n return (\n f
\n .کاربر عزیز، تغییرات با موفقیت اعمال شد
\n\n setSuccessModal(!successModal)}\n confirmSuccess={() => setSuccessModal(!successModal)}\n />\n
\n )\n\n}\n\nexport default withRouter(Profile);\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport ProfileComponent from \"../../Components/profile/profile\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"./ProfilePage.module.scss\"\n\nconst ProfilePage = (props) => {\n\n return (\n \n\n
\n پروفایل
\n\n h\n {expireDate == 'end'\n ?\n
\n شارژ کیف پول شما به پایان رسیدهاست.
\n :\nشارژ کیف پول شما برای قیمتگذاری کافی است.
\n }\nprops.history.push('/chargewallet')} className={style.renewPackage}>شارژ کیف پول
\n\n
\n\n اطلاعات شخصی
\n\n
\n \n
\n \n
\n \n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n {\n getProfile()\n }}\n />\n
\n \n\n
\n \n
\n\n رمز عبور
\n\n
\n \n
\n \n
\n \n
\n \n
\n \n {\n getProfile()\n }}\n />\n
\n \n\n
\n \n
\n )\n}\nexport default withRouter(ProfilePage);\n\n\n\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./userPackages.module.scss\";\nimport Skeleton from \"../skeleton/skeleton\"\n{/* \n
\n \n
\n \n
\n \n
\n
\n}\nexport default PackageSkeleton;\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter, Link } from \"react-router-dom\"\nimport style from \"./userPackages.module.scss\"\nimport toPersianNumber from '../../helpers/actions/toPersianNumber'\nimport numberWithCommas from '../../helpers/actions/numberWithCommas'\nimport Button from \"../Button/button\"\nimport { GetPackages } from \"../../actions/APIcalls\"\nimport Modal from \"../Modal/Modal\"\nimport moment from \"moment-jalaali\"\nimport ExpiredAccountWarning from \"../expiredAccountWarning/expiredAccountWarning\";\nimport GradientToast from \"../gradientToast/Toast\"\nimport DownGradeWarning from \"../downGradeWarning/downGradeWarning\";\nimport Skeleton from \"./skeleton\"\n\nconst featureNames = [\n { feature: \"تعداد تنوعهای کالایی\", englishName: \"varietyCount\", type: \"string\" },\n { feature: \"بازه قیمتگذاری\", englishName: \"pricingRange\", type: \"string\" },\n { feature: \"تعداد کاربران\", englishName: \"userCount\", type: \"string\" },\n { feature: \"تعداد کانالها\", englishName: \"channelCount\", type: \"string\" },\n { feature: \"تعداد رویداد در دقیقه\", englishName: \"eventsPerMin\", type: \"string\" },\n { feature: \"باکس فروش\", englishName: \"sellingBox\", type: \"icon\" },\n { feature: \"آنالیز سودآوری\", englishName: \"profitAnalysis\", type: \"icon\" },\n // { feature: \"گزارش فروش کالا\", englishName: \"sellingReport\", type: \"string\" },\n { feature: \"پشتیبانی\", englishName: \"support\", type: \"support\" }\n]\nconst UserPackages = (props) => {\n const [hasSkeleton, setHasSkeleton] = useState(false)\n const [packs, setPacks] = useState([])\n const [userPack, setUserPack] = useState([])\n const [showModal, setShowModal] = useState(false)\n const [selectedPackage, setSelectedPackage] = useState(\"\")\n useEffect(async () => {\n setHasSkeleton(true)\n let res = await GetPackages();\n // console.log(res, res);\n if (typeof res !== \"undefined\" && typeof res.data.packaging !== \"undefined\") {\n let index = res.data.packaging.findIndex(item => item.name === \"trialPackage\")\n let list = res.data.packaging\n index > -1 && list.splice(index, 1)\n setUserPack({ ...res.data.packages })\n setPacks([...list])\n }\n setHasSkeleton(false)\n }, [])\n\n //Renderers******************************************************\n const dataRenderer = (item, type, index2, packageName, iconValue) => {\n if (type === \"icon\") {\n if (iconValue === true) {\n return \n
\n \n
\n \n
\n \n \n
\n \n
\n } else {\n return {toPersianNumber('f')}
\n \n
\n }\n } else if (type === \"string\") {\n return {toPersianNumber('e')}
\n \n
\n } else {\n return {toPersianNumber(item)}
\n \n
\n\n }\n }\n const modalContentRenderer = () => {\n let pack = packs.find(item => item.name === selectedPackage)\n let current = getCurrent(userPack.name)\n // console.log(pack);\n if (typeof pack !== \"undefined\") {\n return {toPersianNumber(item)}
\n \n
\n }\n }\n const modalRowRenderer = (pack, property, rowTitle, unit) => {\n let index = pack.data.findIndex(item => item.tag === property)\n if (index >= 0) {\n return \n
\n {modalRowRenderer(pack, \"varietyCount\", \"تعداد تنوع کالاها\", \"تنوع \")}\n {modalRowRenderer(pack, \"userCount\", \"تعداد کاربران\", \"کاربر \")}\n {modalRowRenderer(pack, \"channelCount\", \"تعداد کانالها\", \"کانال \")}\n وضعیت فعلی شما
\n {pack.persianName}
\n \n \n {\n checkDownGrade(pack, \"varietyCount\") && checkDownGrade(pack, \"userCount\", \"تعداد کاربران\") && checkDownGrade(pack, \"channelCount\") ?\n \"خرید بسته مورد نظر، بدون مشکل قابل انجام است.\"\n : (new Date(userPack.endTime) >= new Date() ?\n \" درصورتی که هنگام اتمام \"\n + current.persianName +\n \" و فعالسازی \"\n + pack.persianName +\n \"(تاریخ \" + toPersianNumber(moment(new Date()).format('jYYYY/jMM/jDD')) + \" )\" +\n \"، تعداد موارد بالا بیشتر از حد مجاز باشد، ربات به صورت موقت غیرفعال میشود.\"\n :\n \"پس از خرید این بسته، ربات بهصورت موقت غیرفعال میشود. با رفع موارد خطای بالا، ربات مجدد فعال میشود. \"\n )\n }\n
\n \n {\n checkDownGrade(pack, \"varietyCount\") && checkDownGrade(pack, \"userCount\") && checkDownGrade(pack, \"channelCount\") ?\n ButtonPackRenderer(\"resume\", \"cancel\", \"تایید و ادامه\", \"انصراف و مشاهده بستهها\", () => {\n props.history.push({\n pathname: \"/packageconfirm/\" + pack.name,\n state: {\n currentPackage: {\n ...userPack,\n // currentPackagePrice: getCurrent(userPack.name).price,\n persianName: current.persianName\n }, selectedPackage: pack\n }\n })\n }, () => setShowModal(false))\n\n : (new Date(userPack.endTime) >= new Date() ?\n ButtonPackRenderer(\"resume\", \"cancel\", \"تایید و ادامه\", \"انصراف و مشاهده بستهها\", () => {\n props.history.push({\n pathname: \"/packageconfirm/\" + pack.name,\n state: {\n currentPackage: {\n ...userPack,\n // currentPackagePrice: getCurrent(userPack.name).price,\n persianName: current.persianName\n }, selectedPackage: pack\n }\n })\n }, () => setShowModal(false)) :\n ButtonPackRenderer(\"resume\", \"cancel\", \"انصراف و کاهش موارد خطا\", \"تایید و ادامه\", () => setShowModal(false), () => {\n props.history.push({\n pathname: \"/packageconfirm/\" + pack.name,\n state: {\n currentPackage: {\n ...userPack,\n // currentPackagePrice: getCurrent(userPack.name).price,\n persianName: current.persianName\n }, selectedPackage: pack\n }\n })\n })\n\n )\n }\n
\n\n pack.data[index].value ? style.rowRed : style.rowGreen}>\n
\n }\n }\n const ButtonPackRenderer = (maintag, canceltag, mainlabel, cancelLabel, mainaction, cancelAction) => {\n return (\n \n
\n pack.data[index].value ? style.redText : style.greenText}>{toPersianNumber(userPack[property]) + \" \" + unit}
\n{toPersianNumber(pack.data[index].value) + \" \" + unit}
\n {rowTitle}
\n \n
\n )\n }\n //handlers**********************************************************\n const selectPackage = (tag) => {\n let selected = packs.find(item => item.name === tag)\n let current = getCurrent(userPack.name)\n // console.log(current,selected);\n // console.log(userPack);\n if (userPack.name === \"trialPackage\") {\n props.history.push({\n pathname: \"/packageconfirm/\" + selected.name,\n state: {\n currentPackage: { ...userPack, persianName: \" آزمایشی\" },\n selectedPackage: selected\n }\n })\n\n } else {\n console.log(selected, current);\n if (selected.basePrice < current.basePrice) {\n setShowModal(true)\n setSelectedPackage(tag)\n\n } else {\n props.history.push({\n pathname: \"/packageconfirm/\" + selected.name,\n state: {\n currentPackage: {\n ...userPack,\n // currentPackagePrice: current.basePrice,\n persianName: current.persianName\n }, selectedPackage: selected\n }\n })\n }\n }\n }\n //functions*********************************************************\n const checkDownGrade = (pack, property) => {\n let index = pack.data.findIndex(item => item.tag === property)\n if (index >= 0 && userPack[property] > pack.data[index].value) {\n return false\n } else return true\n }\n const getCurrent = (tag) => {\n console.log(packs, tag);\n let current = packs.find(item => item.name === tag)\n return current\n }\n const findButtonLabel = (pack) => {\n if (pack.name === userPack.name) {\n return \"تمدید\"\n } else {\n let obj = packs.find(item => item.name === userPack.name)\n if (obj && pack.basePrice > obj.basePrice) {\n return \"ارتقا\"\n } else {\n return \"انتخاب\"\n }\n }\n }\n const Finder = (feature) => {\n let obj\n let array = []\n packs.forEach(Element => {\n obj = Element.data.find((item) => item.tag === feature.englishName)\n if (typeof obj !== \"undefined\") {\n // console.log(Element.tag);\n obj.packageName = Element.name;\n array.push(obj)\n }\n })\n return array.map((item, index) => {\n let iconValue = false\n if (item.value === \"دارد\") iconValue = true\n return dataRenderer(item.value, feature.type, index, item.packageName, iconValue)\n })\n }\n if (hasSkeleton) {\n return \n < Button\n disabled={false}\n tag={canceltag}\n type=\"outline\"\n label={cancelLabel}\n onclick={() => cancelAction()} />\n
\n \n < Button\n disabled={false}\n tag={maintag}\n type=\"solid\"\n label={mainlabel}\n onclick={() => mainaction()} />\n
\n \n {\n props.user.expiredAccount &&\n {\n setShowModal(false)\n }}\n >\n {modalContentRenderer()}\n \n \n } */}\n
\n \n )\n }\n}\nexport default withRouter(UserPackages);","import React from \"react\";\nimport {withRouter} from \"react-router-dom\"\nimport Sidebar from \"../Components/sidebar/sidebar\"\nimport UserPackagesComponent from \"../Components/userPackages/userPackages\"\nimport style from \"./sidebarPage.module.scss\"\n\nconst UserPackages = (props) => {\n console.log(window.innerHeight, \"pp\");\n\n return (\n \n \n <>\n \n
\n }\n {/* {\n Object.keys(props.user.downGradeWarning).length !== 0 &&\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n \n <>\n \n
\n } */}\n خرید و تمدید بسته
\n {/* {\n props.user.expiredAccount &&\n\n
\n \n
\n\n {featureNames.map((item, index) => {\n return \n
\n {packs.map((item, index) => {\n return بستهها
\n {/* */}\n ویژگیها
\n \n
\n })}\n ماهانه
\n {item.persianName}
\n \n
\n })\n\n }\n {item.feature}
\n {Finder(item)}\n \n \n {packs.map((item, index) => {\n return
\n \n {item.discountAmount != 0 &&
\n // {\n item !== \"توافقی\" && item !== \"رایگان\" && item != \" \" ?\n toPersianNumber(numberWithCommas(item.finalPrice)) + \" تومان \" : item\n }\n
\n {\n // item !== \"توافقی\" && item !== \"رایگان\" && item != \" \" ?\n // toPersianNumber(numberWithCommas(item.price)) + \" تومان \" : item\n // }\n //
\n })}\n \n \n {packs.map((item, index) => {\n return {item !== \" \" &&\n \n }\n
\n\n })}\n \n
\n )\n}\nexport default withRouter(UserPackages);\n\n\n\n","import React, { useState } from \"react\";\nimport { Redirect, Route } from \"react-router-dom\";\nimport auth from \"./auth.js\";\n\nconst ProtectedRoute = ({ component: Component, ...rest }) => {\n const [userData, setUserData] = useState(auth.getUser())\n return (\n \n \n
\n \n \n\n
\n \n
\n )\n}\nexport default withRouter(NotFound);\n\n\n\n","export default __webpack_public_path__ + \"static/media/500.5d8404b9.svg\";","import React from \"react\";\nimport {withRouter} from \"react-router-dom\"\nimport style from \"./serverError.module.scss\"\nimport Button from \"../../Components/Button/button\";\nimport error from \"../../assets/icons/500.svg\"\nimport mobisha from \"../../assets/icons/mobisha.svg\"\n\nconst serverError = (props) => {\n\n return (\n \n
\n \n
\n \n
\n \n 
\n 
\n
\n \n
\n \n\n
\n خطای ۴۰۴
\n به نظر میاد که گم شدیم :/
\n ببخشید که نتونستیم صفحهای که دنبالش بودی رو پیدا کنیم. ولی\n اشکالی نداره، کمکت میکنیم که راه رو پیدا کنی.\n
\n \n \n \n
\n \n 
\n
\n\n موبیشا | ربات قیمتگذاری دیجیکالا
\n \n
\n )\n}\nexport default withRouter(serverError);\n\n\n\n","import React from \"react\";\nimport style from \"./discountCard.module.scss\";\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport numberWithCommas from \"../../../helpers/actions/numberWithCommas\";\nimport moment from \"moment-jalaali\";\n\nconst packagesDic = {\n 'bronze': 'برنزی',\n 'silver': 'نقرهای',\n 'gold': 'طلایی',\n 'platine': 'پلاتینیوم'\n}\nconst packagesNames = (packages) => {\n let tempStr = ''\n packages.forEach((item, index) => {\n tempStr = tempStr + packagesDic[item] + (index < packages.length - 1 ? ' و ' : \" \")\n })\n return 'برای تمدید بستههای ' + tempStr\n}\nconst DiscountCard = (props) => {\n const copy = async (text) => {\n await navigator.clipboard.writeText(text);\n }\n return (\n \n
\n \n
\n \n 
\n
\n \n
\n \n\n
\n خطای ۵۰۰
\n سرور از دسترس خارج است
\n متاسفانه مشکل از سمت ماست و سرور از دسترس خارج شده. الان\n نمیتونیم صفحهی مورد نظرتون رو بیاریم، لطفا یه کم بعد دوباره تلاش کنین.\n
\n \n
\n \n \n
\n\n\n موبیشا | ربات قیمتگذاری دیجیکالا
\n \n
\n \n )\n\n}\n\nexport default DiscountCard;\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter } from \"react-router\";\nimport style from './payment.module.scss';\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\";\nimport Button from \"../Button/button\";\nimport moment from \"moment-jalaali\"\nimport { CalculatePackagePrice, CreateTransaction, GetDiscountList } from \"../../actions/APIcalls\";\nimport { numberWithCommas } from \"../../helpers/actions/splitNumberWithComma\";\nimport Toast from \"../Toast/Toast\"\nimport DiscountCard from \"./discountCard/discountCard\"\nimport Modal from \"../Modal/Modal\";\n\nconst Payment = (props) => {\n const [calculatePrice, setCalculatePrice] = useState({ price: \"0\", difference: \"0\" })\n const [loading, setLoading] = useState(false)\n const [error, setError] = useState('')\n\n const [discount, setDiscount] = useState({\n status: false,\n name: \"\",\n value: '',\n discountCode: '',\n error: '',\n })\n const [discountList, setDiscountList] = useState([])\n const [discountModalShow, setDiscountModalShow] = useState(false)\n\n //LifeCycles**********************************************\n useEffect(async () => {\n let params = {\n varietyCount: findParamValue('varietyCount'),\n channelCount: findParamValue('channelCount'),\n userCount: findParamValue('userCount'),\n pricingRange: findParamValue('pricingRange'),\n name: props.history.location.state.selectedPackage.name\n }\n let calcRes = await CalculatePackagePrice(params);\n console.log(calcRes);\n let temp = calculatePrice;\n temp.price = calcRes.data.price;\n temp.difference = calcRes.data.difference;\n temp.finalPrice = calcRes.data.finalPrice;\n setCalculatePrice({ ...temp })\n\n }, [])\n\n //apiCalls***********************************************\n const discountCodeCalc = async () => {\n let Discount = discount;\n if (discount.discountCode) {\n if (!discount.status) {\n let params = {\n varietyCount: findParamValue('varietyCount'),\n channelCount: findParamValue('channelCount'),\n userCount: findParamValue('userCount'),\n pricingRange: findParamValue('pricingRange'),\n name: props.history.location.state.selectedPackage.name,\n persianName: props.history.location.state.selectedPackage.persianName,\n discountCode: discount.value\n }\n let calcRes = await CalculatePackagePrice(params);\n if (calcRes && calcRes.status === 200) {\n\n Discount.value = calcRes.data.discount && calcRes.data.discount.name ? 'کد تخفیف به مناسبت ' + (calcRes.data.discount.name) + ' با موفقیت اعمال شد. ' : 'کد تخفیف با موفقیت اعمال شد.'\n Discount.status = true;\n Discount.error = ''\n Discount.price = calcRes.data.price;\n Discount.finalPrice = calcRes.data.finalPrice;\n Discount.discountAmount = calcRes.data.discount && calcRes.data.discount.amount && (calcRes.data.discount.amount)\n Discount.discountName = calcRes.data.discount && calcRes.data.discount.name && (calcRes.data.discount.name)\n setDiscount({ ...Discount })\n } else if (calcRes) {\n Discount.error = calcRes.response.data.error;\n setDiscount({ ...Discount })\n }\n } else {\n Discount.status = false;\n Discount.value = '';\n Discount.discountCode = '';\n Discount.error = '';\n delete Discount.finalPrice;\n delete Discount.discountAmount;\n delete Discount.discountName\n setDiscount({ ...Discount })\n\n }\n } else {\n Discount.error = 'لطفا کد تخفیف را وارد کنید.';\n setDiscount({ ...Discount })\n }\n }\n\n const getDiscountList = async () => {\n console.log(props, \"props\");\n let params = { accountId: props.user.account._id }\n console.log(params);\n let list = await GetDiscountList(params)\n console.log(list, 'listt');\n setDiscountList(list.data.discounts)\n setDiscountModalShow(true)\n }\n\n //renderers********************************************** \n\n const transactionHandler = async () => {\n setLoading(true)\n let params = {\n varietyCount: findParamValue('varietyCount'),\n channelCount: findParamValue('channelCount'),\n userCount: findParamValue('userCount'),\n pricingRange: findParamValue('pricingRange'),\n name: props.history.location.state.selectedPackage.name,\n price: discount.status ? discount.finalPrice : calculatePrice.finalPrice\n }\n discount.status && (params.discountCode = discount.discountCode)\n let res = await CreateTransaction(params)\n if (res && res.data) {\n setLoading(false)\n window.location.href = 'https://mupra.ir/directIpg/' + res.data.token\n } else {\n setError(res.response.data.error)\n }\n console.log(res, \"createTran\");\n }\n const findParamValue = (tag) => {\n let index = props.history.location.state.selectedPackage.data.findIndex(item => item.tag === tag)\n if (index >= 0) {\n return props.history.location.state.selectedPackage.data[index].value\n }\n }\n const warningRenderer = () => {\n if (typeof props.history.location.state !== \"undefined\") {\n if (calculatePrice.difference > 0 && remainDays() > 0 && (checkDownGrade(\"varietyCount\") || checkDownGrade(\"userCount\") || checkDownGrade(\"channelCount\"))) {\n return \n\n {props.data.amountType === 'percent' ? \n :\n \n \n }\n\n\n
\n \n
%
\n {\" \" + toPersianNumber(props.data.amount)}\n {toPersianNumber(numberWithCommas(props.data.amount))}
\nتومان
\n\n
\n \n
\n \n
\n :کد تخفیف
\n {props.data.code}
\n copy('blahhh')}>#
\n \n {props.data.packages[0] !== '*' &&\n \n {packagesNames(props.data.packages)}\n \n }\n
\n h
\n \n {'مدت اعتبار تا ' + toPersianNumber(moment(props.data.endTime).format('jYYYY/jMM/jDD'))}
\n props.submitDiscount(props.data.code)}>اعمال\n کد تخفیف\n
\n \n
\n } else if (calculatePrice.difference > 0 && remainDays() <= 0 && ((checkDownGrade(\"varietyCount\") || checkDownGrade(\"userCount\") || checkDownGrade(\"channelCount\")))) {\n return \n
\n h
\n \n
\n \n برای فعالسازی\n {typeof props.history.location.state !== \"undefined\" && \" \" + props.history.location.state.selectedPackage.persianName + \" \"}\n باید حداکثر\n {\" \" + returnValue('varietyCount') + \" \"}\n تنوع،\n {\" \" + returnValue('userCount') + \" \"}\n کاربر و\n {\" \" + returnValue('channelCount') + \" \"}\n کانال داشته باشید.\n
\n\n در صورتی که هنگام اتمام\n {typeof props.history.location.state !== \"undefined\" && \" \" + props.history.location.state.currentPackage.persianName + \" \"}\n و فعالسازی\n {typeof props.history.location.state !== \"undefined\" && \" \" + props.history.location.state.selectedPackage.persianName + \" \"}\n (تاریخ {toPersianNumber(moment(props.history.location.state.currentPackage.endTime).format('jYYYY/jMM/jDD'))})،\n تعداد موارد بالا بیشتر از حد مجاز باشد، ربات بهصورت موقت غیرفعال میشود.\n
\n\n
\n } else if (calculatePrice.difference < 0 && props.history.location.state.currentPackage.name !== \"trialPackage\") {\n return \n
\n h
\n \n
\n \n برای فعالسازی\n {typeof props.history.location.state !== \"undefined\" && \" \" + props.history.location.state.selectedPackage.persianName + \" \"}\n باید حداکثر\n {\" \" + returnValue('varietyCount') + \" \"}\n تنوع،\n {\" \" + returnValue('userCount') + \" \"}\n کاربر و\n {\" \" + returnValue('channelCount') + \" \"}\n کانال داشته باشید.\n
\nپس از خرید این بسته، ربات بهصورت موقت غیرفعال میشود با رفع موارد خطا، ربات مجدد فعال\n میشود.
\n\n\n
\n }\n\n }\n }\n //handlers***********************************************\n const discountHandler = (e) => {\n let Discount = { ...discount }\n Discount.value = e.target.value\n Discount.discountCode = e.target.value\n setDiscount({ ...Discount })\n }\n const listSelectedDiscountHandler = (code) => {\n let Discount = { ...discount }\n Discount.value = code\n Discount.discountCode = code\n setDiscount({ ...Discount })\n closeModalFunction()\n }\n const closeModalFunction = () => {\n setDiscountModalShow(false)\n }\n\n //funcions***********************************************\n const checkDownGrade = (property) => {\n if (typeof props.history.location.state !== \"undefined\") {\n let feature = props.history.location.state.selectedPackage.data.find(item => item.tag === property)\n console.log(props.history.location.state.currentPackage, feature.value);\n if (props.history.location.state.currentPackage[property] > feature.value) {\n return true\n } else return false\n }\n }\n const returnValue = (propsName) => {\n if (typeof props.history.location.state !== \"undefined\") {\n let feature = props.history.location.state.selectedPackage.data.find(item => item.tag === propsName)\n if (typeof feature !== \"undefined\") {\n return toPersianNumber(feature.value)\n }\n }\n }\n const remainDays = () => {\n const diffTime = (new Date(props.history.location.state.currentPackage.endTime) - new Date());\n return Math.ceil(diffTime / (1000 * 60 * 60 * 24))\n }\n return (\n \n
\n h
\n \n
\n هم اکنون میتوانید با دریافت وجه باقیمانده از\n بسته {props.history.location.state.currentPackage.persianName}، با هزینه کمتری بسته خود را\n ارتقا دهید.
\n\n setError('')}\n />\n \n {discountList.length > 0 ? discountList.map((item, index) => {\n return
\n \n\n \n }\n\n {/* \n \n
\n }\n \n\n \n .کاربر عزیز، درحال حاضر هیچ تخفیف فعالی برای شما موجود نیست\n
\n\n
\n\n {warningRenderer()}\n\n خرید و تمدید بسته
\n \n\n
\n {console.log(props.history.location.state.currentPackage.currentPackagePrice, props.history.location.state.selectedPackage.basePrice)}\n {typeof props.history.location.state !== \"undefined\" && calculatePrice.difference > 0 && remainDays() > 0 &&\n {typeof props.history.location.state !== \"undefined\" && props.history.location.state.selectedPackage.persianName}\n {remainDays() <= 0 ?\n {toPersianNumber(0)} روز باقیمانده از بسته قبلی \n :\n {toPersianNumber(Math.abs(remainDays()))}\n {\" \"}روز باقیمانده از بسته فعلی تا تاریخ {\" \"}\n {toPersianNumber(moment(props.history.location.state.currentPackage.endTime).format('jYYYY/jMM/jDD'))}\n }\n
\n\n\n {typeof props.history.location.state !== \"undefined\" &&\n props.history.location.state.selectedPackage.data.map((item, index) => {\n return
\n \n
\n })\n }\n {item.name}:
\n {typeof item.value === \"boolean\" ? (item.value ? \"دارد\" : \"ندارد\") : toPersianNumber(item.value)}\n \n
\n \n :محاسبه قیمت\n
\n \n
\n \n {toPersianNumber(numberWithCommas(props.history.location.state.selectedPackage.finalPrice))} تومان\n
\n هزینه {props.history.location.state.selectedPackage.persianName}\n -
\n \n {toPersianNumber(numberWithCommas(calculatePrice.difference))} تومان\n
\n هزینه {typeof props.history.location.state.currentPackage.persianName !== 'undefined' && props.history.location.state.currentPackage.persianName}\n =
\n \n {toPersianNumber(numberWithCommas(props.history.location.state.selectedPackage.finalPrice - calculatePrice.difference))} تومان\n
\n قابل پرداخت\n \n
*/}\n\n \n
\n \n :هزینه نهایی\n
\n \n {typeof props.history.location.state !== \"undefined\" && (calculatePrice.difference > 0 ?\n toPersianNumber(numberWithCommas(props.history.location.state.selectedPackage.price - calculatePrice.difference))\n : toPersianNumber(numberWithCommas(props.history.location.state.selectedPackage.price)))}تومان\n
\n \n
\n \n < Button\n disabled={false}\n tag={\"cancel\"}\n type=\"outline\"\n label=\"بازگشت و مشاهده بستهها\"\n onclick={() => props.history.push('/userpackages')} />\n
\n\n \n < Button\n disabled={false}\n tag=\"confirm\"\n type=\"solid\"\n label=\"تایید و پرداخت\"\n loading={loading}\n onclick={transactionHandler} />\n
\n \n
}\n \n \n
\n \n
\n کد تخفیف
\n getDiscountList()}>مشاهده کد تخفیفهای\n موجود\n
\n \n discountHandler(e)} />\n
\n {discount.status && discountCodeCalc()}>{discount.status ?\n
\n g
: 'اعمال'}{discount.error}
\n \n
\n \n :هزینه بسته\n {toPersianNumber(numberWithCommas(discount.price)) + ' تومان '}\n \n
\n \n :تخفیف\n {discount.discountAmount <= 100 ? toPersianNumber(discount.discountAmount) + '%' : toPersianNumber(numberWithCommas(discount.discountAmount)) + ' تومان '}
\n \n
\n \n \n )\n\n}\nexport default withRouter(Payment)\n","import React from \"react\";\nimport {withRouter} from \"react-router-dom\"\nimport Sidebar from \"../Components/sidebar/sidebar\"\nimport Payment from \"../Components/payment/payment\"\nimport style from \"./sidebarPage.module.scss\"\n\nconst PaymentPage = (props) => {\n\n return (\n \n
\n \n :هزینه نهایی\n
\n \n {discount.status ? toPersianNumber(numberWithCommas(discount.finalPrice)) : toPersianNumber(numberWithCommas(calculatePrice.finalPrice))} تومان\n
\n \n
\n \n < Button\n disabled={false}\n tag={\"cancel\"}\n type=\"outline\"\n label=\"بازگشت و مشاهده بستهها\"\n onclick={() => props.history.push('/userpackages')} />\n
\n\n \n < Button\n disabled={false}\n tag=\"confirm\"\n type=\"solid\"\n label=\"تایید و پرداخت\"\n loading={loading}\n onclick={transactionHandler} />\n
\n \n
\n )\n}\nexport default withRouter(PaymentPage)\n \n\n\n\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./proReportList.module.scss\";\nimport Skeleton from \"../skeleton/skeleton\"\n{/* \n \n
\n \n \n\n
\n \n
\n}\nexport default ProReportSkeleton;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./proReportList.module.scss\";\nimport Searchbar from \"../productSearchbar/productSearchbar\"\nimport Pagination from \"../pagination/pagination\"\nimport toPersianNumber from '../../helpers/actions/toPersianNumber'\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport { DeleteReport, GetProReportList } from \"../../actions/APIcalls\"\nimport { withRouter, Link } from \"react-router-dom\"\nimport ExpiredAccountWarning from \"../expiredAccountWarning/expiredAccountWarning\"\nimport GradientToast from \"../gradientToast/Toast\"\nimport DownGradeWarning from \"../downGradeWarning/downGradeWarning\";\nimport Skeleton from \"./skeleton\"\n\nconst ProReportList = (props) => {\n const [hasSkeleton, setHasSkeleton] = useState(false)\n const [search, setSearch] = useState(\"\");\n const [pageData, setPageData] = useState({ pageCount: 1, currentPage: 1, countInPage: 10 })\n const [list, setList] = useState([])\n const [showModal, setShowModal] = useState({ open: false, success: false })\n //lifecyles*************************************************\n useEffect(() => {\n if (search !== \"\") {\n GetList()\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [search])\n useEffect(() => {\n window.addEventListener('popstate', () => {\n setSearch(\"\")\n })\n return () => window.removeEventListener('popstate', () => {\n })\n\n }, [])\n useEffect(() => {\n GetList()\n if (typeof props.location !== \"undefined\" && typeof props.location.search !== \"undefined\" && props.location.search !== \"\") {\n let url = new URLSearchParams(window.location.search);\n setSearch(url.get(\"search\"));\n }\n //eslint-disable-next-line react-hooks/exhaustive-deps\n }, [])\n useState(() => {\n if (list.length == 0 && pageData.currentPage !== 1) {\n let page = pageData\n page.currentPage = page.currentPage - 1\n setPageData({ ...page })\n }\n }, [list])\n //get server data*********************************************\n const GetList = async () => {\n setHasSkeleton(true)\n let params = {\n query: {\n search: search,\n pageNumber: pageData.countInPage,\n page: pageData.currentPage\n }\n }\n let res = await GetProReportList(params);\n if (typeof res !== \"undefined\") {\n setList([...res.data.result]);\n let pageInfo = pageData;\n pageInfo.page = res.data.pageNumber;\n pageInfo.pageCount = res.data.pageCount\n setPageData({ ...pageInfo })\n }\n setHasSkeleton(false)\n }\n const deleteReport = async () => {\n console.log(showModal);\n let res = await DeleteReport({ id: showModal.id })\n console.log(res);\n if (typeof res !== \"undefined\", res.data.success) {\n let modal = showModal\n modal.success = true\n setShowModal({ ...modal })\n GetList()\n }\n }\n //renderer**************************************************\n const cardRenderer = (data) => {\n return \n
\n
\n \n
\n\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n\n \n
\n }\n //handlers**************************************************\n const searchHandler = (val) => {\n setSearch(val)\n props.history.push(\n '/report/proreportlist?search=' + val,\n { search: val }\n );\n\n }\n const pageSetter = (number) => {\n let data = pageData\n data.currentPage = number\n setPageData({ ...data })\n GetList()\n }\n const handler = async (tag, id) => {\n console.log(tag, id);\n if (tag === \"delete\") {\n if (typeof props.user !== \"undefined\" && props.user.permission.reportManagement.includes(\"Delete\")) {\n let res = list.find(item => item._id === id)\n console.log(res);\n if (typeof res !== \"undefined\") {\n console.log(\"delete\");\n setShowModal({ open: true, success: false, reportName: res.reportName, id: res._id })\n }\n }\n } else {\n if (typeof props.user !== \"undefined\" && props.user.permission.reportManagement.includes(\"Edit\")) {\n let obj = list.find(i => i._id === id)\n if (typeof obj !== \"undefined\") {\n props.history.push({ pathname: \"/report/create\", state: { id: id, report: { ...obj } } })\n }\n }\n }\n }\n //functions*******************************************\n\n const cancelDeleteModal = () => {\n setShowModal({ open: false, success: false, name: \"\", id: \"\" })\n }\n if (hasSkeleton) {\n return \n
\n {data.name}
\n {typeof data.hint !== \"undefined\" && data.hint &&\n\n
\n }\n h
\n \n \n
\n {data.hint}
\n {data.description}
\n\n props.history.push({\n pathname: \"/report/proreportshow/\" + data.englishName,\n state: { report: { ...data } }\n }\n )}\n >مشاهده گزارش\n
\n \n {\n props.user.expiredAccount &&\n \n } */}\n {(list.length > 0 || search) &&
\n )\n }\n\n}\n\nexport default withRouter(ProReportList);\n","import React from \"react\";\nimport {withRouter} from \"react-router-dom\"\nimport Sidebar from \"../Components/sidebar/sidebar\"\nimport ProReportList from \"../Components/proReportList/proReportList\"\nimport style from \"./sidebarPage.module.scss\"\n\nconst ProReportListPage = (props) => {\n\n return (\n \n \n <>\n \n
\n }\n {/* {\n Object.keys(props.user.downGradeWarning).length !== 0 &&\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n \n <>\n \n
\n } */}\n \n
\n {/* {\n props.user.expiredAccount &&\n گزارشات پیشرفته
\n\n searchHandler(value)}\n />\n
}\n {list.length > 0 ?\n \n\n
:\n (search ? \n
\n\n\n \n
\n \n
\n \n {\n let page = { ...pageData };\n page.countInPage = selected;\n setPageData({ ...page })\n GetList()\n\n }} />\n
\n تعداد نمایش در صفحه
\n \n {toPersianNumber(list.length) + \" گزارش \"}
\n \n {list.map((item, index) => {\n return
\n \n {cardRenderer({ ...item })}\n
\n })}\n \n
\n\n \n \n
\n : !نتیجهای یافت نشد
\n.نتیجهای مطابق با جستجوی شما یافت نشد. لطفا عبارت دیگری را امتحان کنید
\n\n \n
)}\n\n .کاربر عزیز، در حال حاضر شما هیچ گزارشی در ربات موبیشا ندارید
\n\n
\n )\n}\nexport default withRouter(ProReportListPage);\n\n\n\n","import React, { useState } from \"react\";\nimport style from './proReportCard.module.scss';\nimport { Link } from \"react-router-dom\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport { numberWithCommas } from \"../../../helpers/actions/splitNumberWithComma\";\n\nconst ProReportCard = (props) => {\n\n const [moreInfo, setMoreInfo] = useState(false)\n\n const calculateLines = text => {\n if (text.length < 88) {\n return text\n } else {\n return text.substr(0, 80) + '...'\n }\n }\n\n return (\n \n \n
\n \n \n\n
\n \n
\n \n {moreInfo ?\n \n \n \n
\n \n
\n \n \n
\n\n \n \n {calculateLines(toPersianNumber(props.data.product[0].newName))}\n \n\n
\n \n \n
\n DKPC - {toPersianNumber(props.data.product[0].DKPC)}
\n \n \nDKP - {toPersianNumber(props.data.product[0].DKP)}
\n \n \n{props.data.product[0].supplierCode ? toPersianNumber(props.data.product[0].supplierCode) : '--'}
\n\n {props.data && props.data.channel ?
\n {props.data.channel}
:}\n
\n
\n {props.type == 'returned' ?\n {toPersianNumber(props.data.count)}
\n\n
\n :\n null}\n {toPersianNumber(props.data.return)}
\n{toPersianNumber(numberWithCommas(props.data.prices))}
{toPersianNumber(numberWithCommas(props.data.profit))}
\n props.toggleReportDetail(props.data._id)}\n >\n جزئیات بیشتر\n
\n \n {/* More Info Mark */}\n setMoreInfo(!moreInfo)}\n >u
\n \n
\n : null}\n \n )\n}\nexport default ProReportCard\n\n","import React, { useState } from \"react\";\nimport style from './orderDetailModal.module.scss';\nimport Modal from '../../Modal/Modal'\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport { numberWithCommas } from \"../../../helpers/actions/splitNumberWithComma\";\n\n\nconst OrderDetailModal = (props) => {\n\n return (\n \n
\n \n
\n موجودی قابل فروش
\n{props.data.product[0].sellerStock ? toPersianNumber(numberWithCommas(props.data.product[0].sellerStock)) : '--'}
\n\n
\n موجودی دیجیکالا
\n{props.data.product[0].digikalaStock ? toPersianNumber(numberWithCommas(props.data.product[0].digikalaStock)) : '--'}
\n\n
\n تعداد رزرو شده
\n{props.data.product[0].reservedStock ? toPersianNumber((props.data.product[0].reservedStock)) : '--'}
\n\n\n
\n \n props.threeDotHandler(props.data._id)}\n >\n تنظیمات پیشرفته\n \n
\n \n \n \n \n \n \n
)}\n \n \n )\n}\nexport default OrderDetailModal\n\n","import React from \"react\"\nimport style from \"./selectDateRangeButton.module.scss\"\n\nconst SelectDateRangeButton = (props) => {\n return (\n \n \n \n \n \n
\n {props.data && props.data.combinedData && props.data.combinedData.length > 0 && props.data.combinedData.map((itemData, itemDataIndex) => کد کالا
قیمت فروش
دریافتی از دیجیکالا
میزان سود
{toPersianNumber(numberWithCommas(itemData.price))}
ریال{toPersianNumber(numberWithCommas(itemData.withoutDkCostTax))}
ریال{toPersianNumber(numberWithCommas(itemData.profit))}
ریال props.onclick(props.label)}>\n {props.label}\n
\n );\n}\n\nexport default SelectDateRangeButton;\n\n/*\n*\ntag='برند' :Label is the text above dropdown and its OPTIONAL\nplaceHolder='برن :The tag that will be returned everytime a function inside the component is called(REQUIRED)\nlabel='برند' د' :Placeholder is the text inside dropdown button and is REQUIRED\ndropdownList={array} :dropdownList is the items you wish to see when dropdown is clicked( also REQUIRED )\nhasSearchBox={true} :You can define wether you want to have a search box or not\nhasCheckbox={false} :Enables you to choose between single-select/multi-select modes\nhandleSelect={handleSelect} :HandleSelect must be defined in parent component and will be given \"tag\" and \"value\" as function's parameters(REQUIRED)\nhandleSearch={handleSearch} :HandleSearch is also defined in parent component and will be given \"tag\" and \"value\" as function's parameters\ndeleteSelectedItems={deleteAll} :In case you want to delete all the selected values and it must be defined in parent(REQUIRED)\n*\n */\n","import React, { useEffect, useRef, useState } from \"react\"\nimport \"./calenderComponent.css\"\nimport momentJalaali from 'moment-jalaali';\nimport { Calendar } from 'react-datepicker2';\n\nconst CalenderComponent = (props) => {\n const [calOne, setCalOne] = useState({ value: momentJalaali() })\n const [calTWo, setcalTWo] = useState({ value: momentJalaali().subtract(1, \"jMonths\") })\n const [range, setRange] = useState({})\n const wrapperRef = useRef(null);\n\n\n useEffect(() => {\n setRange({ start: momentJalaali(props.value.start), end: momentJalaali(props.value.end) })\n document.addEventListener(\"click\", handleClickOutside, false);\n return () => {\n document.removeEventListener(\"click\", handleClickOutside, false);\n };\n }, []);\n useEffect(async () => {\n selectDefaultValues()\n }, [props.defaultValues]);\n\n useEffect(async () => {\n\n setRangeInCal()\n }, [calTWo, calOne])\n const handleClickOutside = event => {\n if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {\n }\n };\n const selectDefaultValues = () => {\n setCalOne({ value: momentJalaali() })\n setcalTWo({ value: momentJalaali().subtract(1, \"jMonths\") })\n switch (props.defaultValues) {\n case \"امروز\": {\n clickHandler(momentJalaali(), 'calendar')\n clickHandler(momentJalaali(), 'calendar')\n }\n break\n case \"دیروز\": {\n clickHandler(momentJalaali().subtract(1, \"day\"), 'calendar')\n clickHandler(momentJalaali().subtract(1, \"day\"), 'calendar')\n }\n break\n case \"هفته اخیر\": {\n clickHandler(momentJalaali().subtract(7, \"day\"), 'calendar')\n clickHandler(momentJalaali(), 'calendar')\n }\n break\n case \"هفته قبل\": {\n clickHandler(momentJalaali().subtract(14, \"day\"), 'calendar')\n clickHandler(momentJalaali().subtract(7, \"day\"), 'calendar')\n }\n break\n case \"ماه اخیر\": {\n clickHandler(momentJalaali().subtract(30, \"day\"), 'calendar')\n clickHandler(momentJalaali(), 'calendar')\n }\n break\n case \"ماه قبل\": {\n clickHandler(momentJalaali().subtract(60, \"day\"), 'calendar')\n clickHandler(momentJalaali().subtract(30, \"day\"), 'calendar')\n\n }\n break\n }\n\n }\n\n const removeFromAllCalendar = (className) => {\n const days = document.querySelectorAll(\".calendar .dayWrapper.currentMonth\");\n days.forEach((item, index) => {\n days[index].classList.remove(className);\n })\n const days2 = document.querySelectorAll(\".calendarTwo .dayWrapper.currentMonth\");\n days2.forEach((item, index) => {\n days2[index].classList.remove(className);\n })\n }\n const setRangeInCal = () => {\n removeFromAllCalendar('rangeStart')\n removeFromAllCalendar('rangeEnd')\n removeFromAllCalendar('selectedRange')\n if (typeof range.start !== \"undefined\" && typeof range.end !== \"undefined\") {\n const days = document.querySelectorAll(\".calendar .dayWrapper.currentMonth\");\n const days2 = document.querySelectorAll(\".calendarTwo .dayWrapper.currentMonth\");\n setTimeout(() => {\n calOne.value.jMonth() === range.start.jMonth() ? days[range.start.jDate() - 1]?.classList.add(\"rangeStart\") :\n (calTWo.value.jMonth() === range.start.jMonth() ? days2[range.start.jDate() - 1]?.classList.add(\"rangeStart\") : days2[range.start.jDate() - 1].classList.remove(\"rangeStart\"))\n\n calOne.value.jMonth() === range.end.jMonth() ? days[range.end.jDate() - 1]?.classList.add(\"rangeEnd\") :\n (calTWo.value.jMonth() === range.end.jMonth() ? days2[range.end.jDate() - 1]?.classList.add(\"rangeEnd\") : days2[range.end.jDate() - 1]?.classList.remove(\"rangeEnd\"))\n }, 50);\n days.forEach((item, index) => {\n checkRange(index, calOne) && days[index]?.classList.add(\"selectedRange\")\n })\n days2.forEach((item, index) => {\n checkRange(index, calTWo) && days2[index]?.classList.add(\"selectedRange\")\n })\n }\n }\n\n const checkRange = (day, calendar) => {\n let temp = momentJalaali(calendar.value);\n temp = temp.subtract(temp.jDate() - 1, \"day\")\n temp = temp.add(day, \"day\")\n let end = momentJalaali(range.end)\n if (temp.toDate() > range.start && temp.toDate() < end) {\n return true\n }\n }\n\n const clickHandler = (value, calendar) => {\n let Range = range\n if (!Range.start && !Range.end) {\n Range.start = value;\n setRange({ ...Range });\n\n let temp = \".\" + calendar + \" \" + \".dayWrapper.currentMonth\";\n const days = document.querySelectorAll(temp);\n days[value.jDate() - 1] && days[value.jDate() - 1].classList.add(\"customSelected\")\n\n } else if (Range.start && !Range.end) {\n if (value < Range.start) {\n Range.end = Range.start;\n Range.start = value\n } else {\n Range.end = value;\n }\n setRange({ ...Range });\n props.exportRange({ ...range })\n removeFromAllCalendar('customSelected')\n const days = document.querySelectorAll(\".calendar .dayWrapper.currentMonth\");\n const days2 = document.querySelectorAll(\".calendarTwo .dayWrapper.currentMonth\");\n setTimeout(() => {\n calOne.value.jMonth() === range.start.jMonth() ? days[Range.start.jDate() - 1].classList.add(\"rangeStart\") :\n (calTWo.value.jMonth() === range.start.jMonth() ? days2[Range.start.jDate() - 1].classList.add(\"rangeStart\") : days2[Range.start.jDate() - 1].classList.remove(\"rangeStart\"))\n\n calOne.value.jMonth() === range.end.jMonth() ? days[Range.end.jDate() - 1].classList.add(\"rangeEnd\") :\n (calTWo.value.jMonth() === range.end.jMonth() ? days2[Range.end.jDate() - 1].classList.add(\"rangeEnd\") : days2[Range.end.jDate() - 1].classList.remove(\"rangeEnd\"))\n }, 50);\n days.forEach((item, index) => {\n checkRange(index, calOne) && days[index].classList.add(\"selectedRange\")\n })\n days2.forEach((item, index) => {\n checkRange(index, calTWo) && days2[index].classList.add(\"selectedRange\")\n })\n\n\n }\n // }\n else {\n removeFromAllCalendar('rangeStart')\n removeFromAllCalendar('rangeEnd')\n removeFromAllCalendar('selectedRange')\n delete Range.end\n Range.start = value;\n setRange({ ...Range });\n }\n }\n\n const setMonth = async (value) => {\n let val = { ...calTWo };\n val.value = momentJalaali(value).subtract(1, \"jMonths\")\n setCalOne({ value: momentJalaali(value) })\n setcalTWo({ ...val })\n }\n const setPrevMonth = (value) => {\n let val = { ...calTWo };\n setCalOne({ ...calTWo })\n val.value = momentJalaali(value)\n setcalTWo({ ...val })\n }\n\n return \n
\n}\n\n\nexport default CalenderComponent;","import React, { useEffect, useState } from \"react\"\nimport style from \"./modalCalendar.module.scss\"\nimport Modal from \"../Modal/Modal\"\nimport SelectDateRangeButton from \"./selectDateRangeButton/selectDateRangeButton\"\nimport CalenderComponent from \"./calenderComponent/calenderComponent\"\nimport Button from \"../Button/button\"\nimport momentJalaali from 'moment-jalaali';\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\"\n\nconst dateRangeNames = ['امروز', 'دیروز', 'هفته اخیر', 'هفته قبل', 'ماه اخیر', 'ماه قبل']\nconst CalendarModal = (props) => {\n const [openCalendar, setOpenCalendar] = useState(false)\n const [selectedDefaultRange, setSelectedDefaultRange] = useState(props.label ? props.label : 'هفته اخیر')\n const [range, setRange] = useState({})\n\n //lifeCycles***********************************************\n useEffect(() => {\n if (props.value) {\n let label = ''\n dateRangeNames.forEach((item) => {\n let temp = getDefaultRange(item)\n if (momentJalaali(temp.start).startOf('day').unix() === momentJalaali(props.value.start).startOf('day').unix() && momentJalaali(temp.end).startOf('day').unix() === momentJalaali(props.value.end).startOf('day').unix()) {\n label = item\n }\n })\n if (label) {\n props.dateLabel(label)\n } else {\n let temp = momentJalaali(props.value.end).format('jYYYY/jM/jD') + \" - \" + momentJalaali(props.value.start).format('jYYYY/jM/jD')\n props.dateLabel(toPersianNumber(temp))\n }\n\n } else {\n props.dateLabel('انتخاب بازهی زمانی')\n }\n }, [props.value])\n\n useEffect(() => {\n setOpenCalendar(props.openModal)\n }, [props.openModal])\n //functions************************************************\n const closeModalFunction = () => {\n setOpenCalendar(false);\n }\n\n const getDefaultRange = (key) => {\n switch (key) {\n case \"امروز\":\n return {\n start: momentJalaali(),\n end: momentJalaali()\n }\n case \"دیروز\":\n return {\n start: momentJalaali().subtract(1, \"day\"),\n end: momentJalaali().subtract(1, \"day\"),\n }\n\n case \"هفته اخیر\":\n return {\n start: momentJalaali().subtract(7, \"day\"),\n end: momentJalaali(),\n }\n case \"هفته قبل\":\n return {\n start: momentJalaali().subtract(14, \"day\"),\n end: momentJalaali().subtract(7, \"day\"),\n }\n case \"ماه اخیر\":\n return {\n start: momentJalaali().subtract(30, \"day\"),\n end: momentJalaali(),\n }\n\n case \"ماه قبل\":\n return {\n start: momentJalaali().subtract(60, \"day\"),\n end: momentJalaali().subtract(30, \"day\")\n\n }\n }\n }\n //handlers**************************************************\n const setDefaultRange = (defaultRange) => {\n setSelectedDefaultRange(defaultRange)\n props.dateLabel(selectedDefaultRange)\n }\n const setDateRange = (range) => {\n setRange(range);\n }\n const confirmDateRange = () => {\n if (range && range.start && range.end) {\n let temp = momentJalaali(range.end).format('jYYYY/jM/jD') + \" - \" + momentJalaali(range.start).format('jYYYY/jM/jD')\n !range.defaultValue ? props.dateLabel(toPersianNumber(temp)) : props.dateLabel(selectedDefaultRange)\n props.setRange(range)\n closeModalFunction()\n }\n\n }\n return (\n \n {\n setMonth(value)\n }}\n selectedDay={calOne.value}\n isGregorian={false}\n onChange={value => {\n clickHandler(value, 'calendar')\n }}\n showTodayButton={false}\n />\n
\n\n
\n\n \n \n\n
\n {\n setPrevMonth(value)\n }}\n onChange={value => {\n clickHandler(value, 'calendarTwo')\n }}\n showTodayButton={false}\n />\n
\n \n setOpenCalendar(!openCalendar)}\n >\n \n
\n {props.label}
\n \n \n \n
\n \n
\n \n\n \n {dateRangeNames.map((item, index) => {\n return
\n \n
\n })}\n \n
\n \n
\n \n \n
\n \n \n
\n \n
\n \n {\n props.filters && props.filters.map((item, index) => {\n return props.onclick(props.tag, item.value)}\n >\n {item.label}\n
\n })\n }\n\n \n {props.label}\n
\n \n )\n}\nexport default SortFilterButton\n\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./proReportShow.module.scss\";\nimport Skeleton from \"../skeleton/skeleton\"\n\nconst ListSkeleton = (props) => {\n\n return \n
\n}\nexport default ListSkeleton;\n","import React, { useState, useEffect, useRef } from \"react\";\nimport style from './proReportChart.module.scss';\nimport toPersianNumber from '../../../helpers/actions/toPersianNumber'\nimport { Chart } from \"chart.js\";\n\nlet myLineChart;\nChart.defaults.global.defaultFontFamily = \"IRANSans\";\n\nconst ProReportChart = (props) => {\n\n const refrence = useRef()\n\n useEffect(() => {\n if (typeof refrence.current != 'undefined') {\n const myChartRef = refrence.current.getContext(\"2d\");\n window[myLineChart + props.tag] = new Chart(myChartRef, {\n type: \"bar\",\n data: {\n labels: props.data.map(el => el.label),\n datasets: [\n {\n label: \"محصول\",\n data: props.data.map(el => el.data),\n fill: false,\n borderColor: \"#192a56\",\n backgroundColor: \"#192a56\",\n },\n ]\n },\n gridLines: {\n display: false\n },\n options: {\n responsive: true,\n layout: {\n padding: {\n top: 5\n }\n },\n legend: {\n display: false,\n },\n scales: {\n xAxes: [{\n gridLines: {\n display: false\n }\n }],\n yAxes: [{\n ticks: {\n beginAtZero: true,\n callback: function (value, index, values) {\n return (value % 1 == 0 ? toPersianNumber(value) : '')\n }\n }\n }]\n },\n tooltips: {\n callbacks: {\n label: function (tooltipItem, chart) {\n let string = `${toPersianNumber(tooltipItem.value)}`\n return string\n }\n }\n }\n },\n });\n }\n }, [props]);\n return (\n \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n \n
\n )\n}\nexport default ProReportChart\n\n","import React, { useEffect, useState, } from \"react\";\nimport style from \"./proReportShow.module.scss\";\nimport Searchbar from \"../productSearchbar/productSearchbar\"\nimport Pagination from \"../pagination/pagination\"\nimport toPersianNumber from '../../helpers/actions/toPersianNumber'\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport Button from \"../Button/button\"\nimport ProReportCard from \"./proReportCard/proReportCard\"\nimport OrderDetailModal from \"./orderDetailModal/orderDetailModal\"\nimport { GenerateProReport, GetReportDetails, GetBrands, GetproductGroup, GetSellers } from \"../../actions/APIcalls\"\nimport { serverAddress } from \"../../helpers/axiosFiles/axios\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport Dropdown from \"../Dropdown/ButtonDropDown/DropDown\";\nimport EditModal2 from \"../pricing/editModal/EditModal2\"\nimport CalendarModal from \"../modalCalendar/modalCalendar\";\nimport momentJalaali from 'moment-jalaali';\nimport GradientToast from \"../gradientToast/Toast\"\nimport SortFilterButton from \"../sortFilterButton/sortFilterButton\";\nimport Skeleton from \"./skeleton\"\nimport ReportCharts from './proReportCharts/proReportChart'\n\nconst SortFilterButtonValues = [{ label: 'تعداد مرجوعی', value: 'return' }, { label: 'درصد مرجوعی', value: 'returnPercent' }]\nconst previewFilterButtonValue = [{ label: 'نمودار', value: 'graph' }, { label: 'جدول', value: 'table' }]\n\nconst ProReportShow = (props) => {\n const [hasSkeleton, setHasSkeleton] = useState(true)\n const [search, setSearch] = useState('');\n const [pageData, setPageData] = useState({ pageCount: 1, currentPage: 1, countInPage: 10, resultCount: 0 })\n const [list, setList] = useState([])\n const [listDetail, setListDetail] = useState({ list: [], showModal: false, selectedData: {} })\n const [filterData, setFilterData] = useState({ brands: [], productGroups: [], channels: [], dateRange: {} });\n const [editList, setEditList] = useState([])\n const [editModalData, setEditModalData] = useState({ show: false, commission: \"\", showConfirmButton: false })\n const [dateRangeLabel, setDateRangeLabel] = useState('هفته اخیر')\n const [openCalendarModal, setOpenCalendarModal] = useState(false)\n //lifecyles*************************************************\n useEffect(() => {\n window.addEventListener('popstate', () => {\n // setSearch(\"\")\n })\n return () => window.removeEventListener('popstate', () => {\n })\n }, [])\n\n useEffect(async () => {\n getFilterData()\n if (typeof props.location !== \"undefined\" && typeof props.location.search !== \"undefined\" && props.location.search !== \"\") {\n let url = new URLSearchParams(window.location.search);\n url.get(\"search\") && await setSearch(url.get(\"search\"));\n }\n getList()\n }, [props.location])\n\n // if on top set navbar to fix \n const [offset, setOffset] = useState(0);\n\n useEffect(() => {\n const onScroll = () => setOffset(window.pageYOffset);\n // clean up code\n window.removeEventListener('scroll', onScroll);\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, []);\n // end\n\n //Get Data from server *************************************\n const getList = async () => {\n setHasSkeleton(true)\n let params = {\n query: {\n page: getFromUrl('page') ? Number(getFromUrl('page')) : pageData.currentPage,\n pageCount: pageData.pageCount,\n pageNumber: (getFromUrl('previewBy') == 'table' ? (getFromUrl('countInPage') ? Number(getFromUrl('countInPage')) : Number(pageData.countInPage)) : 10000000),\n search: search,\n brand: getFromUrl(\"brand\"),\n channel: getFromUrl(\"channel\"),\n productGroup: getFromUrl(\"productGroup\"),\n date: {\n from: getFromUrl(\"from\"),\n to: getFromUrl(\"to\"),\n },\n orderBy: props.location.state && props.location.state.report && props.location.state.report.orderedBy\n },\n name: props.location.state && props.location.state.report && props.location.state.report.englishName\n }\n props.location.state && props.location.state.report && props.location.state.report.type === \"returned\" && (params.query.sortBy = getFromUrl('sortBy'));\n let res = await GenerateProReport(params)\n if (typeof res !== \"undefined\") {\n setList(res.data.result)\n let page = pageData\n page.pageCount = res.data.pageCount\n page.resultCount = res.data.pageNumber\n page.countInPage = (getFromUrl('previewBy') == 'table' ? (getFromUrl('countInPage') ? Number(getFromUrl('countInPage')) : 10) : 10000000)\n setPageData({ ...page })\n }\n setHasSkeleton(false)\n await getProReportDetails(params)\n }\n\n const getProReportDetails = async (params) => {\n let res = await GetReportDetails(params)\n let tmp = listDetail\n if (res && res.data && res.data.data) {\n tmp.list = res.data.data\n }\n setListDetail({ ...tmp })\n }\n\n const getFilterData = async () => {\n const resBrands = await GetBrands(openToast);\n const resChannels = await GetSellers(openToast);\n const resGroupProduct = await GetproductGroup(openToast);\n setFilterData({\n brands: urlChecker(resBrands.data.BrandList, \"brand\"),\n productGroups: urlChecker(resGroupProduct.data.GroupList, \"productGroup\"),\n channels: resChannels.data.channelList,\n })\n if (props.location.state && props.location.state.report && props.location.state.report.type === \"returned\") {\n let url = getFromUrl('sortBy');\n if (typeof url === 'undefined') {\n setToUrl('returnPercent', 'sortBy');\n\n }\n } else {\n let url = getFromUrl('previewBy');\n if (typeof url === 'undefined') {\n setToUrl('table', 'previewBy');\n }\n }\n }\n\n //handlers**************************************************\n const searchHandler = (tag, val) => {\n if (tag === \"clear\") {\n setSearch(\"\")\n } else {\n if (val === \"\") {\n props.history.push(\n './' + `${props.location.state.report._id}`,\n { search: val, id: props.location.state.report._id, report: { ...props.location.state.report } }\n );\n } else {\n\n props.history.push(\n './' + `${props.location.state.report._id}` + \"?search=\" + val,\n { search: val, id: props.location.state.report._id, report: { ...props.location.state.report } }\n );\n }\n setSearch(val);\n getList()\n }\n }\n const openEditModal = (productId) => {\n let temp = { ...editModalData }\n temp.show = true\n setEditModalData({ ...temp })\n let product = list.find(item => item._id === productId)\n if (product) {\n let array = []\n array.push(product.product[0])\n setEditList([...array])\n }\n // getSingleData(productId)\n }\n const deleteFromUrl = (param) => {\n let url = new URLSearchParams(window.location.search);\n url.delete(param);\n props.history.push({\n pathname: window.location.pathname + \"?\" + url.toString(),\n state: { ...props.location.state }\n });\n let filterDataTemp = { ...filterData };\n filterDataTemp[`${param}s`] = urlChecker(filterDataTemp[`${param}s`], param);\n setFilterData(filterDataTemp);\n }\n const searcher = (searchlist, key) => {\n let searchedList = []\n if (key) {\n searchlist.map(item => {\n if (item.name.includes(key)) {\n searchedList.push(item);\n }\n })\n return searchedList;\n } else {\n return searchlist;\n }\n }\n const selectHandler = (tag, value) => {\n let filterDataTemp = { ...filterData };\n let url = getFromUrl(tag);\n if (value.checked) {\n url.splice(url.indexOf(tag === \"channel\" ? value._id : value.name), 1);\n } else {\n url.push(tag === \"channel\" ? value._id : value.name ? value.name : value)\n }\n setToUrl(url, tag);\n filterDataTemp[`${tag}s`] = urlChecker(filterDataTemp[`${tag}s`], tag);\n setFilterData(filterDataTemp);\n\n }\n const sortHandler = (tag, value) => {\n let filterDataTemp = { ...filterData };\n let url = getFromUrl(tag);\n console.log(url);\n if (url !== value) {\n setToUrl(value, tag);\n filterDataTemp[tag] = value;\n setFilterData(filterDataTemp);\n }\n }\n const setDateRange = (range) => {\n let urlFrom = getFromUrl(\"from\");\n let urlTo = getFromUrl(\"to\");\n range.start && (urlFrom = momentJalaali(range.start))\n range.end && (urlTo = momentJalaali(range.end))\n setToUrl(urlFrom, \"from\");\n setToUrl(urlTo, \"to\");\n getList()\n }\n const pageSetter = (number) => {\n let data = pageData\n data.currentPage = number\n setPageData({ ...data })\n setToUrl(number, 'page')\n }\n const closeModalHandler = (value) => {\n if (value) {\n let modal = editModalData\n modal.show = false;\n setEditModalData({ ...modal })\n }\n }\n //functions*****************************************\n const openToast = (error) => {\n let editVaraintTemp = { ...editList };\n editVaraintTemp.toast = error;\n setEditList(editVaraintTemp);\n }\n const setToUrl = (value, param) => {\n let url = new URLSearchParams(window.location.search);\n\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n url.set(param, tempString);\n } else {\n url.set(param, value);\n }\n props.history.push({\n pathname: window.location.pathname + \"?\" + url.toString(),\n state: { ...props.location.state }\n });\n if (param != \"salesStatus\" && param != \"productGroup\" && param != \"brand\" && param != \"channel\" && param != \"from\" && param != \"to\") {\n console.log(param, 'param');\n getList();\n }\n }\n const urlChecker = (list, key) => {\n let tempList = [];\n let filters = getFromUrl(key);\n switch (key) {\n case \"channel\":\n // list.map(item => {\n // if (filters.indexOf(item.name ? item.name : item) >= 0) {\n // tempList.push({ name: item.name ? item.name : item, checked: true });\n // } else {\n // tempList.push({ name: item.name ? item.name : item, checked: false });\n // }\n // })\n\n list.map(item => {\n if (filters.indexOf(item._id ? item._id : item) >= 0) {\n console.log(\"hey \");\n tempList.push({ name: item.name ? item.name : item, _id: item._id, checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, _id: item._id, checked: false });\n }\n })\n break;\n case \"brand\":\n list.map(item => {\n if (filters.indexOf(item.name ? item.name : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, checked: false });\n }\n })\n break;\n case \"productGroup\":\n list.map(item => {\n if (filters.indexOf(item.name ? item.name : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, checked: false });\n }\n })\n break;\n default:\n break;\n }\n return tempList;\n }\n const getFromUrl = (param) => {\n const defaultParams = {\n brand: [],\n channel: [],\n productGroup: [],\n countInPage: 10,\n page: 1,\n query: \"\",\n from: momentJalaali().subtract(7, \"day\"),\n to: momentJalaali(),\n previewBy: 'table'\n }\n let url = new URLSearchParams(window.location.search);\n if (url.get(param)) {\n if (param === \"brand\" || param === \"productGroup\" || param === \"channel\") {\n return url.get(param).split(\"*\");\n } else {\n if (url.get(param) === \"true\" || url.get(param) === \"false\") {\n return url.get(param) === \"true\" ? true : false;\n } else {\n\n return url.get(param)\n }\n }\n } else {\n return defaultParams[param];\n }\n }\n\n const createExcel = async () => {\n let params = {\n query: {\n page: pageData.currentPage,\n pageCount: pageData.pageCount,\n pageNumber: Number(pageData.countInPage),\n search: search,\n brand: getFromUrl(\"brand\"),\n channel: getFromUrl(\"channel\"),\n productGroup: getFromUrl(\"productGroup\"),\n date: {\n from: getFromUrl(\"from\"),\n to: getFromUrl(\"to\"),\n },\n orderBy: props.location.state && props.location.state.report && props.location.state.report.orderedBy\n },\n name: props.location.state && props.location.state.report && props.location.state.report.englishName,\n createExcel: true\n }\n let res = await GenerateProReport(params)\n\n if (res && res.data) {\n window.location.href = serverAddress + \"getFiles/uploads/\" + res.data.fileName\n }\n }\n\n const createGrapghList = (list, type) => {\n let result = []\n if (type != '') {\n list.map(el => {\n let dummyObject = {\n label: ((el.product[0].name).split(\" | \")[0]).substr(0, 12) + '...',\n data: (type.type == 'sell' ? parseInt(el.count) : parseInt(el.profit)),\n }\n result.push(dummyObject)\n })\n }\n return result\n }\n\n const toggleReportDetail = id => {\n let tmp = listDetail\n if (typeof id != 'undefined') {\n tmp.showModal = true\n tmp.selectedData = listDetail.list.filter(el => el._id == id)[0]\n }\n setListDetail({ ...tmp })\n }\n\n if (hasSkeleton) {\n return \n \n \n
\n \n {\n props.user.expiredAccount &&\n setListDetail({ ...listDetail, showModal: false })}\n />\n
\n :\n (props.location.state && props.location.state.report && props.location.state.report.englishName === \"returned\" ?\n \n \n <>\n \n
\n }\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n
\n {\n props.history.push(\"../proreportlist\")\n }}>\n بازگشت\n c\n
\n \n
\n {\n props.location.state && props.location.state.report && props.location.state.report.englishName === \"returned\" &&\n گزارش\n پیشرفته {(props.location.state && typeof props.location.state.report !== \"undefined\") ? props.location.state.report.name : ''}
\n\n { props.location.state && typeof props.location.state.report !== \"undefined\" ? createExcel() : console.log('') }} />\n
\n \n
\n }\n {/* \n
\n h
\n با توجه به قوانین دیجیکالا، لیست محصولات مرجوعی حداکثر تا ۱۵ روز\n (مهلت اعلام مرجوعی خریدار) اعلام میشود.\n
\n */}\n {/* {props.location.state.report && props.location.state.report.englishName !== \"returned\" && list.length > 0 && */}\n \n \n {/* } */}\n {(list.length > 0 && getFromUrl('previewBy') == 'table') &&\n
\n \n :\n <>\n {/* graph */}\n \n searchHandler(\"add\", value)}\n clear={() => searchHandler(\"clear\")}\n />\n
\n \n
\n \n {\n setDateRangeLabel(label)\n }}\n setRange={(range) => {\n setDateRange(range)\n }}\n value={{ start: getFromUrl(\"from\"), end: getFromUrl(\"to\") }}\n openModal={openCalendarModal}\n />\n
\n {props.location.state && props.location.state.report && props.location.state.report.type === \"returned\" &&\n \n
\n \n
\n {filterData.channels.length > 0 &&\n \n deleteFromUrl(\"seller\")}\n handleSelect={selectHandler}\n action={getList}\n />\n
\n }\n \n
\n }\n\n {props.location.state && props.location.state.report && props.location.state.report.type !== \"returned\" &&\n \n
\n }\n \n
}\n {list.length > 0 ?\n \n {\n let page = pageData;\n page.countInPage = selected;\n setPageData({ ...page })\n setToUrl(selected, 'countInPage')\n }} />\n
\n تعداد نمایش در صفحه
\n \n {toPersianNumber(pageData.resultCount) + \" تنوع\"}
\n \n {getFromUrl('previewBy') == 'table' ?\n <>\n {/* table */}\n {list.length > 0 && }\n
\n \n }\n\n \n {list.length > 0 && <>\n 580 && (sessionStorage.getItem(\"sideBarOpen\") && sessionStorage.getItem(\"sideBarOpen\") == 'false') ? { width: 'calc(100% - 140px)' } : (offset > 580 ? { width: 'calc(100% - 280px)' } : null)}\n className={offset > 580 ? style.listHeaderShadowFixed : style.listHeaderShadow}>\n
\n \n
\n مشخصات کالا
\n تعداد فروش
\n {props.location.state && props.location.state.report && props.location.state.report.type === \"returned\" && تعداد مرجوعی
}\n < div className={style.listHeaderItems}>جمع مبلغ فروش(ریال)سود شما(ریال)
\n \n \n \n {list.length > 0 &&\n list.map((item, index) => {\n return
\n \n
\n })\n }\n \n
\n :\n P
\n .با توجه به قوانین دیجیکالا، لیست محصولات مرجوعی حداکثر تا ۱۵ روز\n (مهلت اعلام مرجوعی خریدار) اعلام میشود
\n\n
\n \n \n
\n )\n }\n\n {\n (list.length > 0 && getFromUrl('previewBy') == 'table') && کاربر عزیز،\n گزارش\n {\" \"}{props.location.state && typeof props.location.state.report !== \"undefined\" && props.location.state.report.name}{\" \"}\n با فیلترهای انتخابی هیچ نتیجهای نداشت.
\n\n
\n \n
\n }\n {/* */}\n \n )\n }\n}\n\nexport default withRouter(ProReportShow);\n","import React from \"react\";\nimport {withRouter} from \"react-router-dom\"\nimport Sidebar from \"../Components/sidebar/sidebar\"\nimport ProReportShow from \"../Components/proReportShow/proReportShow\"\nimport style from \"./sidebarPage.module.scss\"\n\nconst ShowProReportPage = (props) => {\n\n return (\n \n
\n )\n}\nexport default withRouter(ShowProReportPage);\n\n\n\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\";\nimport style from \"./transactionResult.module.scss\"\nimport Button from \"../Button/button\";\n\nconst TransactionResult = (props) => {\n return (\n \n \n
\n \n \n\n
\n \n
\n )\n}\nexport default withRouter(TransactionResult);\n\n\n\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../Components/sidebar/sidebar\"\nimport style from \"./sidebarPage.module.scss\"\nimport { VerifyTransaction } from \"../actions/APIcalls\"\nimport TransactionResult from \"../Components/transactionResult/transactionResult\"\nimport moment from 'moment-jalaali';\n\nconst PaymentResult = (props) => {\n const [transactionData, setTransactionData] = useState({})\n\n useEffect(async () => {\n if (props.history.location) {\n const urlParams = new URLSearchParams(window.location.search);\n const transactionId = urlParams.get('trackId');\n const orderId = urlParams.get('orderId');\n\n let params = {\n transactionId: transactionId\n }\n let res = await VerifyTransaction(params)\n console.log(res, \"verfy\");\n let data;\n if (res && res.data) {\n data = {\n success: true,\n trackId: res.data.refNum,\n }\n } else if (res && res.response) {\n data = {\n success: false,\n trackId: transactionId,\n orderId: orderId\n }\n }\n setTransactionData({ ...data })\n\n }\n }, [])\n return (\n شارژ کیف پول
\n {\n props.success ?\n\n
\n :\n f
\n .تراکنش با موفقیت انجام شد
\nشماره پیگیری: {toPersianNumber(props.data.trackId)}
\n\n
\n \n
\n }\n g
\n تراکنش با خطا روبرو شد.
\nچنانچه مبلغی از حساب شما کسر شده است، تا ۲۴ ساعت آینده به حساب شما باز\n خواهد گشت.
\nشماره تراکنش: {toPersianNumber(props.data.trackId)}
\n\n
\n \n
\n \n
\n \n
\n )\n}\nexport default withRouter(PaymentResult);\n\n\n\n","import React, { useEffect } from 'react'\nimport style from \"./sidebarPage.module.scss\"\nimport Sidebar from '../Components/sidebar/sidebar'\nimport MobileNavBar from \"../Components/mobileNavbar/navbar\"\nimport style2 from \"./guide.module.scss\"\nimport { CompleteProgressBar, GetProgressBar } from '../actions/APIcalls'\n\nconst Links = [\n { title: 'ثبت پنل', link: \"https://www.aparat.com/video/video/embed/videohash/EM3Vr/vt/frame?titleShow=true&recom=self\" },\n { title: 'قیمتگذاری تنوعها', link: \"https://www.aparat.com/video/video/embed/videohash/qPEHW/vt/frame?titleShow=true&recom=self\" },\n { title: 'بروزرسانیهای پنل', link: \"https://www.aparat.com/video/video/embed/videohash/tiyb791/vt/frame?titleShow=true&recom=self\" },\n { title: 'قیمتگذاری تنوعها توسط فایل اکسل (جدید)', link: \"https://www.aparat.com/video/video/embed/videohash/tav7165/vt/frame?titleShow=true&recom=self\" },\n { title: 'خطای \"کف قیمت\"', link: \"https://www.aparat.com/video/video/embed/videohash/ijcwy0y/vt/frame?titleShow=true&recom=self\" },\n { title: 'خطای \"تخفیف هوشمند\"', link: \"https://www.aparat.com/video/video/embed/videohash/pdzlx6z/vt/frame?titleShow=true&recom=self\" },\n { title: 'خطای \"بازه قیمت مرجع \"', link: \"https://www.aparat.com/video/video/embed/videohash/mfa9uca/vt/frame?titleShow=true&recom=self\" },\n { title: 'خطا \"از سمت دیجیکالا\"', link: \"https://www.aparat.com/video/video/embed/videohash/jku347t/vt/frame?titleShow=true&recom=self\" },\n { title: \"محمولهسازی\", link: \"https://www.aparat.com/video/video/embed/videohash/bhpl8v0/vt/frame?titleShow=true&recom=self\" },\n { title: 'کنترل موجودی', link: \"https://www.aparat.com/video/video/embed/videohash/wcKOZ/vt/frame?titleShow=true&recom=self\" },\n { title: 'قیمتگذاری تنوعها توسط فایل اکسل (قدیمی)', link: \"https://www.aparat.com/video/video/embed/videohash/dPNL8/vt/frame?titleShow=true&recom=self\" },\n]\n\nconst Guide = (props) => {\n\n useEffect(async () => {\n // complete progressBar\n await handleProgressBar()\n // complete progressBar\n }, [])\n\n const handleProgressBar = async () => {\n let local = localStorage.getItem('progressBar')\n if (typeof local !== 'undefined' && local != null) {\n let res = await GetProgressBar()\n if (res && res.data && res.data.success) {\n let tmpLocal = res.data.progressData.progressBar\n if (!tmpLocal.Guide) {\n await CompleteProgressBar({ stage: 'Guide' })\n }\n }\n }\n }\n\n return (\n \n {typeof transactionData.success !== \"undefined\" &&\n
\n \n
\n \n
\n )\n}\nexport default Guide","import React, { useState, useRef, useEffect } from \"react\";\nimport style from \"./logCard.module.scss\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport numberWithCommas from \"../../../helpers/actions/numberWithCommas\";\n\nconst LogCard = (props) => {\n\n const determineDate = type => {\n let current = new Date(props.data.date).toLocaleDateString('fa-IR')\n if (props.type == 'transaction') {\n return current + ' - ' + toPersianNumber(new Date(props.data.date).getHours()) + ':' + toPersianNumber(new Date(props.data.date).getMinutes())\n } else {\n return current + ' - ۰۰:۰۰'\n }\n }\n\n return (\n \n
\n \n
\n ویدیوهای آموزشی
\n\n {Links.map((item, index) => {\n return
\n \n
\n })}\n {item.title}
\n\n
\n \n
\n \n
\n );\n}\n\nexport default LogCard","import React, { useState, useRef, useEffect } from \"react\";\nimport style from \"./mobileLogCard.module.scss\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport { Link } from \"react-router-dom\";\nimport toEnglishNumber from \"../../../helpers/actions/toEnglishNumber\"\nimport numberWithCommas from \"../../../helpers/actions/numberWithCommas\";\n\nconst MobileLogCard = (props) => {\n\n const determineDate = type => {\n let current = new Date(props.data.date).toLocaleDateString('fa-IR')\n if (props.type == 'transaction') {\n return current + ' - ' + toPersianNumber(new Date(props.data.date).getHours()) + ':' + toPersianNumber(new Date(props.data.date).getMinutes())\n } else {\n return current + ' - ۰۰:۰۰'\n }\n }\n\n return (\n \n
\n
\n {props.type == 'transaction' ? 'شارژ کیف پول' : toPersianNumber(props.data.title)}
\n\n {props.data.amount ? toPersianNumber(numberWithCommas(parseInt(props.data.amount / 10))) : '۰'} تومان\n
\n\n
\n {props.type == 'transaction' ? (props.data.payer && props.data.payer.name ? props.data.payer.name : 'موبیشایی') : toPersianNumber(numberWithCommas(props.data.pricingCount))}
\n{determineDate('total')}
\n\n
\n );\n}\n\nexport default MobileLogCard;\n\n\n// ${determineDate('month')}","import React, { useEffect, useState } from \"react\";\nimport style from \"./wallet.module.scss\";\nimport Skeleton from \"../skeleton/skeleton\"\n{/* \n
\n\n \n\n \n
{props.type == 'transaction' ? 'شارژ کیف پول' : toPersianNumber(props.data.title)}
\n\n
\n\n مبلغ
\n{props.data.amount ? toPersianNumber(numberWithCommas(parseInt(props.data.amount / 10))) : '۰'}
\n\n
\n\n {props.type == 'transaction' ? 'کاربر' : 'قیمتگذاری'}
\n{props.type == 'transaction' ? (props.data.payer && props.data.payer.name ? props.data.payer.name : 'موبیشایی') : toPersianNumber(numberWithCommas(props.data.pricingCount))}
\n\n
\n تاریخ و ساعت
\n{determineDate('total')}
\n\n
\n}\nexport default WalletSkeleton;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./wallet.module.scss\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport Button from \"../Button/button\"\nimport GradientToast from \"../gradientToast/Toast\"\nimport numberWithCommas from \"../../helpers/actions/numberWithCommas\";\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\";\nimport disconnectTextGenerator from \"../../helpers/actions/disconnectedText\"\nimport Pagination from \"../pagination/pagination\";\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport LogCard from \"./walletLogCard/logCard\"\nimport MobileLogCard from \"./mobileWalletLogCard/mobileLogCard\"\nimport MobilePagination from \"../mobilePagination/mobilePagination\"\nimport Skeleton from \"./skeleton\"\nimport Toast from \"../Toast/Toast\";\nimport { GetWalletDetails, GetUserFactors, CompleteProgressBar, GetProgressBar } from \"../../actions/APIcalls\"\nimport GeneralWarning from \"../generalWarning/warning\"\n\n\nconst Wallet = (props) => {\n\n const [hasSkeleton, setHasSkeleton] = useState(false)\n const [toast, setToast] = useState('')\n const [walletDetails, setWalletDetails] = useState({\n amount: 0,\n historyList: [],\n factors: [],\n lastMonthAmount: 0,\n lastMonthPricingCount: 0,\n pager: { totalRows: 0, totalpage: 1 },\n pricingCount: 0,\n tab: 'transaction'\n })\n\n useEffect(async () => {\n await checkProgressBar()\n await getFactors()\n await getTransactions()\n }, [])\n\n // if on top set navbar to fix \n const [offset, setOffset] = useState(0);\n\n useEffect(() => {\n const onScroll = () => setOffset(window.pageYOffset);\n // clean up code\n window.removeEventListener('scroll', onScroll);\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, []);\n // end\n\n const checkProgressBar = async () => {\n // complete progressBar\n let local = localStorage.getItem('progressBar')\n if (typeof local !== 'undefined' && local != null) {\n let res = await GetProgressBar()\n if (res && res.data && res.data.success) {\n let tmpLocal = res.data.progressData.progressBar\n if (!tmpLocal.GetReward) {\n await CompleteProgressBar({ stage: 'GetReward' })\n setToast('پنج هزار تومان به کیف پول شما اضافه شد.')\n }\n }\n }\n // complete progressBar\n }\n\n const getTransactions = async () => {\n setHasSkeleton(true)\n let url = await getFromUrl()\n let res = await GetWalletDetails({ accountId: props.user.account._id, page: url.page, count: url.countInPage })\n let tmpWalletDetail = walletDetails\n tmpWalletDetail.amount = res.data.amount\n tmpWalletDetail.currentMonthAmount = res.data.currentMonthAmount\n tmpWalletDetail.historyList = res.data.historyList\n tmpWalletDetail.lastMonthAmount = res.data.lastMonthAmount\n tmpWalletDetail.lastMonthPricingCount = res.data.lastMonthPricingCount\n tmpWalletDetail.pricingCount = res.data.pricingCount\n tmpWalletDetail.pager = res.data.pager\n setWalletDetails({ ...tmpWalletDetail, tab: 'transaction' })\n setHasSkeleton(false)\n }\n\n const getFactors = async () => {\n setHasSkeleton(true)\n let res = await GetUserFactors()\n if (typeof res != 'undefined' && typeof res.data != 'undefined' && res.data.data) {\n let tmpData = walletDetails\n tmpData.factors = res.data.data\n setWalletDetails({ ...tmpData })\n }\n setHasSkeleton(false)\n }\n\n const determineLastMonth = () => {\n let lastMonthIndex = 0\n const persianMonths = ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند']\n const options = { year: 'numeric', month: 'long', day: 'numeric' }\n let current = new Date().toLocaleDateString('fa-IR', options).split(' ')[1]\n\n persianMonths.map((el, index) => {\n if (el == current && el !== 'فروردین') {\n lastMonthIndex = index - 1\n }\n if (el == current && el == 'فروردین') {\n lastMonthIndex = 11\n }\n })\n return persianMonths[lastMonthIndex]\n }\n\n const getFromUrl = (param) => {\n let defaultParams = {\n countInPage: 10,\n page: 1,\n query: \"\"\n }\n let url = new URLSearchParams(window.location.search);\n\n if (param) {\n if (url.get(param)) {\n return url.get(param)\n } else {\n return defaultParams[param];\n }\n } else {\n Object.keys(defaultParams).map(function (key, index) {\n if (url.get(key)) {\n defaultParams[key] = url.get(key)\n }\n });\n\n return defaultParams\n }\n }\n\n const setMobilePage = page => {\n setToUrl(page, 'page')\n }\n\n const setToUrl = (value, param) => {\n let url = new URLSearchParams(window.location.search);\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n value.length > 0 ? url.set(param, tempString) : url.delete(param)\n } else {\n url.set(param, value);\n }\n if (param !== 'page') {\n url.set('page', 1);\n }\n props.history.push(window.location.pathname + \"?\" + url.toString());\n if (param != \"salesStatus\" && param != \"productGroup\" && param != \"brand\" && param != \"channel\") {\n getTransactions();\n }\n }\n\n if (hasSkeleton) {\n return \n
\n
\n\n \n
\n \n
\n \n
\n \n
\n\n \n
\n\n \n
\n \n setToast('')}\n />\n {\n props.user.expiredAccount &&\n
\n \n }\n\n {walletDetails.tab == 'transaction' && <>\n {console.log(walletDetails.historyList, 'walletDetails.historyList')}\n {walletDetails.historyList && (walletDetails.historyList.filter(el => el.type == 'payment')).length > 0 &&\n \n \n <>\n \n
\n }\n {\n props.user.disconnected.status &&\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n \n <>\n \n
\n }\n\n {/* {disconnectTextGenerator(props.user.disconnected.channelName)}
\nجهت اتصال دوباره موبیشا به پنل، لطفا اطلاعات خود را در صفحه پنل دیجیکالا بهروز رسانی کنید
\n ورود به صفحهی پنل دیجیکالا \n \n\n \n \n
*/}\n\n \n
\n\n کیف پول
\n\n
\n \n \n { }}\n />\n \n
\n \n \n { }}\n />\n \n
\n \n
\n\n {((walletDetails.historyList && (walletDetails.historyList.filter(el => el.type == 'payment')).length > 0) ||\n (walletDetails.factors && walletDetails.factors.length > 0)) &&\n \n
\n\n \n
\n
\n موجودی کیف پول
\n{walletDetails.amount && walletDetails.amount > 0 ? toPersianNumber(numberWithCommas(parseInt(walletDetails.amount / 10))) : '۰'} تومان
\n({walletDetails.pricingCount && walletDetails.pricingCount > 0 ? toPersianNumber(numberWithCommas(walletDetails.pricingCount)) : '۰'} مرتبه قیمتگذاری)
\n\n
\n \n
\n
\n هزینه ماه گذشته ({determineLastMonth()} ماه)
\n{walletDetails.lastMonthAmount ? toPersianNumber(numberWithCommas(parseInt(walletDetails.lastMonthAmount / 10))) : '--'} تومان
\n({walletDetails.lastMonthPricingCount ? toPersianNumber(numberWithCommas(walletDetails.lastMonthPricingCount)) : '--'} مرتبه قیمتگذاری)
\n\n setWalletDetails({ ...walletDetails, tab: 'factor' })}\n >\n فاکتورها\n
\n \n setWalletDetails({ ...walletDetails, tab: 'transaction' })}\n >\n تراکنشها\n
\n \n {/*
*/}\n\n {/* Render Wallet Log List */}\n \n
\n \n {\n setToUrl(selected, 'countInPage')\n }}\n selectedItem={getFromUrl('countInPage')}\n />\n {toPersianNumber(walletDetails.pager.totalRows)} نتیجه
\n تعداد نمایش در صفحه
\n \n \n \n
\n\n \n
\n 480 ? style.listHeaderFixed : style.listHeader}>\n
\n عملیات
\n مبلغ
\n کاربر
\n تاریخ و ساعت
\n 480 ? style.hiddenListHeader : ''}>
\n {(walletDetails.historyList.filter(el => el.type == 'payment')).map((item, index) => \n {(walletDetails.historyList.filter(el => el.type == 'payment')).map((item, index) =>
\n\n {/* \n
\n\n \n
*/}\n }\n }\n {walletDetails.tab == 'factor' && <>\n {walletDetails.factors && walletDetails.factors.length > 0 &&\n \n
}\n }\n\n\n \n )\n }\n}\n\nexport default withRouter(Wallet);","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport WalletComponent from \"../../Components/wallet/wallet\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst WalletPage = (props) => {\n return (\n \n \n
\n \n
\n 480 ? style.listHeaderFixed : style.listHeader}>\n
\n عنوان فاکتور
\n مبلغ
\n قیمتگذاری
\n تاریخ و ساعت
\n 480 ? style.hiddenListHeader : ''}>
\n {walletDetails.factors.map((item, index) => \n {walletDetails.factors.map((item, index) =>
\n \n
\n )\n}\nexport default withRouter(WalletPage);\n\n\n\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./chargeWallet.module.scss\";\nimport Skeleton from \"../../skeleton/skeleton\"\n{/* \n
\n \n
\n \n
\n \n
\n\n
\n}\nexport default WalletSkeleton;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./chargeWallet.module.scss\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport Button from \"../../Button/button\"\nimport Tooltip from \"../../tooltip/tooltip\"\nimport Input from \"../../input/input\";\nimport GradientToast from \"../../gradientToast/Toast\"\nimport numberWithCommas from \"../../../helpers/actions/numberWithCommas\";\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport toEnglishNumber from \"../../../helpers/actions/toEnglishNumber\"\nimport Toast from \"../../Toast/Toast\"\nimport { GetWalletDetails, CreateTransaction, GetUser } from \"../../../actions/APIcalls\"\nimport Skeleton from \"./skeleton\"\nimport Modal from \"../../Modal/Modal\";\n\n\nconst ChargeWallet = (props) => {\n\n const [recommendedPrices, setRecommendedPrices] = useState({\n list: [\n { title: '', price: '1000000', gift: '' },\n { title: '', price: '1500000', gift: '' },\n { title: '', price: '2000000', gift: '+ ۵٪ شارژ هدیه' },\n { title: '', price: '5000000', gift: '+ ۱۰٪ شارژ هدیه' },\n ]\n })\n const [walletDetails, setWalletDetails] = useState({\n amount: 0,\n lastMonthAmount: 0,\n lastMonthPricingCount: 0,\n pricingCount: 0,\n showNationalCodeModal: false,\n })\n const [selectedPrice, setSelectedPrice] = useState([])\n const [desiredPrice, setDesiredPrice] = useState({\n price: props.location && props.location.state && props.location.state.totalPrice ? props.location.state.totalPrice : '',\n error: '',\n paymentLoading: false\n })\n const [hasSkeleton, setHasSkeleton] = useState(false)\n const [toast, setToast] = useState('')\n\n useEffect(async () => {\n await getWalletFunction()\n }, [])\n\n\n const getWalletFunction = async () => {\n setHasSkeleton(true)\n let res = await GetWalletDetails({ accountId: props.user.account._id, page: 1, count: 10 })\n if (res && res.data) {\n let tmpWalletDetail = res.data\n setWalletDetails({ ...tmpWalletDetail })\n await setNewRecommendation(res.data)\n }\n setHasSkeleton(false)\n }\n\n const setNewRecommendation = async (details) => {\n // sent to recommended options\n let tmpRecom = recommendedPrices\n let object = {}\n if (details.lastMonthAmount) {\n object = { title: 'هزینه ماه گذشته', price: parseInt(details.lastMonthAmount / 10) }\n tmpRecom.list.push(object)\n }\n if (details.currentMonthAmount) {\n object = { title: 'هزینه این ماه', price: parseInt(details.currentMonthAmount / 10) }\n tmpRecom.list.push(object)\n }\n\n setRecommendedPrices({ ...tmpRecom })\n }\n\n const determineLastMonth = () => {\n let lastMonthIndex = 0\n const persianMonths = ['فروردین', 'اردیبهشت', 'خرداد', 'تیر', 'مرداد', 'شهریور', 'مهر', 'آبان', 'آذر', 'دی', 'بهمن', 'اسفند']\n const options = { year: 'numeric', month: 'long', day: 'numeric' }\n let current = new Date().toLocaleDateString('fa-IR', options).split(' ')[1]\n\n persianMonths.map((el, index) => {\n if (el == current && el !== 'فروردین') {\n lastMonthIndex = index - 1\n }\n if (el == current && el == 'فروردین') {\n lastMonthIndex = 11\n }\n })\n return persianMonths[lastMonthIndex]\n }\n\n const handelSelectedPrice = (selectedItem, index) => {\n let tmp = []\n let tmpDesired = desiredPrice;\n tmpDesired.price = selectedItem.price\n tmp.push(index)\n setSelectedPrice([...tmp])\n setDesiredPrice({ ...tmpDesired })\n }\n\n const handleDesiredPrice = (tag, value) => {\n let tmpDesired = desiredPrice;\n tmpDesired.price = toEnglishNumber(value.target.value.toString().replaceAll(\",\", \"\"))\n setDesiredPrice({ ...tmpDesired })\n }\n\n const submitPayment = async () => {\n if (desiredPrice.price == '' || toEnglishNumber(desiredPrice.price.toString()) < 500000) {\n let tmp = desiredPrice\n tmp.error = 'حداقل مبلغ برای شارژ کیف پول ۵۰۰ هزار تومان است.'\n setDesiredPrice({ ...tmp })\n } else {\n let tmp = desiredPrice\n tmp.error = ''\n tmp.paymentLoading = true\n setDesiredPrice({ ...tmp })\n\n // request to get user\n let res = await GetUser()\n if (res && res.data && res.data.user && res.data.user.nationalCode) {\n // request to server\n requestToBank(toEnglishNumber(tmp.price.toString().replaceAll(\",\", \"\")))\n } else {\n // redirect to get national code\n let tmpWallet = walletDetails\n tmpWallet.showNationalCodeModal = true\n setWalletDetails({ ...walletDetails })\n }\n }\n }\n\n const requestToBank = async (price) => {\n let resBank = await CreateTransaction({ \"price\": price + '0' }, openToast)\n\n if (resBank) {\n let tmp = desiredPrice\n tmp.paymentLoading = false\n setDesiredPrice({ ...tmp })\n\n if (resBank.data) {\n window.location.href = 'https://gateway.zibal.ir/start/' + resBank.data.trackId\n }\n }\n }\n\n const openToast = (error) => {\n setToast(error)\n let tmp = desiredPrice\n tmp.paymentLoading = false\n setDesiredPrice({ ...tmp })\n }\n\n const closeModalFunction = () => {\n setToast('')\n }\n\n if (hasSkeleton) {\n return \n
\n
\n\n \n
\n \n
\n \n
\n\n \n
\n\n \n
\n \n setWalletDetails({ ...walletDetails, showNationalCodeModal: false })}\n >\n handelSelectedPrice(priceItem, index)}\n >\n {toPersianNumber(numberWithCommas(priceItem.price))} تومان\n {priceItem.gift && {priceItem.gift}}\n
\n )\n }\n }\n )}\n \n\n \n
\n \n {\n props.user.expiredAccount &&\n موبیشایی عزیز؛
\nبنابر درخواست اداره مالیات جهت صدور فاکتور رسمی برای تمام مشتریان، لازم است کدملی خود را در قسمت پروفایل موبیشا تکمیل بفرمایید.
\nاز همکاری شما سپاسگزاریم.
\n\n
\n \n props.history.push('/profile')}\n />\n
\n \n setWalletDetails({ ...walletDetails, showNationalCodeModal: false })}\n />\n
\n \n \n <>\n \n
\n }\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n
\n\n {/* شارژ کیف پول
\n\n
\n \n \n { }}\n />\n \n
\n \n h\n
*/}\n\n\n در صورت وجود اختلال در اتصال به درگاه بانکی، لطفا مبلغ شارژ مورد نظر خود را به شماره کارت ۱۳۷۹ - ۱۸۰۱ - ۱۴۱۱ - ۶۳۶۲ به نام هستی توسلی واریز کرده و فیش آن را به واتسآپ یا تلگرام شماره پشتیبانی ۰۹۰۲۲۲۷۸۷۰۶ ارسال فرمایید.
\n\n
\n\n \n
\n\n \n
\n
\n موجودی کیف پول
\n{walletDetails.amount ? toPersianNumber(numberWithCommas(parseInt(walletDetails.amount / 10))) : '--'} تومان
\n({walletDetails.pricingCount ? toPersianNumber(numberWithCommas(walletDetails.pricingCount)) : '--'} مرتبه قیمتگذاری)
\n\n
\n \n
\n
\n هزینه ماه گذشته ({determineLastMonth()} ماه)
\n{walletDetails.lastMonthAmount ? toPersianNumber(numberWithCommas(parseInt(walletDetails.lastMonthAmount / 10))) : '--'} تومان
\n({walletDetails.lastMonthPricingCount ? toPersianNumber(numberWithCommas(walletDetails.lastMonthPricingCount)) : '--'} مرتبه قیمتگذاری)
\nمبلغ مورد نظر برای شارژ کیف پول خود را انتخاب کنید.
\nمبالغ پیشنهادی
\n\n {recommendedPrices.list.map((priceItem, index) => {\n if (priceItem.title) {\n return (\n handelSelectedPrice(priceItem, index)}\n >\n {priceItem.title} ({toPersianNumber(numberWithCommas(priceItem.price))} تومان)\n
\n )\n } else {\n return (\n \n
\n\n مبلغ دلخواه
\n\n
\n \n { }}\n />\n
\n\n \n
\n\n h
\n ۱۰ درصد مالیات بر ارزش افزوده به مبلغ فاکتور اضافه میشود
\n {/* مبلغ نهایی: {calculateUltimatePrice(desiredPrice.price)} تومان */}\n\n { }}\n />\n \n
\n \n )\n }\n}\n\nexport default withRouter(ChargeWallet);\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport ChargeWalletComponent from \"../../Components/wallet/chargeWallet/chargeWallet\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst ChargeWalletPage = (props) => {\n return (\n \n submitPayment()}\n />\n
\n \n \n
\n )\n}\nexport default withRouter(ChargeWalletPage);\n\n\n\n","import React, { useState, useRef, useEffect } from \"react\";\nimport style from \"./exceptionCard.module.scss\"\nimport Input from \"../../input/input\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport { Link } from \"react-router-dom\";\nimport toEnglishNumber from \"../../../helpers/actions/toEnglishNumber\"\nimport numberWithCommas from \"../../../helpers/actions/numberWithCommas\";\n\nconst ExceptionCard = (props) => {\n\n const [selectedTimeRange, setSelectedTimeRange] = useState({\n DKPC: '',\n specificPricingRange: '',\n totalTime: 0,\n totalPrice: 0,\n timeError: '',\n DKPCError: ''\n })\n const [isEditing, setIsEditing] = useState(false)\n\n\n useEffect(async () => {\n let tmp = selectedTimeRange;\n if (props.data.specificPricingRange && props.data.DKPC) {\n tmp.DKPC = props.data.DKPC\n tmp.specificPricingRange = props.data.specificPricingRange\n tmp.totalTime = (43200 / props.data.specificPricingRange)\n tmp.totalPrice = (43200 / props.data.specificPricingRange) * (props.perPrice)\n } else {\n tmp.DKPC = ''\n tmp.specificPricingRange = ''\n tmp.totalTime = 0\n tmp.totalPrice = 0\n }\n setSelectedTimeRange({ ...tmp })\n }, [props.data]);\n\n const determineInvoice = () => {\n let times = toEnglishNumber(selectedTimeRange.specificPricingRange.toString()) && toEnglishNumber(selectedTimeRange.specificPricingRange.toString()) != 0 ? (43200 / toEnglishNumber(selectedTimeRange.specificPricingRange.toString())) : 0;\n let price = toEnglishNumber(selectedTimeRange.specificPricingRange.toString()) && props.perPrice && toEnglishNumber(selectedTimeRange.specificPricingRange.toString()) != 0 ? times * (props.perPrice) : 0\n\n let tmp = selectedTimeRange;\n tmp.totalTime = times\n tmp.totalPrice = price\n setSelectedTimeRange({ ...tmp })\n }\n\n const handleTimeRangeChange = (tag, value) => {\n setIsEditing(true)\n let tmp = selectedTimeRange\n if (tag == 'specificPricingRange' && (Number(toEnglishNumber(value.target.value)) < 1 || (Number(toEnglishNumber(value.target.value)) % 1 !== 0) || (Number(toEnglishNumber(value.target.value)) > 1440))) {\n tmp.timeError = 'بازه زمانی غیر معتبر است.'\n } else {\n tmp.timeError = ''\n }\n tmp[tag] = value.target.value\n setSelectedTimeRange({ ...tmp })\n if (selectedTimeRange.DKPC && selectedTimeRange.specificPricingRange) {\n determineInvoice()\n }\n }\n\n const editException = async (type) => {\n let tmp = selectedTimeRange;\n if (type == 'delete') {\n if (tmp.DKPC) {\n tmp.specificPricingRange = null\n await props.editVariant(tmp)\n } else {\n if (!tmp.DKPC) {\n tmp.DKPCError = 'لطفا کد تنوع را وارد کنید!'\n }\n if (!tmp.specificPricingRange) {\n tmp.timeError = 'لطفا بازه زمانی مورد نظر را وارد کنید!'\n }\n }\n }\n if (type == 'submit') {\n if (tmp.DKPC && tmp.specificPricingRange && parseFloat(toEnglishNumber(toPersianNumber(tmp.specificPricingRange))) >= 1) {\n await props.editVariant(tmp)\n } else {\n if (!tmp.DKPC) {\n tmp.DKPCError = 'لطفا کد تنوع را وارد کنید!'\n }\n if (!tmp.specificPricingRange) {\n tmp.timeError = 'لطفا بازه زمانی مورد نظر را وارد کنید!'\n }\n if (parseFloat(toEnglishNumber(tmp.specificPricingRange)) < 1) {\n tmp.timeError = 'بازه زمانی غیر معتبر است.'\n }\n }\n }\n if (type == 'cancel') {\n tmp.DKPC = props.DKPC\n tmp.specificPricingRange = props.specificPricingRange\n tmp.DKPCError = ''\n tmp.timeError = ''\n\n if (!tmp.DKPC || !tmp.specificPricingRange) {\n tmp.totalPrice = 0\n tmp.totalTime = 0\n }\n }\n setSelectedTimeRange({ ...tmp })\n setIsEditing(false)\n }\n\n return (\n \n
\n \n
\n \n
\n \n
\n );\n}\n\nexport default ExceptionCard;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./setting.module.scss\";\nimport Skeleton from \"../skeleton/skeleton\"\n{/* \n
\n \n { }}\n />\n
\n \n { }}\n />\n
\n {/* \n {props.perPrice ? toPersianNumber(numberWithCommas(props.perPrice)) : '-'}\n
*/}\n \n {selectedTimeRange.totalTime ? toPersianNumber(numberWithCommas(selectedTimeRange.totalTime)) : '-'}\n
\n \n {selectedTimeRange.totalPrice ? toPersianNumber(numberWithCommas(selectedTimeRange.totalPrice)) : '-'}\n
\n \n
\n editException('delete')} className={style.trash}>
\n \n {isEditing &&
\n \n
}\n editException('submit')} className={style.greenBox}>
\n editException('cancel')} className={style.redBox}>e
\n \n
\n}\nexport default WalletSkeleton;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./setting.module.scss\";\nimport { Link, withRouter } from \"react-router-dom\";\nimport Button from \"../Button/button\"\nimport Input from \"../input/input\"\nimport Pagination from \"../pagination/pagination\"\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\"\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\"\nimport disconnectTextGenerator from \"../../helpers/actions/disconnectedText\"\nimport Toast from \"../Toast/Toast\";\nimport GradientToast from \"../gradientToast/Toast\"\nimport numberWithCommas from \"../../helpers/actions/numberWithCommas\";\nimport toEnglishNumber from \"../../helpers/actions/toEnglishNumber\"\nimport ExceptionCard from \"./exceptionCard/exceptionCard\"\nimport { GetWalletSettings, CalculateTotalCost, GetSpecificPricingRangeVariant, EditPackage, EditSinglePricingRange } from \"../../actions/APIcalls\"\nimport Skeleton from \"./skeleton\"\nimport PricingDiagram from \"./pricingDiagram/pricingDiagram\"\nimport GeneralWarning from \"../generalWarning/warning\"\n\n\nlet timeRange = ['0.5', '1', '5', '15', '30']\n\nconst Setting = (props) => {\n\n const [exceptions, setExceptions] = useState({\n list: [\n { DKPC: '', specificPricingRange: '' },\n ],\n listCount: 0,\n pageCount: 0\n })\n const [selectedTimeRange, setSelectedTimeRange] = useState({\n time: '', timeError: '', variantCount: 100, variantError: '', perPrice: '', loading: false, generalPerPrice: 2.5, totalPrice: 0, times: 0,\n PAYG: {\n \"250000\": \"15\",\n \"500000\": \"10\",\n \"1000000\": \"7.5\",\n \"1500000\": \"5\",\n \"100000000\": \"2.5\"\n }\n })\n\n const [calculatePriceLoading, setCalculatePriceLoading] = useState({ loading: false })\n\n const [inputChange, setInputChange] = useState({\n typing: false,\n typingTimeout: null,\n })\n const [hasSkeleton, setHasSkeleton] = useState(true)\n const [toast, setToast] = useState('')\n\n // if on top set navbar to fix \n const [offset, setOffset] = useState(0);\n\n useEffect(() => {\n const onScroll = () => setOffset(window.pageYOffset);\n // clean up code\n window.removeEventListener('scroll', onScroll);\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, []);\n // end\n\n useEffect(async () => {\n await getSettingDetails()\n await getVariantList()\n }, []);\n\n const getSettingDetails = async () => {\n let res = await GetWalletSettings({ accountId: props.user.account._id })\n let tmpRes = selectedTimeRange;\n tmpRes.variantCount = res.data.activeProductsCount ? res.data.activeProductsCount : 0\n tmpRes.time = res.data.currentPricingRange ? res.data.currentPricingRange : 5\n if (res.data.PAYG) {\n tmpRes.PAYG = res.data.PAYG\n tmpRes.generalPerPrice = res.data.PAYG[Object.keys(res.data.PAYG).sort((a, b) => { return b - a })[0]]\n }\n setSelectedTimeRange({ ...tmpRes })\n determineInvoice()\n calculatePerPrice()\n }\n\n const calculatePerPrice = () => {\n let tmp = selectedTimeRange\n if (tmp.PAYG) {\n const iterator = Object.keys(selectedTimeRange.PAYG).sort((a, b) => { return b - a });\n let times = selectedTimeRange.time && selectedTimeRange.variantCount ? (43200 / selectedTimeRange.time) * selectedTimeRange.variantCount : 0;\n iterator.map(el => {\n if (times < Number(el)) {\n tmp.perPrice = tmp.PAYG[el]\n }\n })\n setSelectedTimeRange({ ...tmp })\n }\n }\n\n const validateTime = time => {\n let res = true\n if (Number(toEnglishNumber(time)) < 1 || (Number(toEnglishNumber(time)) % 1 !== 0) || Number(toEnglishNumber(time)) > 60) {\n res = false\n }\n return res\n }\n\n const handleDelayedTimeRangeSelect = (type, time) => {\n if (time.toString() != '0.5') {\n let tmp = selectedTimeRange\n tmp.time = type == 'timeRange' ? time : toEnglishNumber(time.target.value.toString());\n tmp.timeError = ''\n setSelectedTimeRange({ ...tmp })\n\n if (inputChange.typingTimeout) {\n clearTimeout(inputChange.typingTimeout);\n }\n setInputChange({\n ...inputChange,\n typing: false,\n typingTimeout: setTimeout(function () {\n handleTimeRangeSelect(type, time);\n }, 300),\n })\n }\n }\n\n const handleTimeRangeSelect = (type, time) => {\n if (time.toString() != '0.5') {\n let tmp = selectedTimeRange\n if (validateTime(type == 'timeRange' ? time : time.target.value)) {\n tmp.time = type == 'timeRange' ? time : toEnglishNumber(time.target.value.toString());\n tmp.timeError = ''\n } else {\n tmp.time = ''\n tmp.timeError = 'بازه زمانی غیر معتبر است.'\n }\n setSelectedTimeRange({ ...tmp })\n determineInvoice()\n calculatePerPrice()\n }\n }\n\n const handleVariantInput = (tag, value) => {\n let tmp = selectedTimeRange\n tmp.variantCount = toEnglishNumber(value.target.value.toString())\n setSelectedTimeRange({ ...tmp })\n // delayed variant request\n if (inputChange.typingTimeout) {\n clearTimeout(inputChange.typingTimeout);\n }\n setInputChange({\n ...inputChange,\n typing: false,\n typingTimeout: setTimeout(function () {\n determineInvoice()\n }, 500),\n })\n // end of delayed variant request\n // determineInvoice()\n calculatePerPrice()\n }\n\n const submitTimeChange = async () => {\n // change time range\n let tmp = selectedTimeRange\n tmp.loading = true\n setSelectedTimeRange({ ...tmp })\n if (selectedTimeRange.time) {\n let reqObject = {\n accountId: props.user.account._id,\n pricingRange: selectedTimeRange.time\n }\n let res = await EditPackage(reqObject, openToast)\n if (res && res.data && res.data.success) {\n props.history.push({\n pathname: '/settinginvoice',\n state: {\n totalPrice: selectedTimeRange.totalPrice,\n variantCount: selectedTimeRange.variantCount,\n perPrice: selectedTimeRange.perPrice,\n timeRange: selectedTimeRange.time,\n }\n })\n } else {\n tmp.loading = false\n setSelectedTimeRange({ ...tmp })\n }\n } else {\n tmp.loading = false\n setSelectedTimeRange({ ...tmp })\n }\n }\n\n const determineInvoice = async () => {\n setCalculatePriceLoading({ ...calculatePriceLoading, loading: true })\n let tmp = selectedTimeRange\n tmp.times = selectedTimeRange.time && selectedTimeRange.variantCount ? (43200 / selectedTimeRange.time) * selectedTimeRange.variantCount : 0;\n tmp.totalPrice = 0\n let res = await CalculateTotalCost({ product_count: parseInt(selectedTimeRange.variantCount), pricing_range: parseFloat(selectedTimeRange.time) })\n if (typeof res != 'undefined' && res.data) {\n tmp.totalPrice = parseInt(res.data.amount / 10)\n tmp.times = parseInt(res.data.countPerMonth)\n } else {\n tmp.totalPrice = 0\n }\n setSelectedTimeRange({ ...tmp })\n setCalculatePriceLoading({ ...calculatePriceLoading, loading: false })\n }\n\n const getVariantList = async () => {\n setHasSkeleton(true)\n const params = {\n specificPricingRange: \"*\",\n countInPage: getFromUrl(\"countInPage\"),\n page: getFromUrl(\"page\"),\n query: getFromUrl(\"query\")\n }\n let variantList = await GetSpecificPricingRangeVariant(params)\n if (variantList && variantList.data) {\n let tmpException = exceptions;\n tmpException.listCount = variantList.data.variantCount\n tmpException.pageCount = variantList.data.variantListPageCount\n tmpException.list = variantList.data.variantList\n\n if (tmpException.list.length < 1) {\n let emptyVariant = { DKPC: '', specificPricingRange: '' }\n tmpException.list.push(emptyVariant)\n }\n setExceptions({ ...tmpException })\n }\n setHasSkeleton(false)\n }\n\n const getFromUrl = (param) => {\n let defaultParams = {\n countInPage: 10,\n page: 1,\n query: \"\"\n }\n let url = new URLSearchParams(window.location.search);\n\n if (param) {\n if (url.get(param)) {\n return url.get(param)\n } else {\n return defaultParams[param];\n }\n } else {\n Object.keys(defaultParams).map(function (key, index) {\n if (url.get(key)) {\n defaultParams[key] = url.get(key)\n }\n });\n\n return defaultParams\n }\n }\n\n const setToUrl = async (value, param) => {\n let url = new URLSearchParams(window.location.search);\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n value.length > 0 ? url.set(param, tempString) : url.delete(param)\n } else {\n url.set(param, value);\n }\n if (param !== 'page') {\n url.set('page', 1);\n }\n props.history.push(window.location.pathname + \"?\" + url.toString());\n if (param != \"salesStatus\" && param != \"productGroup\" && param != \"brand\" && param != \"channel\") {\n await getVariantList();\n }\n }\n\n const editVariant = async (variant) => {\n let reqObject = {\n dkpc: toEnglishNumber(toPersianNumber(variant.DKPC)),\n pricingRange: variant.specificPricingRange ? toEnglishNumber(toPersianNumber(variant.specificPricingRange)) : null\n }\n let res = await EditSinglePricingRange(reqObject, openToast)\n // getVariantList again!\n await getVariantList();\n }\n\n const addVariantExceptionRow = () => {\n let tmpException = exceptions\n let newObject = { DKPC: '', specificPricingRange: '' }\n tmpException.list.unshift(newObject)\n setExceptions({ ...tmpException })\n }\n\n const openToast = (error) => {\n setToast(error)\n }\n\n const closeModalFunction = () => {\n setToast('')\n }\n\n if (hasSkeleton) {\n return \n
\n
\n\n \n
\n\n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n
\n
\n\n \n\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n
\n\n \n \n <>\n \n
\n }\n {\n props.user.disconnected.status &&\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n \n <>\n \n
\n }\n\n {/* {disconnectTextGenerator(props.user.disconnected.channelName)}
\nجهت اتصال دوباره موبیشا به پنل، لطفا اطلاعات خود را در صفحه پنل دیجیکالا بهروز رسانی کنید
\n ورود به صفحهی پنل دیجیکالا \n \n\n \n \n
*/}\n\n \n
\n\n تنظیمات
\n\n
\n \n {/* Price Range Description */}\n {/*
\n \n
*/}\n {/* Price Range Description */}\n بازهی قیمتگذاری مورد نظر خود را از گزینههای پیشنهادی انتخاب و یا وارد کنید.
\n\n {timeRange.map((time, index) => handleDelayedTimeRangeSelect('timeRange', time)}\n >\n {toPersianNumber(time)}\n
)}\n \n h\n
\n ممکن است حداکثر تا ۳۰ ثانیه زودتر از زمان اعلام شده قیمتگذاری انجام شود.
\n\n { }}\n />\n
\n \n submitTimeChange()}\n />\n
\n \n
\n \n
\n\n \n\n میتوانید برای مشاهده تخمین هزینهی ماهانه، تعداد تنوعهای خود را وارد کنید.
\n\n { }}\n />\n
\n \n
\n\n \n \n
\n تعداد قیمتگذاری ماهانه:
\n {toPersianNumber(numberWithCommas(selectedTimeRange.times))} مرتبه
\n هزینه قیمتگذاری هر تنوع:
\n \n {!calculatePriceLoading.loading ?\n <>{selectedTimeRange.totalPrice && selectedTimeRange.variantCount ? toPersianNumber(numberWithCommas(parseInt(selectedTimeRange.totalPrice / selectedTimeRange.variantCount))) : toPersianNumber(0)} تومان\n :\n
\n ...
\n }\n جمع کل:
\n {!calculatePriceLoading.loading ?\n
\n {toPersianNumber(numberWithCommas(selectedTimeRange.totalPrice))} تومان
\n :\n...
\n }\n (بدون احتساب تنوعهای با بازهی قیمتگذاری متفاوت)
\n\n
\n h
\n جمع کل اعلامی، تخمینی برای تعداد تنوع وارد شده توسط شماست.\n در هر بار قیمتگذاری به اندازهی مبلغ اعلام شده، از کیف پول شما کسر خواهد شد.
\n \n addVariantExceptionRow()}\n >\n addVariantExceptionRow()}\n >\n
\n\n \n );\n }\n}\n\nexport default withRouter(Setting);\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport SettingComponent from \"../../Components/Setting/setting\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst SettingPage = (props) => {\n\n return (\n \n
\n\n \n
\n \n
\n \n {\n setToUrl(selected, 'countInPage')\n }}\n selectedItem={getFromUrl('countInPage')}\n />\n
\n تعداد نمایش در صفحه
\n \n {toPersianNumber(numberWithCommas(exceptions.listCount))} نتیجه
\n افزودن تنوع با بازهی قیمتگذاری متفاوت
\ni
\n افزودن ردیف
\n \n\n \n\n \n
\n\n \n \n )}\n
\n 880 ? style.listHeaderShadowFixed : style.listHeaderShadow}>\n
\n \n {/* render exception cards list */}\n {exceptions.list && exceptions.list.map((exceptionItem, index) => \n
\n کد تنوع
\n بازه قیمتگذاری
\n تعداد قیمتگذاری(ماهانه)
\n جمع کل (ماهانه)(ریال)
\n \n \n i
\n افزودن ردیف
\n \n\n \n
\n )\n}\nexport default withRouter(SettingPage);\n\n\n\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./Toast.module.scss\";\n\n\nconst Toast = (props) => {\n\n const [toastShow, setToastShow] = useState('')\n\n const toggle = () => {\n let childData = {\n label: props.tag,\n }\n if (toastShow) {\n setToastShow(false);\n childData.value = false;\n } else {\n setToastShow(true);\n childData.value = false;\n }\n props.parentClose(childData)\n }\n\n useEffect(() => {\n // console.log(props.value,\"pppp\");\n if (props.value) {\n setToastShow(true);\n } else {\n setToastShow(false);\n }\n // console.log(toastShow);\n }, [props.value]);\n\n return (\n \n
\n \n
\n \n
\n \n
\n );\n}\n\nexport default Toast;\n/*\n tag ======> name of toast\n value=true =======> showToast\n value=false =======> hideToast\n text='' ==========> Toast text(REQUIRED)\n parentClose =====> set showToast to false\n\n !!!**** very important toast need to have a div as container with height: 0px; to get Coordinates where to appeare and zero manipulation ; ****!!!\n*/","import React, { useEffect, useState } from \"react\";\nimport style from \"./settingInvoice.module.scss\";\nimport Skeleton from \"../../skeleton/skeleton\"\n{/* \n
\n f
\n \n {props.children}\n
\n \n
\n}\nexport default WalletSkeleton;\n","import React, { useState, useEffect } from \"react\";\nimport style from \"./settingInvoice.module.scss\"\nimport SuccessToast from \"../../successToast/Toast\";\nimport Button from \"../../Button/button\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport { withRouter } from \"react-router-dom\";\nimport numberWithCommas from \"../../../helpers/actions/numberWithCommas\";\nimport { GetWalletInvoice } from \"../../../actions/APIcalls\"\nimport Skeleton from \"./skeleton\"\n\nconst SettingInvoice = (props) => {\n\n const [hasSkeleton, setHasSkeleton] = useState(false)\n const [invoiceDetails, setInvoiceDetails] = useState({\n pricingCount: 0,\n remainDay: 0,\n walletAmount: 0,\n })\n\n useEffect(async () => {\n setHasSkeleton(true)\n await GetInvoice()\n setHasSkeleton(false)\n }, []);\n\n const GetInvoice = async () => {\n let res = await GetWalletInvoice()\n if (res && res.data) {\n let tmp = res.data;\n setInvoiceDetails({ ...tmp })\n }\n }\n\n const determineTitle = () => {\n let title = ''\n if (parseInt(invoiceDetails.remainDay.remain) < 1 || invoiceDetails.remainDay.type !== 'day') {\n title = `موجودی کیف پول برای کمتر از ۱ روز (${toPersianNumber(numberWithCommas(invoiceDetails.pricingCount))} مرتبه) کافی است.`\n }\n if (invoiceDetails.remainDay.type == 'day' && parseInt(invoiceDetails.remainDay.remain) >= 1) {\n title = `موجودی کیف پول برای ${toPersianNumber(numberWithCommas(invoiceDetails.remainDay.remain))} روز کافی است.`\n }\n\n if (parseInt(invoiceDetails.walletAmount) < 1000) {\n title = `پس از شارژ کیف پول، ربات با تنظیمات زیر شروع به کار میکند.`\n }\n return title\n }\n\n const chargeWallet = () => {\n props.history.push({\n pathname: '/chargewallet',\n state: {\n totalPrice: props.location && props.location.state && props.location.state.totalPrice ? props.location.state.totalPrice : 0\n }\n })\n }\n\n if (hasSkeleton) {\n return (\n
\n
\n\n \n
\n\n \n
\n \n
\n );\n }\n}\n\nexport default withRouter(SettingInvoice);\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport SettingInvoiceComponent from \"../../Components/Setting/SettingInvoice/settingInvoice\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst SettingInvoicePage = (props) => {\n\n return (\n \n
\n\n تنظیمات
\n\n \n \n
\n\n تغییرات مورد نظر با موفقیت اعمال شد.
\n\n\n
\n \n \n {/*
\n\n پس از شارژ کیف پول، ربات با تنظیمات زیر شروع به کار میکند.
*/}\n {determineTitle()}
\n \n
\n\n \n
\n بازهی قیمتگذاری:
\n {props.location && props.location.state ? toPersianNumber(props.location.state.timeRange) : '-'} دقیقه
\n {/* ({props.location && props.location.state ? toPersianNumber(props.location.state.perPrice) : '-'} ریال به ازای یک بار بررسی هر تنوع)
*/}\n \n
\n تعداد تنوع:
\n {props.location && props.location.state ? toPersianNumber(numberWithCommas(props.location.state.variantCount)) : '-'} تنوع
\n \n \n
\n\n \n
\n\n جمع کل:
\n {props.location && props.location.state ? toPersianNumber(numberWithCommas(parseInt(props.location.state.totalPrice))) : '-'} تومان
\n (ماهانه)
\n \n
\n\n (بدون احتساب تنوعهای با بازهی قیمتگذاری متفاوت)
\n \n
\n\n موجودی کیف پول:
\n {parseInt(invoiceDetails.walletAmount / 10) < 0 ? ۰ تومان
: {toPersianNumber(numberWithCommas(parseInt(invoiceDetails.walletAmount / 10)))} تومان
}\n \n
\n\n \n
\n جمع کل اعلامی، تخمینی برای تعداد تنوع وارد شده توسط شماست.
\nدر هر بار قیمتگذاری به اندازهی مبلغ اعلام شده، از کیف پول شما کسر خواهد شد.
\n\n
\n\n \n
\n )\n}\nexport default withRouter(SettingInvoicePage);\n\n\n\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter, useHistory, Link } from \"react-router-dom\";\nimport style from \"./logCard.module.scss\";\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport numberWithCommas from \"../../../helpers/actions/numberWithCommas\"\nimport momentJalaali from 'moment-jalaali';\n\nconst LogCard = (props) => {\n\n const descriptionType = (value, type) => {\n let result = value\n if (type.includes('محصول') || type.includes('تنوع')) {\n result = 'DKPC - ' + toPersianNumber(result)\n }\n if (type.includes('خرید') || type.includes('تمدید')) {\n result = toPersianNumber(numberWithCommas(result)) + ' تومان'\n }\n return result\n }\n\n const defineIconColor = title => {\n let classname = 'logIconWrapper'\n if (title.includes('خطا')) {\n classname = 'logIconWrapper_red'\n }\n if (title.includes('ورود به باکس')) {\n classname = 'logIconWrapper_green'\n }\n return classname\n }\n\n const determinIcon = title => {\n let icon = 'e'\n if (title.includes('حذف')) {\n icon = 'Y'\n }\n if (title.includes('ویرایش') || title.includes('تغییر')) {\n icon = 'r'\n }\n if (title.includes('خطا')) {\n icon = 'n'\n }\n if (title.includes('ساخت') || title.includes('آپلود') || title.includes('تکمیل') || title.includes('افزودن')) {\n icon = 'i'\n }\n if (title.includes('بسته')) {\n icon = 'I'\n }\n if (title.includes('فعال') || title.includes('ارتباط')) {\n icon = 'q'\n }\n if (title.includes('بهروزرسانی')) {\n icon = 'X'\n }\n if (title.includes('ورود به باکس')) {\n icon = 'f'\n }\n return icon\n }\n\n return (\n \n
\n \n
\n \n
\n \n {/* style.logIconWrapper */}\n
\n )\n}\n\nexport default withRouter(LogCard);\n\n\n\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport style from \"./log.module.scss\";\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\"\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport Pagination from \"../pagination/pagination\";\nimport CalendarModal from \"../modalCalendar/modalCalendar\";\nimport LogCard from \"./logCard/logCard\"\nimport momentJalaali from 'moment-jalaali';\nimport { getLogList } from \"../../actions/APIcalls\"\n\nlet statics = [{ title: 'امروز', number: '469' }, { title: 'هفته جاری', number: '1876' }, { title: 'هفته گذشته', number: '21876' }, { title: 'ماه جاری', number: '4654987' }]\n\nconst Log = (props) => {\n\n const [openCalendarModal, setOpenCalendarModal] = useState(false)\n const [dateRangeLabel, setDateRangeLabel] = useState('ماه اخیر')\n const [logList, setLogList] = useState({\n logListPageCount: 10,\n logListCount: 0,\n list: [],\n error: ''\n })\n\n useEffect(() => {\n getLog()\n }, [])\n\n const setDateRange = (range) => {\n let urlFrom = getFromUrl(\"from\");\n let urlTo = getFromUrl(\"to\");\n range.start && (urlFrom = momentJalaali(range.start))\n range.end && (urlTo = momentJalaali(range.end))\n setToUrl(urlFrom, \"from\");\n setToUrl(urlTo, \"to\");\n }\n\n const getFromUrl = (param) => {\n const defaultParams = {\n countInPage: 10,\n page: 1,\n from: momentJalaali().subtract(30, \"day\"),\n to: momentJalaali()\n }\n let url = new URLSearchParams(window.location.search);\n if (url.get(param)) {\n if (url.get(param) === \"true\" || url.get(param) === \"false\") {\n return url.get(param) === \"true\" ? true : false;\n } else {\n\n return url.get(param)\n }\n } else {\n return defaultParams[param];\n }\n }\n\n const setToUrl = (value, param) => {\n let url = new URLSearchParams(window.location.search);\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n value.length > 0 ? url.set(param, tempString) : url.delete(param)\n } else {\n url.set(param, value);\n }\n if (param !== 'page') {\n url.set('page', 1);\n }\n props.history.push(window.location.pathname + \"?\" + url.toString());\n getLog();\n }\n\n const getLog = async () => {\n let reqObject = {\n countInPage: getFromUrl(\"countInPage\") ? getFromUrl(\"countInPage\") : 10,\n page: getFromUrl(\"page\") ? getFromUrl(\"page\") : 1,\n from: getFromUrl(\"from\") ? getFromUrl(\"from\") : momentJalaali().subtract(30, \"day\"),\n to: getFromUrl(\"to\") ? getFromUrl(\"to\") : momentJalaali()\n }\n let res = await getLogList(reqObject)\n console.log(res, 'res');\n let tmpLogList = logList\n if (res && res.data) {\n tmpLogList.list = res.data.List\n tmpLogList.logListCount = res.data.logCount\n tmpLogList.logListPageCount = res.data.maximum_page\n } else {\n tmpLogList.error = 'دادهای برای نمایش وجود ندارد'\n }\n setLogList({ ...tmpLogList })\n }\n\n return (\n {determinIcon(props.data.title)}
\n {props.data.title}
\n {descriptionType(props.data.description, props.data.title)}
\n \n
\n {typeof props.data.user == 'string' ? '' : props.data.user.name}
\n {toPersianNumber(momentJalaali(props.data.date).format('HH:mm'))} - {toPersianNumber(momentJalaali(props.data.date).format('jYYYY/jM/jD'))}
\n \n
\n\n {logList.error && nآمار فعالیتهای ربات برای ۳۰ روز گذشته ذخیره و نمایش داده میشود.
\n\n
\n\n {/* ! فعلا آمار ورود به باکس نداریم */}\n {/* \n {\n setDateRangeLabel(label)\n }}\n setRange={(range) => {\n setDateRange(range)\n }}\n // فعلا بازه زمانی نداریم \n // value={{ start: getFromUrl(\"from\"), end: getFromUrl(\"to\") }}\n value={{ start: momentJalaali().subtract(30, \"day\"), end: momentJalaali() }}\n openModal={openCalendarModal}\n />\n
\n آمار ورود به باکس
\n\n\n {statics.map((item, index) =>
*/}\n\n \n
)}\n \n
\n
\n {item.title}
\n{toPersianNumber(numberWithCommas(item.number))}
\n\n
\n \n
\n \n {!logList.error && {\n setToUrl(selected, 'countInPage')\n }}\n selectedItem={getFromUrl('countInPage')}\n />\n {typeof logList.logListCount !== 'undefined' ? toPersianNumber(logList.logListCount) + \" نتیجه\" : \"\"}
\n تعداد نمایش در صفحه
\n \n {logList.error}
}\n\n {logList.list ? logList.list.map((listItem, index) =>
\n\n \n {!logList.error &&
\n\n \n )\n}\n\nexport default withRouter(Log);\n\n\n\n","import React, { } from 'react'\nimport style from \"./sidebarPage.module.scss\"\nimport Sidebar from '../Components/sidebar/sidebar'\nimport LogComponent from '../Components/Log/log'\nimport Skeleton from \"../Components/skeleton/skeleton\"\n\n\nconst Log = (props) => {\n return (\n \n
\n )\n}\nexport default Log","import React from \"react\";\nimport style from \"./logCard.module.scss\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport { Link } from \"react-router-dom\";\nimport toEnglishNumber from \"../../../helpers/actions/toEnglishNumber\"\n\nconst LogCard = (props) => {\n\n const determineType = typeName => {\n let res = 'کوچک'\n switch (typeName) {\n case 'small':\n res = 'کوچک'\n break;\n case 'medium':\n res = 'متوسط'\n break;\n case 'big':\n res = 'بزرگ'\n break;\n }\n return res\n }\n\n const calculateDate = (date, type) => {\n let current = ''\n if (type == 'date') {\n current = new Date(date).toLocaleDateString('fa-IR')\n } else {\n current = toPersianNumber(new Date(date).getHours()) + ':' + toPersianNumber(new Date(date).getMinutes())\n }\n return current;\n }\n\n return (\n <>\n \n
\n فعالیتهای ربات
\n\n\n
\n \n
\n\n {props.data.status == 'false' ? props.data.error ? \n \n
\n \n\n \n
\n \n {props.data.createDate ? calculateDate(props.data.createDate, 'date') : '--'}\n {/* {determineDate('hour', props.data.createPackageDate)} */}\n
\n \n {props.channelList && props.channelList.length > 0 ? props.channelList[0].name : '--'}{props.channelList[0]._id == \"66c7067044e53ffa53755c93\" ? ' ۲ ' : ''}\n
\n {props.data.warehouse && props.data.warehouse.name ? props.data.warehouse.name : '--'}
\n {determineType(props.data.natureType)}
\n\n \n n\n
\n :\n {props.data.error}
\n\n n\n
\n :\n null\n }\n \n );\n}\n\nexport default LogCard;\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./cargo.module.scss\";\nimport Skeleton from \"../skeleton/skeleton\"\n{/* خطا در ساخت محموله
\n\n
\n}\nexport default WalletSkeleton;\n","export const shippingCommitment = [\n // { value: 'past', name: 'گذشته', checked: false },\n // { value: 'today', name: 'امروز', checked: false },\n { value: 'past-and-today', name: 'گذشته و امروز', checked: false },\n // { value: 'tomorrow', name: 'فردا', checked: false },\n { value: 'future', name: 'فردا به بعد', checked: false },\n]\n\nexport const warehouses = [\n { _id: '635946cbfbe55055bc53be9b', name: 'اصفهان جی', id: '97', checked: false },\n { _id: '635946cbfbe55055bc53be92', name: 'استاد معین', id: '74', checked: false },\n { _id: '635946cbfbe55055bc53be8a', name: 'ترانسفو', id: '70', checked: false },\n { _id: '635946cbfbe55055bc53be82', name: 'زرین', id: '69', checked: false },\n { _id: '635946cbfbe55055bc53be79', name: 'بادامک (کالاهای کوچک)', id: '58', checked: false },\n { _id: '635946cbfbe55055bc53be71', name: 'کرج', id: '51', checked: false },\n { _id: '635946cbfbe55055bc53be69', name: 'فتح', id: '40', checked: false },\n { _id: '635946cbfbe55055bc53be61', name: 'دانش', id: '1', checked: false },\n { _id: '635946cafbe55055bc53be59', name: 'شرق۱', id: '41', checked: false }\n]\n\nexport const daysOfWeek = [\n { value: 0, name: 'شنبه', checked: false },\n { value: 1, name: '۱شنبه', checked: false },\n { value: 2, name: '۲شنبه', checked: false },\n { value: 3, name: '۳شنبه', checked: false },\n { value: 4, name: '۴شنبه', checked: false },\n { value: 5, name: '۵شنبه', checked: false },\n { value: 6, name: 'جمعه', checked: false },\n]\n\nexport const deliverTimeRange = [\n { value: '09:00 - 10:00', id: 0 },\n { value: '10:00 - 11:00', id: 1 },\n { value: '11:00 - 12:00', id: 2 },\n { value: '12:00 - 13:00', id: 3 },\n { value: '13:00 - 14:00', id: 4 },\n { value: '14:00 - 15:00', id: 5 },\n { value: '15:00 - 16:00', id: 6 },\n]\n\nexport const createPackageFrequency = [\n // { name: 'فقط یک بار', value: 'once', checked: false },\n { name: 'هر روز', value: 'everyday', checked: false },\n { name: 'انتخاب روز در هفته', value: 'specificDays', checked: false },\n]\n\n\nexport const createPackageTime = [\n { value: '00:00', id: 0, name: '۰۰:۰۰' },\n { value: '01:00', id: 1, name: '۰۱:۰۰' },\n { value: '02:00', id: 2, name: '۰۲:۰۰' },\n { value: '03:00', id: 3, name: '۰۳:۰۰' },\n { value: '04:00', id: 4, name: '۰۴:۰۰' },\n { value: '05:00', id: 5, name: '۰۵:۰۰' },\n { value: '06:00', id: 6, name: '۰۶:۰۰' },\n { value: '07:00', id: 7, name: '۰۷:۰۰' },\n { value: '08:00', id: 8, name: '۰۸:۰۰' },\n { value: '09:00', id: 9, name: '۰۹:۰۰' },\n { value: '10:00', id: 10, name: '۱۰:۰۰' },\n { value: '11:00', id: 11, name: '۱۱:۰۰' },\n { value: '12:00', id: 12, name: '۱۲:۰۰' },\n { value: '13:00', id: 13, name: '۱۳:۰۰' },\n { value: '14:00', id: 14, name: '۱۴:۰۰' },\n { value: '15:00', id: 15, name: '۱۵:۰۰' },\n { value: '16:00', id: 16, name: '۱۶:۰۰' },\n { value: '17:00', id: 17, name: '۱۷:۰۰' },\n { value: '18:00', id: 18, name: '۱۸:۰۰' },\n { value: '19:00', id: 19, name: '۱۹:۰۰' },\n { value: '20:00', id: 20, name: '۲۰:۰۰' },\n { value: '21:00', id: 21, name: '۲۱:۰۰' },\n { value: '22:00', id: 22, name: '۲۲:۰۰' },\n { value: '23:00', id: 23, name: '۲۳:۰۰' },\n]\n\nexport const deliverType = [\n { value: 'seller', id: 0, name: 'تحویل توسط فروشنده' },\n { value: 'mobile_hub', id: 1, name: 'تحویل به انبار سیار' },\n]","import React, { useState } from \"react\";\nimport style from \"./cargoModalTab.module.scss\";\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\nimport { useDrag } from 'react-dnd'\n\nconst TimeCard = (props) => {\n\n const [{ isDragging }, dragRef] = useDrag({\n type: props.type,\n item: {\n type: props.type,\n value: props.data.value,\n id: props.data.id,\n index: props.index\n },\n end: (item, monitor) => {\n const dropResult = monitor.getDropResult()\n\n if (item && dropResult) {\n props.onDropTimeRange(item)\n }\n },\n collect: (monitor) => ({\n isDragging: monitor.isDragging()\n })\n })\n\n return (\n \n
\n
\n\n \n
\n \n
\n \n
\n \n
\n\n \n
\n\n \n
\n \n
\n\n {modalData.createPackageFrequency.type == 'specificDays' && \n
\n\n\n تعهد ارسال
\n \n {shippingCommitment.map((comitment, index) =>
\n \n
\n تکرار ساخت محموله
\n \n {createPackageFrequency.map((frequency, index) => \n
)}\n \n
}\n\n انتخاب روز
\n \n 0 ? null : 'انتخاب روز'}\n value={modalData.createPackageFrequency.days.length > 0 ? modalData.createPackageFrequency.days.map((el, index) => modalData.daysOfWeek[el].name) : null}\n placeHolderStyle='#999'\n dropdownList={modalData.daysOfWeek}\n hasCheckbox={true}\n handleSelect={handleSelect}\n onblure={() => { }}\n deleteSelectedItems={deleteFromSelected}\n errorMessage=''\n />\n
\n \n
\n\n \n
\n\n \n
\n ساعت ساخت محموله
\n\n handleCreateTime(e, 0)}\n min={0}\n max={2}\n value={toPersianNumber(modalData.createPackageTime[0])}\n ref={(input) => {\n nameInput[0] = input;\n }}\n />\n handleCreateTime(e, 1)}\n min={0}\n max={9}\n value={toPersianNumber(modalData.createPackageTime[1])}\n ref={(input) => {\n nameInput[1] = input;\n }}\n />\n :\n handleCreateTime(e, 2)}\n min={0}\n max={5}\n value={toPersianNumber(modalData.createPackageTime[2])}\n ref={(input) => {\n nameInput[2] = input;\n }}\n />\n handleCreateTime(e, 3)}\n min={0}\n max={9}\n value={toPersianNumber(modalData.createPackageTime[3])}\n ref={(input) => {\n nameInput[3] = input;\n }}\n />\n
\n \n
\n\n {(props.wareHouses.length > 0 && !modalData.warehouseLoading) || (modalData.selectedWarehouse != null && modalData.selectedWarehouse.length > 0 && !modalData.warehouseLoading) ?\n \n
\n \n
\n روش تحویل
\n\n 0 ? modalData.deliverType.map(a => a.name) : null}\n dropdownList={deliverType}\n handleSelect={handleSelect}\n onblure={() => { }}\n deleteSelectedItems={deleteFromSelected}\n errorMessage=''\n />\n
\n \n
\n :\n \n
\n \n
\n انتخاب انبار
\n \n\n a.name) : null}\n dropdownList={modalData.warehouses}\n hasCheckbox={true}\n handleSelect={handleSelect}\n onblure={() => { }}\n deleteSelectedItems={deleteFromSelected}\n errorMessage=''\n />\n
\n \n
\n }\n\n \n
\n \n
\n انتخاب انبار
\n \n\n \n
\n \n
\n \n \n\n بازه زمانی تحویل
\n \n
\n \n
\n \n \n {modalData.selectedTimeRange.length > 0 && modalData.selectedTimeRange.map((selected, index) =>
\n بازهی زمانی انتخابی به ترتیب اولویت
\n {/* **********drop items************ */}\n \n
\n \n
\n \n
\n \n {modalData.allTimeRange.map((time, index) =>
\n همهی بازههای زمانی
\n {/* **********drag items************ */}\n \n
\n \n {/* \n createCargofunction()}\n />\n
\n \n
\n \n { }}\n deleteSelectedItems={deleteFromSelected}\n errorMessage=''\n />\n
*/}\n \n );\n}\n\nexport default CargoModalTab;\n","import React, { useEffect, useState, useRef } from \"react\";\nimport style from \"./cargoModal.module.scss\";\nimport Modal from '../Modal/Modal'\nimport Toast from '../Toast/Toast'\nimport DropDown from \"../Dropdown/SimpleDropDown/DropDown\";\nimport { GetWarehouses, WarehouseData } from \"../../actions/APIcalls\";\nimport { HTML5Backend } from 'react-dnd-html5-backend'\nimport { DndProvider } from 'react-dnd'\nimport CargoTab from './components/cargoModalTab'\n\n\nconst CargoModal = (props) => {\n\n const [loading, setLoading] = useState(true)\n const [toast, setToast] = useState({ text: '', type: 'error' })\n useEffect(async () => {\n // await GetWarehousesFunction()\n await setConfigData()\n setLoading(false)\n }, [])\n\n useEffect(async () => {\n await setConfigData()\n }, [props.cargoConfigs])\n\n useEffect(() => {\n if (!props.show) {\n unsetData()\n }\n }, [props.show])\n\n const setConfigData = () => {\n if (props.cargoConfigs && props.cargoConfigs.length > 0) {\n let tmp = modalData\n tmp.cargoConfigs = props.cargoConfigs\n tmp.cargoConfigsChannels = props.cargoConfigs.map(el => el.channel._id)\n setModalData({ ...tmp })\n }\n }\n\n const unsetData = () => {\n // unset data\n }\n\n const [modalData, setModalData] = useState({\n channels: props.channels,\n cargoConfigsChannels: [],\n cargoConfigs: [],\n wareHouses: [],\n cargoType: 'small',\n tab: 0\n })\n\n const GetWarehousesFunction = async () => {\n let list = await GetWarehouses()\n if (list && list.data && list.data.success) {\n let tmp = modalData\n tmp.wareHouses = list.data.list\n setModalData({ ...tmp })\n }\n }\n\n const createCargofunction = async (params, type) => {\n setToast({ ...toast, text: '' })\n let res = await props.updateCargoConfigs(params, type)\n\n if (res.data && res.data.success) {\n props.closeModal()\n }\n }\n\n const changeChannel = (tag, value) => {\n let tmp = modalData\n tmp.channels.map((channel, index) => {\n if (channel._id == value._id) {\n tmp.tab = index\n }\n })\n setModalData({ ...tmp })\n }\n\n const deleteFromSelected = () => {\n let tmp = modalData\n tmp.tab = 0\n setModalData({ ...tmp })\n }\n\n const getWareHouseData = async (deliverType) => {\n setToast({ ...toast, text: '' })\n let params = {\n channelId: modalData.channels[modalData.tab]._id,\n deliveryType: deliverType,\n shippingNatureId: modalData.cargoType == 'small' ? 1 : 2\n }\n let res = await WarehouseData(params)\n let array = []\n if (res && res.data && res.data.success) {\n let tmp = modalData\n array = Object.keys(res.data.list).map((key, index) => {\n let obj = {\n id: res.data.list[key].id,\n name: res.data.list[key].title,\n checked: false\n }\n return obj\n })\n tmp.wareHouses = array\n setModalData({ ...tmp })\n } else {\n setToast({ ...toast, text: 'اطلاعات انبارها در حال حاضر وجود ندارد' })\n }\n return array\n }\n\n return (\n <>\n ...
\n :\n \n\n \n {modalData.channels.map((channelItem, index) => \n\n
\n }\n \n \n );\n}\n\nexport default CargoModal;\n","import React, { useEffect, useState, useRef } from \"react\";\nimport style from \"./deleteCargoModal.module.scss\";\nimport Modal from '../../Modal/Modal'\nimport Button from '../../Button/button'\nimport CheckBox from \"../../SelectionControls/Checkbox/Checkbox\";\n\n\nconst DeleteCargoModal = (props) => {\n const [modalData, setModalData] = useState({\n channels: props.cargoConfigs ? props.cargoConfigs : [],\n selectedConfigs: [],\n selectedConfigsValues: [],\n status: 'unknown'\n })\n\n useEffect(async () => {\n if (props.cargoConfigs) {\n let tmp = modalData\n tmp.channels = props.cargoConfigs\n setModalData({ ...tmp })\n }\n }, [props])\n\n useEffect(() => {\n if (!props.show) {\n let temp = modalData\n temp.status = 'unknown'\n temp.selectedConfigs = []\n temp.selectedConfigsValues = []\n setModalData({ ...temp })\n }\n }, [props.show])\n\n const deleteCargoConfigFunction = async () => {\n let id = ''\n if (modalData.channels.length == 1) {\n id = [modalData.channels[0]._id]\n } else {\n id = modalData.selectedConfigsValues\n }\n let res = await props.deleteCargoConfigFunction(id)\n if (res.data && res.data.success) {\n let temp = modalData\n temp.status = 'success'\n setModalData({ ...temp })\n }\n }\n\n const handleCheckBox = (e, value, tag, secondTag) => {\n let tmp = modalData\n if (tmp.selectedConfigs.includes(tag)) {\n tmp.selectedConfigs = tmp.selectedConfigs.filter(el => el != tag)\n tmp.selectedConfigsValues = tmp.selectedConfigsValues.filter(el => el != secondTag._id)\n } else {\n tmp.selectedConfigs.push(tag)\n tmp.selectedConfigsValues.push(secondTag._id)\n }\n setModalData({ ...tmp })\n }\n\n const renderInnerModal = () => {\n if (modalData.status == 'unknown') {\n if (modalData.channels.length == 1) {\n return \n
\n\n {modalData.channels.length > 1 &&\n \n
\n setModalData({ ...modalData, cargoType: 'small' })}>محمولههای کوچک
\n setModalData({ ...modalData, cargoType: 'big' })}>محمولههای متوسط و بزرگ
\n \n { }}\n deleteSelectedItems={deleteFromSelected}\n errorMessage=''\n />\n
\n }\n\n پنل فروش
\n\n {modalData.tab == index && <>\n {\n if ((el.channel._id).toString() == (channelItem._id).toString() && el.natureType == modalData.cargoType) {\n return el\n }\n })[0] : null}\n channel={channelItem}\n createCargofunction={createCargofunction}\n wareHouses={modalData.wareHouses}\n getWareHouseData={getWareHouseData}\n closeModal={props.closeModal}\n />\n }\n
\n )}\n \n
\n }\n if (modalData.channels.length > 1) {\n return آیا از حذف ساخت اتومات محموله اطمینان دارید؟
\n\n
\n \n deleteCargoConfigFunction()}\n />\n
\n \n
\n \n
\n }\n }\n if (modalData.status == 'success') {\n return کانال مورد نظر برای حذف ساخت اتومات محموله را انتخاب کنید.
\n\n {modalData.channels.map((config, index) =>
\n {modalData.selectedConfigs.length > 0 && \n
)}\n \n
}\n آیا از حذف ساخت اتومات محموله برای کانال {modalData.selectedConfigs.map((channel, index) => \n {channel} {index + 1 !== modalData.selectedConfigs.length ? ' و ' : ' '}\n )} اطمینان دارید؟
\n\n
\n \n deleteCargoConfigFunction()}\n />\n
\n \n
\n \n
\n }\n }\n\n return (\n <>\n ساخت اتومات محموله با موفقیت حذف شد.
\n\n
\n \n
\n \n {renderInnerModal()}\n
\n \n \n );\n}\n\nexport default DeleteCargoModal;\n","export default __webpack_public_path__ + \"static/media/cargo_noresult.d6d39233.svg\";","import React, { useEffect, useState } from \"react\";\nimport style from \"./cargo.module.scss\";\nimport { withRouter, Link } from \"react-router-dom\";\nimport Button from \"../Button/button\"\nimport GradientToast from \"../gradientToast/Toast\"\nimport momentJalaali from 'moment-jalaali';\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\";\nimport disconnectTextGenerator from \"../../helpers/actions/disconnectedText\"\nimport Pagination from \"../pagination/pagination\";\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport Dropdown from \"../Dropdown/RealTimeButtonDropDown/DropDown\";\nimport LogCard from \"./cargoLogCard/logCard\"\nimport Skeleton from \"./skeleton\"\nimport Searchbar from \"../productSearchbar/productSearchbar\";\nimport toEnglishNumber from \"../../helpers/actions/toEnglishNumber\";\nimport { GetCargoConfigs, DeleteCargo, CreateCargo, EditCargo, GetCargoLogList, GetWarehouses, GetChannelList, SubmitAddChannel } from \"../../actions/APIcalls\"\nimport CalendarModal from \"../modalCalendar/modalCalendar\";\nimport CargoModal from '../cargoModal/cargoModal'\nimport DeleteCargoModal from '../cargoModal/DeleteCargoModal/deleteCargoModal'\nimport EditChannelModal from '../editChannelModal/editChannelModal'\nimport Toast from '../Toast/Toast'\nimport CargoEmptyState from '../../assets/icons/EmptyStates/cargo_noresult.svg'\nimport GeneralWarning from \"../generalWarning/warning\"\n\n\nconst Cargo = (props) => {\n const [openCalendarModal, setOpenCalendarModal] = useState(false)\n const [dateRangeLabel, setDateRangeLabel] = useState('')\n const [hasSkeleton, setHasSkeleton] = useState(true)\n const [editChannel, setEditChannel] = useState({\n show: false,\n })\n const [cargoModal, setCargoModal] = useState({\n show: false,\n deleteShow: false,\n channelList: []\n })\n const [logList, setLogList] = useState({\n logListPageCount: 1,\n list: [],\n warehouses: [],\n error: '',\n cargoConfigs: [],\n resultNumber: 0,\n })\n\n const [toast, setToast] = useState('')\n\n\n useEffect(async () => {\n await GetChannelListFunction()\n await getCargoLog()\n await GetCargoConfigsInitial()\n await GetWarehousesFunction()\n }, [])\n\n // if on top set navbar to fix \n const [offset, setOffset] = useState(0);\n\n useEffect(() => {\n const onScroll = () => setOffset(window.pageYOffset);\n // clean up code\n window.removeEventListener('scroll', onScroll);\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, []);\n // end\n\n const setDateRange = (range) => {\n let urlFrom = getFromUrl(\"from\");\n let urlTo = getFromUrl(\"to\");\n range.start && (urlFrom = momentJalaali(range.start))\n range.end && (urlTo = momentJalaali(range.end))\n setToUrl(urlFrom, \"from\");\n setToUrl(urlTo, \"to\");\n }\n\n const GetCargoConfigsInitial = async () => {\n let res = await GetCargoConfigs()\n let tmp = logList\n if (res.data && res.data.list) {\n tmp.cargoConfigs = res.data.list\n }\n setLogList({ ...tmp })\n }\n\n const GetWarehousesFunction = async () => {\n let res = await GetWarehouses()\n let tmp = logList\n if (res && res.data) {\n tmp.warehouses = res.data.list\n }\n setLogList({ ...tmp })\n }\n\n const GetChannelListFunction = async () => {\n let tmp = cargoModal\n tmp.channelList = (await GetChannelList()).data.channelList\n setCargoModal({ ...tmp })\n }\n\n const getCargoLog = async () => {\n setHasSkeleton(true)\n let url = await getFromUrl()\n // get cargo log list\n let res = await GetCargoLogList(url)\n if (res && res.data && res.data.success) {\n let tmp = logList\n tmp.list = res.data.list\n tmp.resultNumber = res.data.count\n tmp.logListPageCount = res.data.pageNumber\n setLogList({ ...tmp })\n }\n setHasSkeleton(false)\n }\n\n const deleteCargoConfigFunction = async (id) => {\n let res = await DeleteCargo(id)\n await GetCargoConfigsInitial();\n return res\n }\n\n const updateCargoConfigs = async (params, type) => {\n let res = ''\n if (type == 'create') {\n // create function\n res = await CreateCargo(params, openToast)\n } else {\n // edit function\n res = await EditCargo(params, openToast)\n }\n await GetCargoConfigsInitial();\n return res;\n }\n\n const openToast = error => {\n setToast(error)\n }\n\n const closeToastFunction = () => {\n setToast('')\n }\n\n const getFromUrl = (param) => {\n let defaultParams = {\n natureType: [],\n pageNumber: 10,\n page: 1,\n search: \"\",\n from: '',\n to: ''\n }\n let url = new URLSearchParams(window.location.search);\n\n if (param) {\n if (url.get(param)) {\n return url.get(param)\n } else {\n return defaultParams[param];\n }\n } else {\n Object.keys(defaultParams).map(function (key, index) {\n if (url.get(key)) {\n if (key == 'natureType') {\n let splited = url.get(key).split('*')\n defaultParams[key] = splited\n } else {\n defaultParams[key] = url.get(key)\n }\n }\n });\n return defaultParams\n }\n }\n\n const setToUrl = (value, param) => {\n let url = new URLSearchParams(window.location.search);\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n value.length > 0 ? url.set(param, tempString) : url.delete(param)\n } else {\n url.set(param, value);\n }\n if (param !== 'page') {\n url.set('page', 1);\n }\n props.history.push(window.location.pathname + \"?\" + url.toString());\n getCargoLog();\n }\n\n const deleteFromUrl = (param) => {\n let url = new URLSearchParams(window.location.search);\n url.delete(param);\n props.history.push(window.location.pathname + \"?\" + url.toString());\n let tmp = filterData\n tmp[param].map(el => el.checked = false)\n setFilterData({ ...tmp })\n getCargoLog();\n }\n\n const dropdownHandler = (tag, val) => {\n let tmp = filterData\n tmp[tag].map(el => {\n if (el.name == val.name) {\n if (!val.checked) {\n el.checked = true\n } else {\n el.checked = false\n }\n }\n })\n let tmpArr = (tmp[tag].filter(el => el.checked)).map(el => el.value)\n setToUrl(tmpArr, tag)\n setFilterData({ ...tmp })\n }\n\n const [filterData, setFilterData] = useState({\n natureType: [\n {\n name: \"کوچک\",\n value: \"small\",\n checked: getFromUrl(\"natureType\") === \"small\" ? true : false\n },\n {\n name: \"بزرگ\",\n value: \"big\",\n checked: getFromUrl(\"natureType\") === \"big\" ? true : false\n },\n ]\n })\n\n const checkUrl = () => {\n let result = false;\n const defaultParams = {\n natureType: [],\n search: \"\",\n from: '',\n to: ''\n }\n const check = [\"natureType\", \"search\", \"from\", \"to\"]\n check.map(filter => {\n if (Array.isArray(getFromUrl(filter))) {\n if (getFromUrl(filter).length > 0) {\n result = true;\n }\n } else {\n if (getFromUrl(filter) != defaultParams[filter]) {\n result = true;\n }\n }\n })\n return result\n }\n\n const deleteAllFiletrs = () => {\n const check = [\"natureType\", \"search\", \"from\", \"to\"]\n let url = new URLSearchParams(window.location.search);\n let filterDataTemp = filterData;\n check.map(filter => {\n url.delete(filter);\n props.history.push(window.location.pathname + \"?\" + url.toString());\n if (filter == \"natureType\") {\n filterDataTemp.natureType = filterDataTemp.natureType.map(obj => {\n return { ...obj, checked: false };\n })\n }\n })\n setFilterData({ ...filterDataTemp })\n getCargoLog();\n }\n\n const addChannel = async (email, password) => {\n let params = { username: toEnglishNumber(email), password: toEnglishNumber(password) };\n let res = await SubmitAddChannel(params)\n setEditChannel({ ...editChannel, show: false })\n\n return res;\n }\n\n\n const insideCargoListRenderer = () => {\n if (cargoModal.channelList.length < 1) {\n return \n 
\n
\n }\n if (logList.list.length < 1) {\n return اینجا میتونید تنطیمات ساخت خودکار محموله برای فرستادن به انبار رو ایجاد کنید
\nبرای شروع پنل دیجیکالا رو ثبت کنید
\n\n
\n \n props.history.push('/channels')}\n />\n
\n \n setEditChannel({ ...editChannel, show: true })\n () => props.history.push('/channels')\n }\n />\n
\n \n \n
\n }\n if (cargoModal.channelList.length > 0 && logList.list && logList.list.length > 0) {\n return اینجا میتونید تنطیمات ساخت خودکار محموله برای فرستادن به انبار رو ایجاد کنید
\nدر حال حاضر تنظیماتی برای ساخت خودکار محموله ندارید
\n\n
\n \n setCargoModal({ ...cargoModal, show: true })}\n />\n
\n \n
\n\n {/* Render Log List */}\n \n
\n \n {\n setToUrl(selected, 'pageNumber')\n }}\n selectedItem={getFromUrl('pageNumber')}\n />\n {toPersianNumber(logList.resultNumber)} نتیجه
\n تعداد نمایش در صفحه
\n \n \n \n
\n\n \n el._id == item.channel)}\n />)}\n
\n 400 ? style.listHeaderFixed : style.listHeader}>\n \n
\n شماره محموله
\n ساخت محموله
\n پنل فروش
\n انبار
\n نوع
\n 400 ? style.hiddenListHeader : ''}>
\n {logList.list.map((item, index) => \n
\n \n }\n }\n\n if (hasSkeleton) {\n return \n setEditChannel({ ...editChannel, show: false })}\n email=''\n editchannel={addChannel}\n />\n {\n props.user.expiredAccount &&\n setCargoModal({ ...cargoModal, show: false })}\n channels={cargoModal.channelList}\n updateCargoConfigs={updateCargoConfigs}\n />\n\n setCargoModal({ ...cargoModal, deleteShow: false })}\n cargoConfigs={logList.cargoConfigs}\n deleteCargoConfigFunction={deleteCargoConfigFunction}\n />\n\n
\n )\n }\n}\n\nexport default withRouter(Cargo);\n\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport CargoComponent from \"../../Components/cargo/cargo\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst WalletPage = (props) => {\n return (\n \n \n <>\n \n
\n }\n {\n props.user.disconnected.status &&\n شارژ کیف پول شما تمام شدهاست.
\nبرای فعالسازی مجدد ربات، کیف پول خود را شارژ کنید.
\n ورود به صفحهی شارژ کیف پول \n \n\n \n <>\n \n
\n }\n\n {/* {disconnectTextGenerator(props.user.disconnected.channelName)}
\nجهت اتصال دوباره موبیشا به پنل، لطفا اطلاعات خود را در صفحه پنل دیجیکالا بهروز رسانی کنید
\n ورود به صفحهی پنل دیجیکالا \n \n\n \n \n
*/}\n\n \n
\n\n {cargoModal.channelList.length > 0 && logList.cargoConfigs && محمولهها
\n {cargoModal.channelList.length > 0 &&\n {logList.cargoConfigs.length > 0 &&
}\n \n setCargoModal({ ...cargoModal, deleteShow: true })}\n >\n حذف ساخت اتومات محموله\n \n
}\n \n setCargoModal({ ...cargoModal, show: true })}\n />\n
\n \n
}\n\n {insideCargoListRenderer()}\n\n \n
\n \n {checkUrl() ?
\n deleteAllFiletrs()}>\n g\n
: null}\n \n {\n setDateRangeLabel(label)\n }}\n setRange={(range) => {\n setDateRange(range)\n }}\n // فعلا بازه زمانی نداریم \n value={getFromUrl(\"from\") ? { start: getFromUrl(\"from\"), end: getFromUrl(\"to\") } : null}\n openModal={openCalendarModal}\n />\n
\n \n
\n \n
\n )\n}\nexport default withRouter(WalletPage);\n\n\n\n","import React, { useState } from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport style from \"./snappShopCard.module.scss\";\nimport SwitchButton from \"../../SelectionControls/Switch/Switch\";\nimport EditDropDown from \"../../Dropdown/EditDropDown/DropDown\"\nimport Button from \"../../Button/button\"\nimport EditInput from \"../../EditInput/input\"\nimport RangeSlider from \"../../pricing/rangeSlider/rangeSlider\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport numberWithCommas from \"../../../helpers/actions/numberWithCommas\"\nimport toEnglishNumber from \"../../../helpers/actions/toEnglishNumber\";\nimport momentJalaali from 'moment-jalaali';\n\nconst SnappShopCard = (props) => {\n\n const [cardDetail, setCardDetail] = useState({\n isEdited: false,\n moreInfo: false,\n margin_type_dropdown: [{ name: 'درصد', value: 'percent' }, { name: 'مبلغ', value: 'price' }, { name: 'قیمت نهایی', value: 'minPrice' }],\n isSendingEditData: false,\n pricingInfo: {\n ...props.data.robot,\n active: (props.data.robot && typeof props.data.robot.active != 'undefined' ? props.data.robot.active : false),\n variation_id: props.data._id,\n buy_price: props.data.robot && props.data.robot.buy_price ? props.data.robot.buy_price : '',\n min_margin_rate_type: props.data.robot && typeof props.data.robot.min_margin_rate_type != 'undefined' && props.data.robot.min_margin_rate_type ? props.data.robot.min_margin_rate_type : '',\n min_margin_rate: props.data.robot && props.data.robot.min_margin_rate ? props.data.robot.min_margin_rate : '',\n }\n })\n const convertDropDownValue = value => {\n let name = ''\n switch (value) {\n case 'minPrice':\n name = 'قیمت نهایی'\n break;\n case 'percent':\n name = 'درصد'\n break;\n case 'price':\n name = 'مبلغ'\n break;\n }\n return name\n }\n\n const determinBGColor = (inBuyBox, robotActive, hasError) => {\n let bg = 'notConnectedBG'\n if (robotActive) {\n if (hasError) {\n bg = 'hasError'\n } else {\n if (inBuyBox) {\n bg = 'inBuyBoxBG'\n } else {\n bg = 'outOfBuyBoxBG'\n }\n }\n }\n return bg\n }\n\n const defineLines = text => {\n let res = text\n if (text.length > 66) {\n res = text.slice(0, 55) + '...'\n }\n return res\n }\n\n const handleSwitchToggle = (tag, e, secondTag) => {\n let tmpData = cardDetail\n tmpData.pricingInfo[secondTag] = !e\n setCardDetail({ ...tmpData })\n setAllEditInfo()\n }\n\n const handleEditInfo = (tag, e) => {\n let tmpData = cardDetail\n if (tag == 'min_margin_rate_type' || tag == 'max_margin_rate_type') {\n tmpData.pricingInfo[tag] = e.value\n } else {\n tmpData.pricingInfo[tag] = toEnglishNumber((e.target.value).replaceAll(',', ''))\n }\n tmpData.isEdited = true\n setCardDetail({ ...tmpData })\n }\n\n const setAllEditInfo = async () => {\n if (cardDetail.pricingInfo.min_margin_rate_type && cardDetail.pricingInfo.max_margin_rate_type && cardDetail.pricingInfo.min_margin_rate && cardDetail.pricingInfo.max_margin_rate && cardDetail.pricingInfo.buy_price) {\n setCardDetail({ ...cardDetail, isSendingEditData: true })\n let params = {\n ...cardDetail.pricingInfo,\n buy_price: Number(cardDetail.pricingInfo.buy_price),\n min_margin_rate: Number(cardDetail.pricingInfo.min_margin_rate),\n max_margin_rate: Number(cardDetail.pricingInfo.max_margin_rate),\n size_of_price_decrease: cardDetail.pricingInfo.size_of_price_decrease ? Number(cardDetail.pricingInfo.size_of_price_decrease) : 100,\n roundness_digits: cardDetail.pricingInfo.roundness_digits ? cardDetail.pricingInfo.roundness_digits : 2,\n change_price_promotion: cardDetail.pricingInfo.change_price_promotion ? cardDetail.pricingInfo.change_price_promotion : true,\n specific_pricing_range: cardDetail.pricingInfo.specific_pricing_range ? Number(cardDetail.pricingInfo.specific_pricing_range) : 5,\n has_increase_price_permission: cardDetail.pricingInfo.has_increase_price_permission ? cardDetail.pricingInfo.has_increase_price_permission : false\n }\n let res = await props.editData(params)\n if (res && res.data && res.data.success) {\n // success message\n } else {\n props.toast('ویرایش محصول با اختلال روبهرو شد.')\n }\n setCardDetail({ ...cardDetail, isEdited: false, isSendingEditData: false, })\n } else {\n // setToast to fill the info\n props.toast('لطفا قیمت خرید، حداقل حاشیه سود و حداکثر حاشیه سود را بهطور کامل وارد کنید.')\n }\n }\n\n const resetAllEditInfo = () => {\n let tmp = cardDetail\n tmp.pricingInfo = {\n ...props.data.robot,\n active: props.data.robot && typeof props.data.robot.active != 'undefined' ? props.data.robot.active : true,\n variation_id: props.data._id,\n ancillary_costs: 0,\n buy_price: props.data.robot && props.data.robot.buy_price ? props.data.robot.buy_price : '',\n min_margin_rate_type: props.data.robot && typeof props.data.robot.min_margin_rate_type != 'undefined' && props.data.robot.min_margin_rate_type ? props.data.robot.min_margin_rate_type : '',\n min_margin_rate: props.data.robot && props.data.robot.min_margin_rate ? props.data.robot.min_margin_rate : '',\n }\n tmp.isEdited = false\n setCardDetail({ ...tmp })\n }\n\n const deleteAll = type => {\n let tmp = cardDetail\n tmp.pricingInfo[type] = ''\n setCardDetail({ ...cardDetail })\n }\n\n return (\n <>\n \n
\n \n
\n \n
\n \n resetAllEditInfo()}\n >e
}\n \n \n \n
\n \n
\n 0 ?\n '(' + props.data.variation_attributes[0].value.title + ')'\n :\n ''\n }>{defineLines(props.data.title)}
\n\n
\n\n {props.data.vendor && props.data.vendor.length > 0 && {props.data.product_id}
\n \nSNP - {toPersianNumber(props.data.product_number)}
\n \n{props.data.discount ? 'تخفیف هوشمند' : '---'}
\n\n
}\n \n {props.data.vendor[0].title}
\n\n
\n\n {(props.data.robot && props.data.robot.min_price) ? toPersianNumber(numberWithCommas(props.data.robot.min_price)) : '---'}
\n {(props.data.robot && props.data.robot.max_price) ? toPersianNumber(numberWithCommas(props.data.robot.max_price)) : '---'}
\n {props.data.price ? toPersianNumber(numberWithCommas(props.data.price)) : '---'}
\n \n
\n \n
\n \n deleteAll('min_margin_rate_type')}\n errorMessage=''\n />\n
\n\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n\n \n
\n\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n \n
\n \n {/* Check Mark */}\n {cardDetail.isEdited && setAllEditInfo()}\n >\n {cardDetail.isSendingEditData ?
}\n {/* Cross Mark */}\n {cardDetail.isEdited && \n \n
\n :\n \n }\n \n {/* More Info Mark */}\n setCardDetail({ ...cardDetail, moreInfo: !cardDetail.moreInfo })}\n >u
\n \n \n\n {cardDetail.moreInfo && \n
}\n \n {(props.data.error_text && props.data.error_text != '' && (props.data.robot && props.data.robot.active) && props.data.snapp_active) &&\n \n
\n \n
\n تعداد رقیب
\n{typeof props.data.other_seller_count != 'undefined' ? toPersianNumber(props.data.other_seller_count) : '---'}
\n\n
\n بهروزرسانی
\n{toPersianNumber(momentJalaali(props.data.robot ? props.data.robot.last_change_price : props.data.created_at).format('HH:mm'))} - {toPersianNumber(momentJalaali(props.data.robot ? props.data.robot.last_change_price : props.data.created_at).format('jYYYY/jM/jD'))}
\n\n
\n وضعیت سود
\n\n {(props.data.robot && props.data.robot.min_price && props.data.robot.max_price && props.data.price) ?\n props.data.robot.max_price ? props.data.robot.max_price : props.data.price)}\n minProfit={props.data.robot.min_price}\n maxProfit={props.data.robot.max_price}\n />\n :\n
\n نامشخص
\n }\n\n
\n \n props.openProSetting(props.data)}\n />\n
\n \n
\n }\n {!props.data.snapp_active && {toPersianNumber(numberWithCommas(props.data.error_text))}
\n\n
}\n \n )\n}\n\nexport default withRouter(SnappShopCard)","import React from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport style from \"./mobileSnappShopCard.module.scss\";\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport numberWithCommas from \"../../../helpers/actions/numberWithCommas\"\nimport momentJalaali from 'moment-jalaali';\n\nconst MobileSnappShopCard = (props) => {\n\n const defineIconColor = (inBuyBox, robotActive) => {\n let classname = 'logIconWrapper'\n if (robotActive) {\n if (inBuyBox) {\n classname = 'logIconWrapper_green'\n } else {\n classname = 'logIconWrapper_red'\n }\n }\n return classname\n }\n\n const determinIcon = (inBuyBox, robotActive) => {\n let icon = 'q'\n if (robotActive) {\n if (inBuyBox) {\n icon = 'f'\n } else {\n icon = 'n'\n }\n }\n return icon\n }\n\n const determinBGColor = (inBuyBox, robotActive, hasError) => {\n let bg = 'notConnectedBG'\n if (robotActive) {\n if (hasError) {\n bg = 'hasError'\n } else {\n if (inBuyBox) {\n bg = 'inBuyBoxBG'\n } else {\n bg = 'outOfBuyBoxBG'\n }\n }\n }\n return bg\n }\n\n return (\n <>\n این تنوع در اسنپ شاپ غیرفعال است.
\n\n \n {determinIcon((props.data.error_text && props.data.error_text != '' ? false : props.data.in_buybox), (props.data.robot && props.data.robot.active && props.data.snapp_active))}\n
\n {props.data.title}
\n {props.data.variation_attributes.length > 0 && {props.data.variation_attributes.length > 0 ? '(' + props.data.variation_attributes[0].value.title + ')' : ''}}\n \n \n\n \n\n\n
\n وضعیت ربات
\n{(props.data.robot && props.data.robot.active) ? (!props.data.snapp_active ? 'غیرفعال در پنل' : 'فعال') : 'غیرفعال'}
\n\n
\n قیمت فروش
\n{toPersianNumber(numberWithCommas(props.data.price))} ریال
\n\n
\n \n {(props.data.error_text && props.data.error_text != '' && (props.data.robot && props.data.robot.active)) &&\n آخرین بهروزرسانی
\n{toPersianNumber(momentJalaali(props.data.robot ? props.data.robot.last_change_price : props.data.created_at).format('HH:mm'))} - {toPersianNumber(momentJalaali(props.data.robot ? props.data.robot.last_change_price : props.data.created_at).format('jYYYY/jM/jD'))}
\n\n
\n }\n \n )\n}\n\nexport default withRouter(MobileSnappShopCard);\n\n\n\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport DropDown from \"../../Dropdown/RealTimeButtonDropDown/DropDown\"\nimport style from \"./filters.module.scss\";\n\nconst SnappShopFilters = (props) => {\n\n const defineFilterName = (filter) => {\n let name = ''\n switch (filter) {\n case 'errors':\n name = 'خطاها'\n break;\n case 'groupList':\n name = 'گروه کالا'\n break;\n case 'brandList':\n name = 'برند'\n break;\n default:\n name = 'فیلتر'\n break;\n }\n return name\n }\n\n return (\n {toPersianNumber(props.data.error_text)}
\n\n {props.checkUrl() ?
\n )\n}\n\nexport default withRouter(SnappShopFilters);\n\n\n\n","import React, { useState, useEffect } from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport style from \"./SnappShopColoredFilters.module.scss\";\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\n\nconst SnappShopColoredFilters = (props) => {\n const [isFilterSelected, setIsFilterSelected] = useState(false)\n\n useEffect(() => {\n if (props.filters) {\n Object.keys(props.filters).map(el => {\n if (props.filters[el].selected) {\n setIsFilterSelected(true)\n }\n })\n }\n }, [props.filters])\n\n const defineFilterName = (filter) => {\n let name = ''\n switch (filter) {\n case 'inBuyBox':\n name = 'تنوع در باکس'\n break;\n case 'outOfBox':\n name = 'تنوع خارج از باکس'\n break;\n case 'hasError':\n name = 'تنوع خطادار'\n break;\n case 'deactive':\n name = 'تنوع غیرفعال در ربات'\n break;\n }\n return name\n }\n\n return (\n { props.handleDeleteAll() }}>\n g
: null\n }\n {Object.keys(props.filters).map((filters, filterIndex) => \n props.deleteFromUrl(filters)}\n handleSelect={props.handleChangeFilters}\n action={flag => { }}\n />\n
)}\n \n {Object.keys(props.filters).map((colorFilter, colorFilterIndex) => props.handleChangeFilters(props.filters[colorFilter].tag, props.filters[colorFilter].selected)}\n >\n {toPersianNumber(props.filters[colorFilter].value)} {defineFilterName(colorFilter)}\n
)}\n {isFilterSelected && \n
\n }\n {modalData.tab == 'defaultSetting' && \n
\n\n \n
\n {props.data.title}
\n\n
\n \n
\n گروه:
\n{props.data.category.title}
\n\n
\n\n {props.data.variation_attributes.length > 0 && برند:
\n{props.data.brand.title}
\n\n
}\n تنوع:
\n{props.data.variation_attributes[0].value.title}
\n\n
\n\n changeTab('initialSetting')}>تنظیمات اولیه
\n changeTab('defaultSetting')}>تنظیمات پیشرفته
\n \n {modalData.tab == 'initialSetting' &&\n
\n \n
\n \n {/* buy_price */}\n
\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n \n {/* min_margin_rate */}\n
\n حداقل حاشیه سود
\n\n {modalData.margin_type_dropdown.map((typeItem, typeIndex) => \n
)}\n \n console.log('')}\n />\n
\n \n {/* max_margin_rate */}\n
\n حداکثر حاشیه سود
\n\n {modalData.max_margin_type_dropdown.map((typeItem, typeIndex) => \n
)}\n \n console.log('')}\n />\n
\n \n
\n\n \n
\n\n \n {/* active */}\n
\n\n وضعیت ربات
\n\n {/* size_of_price_decrease */}\n
\n\n پله تغییر قیمت
\n\n deleteAll('size_of_price_decrease')}\n withToman={true}\n withCommas={true}\n errorMessage=''\n />\n
\n \n {/* roundness_digits */}\n
\n\n ارقام رند
\n\n deleteAll('roundness_digits')}\n errorMessage=''\n />\n
\n \n {/* change_price_promotion */}\n
\n \n
\n تخفیف هوشمند
\n\n
\n \n {modalData.change_price_promotion_dropdown.map((changePriceItem, changePriceIndex) => \n
)}\n \n {/* has_increase_price_permission */}\n
\n \n
\n استراتژی کف قیمت
\n\n
\n \n {modalData.has_increase_price_permission_dropdown.map((increasePriceItem, increasePriceIndex) => \n
)}\n \n {/* ancillary_costs */}\n
\n\n هزینههای جانبی
\n\n console.log('')}\n errorMessage=''\n />\n
\n \n {/* specific_pricing_range */}\n
\n \n \n }\n بازهی قیمتگذاری دلخواه (دقیقه)
\n\n console.log('')}\n />\n
\n \n n\n
\n\n {modalData.showConfirmButton && \n
\n قیمتها به تومان میباشند.
\n\n props.history.push('/channels')}\n />\n
\n }\n // when there's no variants in channel;\n if (variantList.list.length == 0 && variantList.totalProducts == 0) {\n return \n \n
\n اینجا همهی تنوعهایی که دارید رو میبینید و میتونید با تکمیل اطلاعات، ربات رو براشون فعال کنید
\nبرای شروع لیست کالاها رو از اسنپشاپ دریافت کنید و بعد از تکمیل اطلاعات آپلود کنید
\n\n
\n }\n // when there's no result for the search\n if (variantList.list.length == 0 && variantList.totalProducts > 0) {\n return \n \n
\n اینجا همهی تنوعهایی که دارید رو میبینید و میتونید با تکمیل اطلاعات، ربات رو براشون فعال کنید
\nبرای شروع لیست کالاها رو بهروز رسانی کنید
\n \n\n
\n }\n }\n\n const getVariants = async () => {\n setVariantList({ ...variantList, loading: true, isSyncing: false, })\n let reqObject = {\n robotIsNull: false,\n countInPage: getFromUrl(\"countInPage\") ? getFromUrl(\"countInPage\") : 10,\n page: getFromUrl(\"page\") ? getFromUrl(\"page\") : 1,\n q: getFromUrl(\"search\") ? getFromUrl(\"search\") : '',\n productGroup: getFromUrl(\"groupList\") ? getFromUrl(\"groupList\") : [],\n brand: getFromUrl(\"brandList\") ? getFromUrl(\"brandList\") : [],\n errors: getFromUrl(\"errors\") ? getFromUrl(\"errors\") : []\n }\n Object.keys(variantList.buyBoxDetails).map(el => {\n if (getFromUrl(variantList.buyBoxDetails[el].tag)) {\n let tmpVariant = variantList\n reqObject[variantList.buyBoxDetails[el].tag] = (variantList.buyBoxDetails[el].tag != 'salesStatusUnion' ? getFromUrl(variantList.buyBoxDetails[el].tag) : false)\n tmpVariant.buyBoxDetails[el].selected = true\n setVariantList({ ...tmpVariant })\n }\n })\n if (reqObject.outOfBoxUnion) {\n if (reqObject.inBuyBoxUnion) {\n reqObject.inBuyBoxUnion = \"both\"\n } else {\n reqObject.inBuyBoxUnion = false\n }\n\n delete reqObject.outOfBoxUnion\n }\n\n let res = await GetSnappShopVariantList(reqObject)\n let tmpLogList = variantList\n if (res && res.data) {\n tmpLogList.list = res.data.data\n tmpLogList.variantListCount = res.data.variationCount\n tmpLogList.variantListPageCount = res.data.totalPages\n tmpLogList.totalProducts = res.data.details.total\n if (res.data.details) {\n tmpLogList.buyBoxDetails.inBuyBox.value = res.data.details.inBuyBox\n tmpLogList.buyBoxDetails.outOfBox.value = res.data.details.outOfBox\n tmpLogList.buyBoxDetails.hasError.value = res.data.details.hasError\n tmpLogList.buyBoxDetails.deactive.value = res.data.details.deactive\n }\n } else {\n tmpLogList.error = 'دادهای برای نمایش وجود ندارد'\n }\n tmpLogList.loading = false\n tmpLogList.isSyncing = false\n setVariantList({ ...tmpLogList })\n }\n\n\n const openToast = error => {\n setToast(error)\n }\n\n const editData = async (data) => {\n let res = await EdiSnappShoptVariant(data)\n getVariants()\n return res;\n }\n\n const calculatePrice = async (data) => {\n let res = await CalcPriceSnappShoptVariant(data)\n return res;\n }\n\n const openProSetting = sentData => {\n let tmpModalData = editModalData\n tmpModalData.variantData = sentData\n tmpModalData.open = true\n setEditModalData({ ...tmpModalData })\n }\n\n if (variantList.isSyncing) {\n return \n \n
\n !نتیجهای یافت نشد
\nلطفا عبارت دیگری جستجو کنید
\nدرصورت اطمینان از وجود این تنوع در اسنپشاپ تنوعها را بهروز رسانی کنید
\n\n
\n \n
\n } else if (variantList.loading) {\n return \n
\n \n \n
\n .کاربر عزیز، در حال حاضر شما هیچ کالایی در ربات موبیشا ندارید
\n. لیست کالاهای شما درحال بروز رسانی از اسنپشاپ میباشد
\n\n
\n \n
\n \n {toPersianNumber(variantList.product_synced_count)}\n {\" \"} کالا از{\" \"}\n {toPersianNumber(variantList.product_count)}\n {\" \"}کالا دریافت شد.{\" \"}\n
\n setEditModalData({ ...editModalData, open: false })}\n handleCalculate={calculatePrice}\n handleEdit={editData}\n toast={openToast}\n />\n setToast('')} />\n {variantList.list && variantList.list.length > 0 ?\n <>\n
\n\n \n
\n قیمتگذاری اسنپشاپ
\n\n setToUrl((value ? value : ''), 'search')}\n />\n
\n\n \n
\n\n \n
\n \n
\n \n {\n setToUrl(selected, 'countInPage')\n }}\n selectedItem={getFromUrl('countInPage')}\n />\n {typeof variantList.variantListCount !== 'undefined' ? toPersianNumber(variantList.variantListCount) + \" نتیجه\" : \"\"}
\n تعداد نمایش در صفحه
\n \n \n
\n\n \n \n
\n \n\n \n 480 ? style.listHeaderFixed : style.listHeader}\n style={offset > 480 && (sessionStorage.getItem(\"sideBarOpen\") && sessionStorage.getItem(\"sideBarOpen\") == 'false') ? { width: 'calc(100% - 140px)' } : (offset > 480 ? { width: 'calc(100% - 280px)' } : null)}\n >\n
\n مشخصات کالا
\n ربات
\n حداقل قیمت(تومان)
\n حداکثر قیمت(تومان)
\n قیمت فروش(تومان)
\n \n
\n \n \n \n
\n حداقل حاشیه سود(تومان)
\n \nقیمت خرید(تومان)
\n 480 ? style.hiddenListHeader : ''}>
\n \n {variantList.list ? variantList.list.map((listItem, index) =>
\n \n {variantList.list ? variantList.list.map((listItem, index) =>
\n\n \n
\n \n :\n emptyStateRenderer()\n }\n \n )\n }\n}\nexport default withRouter(SnappShop);","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport SnappshopComponent from \"../../Components/snappShop/snappShop\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst SnappShopPage = (props) => {\n return (\n \n
\n )\n}\nexport default withRouter(SnappShopPage);\n\n\n\n","import React from \"react\";\nimport style from \"./fileUpload.module.scss\";\nimport { FileDrop } from 'react-file-drop';\n\nconst FileUpload = (props) => {\n // console.log(props,\"pops\");\n switch (props.status) {\n case \"isUploading\":\n return \n
\n \n
\n \n
\n \n \n
\n case \"empty\":\n return \n
\n {props.fileName}
\n \n
\n \n
\n {\n props.cancel()\n }}>\n
\n e
\n \n
\n \n case \"cantUpload\":\n return W
\n فایل خود را\n \n {\n props.setSelectedFile(e)\n }}\n />\n انتخاب\n \n و یا آن را بکشید و رها کنید.\n
\n {/* \n لطفا پیش از آپلود فایل اکسل دکمه بهروز رسانی تنوعها از دیجیکالا را انتخاب نمایید.\n
*/}\n \n :حداکثر حجم مجاز )\n - 20 MB \n ( xlsx :پسوند مجاز\n
\n \n \n
\n case \"uploadedWithNoErrors\":\n return \n
\n \n
\n {props.fileName}
\n آپلود با خطا روبرو شد.
\n \n
\n \n
\n {\n props.retryUpload()\n }}>\n
\n X
\n \n \n
\n case \"uploadedWithErrors\":\n return \n
\n {props.fileName}\n
\n {(props.fileSize / 1000000) + \"MB\"}
\n {\n props.cancel()\n }}>\n
\n Y
\n \n
\n \n case \"uploaded\":\n return W
\n فایل خود را\n \n {\n props.setSelectedFile(e)\n }} />\n انتخاب\n \n و یا آن را بکشید و رها کنید.\n
\n \n :حداکثر حجم مجاز )\n - 20 MB \n ( csv :پسوند مجاز\n
\n \n \n
\n case \"uploadedWithWrongContent\":\n return \n
\n {props.fileName}\n
\n {(props.fileSize / 1000000).toFixed(2) + \"MB\"}
\n {\n props.cancel()\n }}>\n
\n Y
\n \n
\n \n }\n\n}\n\nexport default FileUpload;\n","import React, { useState } from \"react\";\nimport style from './importSnappVariantModal.module.scss';\nimport Modal from \"../Modal/Modal\"\nimport Button from \"../Button/button\"\nimport Toast from \"../Toast/Toast\"\nimport FileUpload from \"./fileUpload/fileUpload\";\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\"\nimport { ImportSnappShopVariantFile, ProcessSnappShopFile, GenerateSnappShopFile } from \"../../actions/APIcalls\"\nimport { serverAddress } from \"../../helpers/axiosFiles/axios\";\n\n\nconst ImportSnappVariantModal = (props) => {\n const [status, setStatus] = useState('empty') //empty , isUploading, uploadedWithErrors, suceessful,uploadedWithNoErrors\n const [toast, setToast] = useState('')\n const [file, setFile] = useState()\n const [progress, setProgress] = useState()\n const [errors, setErrors] = useState([])\n const [fileDownloadLink, setFileDownloadLink] = useState('')\n const [clickNumber, setClickNumber] = useState(0)\n const [parsedSuccessfully, setParsedSuccessfully] = useState({ parsed: 0, count: 0 })\n const [isProcessingFile, setIsProcessingFile] = useState(false)\n const [uploadedFileAddress, setUploadedFileAddress] = useState('')\n const [isDownloading, setIsDownloading] = useState(false)\n\n const closeModalFunction = () => {\n setToast('')\n setFile(undefined)\n setStatus('empty')\n setIsProcessingFile(false)\n setErrors([])\n setClickNumber(0)\n props.closeModal()\n }\n //server request******************************************\n const getFileFromServer = async (type) => {\n // let params = { channelId: \"617956d39d5998097034fec7\" }\n setIsDownloading(true)\n if (type === \"uploadedWithErrors\") {\n window.location.href = serverAddress + \"getFiles/uploads/\" + fileDownloadLink + '?snp=1'\n } else {\n let res = await GenerateSnappShopFile()\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n window.location.href = serverAddress + \"getFiles/uploads/\" + res.data.fileName + '?snp=1'\n }\n }\n setIsDownloading(false)\n }\n const SendFileToServer = async (formData) => {\n let res = await ImportSnappShopVariantFile(formData, setProgress)\n\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n setUploadedFileAddress(res.data.address)\n setStatus('uploaded')\n setToast('')\n } else {\n setStatus('cantUpload')\n setToast('آپلود با خطا روبرو شد. لطفا مجددا تلاش کنید.')\n }\n }\n const processFile = async () => {\n if (typeof file === \"undefined\") {\n setToast('لطفا فایل مورد نظر خود را انتخاب و بارگذاری کنید.')\n } else {\n let temp = []\n setIsProcessingFile(true)\n let processRes = await ProcessSnappShopFile({ address: uploadedFileAddress })\n if (typeof processRes !== \"undefined\" && typeof processRes.data !== \"undefined\") {\n setIsProcessingFile(false)\n let i = 0\n // setErrors([...processRes.data.errors])\n setFile(undefined)\n // let parsedItems = parsedSuccessfully;\n // parsedItems.count = processRes.data.count;\n // parsedItems.parsed = processRes.data.parsed;\n // setParsedSuccessfully({ ...parsedItems });\n // setFileDownloadLink(processRes.data.address);\n // if (processRes.data.errors.length > 0) {\n // setStatus('uploadedWithErrors')\n // } else {\n // setStatus('uploadedWithNoErrors')\n // }\n props.closeModal()\n } else {\n setIsProcessingFile(false)\n if (typeof processRes !== \"undefined\" && typeof processRes.response !== \"undefined\" && processRes.response.status === 428) {\n setStatus(\"uploadedWithWrongContent\")\n }\n else if (typeof processRes !== \"undefined\" && typeof processRes.response !== \"undefined\") {\n let res = processRes.response.data.error.replace('.', '')\n setToast(res + \".\")\n }\n }\n }\n\n }\n //handlers*************************************************\n const dropHandler = async (files, event) => {\n event.preventDefault();\n let reg = new RegExp(/\\.xlsx$/)\n if (reg.test(files[0].name)) {\n if (files[0].size < 20000000) {\n setFile(files[0]);\n setToast('')\n setStatus('isUploading')\n let formData = new FormData();\n formData.append('file', files[0])\n SendFileToServer(formData)\n } else setToast('حجم فایل بیش از حد مجاز است.')\n } else setToast('لطفا فایل مناسب با پسوند' + ' xlsx ' + 'بارگذاری کنید.')\n }\n const cancelUpload = () => {\n setFile(undefined);\n setStatus('empty')\n }\n const fileInputHandler = async (e) => {\n if (typeof e !== \"undefined\") {\n let reg = new RegExp(/\\.xlsx$/)\n if (reg.test(e.target.files[0].name)) {\n if (e.target.files[0].size < 20000000) {\n setFile(e.target.files[0]);\n setToast('')\n setStatus('isUploading')\n let formData = new FormData();\n formData.append('file', e.target.files[0])\n SendFileToServer(formData)\n } else setToast('حجم فایل بیش از حد مجاز است.')\n } else setToast('لطفا فایل مناسب با پسوند' + ' xlsx ' + 'بارگذاری کنید.')\n }\n }\n const retryUpload = () => {\n setStatus(\"isUploading\")\n setToast('')\n let formData = new FormData();\n formData.append('file', file)\n SendFileToServer(formData)\n }\n const closeToast = () => {\n\n }\n\n return (\n W
\n فایل خود را\n \n {\n console.log(e);\n props.setSelectedFile(e)\n }} />\n انتخاب\n و یا آن را بکشید و رها کنید.\n
\n \n :حداکثر حجم مجاز )\n - 20 MB \n ( csv :پسوند مجاز\n
\n \n
\n :\n f
\n \n تکمیل اطلاعات\n {toPersianNumber(parsedSuccessfully.parsed)} \n تنوع از\n {toPersianNumber(parsedSuccessfully.count)} \n تنوع آپلود شده با موفقیت انجام شد.\n
\n \n\n {status === \"uploadedWithNoErrors\" || status === \"uploadedWithErrors\" ?\n \n \n : \n )\n }\n {\n fileInputHandler(e)\n }}\n retryUpload={() => {\n setClickNumber(clickNumber + 1);\n retryUpload()\n }}\n progressPercent={progress}\n />\n {\n clickNumber > 2 &&\n
}\n \n \n تکمیل اطلاعات\n {\" \" + toPersianNumber(parsedSuccessfully.parsed) + \" \"}\n تنوع از\n {\" \" + toPersianNumber(parsedSuccessfully.count) + \" \"}\n تنوع آپلود شده با موفقیت انجام شد.\n
\n\n شما میتوانید فایل خطاها را دانلود کنید، آن را تصحیح یا تکمیل و سپس مجددا آپلود\n نمایید.\n
\n\n {\n isDownloading ?
\n\n دانلود فایل خطاها
:\n getFileFromServer(\"uploadedWithErrors\")}>\n دانلود فایل خطاها\n
\n }\n \n فایل\n {typeof file !== \"undefined\" && file.name}،\n مطابق فرم اطلاعات تنوعها نیست.\n
\n\n لطفا فرم اطلاعات تنوعها را از اینجا دانلود کنید، اطلاعات را تکمیل و مجددا آپلود\n نمایید.\n
\nشما میتوانید با آپلود فایل اکسل اطلاعات تنوعها، آنها را بهروز رسانی و تکمیل کنید.
\nبرای شروع میتوانید فرم اطلاعات تنوعها را از اینجا دانلود نمایید.
\n\n h\n
\n لطفا پیش از آپلود فایل اکسل دکمه بهروز رسانی تنوعها از اسنپشاپ را انتخاب نمایید.
\n\n {\n isDownloading ?\n <>\n
\n {errors.length > 0 && status === \"uploadedWithErrors\" && \n
\n {status === \"uploadedWithWrongContent\" ? \"دانلود فرم (به همراه خطاهای مشخص شده)\" : \"دانلود فرم اطلاعات تنوعها\"}\n
\n \n :\n <>\n V
\n getFileFromServer(\"default\")}>\n {status === \"uploadedWithWrongContent\" ? \"دانلود فرم (به همراه خطاهای مشخص شده)\" : \"دانلود فرم اطلاعات تنوعها\"}\n
\n \n }\n \n
}\n \n
\n \n
\n علت خطا
\n شماره ردیف
\n \n {errors.map((data, index) => {\n return
\n \n
\n })}\n \n {data.error}\n
\n \n {toPersianNumber(data.rowNumber)}\n
\n \n
\n }\n در صورت مشکل در فرآیند آپلود فایل، با پشتیبانی در تماس\n باشید.\n (پاسخگویی از ساعت ۹ تا ۱۷\t)\n
\n\n\n {toPersianNumber(\"0902 227 8706\") + \" \" + \":شماره تماس\"}\n
\n\n {toPersianNumber(\"0902 227 8705\") + \" \" + \":واتساپ\"}\n
\n\n \n \n
\n \n \n resetAllEditInfo()}\n >e
}\n\n \n \n \n
\n \n
\n 0 ?\n '(' + props.data.variation_attributes[0].value.title + ')'\n :\n ''\n }>{defineLines(props.data.title)}
\n\n
\n {props.data.product_id}
\n \nSNP - {toPersianNumber(props.data.product_number)}
\n \n{props.data.discount ? 'تخفیف هوشمند' : '---'}
\n\n
\n \n {props.data.vendor ? props.data.vendor[0].title : ''}
\n\n {!props.data.snapp_active ? 'غیرفعال' : 'فعال'}\n
\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n\n
\n \n
\n \n
\n \n handleEditInfo(tag, item)}\n deleteSelectedItems={() => deleteAll('min_margin_rate_type')}\n errorMessage=''\n />\n
\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n \n
\n \n handleEditInfo(tag, item)}\n deleteSelectedItems={() => deleteAll('max_margin_rate_type')}\n errorMessage=''\n />\n
\n \n handleEditInfo(e, tag)}\n onblur={() => console.log('')}\n />\n
\n \n {/* Check Mark */}\n {cardDetail.isEdited && setAllEditInfo()}\n >\n {cardDetail.isSendingEditData ?
}\n {/* Cross Mark */}\n {cardDetail.isEdited && \n \n
\n :\n \n }\n \n {/* More Info Mark */}\n setCardDetail({ ...cardDetail, moreInfo: !cardDetail.moreInfo })}\n >u
\n \n \n {cardDetail.moreInfo && \n
}\n \n {(!props.data.robot || !props.data.robot.active) &&\n \n
\n \n
\n حداقل قیمت فروش
\n{props.data.robot && typeof props.data.robot.min_price != 'undefined' ? toPersianNumber(numberWithCommas(props.data.robot.min_price)) : '---'}
\n\n
\n حداکثر قیمت فروش
\n{props.data.robot && typeof props.data.robot.max_margin_rate != 'undefined' ? toPersianNumber(numberWithCommas(props.data.robot.max_price)) : '---'}
\n\n
\n قیمت فروش
\n{props.data.price ? toPersianNumber(numberWithCommas(props.data.price)) : '---'}
\n\n
\n \n props.openProSetting(props.data)}\n />\n
\n \n setCardDetail({ ...cardDetail, showHint: true })}\n >\n
\n \n }\n \n )\n}\n\nexport default withRouter(SnappShopCard)","import React from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport style from \"./mobileSnappShopCard.module.scss\";\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport numberWithCommas from \"../../../helpers/actions/numberWithCommas\"\nimport momentJalaali from 'moment-jalaali';\n\nconst MobileSnappShopCard = (props) => {\n\n const defineIconColor = (inBuyBox, robotActive) => {\n let classname = 'logIconWrapper'\n if (robotActive) {\n if (inBuyBox) {\n classname = 'logIconWrapper_green'\n } else {\n classname = 'logIconWrapper_red'\n }\n }\n return classname\n }\n\n const determinIcon = (inBuyBox, robotActive) => {\n let icon = 'q'\n if (robotActive) {\n if (inBuyBox) {\n icon = 'f'\n } else {\n icon = 'n'\n }\n }\n return icon\n }\n\n const determinBGColor = (inBuyBox, robotActive) => {\n let bg = 'notConnectedBG'\n if (robotActive) {\n if (inBuyBox) {\n bg = 'inBuyBoxBG'\n } else {\n bg = 'outOfBuyBoxBG'\n }\n }\n return bg\n }\n\n return (\n <>\n .برای فعالسازی کالا در ربات، قیمت خرید، حداقل حاشیه سود و حداکثر حاشیه سود را تکمیل کنیدh
\nراهنما
\n\n {cardDetail.showHint &&
\n \n
\n }\n e
\n \n \n {determinIcon((props.data.error_text && props.data.error_text != '' ? false : props.data.in_buybox), (props.data.robot && props.data.robot.active && props.data.snapp_active))}\n
\n {props.data.title}
\n {props.data.variation_attributes.length > 0 && {props.data.variation_attributes.length > 0 ? '(' + props.data.variation_attributes[0].value.title + ')' : ''}}\n \n \n\n \n\n\n
\n وضعیت ربات
\n{(props.data.robot && props.data.robot.active) ? (!props.data.snapp_active ? 'غیرفعال در پنل' : 'فعال') : 'غیرفعال'}
\n\n
\n قیمت فروش
\n{toPersianNumber(numberWithCommas(props.data.price))} ریال
\n\n
\n \n {(props.data.error_text && props.data.error_text != '' && (props.data.robot && props.data.robot.active)) &&\n آخرین بهروزرسانی
\n{toPersianNumber(momentJalaali(props.data.robot ? props.data.robot.last_change_price : props.data.created_at).format('HH:mm'))} - {toPersianNumber(momentJalaali(props.data.robot ? props.data.robot.last_change_price : props.data.created_at).format('jYYYY/jM/jD'))}
\n\n
\n }\n \n )\n}\n\nexport default withRouter(MobileSnappShopCard);\n\n\n\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\";\nimport DropDown from \"../../Dropdown/RealTimeButtonDropDown/DropDown\"\nimport style from \"./filters.module.scss\";\n\nconst SnappShopFilters = (props) => {\n\n const defineFilterName = (filter) => {\n let name = ''\n switch (filter) {\n case 'errors':\n name = 'خطاها'\n break;\n case 'groupList':\n name = 'گروه کالا'\n break;\n case 'brandList':\n name = 'برند'\n break;\n default:\n name = 'فیلتر'\n break;\n }\n return name\n }\n\n return (\n {toPersianNumber(props.data.error_text)}
\n\n {props.checkUrl() ?
\n )\n}\n\nexport default withRouter(SnappShopFilters);\n\n\n\n","import React, { useState, useEffect, useRef } from \"react\";\nimport { withRouter, useHistory } from \"react-router-dom\";\nimport style from \"./snappShop.module.scss\";\nimport Button from \"../Button/button\"\nimport Skeleton from \"../variantList/skeleton\"\nimport Searchbar from \"../productSearchbar/productSearchbar\";\nimport ImportSnappVariantModal from \"../importSnappVariantModal/importSnappVariantModal\"\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\"\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport Pagination from \"../pagination/pagination\";\nimport Progressbar from \"../progressbar/progressbar\"\nimport MobilePagination from \"../mobilePagination/mobilePagination\"\nimport SnappShopCard from \"./snappShopCard/snappShopCard\"\nimport MobileSnappShopCard from \"./MobileSnappShopCard/mobileSnappShopCard\"\nimport SnappShopFilters from \"./SnappShopFilters/filters\"\nimport SnappProSetting from \"../snappShopProSetting/proSetting\"\nimport Toast from \"../Toast/Toast\"\nimport noVariantEmptyState from '../../assets/icons/EmptyStates/variant_noactivevariant.svg'\nimport noChannelEmptyState from '../../assets/icons/EmptyStates/variant_nochannel.svg'\nimport noResultEmptyState from '../../assets/icons/EmptyStates/variant_noresult.svg'\nimport { GetSnappShopVariantList, SyncSnappShopVariants, GetSnappShopVendors, GetSnappShopGroupList, GetSnappShopBrandList, EdiSnappShoptVariant, CalcPriceSnappShoptVariant } from \"../../actions/APIcalls\"\n\nconst SnappShop = (props) => {\n\n const [variantList, setVariantList] = useState({\n list: [],\n variantListCount: 1000,\n variantListPageCount: 37,\n uploadShow: false,\n loading: true,\n hasChannel: false,\n totalProducts: 0,\n // syncStatus\n isSyncing: false,\n loadAmount: 0,\n product_synced_count: 0,\n product_count: 0,\n // filters\n filters: {\n // errors: [],\n groupList: [],\n brandList: [],\n }\n })\n const [editModalData, setEditModalData] = useState({\n variantData: {},\n open: false\n })\n const [toast, setToast] = useState('')\n const [locationKeys, setLocationKeys] = useState([])\n const history = useHistory()\n\n // handle back and forward \n useEffect(() => {\n return history.listen(location => {\n if (history.action === 'PUSH') {\n setLocationKeys([location.key])\n }\n if (history.action === 'POP') {\n if (locationKeys[1] === location.key) {\n setLocationKeys(([_, ...keys]) => keys)\n // Handle forward event\n getVariants();\n } else {\n setLocationKeys((keys) => [location.key, ...keys])\n // Handle back event\n getVariants();\n }\n }\n })\n }, [locationKeys,])\n // end handle back and forward \n\n // if on top set navbar to fix \n const [offset, setOffset] = useState(0);\n\n useEffect(() => {\n const onScroll = () => setOffset(window.pageYOffset);\n // clean up code\n window.removeEventListener('scroll', onScroll);\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, []);\n // end\n\n\n useEffect(() => {\n getChannelList()\n getFilters()\n }, [])\n\n const getFromUrl = (param) => {\n let url = new URLSearchParams(window.location.search);\n const defaultParams = {\n countInPage: 10,\n page: 1,\n // errors: url.get('errors') ? (url.get('errors').split(\"*\")).map(el => el.replace('+', ' ')) : [],\n brandList: url.get('brandList') ? (url.get('brandList').split(\"*\")).map(el => el.replace('+', ' ')) : [],\n groupList: url.get('groupList') ? (url.get('groupList').split(\"*\")).map(el => el.replace('+', ' ')) : [],\n }\n if (url.get(param)) {\n if (url.get(param) === \"true\" || url.get(param) === \"false\") {\n return url.get(param) === \"true\" ? true : false;\n } else {\n return (param == 'errors' || param == 'brandList' || param == 'groupList') ? defaultParams[param] : url.get(param)\n }\n } else {\n return defaultParams[param];\n }\n }\n\n const handleMobilePageNumber = (number) => {\n setToUrl(number, 'page')\n }\n\n const setToUrl = (value, param) => {\n let url = new URLSearchParams(window.location.search);\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n value.length > 0 ? url.set(param, tempString) : url.delete(param)\n } else {\n url.set(param, value);\n }\n if (param !== 'page') {\n url.set('page', 1);\n }\n props.history.push(window.location.pathname + \"?\" + url.toString());\n getVariants();\n }\n\n const loadingSync = useRef()\n\n const determineLoadingAmount = async () => {\n let tmp = variantList\n let vendors = await GetSnappShopVendors()\n if (typeof vendors !== \"undefined\" && typeof vendors.data !== \"undefined\" && vendors.data.data && vendors.data.data.length > 0) {\n tmp.hasChannel = true\n tmp.product_count = 0\n tmp.product_synced_count = 0\n vendors.data.data.map(el => {\n if (el.is_syncing) {\n tmp.isSyncing = true\n tmp.product_count += el.product_count\n tmp.product_synced_count += el.product_synced_count\n tmp.loadAmount = (tmp.product_synced_count / tmp.product_count) * 100\n } else {\n tmp.isSyncing = false\n tmp.product_count += el.product_count\n tmp.product_synced_count += el.product_synced_count\n tmp.loadAmount = 100\n }\n })\n } else {\n tmp.hasChannel = false\n }\n setVariantList({ ...tmp })\n\n if ((variantList.product_synced_count == variantList.product_count) || variantList.loadAmount == 100) {\n clearInterval(loadingSync.current);\n getVariants()\n }\n }\n\n const getFilters = async () => {\n let tmp = variantList\n // let errors = (await GetSnappShopErrorList()).data?.error_list || []\n let groupList = (await GetSnappShopGroupList()).data?.groupList || []\n let brandList = (await GetSnappShopBrandList()).data?.brandList || []\n // tmp.filters.errors = errors.map(el => { let elObject = { name: el.name, value: el.value, checked: false }; if (getFromUrl('errors').includes(el.value)) { elObject.checked = true }; return elObject })\n tmp.filters.groupList = groupList.map(el => { let elObject = { name: el, checked: false }; if (getFromUrl('groupList').includes(el.name)) { elObject.checked = true }; return elObject })\n tmp.filters.brandList = brandList.map(el => { let elObject = { name: el, checked: false }; if (getFromUrl('brandList').includes(el.name)) { elObject.checked = true }; return elObject })\n setVariantList({ ...tmp })\n }\n\n const handleChangeFilter = (tag, selected) => {\n let selectedArray = []\n let tmp = variantList\n tmp.filters[tag].map((el, index) => {\n if (el.name == selected.name) {\n tmp.filters[tag][index].checked = !selected.checked\n }\n if (tmp.filters[tag][index].checked) {\n selectedArray.push(tag == 'errors' ? el.value : el.name)\n }\n })\n if (selectedArray.length > 0) {\n setToUrl(selectedArray, tag)\n } else {\n deleteFromUrl(tag)\n }\n setVariantList({ ...tmp })\n }\n\n const checkUrl = () => {\n let url = new URLSearchParams(window.location.search);\n let hasQueries = false\n Object.keys(variantList.filters).map(el => {\n if (url.get(el)) {\n hasQueries = true\n }\n })\n return hasQueries\n }\n\n const deleteFromUrl = async (param) => {\n let url = new URLSearchParams(window.location.search);\n url.delete(param);\n props.history.push(window.location.pathname + \"?\" + url.toString());\n let tmp = variantList\n tmp.filters[param].map((el, index) => {\n tmp.filters[param][index].checked = false\n })\n setVariantList({ ...tmp })\n getVariants()\n }\n\n const handleDeleteAll = () => {\n let url = new URLSearchParams(window.location.search);\n let filters = Object.keys(variantList.filters)\n let tmp = variantList\n filters.forEach(el => {\n url.delete(el);\n tmp.filters[el].map((filterElement, filterIndex) => {\n tmp.filters[el][filterIndex].checked = false\n })\n })\n setVariantList({ ...tmp })\n props.history.push(window.location.pathname + \"?\" + url.toString());\n getVariants()\n }\n\n const handleDropdownSearch = (tag, query) => {\n let tmp = variantList\n tmp.filters[tag] = query;\n setVariantList({ ...tmp })\n }\n\n const getChannelList = async () => {\n await determineLoadingAmount()\n if ((variantList.product_synced_count == variantList.product_count) || variantList.loadAmount == 100) {\n getVariants()\n return () => clearInterval(loadingSync.current);\n } else {\n loadingSync.current = setInterval(async () => {\n await determineLoadingAmount()\n }, 10000);\n return () => clearInterval(loadingSync.current);\n }\n }\n\n const syncVariants = async () => {\n let tmp = variantList\n tmp.loading = true\n setVariantList({ ...tmp })\n let res = await SyncSnappShopVariants()\n if (res && res.data && res.data.success) {\n await getChannelList()\n }\n tmp.loading = false\n setVariantList({ ...tmp })\n }\n\n const emptyStateRenderer = () => {\n // when there's no channel\n if (!variantList.hasChannel) {\n return { props.handleDeleteAll() }}>\n g
: null\n }\n {Object.keys(props.filters).map((filters, filterIndex) => \n props.deleteFromUrl(filters)}\n handleSelect={props.handleChangeFilters}\n action={flag => { }}\n />\n
)}\n \n props.history.push('/channels')}\n />\n
\n }\n // when there's no variants in channel;\n if (variantList.list.length == 0 && variantList.totalProducts == 0) {\n return \n \n
\n اینجا همهی تنوعهایی که دارید رو میبینید و میتونید با تکمیل اطلاعات، ربات رو براشون فعال کنید
\nبرای شروع لیست کالاها رو از اسنپشاپ دریافت کنید و بعد از تکمیل اطلاعات آپلود کنید
\n\n
\n }\n // when there's no result for the search\n if (variantList.list.length == 0 && variantList.totalProducts > 0) {\n return \n \n
\n اینجا همهی تنوعهایی که دارید رو میبینید و میتونید با تکمیل اطلاعات، ربات رو براشون فعال کنید
\nبرای شروع لیست کالاها رو بهروز رسانی کنید
\n \n\n
\n }\n }\n\n const getVariants = async () => {\n setVariantList({ ...variantList, loading: true, isSyncing: false, uploadShow: false })\n let reqObject = {\n countInPage: getFromUrl(\"countInPage\") ? getFromUrl(\"countInPage\") : 10,\n page: getFromUrl(\"page\") ? getFromUrl(\"page\") : 1,\n q: getFromUrl(\"search\") ? getFromUrl(\"search\") : '',\n productGroup: getFromUrl(\"groupList\") ? getFromUrl(\"groupList\") : [],\n brand: getFromUrl(\"brandList\") ? getFromUrl(\"brandList\") : [],\n // errors: getFromUrl(\"errors\") ? getFromUrl(\"errors\") : []\n }\n let res = await GetSnappShopVariantList(reqObject)\n let tmpLogList = variantList\n if (res && res.data) {\n tmpLogList.list = res.data.data\n tmpLogList.variantListCount = res.data.variationCount\n tmpLogList.variantListPageCount = res.data.totalPages\n tmpLogList.totalProducts = res.data.details.total\n } else {\n tmpLogList.error = 'دادهای برای نمایش وجود ندارد'\n }\n tmpLogList.loading = false\n tmpLogList.isSyncing = false\n tmpLogList.uploadShow = false\n setVariantList({ ...tmpLogList })\n }\n\n const openToast = error => {\n setToast(error)\n }\n\n const editData = async (data) => {\n let res = await EdiSnappShoptVariant(data)\n getVariants()\n return res;\n }\n\n const calculatePrice = async (data) => {\n let res = await CalcPriceSnappShoptVariant(data)\n return res;\n }\n\n const openProSetting = sentData => {\n let tmpModalData = editModalData\n tmpModalData.variantData = sentData\n tmpModalData.open = true\n setEditModalData({ ...tmpModalData })\n }\n\n if (variantList.isSyncing) {\n return \n \n
\n !نتیجهای یافت نشد
\nلطفا عبارت دیگری جستجو کنید
\nدرصورت اطمینان از وجود این تنوع در اسنپشاپ تنوعها را بهروز رسانی کنید
\n\n
\n \n
\n } else if (variantList.loading) {\n return \n
\n \n \n
\n .کاربر عزیز، در حال حاضر شما هیچ کالایی در ربات موبیشا ندارید
\n. لیست کالاهای شما درحال بروز رسانی از اسنپشاپ میباشد
\n\n
\n \n
\n \n {toPersianNumber(variantList.product_synced_count)}\n {\" \"} کالا از{\" \"}\n {toPersianNumber(variantList.product_count)}\n {\" \"}کالا دریافت شد.{\" \"}\n
\n {\n setVariantList({ ...variantList, uploadShow: false });\n getVariants();\n }}\n />\n setEditModalData({ ...editModalData, open: false })}\n handleCalculate={calculatePrice}\n handleEdit={editData}\n toast={openToast}\n />\n setToast('')} />\n {variantList.list && variantList.list.length > 0 ?\n <>\n
\n\n \n
\n\n تنوعهای اسنپشاپ
\n\n
\n \n { setVariantList({ ...variantList, uploadShow: true }) }}\n />\n
\n \n syncVariants()}\n />\n
\n \n setToUrl((value ? value : ''), 'search')}\n />\n
\n\n \n
\n\n \n
\n \n
\n \n {\n setToUrl(selected, 'countInPage')\n }}\n selectedItem={getFromUrl('countInPage')}\n />\n {typeof variantList.variantListCount !== 'undefined' ? toPersianNumber(variantList.variantListCount) + \" نتیجه\" : \"\"}
\n تعداد نمایش در صفحه
\n \n \n \n
\n \n\n \n 480 ? style.listHeaderFixed : style.listHeader}\n style={offset > 480 && (sessionStorage.getItem(\"sideBarOpen\") && sessionStorage.getItem(\"sideBarOpen\") == 'false') ? { width: 'calc(100% - 140px)' } : (offset > 480 ? { width: 'calc(100% - 280px)' } : null)}\n >\n
\n مشخصات کالا
\n وضعیت فروش
\n قیمت خرید(تومان)
\n \n
\n \n \n \n
\n حداقل حاشیه سود(تومان)
\n \nحداکثر حاشیه سود(تومان)
\n 480 ? style.hiddenListHeader : ''}>
\n \n {variantList.list ? variantList.list.map((listItem, index) =>
\n \n {variantList.list ? variantList.list.map((listItem, index) =>
\n\n \n
\n \n :\n emptyStateRenderer()\n }\n \n )\n }\n}\nexport default withRouter(SnappShop);","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport SnappshopComponent from \"../../Components/snappShopVariants/snappShop\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst SnappShopVariantsPage = (props) => {\n return (\n \n
\n )\n}\nexport default withRouter(SnappShopVariantsPage);\n\n\n\n","import React from \"react\";\nimport style from './orderCard.module.scss';\nimport { Link } from \"react-router-dom\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport { numberWithCommas } from \"../../../helpers/actions/splitNumberWithComma\";\n\nconst ProReportCard = (props) => {\n\n const calculateLines = text => {\n if (text.length < 88) {\n return text\n } else {\n return text.substr(0, 80) + '...'\n }\n }\n\n const convertDate = date => {\n let tmpDate = (new Date(date)).toLocaleDateString(\"fa-IR\")\n tmpDate = tmpDate + ' - ' + (new Date(date)).getHours() + ':' + (new Date(date)).getMinutes();\n\n return tmpDate\n }\n\n return (\n \n
\n \n
\n \n
\n 0 ? style.yellowBG : style.greenBG}`}>\n
\n )\n}\nexport default ProReportCard\n\n","import React from \"react\";\nimport style from './mobileOrderCard.module.scss';\nimport { Link } from \"react-router-dom\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\"\nimport { numberWithCommas } from \"../../../helpers/actions/splitNumberWithComma\";\n\nconst MobileOrderCard = (props) => {\n\n const convertDate = date => {\n let tmpDate = (new Date(date)).toLocaleDateString(\"fa-IR\")\n tmpDate = tmpDate + ' - ' + (new Date(date)).getHours() + ':' + (new Date(date)).getMinutes();\n\n return tmpDate\n }\n\n return (\n \n
\n\n {props.data.commited_count > 0 && 0 ? style.identifierYellow : style.identifierGreen}`}>
\n \n
\n\n \n \n \n
\n \n \n {calculateLines(toPersianNumber(props.data.title))}\n \n
\n \n \n
\n {props.data.channel.name}
\n{toPersianNumber(convertDate(props.data.order_item_created_at))}
\n {toPersianNumber(convertDate(props.data.warehouse_status_at))}
\n {toPersianNumber(convertDate(props.data.commitment_date))}
\n {toPersianNumber(props.data.quantity)}
\n {toPersianNumber(props.data.commited_count)}
\n\n \n
}\n n
\n در این سفارش {toPersianNumber(props.data.commited_count)} تنوع دارای تعهد ارسال به انبار دیجیکالا وجود دارد
\n 0 ? style.yellowBG : style.greenBG}`}>\n
\n )\n}\nexport default MobileOrderCard\n\n","import React, { useEffect, useState, useRef } from \"react\";\nimport style from \"./datePickerDropdown.module.scss\";\nimport momentJalaali from 'moment-jalaali';\nimport \"./calenderComponent.css\"\nimport { Calendar } from 'react-datepicker2';\n\nconst DatePickerDropdown = (props) => {\n const [calOne, setCalOne] = useState({ value: momentJalaali() })\n const [calTWo, setcalTWo] = useState({ value: momentJalaali().subtract(1, \"jMonths\") })\n const [dropDown, setDropDown] = useState({ show: false })\n const [range, setRange] = useState({})\n const wrapperRef = useRef(null);\n\n\n useEffect(() => {\n if (props && props.value && (props.value.start && props.value.end)) {\n setRange({ start: momentJalaali(props.value.start), end: momentJalaali(props.value.end) })\n }\n document.addEventListener(\"click\", handleClickOutside, false);\n return () => {\n document.removeEventListener(\"click\", handleClickOutside, false);\n };\n }, []);\n\n useEffect(async () => {\n selectDefaultValues()\n }, [props.defaultValues]);\n\n useEffect(async () => {\n setRangeInCal()\n }, [calTWo, calOne])\n\n const handleClickOutside = event => {\n if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {\n // close dropdown\n setDropDown({ ...dropDown, show: false })\n }\n };\n const selectDefaultValues = () => {\n setCalOne({ value: momentJalaali() })\n setcalTWo({ value: momentJalaali().subtract(1, \"jMonths\") })\n switch (props.defaultValues) {\n case \"امروز\": {\n clickHandler(momentJalaali(), 'calendar')\n clickHandler(momentJalaali(), 'calendar')\n }\n break\n case \"دیروز\": {\n clickHandler(momentJalaali().subtract(1, \"day\"), 'calendar')\n clickHandler(momentJalaali().subtract(1, \"day\"), 'calendar')\n }\n break\n case \"هفته اخیر\": {\n clickHandler(momentJalaali().subtract(7, \"day\"), 'calendar')\n clickHandler(momentJalaali(), 'calendar')\n }\n break\n case \"هفته قبل\": {\n clickHandler(momentJalaali().subtract(14, \"day\"), 'calendar')\n clickHandler(momentJalaali().subtract(7, \"day\"), 'calendar')\n }\n break\n case \"ماه اخیر\": {\n clickHandler(momentJalaali().subtract(30, \"day\"), 'calendar')\n clickHandler(momentJalaali(), 'calendar')\n }\n break\n case \"ماه قبل\": {\n clickHandler(momentJalaali().subtract(60, \"day\"), 'calendar')\n clickHandler(momentJalaali().subtract(30, \"day\"), 'calendar')\n\n }\n break\n }\n\n }\n\n const removeFromAllCalendar = (className) => {\n const days = document.querySelectorAll(\".calendar .dayWrapper.currentMonth\");\n days.forEach((item, index) => {\n days[index].classList.remove(className);\n })\n const days2 = document.querySelectorAll(\".calendarTwo .dayWrapper.currentMonth\");\n days2.forEach((item, index) => {\n days2[index].classList.remove(className);\n })\n }\n const setRangeInCal = () => {\n removeFromAllCalendar('rangeStart')\n removeFromAllCalendar('rangeEnd')\n removeFromAllCalendar('selectedRange')\n if (typeof range.start !== \"undefined\" && typeof range.end !== \"undefined\") {\n const days = document.querySelectorAll(\".calendar .dayWrapper.currentMonth\");\n const days2 = document.querySelectorAll(\".calendarTwo .dayWrapper.currentMonth\");\n if (days.length > 0 && days2.length > 0) {\n setTimeout(() => {\n calOne.value.jMonth() === range.start.jMonth() ? days[range.start.jDate() - 1].classList.add(\"rangeStart\") :\n (calTWo.value.jMonth() === range.start.jMonth() ? days2[range.start.jDate() - 1].classList.add(\"rangeStart\") : days2[range.start.jDate() - 1].classList.remove(\"rangeStart\"))\n\n calOne.value.jMonth() === range.end.jMonth() ? days[range.end.jDate() - 1].classList.add(\"rangeEnd\") :\n (calTWo.value.jMonth() === range.end.jMonth() ? days2[range.end.jDate() - 1].classList.add(\"rangeEnd\") : days2[range.end.jDate() - 1].classList.remove(\"rangeEnd\"))\n }, 50);\n days.forEach((item, index) => {\n checkRange(index, calOne) && days[index].classList.add(\"selectedRange\")\n })\n days2.forEach((item, index) => {\n checkRange(index, calTWo) && days2[index].classList.add(\"selectedRange\")\n })\n }\n }\n }\n\n const checkRange = (day, calendar) => {\n let temp = momentJalaali(calendar.value);\n temp = temp.subtract(temp.jDate() - 1, \"day\")\n temp = temp.add(day, \"day\")\n let end = momentJalaali(range.end)\n if (temp.toDate() > range.start && temp.toDate() < end) {\n return true\n }\n }\n\n const setMonth = async (value) => {\n let val = { ...calTWo };\n val.value = momentJalaali(value).subtract(1, \"jMonths\")\n setCalOne({ value: momentJalaali(value) })\n setcalTWo({ ...val })\n }\n\n const setPrevMonth = (value) => {\n let val = { ...calTWo };\n setCalOne({ ...calTWo })\n val.value = momentJalaali(value)\n setcalTWo({ ...val })\n }\n\n\n const clickHandler = (value, calendar) => {\n let Range = range\n if (!Range.start && !Range.end) {\n Range.start = value;\n setRange({ ...Range });\n\n let temp = \".\" + calendar + \" \" + \".dayWrapper.currentMonth\";\n const days = document.querySelectorAll(temp);\n days[value.jDate() - 1] && days[value.jDate() - 1].classList.add(\"customSelected\")\n\n } else if (Range.start && !Range.end) {\n if (value < Range.start) {\n Range.end = Range.start;\n Range.start = value\n } else {\n Range.end = value;\n }\n setRange({ ...Range });\n props.exportRange(props.rangeItem, { ...range })\n removeFromAllCalendar('customSelected')\n const days = document.querySelectorAll(\".calendar .dayWrapper.currentMonth\");\n const days2 = document.querySelectorAll(\".calendarTwo .dayWrapper.currentMonth\");\n setTimeout(() => {\n calOne.value.jMonth() === range.start.jMonth() ? days[Range.start.jDate() - 1].classList.add(\"rangeStart\") :\n (calTWo.value.jMonth() === range.start.jMonth() ? days2[Range.start.jDate() - 1].classList.add(\"rangeStart\") : days2[Range.start.jDate() - 1].classList.remove(\"rangeStart\"))\n\n calOne.value.jMonth() === range.end.jMonth() ? days[Range.end.jDate() - 1].classList.add(\"rangeEnd\") :\n (calTWo.value.jMonth() === range.end.jMonth() ? days2[Range.end.jDate() - 1].classList.add(\"rangeEnd\") : days2[Range.end.jDate() - 1].classList.remove(\"rangeEnd\"))\n }, 50);\n days.forEach((item, index) => {\n checkRange(index, calOne) && days[index].classList.add(\"selectedRange\")\n })\n days2.forEach((item, index) => {\n checkRange(index, calTWo) && days2[index].classList.add(\"selectedRange\")\n })\n\n\n }\n // }\n else {\n removeFromAllCalendar('rangeStart')\n removeFromAllCalendar('rangeEnd')\n removeFromAllCalendar('selectedRange')\n delete Range.end\n Range.start = value;\n setRange({ ...Range });\n }\n }\n return (\n \n
\n\n {props.data.commited_count > 0 && \n \n {toPersianNumber(props.data.title)}\n \n
\n \n
\n \n
\n\n DKPC
\n{toPersianNumber(props.data.dkpc)}
\n\n
\n\n تاریخ ثبت سفارش
\n{toPersianNumber(convertDate(props.data.order_item_created_at))}
\n\n
\n\n تاریخ ثبت نهایی
\n{toPersianNumber(convertDate(props.data.warehouse_status_at))}
\n\n
\n\n تاریخ تعهد ارسال
\n{toPersianNumber(convertDate(props.data.commitment_date))}
\n\n
\n\n تعداد سفارش
\n{toPersianNumber(props.data.quantity)}
\n\n
\n تعداد تعهد ارسال
\n{toPersianNumber(props.data.commited_count)}
\n\n
}\n n
\n در این سفارش {toPersianNumber(props.data.commited_count)} تنوع دارای تعهد ارسال به انبار دیجیکالا وجود دارد
\n\n setDropDown({ ...dropDown, show: !dropDown.show })}\n >\n {(props.rangeFilters[props.rangeItem].from == '' && props.rangeFilters[props.rangeItem].to == '') ?\n
\n\n {\n dropDown.show && {props.rangeFilters[props.rangeItem].name}
\n :\n <>\n:{props.rangeFilters[props.rangeItem].name}
\n \n {(new Date(props.rangeFilters[props.rangeItem].to)).toLocaleDateString(\"fa-IR\")} - {(new Date(props.rangeFilters[props.rangeItem].from)).toLocaleDateString(\"fa-IR\")}\n \n \n }\n\n
\n\n \n {\n setMonth(value)\n }}\n selectedDay={calOne.value}\n isGregorian={false}\n onChange={value => {\n clickHandler(value, 'calendar')\n }}\n showTodayButton={false}\n />\n
\n\n
\n\n \n \n\n
\n {\n setPrevMonth(value)\n }}\n onChange={value => {\n clickHandler(value, 'calendarTwo')\n }}\n showTodayButton={false}\n />\n
\n \n
\n \n }\n \n );\n}\n\nexport default DatePickerDropdown;","import React, { useState, useEffect } from \"react\";\nimport { withRouter, useHistory } from \"react-router-dom\";\nimport style from './orders.module.scss';\nimport Button from \"../../Components/Button/button\";\nimport OrderCard from './orderCard/orderCard'\nimport MobileOrderCard from './mobileOrderCard/mobileOrderCard'\nimport DatePickerDropdown from './datePickerDropdown/datePickerDropdown'\nimport Searchbar from \"../productSearchbar/productSearchbar\";\nimport Dropdown from \"../../Components/Dropdown/RealTimeButtonDropDown/DropDown\";\nimport Pagination from \"../pagination/pagination\"\nimport MobilePagination from \"../mobilePagination/mobilePagination\"\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport toPersianNumber from '../../helpers/actions/toPersianNumber'\nimport Skeleton from \"../variantList/skeleton\"\nimport { GetOrderList, GetSellers } from \"../../actions/APIcalls\"\nimport noVariantEmptyState from '../../assets/icons/EmptyStates/variant_noactivevariant.svg'\nimport moment from \"moment-jalaali\";\n\nconst Orders = (props) => {\n const [orderData, setOrderData] = useState({\n orderList: [],\n rangeFilters: {\n order_item_created_at: {\n index: 0,\n name: \"تاریخ ثبت سفارش\",\n openModal: false,\n from: '',\n to: ''\n },\n warehouse_status_at: {\n index: 1,\n name: \"تاریخ ثبت نهایی\",\n openModal: false,\n from: '',\n to: ''\n },\n commitment_date: {\n index: 2,\n name: \"تاریخ تعهد ارسال\",\n openModal: false,\n from: '',\n to: ''\n },\n },\n range_type: [{ name: \"تاریخ ثبت سفارش\", checked: false, tag: \"order_item_created_at\", index: 0, }, { name: \"تاریخ ثبت نهایی\", checked: false, tag: \"warehouse_status_at\", index: 1, }, { name: \"تاریخ تعهد ارسال\", checked: false, tag: \"commitment_date\", index: 2, },],\n is_commited: [{ name: \"تعهد ارسال دارد\", tag: \"isCommited\", checked: false, index: 0, value: 'true' }, { name: \"تعهد ارسال ندارد\", tag: \"isNotCommited\", checked: false, index: 1, value: 'false' }],\n sellers: [],\n orderCount: 0,\n totalPages: 1,\n page: 1,\n countInPage: 10\n })\n const [skeleton, setSkeleton] = useState(true)\n const [locationKeys, setLocationKeys] = useState([])\n const history = useHistory()\n\n // handle back and forward \n useEffect(() => {\n return history.listen(location => {\n if (history.action === 'PUSH') {\n setLocationKeys([location.key])\n }\n if (history.action === 'POP') {\n if (locationKeys[1] === location.key) {\n setLocationKeys(([_, ...keys]) => keys)\n // Handle forward event\n getOrders();\n } else {\n setLocationKeys((keys) => [location.key, ...keys])\n // Handle back event\n getOrders();\n }\n }\n })\n }, [locationKeys,])\n // end handle back and forward \n // if on top set navbar to fix \n const [offset, setOffset] = useState(0);\n\n useEffect(() => {\n const onScroll = () => setOffset(window.pageYOffset);\n // clean up code\n window.removeEventListener('scroll', onScroll);\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, []);\n // end\n\n useEffect(async () => {\n await getSellers()\n await setFilters()\n await getOrders()\n }, [])\n\n const setFilters = () => {\n let urlFilters = getFilters()\n let tmpData = orderData\n\n Object.keys(urlFilters).map(key => {\n if (key.includes('_from')) {\n let tmp = key.slice(0, key.indexOf('_from'))\n tmpData.rangeFilters[tmp].from = urlFilters[key]\n }\n if (key.includes('_to')) {\n let tmp = key.slice(0, key.indexOf('_to'))\n tmpData.rangeFilters[tmp].to = urlFilters[key]\n tmpData.range_type.map(el => {\n if (el.tag == tmp) {\n el.checked = true\n }\n })\n }\n if (key == 'channels') {\n tmpData.sellers.map(el => {\n if (urlFilters[key].includes(el.name)) {\n el.checked = true\n }\n })\n }\n if (key == 'is_commited') {\n tmpData.is_commited.map(el => {\n if (el.value == String(urlFilters[key])) {\n el.checked = true\n }\n })\n }\n })\n\n setOrderData({ ...tmpData })\n }\n\n const getFilters = () => {\n let tmpUrlFilters = {\n order_item_created_at_from: getFromUrl('order_item_created_at_from') ? getFromUrl('order_item_created_at_from') : '',\n order_item_created_at_to: getFromUrl('order_item_created_at_to') ? getFromUrl('order_item_created_at_to') : '',\n warehouse_status_at_from: getFromUrl('warehouse_status_at_from') ? getFromUrl('warehouse_status_at_from') : '',\n warehouse_status_at_to: getFromUrl('warehouse_status_at_to') ? getFromUrl('warehouse_status_at_to') : '',\n commitment_date_from: getFromUrl('commitment_date_from') ? getFromUrl('commitment_date_from') : '',\n commitment_date_to: getFromUrl('commitment_date_to') ? getFromUrl('commitment_date_to') : '',\n channels: getFromUrl('sellers') ? getFromUrl('sellers') : '',\n is_commited: (getFromUrl('is_commited')).toString() ? (getFromUrl('is_commited')).toString() : 'both',\n sort_by: getFromUrl('sort_by') ? getFromUrl('sort_by') : 'commitment_date',\n order_by: 'desc',\n countInPage: getFromUrl('countInPage') ? getFromUrl('countInPage') : 10,\n page: getFromUrl('page') ? getFromUrl('page') : 1,\n q: getFromUrl('query')\n }\n Object.keys(tmpUrlFilters).map(key => {\n if (tmpUrlFilters[key] == '') {\n delete tmpUrlFilters[key];\n }\n })\n return tmpUrlFilters\n }\n\n const selectHandler = (tag, value) => {\n let tmp = orderData\n if (tag == 'range_type') {\n tmp[tag].map(el => {\n if (el.tag == value.tag) {\n el.checked = !value.checked\n } else {\n el.checked = false\n }\n if (!el.checked) {\n // delete from url\n deleteFromUrl(`${el.tag}_from`)\n deleteFromUrl(`${el.tag}_to`)\n }\n })\n } else {\n if (tag == 'is_commited') {\n tmp[tag].map(el => el.checked = false)\n tmp[tag][value.index].checked = !value.checked\n if (!value.checked) {\n deleteFromUrl(tag)\n } else {\n setToUrl(value.value, tag)\n }\n }\n if (tag == 'sellers') {\n tmp[tag][value.index].checked = !value.checked\n let selectedSellers = []\n tmp[tag].map(el => {\n if (el.checked) {\n selectedSellers.push(el.name)\n }\n })\n if (selectedSellers.length > 0) {\n setToUrl(selectedSellers, 'sellers')\n } else {\n deleteFromUrl('sellers')\n }\n }\n }\n setOrderData({ ...tmp })\n // handle is_commited toggle\n }\n\n const getSellers = async () => {\n // get user's channel\n let channels = await GetSellers()\n if (channels && channels.data && channels.data.channelList) {\n let tmp = orderData\n tmp.sellers = channels.data.channelList\n tmp.sellers.map((el, index) => { el.checked = false; el.index = index })\n setOrderData({ ...tmp })\n }\n }\n\n const convertToId = (selectedArr, mainArr) => {\n let tmpIdsArr = []\n mainArr.map(el => {\n if (selectedArr.includes(el.name)) {\n tmpIdsArr.push(el._id)\n }\n })\n return tmpIdsArr\n }\n\n const getOrders = async () => {\n // get all orders\n setSkeleton(true)\n let params = getFilters()\n if (params.channels) {\n params.channels = convertToId(params.channels, orderData.sellers)\n }\n let res = await GetOrderList(params)\n if (res && res.data && res.data.success) {\n let tmp = orderData\n tmp.orderList = res.data.data\n tmp.totalPages = res.data.totalPages\n tmp.orderCount = res.data.orderCount\n setOrderData({ ...tmp })\n }\n setSkeleton(false)\n }\n\n const pageSetter = number => {\n setToUrl(number, 'page')\n }\n\n const setToUrl = (value, param) => {\n let url = new URLSearchParams(window.location.search);\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n value.length > 0 ? url.set(param, tempString) : url.delete(param)\n } else {\n if (value.from && value.to) {\n url.set(param + '_from', value.from);\n url.set(param + '_to', value.to);\n } else {\n url.set(param, value);\n }\n }\n if (param !== 'page') {\n url.set('page', 1);\n }\n props.history.push(window.location.pathname + \"?\" + url.toString());\n getOrders();\n }\n\n const getFromUrl = (param) => {\n const defaultParams = {\n order_item_created_at_from: '',\n order_item_created_at_to: '',\n warehouse_status_at_from: '',\n warehouse_status_at_to: '',\n commitment_date_from: '',\n commitment_date_to: '',\n sellers: [],\n is_commited: 'both',\n sort_by: 'commitment_date',\n order_by: 'desc',\n countInPage: 10,\n page: 1,\n query: \"\"\n }\n let url = new URLSearchParams(window.location.search);\n if (url.get(param)) {\n if (param === \"sellers\") {\n return url.get(param).split(\"*\");\n } else {\n if (url.get(param) === \"true\" || url.get(param) === \"false\") {\n return url.get(param) === \"true\" ? true : false;\n } else {\n return url.get(param)\n }\n }\n } else {\n return defaultParams[param];\n }\n }\n\n const deleteFromUrl = (param) => {\n let url = new URLSearchParams(window.location.search);\n url.delete(param);\n props.history.push(window.location.pathname + \"?\" + url.toString());\n // delete from state\n }\n\n const exportRange = (rangeFilter, range) => {\n let tmp = orderData\n if (range.start && range.end) {\n tmp.rangeFilters[rangeFilter].from = moment(range.start).toISOString();\n tmp.rangeFilters[rangeFilter].to = moment(range.end).toISOString();\n }\n if (range.start && !range.end) {\n tmp.rangeFilters[rangeFilter].from = moment(range.start).toISOString();\n tmp.rangeFilters[rangeFilter].to = moment(range.start).toISOString();\n }\n setOrderData({ ...tmp })\n setToUrl(tmp.rangeFilters[rangeFilter], rangeFilter)\n }\n\n const deleteRange = filter => {\n // delete from and to\n let tmp = orderData\n tmp.rangeFilters[filter].from = ''\n tmp.rangeFilters[filter].to = ''\n deleteFromUrl(`${filter}_from`)\n deleteFromUrl(`${filter}_to`)\n setOrderData({ ...tmp })\n }\n\n const resetFilters = () => {\n let tmp = orderData\n let checkedFilters = ['rangeFilters', 'is_commited', 'range_type', 'sellers']\n checkedFilters.map(filter => {\n if (filter == 'rangeFilters') {\n Object.keys(tmp.rangeFilters).map(el => {\n tmp.rangeFilters[el].from = ''\n tmp.rangeFilters[el].to = ''\n })\n } else {\n tmp[filter].map(insideFilter => {\n insideFilter.checked = false\n })\n }\n })\n setOrderData({ ...tmp })\n }\n\n const deleteAllFiletrs = async () => {\n resetFilters()\n props.history.push(window.location.pathname)\n await getOrders()\n }\n\n const deleteFromDropdown = (tag) => {\n let tmp = orderData\n tmp[tag].map(el => {\n el.checked = false\n if (tag == 'range_type') {\n deleteFromUrl(`${el.tag}_from`)\n deleteFromUrl(`${el.tag}_to`)\n } else {\n deleteFromUrl(tag)\n }\n })\n setOrderData({ ...tmp })\n }\n\n const urlChecker = () => {\n let result = false;\n const defaultParams = getFilters()\n if ((defaultParams.order_item_created_at_from && defaultParams.order_item_created_at_to) || (defaultParams.warehouse_status_at_from && defaultParams.warehouse_status_at_from)\n || (defaultParams.commitment_date_from && defaultParams.commitment_date_from) || ((defaultParams.is_commited).toString() == 'true') || ((defaultParams.is_commited).toString() == 'false') ||\n (defaultParams.channels) || (defaultParams.sort_by != 'commitment_date')) {\n result = true\n }\n return result\n }\n\n const searchHandler = (value) => {\n setToUrl(value, 'query')\n }\n\n const emptyRenderer = () => {\n return { props.exportRange(props.rangeItem, { ...range }); setDropDown({ ...dropDown, show: false }) }}>اعمال
\n{ props.deleteRange(props.rangeItem); setDropDown({ ...dropDown, show: false }) }}>پاک کردن
\n\n \n \n
\n }\n\n if (skeleton) {\n return \n \n
\n در حال حاضری سفارشی با فیلترهای انتخابی وجود ندارد
\nلطفا فیلترهای انتخابی خود را تغییر دهید
\n\n el.checked)[0].index}\n rangeItem={orderData.range_type.filter(el => el.checked)[0].tag}\n rangeFilters={orderData.rangeFilters}\n exportRange={exportRange}\n value={{ start: orderData.rangeFilters[orderData.range_type.filter(el => el.checked)[0].tag].from, end: orderData.rangeFilters[orderData.range_type.filter(el => el.checked)[0].tag].to }}\n deleteRange={deleteRange}\n />\n }\n
\n\n {orderData.orderList.length > 0 ? <>\n \n
\n سفارشات
\n\n props.history.push('/cargo')}\n />\n
\n \n searchHandler(value)}\n />\n
\n\n \n {urlChecker() && deleteAllFiletrs()}\n >\n g\n
}\n \n
\n\n {/* List */}\n \n
\n \n {\n let page = { ...orderData };\n page.countInPage = selected;\n setOrderData({ ...page })\n setToUrl(selected, 'countInPage')\n getOrders()\n }} />\n
\n تعداد نمایش در صفحه
\n \n {toPersianNumber(orderData.orderCount) + \" سفارش \"}
\n \n \n
\n \n\n {/* Mobile Table */}\n \n 480 ? style.listHeaderFixed : style.listHeader}\n style={offset > 480 && (sessionStorage.getItem(\"sideBarOpen\") && sessionStorage.getItem(\"sideBarOpen\") == 'false') ? { width: 'calc(100% - 140px)' } : (offset > 480 ? { width: 'calc(100% - 280px)' } : null)}\n >\n
\n مشخصات کالا
\n DKPC setToUrl('dkpc', 'sort_by')} className={style.sortIcon}>p
\n تاریخ ثبت سفارش setToUrl('order_item_created_at', 'sort_by')} className={style.sortIcon}>p
\n تاریخ ثبت نهایی setToUrl('warehouse_status_at', 'sort_by')} className={style.sortIcon}>p
\n تاریخ تعهد ارسال setToUrl('commitment_date', 'sort_by')} className={style.sortIcon}>p
\n تعداد سفارش
\n تعداد تعهد ارسال
\n 480 ? style.hiddenListHeader : ''}>
\n \n {orderData.orderList ? orderData.orderList.map((listItem, index) =>
\n \n
\n ) : null}\n \n {orderData.orderList ? orderData.orderList.map((listItem, index) =>
\n\n {/* second pagination */}\n \n
\n ) : null}\n \n
\n \n
\n {/* second pagination */}\n \n :\n <>\n {emptyRenderer()}\n \n }\n \n )\n }\n}\nexport default withRouter(Orders)","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport OrdersComponent from \"../../Components/orders/orders\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst OrdersPage = (props) => {\n return (\n \n
\n )\n}\nexport default withRouter(OrdersPage);\n\n\n\n","import React, { useState, useRef, useEffect } from \"react\";\nimport style from \"./logCard.module.scss\"\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\n\nconst ReqLogCard = (props) => {\n\n const determineDate = date => {\n let current = new Date(date).toLocaleDateString('fa-IR')\n return current\n }\n\n return (\n \n
\n \n
\n \n
\n \n
\n );\n}\n\nexport default ReqLogCard;\n","import React, { useState, useRef, useEffect } from \"react\";\nimport style from \"./newRequest.module.scss\"\nimport Modal from \"../../Modal/Modal\"\nimport check from \"../../../assets/testIcon/checked.svg\"\nimport DropDown from \"../../Dropdown/SimpleDropDown/DropDown\"\nimport Button from \"../../Button/button\";\n\nconst NewRequest = (props) => {\n\n const [requestData, setRequestData] = useState({\n category: null,\n content: '',\n })\n\n const [requestState, setRequestState] = useState({ state: 'empty' })\n\n const handleRequestProperty = (tag, e) => {\n let tmp = requestData\n if (tag == 'content') {\n tmp[tag] = e.target.value\n } else {\n tmp[tag] = e.name\n }\n setRequestData({ ...requestData })\n }\n\n const sendDataToParent = async () => {\n setRequestState({ ...requestState, state: 'loading' })\n let res = await props.sendRequest(requestData)\n if (res) {\n setRequestState({ ...requestState, state: 'success' })\n let tmp = requestData\n tmp.category = ''\n tmp.content = ''\n setRequestData({ ...tmp })\n }\n }\n\n const closeModal = () => {\n setRequestState({ ...requestState, state: 'empty' })\n let tmp = requestData\n tmp.category = ''\n tmp.content = ''\n setRequestData({ ...tmp })\n props.parentClose()\n }\n\n return (\n \n
\n {toPersianNumber(props.id)}
\nprops.handleComment(props.data)}>{props.data.content}
\n{determineDate(props.data.createDate)}
\n{props.data.category}
\n\n {requestState.state == 'success' ?
\n \n );\n}\n\nexport default NewRequest;\n","import React, { useState, useRef, useEffect } from \"react\";\nimport style from \"./commentModal.module.scss\"\nimport Modal from \"../../Modal/Modal\"\nimport Button from \"../../Button/button\";\nimport MobilePagination from \"../../mobilePagination/mobilePagination\"\n\nconst CommentModal = (props) => {\n\n const [comment, setComment] = useState({ text: '', addComment: false, page: (props.data && props.data.page ? props.data.page : 1) })\n\n const determineDate = date => {\n let current = new Date(date).toLocaleDateString('fa-IR')\n return current\n }\n\n const handleAddComment = e => {\n let tmp = comment\n tmp.text = e.target.value\n setComment({ ...tmp })\n }\n\n const postComment = async () => {\n let res = await props.addComment({ tweetId: props.data._id, content: comment.text })\n if (res && res.data) {\n await props.getComments(props.data, 1)\n let tmp = comment\n tmp.addComment = false\n tmp.page = 1\n tmp.text = ''\n setComment({ ...tmp })\n }\n }\n\n const handlePage = async (number) => {\n let tmp = comment\n tmp.page = number\n setComment({ ...tmp })\n await props.getComments(props.data, number)\n }\n\n const closeModal = () => {\n let tmp = comment\n tmp.text = ''\n tmp.addComment = false\n tmp.page = 1\n setComment({ ...tmp })\n props.parentClose()\n }\n\n return (\n \n \n
\n :\n <>\n درخواست شما با موفقیت ارسال شد
\n\n setRequestData({ ...requestData, category: '' })}\n />\n
\n\n \n
\n متن درخواست
\n \n\n
\n \n }\n \n
\n \n
\n \n handleAddComment(e)}\n placeholder=\"دیدگاه خود را اینجا به اشتراک بگذارید\"\n >\n
\n \n setComment({ ...comment, addComment: !comment.addComment })}\n >\n
\n\n {comment.addComment && <>\n \n
\n\n \n
\n\n \n
\n {typeof props.data != 'undefined' && props.data && props.data.name ? props.data.name : 'موبیشایی'}
\n{determineDate(props.data ? props.data.createDate : new Date())}
\n \n
\n {props.data ? props.data.content : ''}
\ni
\n افزودن دیدگاه
\n \n
\n }\n\n {props.data && props.data.comments && props.data.comments.length > 0 && <>\n
\n \n {props.data.comments.map((commentVal, commentIndex) => \n {commentVal.content}\n
)}\n \n
\n }\n \n \n \n );\n}\n\nexport default CommentModal;\n","import React, { useEffect, useState } from \"react\";\nimport { withRouter } from \"react-router\";\nimport style from \"./support.module.scss\";\nimport { ListOfRequest, CreateRequest, CommentOnRequest, GetCommentsOnRequest } from \"../../actions/APIcalls\"\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\"\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\";\nimport Pagination from \"../pagination/pagination\";\nimport RequestCard from './reqLogCard/logCard'\nimport Button from \"../Button/button\"\nimport RequestModal from \"./newRequestModal/newRequest\"\nimport CommentModal from \"../forum/commentModal/commentModal\"\n\n\nconst supportLinks = [\n // { _id: 0, href: \"tel:0902 227 8705\", title: \"شماره تماس\", value: \"۰۹۰۲ ۲۲۷ ۸۷۰۵\", description: \"پشتیبانی تلفنی شنبه تا چهارشنبه از ۹ تا ۱۸\" },\n { _id: 1, href: \"https://www.t.me/mobisha_support/\", title: \"چت تلگرام\", value: \"@mobisha_support\", description: \"پشتیبانی تلگرام هر روز از ۹ تا ۱۸\" },\n { _id: 2, href: \"https://www.t.me/mobishabot/\", title: \"ربات تلگرام\", value: \"@mobishabot\", description: \"برای مشاهده آخرین وضعیت محصولات\" },\n { _id: 3, href: \"/forum\", title: \"انجمن\", value: \"گفتوگو\", description: \"برای تبادل نظر دربارهی امکانات موبیشا\" }\n]\n\nconst Support = (props) => {\n\n const [requestsData, setRequestsData] = useState({\n requestList: [],\n totalPage: 1,\n totalRequests: 0,\n })\n\n const [newRequest, setNewRequest] = useState({\n isOpen: false\n })\n\n const [commentModal, setCommentModal] = useState({ open: false, data: null })\n\n useEffect(() => {\n getRequests();\n }, [])\n\n // if on top set navbar to fix \n const [offset, setOffset] = useState(0);\n\n useEffect(() => {\n const onScroll = () => setOffset(window.pageYOffset);\n // clean up code\n window.removeEventListener('scroll', onScroll);\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, []);\n // end\n\n const getRequests = async () => {\n let params = {\n page: parseInt(getFromUrl('page')) || 1,\n sortBy: 'createdAt',\n limit: parseInt(getFromUrl('countInPage')) || 10,\n }\n let res = await ListOfRequest(params)\n\n if (res && res.data && res.data.tweetData.length > 0) {\n let tmp = requestsData\n tmp.requestList = res.data.tweetData\n tmp.totalPage = res.data.totalPages\n tmp.totalRequests = res.data.totalTweet\n setRequestsData({\n ...tmp,\n })\n }\n }\n\n const getFromUrl = (param) => {\n const defaultParams = {\n countInPage: 10,\n page: 1,\n }\n let url = new URLSearchParams(window.location.search);\n if (url.get(param)) {\n if (url.get(param) === \"true\" || url.get(param) === \"false\") {\n return url.get(param) === \"true\" ? true : false;\n } else {\n return url.get(param)\n }\n } else {\n return defaultParams[param];\n }\n }\n\n const setToUrl = (value, param) => {\n let url = new URLSearchParams(window.location.search);\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n value.length > 0 ? url.set(param, tempString) : url.delete(param)\n } else {\n url.set(param, value);\n }\n if (param !== 'page') {\n url.set('page', 1);\n }\n props.history.push(window.location.pathname + \"?\" + url.toString());\n getRequests();\n }\n\n const sendRequest = async (params) => {\n let res = await CreateRequest(params)\n if (res && res.data) {\n getRequests();\n return true\n } else {\n return false\n }\n }\n\n const handleComment = async (request, page) => {\n let res = await GetCommentsOnRequest({ id: request._id, page: page })\n if (res && res.data) {\n let tmp = commentModal\n tmp.open = true\n tmp.data = {\n ...request,\n comments: res.data.commentData || [],\n page: res.data.page,\n totalPages: res.data.totalPages || 1,\n totalComment: res.data.totalComment || 1,\n }\n setCommentModal({ ...tmp })\n }\n }\n\n const addComment = async (data) => {\n let res = await CommentOnRequest(data)\n\n return res\n }\n\n return (\n \n setNewRequest({ ...newRequest, isOpen: false })}\n sendRequest={sendRequest}\n />\n\n setCommentModal({ ...commentModal, open: false })}\n addComment={addComment}\n getComments={handleComment}\n />\n\n
}\n \n );\n}\n\nexport default withRouter(Support);\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport SupportComponent from \"../../Components/support/support\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst SupportPage = (props) => {\n return (\n \n
\n\n پشتیبانی
\n\n setNewRequest({ ...newRequest, isOpen: !newRequest.isOpen })}\n />\n
\n \n {supportLinks.map((supportItem, supportIndex) => \n <>\n
\n\n {requestsData.requestList.length > 0 && \n
\n
\n \n )}\n {supportItem.title}
\n{supportItem.value}
\n{supportItem.description}
\n\n
\n {/* pagination */}\n\n \n
\n\n {/* pagination */}\n درخواستها
\n\n
\n \n
\n \n {\n setToUrl(selected, 'countInPage')\n }}\n selectedItem={getFromUrl('countInPage')}\n />\n {typeof requestsData.totalRequests !== 'undefined' ? toPersianNumber(requestsData.totalRequests) + \" نتیجه\" : \"\"}
\n تعداد نمایش در صفحه
\n \n \n \n
\n\n \n
\n 480 ? style.listHeaderFixed : style.listHeader}>\n
\n شماره
\n متن
\n تاریخ
\n دستهبندی
\n 480 ? style.hiddenListHeader : ''}>
\n {requestsData.requestList.map((item, reqIndex) => \n
\n \n
\n )\n}\nexport default withRouter(SupportPage);\n\n\n\n","import React, { useEffect, useState } from \"react\";\nimport style from \"./forumCard.module.scss\";\nimport toPersianNumber from \"../../../helpers/actions/toPersianNumber\";\n\nconst ForumCard = (props) => {\n\n const [liked, setLiked] = useState({\n isLiked: false,\n likeCount: props.data.like\n })\n\n const determineDate = date => {\n let current = new Date(date).toLocaleDateString('fa-IR')\n return current\n }\n\n const handleLike = async () => {\n let tmp = liked\n tmp.isLiked = !tmp.isLiked\n setLiked({ ...tmp })\n if (liked.isLiked) {\n tmp.likeCount = tmp.likeCount + 1\n } else {\n tmp.likeCount = tmp.likeCount - 1\n }\n setLiked({ ...tmp })\n await props.handleLike(props.data._id)\n }\n\n return (\n \n
\n \n
\n \n
\n \n
\n\n \n
\n \n \n
\n {typeof props.data != 'undefined' && props.data && props.data.name ? props.data.name : 'موبیشایی'}
\n{determineDate(props.data.createDate)}
\n \n
\n\n {props.data.content}
\n\n
\n \n );\n}\n\nexport default ForumCard;","import React, { useEffect, useState } from \"react\";\nimport { withRouter } from \"react-router\";\nimport style from \"./forum.module.scss\";\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\"\nimport Skeleton from \"../wallet/skeleton\"\nimport TinyDropdown from \"../Dropdown/tinyDropdown/tinyDropdown\"\nimport Pagination from \"../pagination/pagination\"\nimport ForumCard from './forumCard/forumCard'\nimport CommentModal from \"./commentModal/commentModal\"\nimport { GetTweetsList, LikeRequest, CommentOnRequest, GetCommentsOnRequest, DeleteTweet } from \"../../actions/APIcalls\"\n\n\nconst Forum = (props) => {\n\n const [requestData, setRequestData] = useState({\n requestsList: [],\n totalRequests: 1,\n totalPages: 1,\n loading: true,\n likedRequests: []\n })\n\n const [commentModal, setCommentModal] = useState({\n open: false,\n data: null\n })\n\n useEffect(() => {\n getAllRequests()\n // deleteLastTweet()\n }, [])\n\n const deleteLastTweet = async () => {\n let id = ''\n let res = await DeleteTweet(id)\n }\n\n const getAllRequests = async () => {\n setRequestData({ ...requestData, loading: true })\n let params = {\n page: getFromUrl('page') || 1,\n sortBy: 'createdAt',\n limit: getFromUrl('countInPage') || 10,\n category: 'ویژگی جدید'\n }\n let res = await GetTweetsList(params)\n let tmp = requestData\n if (res && res.data && res.data.tweetData.length > 0) {\n tmp.requestsList = res.data.tweetData\n tmp.totalPages = res.data.totalPages\n tmp.totalRequests = res.data.totalTweet\n }\n tmp.loading = false\n setRequestData({ ...tmp })\n }\n\n const getFromUrl = (param) => {\n const defaultParams = {\n countInPage: 10,\n page: 1,\n }\n let url = new URLSearchParams(window.location.search);\n if (url.get(param)) {\n if (url.get(param) === \"true\" || url.get(param) === \"false\") {\n return url.get(param) === \"true\" ? true : false;\n } else {\n return url.get(param)\n }\n } else {\n return defaultParams[param];\n }\n }\n\n const setToUrl = (value, param) => {\n let url = new URLSearchParams(window.location.search);\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n value.length > 0 ? url.set(param, tempString) : url.delete(param)\n } else {\n url.set(param, value);\n }\n if (param !== 'page') {\n url.set('page', 1);\n }\n props.history.push(window.location.pathname + \"?\" + url.toString());\n getAllRequests();\n }\n\n const handleLike = async (id) => {\n if (!requestData.likedRequests.includes(id)) {\n // prevent multiple likes from one user\n let tmp = requestData\n tmp.likedRequests.push(id)\n setRequestData({ ...tmp })\n // request to like\n let res = await LikeRequest(id)\n }\n }\n\n const handleComment = async (request, page) => {\n let res = await GetCommentsOnRequest({ id: request._id, page: page })\n if (res && res.data) {\n let tmp = commentModal\n tmp.open = true\n tmp.data = {\n ...request,\n comments: res.data.commentData || [],\n page: res.data.page,\n totalPages: res.data.totalPages || 1,\n totalComment: res.data.totalComment || 1,\n }\n setCommentModal({ ...tmp })\n }\n }\n\n const addComment = async (data) => {\n let res = await CommentOnRequest(data)\n\n return res\n }\n\n if (requestData.loading) {\n return \n
\n\n\n {toPersianNumber(liked.likeCount)} نفر
\n \n props.handleComment(props.data, 1)}>\n
\n {toPersianNumber(props.data.comment)} دیدگاه
\n \n\n setCommentModal({ ...commentModal, open: false })}\n addComment={addComment}\n getComments={handleComment}\n />\n\n {/* pagination */}\n
\n {/* pagination */}\n\n {requestData.requestsList.length > 0 && \n
\n\n انجمن
\n\n
\n \n
\n \n {\n setToUrl(selected, 'countInPage')\n }}\n selectedItem={getFromUrl('countInPage')}\n />\n {typeof requestData.totalRequests !== 'undefined' ? toPersianNumber(requestData.totalRequests) + \" نتیجه\" : \"\"}
\n تعداد نمایش در صفحه
\n \n \n {requestData.requestsList.map((request, requestIndex) =>
}\n\n \n
\n \n )\n }\n}\n\nexport default withRouter(Forum);\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport ForumComponent from \"../../Components/forum/forum\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst ForumPage = (props) => {\n return (\n \n
\n )\n}\nexport default withRouter(ForumPage);","import React, { useEffect, useState } from \"react\";\nimport style from \"./defaultSetting.module.scss\";\nimport Skeleton from \"../skeleton/skeleton\"\n{/* \n
\n \n
\n \n
\n \n
\n}\nexport default WalletSkeleton;\n","import React, { useState, useEffect } from \"react\";\nimport style from \"./defaultSetting.module.scss\";\nimport Switch from \"../SelectionControls/Switch/Switch\"\nimport RadioButton from \"../SelectionControls/RadioButton/RadioButton\"\nimport SimpleDropDown from \"../Dropdown/SimpleDropDown/DropDown\"\nimport Input from \"../input/input\";\nimport Button from \"../Button/button\"\nimport Skeleton from \"./skeleton\"\nimport toPersianNumber from \"../../helpers/actions/toPersianNumber\"\nimport numberWithCommas from \"../../helpers/actions/numberWithCommas\";\nimport { reactive, safePricing, hasIncreasePricePermission, strategy, variantByBox, outOfRangeStrategy, hasMaxPriceLimit } from \"../../helpers/consts/variantEditModal\"\nimport { GetChannelList, GetChannelDefaultSetting, SetChannelDefaultSetting } from \"../../actions/APIcalls\"\nimport toEnglishNumber from \"../../helpers/actions/toEnglishNumber\";\n\nconst DefaultSetting = (props) => {\n\n const [data, setData] = useState({\n channels: [],\n channelSettings: [],\n tab: 0,\n skeleton: true,\n })\n\n const [marginArray, setMarginArray] = useState([\n { name: \"100\", checked: false }, { name: \"200\", checked: false },\n { name: \"300\", checked: false }, { name: \"400\", checked: false },\n { name: \"500\", checked: false }, { name: \"600\", checked: false },\n { name: \"700\", checked: false }, { name: \"800\", checked: false },\n { name: \"900\", checked: false }, { name: \"1000\", checked: false },\n { name: \"2000\", checked: false }, { name: \"5000\", checked: false },\n { name: \"10000\", checked: false }, { name: \"20000\", checked: false },\n { name: \"50000\", checked: false }, { name: \"100000\", checked: false },\n { name: \"500000\", checked: false }, { name: \"1000000\", checked: false },\n ])\n\n const [roundnessDigits, setRoundnessDigits] = useState([\n { name: 2, checked: false },\n { name: 3, checked: false },\n { name: 4, checked: false },\n { name: 5, checked: false },\n { name: 6, checked: false }\n ])\n\n useEffect(async () => {\n await gettingChannelList()\n await getDefaultSettings()\n }, [])\n\n const gettingChannelList = async () => {\n let res = await GetChannelList()\n let tmp = data\n if (typeof res !== \"undefined\" && typeof res.data !== \"undefined\") {\n tmp.channels = res.data.channelList\n }\n setData({ ...tmp })\n }\n\n const getDefaultSettings = async () => {\n let ids = data.channels.map(el => el._id)\n let tmp = data\n tmp.skeleton = true;\n setData({ ...tmp })\n for (let index = 0; index < ids.length; index++) {\n let setting = await getSingleSetting(ids[index])\n if (typeof setting !== \"undefined\" && typeof setting.data !== \"undefined\" && setting.data.data) {\n let dummyObject = {\n ...setting.data.data,\n variantByBoxType: setting.data.data.isVariantBox ? 'variantBox' : 'productBox',\n safePricing: setting.data.data.safePricing ? 'enable' : 'disable',\n hasMaxPriceLimit: typeof setting.data.data.hasMaxPriceLimit != 'undefined' ? setting.data.data.hasMaxPriceLimit : false,\n platformCosts: typeof setting.data.data.platformCosts != 'undefined' ? setting.data.data.platformCosts : false,\n hasIncreasePricePermission: (setting.data.data.hasIncreasePricePermission == false ? 'off' : (setting.data.data.hasIncreasePricePermission == true ? 'maxPrice' : setting.data.data.hasIncreasePricePermission))\n }\n tmp.channelSettings.push(dummyObject)\n }\n }\n tmp.skeleton = false;\n setData({ ...tmp })\n }\n\n const getSingleSetting = async (channelId) => {\n let res = await GetChannelDefaultSetting({ channel_id: channelId })\n return res;\n }\n\n const handleSwitchButton = (e, val, tag) => {\n let tmp = data\n tmp.channelSettings[data.tab][tag] = !val\n setData({ ...tmp })\n }\n\n const radioHandeler = (e, val, tag, secondTag) => {\n let tmp = data\n if (tag == 'isVariantBox') {\n tmp.channelSettings[data.tab]['variantByBoxType'] = secondTag\n tmp.channelSettings[data.tab][tag] = secondTag == 'variantBox' ? true : false\n } else {\n tmp.channelSettings[data.tab][tag] = secondTag\n }\n setData({ ...tmp })\n }\n\n const handleDropdown = (tag, val) => {\n let tmp = data\n tmp.channelSettings[data.tab][tag] = val.name\n setData({ ...tmp })\n }\n\n const deleteDropdownOption = tag => {\n let tmp = data\n tmp.channelSettings[data.tab][tag] = 1000\n setData({ ...tmp })\n }\n\n const inputHandler = (tag, e) => {\n let tmp = data\n tmp.channelSettings[data.tab][tag] = Number(toEnglishNumber(e.target.value.toString().replaceAll(\",\", \"\"))).toFixed(0)\n setData({ ...tmp })\n }\n\n const confirmDefaultSetting = async () => {\n let totalTmp = data\n let tmp = data.channelSettings[data.tab]\n totalTmp.skeleton = true\n setData({ ...totalTmp })\n tmp = {\n ...data.channelSettings[data.tab],\n channelId: data.channels[data.tab]._id,\n safePricing: data.channelSettings[data.tab].safePricing == 'enable' ? true : false,\n pricingStrategy: data.channelSettings[data.tab].pricingStrategy == 'equalToBoxWinner' ? 'lowestPrice' : data.channelSettings[data.tab].pricingStrategy,\n sizeOfPriceIncrease: data.channelSettings[data.tab].pricingStrategy == 'equalToBoxWinner' ? 0 : data.channelSettings[data.tab].sizeOfPriceIncrease,\n ancillaryCosts: Number(data.channelSettings[data.tab].ancillaryCosts)\n }\n let res = await SetChannelDefaultSetting(tmp)\n let newSetting = await getSingleSetting(tmp.channelId)\n if (typeof newSetting !== \"undefined\" && typeof newSetting.data !== \"undefined\" && newSetting.data.data) {\n let dummyObject = {\n ...newSetting.data.data,\n variantByBoxType: newSetting.data.data.isVariantBox ? 'variantBox' : 'productBox',\n safePricing: newSetting.data.data.safePricing ? 'enable' : 'disable',\n hasMaxPriceLimit: typeof newSetting.data.data.hasMaxPriceLimit != 'undefined' ? newSetting.data.data.hasMaxPriceLimit : false,\n }\n totalTmp.channelSettings[data.tab] = dummyObject\n }\n totalTmp.skeleton = false\n setData({ ...totalTmp })\n }\n\n if (data.skeleton) {\n return \n
\n
\n \n
\n\n \n
\n \n
\n\n {data.channelSettings[data.tab] && \n
\n تنظیمات پیشفرض
\n\n
\n\n h
\n شما میتوانید برای هر پنل فروش خود، تنظیمات پیشفرض مشخص کنید و این تنظیمات برای تنوعهایی از پنل انتخابی شما که تنظیمات پیشفرض را برای آنها مشخص نکردهاید، اعمال خواهد شد
\n\n
\n \n {data.channels.length > 0 && data.channels.map((channelItem, channelIndex) => setData({ ...data, tab: channelIndex })}\n >\n {channelItem.name}\n
)}\n \n
}\n \n )\n }\n}\n\nexport default DefaultSetting;\n\n\n\n","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport DefaultSetting from \"../../Components/defaultSetting/defaultSetting\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst DefaultSettingPage = (props) => {\n return (\n \n
\n\n وضعیت ربات
\n\n
\n \n
\n\n رقابت
\n\n {variantByBox.map((item, index) => {\n return
\n \n
\n })}\n \n
\n \n
\n\n پله تغییر قیمت
\n\n
\n \n
\n\n هزینههای جانبی
\n\n
\n \n { }}\n />\n
\n \n
\n\n استراتژی
\n\n {strategy.map((item, index) => {\n return
\n \n
\n })}\n \n
\n \n
\n\n حفظ پله در افزایش قیمت
\n\n {hasMaxPriceLimit.map((item, index) => {\n return
\n \n
\n })}\n \n
\n \n
\n\n فعالسازی مجدد
\n\n {reactive.map((item, index) => {\n return
\n \n
\n\n })}\n \n
\n \n
\n\n افزایش قیمت امن
\n\n {safePricing.map((item, index) => {\n return
\n \n
\n })}\n \n
\n \n
\n\n استراتژی کف قیمت
\n\n {hasIncreasePricePermission.map((item, index) => {\n return
\n \n
\n\n })}\n \n
\n \n
\n\n استراتژی خارج از بازه
\n\n {outOfRangeStrategy.map((item, index) => {\n return
\n \n
\n\n })}\n \n
\n \n
\n\n ارقام رند
\n\n
\n \n
\n\n\n درنظر گرفتن فروش اعتباری
\n\n
\n \n
\n\n\n \n
\n )\n}\nexport default withRouter(DefaultSettingPage);","import React from \"react\";\nimport style from './blackfridaylanding.module.scss';\n\nconst BlackFridayLanding = (props) => {\n\n const landingData = [\n { _id: 0, title: 'طرح شتاب فروش', amount: 'محصولات شما', description: '(ارزیابی پتانسیل فروش محصولات فعلی شما)', link: '/blackfriday/list/your-products', icon: 'newProduct', isLocked: false },\n { _id: 1, title: 'طرح افقهای جدید', amount: 'محصولات گروه کالایی شما', description: '(ارزیابی و پیشنهادات در گروه کالایی مرتبط)', link: '/blackfriday/list/category-products', icon: 'inStock', isLocked: true },\n { _id: 2, title: 'طرح جهش کسبوکار', amount: 'محصولات پرفروش دیجیکالا', description: '(پرفروشترینهای دیجیکالا در ماههای اخیر)', link: '/blackfriday/list/all-products', icon: 'starProduct', isLocked: true }\n ]\n\n return (\n
\n \n
\n \n
\n \n
)\n}\nexport default BlackFridayLanding","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport BlackFridayLanding from \"../../Components/blackFriday/blackfridayLanding/blackfridaylanding\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst BlackFridayLandingPage = (props) => {\n return (\n \n
\n ابزار هوشمند افزایش فروش
\n\n {landingData.map((data, dataIndex) => \n
\n\n \n \n
\n \n
\n )}\n {data.title}
\n{data.amount}
\n{data.description}
\n\n
\n )\n}\nexport default withRouter(BlackFridayLandingPage);\n\n\n\n","import React, { useState } from \"react\";\nimport style from './blackfridaycard.module.scss';\nimport { Link } from \"react-router-dom\"\nimport toPersianNumber from \"../../../../helpers/actions/toPersianNumber\"\nimport numberWithCommas from \"../../../../helpers/actions/numberWithCommas\"\n\nconst ProReportCard = (props) => {\n\n const [moreInfo, setMoreInfo] = useState(false)\n\n const calculateLines = text => {\n if (text.length < 88) {\n return text\n } else {\n return text.substr(0, 80) + '...'\n }\n }\n\n return (\n \n
\n \n
\n \n
\n \n
\n {/* moreInfo */}\n {moreInfo && \n setMoreInfo(!moreInfo)}\n className={style.flexItem175}\n >\n
\n \n
\n\n \n \n
\n \n \n {calculateLines(toPersianNumber(props.data.product_name_fa))}\n \n
\n \n \n
\n DKP - {toPersianNumber(props.data.DKP)}
\n{props.data.leafcat_name}
\n {toPersianNumber(numberWithCommas(parseInt(props.data.avg_selling_price)))}
\n {toPersianNumber(props.data.number_of_sellers)}
\n \n \n
\n جزئیات
\n\n
}\n \n )\n}\nexport default ProReportCard","import React, { useState, useEffect } from \"react\";\nimport { useHistory, withRouter } from \"react-router-dom\";\nimport style from './blackfridaylist.module.scss';\nimport noVariantEmptyState from '../../../assets/icons/EmptyStates/variant_noactivevariant.svg'\nimport Button from \"../../Button/button\";\nimport Searchbar from \"../../productSearchbar/productSearchbar\";\nimport Dropdown from \"../../../Components/Dropdown/RealTimeButtonDropDown/DropDown\";\nimport Pagination from \"../../pagination/pagination\"\nimport Skeleton from '../../variantList/skeleton'\nimport OfferCard from './blackfridaylog/blackfridaycard'\nimport MobilePagination from \"../../mobilePagination/mobilePagination\"\nimport TinyDropdown from \"../../Dropdown/tinyDropdown/tinyDropdown\";\nimport Toast from '../../Toast/Toast'\nimport toPersianNumber from '../../../helpers/actions/toPersianNumber'\nimport { GetBlackFridayYourList, GetBlackFridayCategoryList, GetBlackFridayList, GetBrands, GetSellers, GetproductGroup } from '../../../actions/APIcalls'\n\nconst BlackFridayList = (props) => {\n\n const [offerData, setOfferData] = useState({\n type: props.type ? props.type : 'your-products',\n list: [],\n page: 1,\n productCount: 100,\n totalPages: 10,\n countInPage: 10,\n filters: {\n sellers: [],\n productGroups: [],\n brands: []\n }\n })\n const [skeleton, setSkeleton] = useState(true)\n const [toast, setToast] = useState('')\n const [locationKeys, setLocationKeys] = useState([])\n const history = useHistory()\n\n // handle back and forward \n useEffect(() => {\n return history.listen(location => {\n if (history.action === 'PUSH') {\n setLocationKeys([location.key])\n }\n if (history.action === 'POP') {\n if (locationKeys[1] === location.key) {\n setLocationKeys(([_, ...keys]) => keys)\n // Handle forward event\n getProductList();\n } else {\n setLocationKeys((keys) => [location.key, ...keys])\n // Handle back event\n getProductList();\n }\n }\n })\n }, [locationKeys,])\n // end handle back and forward \n // if on top set navbar to fix \n const [offset, setOffset] = useState(0);\n\n useEffect(() => {\n const onScroll = () => setOffset(window.pageYOffset);\n // clean up code\n window.removeEventListener('scroll', onScroll);\n window.addEventListener('scroll', onScroll, { passive: true });\n return () => window.removeEventListener('scroll', onScroll);\n }, []);\n // end\n\n useEffect(async () => {\n await getProductList()\n await getFiltersData()\n }, []);\n\n const getFromUrl = (param) => {\n const defaultParams = {\n productGroup: [],\n brand: [],\n sellers: [],\n countInPage: 10,\n page: 1,\n query: \"\"\n }\n let url = new URLSearchParams(window.location.search);\n if (url.get(param)) {\n if (param === \"seller\" || param === \"productGroup\" || param === \"brand\") {\n return url.get(param).split(\"*\");\n } else {\n if (url.get(param) === \"true\" || url.get(param) === \"false\") {\n return url.get(param) === \"true\" ? true : false;\n } else {\n return url.get(param)\n }\n }\n } else {\n return defaultParams[param];\n }\n }\n\n const setToUrl = (value, param) => {\n let url = new URLSearchParams(window.location.search);\n if (Array.isArray(value)) {\n let tempString = \"\";\n value.map(item => {\n tempString ? tempString = `${tempString}*${item}` : tempString = item;\n })\n value.length > 0 ? url.set(param, tempString) : url.delete(param)\n } else {\n url.set(param, value);\n }\n if (param !== 'page') {\n url.set('page', 1);\n }\n props.history.push(window.location.pathname + \"?\" + url.toString());\n getProductList();\n }\n\n const deleteFromUrl = (param) => {\n let url = new URLSearchParams(window.location.search);\n url.delete(param);\n props.history.push(window.location.pathname + \"?\" + url.toString());\n // delete from state\n }\n\n const getFilters = () => {\n let tmpUrlFilters = {\n productGroup: getFromUrl('productGroup') ? getFromUrl('productGroup') : '',\n brand: getFromUrl('brand') ? getFromUrl('brand') : '',\n sellers: getFromUrl('sellers') ? getFromUrl('sellers') : '',\n countInPage: getFromUrl('countInPage') ? getFromUrl('countInPage') : 10,\n page: getFromUrl('page') ? getFromUrl('page') : 1,\n q: getFromUrl('query')\n }\n Object.keys(tmpUrlFilters).map(key => {\n if (tmpUrlFilters[key] == '') {\n delete tmpUrlFilters[key];\n }\n })\n return tmpUrlFilters\n }\n\n const urlCheckerForFilters = () => {\n let result = false;\n const defaultParams = getFilters()\n if ((defaultParams.sellers) || (defaultParams.brand) || (defaultParams.productGroup)) {\n result = true\n }\n return result\n }\n\n const searchHandler = (value) => {\n setToUrl(value, 'query')\n }\n\n const pageSetter = number => {\n setToUrl(number, 'page')\n }\n\n const deleteAllFiletrs = async () => {\n // resetFilters()\n props.history.push(window.location.pathname)\n await getProductList()\n }\n\n const getProductList = async () => {\n setSkeleton(true)\n let type = offerData.type\n let params = {\n page: getFromUrl('page') ? getFromUrl('page') : 1,\n countInPage: getFromUrl('countInPage') ? getFromUrl('countInPage') : 10,\n }\n let optionalFilters = ['brand', 'productGroup', 'sellers', 'query']\n optionalFilters.map(el => {\n if (getFromUrl(el)) {\n params[el] = getFromUrl(el)\n }\n })\n\n let res;\n switch (type) {\n case 'your-products':\n res = await GetBlackFridayYourList(params)\n break;\n case 'category-products':\n res = await GetBlackFridayCategoryList(params)\n break;\n case 'all-products':\n res = await GetBlackFridayList(params)\n break;\n default:\n res = await GetBlackFridayList(params)\n break;\n }\n\n if (res && res.data) {\n let tmp = offerData\n tmp.list = res.data.list\n tmp.totalPages = res.data.pageCount\n tmp.productCount = res.data.totalCount\n setOfferData({ ...tmp })\n }\n setSkeleton(false)\n }\n\n const getFiltersData = async () => {\n const resBrands = await GetBrands(openToast);\n const resChannels = await GetSellers(openToast);\n const resGroupProduct = await GetproductGroup(openToast);\n let tmp = offerData\n tmp.filters.brands = resBrands && resBrands.data ? urlChecker(resBrands.data.BrandList, \"brand\") : []\n tmp.filters.productGroups = resGroupProduct && resGroupProduct.data ? urlChecker(resGroupProduct.data.GroupList, \"productGroup\") : []\n tmp.filters.sellers = resChannels && resChannels.data ? urlChecker(resChannels.data.channelList, \"sellers\") : []\n setOfferData({ ...tmp })\n }\n\n const urlChecker = (list, key) => {\n let tempList = [];\n let filters = getFromUrl(key);\n switch (key) {\n case \"sellers\":\n list.map(item => {\n if (filters.indexOf(item._id ? item._id : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, _id: item._id, checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, _id: item._id, checked: false });\n }\n })\n break;\n case \"brand\":\n list.map(item => {\n if (filters.indexOf(item.name ? item.name : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, checked: false });\n }\n })\n break;\n case \"productGroup\":\n list.map(item => {\n if (filters.indexOf(item.name ? item.name : item) >= 0) {\n tempList.push({ name: item.name ? item.name : item, checked: true });\n } else {\n tempList.push({ name: item.name ? item.name : item, checked: false });\n }\n })\n break;\n default:\n break;\n }\n return tempList;\n }\n\n const openToast = (error) => {\n setToast(error)\n }\n\n const selectHandler = (tag, value) => {\n let tmp = offerData\n tmp.filters[tag].map(el => {\n if (value.name == el.name) {\n el.checked = !value.checked\n }\n })\n setOfferData({ ...tmp })\n let urlParam = []\n tmp.filters[tag].forEach(el => {\n if (el.checked == true) {\n urlParam.push(el.name)\n }\n })\n setToUrl(urlParam, `${tag.substring(0, tag.length - 1)}`)\n }\n\n const deleteFromDropdown = (value, tag) => {\n\n }\n\n const emptyRenderer = () => {\n return \n
\n \n حداقل درصد پیشنهادی تخفیف
\n{props.data.Recommaded_discount1 ? toPersianNumber(props.data.Recommaded_discount1) : 'نامشخص'}
\n\n
\n \n حداکثر درصد پیشنهادی تخفیف
\n{props.data.Recommaded_discount2 ? toPersianNumber(props.data.Recommaded_discount2) : 'نامشخص'}
\n\n
\n \n پیشبینی حد پایین ناخالص فروش
\n{props.data.lowerNmv ? toPersianNumber(numberWithCommas(parseInt(props.data.lowerNmv))) + ' ریال ' : 'نامشخص'}
\n\n
\n \n پیشبینی حد بالای ناخالص فروش
\n{props.data.upperNmv ? toPersianNumber(numberWithCommas(parseInt(props.data.upperNmv))) + ' ریال ' : 'نامشخص'}
\n\n
\n \n پیشبینی حد پایین ناخالص فروش با اعمال تخفیف
\n{props.data.lowerNmvWithDiscount ? toPersianNumber(numberWithCommas(parseInt(props.data.lowerNmvWithDiscount))) + ' ریال ' : 'نامشخص'}
\n\n
\n پیشبینی حد بالای ناخالص فروش با اعمال تخفیف
\n{props.data.upperNmvWithDiscount ? toPersianNumber(numberWithCommas(parseInt(props.data.upperNmvWithDiscount))) + ' ریال ' : 'نامشخص'}
\n\n \n \n
\n }\n\n if (skeleton) {\n return \n \n
\n در حال حاضری پیشنهادی با فیلترهای انتخابی وجود ندارد
\n.لطفا فیلترهای انتخابی خود را تغییر دهید و یا جهت ثبت درخواست اطلاعات مورد نیاز خود، با واحد پشتیبانی موبیشا در ارتباط باشید
\n\n setToast('')} />\n
\n\n {offerData.list.length > 0 ? <>\n \n
\n\n لیست پیشنهادات
\n\n searchHandler(value)}\n />\n
\n\n \n {urlCheckerForFilters() && deleteAllFiletrs()}\n >\n g\n
}\n \n
\n\n \n
\n \n {\n let page = { ...offerData };\n page.countInPage = selected;\n setOfferData({ ...page })\n setToUrl(selected, 'countInPage')\n getProductList()\n }}\n />\n
\n تعداد نمایش در صفحه
\n \n {toPersianNumber(offerData.productCount) + \" محصول \"}
\n \n
\n\n \n \n
\n \n 480 ? style.listHeaderFixed : style.listHeader}\n style={offset > 480 && (sessionStorage.getItem(\"sideBarOpen\") && sessionStorage.getItem(\"sideBarOpen\") == 'false') ? { width: 'calc(100% - 140px)' } : (offset > 480 ? { width: 'calc(100% - 280px)' } : null)}\n >\n {/* header */}\n
\n مشخصات کالا
\n گروه کالا
\n میانگین قیمت(ریال)
\n تعداد رقیب
\n \n {/* header */}\n 480 ? style.hiddenListHeader : ''}>
\n \n {offerData.list ? offerData.list.map((listItem, index) =>
\n \n
)\n :\n null\n }\n \n
\n \n
\n \n \n :\n <>\n {emptyRenderer()}\n \n }\n )\n }\n}\nexport default withRouter(BlackFridayList)","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport BlackFridayList from \"../../Components/blackFriday/blackfridayList/blackfridaylist\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst BlYourProducts = (props) => {\n return (\n \n
\n )\n}\nexport default withRouter(BlYourProducts);","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport BlackFridayList from \"../../Components/blackFriday/blackfridayList/blackfridaylist\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst BlCategoryProducts = (props) => {\n return (\n \n
\n \n
\n \n
\n \n
\n )\n}\nexport default withRouter(BlCategoryProducts);","import React from \"react\";\nimport { withRouter } from \"react-router-dom\"\nimport Sidebar from \"../../Components/sidebar/sidebar\"\nimport BlackFridayList from \"../../Components/blackFriday/blackfridayList/blackfridaylist\"\nimport MobileNavBar from \"../../Components/mobileNavbar/navbar\"\nimport style from \"../sidebarPage.module.scss\"\n\nconst BlAllProdcts = (props) => {\n return (\n \n
\n \n
\n \n
\n \n
\n )\n}\nexport default withRouter(BlAllProdcts);","import React, { useEffect } from \"react\";\nimport { Redirect, Route, Router, Switch } from \"react-router-dom\";\n\nimport Signup from './Pages/Signup/SignUp';\nimport SignIn from './Pages/Signin/SignIn';\nimport ProductList from \"./Pages/Products/productsPage\";\nimport Channels from \"./Pages/ChannelPage/channelPage\"\nimport Pricing from \"./Pages/pricingPage\"\nimport VaraintList from \"./Pages/variantListPage\"\nimport Users from \"./Pages/UsersPage/usersPage\"\nimport Permissions from \"./Pages/userPermissionPage\"\nimport CreateReport from \"./Pages/createReportPage\"\nimport ReportList from \"./Pages/reportListPage\"\nimport Report from \"./Pages/showReportPage\"\nimport Dashboard from \"./Pages/dashboardPage/dashboardPage\"\nimport Profile from \"./Pages/ProfilePage/ProfilePage\"\nimport UserPackages from \"./Pages/UserpPackagesPage\"\nimport ProtectedRoute from \"./ProtectedRoute\"\nimport NotFound from \"./Pages/notFound/notFound\";\nimport ServerError from \"./Pages/serverError/serverError\"\nimport Payment from \"./Pages/paymentPage\"\nimport ProReportList from \"./Pages/ProReportListPage\"\nimport proReportShow from \"./Pages/showProReportPage\"\nimport paymentResult from \"./Pages/paymentResult\"\nimport Guide from \"./Pages/guides\";\nimport Wallet from \"./Pages/wallet/walletPage\";\nimport ChargeWallet from \"./Pages/wallet/chargeWalletPage\"\nimport Setting from \"./Pages/SettingPage/SettingPage\"\nimport SettingInvoice from \"./Pages/SettingPage/SettingInvoice\"\nimport Log from \"./Pages/log\"\nimport Cargo from \"./Pages/cargoPage/cargoPage\"\nimport SnappShop from \"./Pages/snappShopPage/snappShopPage\"\nimport SnappShopVariants from \"./Pages/snappShopVariantsPage/snappShopVariantsPage\"\nimport OrdersPage from \"./Pages/orders/orders\"\nimport Support from \"./Pages/supportPage/supportPage\"\nimport Forum from \"./Pages/forumPage/forumPage\"\nimport DefaultSetting from \"./Pages/DefaultSettingPage/DefaultSettingPage\"\nimport BlackFridayLandig from \"./Pages/BlackFriday/BlackFridayLanding\"\nimport BlackFridayListYourProducts from \"./Pages/BlackFriday/your-products\"\nimport BlackFridayListCategoryProducts from \"./Pages/BlackFriday/category-products\"\nimport BlackFridayListAllProducts from \"./Pages/BlackFriday/all-products\"\nimport ReactGA from \"react-ga4\";\n\nfunction Routes(props) {\n\n useEffect(() => {\n props.history.listen(location => {\n if (typeof window != 'undefined') {\n window.scrollTo(0, 0)\n }\n });\n }, [])\n\n\n ReactGA.initialize([\n {\n trackingId: \"G-K2RVWMVKR7\",\n }]);\n ReactGA.send({ hitType: \"pageview\" });\n\n return (\n \n
\n \n
\n \n
\n