\r\n
\r\n \r\n
\r\n شرایط استفاده از خدمات فاران\r\n
\r\n
\r\n فاران به عنوان یک سامانه ارائهدهنده سرویسهای پرداخت از جمله خرید فروشگاهی، پرداخت قبض، خرید شارژ، خرید بسته اینترنت، خرید بلیت اتوبوس و ... ، بوده و تابع کلیه قوانین و مقررات جمهوری اسلامی ایران، بانک مرکزی و شاپرک است؛ توافقنامه زیر در خصوص استفاده مناسب و ایمن از اپلیکیشن فاران و جلوگیری از هرگونه سوءاستفاده احتمالی تدوین شده است. این توافق تعیینکننده تعهدات و تکالیف طرفین، بین شرکت توسعه فناوری و تجارت رستا به شماره ثبت 564390 به عنوان طرف اول و کاربر اپلیکیشن فاران به عنوان طرف دوم، منعقد میشود؛ شرکت توسعه فناوری و تجارت رستا صاحب امتیاز اپلیکیشن فاران است که از این پس در متن این توافقنامه «فاران» و کاربر اپلیکیشن فاران «کاربر» نامیده میشود.\r\n تایید این شرایط استفاده به منزله قبول و امضای الکترونیکی قرارداد است.\r\n\r\n \tکلیه حقوق مادی و معنوی فاران و همچنین نشانه تجاری آن متعلق به شرکت توسعه فناوری و تجارت رستا (سهامی خاص) به شماره ثبت 564390 است. و هرگونه استفاده از نام، مطالب و مستندات و منابع فاران بدون مجوز کتبی شرکت، مطابق با قوانین جرایم رایانهای (قانون جرایم رایانه ای 11/11/1389 - کارگروه تعیین مصادیق محتوای مجرمانه) غیرمجاز تلقی شده و فاران حق پیگرد قانونی در مراجع ذیصلاح را برای خود محفوظ میدارد. مجوز استفاده از فاران طبق شرایط استفاده حاضر، تنها برای استفاده یک مشتری حقیقی و به نام آن است.\r\n \tهرگونه کپیبرداری و سعی در نفوذ به دادههای فاران، طبق قوانین حاکم بر جمهوری اسلامی ایران غیرمجاز تلقی میشود و موجب پیگرد قانونی خواهد شد.\r\n \tکاربر حق استفاده از علایم و نشانهای تجاری ثبت شده و ثبت نشده که در فاران به نمایش در آمده است را ندارد. این ممنوعیت در مورد تمام اجزای فنی و غیر فنی فاران لازم الاجرا است؛ گفتنی است تخطی از این ممنوعیت با عناوینی مثل صدور اجازه یا حق ضمنی و تلویحی، یا عدم انکار پس از قبول و غیره قابل توجیه نیست.\r\n \tهرگونه استفاده از خدمات اپلیکشین فاران که طبق قوانین موضوعه کشور از قبیل قانون تجارت الکترونیک، قانون جرائم رایانه ای و قانون مجازات اسلامی رفتار یا عمل مجرمانه محسوب شود، ممنوع است.\r\n \tپرداخت توسط اپلیکیشن فاران، برای موارد زیر ممنوع است :\r\n •\tخرید و فروش اموال غیرمنقول.\r\n •\tخرید و فروش کارتهای بختآزمایی، و شرکت در هر گونه قمار و شرطبندی.\r\n •\tخرید و فروش اکانت استفاده از شبکه خصوصی مجازی (VPN) و همچنین نرم افزارهای عبور از فیلترینگ جمهوری اسلامی ایران.\r\n •\tخرید و فروش امتیاز استفاده از خدمات، جهت هرگونه هک و نفوذ و دسترسی غیرمجاز.\r\n •\tخرید و فروش کالاهایی که به نحوی حقوق ناشر، مالک، مولف، پدیدآورنده اثر و امثال آنها را رعایت نمیکنند (خلاف قوانین کپیرایت).\r\n •\tخرید و فروش سیگار و سایر مواد دخانی.\r\n •\tخرید و فروش انواع سلاحهای گرم و سرد.\r\n •\tخرید و فروش کالاها و خدماتی که مبادله آنها دارای مقررات و نظامات خاص است.\r\n •\tخرید و فروش کالاهایی که برای مصرفکننده خطر جدی در پی دارد.\r\n •\tخرید و فروش کالاهایی که مبادله آنها طبق قانون ممنوع است از قبیل مواد مخدر، مشروبات الکلی، روان گردان ها، مواد سکرآور، کالاهای قاچاق.\r\n •\tخرید و فروش کالاهایی که مبادله آنها مغایر با آداب اسلامی است.\r\n •\tخرید و فروش کالاها و خدماتی که انجام فعالیتهای غیرقانونی را به نحوی تشویق یا تسهیل میکنند.\r\n •\tخرید و فروش کالاهای بهدستآمده از ارتکاب جرم یا نقض مقررات کشوری و لشگری.\r\n •\tخرید و فروش کلیه کالاها یا خدماتی که ارائه آنها نیازمند اخذ مجوز یا پروانه است.\r\n •\tخرید و فروش کلیه کالاها یا خدماتی که ناقض حقوق بشر می باشند.\r\n •\tخرید و فروش کلیه کالاها یا خدماتی که ناقض قوانین حفاظت از محیط زیست می باشند.\r\n\r\n \tهرگونه اقدامی که به تشخیص فاران منجر به صدور دستور برخورد با مشتری توسط مراجع قضایی، انتظامی یا امنیتی در رابطه با تخلفات حوزهی پرداخت الکترونیک شود، باعث توقف ارائه خدمات به کاربر خواهد شد.\r\n \tانجام اعمال مرتبط با سوءاستفاده مالی و پولشویی یا ایجاد اختلال در حوزه پولی و بانکی کشور به تشخیص فاران، باعث توقف ارائه خدمات به کاربر خواهد شد.\r\n \tفعالیتهای منجر به اختلال در جریان نقدینگی، به تشخیص فاران باعث توقف ارائه خدمات به کاربر خواهد شد.\r\n \tکاربر ضمن این قرارداد به فاران اجازه میدهد که هرگونه استعلامی از سوی هر یک از مراجع رسمی کشور در خصوص اطلاعات کاربر را پاسخ دهد؛ کاربر حق اعتراض نسبت به اعلام اطلاعات خویش به مراجع رسمی را نخواهد داشت.\r\n \tپیشنهاد میگردد، فاران را تنها از طریق مراجعه به وب سایت رسمی آن یا فروشگاه اندرویدی \"کافهبازار\" ، \"مایکت\" ، \"چارخونه\" یا \"Google Play\" دریافت و نصب کنید.\r\n \tکاربر مسئول حفظ و مراقبت از رمز ورود و کد کاربری خود است و چنانچه بر اثر عدم حفاظت و یا افشای کاربر از این اطلاعات خسارتی به او وارد شود، فاران در این مورد مسئولیتی نخواهد داشت. کاربر فاران مکلف است در صورت مفقود شدن و یا سرقت گوشی بلافاصله مراتب را به مرکز امداد مشتریان شرکت فاران اعلام کند تا حساب تعریف شده در فاران غیرفعال شود. لازم به ذکر است در هر صورت فاران هیچگونه مسئولیتی در خصوص سو استفاده و برداشت از حساب کاربران ندارد.\r\n \tبدیهی است فاران خود را متعهد میداند تمام تلاش و ظرفیت خویش را جهت حفظ امنیت اپلیکیشن به کار گیرد؛ با این وجود توصیه میشود کاربر بصورت دورهای نسبت به تغییر رمز خود اقدام کند. همچنین کاربر نباید به هیچ وجه رمز خود را بر روی گوشی تلفن همراه ذخیره کند و یا در اختیار دیگران قرار دهد. به طور کلی کاربر باید کلیه اطلاعات خویش را محفوظ نگه دارد؛ در صورت سهلانگاری کاربر در این زمینه، مسئولیتی متوجه فاران نخواهد بود.\r\n \tکاربر باید پیش از واگذاری گوشی تلفن همراه خود، اپلیکیشن فاران از روی گوشی حذف کند. با این کار کلیه اطلاعات حسابهای ثبت شده و نیز پیامهای دریافتی موجود بر روی گوشی از بین میروند.\r\n \tدر مواردی كه فاران بنا به عللی از قبیل وجود مشکلات قادر به ارائه خدمات نباشد، مسئولیتی متوجه فاران نخواهد بود و کاربر به هیچ عنوان نمی تواند ادعای خسارت کند.\r\n \tفاران بابت خسارات احتمالی وارده به کاربر و یا مشکلات خارج از حدود اختیارات خود از قبیل قطع خطوط ارتباطی، شبکه اینترنتی، وبسرویسها و سایر موارد هیچگونه مسئولیتی نخواهد داشت.\r\n \tفاران میتواند هر زمان كه صلاح بداند در شرایط و مقررات فاران تغییرات لازم را اعمال کند. این تغییرات به نحو مقتضی به اطلاع کاربر میرسد و کاربر موظف به رعایت و اجرای آن از زمان اطلاع میباشد.\r\n \tجهت بهبود کیفیت و امنیت سرویس رسانی فاران، اطلاعات سختافزار گوشی موبایل، سیستم عامل و همچنین اطلاعات سیم کارت کاربر در سیستم ذخیره میشود.\r\n \tاطلاعات موقعیت جغرافیایی فروشگاه، برای نمایش بهتر آن در نقشه به صورت دلخواه دریافت و در سیستم ذخیره می شود.\r\n \tدر صورت تعریف فروشگاه در فاران، تا دریافت کامل مدارک و مستندات، فروشگاه غیرفعال خواهد بود و صرفاً زمانی فعال خواهد شد که نماینده فاران در محل پذیرنده حاضر شده و تمامی مدارک مورد نیاز را دریافت نموده و اصالت آنها را احراز نماید.\r\n \tامکان برداشت وجه از کیف پول زمانی ممکن خواهد بود که کاربر شماره شبای خود را تکمیل کرده و اصالت آن از طرف فاران احراز شده باشد.\r\n \tسقف انتقال وجه بین کیف پول کاربر و کیف پول کاربران دیگر، روزانه 2.000.000 ریال و حداکثر تعداد انتقال وجه روزانه 10 بار می باشد.\r\n \tدر صورت عدم رضایت کاربر از عملکرد فاران، کاربر میتواند اطلاعات عضویت خود را لغو کند. بدیهی است لغو عضویت باعث حذف اطلاعات کاربر در برنامه موبایل می¬شود، اما عملیات گذشته کاربر بنا به دلایل امنیتی و سوابق موضوع و نیز به منظور بهبود عملکرد سیستم در سرورهای فاران باقی میماند.\r\n \tدر صورت عدم رعایت مقررات و شرایط عمومی و اختصاصی استفاده از فاران و همچنین استفاده غیرمجاز، فاران حق دارد که سرویسدهی به مشترک را متوقف کند. همچنین میتواند هرگونه اطلاعات کاربر یا سو استفاده از سرویس را به مراجع رسمی و نظارتی و قضایی اعلام کند. چنانچه به دلیل قصور یا تقصیر کاربر ادعایی علیه فاران مطرح شود یا هرگونه خسارتی به شرکت وارد آید فاران میتواند کلیه خسارات مزبور را از کاربر مربوطه مطالبه کند.\r\n \tفاران متعهد به رعایت کلیه قوانین از قبیل فهرست مصادیق محتوای مجرمانه موضوع ماده ۲۱ قانون جرایم رایانهای و قانون تجارت الکترونیکی است و بنابراین کلیه موضوعات مشكوك و اطلاعات مربوط به اشخاص مظنون به سوء استفاده از فاران را به مقامات انتظامی و قضائی اعلام میکند تا تحت پیگرد قانونی قرار گیرند.\r\n \tتوصیه میشود کاربر در صورت مشاهده هرگونه عملیات غیر مجاز بر روی حساب خود، در اسرع وقت نسبت به تغییر رمز و غیرفعال سازی سیستم اقدام نموده و مراتب را به پشتیبانی فاران اطلاع دهد.\r\n \r\n \r\n
\r\n قوانین را مطلالعه نمودم و موافق هستم\r\n setCheck(!Check)}\r\n />\r\n
\r\n \r\n\r\n \r\n\r\n \r\n {Check === true\r\n ?\r\n \r\n :\r\n \r\n }\r\n\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ServiceBox;\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyle = makeStyles({\r\n myoverlay: {\r\n position: \"fixed\",\r\n top: 0,\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n zIndex: 100,\r\n backgroundColor: \"rgba(255, 255, 255, 0.97)\",\r\n },\r\n root: {\r\n \"& .makeStyles-img-4\": {\r\n width: '0px'\r\n },\r\n },\r\n root: {\r\n \"& .MuiButton-contained\": {\r\n boxShadow: 'none',\r\n color: 'gr'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"red\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"10%\",\r\n direction: \"rtl\",\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected\": {\r\n color: '#fff',\r\n backgroundColor: '#9600ff',\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected:hover\": {\r\n backgroundColor: '#9600ff'\r\n },\r\n \"& .MuiToggleButton-root \": {\r\n color: 'gray',\r\n width: '50%'\r\n },\r\n \"& .makeStyles-backButton-24\": {\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& @media (hover: none).MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n }\r\n },\r\n})\r\n\r\nexport default useStyle; ","import React, { useState, useEffect } from \"react\";\r\nimport { render } from 'react-dom';\r\nimport './styles.css'\r\nimport Header from '../../Component/Header/Header'\r\nimport ServiceBox from \"../../Component/ServiceBox/ServiceBox\";\r\nimport Modal from \"react-modal\";\r\nimport styles from \"./styles\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport ToggleButton from '@material-ui/lab/ToggleButton';\r\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup';\r\nimport FormatAlignLeftIcon from '@material-ui/icons/FormatAlignLeft';\r\nimport FormatAlignCenterIcon from '@material-ui/icons/FormatAlignCenter';\r\nimport FormatAlignRightIcon from '@material-ui/icons/FormatAlignRight';\r\nimport FormatAlignJustifyIcon from '@material-ui/icons/FormatAlignJustify';\r\nimport useStyle from \"./styles\";\r\nconst customStyless = {\r\n content: {\r\n width: \"90%\",\r\n height: \"60vh\",\r\n top: \"20vh\",\r\n bottom: 0,\r\n right: 0,\r\n left: \"5%\",\r\n padding: 0,\r\n zIndex: 10000,\r\n },\r\n};\r\n\r\nconst Main = (props) => {\r\n const [alignment, setAlignment] = React.useState('left');\r\n const [ali, setali] = React.useState('lel');\r\n\r\n const handleAlignment = (event, newAlignment) => {\r\n setAlignment(newAlignment);\r\n };\r\n const handle = (event, newAlignment) => {\r\n setali(newAlignment);\r\n };\r\n\r\n const [openModal, setopenModal] = useState(false);\r\n const classes = styles();\r\n const classess = useStyle();\r\n\r\n\r\n const accept = () => {\r\n if (ali === 'lel' && alignment === \"left\") {\r\n props.history.push(\"./CreateMerchant\")\r\n } else\r\n if (ali === \"lel\" && alignment != \"left\") {\r\n props.history.push(\"./DargahBank\")\r\n } else\r\n if (ali != \"lel\" && alignment === \"left\") {\r\n props.history.push(\"./CreateMerchantHoghoghi\")\r\n } else\r\n if (ali != \"lel\" && alignment != \"left\") {\r\n props.history.push(\"./CreateMerchantHoghoghiDargah\")\r\n\r\n }\r\n }\r\n\r\n console.log(ali)\r\n return (\r\n \r\n 
\r\n
\r\n {props.title}
\r\n\r\n \r\n props.history.push(\"./aboutUs\")}\r\n />\r\n
\r\n\r\n \r\n \r\n props.history.push(\"./EditProfile\")}\r\n\r\n />\r\n\r\n props.history.push(\"./Setting\")}\r\n />\r\n
\r\n \r\n\r\n \r\n setopenModal(true)}\r\n />\r\n\r\n props.history.push(\"./MerchantHistory\")}\r\n />\r\n
\r\n\r\n\r\n \r\n نوع در خواست خود را انتخاب کنید\r\n
\r\n\r\n \r\n\r\n \r\n \r\n \r\n حقوقی\r\n\r\n \r\n \r\n حقیقی\r\n \r\n\r\n\r\n\r\n \r\n\r\n \r\n \r\n \r\n درگاه بانک\r\n\r\n \r\n \r\n کارت خوان\r\n \r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n
\r\n\r\n\r\n\r\n \r\n\r\n\r\n\r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default Main;\r\n\r\n\r\n\r\n\r\n\r\n\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyle = makeStyles({\r\n container: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n fontFamily: \"IRANSansMobile\",\r\n\r\n },\r\n img: {\r\n width: 150,\r\n marginTop: 50,\r\n },\r\n text: {\r\n marginTop: 20,\r\n direction: 'rtl'\r\n },\r\n input: {\r\n marginTop: 20\r\n },\r\n timer: {\r\n marginTop: 20\r\n },\r\n sendAgain: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 10,\r\n },\r\n mobile: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 20\r\n },\r\n App: {\r\n direction: 'rtl',\r\n textalign: 'center',\r\n fontfamily: 'IRANSansMobile'\r\n },\r\n btnRecord: {\r\n marginTop: \"10px\",\r\n backgroundColor: \"white\",\r\n width: \"60%\",\r\n border: \"1px solid gray\",\r\n borderradius: \"5px\",\r\n height: \"45px\",\r\n fontfamily: \"IRANSansMobile\",\r\n fontsize: \"18px\",\r\n padding: \"15px\"\r\n },\r\n root: {\r\n \"& .MuiButton-contained\": {\r\n boxShadow: 'none',\r\n color: 'gr'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"red\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"10%\",\r\n direction: \"rtl\",\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected\": {\r\n color: '#fff',\r\n backgroundColor: '#9600ff',\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected:hover\": {\r\n backgroundColor: '#9600ff'\r\n },\r\n \"& .MuiToggleButton-root \": {\r\n color: 'gray',\r\n width: '50%'\r\n },\r\n \"& .makeStyles-backButton-24\": {\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& @media (hover: none).MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"green\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"13%\",\r\n direction: \"rtl\",\r\n },\r\n },\r\n\r\n})\r\n\r\nexport default useStyle; ","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport DatePicker from 'react-mobile-datepicker';\r\nimport Button from '@material-ui/core/Button';\r\nimport WheelPicker from \"../WheelPicker/WheelPicker\"\r\nimport { SettingsRemoteSharp } from '@material-ui/icons';\r\nfunction stringToArray(str) {\r\n try {\r\n var y = str.replace(/\\'/gi, \"\\\"\");\r\n y = y.replace(/\" \"/gi, \"\");\r\n var x = JSON.parse(y);\r\n return x;\r\n }\r\n catch {\r\n return str;\r\n }\r\n}\r\nvar selectedItem = \"\";\r\nvar selectedText=\"\";\r\nvar _id;\r\nclass DropDownWheel extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n\r\n }\r\n\r\n showItems() {\r\n\r\n _id = this.props.id;\r\n var input = document.getElementById(_id);\r\n var typeRe = this.props.storage;\r\n var picker1 = new WheelPicker({\r\n el: \"#DropDown\",\r\n title: this.props.modalTitle,\r\n data: [stringToArray(this.props.items)],\r\n value: [(input.title != \"\" ? input.title : this.props.initSelected)],\r\n onSelect: function (selected) {\r\n console.log(selected)\r\n localStorage.setItem(typeRe, selected[0].value + \"|\" + selected[0].text)\r\n selectedItem = selected[0].value;\r\n input.innerHTML = selected[0].text;\r\n selectedText = selected[0].text;\r\n input.title = selected[0].value;\r\n }\r\n });\r\n picker1.show()\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n \r\n\r\n
\r\n \r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default DropDownWheel\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyle = makeStyles({ \r\n container : {\r\n display : 'flex' , \r\n alignItems : 'center',\r\n flexDirection : 'column',\r\n fontFamily: \"IRANSansMobile\",\r\n\r\n },\r\n img: {\r\n width: 150,\r\n marginTop: 50,\r\n },\r\n text: {\r\n marginTop: 20,\r\n direction : 'rtl'\r\n },\r\n input :{\r\n marginTop : 20\r\n }, \r\n timer : {\r\n marginTop : 20\r\n },\r\n sendAgain : {\r\n display : 'flex',\r\n justifyContent : 'center',\r\n alignItems : 'center',\r\n marginTop : 10 ,\r\n },\r\n mobile : {\r\n display : 'flex',\r\n justifyContent : 'center',\r\n alignItems : 'center',\r\n marginTop : 20\r\n },\r\n App :{\r\n direction: 'rtl',\r\n textalign: 'center',\r\n fontfamily: 'IRANSansMobile'\r\n },\r\n btnRecord:{\r\n marginTop:\"10px\",\r\n backgroundColor: \"white\",\r\n width: \"60%\",\r\n border: \"1px solid gray\",\r\n borderradius: \"5px\",\r\n height: \"45px\",\r\n fontfamily: \"IRANSansMobile\",\r\n fontsize: \"18px\",\r\n padding:\"15px\"\r\n},\r\nroot :{\r\n \"& .MuiButton-contained\": {\r\n boxShadow: 'none',\r\n\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"red\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"10%\",\r\n direction: \"rtl\",\r\n}\r\n}\r\n})\r\n\r\nexport default useStyle ; ","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\nimport { Flag } from \"@material-ui/icons\";\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass StoooreLogo extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n StoooreLogoaurl: null,\r\n StoooreLogodisCrp: false,\r\n StoooreLogodisPrw: false,\r\n StoooreLogoimg2modl: false,\r\n StoooreLogoimg2modl2: false,\r\n StoooreLogocropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n StoooreLogoOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ StoooreLogoaurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var StoooreLogoaurl = canvas.toDataURL(\"image/png\");\r\n console.log(localStorage.getItem(\"StoooreLogooo\"))\r\n this.setState({ previewSrc: StoooreLogoaurl });\r\n localStorage.setItem(\"StoooreLogooo\", StoooreLogoaurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = StoooreLogocropp => {\r\n this.makeClientCropp(StoooreLogocropp);\r\n };\r\n OnCropChange = (StoooreLogocropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ StoooreLogocropp });\r\n };\r\n async makeClientCropp(StoooreLogocropp) {\r\n if (this.immageRef && StoooreLogocropp.width && StoooreLogocropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n StoooreLogocropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, StoooreLogocropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = StoooreLogocropp.width;\r\n canvas.height = StoooreLogocropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n StoooreLogocropp.x * scaleXx,\r\n StoooreLogocropp.y * scaleYy,\r\n StoooreLogocropp.width * scaleXx,\r\n StoooreLogocropp.height * scaleYy,\r\n 0,\r\n 0,\r\n StoooreLogocropp.width,\r\n StoooreLogocropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var TeidieCodePosti = reader.result;\r\n localStorage.setItem(\"StoooreLogoooCrp\", TeidieCodePosti)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { StoooreLogoaurl, crpImgUrl, StoooreLogocropp } = this.state;\r\n console.log(localStorage.getItem(\"EditStoreLogo\"))\r\n\r\n\r\n\r\n return (\r\n \r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default StoooreLogo;","import React, { useState, useEffect } from \"react\";\r\nimport useStyle from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport DropDownWheel from \"../../Component/DropDownWheel/DropDownWheel\";\r\nimport { Routes } from \"../../api/api\";\r\nimport axios from \"axios\";\r\nimport StoooreLogo from \"../../Component/RecordDoc/StoooreLogo\";\r\n\r\n\r\n\r\nconst MerchantInfo = () => {\r\n const [DisableCity, setDisableCity] = useState(false)\r\n console.log(DisableCity, \"sdadsdsdsd\")\r\n let sotreN = localStorage.getItem(\"storeName\");\r\n const [DisableDeviceModel, setDisableDeviceModel] = useState(false)\r\n\r\n const [storeName, setStoreName] = useState(sotreN);\r\n\r\n let StoreNameLatin = localStorage.getItem(\"StoreNameEn\");\r\n const [StoreNameEn, setStoreNameEn] = useState(StoreNameLatin);\r\n\r\n let Logo = localStorage.getItem(\"storeLogo\");\r\n const [storeLogo, setStoreLogo] = useState(Logo);\r\n\r\n let TypeStore = localStorage.getItem(\"TypeSToree\");\r\n const [TypeSToree, setTypeSToree] = useState(TypeStore);\r\n\r\n let GetDeviceValue = localStorage.getItem(\"DeviceTypeId\");\r\n const [DeviceTypeId, setDeviceTypeId] = useState(GetDeviceValue);\r\n console.log(localStorage.getItem(\"DeviceTypeId\"))\r\n\r\n let SwitchType = localStorage.getItem(\"TypeSwitch\");\r\n const [TypeSwitch, setTypeSwitch] = useState(SwitchType);\r\n\r\n let GetCitiess = localStorage.getItem(\"Cityy\");\r\n const [Cityy, setCityy] = useState(GetCitiess);\r\n\r\n let GetDevicess = localStorage.getItem(\"Devicess\");\r\n const [Devicess, setDevicess] = useState(GetDevicess);\r\n\r\n let DeviceSerial = localStorage.getItem(\"deviceSerial\");\r\n const [deviceSerial, setDeviceSerial] = useState(DeviceSerial);\r\n\r\n let phoneNum = localStorage.getItem(\"PhoneNumber\");\r\n const [PhoneNumber, setPhoneNumber] = useState(phoneNum);\r\n\r\n let mobile = localStorage.getItem(\"mobileNum\");\r\n const [mobileNum, setMobileNum] = useState(mobile);\r\n\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n const [ProvinceId, setProvinceId] = useState(ProvinceIdValue);\r\n console.log('ProvinceId', ProvinceId)\r\n\r\n let SwitchesIdValue = localStorage.getItem(\"SwitchesType\");\r\n const [SwitchesType, setSwitchesType] = useState(SwitchesIdValue);\r\n\r\n let post = localStorage.getItem(\"PostNum\");\r\n const [PostNum, setPostNum] = useState(post);\r\n\r\n let address = localStorage.getItem(\"AddresStore\");\r\n const [AddresStore, setAddrresStore] = useState(address);\r\n\r\n let email = localStorage.getItem(\"EmailOwn\");\r\n const [EmailOwn, setEmailOwn] = useState(email);\r\n\r\n let web = localStorage.getItem(\"website\");\r\n const [website, setWebsite] = useState(web);\r\n\r\n let Sarh = localStorage.getItem(\"Info\");\r\n const [Info, setInfo] = useState(Sarh);\r\n\r\n let Fax = localStorage.getItem(\"FaxNUM\");\r\n const [FaxNUM, setFaxNUM] = useState(Fax);\r\n\r\n\r\n const [Cities, setCities] = useState(\"\");\r\n const [Devices, setDevices] = useState(\"\");\r\n const [token, setToken] = useState(\"\");\r\n const [deviceTypess, setDeviceType] = useState(\"\");\r\n console.log(deviceTypess);\r\n const [Provincee, setProvinces] = useState(\"\");\r\n console.log(Provincee);\r\n const [Switches, setSwitches] = useState(\"\");\r\n console.log(Switches);\r\n\r\n\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n const [alignment, setAlignment] = React.useState(\"left\");\r\n\r\n const handleChange = (event, newAlignment) => {\r\n setAlignment(newAlignment);\r\n };\r\n\r\n const [cityItems, setCityItems] = useState(\"\");\r\n const cityItem = () => {\r\n setloadningCity(!loadningCity)\r\n\r\n };\r\n\r\n const [ProductItems, setProductItems] = useState(\"\");\r\n const ProductItem = () => {\r\n\r\n setLoad(!load)\r\n };\r\n const OnSelectedkart = (e) => {\r\n if (e.target.files && e.target.files.length > 0) {\r\n const readerr = new FileReader();\r\n readerr.addEventListener(\"load\", () => {\r\n setStoreLogo(readerr.result);\r\n localStorage.setItem(\"storeLogo\", readerr.result);\r\n });\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n };\r\n\r\n const GetCities = (id) => {\r\n axios\r\n .get(`${Routes.GetCity}/${id}`, { headers: { token: token } })\r\n .then(({ data }) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setCityItems(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setCities([]);\r\n });\r\n };\r\n console.log(cityItems)\r\n\r\n\r\n const GetDevices = (id) => {\r\n\r\n axios\r\n .get(`${Routes.GetProducts}/${id}`, { headers: { token: token } })\r\n\r\n .then(({ data }) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setProductItems(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setDevices([]);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n getProvinces(tokenStorage);\r\n getTypeDevice(tokenStorage);\r\n GetSwitch(tokenStorage);\r\n }, []);\r\n useEffect(() => {\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n console.log(ProvinceIdValue)\r\n GetCities(ProvinceIdValue)\r\n }, [ProvinceIdValue])\r\n\r\n useEffect(() => {\r\n let SwitchesIdValue = localStorage.getItem(\"SwitchesType\");\r\n console.log(SwitchesIdValue)\r\n }, [SwitchesIdValue])\r\n\r\n const getProvinces = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetProvinces}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setProvinces(data.value.response);\r\n axios\r\n .get(`${Routes.GetCity}/${\"-1\"}`, { headers: { token: token } })\r\n .then(({ data }) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setCities(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setCities([]);\r\n });\r\n }\r\n } catch (error) {\r\n console.log(getProvinces);\r\n console.log(error);\r\n }\r\n };\r\n\r\n const getTypeDevice = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetDeviceType}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setDeviceType(data.value.response);\r\n axios\r\n .get(`${Routes.GetProducts}/${\"-1\"}`, { headers: { token: token } })\r\n .then((data) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setDevices(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setDevices([]);\r\n });\r\n }\r\n } catch (error) {\r\n console.log(getTypeDevice);\r\n console.log(error);\r\n }\r\n };\r\n\r\n\r\n const GetSwitch = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetSwitch}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setSwitches(data.value.response);\r\n }\r\n } catch (error) {\r\n console.log(GetSwitch);\r\n console.log(error);\r\n }\r\n };\r\n\r\n const classes = useStyle();\r\n\r\n const validation = () => {\r\n try {\r\n if (localStorage.getItem(\"storeName\") === null || localStorage.getItem(\"storeName\") === \"\")\r\n document.getElementById(\"name\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"TypeSToree\") === null || localStorage.getItem(\"TypeSToree\") === \"\")\r\n document.getElementById(\"senf\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"PostNum\") === null || localStorage.getItem(\"PostNum\") === \"\")\r\n document.getElementById(\"post\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"PhoneNumber\") === null || localStorage.getItem(\"PhoneNumber\") === \"\")\r\n document.getElementById(\"sabetNum\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"mobileNum\") === null || localStorage.getItem(\"mobileNum\") === \"\")\r\n document.getElementById(\"mobile\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"DeviceTypeId\") === null || localStorage.getItem(\"DeviceTypeId\") === \"\")\r\n document.getElementById(\"DeviceTp\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"Devicess\") === null || localStorage.getItem(\"Devicess\") === \"\")\r\n document.getElementById(\"ModelDevice\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"SwitchesType\") === null || localStorage.getItem(\"SwitchesType\") === \"\")\r\n document.getElementById(\"switch\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"Province\") === null || localStorage.getItem(\"Province\") === \"\")\r\n document.getElementById(\"ostan\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"Cityy\") === null || localStorage.getItem(\"Cityy\") === \"\")\r\n document.getElementById(\"Shahr\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"StoreNameEn\") === null || localStorage.getItem(\"StoreNameEn\") === \"\")\r\n document.getElementById(\"senf\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"AddresStore\") === null || localStorage.getItem(\"AddresStore\") === \"\")\r\n document.getElementById(\"storeAdd\").style.display = \"block\"\r\n\r\n\r\n\r\n } catch {\r\n\r\n }\r\n }\r\n const [load, setLoad] = useState(false)\r\n useEffect(() => {\r\n setTimeout(() => {\r\n try {\r\n let TypeDeviceIdVal = localStorage.getItem(\"DeviceTypeId\");\r\n console.log(TypeDeviceIdVal)\r\n console.log(GetDevices(TypeDeviceIdVal.split(\"|\")[0]));\r\n GetDevices(TypeDeviceIdVal.split(\"|\")[0]);\r\n }\r\n catch {\r\n\r\n }\r\n\r\n }, 100);\r\n }, [load])\r\n\r\n const [loadningCity, setloadningCity] = useState(false)\r\n useEffect(() => {\r\n setTimeout(() => {\r\n try {\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n console.log(ProvinceIdValue)\r\n GetCities(ProvinceIdValue)\r\n }\r\n catch {\r\n\r\n }\r\n\r\n }, 100);\r\n }, [loadningCity])\r\n\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n setStoreName(e.target.value);\r\n localStorage.setItem(\"storeName\", e.target.value);\r\n\r\n }}\r\n />\r\n {localStorage.getItem(\"storeName\") === null || localStorage.getItem(\"storeName\") === \"\" ?\r\n \r\n وارد کردن نام فروشگاه الزامی میباشد\r\n
: null}\r\n \r\n {\r\n setStoreNameEn(e.target.value);\r\n localStorage.setItem(\"StoreNameEn\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"StoreNameEn\") === null || localStorage.getItem(\"StoreNameEn\") === \"\" ?\r\n \r\n وارد نمودن نام شرکت به لاتین الزامی میباشد\r\n
: null}\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {\r\n setTypeSToree(e.target.value);\r\n localStorage.setItem(\"TypeSToree\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"TypeSToree\") === null || localStorage.getItem(\"TypeSToree\") === \"\" ?\r\n \r\n وارد نمودن صنف فعالیت الزامی میباشد\r\n
: null}\r\n \r\n\r\n { ProductItem(); console.log('ok') }}>\r\n \r\n وارد نمودن نوع دستگاه الزامی میباشد\r\n
: null}\r\n \r\n\r\n\r\n {localStorage.getItem(\"DeviceTypeId\") ?\r\n { ProductItem(); console.log('ok') }} >\r\n \r\n وارد نمودن مدل دستگاه الزامی میباشد\r\n
: null}\r\n \r\n :\r\n \r\n \r\n {localStorage.getItem(\"Devicess\") === null || localStorage.getItem(\"Devicess\") === \"\" ?\r\n \r\n وارد نمودن مدل دستگاه الزامی میباشد\r\n
: null}\r\n \r\n }\r\n\r\n ProductItem()}>\r\n \r\n وارد نمودن نوع سوئیچ الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n {\r\n setDeviceSerial(e.target.value);\r\n localStorage.setItem(\"deviceSerial\", e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setMobileNum(e.target.value);\r\n localStorage.setItem(\"mobileNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileNum\") === null || localStorage.getItem(\"mobileNum\") === \"\" ?\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setPhoneNumber(e.target.value);\r\n localStorage.setItem(\"PhoneNumber\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PhoneNumber\") === null || localStorage.getItem(\"PhoneNumber\") === \"\" ?\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setPostNum(e.target.value);\r\n localStorage.setItem(\"PostNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PostNum\") === null || localStorage.getItem(\"PostNum\") === \"\" ?\r\n \r\n وارد نمودن کد پستی الزامی میباشد\r\n
: null}\r\n \r\n { cityItem(); console.log('ok') }} >\r\n \r\n وارد کردن استان الزامی میباشد\r\n
: null}\r\n \r\n\r\n {localStorage.getItem(\"Province\") ?\r\n { cityItem(); console.log('ok') }}>\r\n \r\n وارد کردن شهر الزامی میباشد\r\n
: null}\r\n :\r\n \r\n \r\n
\r\n }\r\n\r\n\r\n\r\n \r\n {\r\n setAddrresStore(e.target.value);\r\n localStorage.setItem(\"AddresStore\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"AddresStore\") === null || localStorage.getItem(\"AddresStore\") === \"\" ?\r\n \r\n وارد نمودن آدرس فروشگاه الزامی است\r\n
: null}\r\n \r\n \r\n {\r\n setEmailOwn(e.target.value);\r\n localStorage.setItem(\"EmailOwn\", e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setWebsite(e.target.value);\r\n localStorage.setItem(\"website\", e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setFaxNUM(e.target.value);\r\n localStorage.setItem(\"FaxNUM\", e.target.value);\r\n }}\r\n />\r\n\r\n\r\n
\r\n\r\n \r\n {\r\n setInfo(e.target.value);\r\n localStorage.setItem(\"Info\", e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n {localStorage.getItem(\"storeName\") === \"\" || localStorage.getItem(\"storeName\") === null ||\r\n localStorage.getItem(\"StoreNameEn\") === \"\" || localStorage.getItem(\"StoreNameEn\") === null ||\r\n localStorage.getItem(\"TypeSToree\") === \"\" || localStorage.getItem(\"TypeSToree\") === null ||\r\n localStorage.getItem(\"AddresStore\") === \"\" || localStorage.getItem(\"AddresStore\") === null ||\r\n localStorage.getItem(\"PostNum\") === \"\" || localStorage.getItem(\"PostNum\") === null ||\r\n localStorage.getItem(\"PhoneNumber\") === \"\" || localStorage.getItem(\"PhoneNumber\") === null ||\r\n localStorage.getItem(\"mobileNum\") === \"\" || localStorage.getItem(\"mobileNum\") === null ||\r\n localStorage.getItem(\"DeviceTypeId\") === \"\" || localStorage.getItem(\"DeviceTypeId\") === null ||\r\n localStorage.getItem(\"Devicess\") === \"\" || localStorage.getItem(\"Devicess\") === null ||\r\n localStorage.getItem(\"SwitchesType\") === \"\" || localStorage.getItem(\"SwitchesType\") === null ||\r\n localStorage.getItem(\"Province\") === \"\" || localStorage.getItem(\"Province\") === null ||\r\n localStorage.getItem(\"Cityy\") === \"\" || localStorage.getItem(\"Cityy\") === null\r\n\r\n\r\n\r\n\r\n ?\r\n \r\n \r\n بعدی\r\n \r\n\r\n
\r\n : null\r\n }\r\n\r\n \r\n );\r\n};\r\n\r\nexport default MerchantInfo;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport styles from \"./styles\";\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Button from \"@material-ui/core/Button\";\r\n\r\n\r\n\r\nconst MerchantCode = (props) => {\r\n\r\n\r\n console.log(props.merchantId)\r\n const classes = styles();\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\n\r\nexport default MerchantCode;\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyle = makeStyles({ \r\n container : {\r\n display : 'flex' , \r\n alignItems : 'center',\r\n flexDirection : 'column',\r\n fontFamily: \"IRANSansMobile\",\r\n\r\n },\r\n img: {\r\n width: 250,\r\n marginTop: 50,\r\n },\r\n text: {\r\n marginTop: 1,\r\n direction : 'rtl'\r\n },\r\n input :{\r\n marginTop : 5,\r\n direction:\"ltr\"\r\n }, \r\n timer : {\r\n marginTop : 15\r\n },\r\n sendAgain : {\r\n display : 'flex',\r\n justifyContent : 'center',\r\n alignItems : 'center',\r\n marginTop : 5 ,\r\n },\r\n mobile : {\r\n display : 'flex',\r\n justifyContent : 'center',\r\n alignItems : 'center',\r\n marginTop : 10\r\n },\r\n App :{\r\n direction: 'rtl',\r\n textalign: 'center',\r\n fontfamily: 'IRANSansMobile'\r\n },\r\n})\r\n\r\nexport default useStyle ; ","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport DatePicker from 'react-mobile-datepicker';\r\nimport Button from '@material-ui/core/Button';\r\nimport useStyle from \"./styles\";\r\nimport WheelPicker from \"../../Component/WheelPicker/WheelPicker\"\r\nimport { SettingsRemoteSharp } from '@material-ui/icons';\r\n\r\nconst monthMap = {\r\n '1': 'فروردین',\r\n '2': 'اردیبهشت',\r\n '3': 'خرداد',\r\n '4': 'تیر',\r\n '5': 'مرداد',\r\n '6': 'شهریور',\r\n '7': 'مهر',\r\n '8': 'آبان',\r\n '9': 'آذر',\r\n '10': 'دی',\r\n '11': 'بهمن',\r\n '12': 'اسفند',\r\n};\r\nfunction gregorian_to_jalali(gy, gm, gd) {\r\n var g_d_m, jy, jm, jd, gy2, days;\r\n g_d_m = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];\r\n gy2 = (gm > 2) ? (gy + 1) : gy;\r\n days = 355666 + (365 * gy) + ~~((gy2 + 3) / 4) - ~~((gy2 + 99) / 100) + ~~((gy2 + 399) / 400) + gd + g_d_m[gm - 1];\r\n jy = -1595 + (33 * ~~(days / 12053));\r\n days %= 12053;\r\n jy += 4 * ~~(days / 1461);\r\n days %= 1461;\r\n if (days > 365) {\r\n jy += ~~((days - 1) / 365);\r\n days = (days - 1) % 365;\r\n }\r\n if (days < 186) {\r\n jm = 1 + ~~(days / 31);\r\n jd = 1 + (days % 31);\r\n } else {\r\n jm = 7 + ~~((days - 186) / 30);\r\n jd = 1 + ((days - 186) % 30);\r\n }\r\n\r\n if (jm > 6) {\r\n if (jd + 7 > 30) {\r\n jd = jd + 7 - 30;\r\n jm = jm + 2;\r\n }\r\n else {\r\n jm = jm + 1;\r\n jd = jd + 7;\r\n }\r\n }\r\n else {\r\n if (jd + 7 > 31) {\r\n jd = jd + 7 - 31;\r\n jm = jm + 2;\r\n }\r\n else {\r\n jm = jm + 1;\r\n jd = jd + 7;\r\n }\r\n }\r\n return [jy, jm, jd];\r\n}\r\nvar currentDate = gregorian_to_jalali(new Date().getFullYear()-18, new Date().getMonth(), new Date().getDay())\r\nconst dateConfig = {\r\n 'year': {\r\n format: 'YYYY',\r\n caption: 'سال',\r\n step: 1,\r\n },\r\n 'month': {\r\n format: value => monthMap[value.getMonth() + 1],\r\n caption: 'ماه',\r\n step: 1,\r\n },\r\n 'date': {\r\n format: 'DD',\r\n caption: 'روز',\r\n step: 1,\r\n },\r\n};\r\nvar days = setDays(currentDate[1]);\r\nvar months = [{\r\n text: \"فروردین\",\r\n value: \"01\"\r\n}, {\r\n text: \"اردیبهشت\",\r\n value: \"02\"\r\n}, {\r\n text: \"خرداد\",\r\n value: \"03\"\r\n}, {\r\n text: \"تیر\",\r\n value: \"04\"\r\n}, {\r\n text: \"مرداد\",\r\n value: \"05\"\r\n}, {\r\n text: \"شهریور\",\r\n value: \"06\"\r\n}, {\r\n text: \"مهر\",\r\n value: \"07\"\r\n}, {\r\n text: \"آبان\",\r\n value: \"08\"\r\n}, {\r\n text: \"آذر\",\r\n value: \"09\"\r\n}, {\r\n text: \"دی\",\r\n value: \"10\"\r\n}, {\r\n text: \"بهمن\",\r\n value: \"11\"\r\n}, {\r\n text: \"اسفند\",\r\n value: \"12\"\r\n}];\r\nvar years = setYears(currentDate);\r\n\r\nfunction setYears(_Date) {\r\n var i = 100;\r\n var a = [];\r\n for (i = 100; i >= 0; i--) {\r\n a.push(parseInt(currentDate) - i)\r\n }\r\n return a;\r\n};\r\n\r\nfunction setDays(_month) {\r\n var x = ((_month > 6) ? 30 : 31);\r\n var a = [];\r\n var i = 1;\r\n for (i = 1; i <= x; i++) {\r\n a.push((parseInt(i) < 10 ? \"0\" + parseInt(i) : parseInt(i)))\r\n }\r\n return a\r\n};\r\n\r\nclass DateTime extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n time: new Date(),\r\n isOpen: false\r\n }\r\n }\r\n\r\n showDatePicker() {\r\n var typeRe = this.props.storage;\r\n var picker1 = new WheelPicker({\r\n el: \"#birthDate\",\r\n title: \"تاریخ \",\r\n data: [years, months, days],\r\n value: [currentDate[0], ((parseInt(currentDate[1]) < 10) ? '0' + currentDate[1] : currentDate[1]), ((parseInt(currentDate[2]) < 10) ? '0' + currentDate[2] : currentDate[2])],\r\n onChange: function (a, b) {\r\n if (a == 1) {\r\n var m = parseInt(b.value.replace(/^0+/, ''));\r\n days = setDays(m);\r\n this.setData(days, 2)\r\n }\r\n },\r\n onSelect: function (selected) {\r\n var input = document.getElementById(\"btnBirthDate\");\r\n input.innerHTML = selected[0].text + \"/\" + selected[1].value + \"/\" + selected[2].text;\r\n localStorage.setItem(typeRe,currentDate[0]+'/'+ ((parseInt(currentDate[1]) < 10) ? '0' + currentDate[1] : currentDate[1]) +'/'+ ((parseInt(currentDate[2]) < 10) ? '0' + currentDate[2] : currentDate[2]));\r\n currentDate = [];\r\n currentDate.push(parseInt(selected[0].text));\r\n if (parseInt(selected[1].value) < 10) {\r\n currentDate.push(parseInt(selected[1].value));\r\n }\r\n else {\r\n currentDate.push(selected[1].value);\r\n }\r\n currentDate.push(parseInt(selected[2].text));\r\n }\r\n });\r\n picker1.show()\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n ثبت پذیرنده با موفقیت انجام شد\r\n
\r\n\r\n \r\n\r\n\r\n\r\n
\r\n \r\n کد رهگیری : {props.merchantId}\r\n
\r\n
\r\n جهت تکمیل عملیات بر روی گزینه ی \"تکمیل مدارک\" کیلک کنید \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n جهت تکمیل عملیات بر روی گزینه ی \"تکمیل مدارک\" کیلک کنید \r\n\r\n
\r\n { props.Button() }}\r\n className={classes.root} variant=\"contained\"\r\n color=\"primary\"\r\n style={{ width: \"40%\", padding: \"6px 0px\", boxShadow: \"0 0\", background: \"orange\", fontSize: \"12px\" }} >\r\n تکمیل مدارک\r\n \r\n
\r\n \r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default DateTime\r\n","import React, { useEffect, useState } from \"react\";\r\nimport styles from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport DateTime from '../../Component/DatePicker/DatePicker'\r\nimport DropDownWheel from \"../../Component/DropDownWheel/DropDownWheel\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport { DepartureBoardTwoTone } from \"@material-ui/icons\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { Routes } from \"../../api/api\";\r\nimport axios from \"axios\";\r\n\r\n\r\nconst OwnerStore = (props) => {\r\n\r\n\r\n const [token, setToken] = useState(\"\");\r\n\r\n let KodBank = localStorage.getItem(\"BankKode\")\r\n const [BankKode, setBankKode] = useState(KodBank);\r\n\r\n let namef = localStorage.getItem('Name')\r\n const [Name, setName] = useState(namef);\r\n\r\n\r\n let namefl = localStorage.getItem('Namelatin')\r\n const [Namelatin, setNamelatin] = useState(namefl);\r\n\r\n let lastn = localStorage.getItem('lastName')\r\n const [lastName, setLastName] = useState(lastn);\r\n\r\n\r\n let lastnl = localStorage.getItem('lastNameLatin')\r\n const [lastNameLatin, setlastNameLatin] = useState(lastnl);\r\n\r\n let FatherN = localStorage.getItem('FatherName')\r\n const [FatherName, setFatherName] = useState(FatherN);\r\n\r\n\r\n let FatherL = localStorage.getItem('FatherLatin')\r\n const [FatherLatin, setFatherLatin] = useState(FatherL);\r\n\r\n\r\n let NationalN = localStorage.getItem('NationalNum')\r\n const [NationalNum, setNationalNum] = useState(NationalN);\r\n\r\n let ShenasNum = localStorage.getItem('ShenasName')\r\n const [ShenasName, setShenasName] = useState(ShenasNum);\r\n\r\n let seriShenas = localStorage.getItem('SeriNum')\r\n const [SeriNum, setSeriNum] = useState(seriShenas);\r\n\r\n let CityShenas = localStorage.getItem('cityShenasName')\r\n const [cityShenasName, setCityShenasName] = useState(CityShenas);\r\n\r\n let HesabNum = localStorage.getItem('HesabNumber')\r\n const [HesabNumber, setHesabNumber] = useState(HesabNum);\r\n\r\n let shabaNum = localStorage.getItem('ShabaNumber')\r\n const [ShabaNumber, setShabaNumber] = useState(shabaNum);\r\n\r\n let phoneNumMerchant = localStorage.getItem(\"phoneNumMerchantber\");\r\n const [phoneNumMerchantber, setphoneNumMerchantber] = useState(phoneNumMerchant);\r\n\r\n let mobileMerchant = localStorage.getItem(\"mobileMerchantNum\");\r\n const [mobileMerchantNum, setmobileMerchantNum] = useState(mobileMerchant);\r\n\r\n\r\n let GetBirthDate = localStorage.getItem(\"birthdate\");\r\n const [birthdate, setbirthdate] = useState(GetBirthDate);\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n marginTop: \"3px\",\r\n marginLeft: \"28px\"\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n\r\n const classes = styles();\r\n\r\n const validation = () => {\r\n try {\r\n if (localStorage.getItem(\"Namelatin\") === null || localStorage.getItem(\"Namelatin\") === \"\")\r\n document.getElementById(\"LatinNAME\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"lastNameLatin\") === null || localStorage.getItem(\"lastNameLatin\") === \"\")\r\n document.getElementById(\"LastLatin\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"FatherLatin\") === null || localStorage.getItem(\"FatherLatin\") === \"\")\r\n document.getElementById(\"Fahter\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"birthdate\") === null || localStorage.getItem(\"birthdate\") === \"\")\r\n document.getElementById(\"birth\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"Gender\") === null || localStorage.getItem(\"Gender\") === \"\")\r\n document.getElementById(\"ge\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"NationalNum\") === null || localStorage.getItem(\"NationalNum\") === \"\")\r\n document.getElementById(\"national\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"ShenasName\") === null || localStorage.getItem(\"ShenasName\") === \"\")\r\n document.getElementById(\"shenas\").style.display = \"block\"\r\n \r\n if (localStorage.getItem(\"mobileMerchantNum\") === null || localStorage.getItem(\"mobileMerchantNum\") === \"\")\r\n document.getElementById(\"mobileMerchant\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"phoneNumMerchantber\") === null || localStorage.getItem(\"phoneNumMerchantber\") === \"\")\r\n document.getElementById(\"sabetNum\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"cityShenasName\") === null || localStorage.getItem(\"cityShenasName\") === \"\")\r\n document.getElementById(\"Sodor\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"ShabaNumber\") === null || localStorage.getItem(\"ShabaNumber\") === \"\")\r\n document.getElementById(\"shaba\").style.display = \"block\"\r\n\r\n\r\n } catch {\r\n\r\n }\r\n }\r\n\r\n let BankIdValue = localStorage.getItem(\"BankItems\");\r\n const [BankItems, setBankItems] = useState(BankIdValue);\r\n\r\n let Jensiat = localStorage.getItem(\"Gender\");\r\n const [Gender, setGender] = useState(Jensiat);\r\n\r\n const [Banks, setBanks] = useState(\"\");\r\n console.log(Banks);\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n GetBank(tokenStorage);\r\n }, []);\r\n\r\n useEffect(() => {\r\n let BankIdValue = localStorage.getItem(\"BankItems\");\r\n console.log(BankIdValue)\r\n }, [BankIdValue])\r\n\r\n const GetBank = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetBank}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setBanks(data.value.response);\r\n }\r\n } catch (error) {\r\n console.log(GetBank);\r\n console.log(error);\r\n }\r\n };\r\n\r\n var Gen = [{\r\n text: \"آقا\",\r\n value: \"true\"\r\n }, {\r\n text: \"خانم\",\r\n value: \"false\"\r\n }];\r\n console.log(localStorage.getItem(\"birthdate\"))\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n { setName(e.target.value); localStorage.setItem('Name', e.target.value) }}\r\n />\r\n\r\n
\r\n \r\n { setLastName(e.target.value); localStorage.setItem('lastName', e.target.value) }}\r\n />\r\n\r\n
\r\n \r\n { setFatherName(e.target.value); localStorage.setItem('FatherName', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n { setNamelatin(e.target.value); localStorage.setItem('Namelatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"Namelatin\") === null || localStorage.getItem(\"Namelatin\") === \"\" ?\r\n \r\n وارد نمودن نام به لاتین الزامی میباشد\r\n
: null}\r\n \r\n { setlastNameLatin(e.target.value); localStorage.setItem('lastNameLatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"lastNameLatin\") === null || localStorage.getItem(\"lastNameLatin\") === \"\" ?\r\n \r\n وارد نمودن نام خانوادگی به لاتین الزامی میباشد\r\n
: null}\r\n \r\n { setFatherLatin(e.target.value); localStorage.setItem('FatherLatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"FatherLatin\") === null || localStorage.getItem(\"FatherLatin\") === \"\" ?\r\n \r\n وارد نمودن نام پدر به لاتین الزامی میباشد\r\n
: null}\r\n \r\n \r\n \r\n وارد نمودن تاریخ تولد الزامی میباشد\r\n
: null}\r\n \r\n \r\n \r\n وارد نمودن تاریخ تولد الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setNationalNum(e.target.value); localStorage.setItem('NationalNum', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"NationalNum\") === null || localStorage.getItem(\"NationalNum\") === \"\" ?\r\n \r\n وارد نمودن شماره ملی الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setShenasName(e.target.value); localStorage.setItem('ShenasName', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"ShenasName\") === null || localStorage.getItem(\"ShenasName\") === \"\" ?\r\n \r\n وارد نمودن شماره شناسنامه الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setSeriNum(e.target.value); localStorage.setItem('SeriNum', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setmobileMerchantNum(e.target.value);\r\n localStorage.setItem(\"mobileMerchantNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileMerchantNum\") === null || localStorage.getItem(\"mobileMerchantNum\") === \"\" ?\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setphoneNumMerchantber(e.target.value);\r\n localStorage.setItem(\"phoneNumMerchantber\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"phoneNumMerchantber\") === null || localStorage.getItem(\"phoneNumMerchantber\") === \"\" ?\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n { setCityShenasName(e.target.value); localStorage.setItem('cityShenasName', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"cityShenasName\") === null || localStorage.getItem(\"cityShenasName\") === \"\" ?\r\n \r\n وارد نمودن محل صدور شناسنامه الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n { setHesabNumber(e.target.value); localStorage.setItem('HesabNumber', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n { setShabaNumber(e.target.value); localStorage.setItem('ShabaNumber', e.target.value) }}\r\n />\r\n IR\r\n {localStorage.getItem(\"ShabaNumber\") === null || localStorage.getItem(\"ShabaNumber\") === \"\" ?\r\n \r\n وارد نمودن شماره شبا الزامی است\r\n
: null}\r\n \r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n { setBankKode(e.target.value); localStorage.setItem('BankKode', e.target.value) }}\r\n />\r\n
\r\n\r\n\r\n \r\n {localStorage.getItem(\"Namelatin\") === \"\" || localStorage.getItem(\"Namelatin\") === null ||\r\n localStorage.getItem(\"lastNameLatin\") === \"\" || localStorage.getItem(\"lastNameLatin\") === null ||\r\n localStorage.getItem(\"FatherLatin\") === \"\" || localStorage.getItem(\"FatherLatin\") === null ||\r\n localStorage.getItem(\"birthdate\") === \"\" || localStorage.getItem(\"birthdate\") === null ||\r\n localStorage.getItem(\"Gender\") === \"\" || localStorage.getItem(\"Gender\") === null ||\r\n localStorage.getItem(\"NationalNum\") === \"\" || localStorage.getItem(\"NationalNum\") === null ||\r\n localStorage.getItem(\"ShenasName\") === \"\" || localStorage.getItem(\"ShenasName\") === null ||\r\n localStorage.getItem(\"cityShenasName\") === \"\" || localStorage.getItem(\"cityShenasName\") === null ||\r\n localStorage.getItem(\"mobileMerchantNum\") === \"\" || localStorage.getItem(\"mobileMerchantNum\") === null ||\r\n localStorage.getItem(\"phoneNumMerchantber\") === \"\" || localStorage.getItem(\"phoneNumMerchantber\") === null ||\r\n localStorage.getItem(\"ShabaNumber\") === \"\" || localStorage.getItem(\"ShabaNumber\") === null\r\n\r\n \r\n ?\r\n \r\n \r\n ثبت\r\n \r\n \r\n
\r\n : null\r\n }\r\n \r\n );\r\n}\r\n\r\n\r\nexport default OwnerStore;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport Button from '@material-ui/core/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport MerchantInfo from './MerchantInfo';\r\nimport Header from '../../Component/Header/Header';\r\nimport MerchantCode from './MerchantCode';\r\nimport OwnerStore from './OwnerStore';\r\nimport axios from \"axios\";\r\nimport { Routes } from \"../../api/api\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport styles from \"./styles\";\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n backButton: {\r\n backgroundColor: 'orange',\r\n width: \"45%\",\r\n color: \"white\",\r\n fontFamily: \"IRANSansMobile\",\r\n marginRight: '10px',\r\n marginTop: \"50px\"\r\n },\r\n instructions: {\r\n fontFamily: 'IRANSansMobile',\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n root: {\r\n '& .MuiButton-root': {\r\n fontFamily: \"IRANSansMobile\",\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover.Mui-disabled\": {\r\n backgroundColor: \"orange\"\r\n },\r\n '& .MuiStepLabel-label.MuiStepLabel-alternativeLabel': {\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: '12px'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-active': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-completed': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiButton-containedPrimary': {\r\n color: '#fff',\r\n backgroundColor: '#4CAF50'\r\n },\r\n \"& MerchantHistory\": {\r\n color: 'gray'\r\n },\r\n }\r\n\r\n}));\r\n\r\n\r\n\r\nexport default function CreateMerchant(props) {\r\n\r\n\r\n function getSteps() {\r\n return ['اطلاعات فروشگاه', 'اطلاعات مدیر', \"کد رهگیری\"];\r\n }\r\n\r\n function getStepContent(stepIndex) {\r\n switch (stepIndex) {\r\n case 0:\r\n return \r\n
\r\n );\r\n}","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst styles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n direction: \"rtl\",\r\n fontFamily: \"IRANSansMobile\",\r\n },\r\n img: {\r\n width: 150,\r\n marginTop: 50,\r\n },\r\n text: {\r\n marginTop: 30,\r\n },\r\n floatingLabelFocusStyle: {\r\n color: \"red !important\",\r\n },\r\n enter: {\r\n border: \"1px solid #9600ff\",\r\n borderRadius: 50,\r\n padding: \"10px 40px\",\r\n marginTop: 50,\r\n color: \"#9600ff\",\r\n fontSize: 14,\r\n },\r\n submitBtn: {\r\n backgroundColor: \"#9600ff\",\r\n width: 150,\r\n marginTop: 20,\r\n color: \"#fff\",\r\n border: \"none\",\r\n borderRadius: 10,\r\n height: 50,\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 18,\r\n marginTop: 50,\r\n },\r\n});\r\n\r\nexport default styles;\r\n","import React from \"react\";\r\nimport styles from \"./styles\";\r\nimport Header from \"../../Component/Header/Header\";\r\nimport MenuList from '@material-ui/core/MenuList';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport Paper from '@material-ui/core/Paper';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport ListItemIcon from '@material-ui/core/ListItemIcon';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport InfoIcon from '@material-ui/icons/Info';\r\nimport AccountCircleIcon from '@material-ui/icons/AccountCircle';\r\nimport ExitToAppIcon from '@material-ui/icons/ExitToApp';\r\nimport './styles.css'\r\nconst Profile = (props) => {\r\n const useStyles = makeStyles({\r\n root: {\r\n width: 230,\r\n },\r\n });\r\n \r\n const classes = styles();\r\n\r\n return (\r\n \r\n {\r\n props.history.push(\"./Main\");\r\n localStorage.removeItem(\"BankKode\");\r\n localStorage.removeItem(\"BankItems\");\r\n localStorage.removeItem(\"ShabaNumber\");\r\n localStorage.removeItem(\"HesabNumber\");\r\n localStorage.removeItem(\"cityShenasName\");\r\n localStorage.removeItem(\"phoneNumMerchantber\");\r\n localStorage.removeItem(\"mobileMerchantNum\");\r\n localStorage.removeItem(\"SeriNum\");\r\n localStorage.removeItem(\"ShenasName\");\r\n localStorage.removeItem(\"NationalNum\");\r\n localStorage.removeItem(\"birthdate\");\r\n localStorage.removeItem(\"Gender\");\r\n localStorage.removeItem(\"FatherLatin\");\r\n localStorage.removeItem(\"lastNameLatin\");\r\n localStorage.removeItem(\"Namelatin\");\r\n localStorage.removeItem(\"FatherName\");\r\n localStorage.removeItem(\"lastName\");\r\n localStorage.removeItem(\"Name\");\r\n localStorage.removeItem(\"FaxNUM\");\r\n localStorage.removeItem(\"Cityy\");\r\n localStorage.removeItem(\"mobileNum\");\r\n localStorage.removeItem(\"deviceSerial\");\r\n localStorage.removeItem(\"SwitchesType\");\r\n localStorage.removeItem(\"Devicess\");\r\n localStorage.removeItem(\"TypeSToree\");\r\n localStorage.removeItem(\"StoooreLogooo\");\r\n localStorage.removeItem(\"website\");\r\n localStorage.removeItem(\"EmailOwn\");\r\n localStorage.removeItem(\"Info\");\r\n localStorage.removeItem(\"AddresStore\");\r\n localStorage.removeItem(\"PostNum\");\r\n localStorage.removeItem(\"PhoneNumber\");\r\n localStorage.removeItem(\"StoreNameEn\");\r\n localStorage.removeItem(\"storeName\");\r\n localStorage.removeItem(\"DeviceTypeId\");\r\n localStorage.removeItem(\"Province\");\r\n localStorage.removeItem(\"Cityy\");\r\n }}\r\n />\r\n
\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n
\r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n تمام مراحل با موفقیت انجام شد \r\n \r\n
\r\n ) : (\r\n \r\n {getStepContent(activeStep)} \r\n
\r\n )}\r\n \r\n {activeStep === 2 ? null : \r\n قبلی\r\n }\r\n\r\n\r\n {activeStep === 2 ? : }\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default Profile;\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst styles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n direction: \"rtl\",\r\n fontFamily: \"IRANSansMobile\",\r\n },\r\n img: {\r\n width: 70,\r\n },\r\n text: {\r\n marginTop: 30,\r\n },\r\n floatingLabelFocusStyle: {\r\n color: \"red !important\",\r\n },\r\n enter: {\r\n border: \"1px solid #9600ff\",\r\n borderRadius: 50,\r\n padding: \"10px 40px\",\r\n marginTop: 50,\r\n color : '#9600ff', \r\n fontSize : 14\r\n },\r\n submitBtn: {\r\n backgroundColor: \"#9600ff\",\r\n width: 150,\r\n marginTop: 20,\r\n color: \"#fff\",\r\n border: \"none\",\r\n borderRadius: 10,\r\n height: 50,\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize : 18, \r\n marginTop : 50\r\n },\r\n});\r\n\r\nexport default styles;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport styles from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Header from \"../../Component/Header/Header\";\r\nimport { Routes } from \"../../api/api\";\r\nimport axios from \"axios\";\r\nimport Radio from '@material-ui/core/Radio';\r\nimport RadioButtonUncheckedIcon from '@material-ui/icons/RadioButtonUnchecked';\r\nimport RadioButtonCheckedIcon from '@material-ui/icons/RadioButtonChecked';\r\nimport green from '@material-ui/core/colors/green';\r\nimport Button from \"@material-ui/core/Button\";\r\n\r\n\r\n\r\nconst MerchantHistory = (props) => {\r\n\r\n\r\n\r\n const [token, setToken] = useState(\"\");\r\n const [MerchantList, setMerchantList] = useState(\"\");\r\n const [State, setState] = useState(\"\");\r\n const [selectedValue, setselectedValue] = useState(1);\r\n const [sabteAvalie, setssabteAvalie] = useState(false);\r\n const [sabt, setsabt] = useState(false);\r\n console.log(sabt)\r\n let a = false\r\n\r\n console.log(MerchantList);\r\n let MerchantListIdValue = localStorage.getItem(\"MerchantTypes\");\r\n const [MerchantTypes, setMerchantTypes] = useState(MerchantListIdValue);\r\n\r\n\r\n useEffect(() => {\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n asd(tokenStorage);\r\n }, []);\r\n const asd = (tokenStorage) => {\r\n setToken(tokenStorage);\r\n GetMerchantList(tokenStorage);\r\n }\r\n const GetMerchantList = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetAllMerchant}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setMerchantList(data.value.response);\r\n console.log(data.value.response)\r\n\r\n }\r\n } catch (error) {\r\n console.log(GetMerchantList);\r\n console.log(error);\r\n }\r\n };\r\n const classes = styles();\r\n\r\n\r\n console.log(selectedValue)\r\n\r\n\r\n const elements = MerchantList;\r\n const items = []\r\n\r\n\r\n const m = elements ? elements.filter((element) => {\r\n return (element.state.id === selectedValue)\r\n }) : null\r\n console.log('m', m)\r\n\r\n\r\n return (\r\n \r\n props.history.push(\"./Main\")}\r\n />\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default MerchantHistory;\r\n","import { makeStyles } from \"@material-ui/core/styles\";\n\nconst CssTextField = makeStyles((theme) => ({\n root: {\n marginTop: 15,\n width: \"100%\",\n \"& label.Mui-focused\": {\n color: \"#9600ff\",\n textAlign: \"right\",\n fontFamily: \"IRANSansMobile\",\n fontSize: 11,\n top: -5,\n },\n \"& label.MuiFormLabel-filled \": {\n textAlign: \"right\",\n fontFamily: \"IRANSansMobile\",\n fontSize: 11,\n top: -5,\n },\n \"& .MuiInputLabel-formControl\": {\n transform: \"none\",\n top: 20,\n right: 12,\n fontSize: 14,\n fontFamily: \"IRANSansMobile\",\n zIndex: 0,\n },\n \"& .MuiFormControl-root\": {\n direction: \"ltr\",\n },\n \"& .MuiInput-underline:after\": {\n borderBottomColor: \"#9600ff\",\n },\n \"& .MuiInputBase-input\": {\n fontFamily: \"IRANSansMobile\",\n height: 15,\n fontSize: 14,\n zIndex: 0,\n textAlign: \"right\",\n },\n \"& .MuiOutlinedInput-root\": {\n lineHeight: \"normal\",\n\n \"& fieldset\": {\n borderColor: \"gray\",\n zIndex: 0,\n \"& legend\": {\n textAlign: \"right\",\n },\n },\n \"&:hover fieldset\": {\n borderColor: \"#9600ff\",\n },\n \"&.Mui-focused fieldset\": {\n borderColor: \"#9600ff\",\n },\n },\n \"& .MuiSelect-iconOutlined\": {\n left: 0,\n right: \"90%\",\n },\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\n paddingRight: 14,\n },\n },\n}));\n\nexport default CssTextField;\n","import React, { useEffect, useState } from \"react\";\nimport TextField from \"@material-ui/core/TextField\";\nimport styles from \"./style\";\nconst Input = (props) => {\n const classes = styles();\n return (\n <>\n \r\n props.history.push(\"./Main\")}\r\n />\r\n\r\n\r\n
\r\n \r\n setselectedValue(1)}\r\n value={1}\r\n name=\"radio-button-demo\"\r\n aria-label=\"A\"\r\n />\r\n ثبت اولیه\r\n\r\n setselectedValue(2)}\r\n value={2}\r\n name=\"radio-button-demo\"\r\n aria-label=\"B\"\r\n />\r\n تکمیل مدارک\r\n\r\n setselectedValue(3)}\r\n value={3}\r\n name=\"radio-button-demo\"\r\n aria-label=\"B\"\r\n />\r\n تایید اولیه\r\n\r\n setselectedValue(4)}\r\n value={4}\r\n name=\"radio-button-demo\"\r\n aria-label=\"B\"\r\n />\r\n دستگاه فعال\r\n\r\n
\r\n\r\n\r\n\r\n\r\n {\r\n m ? m.length > 0 ? m.map((element) => {\r\n return element.state.id === selectedValue\r\n ?\r\n <>\r\n {a = true}\r\n \r\n
\r\n \r\n\r\n\r\n\r\n :\r\n null\r\n }) : \r\n
\r\n\r\n\r\n \r\n {element.state.title}\r\n
\r\n\r\n \r\n\r\n
\r\n\r\n\r\n \r\n 
\r\n
\r\n\r\n \r\n \r\n {element.stateComment\r\n ?\r\n \r\n {element.stateComment}\r\n \r\n :\r\n null\r\n }\r\n
\r\n {\r\n selectedValue === 3 || selectedValue === 4 ? null\r\n :\r\n \r\n props.history.push(\"./CreateDocEdit/\" + element.id)}\r\n className={classes.root} variant=\"contained\"\r\n color=\"primary\"\r\n style={{ fontFamily: 'IRANSansMobile', width: \"40%\", padding: \"6px 0px\", boxShadow: \"0 0\", background: \"orange\", fontSize: \"12px\" }} >\r\n تکمیل مدارک\r\n\r\n\r\n\r\n props.history.push(\"./EditMerchant/\" + element.id)}\r\n className={classes.root} variant=\"contained\"\r\n color=\"primary\"\r\n style={{ fontFamily: 'IRANSansMobile', width: \"40%\", padding: \"6px 0px\", boxShadow: \"0 0\", background: \"orange\", fontSize: \"12px\", margin: \"10px 10px\" }} >\r\n تکمیل اطلاعات\r\n\r\n
\r\n\r\n }\r\n\r\n \r\n })
\r\n\r\n
: null}\r\n\r\n\r\n \r\n\r\n پذیرنده ای یافت نشد !
\r\n\r\n \r\n confirm()}\r\n />\r\n
{\" \"}\r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default ProfileImg;","import React, { useEffect, useState } from \"react\";\r\nimport styles from \"./styles\";\r\nimport Header from \"../../../Component/Header/Header\";\r\nimport ProfileImg from \"../../../Component/RecordDoc/ProfileImg\";\r\nimport axios from \"axios\";\r\nimport { Routes } from \"../../../api/api\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport DateTime from \"../../../Component/DatePicker/DatePicker\";\r\nimport { DepartureBoardTwoTone } from \"@material-ui/icons\";\r\nimport DropDownWheel from \"../../../Component/DropDownWheel/DropDownWheel\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\n\r\nconst EditProfile = (props) => {\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n const [ProvinceId, setProvinceId] = useState(ProvinceIdValue);\r\n console.log(\"ProvinceId\", ProvinceId);\r\n const [loading, setLoading] = useState(false);\r\n let namef = localStorage.getItem(\"Name\");\r\n const [Name, setName] = useState(namef);\r\n const [NameEdit, setNameEdit] = useState(false);\r\n let lastn = localStorage.getItem(\"lastName\");\r\n const [lastName, setLastName] = useState(lastn);\r\n const [lastNameEdit, setlastNameEdit] = useState(false);\r\n let NationalN = localStorage.getItem(\"NationalNum\");\r\n const [NationalNum, setNationalNum] = useState(NationalN);\r\n const [NationalNumEdit, setNationalNumEdit] = useState(false);\r\n let GetBirthDate = localStorage.getItem(\"birthdate\");\r\n const [birthdate, setbirthdate] = useState(GetBirthDate);\r\n const [birthdateEdit, setbirthdateEdit] = useState(false);\r\n let email = localStorage.getItem(\"EmailOwn\");\r\n const [EmailOwn, setEmailOwn] = useState(email);\r\n const [EmailOwnEdit, setEmailOwnEdit] = useState(false);\r\n let GetCitiess = localStorage.getItem(\"Cityy\");\r\n const [Cityy, setCityy] = useState(GetCitiess);\r\n const [CityyEdit, setCityyEdit] = useState(false);\r\n const [token, setToken] = useState(\"\");\r\n const [Cities, setCities] = useState(\"\");\r\n const [load, setLoad] = useState(false);\r\n const [cityItems, setCityItems] = useState(\"\");\r\n let shabaNum = localStorage.getItem(\"ShabaNumber\");\r\n const [ShabaNumber, setShabaNumber] = useState(shabaNum);\r\n const [ShabaNumberEdit, setShabaNumberEdit] = useState(false);\r\n\r\n let ShenasVariz = localStorage.getItem(\"Deposite\");\r\n const [Deposite, setShenasVariz] = useState(ShenasVariz);\r\n const [DepositeEdit, setDepositeEdit] = useState(false);\r\n\r\n const [NameEditProfile, setNameEditProfile] = useState(\"\");\r\n const [LastEditProfile, setLastEditProfile] = useState(\"\");\r\n const [NationalEditProfile, setNationalEditProfile] = useState(\"\");\r\n const [BirthEditProfile, setBirthEditProfile] = useState(\"\");\r\n const [EmailEditProfile, setEmailEditProfile] = useState(\"\");\r\n const [IbanNumEditProfile, setIbanNumEditProfile] = useState(\"\");\r\n var ibanNumber = IbanNumEditProfile.replace(\"IR\", \"\");\r\n const [DepositeEditProfile, setDepositeEditProfile] = useState(\"\");\r\n const [ProFileImgEditProfile, setProFileImgEditProfile] = useState(\"\");\r\n const [ProvinceTitle, setProvinceTitle] = useState(\"\");\r\n const [CityTitle, setCityTitle] = useState(\"\");\r\n const [CityId, setCityId] = useState(\"\");\r\n const [snackBar, setSnackBar] = useState(false);\r\n const [textSnack, setTextSnack] = useState(\"enter your text !\");\r\n const [editSnak, seteditSnak] = useState(false);\r\n\r\n const classess = styles();\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n marginTop: \"3px\",\r\n marginLeft: \"28px\",\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n const classes = styles();\r\n\r\n const GetProfile = async (token) => {\r\n setLoading(true);\r\n try {\r\n const { data } = await axios.get(`${Routes.ProfileEdit}`, {\r\n headers: { token: localStorage.getItem(\"token\") },\r\n });\r\n if (data.responseCode === 200) {\r\n seteditSnak(false);\r\n console.log(data.value.response);\r\n setNameEditProfile(data.value.response.firstName);\r\n setLastEditProfile(data.value.response.lastName);\r\n setNationalEditProfile(data.value.response.nationalCode);\r\n setBirthEditProfile(data.value.response.birthDate);\r\n setEmailEditProfile(data.value.response.email);\r\n setIbanNumEditProfile(data.value.response.ibanNumber);\r\n setDepositeEditProfile(data.value.response.depositId);\r\n setProFileImgEditProfile(data.value.response.userImage);\r\n setCityTitle(data.value.response.cityTitle);\r\n setProvinceTitle(data.value.response.provinceTitle);\r\n setCityId(data.value.response.cityId);\r\n }\r\n } catch (error) {\r\n console.log(GetProfile);\r\n console.log(error);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n seteditSnak(true);\r\n setTextSnack(\"لطفا منتظر بمانید !\");\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n getProvinces(tokenStorage);\r\n }, []);\r\n useEffect(() => {\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n console.log(ProvinceIdValue);\r\n }, [ProvinceIdValue]);\r\n\r\n const getProvinces = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetProvinces}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setProvinces(data.value.response);\r\n axios\r\n .get(`${Routes.GetCity}/${\"-1\"}`, { headers: { token: token } })\r\n .then(({ data }) => {\r\n if (data.responseCode === 200) {\r\n setCities(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setCities([]);\r\n });\r\n }\r\n } catch (error) {\r\n console.log(getProvinces);\r\n console.log(error);\r\n }\r\n };\r\n\r\n const GetCities = (id) => {\r\n axios\r\n .get(`${Routes.GetCity}/${id}`, { headers: { token: token } })\r\n .then(({ data }) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setCityItems(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setCities([]);\r\n });\r\n };\r\n console.log(cityItems);\r\n\r\n const [loadningCity, setloadningCity] = useState(false);\r\n useEffect(() => {\r\n setTimeout(() => {\r\n try {\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n console.log(ProvinceIdValue);\r\n GetCities(ProvinceIdValue);\r\n } catch {}\r\n }, 100);\r\n }, [loadningCity]);\r\n console.log(localStorage.getItem(\"Province\"));\r\n\r\n const cityItem = () => {\r\n setloadningCity(!loadningCity);\r\n };\r\n\r\n const [ProductItems, setProductItems] = useState(\"\");\r\n const ProductItem = () => {\r\n setLoad(!load);\r\n };\r\n\r\n const [Provincee, setProvinces] = useState(\"\");\r\n\r\n const handleSubmit = () => {\r\n setLoading(true);\r\n axios\r\n .put(\r\n `${Routes.ProfileEdit}`,\r\n {\r\n userImage:\r\n localStorage.getItem(\"ProfileImgoo\") === null ||\r\n localStorage.getItem(\"ProfileImgoo\") === \"\"\r\n ? \"\"\r\n : `${\r\n localStorage.getItem(\"ProfileImgoo\").toString().split(\",\")[1]\r\n }`,\r\n firstName:\r\n localStorage.getItem(\"Name\") === null ||\r\n localStorage.getItem(\"Name\") === \"\"\r\n ? NameEditProfile\r\n : localStorage.getItem(\"Name\"),\r\n lastName:\r\n localStorage.getItem(\"lastName\") === null ||\r\n localStorage.getItem(\"lastName\") === \"\"\r\n ? LastEditProfile\r\n : localStorage.getItem(\"lastName\"),\r\n nationalCode:\r\n localStorage.getItem(\"NationalNum\") === null ||\r\n localStorage.getItem(\"NationalNum\") === \"\"\r\n ? NationalEditProfile\r\n : localStorage.getItem(\"NationalNum\"),\r\n\r\n birthDate:\r\n localStorage.getItem(\"birthdate\") === null ||\r\n localStorage.getItem(\"birthdate\") === \"\"\r\n ? BirthEditProfile\r\n : localStorage.getItem(\"birthdate\").split(\"|\")[0],\r\n email:\r\n localStorage.getItem(\"EmailOwn\") === null ||\r\n localStorage.getItem(\"EmailOwn\") === \"\"\r\n ? EmailEditProfile\r\n : localStorage.getItem(\"EmailOwn\"),\r\n cityId:\r\n localStorage.getItem(\"Cityy\") === null ||\r\n localStorage.getItem(\"Cityy\") === \"\"\r\n ? CityId\r\n : localStorage.getItem(\"Cityy\").split(\"|\")[0],\r\n ibanNumber:\r\n localStorage.getItem(\"ShabaNumber\") === null ||\r\n localStorage.getItem(\"ShabaNumber\") === \"\"\r\n ? IbanNumEditProfile\r\n : \"IR\" + localStorage.getItem(\"ShabaNumber\"),\r\n depositId:\r\n localStorage.getItem(\"Deposite\") === null ||\r\n localStorage.getItem(\"Deposite\") === \"\"\r\n ? DepositeEditProfile\r\n : localStorage.getItem(\"Deposite\"),\r\n },\r\n { headers: { token: localStorage.getItem(\"token\") } }\r\n )\r\n .then((res) => {\r\n console.log(res.data.value.responseCode);\r\n setLoading(false);\r\n setTextSnack(\"ثبت تغییرات با موفقیت انجام شد\");\r\n setSnackBar(true);\r\n setTimeout(() => {\r\n props.history.push(\"./Main\");\r\n }, 2500);\r\n })\r\n .catch((error) => {\r\n console.log(error);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n GetProfile();\r\n }, []);\r\n\r\n console.log(localStorage.getItem(\"mobileNum\"));\r\n return (\r\n \r\n {this.props.userImage === null || this.props.userImage === \"\"\r\n ?\r\n 
\r\n :\r\n 
\r\n }\r\n\r\n
\r\n\r\n\r\n \r\n \r\n\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n props.history.push(\"./Main\");\r\n localStorage.removeItem(\"ProfileImgoo\");\r\n localStorage.removeItem(\"Name\");\r\n localStorage.removeItem(\"lastName\");\r\n localStorage.removeItem(\"NationalNum\");\r\n localStorage.removeItem(\"birthdate\");\r\n localStorage.removeItem(\"EmailOwn\");\r\n localStorage.removeItem(\"mobileNum\");\r\n localStorage.removeItem(\"ShabaNumber\");\r\n localStorage.removeItem(\"Deposite\");\r\n localStorage.removeItem(\"Province\");\r\n localStorage.removeItem(\"Cityy\");\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {\r\n setName(e.target.value);\r\n localStorage.setItem(\"Name\", e.target.value);\r\n setNameEdit(true);\r\n }}\r\n />\r\n {localStorage.getItem(\"Name\") === null ||\r\n localStorage.getItem(\"Name\") === \"\" ? (\r\n \r\n وارد نمودن نام الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n {\r\n setLastName(e.target.value);\r\n localStorage.setItem(\"lastName\", e.target.value);\r\n setlastNameEdit(true);\r\n }}\r\n />\r\n {localStorage.getItem(\"lastName\") === null ||\r\n localStorage.getItem(\"lastName\") === \"\" ? (\r\n \r\n پر کردن نام خانوادگی الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n {\r\n setNationalNum(e.target.value);\r\n localStorage.setItem(\"NationalNum\", e.target.value);\r\n setNationalNumEdit(true);\r\n }}\r\n />\r\n {localStorage.getItem(\"NationalNum\") === null ||\r\n localStorage.getItem(\"NationalNum\") === \"\" ? (\r\n \r\n وارد نمودن شماره ملی الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n \r\n وارد نمودن تاریخ تولد الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n {\r\n setEmailOwn(e.target.value);\r\n localStorage.setItem(\"EmailOwn\", e.target.value);\r\n setEmailOwnEdit(true);\r\n }}\r\n />\r\n
\r\n\r\n \r\n \r\n {CityTitle === \"\" || CityTitle === null ? \"شهر\" : CityTitle}\r\n \r\n
\r\n )}\r\n\r\n \r\n {\r\n setShabaNumber(e.target.value);\r\n localStorage.setItem(\"ShabaNumber\", e.target.value);\r\n setShabaNumberEdit(true);\r\n }}\r\n />\r\n \r\n IR\r\n \r\n {localStorage.getItem(\"ShabaNumber\") === null ||\r\n localStorage.getItem(\"ShabaNumber\") === \"\" ? (\r\n \r\n وارد نمودن شماره شبا الزامی است\r\n
\r\n ) : null}\r\n \r\n\r\n \r\n {\r\n setShenasVariz(e.target.value);\r\n localStorage.setItem(\"Deposite\", e.target.value);\r\n setDepositeEdit(true);\r\n }}\r\n />\r\n {localStorage.getItem(\"Deposite\") === null ||\r\n localStorage.getItem(\"Deposite\") === \"\" ? (\r\n \r\n وارد نمودن شماره شناسنامه الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n \r\n \r\n props.history.push(\"./main\")} />\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default AboutUs;\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst styles = makeStyles({\r\n container: {\r\n display: \"flex\",\r\n justifyContent: \"center\",\r\n flexDirection: \"column\",\r\n alignItems: \"center\",\r\n direction: \"rtl\",\r\n fontFamily: \"IRANSansMobile\",\r\n },\r\n img: {\r\n width: 280,\r\n marginTop: '40%',\r\n },\r\n text: {\r\n marginTop: 30,\r\n },\r\n floatingLabelFocusStyle: {\r\n color: \"red !important\",\r\n },\r\n enter: {\r\n border: \"1px solid #9600ff\",\r\n borderRadius: 50,\r\n padding: \"10px 40px\",\r\n marginTop: 50,\r\n color : '#9600ff', \r\n fontSize : 14\r\n },\r\n submitBtn: {\r\n backgroundColor: \"#4CAF50\",\r\n width: 150,\r\n marginTop: 20,\r\n color: \"#fff\",\r\n border: \"none\",\r\n borderRadius: 10,\r\n height: 50,\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize : 18, \r\n marginTop : 50\r\n },\r\n osOverlay: {\r\n position: \"fixed\",\r\n top: 0,\r\n left: 0,\r\n right: 0,\r\n bottom: 0,\r\n backgroundColor: \"rgba(0, 0, 0, 0)\",\r\n },\r\n});\r\n\r\nexport default styles;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport styles from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Header from \"../../Component/Header/Header\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport { ControlPointDuplicate, Phone } from \"@material-ui/icons\";\r\nimport axios from \"axios\";\r\nimport { Routes } from \"../../api/api\";\r\nimport Modal from \"react-modal\";\r\nimport useStyle from \"./styles\";\r\nimport OsModal from \"../../Component/osOldModal/osOldModal\";\r\nimport { browserName, browserVersion, osVersion } from \"react-device-detect\";\r\nimport { Button } from \"@material-ui/core\";\r\nimport MoreVertRoundedIcon from \"@material-ui/icons/MoreVertRounded\";\r\n\r\nconst osModalStyles = {\r\n content: {\r\n width: \"80%\",\r\n height: \"40vh\",\r\n top: \"30vh\",\r\n bottom: 0,\r\n right: 0,\r\n left: \"10%\",\r\n padding: 0,\r\n zIndex: 10000,\r\n borderRadius: 15,\r\n backgroundColor: \"#ddd\",\r\n border: \"none\",\r\n },\r\n};\r\n\r\nconst customStyles = {\r\n content: {\r\n width: \"100%\",\r\n height: \"100%\",\r\n top: 0,\r\n bottom: 0,\r\n right: 0,\r\n left: 0,\r\n padding: 0,\r\n border: \"none\",\r\n borderRadius: 0,\r\n zIndex: 1000,\r\n },\r\n};\r\n\r\nconst Splash = (props) => {\r\n let connecting = navigator.onLine;\r\n console.log(connecting);\r\n const [phoneNum, setPhoneNum] = useState(\"\");\r\n const [imei, setImei] = useState(\"\");\r\n const [isConnectionFailed, setIsConnectionFaild] = useState(false);\r\n const [appVersion, setAppVersion] = useState(\"\");\r\n const [osModal, setOsModal] = useState(false);\r\n const [url, setUrl] = useState(\"\");\r\n const [token, setToken] = useState(\"\");\r\n const [fcmToken, setFcmToken] = useState(\"\");\r\n const [userPass, setUserPass] = useState(\"\");\r\n const [isOnline, setIsOnLine] = useState(true);\r\n const [dLink, setdLink] = useState(null);\r\n const [appVerStatus, setAppVerStatus] = useState(\"\");\r\n const [img, setImg] = useState(false);\r\n const classes = useStyle();\r\n const [homeModal, sethomeModal] = useState(false);\r\n\r\n setTimeout(() => {\r\n setImg(true);\r\n }, 3500);\r\n\r\n useEffect(() => {\r\n if (!window.matchMedia(\"(display-mode: standalone)\").matches) {\r\n const home = localStorage.getItem(\"addhome\");\r\n if (home !== \"0\") {\r\n if (browserName === \"Mobile Safari\") {\r\n console.log(\"isSafari\");\r\n sethomeModal(true);\r\n } else {\r\n console.log(\"isNotSafari\");\r\n console.log(\"browserName\", browserName);\r\n // userReg();\r\n sethomeModal(true);\r\n }\r\n } else {\r\n userReg();\r\n }\r\n } else {\r\n userReg();\r\n }\r\n }, []);\r\n // this.state = {\r\n // phoneNum: '',\r\n // imei: '',\r\n // isConnectionFailed: false,\r\n // appVersion: '',\r\n // osModal: false,\r\n // url: '',\r\n // token: '',\r\n // fcmToken: '',\r\n // userPass: '',\r\n // isOnline: true,\r\n // dLink: null,\r\n // appVerStatus: '',\r\n // };\r\n\r\n // useEffect(() => {\r\n // setPhoneNum(localStorage.getItem(\"phoneNumber\"));\r\n // setImei(localStorage.getItem(\"DeviceUniqId\"));\r\n // setAppVersion(localStorage.getItem(\"appVersoin\"));\r\n // }, []);\r\n\r\n useEffect(() => {\r\n let token = localStorage.getItem(\"token\");\r\n getUserAccountID(token);\r\n }, []);\r\n\r\n const userReg = () => {\r\n console.log(phoneNum);\r\n console.log(imei);\r\n console.log(appVersion);\r\n console.log();\r\n let verify = localStorage.getItem(\"verify\");\r\n let phone = localStorage.getItem(\"phoneNumber\");\r\n let ime = localStorage.getItem(\"DeviceUniqId\");\r\n console.log(verify);\r\n let passWord = localStorage.getItem(\"passwordType\");\r\n console.log(passWord);\r\n if (verify && connecting) {\r\n setTimeout(() => {\r\n console.log(`${Routes.getToken}${phone}/${ime}/${Number(1.01)}`);\r\n axios\r\n .get(`${Routes.getToken}${phone}/${ime}/${Number(1.01)}`)\r\n .then((res) => {\r\n console.log(res);\r\n let hasPushNotif = res.data.value.pushNotifToken;\r\n console.log(`hasPushNotif? ${hasPushNotif}`);\r\n // hasPushNotif === false ? this.registerAppWithFCM() : null;\r\n let response = res.data.value.response;\r\n console.log(response);\r\n if (response === \"Ok\") {\r\n let token = res.data.value.token.accessToken;\r\n console.log(\"token\", token);\r\n localStorage.setItem(\"token\", token);\r\n\r\n setTimeout(() => {\r\n passWord === \"1\" || passWord === \"2\"\r\n ? props.history.push(\"/password\")\r\n : props.history.push(\"/main\");\r\n }, 1500);\r\n }\r\n // await AsyncStorage.setItem(\"token\", token);\r\n // passwordType === \"1\" || passwordType === \"2\"\r\n // ? this.props.navigation.navigate(\"Password\")\r\n // : this.selectDeeplink(DeepLink);\r\n // }\r\n if (response === \"Offer\") {\r\n setAppVerStatus(response);\r\n setIsConnectionFaild(false);\r\n let token = res.data.value.token.accessToken;\r\n setToken(token);\r\n localStorage.setItem(\"token\", token);\r\n let appLink = res.data.value.appLink;\r\n setUrl(appLink);\r\n setOsModal(true);\r\n }\r\n if (response === \"NotOk\") {\r\n let appLink = res.data.value.appLink;\r\n setIsConnectionFaild(false);\r\n setUrl(appLink);\r\n setOsModal(true);\r\n }\r\n if (response === \"ReReg\") {\r\n console.log(\"ReReg\");\r\n localStorage.clear();\r\n setTimeout(() => {\r\n props.history.push(\"/register\");\r\n }, 3500);\r\n }\r\n })\r\n .catch((err) => {\r\n console.error(\"error login catch\", err.response);\r\n // return this.setState({ isConnectionFailed: true });\r\n });\r\n }, 1000);\r\n } else if (verify === \"true\" && !connecting) {\r\n return;\r\n } else if (verify === null && connecting) {\r\n setTimeout(async () => {\r\n props.history.push(\"/register\");\r\n }, 3500);\r\n } else if (verify === null && !connecting) {\r\n return;\r\n } else {\r\n console.log(\"error login else\");\r\n return this.setState({ isConnectionFailed: true });\r\n }\r\n };\r\n\r\n const getUserAccountID = (val) => {\r\n console.log(val);\r\n axios\r\n .get(`${Routes.ProfileEdit}`, { headers: { token: val } })\r\n .then((res) => {\r\n console.log(\"accountid is here\", res.data.value.response.accountId);\r\n localStorage.setItem(\"userAcountId\", res.data.value.response.accountId);\r\n })\r\n .catch((err) => console.log(err.response));\r\n };\r\n return (\r\n \r\n \r\n {isConnectionFailed ? (\r\n
\r\n ) : !connecting ? (\r\n \r\n \r\n سعی مجدد\r\n
\r\n \r\n ! عدم برقراری ارتباط\r\n
\r\n\r\n .لطفا اینترنت خود را فعال نمایید\r\n
\r\n\r\n
\r\n\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n setName(true);\r\n setStoreName(e.target.value);\r\n localStorage.setItem(\"storeName\", e.target.value);\r\n }}\r\n />\r\n {(localStorage.getItem(\"storeName\") === null ||\r\n localStorage.getItem(\"storeName\") === \"\") &&\r\n props.farsiName === \"\" ? (\r\n \r\n وارد کردن نام فروشگاه الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n {\r\n setnameL(true);\r\n setStoreNameL(e.target.value);\r\n localStorage.setItem(\"StoreNameL\", e.target.value);\r\n }}\r\n />\r\n {(localStorage.getItem(\"StoreNameL\") === null ||\r\n localStorage.getItem(\"StoreNameL\") === \"\") &&\r\n props.englishName === \"\" ? (\r\n \r\n وارد کردن نام فروشگاه(لاتین) الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n
\r\n\r\n \r\n {\r\n setTypeS(true);\r\n setTypeSToree(e.target.value);\r\n localStorage.setItem(\"TypeSToree\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"TypeSToree\") === null ||\r\n localStorage.getItem(\"TypeSToree\") === \"\" &&\r\n props.activity === \"\" ? (\r\n \r\n وارد نمودن صنف فعالیت الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n\r\n {props.requestTypeId === 2 ?\r\n \r\n
\r\n :\r\n null\r\n }\r\n\r\n\r\n {props.requestTypeId === 1 ?\r\n \r\n \r\n {localStorage.getItem(\"Devicess\") === null || localStorage.getItem(\"Devicess\") === \"\" ?\r\n \r\n وارد نمودن مدل دستگاه الزامی میباشد\r\n
: null}\r\n \r\n\r\n :\r\n null\r\n }\r\n\r\n {props.requestTypeId === 1 ?\r\n ProductItem()}>\r\n \r\n وارد نمودن نوع سوئیچ الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n :\r\n null\r\n }\r\n\r\n {props.requestTypeId === 1 ?\r\n \r\n {\r\n setSerialEdit(true);\r\n setDeviceSerial(e.target.value);\r\n localStorage.setItem(\"deviceSerial\", e.target.value);\r\n }}\r\n />\r\n
\r\n :\r\n null\r\n }\r\n\r\n \r\n {\r\n setMobileEdit(true);\r\n setMobileNum(e.target.value);\r\n localStorage.setItem(\"mobileNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileNum\") === null ||\r\n localStorage.getItem(\"mobileNum\") === \"\" ? (\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n \r\n {\r\n setPhoneNumEdit(true);\r\n setPhoneNumber(e.target.value);\r\n localStorage.setItem(\"PhoneNumber\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PhoneNumber\") === null ||\r\n localStorage.getItem(\"PhoneNumber\") === \"\" ? (\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n \r\n {\r\n setPostaCodeEdit(true);\r\n setPostNum(e.target.value);\r\n localStorage.setItem(\"PostNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PostNum\") === null ||\r\n localStorage.getItem(\"PostNum\") === \"\" ? (\r\n \r\n وارد نمودن کد پستی الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n \r\n \r\n
\r\n }\r\n\r\n\r\n \r\n {\r\n setAddressEdit(true);\r\n setAddrresStore(e.target.value);\r\n localStorage.setItem(\"AddresStore\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"AddresStore\") === null ||\r\n localStorage.getItem(\"AddresStore\") === \"\" ? (\r\n \r\n وارد نمودن آدرس فروشگاه الزامی است\r\n
\r\n ) : null}\r\n \r\n \r\n {\r\n setEmailEdit(true);\r\n setEmailOwn(e.target.value);\r\n localStorage.setItem(\"EmailOwn\", e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setWebsiteEdit(true);\r\n setWebsite(e.target.value);\r\n localStorage.setItem(\"website\", e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n {\r\n setfaxedit(true);\r\n setfaxx(e.target.value);\r\n localStorage.setItem(\"faxedit\", e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n {\r\n setdescripeEdit(true);\r\n setdes(e.target.value);\r\n localStorage.setItem(\"descripe\", e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default MerchantInfo;\r\n","import React, { useEffect, useState, PureComponent } from \"react\";\r\nimport useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n height: 180,\r\n },\r\n container: {\r\n display: 'flex',\r\n },\r\n paper: {\r\n margin: theme.spacing(1),\r\n },\r\n svg: {\r\n width: 100,\r\n height: 100,\r\n },\r\n polygon: {\r\n fill: theme.palette.common.white,\r\n stroke: theme.palette.divider,\r\n strokeWidth: 1,\r\n },\r\n}));\r\n\r\n\r\n\r\n\r\nclass RecordDoc extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n url: null,\r\n disCrp: false,\r\n disPrw: false,\r\n img2modl: false,\r\n img2modl2: false,\r\n cropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n KartOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ url: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var url = canvas.toDataURL(\"image/png\");\r\n console.log(url)\r\n this.setState({ previewSrc: url });\r\n localStorage.setItem(\"KartMeliRo\", url)\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n\r\n\r\n\r\n\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = cropp => {\r\n this.makeClientCropp(cropp);\r\n };\r\n OnCropChange = (cropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ cropp });\r\n };\r\n async makeClientCropp(cropp) {\r\n if (this.immageRef && cropp.width && cropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n cropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, cropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = cropp.width;\r\n canvas.height = cropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n cropp.x * scaleXx,\r\n cropp.y * scaleYy,\r\n cropp.width * scaleXx,\r\n cropp.height * scaleYy,\r\n 0,\r\n 0,\r\n cropp.width,\r\n cropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var KartMeliRo = reader.result;\r\n localStorage.setItem(\"KartMeliRoCrp\", KartMeliRo)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { url, crpImgUrl, cropp } = this.state;\r\n return (\r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default RecordDoc;","import Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '70px 15px',\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '70px 15px',\r\n position: 'none',\r\n }\r\n};\r\n\r\nclass ShenasName extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n disableCrop: false,\r\n disablePreview: false,\r\n openModal: false,\r\n opnMdli: false,\r\n src: null,\r\n crop: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n ShenasNameOrg: false,\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ src: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 300;\r\n var MAX_HEIGHT = 300;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var src = canvas.toDataURL(\"image/png\");\r\n console.log(src)\r\n this.setState({ previewSrc: src });\r\n localStorage.setItem(\"certifiacte\", src)\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n\r\n\r\n OnImageLoaded = image => {\r\n this.imageRef = image;\r\n };\r\n OnCropCompleted = crop => {\r\n this.makeClientCrop(crop);\r\n };\r\n OnCropChanged = (crop, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ crop });\r\n };\r\n async makeClientCrop(crop) {\r\n if (this.imageRef && crop.width && crop.height) {\r\n const croppedImage = await this.getCropImg(\r\n this.imageRef,\r\n crop,\r\n 'newFile.jpeg'\r\n );\r\n this.setState({ croppedImageUrl: croppedImage });\r\n\r\n }\r\n }\r\n getCropImg(image, crop, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleX = image.naturalWidth / image.width;\r\n const scaleY = image.naturalHeight / image.height;\r\n canvas.width = crop.width;\r\n canvas.height = crop.height;\r\n const ctx = canvas.getContext('2d');\r\n\r\n ctx.drawImage(\r\n image,\r\n crop.x * scaleX,\r\n crop.y * scaleY,\r\n crop.width * scaleX,\r\n crop.height * scaleY,\r\n 0,\r\n 0,\r\n crop.width,\r\n crop.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var Certi = reader.result;\r\n localStorage.setItem(\"certifiacteCrp\", Certi)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { crop, croppedImageUrl, src } = this.state;\r\n console.log(localStorage.getItem(\"certifiacte\"))\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"KartMeliEditRo\") === null || localStorage.getItem(\"KartMeliEditRo\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n {localStorage.getItem(\"KartMeliEditRo\") === null || localStorage.getItem(\"KartMeliEditRo\") === \"\" ?\r\n this.setState({ img2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ img2modl2: false })}\r\n />\r\n {this.state.KartOrg == true ? this.setState({ img2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ img2modl2: false })}\r\n />\r\n this.setState({ img2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n 
\r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"KartMeliEditRo\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {url && (\r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n\r\n
\r\n\r\n \r\n \r\n\r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default ShenasName;\r\n","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass EjareName extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n EjareNameurl: null,\r\n EjareNamedisCrp: false,\r\n EjareNamedisPrw: false,\r\n EjareNameimg2modl: false,\r\n EjareNameimg2modl2: false,\r\n EjareNamecropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n EjareNameOrg: false,\r\n files: []\r\n\r\n };\r\n\r\n }\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ EjareNameurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var EjareNameurl = canvas.toDataURL(\"image/png\");\r\n console.log(EjareNameurl)\r\n this.setState({ previewSrc: EjareNameurl });\r\n localStorage.setItem(\"EjareNamee\", EjareNameurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = EjareNamecropp => {\r\n this.makeClientCropp(EjareNamecropp);\r\n };\r\n OnCropChange = (EjareNamecropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ EjareNamecropp });\r\n };\r\n async makeClientCropp(EjareNamecropp) {\r\n if (this.immageRef && EjareNamecropp.width && EjareNamecropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n EjareNamecropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, EjareNamecropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = EjareNamecropp.width;\r\n canvas.height = EjareNamecropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n EjareNamecropp.x * scaleXx,\r\n EjareNamecropp.y * scaleYy,\r\n EjareNamecropp.width * scaleXx,\r\n EjareNamecropp.height * scaleYy,\r\n 0,\r\n 0,\r\n EjareNamecropp.width,\r\n EjareNamecropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var ejare = reader.result;\r\n localStorage.setItem(\"EjareNameeCrp\", ejare)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n\r\n\r\n\r\n render() {\r\n const { EjareNameurl, crpImgUrl, EjareNamecropp } = this.state;\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"ShenasNameEdit\") === null || localStorage.getItem(\"ShenasNameEdit\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n {localStorage.getItem(\"ShenasNameEdit\") === null || localStorage.getItem(\"ShenasNameEdit\") === \"\" ?\r\n this.setState({ opnMdli: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ opnMdli: false })}\r\n />\r\n {this.state.ShenasNameOrg == true ? this.setState({ opnMdli: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ opnMdli: false })}\r\n />\r\n this.setState({ openModal: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n\r\n\r\n\r\n \r\n 
\r\n
: \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"ShenasNameEdit\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n \r\n {src && (\r\n
\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default EjareName;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass JavazKasb extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n JavazKasburl: null,\r\n JavazKasbdisCrp: false,\r\n JavazKasbdisPrw: false,\r\n JavazKasbimg2modl: false,\r\n JavazKasbimg2modl2: false,\r\n JavazKasbcropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n JavazKasbOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ JavazKasburl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var JavazKasburl = canvas.toDataURL(\"image/png\");\r\n console.log(JavazKasburl)\r\n this.setState({ previewSrc: JavazKasburl });\r\n localStorage.setItem(\"JavazKasb\", JavazKasburl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = JavazKasbcropp => {\r\n this.makeClientCropp(JavazKasbcropp);\r\n };\r\n OnCropChange = (JavazKasbcropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ JavazKasbcropp });\r\n };\r\n async makeClientCropp(JavazKasbcropp) {\r\n if (this.immageRef && JavazKasbcropp.width && JavazKasbcropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n JavazKasbcropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ JavazKcrpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, JavazKasbcropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = JavazKasbcropp.width;\r\n canvas.height = JavazKasbcropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n JavazKasbcropp.x * scaleXx,\r\n JavazKasbcropp.y * scaleYy,\r\n JavazKasbcropp.width * scaleXx,\r\n JavazKasbcropp.height * scaleYy,\r\n 0,\r\n 0,\r\n JavazKasbcropp.width,\r\n JavazKasbcropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var JavazKasb = reader.result;\r\n localStorage.setItem(\"JavazKasbCrp\", JavazKasb)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { JavazKasburl, JavazKcrpImgUrl, JavazKasbcropp } = this.state;\r\n console.log(localStorage.getItem(\"JavazKasb\"))\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"EjareNameEdit\") === null || localStorage.getItem(\"EjareNameEdit\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n {localStorage.getItem(\"EjareNameEdit\") === null || localStorage.getItem(\"EjareNameEdit\") === \"\" ?\r\n this.setState({ EjareNameimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ EjareNameimg2modl2: false })}\r\n />\r\n {this.state.EjareNameimg2modl2 == true ? this.setState({ EjareNameimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ EjareNameimg2modl2: false })}\r\n />\r\n this.setState({ EjareNameimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"EjareNameEdit\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {EjareNameurl && (\r\n
\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default JavazKasb;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass FormMarketing extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n FormMarketingurl: null,\r\n FormMarketingdisCrp: false,\r\n FormMarketingdisPrw: false,\r\n FormMarketingimg2modl: false,\r\n FormMarketingimg2modl2: false,\r\n FormMarketingcropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n FormMarketingOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ FormMarketingurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var FormMarketingurl = canvas.toDataURL(\"image/png\");\r\n console.log(FormMarketingurl)\r\n this.setState({ previewSrc: FormMarketingurl });\r\n localStorage.setItem(\"FormMarketingC\", FormMarketingurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = FormMarketingcropp => {\r\n this.makeClientCropp(FormMarketingcropp);\r\n };\r\n OnCropChange = (FormMarketingcropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ FormMarketingcropp });\r\n };\r\n async makeClientCropp(FormMarketingcropp) {\r\n if (this.immageRef && FormMarketingcropp.width && FormMarketingcropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n FormMarketingcropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, FormMarketingcropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = FormMarketingcropp.width;\r\n canvas.height = FormMarketingcropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n FormMarketingcropp.x * scaleXx,\r\n FormMarketingcropp.y * scaleYy,\r\n FormMarketingcropp.width * scaleXx,\r\n FormMarketingcropp.height * scaleYy,\r\n 0,\r\n 0,\r\n FormMarketingcropp.width,\r\n FormMarketingcropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var formmar = reader.result;\r\n localStorage.setItem(\"FormMarketingCrp\", formmar)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { FormMarketingurl, crpImgUrl, FormMarketingcropp } = this.state;\r\n console.log(localStorage.getItem(\"FormMarketingC\"))\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n\r\n {localStorage.getItem(\"JavazKasbEdit\") === null || localStorage.getItem(\"JavazKasbEdit\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"JavazKasbEdit\") === null || localStorage.getItem(\"JavazKasbEdit\") === \"\" ?\r\n this.setState({ JavazKasbimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ JavazKasbimg2modl2: false })}\r\n />\r\n {this.state.JavazKasbOrg == true ? this.setState({ JavazKasbimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ JavazKasbimg2modl2: false })}\r\n />\r\n this.setState({ JavazKasbimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n 
\r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"JavazKasbEdit\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {JavazKasburl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default FormMarketing;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\nimport { ConsoleView } from \"react-device-detect\";\r\nimport { LocationSearching } from \"@material-ui/icons\";\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass EsteshadName extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n EsteshadNameurl: null,\r\n EsteshadNamedisCrp: false,\r\n EsteshadNamedisPrw: false,\r\n EsteshadNameimg2modl: false,\r\n EsteshadNameimg2modl2: false,\r\n EsteshadNamecropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n EsteshadNameOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ EsteshadNameurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var EsteshadNameurl = canvas.toDataURL(\"image/png\");\r\n console.log(EsteshadNameurl)\r\n this.setState({ previewSrc: EsteshadNameurl });\r\n localStorage.setItem(\"esteshnadnaame\", EsteshadNameurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = EsteshadNamecropp => {\r\n this.makeClientCropp(EsteshadNamecropp);\r\n };\r\n OnCropChange = (EsteshadNamecropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ EsteshadNamecropp });\r\n };\r\n async makeClientCropp(EsteshadNamecropp) {\r\n if (this.immageRef && EsteshadNamecropp.width && EsteshadNamecropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n EsteshadNamecropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n }\r\n }\r\n getCrop(immage, EsteshadNamecropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = EsteshadNamecropp.width;\r\n canvas.height = EsteshadNamecropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n EsteshadNamecropp.x * scaleXx,\r\n EsteshadNamecropp.y * scaleYy,\r\n EsteshadNamecropp.width * scaleXx,\r\n EsteshadNamecropp.height * scaleYy,\r\n 0,\r\n 0,\r\n EsteshadNamecropp.width,\r\n EsteshadNamecropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var base64data = reader.result;\r\n localStorage.setItem(\"esteshnadnaameCrp\", base64data)\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { EsteshadNameurl, crpImgUrl, EsteshadNamecropp } = this.state;\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"MarketingFormEdit\") === null || localStorage.getItem(\"MarketingFormEdit\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n {localStorage.getItem(\"MarketingFormEdit\") === null || localStorage.getItem(\"MarketingFormEdit\") === \"\" ?\r\n this.setState({ FormMarketingimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FormMarketingimg2modl2: false })}\r\n />\r\n {this.state.FormMarketingOrg == true ? this.setState({ FormMarketingimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FormMarketingimg2modl2: false })}\r\n />\r\n this.setState({ FormMarketingimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"MarketingFormEdit\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {FormMarketingurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default EsteshadName;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass TaiedShaba extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n TaiedShabaurl: null,\r\n TaiedShabadisCrp: false,\r\n TaiedShabadisPrw: false,\r\n TaiedShabaimg2modl: false,\r\n TaiedShabaimg2modl2: false,\r\n TaiedShabacropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n TaiedShabaOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ TaiedShabaurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var TaiedShabaurl = canvas.toDataURL(\"image/png\");\r\n console.log(TaiedShabaurl)\r\n this.setState({ previewSrc: TaiedShabaurl });\r\n localStorage.setItem(\"TiedieShaba\", TaiedShabaurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = TaiedShabacropp => {\r\n this.makeClientCropp(TaiedShabacropp);\r\n };\r\n OnCropChange = (TaiedShabacropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ TaiedShabacropp });\r\n };\r\n async makeClientCropp(TaiedShabacropp) {\r\n if (this.immageRef && TaiedShabacropp.width && TaiedShabacropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n TaiedShabacropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, TaiedShabacropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = TaiedShabacropp.width;\r\n canvas.height = TaiedShabacropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n TaiedShabacropp.x * scaleXx,\r\n TaiedShabacropp.y * scaleYy,\r\n TaiedShabacropp.width * scaleXx,\r\n TaiedShabacropp.height * scaleYy,\r\n 0,\r\n 0,\r\n TaiedShabacropp.width,\r\n TaiedShabacropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var TaddieShaba = reader.result;\r\n localStorage.setItem(\"ShabaTadieCrp\", TaddieShaba)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { TaiedShabaurl, crpImgUrl, TaiedShabacropp } = this.state;\r\n console.log(localStorage.getItem(\"TiedieShaba\"))\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"EsteshadNameEdit\") === null || localStorage.getItem(\"EsteshadNameEdit\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"EsteshadNameEdit\") === null || localStorage.getItem(\"EsteshadNameEdit\") === \"\" ?\r\n this.setState({ EsteshadNameimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ EsteshadNameimg2modl2: false })}\r\n />\r\n {this.state.EsteshadNameOrg == true ? this.setState({ EsteshadNameimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ EsteshadNameimg2modl2: false })}\r\n />\r\n this.setState({ EsteshadNameimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"EsteshadNameEdit\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n \r\n {EsteshadNameurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default TaiedShaba;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\nimport { Flag } from \"@material-ui/icons\";\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass TaiedCodePosti extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n TaiedCodePostiaurl: null,\r\n TaiedCodePostidisCrp: false,\r\n TaiedCodePostidisPrw: false,\r\n TaiedCodePostiimg2modl: false,\r\n TaiedCodePostiimg2modl2: false,\r\n TaiedCodePosticropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n TaiedCodePostiOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ TaiedCodePostiaurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var TaiedCodePostiaurl = canvas.toDataURL(\"image/png\");\r\n console.log(TaiedCodePostiaurl)\r\n this.setState({ previewSrc: TaiedCodePostiaurl });\r\n localStorage.setItem(\"TeidieCodePosti\", TaiedCodePostiaurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = TaiedCodePosticropp => {\r\n this.makeClientCropp(TaiedCodePosticropp);\r\n };\r\n OnCropChange = (TaiedCodePosticropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ TaiedCodePosticropp });\r\n };\r\n async makeClientCropp(TaiedCodePosticropp) {\r\n if (this.immageRef && TaiedCodePosticropp.width && TaiedCodePosticropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n TaiedCodePosticropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, TaiedCodePosticropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = TaiedCodePosticropp.width;\r\n canvas.height = TaiedCodePosticropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n TaiedCodePosticropp.x * scaleXx,\r\n TaiedCodePosticropp.y * scaleYy,\r\n TaiedCodePosticropp.width * scaleXx,\r\n TaiedCodePosticropp.height * scaleYy,\r\n 0,\r\n 0,\r\n TaiedCodePosticropp.width,\r\n TaiedCodePosticropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var TeidieCodePosti = reader.result;\r\n localStorage.setItem(\"TeidieCodePostiCrp\", TeidieCodePosti)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { TaiedCodePostiaurl, crpImgUrl, TaiedCodePosticropp } = this.state;\r\n console.log(localStorage.getItem(\"TeidieCodePosti\"))\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"AcceptShabaNumEdit\") === null || localStorage.getItem(\"AcceptShabaNumEdit\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n {localStorage.getItem(\"AcceptShabaNumEdit\") === null || localStorage.getItem(\"AcceptShabaNumEdit\") === \"\" ?\r\n this.setState({ TaiedShabaimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ TaiedShabaimg2modl2: false })}\r\n />\r\n {this.state.TaiedShabaOrg == true ? this.setState({ TaiedShabaimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ TaiedShabaimg2modl2: false })}\r\n />\r\n this.setState({ TaiedShabaimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"AcceptShabaNumEdit\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {TaiedShabaurl && (\r\n
\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default TaiedCodePosti;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass GharardadPazirandegu extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n GharardadPazirandeguurl: null,\r\n GharardadPazirandegudisCrp: false,\r\n GharardadPazirandegudisPrw: false,\r\n GharardadPazirandeguimg2modl: false,\r\n GharardadPazirandeguimg2modl2: false,\r\n GharardadPazirandegucropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n GharardadPazirandeguOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ GharardadPazirandeguurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var GharardadPazirandeguurl = canvas.toDataURL(\"image/png\");\r\n console.log(GharardadPazirandeguurl)\r\n this.setState({ previewSrc: GharardadPazirandeguurl });\r\n localStorage.setItem(\"fromePazirandegi\", GharardadPazirandeguurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = GharardadPazirandegucropp => {\r\n this.makeClientCropp(GharardadPazirandegucropp);\r\n };\r\n OnCropChange = (GharardadPazirandegucropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ GharardadPazirandegucropp });\r\n };\r\n async makeClientCropp(GharardadPazirandegucropp) {\r\n if (this.immageRef && GharardadPazirandegucropp.width && GharardadPazirandegucropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n GharardadPazirandegucropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ JavazKcrpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, GharardadPazirandegucropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = GharardadPazirandegucropp.width;\r\n canvas.height = GharardadPazirandegucropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n GharardadPazirandegucropp.x * scaleXx,\r\n GharardadPazirandegucropp.y * scaleYy,\r\n GharardadPazirandegucropp.width * scaleXx,\r\n GharardadPazirandegucropp.height * scaleYy,\r\n 0,\r\n 0,\r\n GharardadPazirandegucropp.width,\r\n GharardadPazirandegucropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var PazirandeggiFront = reader.result;\r\n localStorage.setItem(\"fromePazirandegicrp\", PazirandeggiFront)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { GharardadPazirandeguurl, JavazKcrpImgUrl, GharardadPazirandegucropp } = this.state;\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"AcceptPostalCodeEdit\") === null || localStorage.getItem(\"AcceptPostalCodeEdit\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"AcceptPostalCodeEdit\") === null || localStorage.getItem(\"AcceptPostalCodeEdit\") === \"\" ?\r\n this.setState({ TaiedCodePostiimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ TaiedCodePostiimg2modl2: false })}\r\n />\r\n {this.state.TaiedCodePostiOrg == true ? this.setState({ TaiedCodePostiimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ TaiedCodePostiimg2modl2: false })}\r\n />\r\n this.setState({ TaiedCodePostiimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"AcceptPostalCodeEdit\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {TaiedCodePostiaurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default GharardadPazirandegu;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass GharardadPazirandegiPosht extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n GharardadPazirandegiPoshturl: null,\r\n GharardadPazirandegiPoshtdisCrp: false,\r\n GharardadPazirandegiPoshtdisPrw: false,\r\n GharardadPazirandegiPoshtimg2modl: false,\r\n GharardadPazirandegiPoshtimg2modl2: false,\r\n GharardadPazirandegiPoshtcropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n GharardadPazirandegiPoshtOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ GharardadPazirandegiPoshturl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var GharardadPazirandegiPoshturl = canvas.toDataURL(\"image/png\");\r\n console.log(GharardadPazirandegiPoshturl)\r\n this.setState({ previewSrc: GharardadPazirandegiPoshturl });\r\n localStorage.setItem(\"GharardadPaziranegiPosht\", GharardadPazirandegiPoshturl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = GharardadPazirandegiPoshtcropp => {\r\n this.makeClientCropp(GharardadPazirandegiPoshtcropp);\r\n };\r\n OnCropChange = (GharardadPazirandegiPoshtcropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ GharardadPazirandegiPoshtcropp });\r\n };\r\n async makeClientCropp(GharardadPazirandegiPoshtcropp) {\r\n if (this.immageRef && GharardadPazirandegiPoshtcropp.width && GharardadPazirandegiPoshtcropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n GharardadPazirandegiPoshtcropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ JavazKcrpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, GharardadPazirandegiPoshtcropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = GharardadPazirandegiPoshtcropp.width;\r\n canvas.height = GharardadPazirandegiPoshtcropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n GharardadPazirandegiPoshtcropp.x * scaleXx,\r\n GharardadPazirandegiPoshtcropp.y * scaleYy,\r\n GharardadPazirandegiPoshtcropp.width * scaleXx,\r\n GharardadPazirandegiPoshtcropp.height * scaleYy,\r\n 0,\r\n 0,\r\n GharardadPazirandegiPoshtcropp.width,\r\n GharardadPazirandegiPoshtcropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var GharardadPosht = reader.result;\r\n localStorage.setItem(\"GharardadPaziranegiPoshtCrp\", GharardadPosht)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { GharardadPazirandegiPoshturl, JavazKcrpImgUrl, GharardadPazirandegiPoshtcropp } = this.state;\r\n console.log(localStorage.getItem(\"GharardadPaziranegiPosht\"))\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"GharardadRoEdit\") === null || localStorage.getItem(\"GharardadRoEdit\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"GharardadRoEdit\") === null || localStorage.getItem(\"GharardadRoEdit\") === \"\" ?\r\n this.setState({ GharardadPazirandeguimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ GharardadPazirandeguimg2modl2: false })}\r\n />\r\n {this.state.GharardadPazirandeguOrg == true ? this.setState({ GharardadPazirandeguimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ GharardadPazirandeguimg2modl2: false })}\r\n />\r\n this.setState({ GharardadPazirandeguimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"GharardadRoEdit\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {GharardadPazirandeguurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default GharardadPazirandegiPosht;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass FormNasbPayane extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n FormNasbPayaneurl: null,\r\n FormNasbPayanedisCrp: false,\r\n FormNasbPayanedisPrw: false,\r\n FormNasbPayaneimg2modl: false,\r\n FormNasbPayaneimg2modl2: false,\r\n FormNasbPayanecropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n FormNasbPayaneOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ FormNasbPayaneurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var FormNasbPayaneurl = canvas.toDataURL(\"image/png\");\r\n console.log(FormNasbPayaneurl)\r\n this.setState({ previewSrc: FormNasbPayaneurl });\r\n localStorage.setItem(\"Payane\", FormNasbPayaneurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = FormNasbPayanecropp => {\r\n this.makeClientCropp(FormNasbPayanecropp);\r\n };\r\n OnCropChange = (FormNasbPayanecropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ FormNasbPayanecropp });\r\n };\r\n async makeClientCropp(FormNasbPayanecropp) {\r\n if (this.immageRef && FormNasbPayanecropp.width && FormNasbPayanecropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n FormNasbPayanecropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ JavazKcrpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, FormNasbPayanecropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = FormNasbPayanecropp.width;\r\n canvas.height = FormNasbPayanecropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n FormNasbPayanecropp.x * scaleXx,\r\n FormNasbPayanecropp.y * scaleYy,\r\n FormNasbPayanecropp.width * scaleXx,\r\n FormNasbPayanecropp.height * scaleYy,\r\n 0,\r\n 0,\r\n FormNasbPayanecropp.width,\r\n FormNasbPayanecropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var FormPayane = reader.result;\r\n localStorage.setItem(\"Payanecrp\", FormPayane)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { FormNasbPayaneurl, JavazKcrpImgUrl, FormNasbPayanecropp } = this.state;\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"GharardadPoshtEdit\") === null || localStorage.getItem(\"GharardadPoshtEdit\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n {localStorage.getItem(\"GharardadPoshtEdit\") === null || localStorage.getItem(\"GharardadPoshtEdit\") === \"\" ?\r\n this.setState({ GharardadPazirandegiPoshtimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ GharardadPazirandegiPoshtimg2modl2: false })}\r\n />\r\n {this.state.GharardadPazirandegiPoshtOrg == true ? this.setState({ GharardadPazirandegiPoshtimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ GharardadPazirandegiPoshtimg2modl2: false })}\r\n />\r\n this.setState({ GharardadPazirandegiPoshtimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"GharardadPoshtEdit\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {GharardadPazirandegiPoshturl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default FormNasbPayane;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass FormNasbPayanePosht extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n FormNasbPayanePoshturl: null,\r\n FormNasbPayanePoshtdisCrp: false,\r\n FormNasbPayanePoshtdisPrw: false,\r\n FormNasbPayanePoshtimg2modl: false,\r\n FormNasbPayanePoshtimg2modl2: false,\r\n FormNasbPayanePoshtcropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n FormNasbPayanePoshtOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ FormNasbPayanePoshturl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var FormNasbPayanePoshturl = canvas.toDataURL(\"image/png\");\r\n console.log(FormNasbPayanePoshturl)\r\n this.setState({ previewSrc: FormNasbPayanePoshturl });\r\n localStorage.setItem(\"NasbPosht\", FormNasbPayanePoshturl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = FormNasbPayanePoshtcropp => {\r\n this.makeClientCropp(FormNasbPayanePoshtcropp);\r\n };\r\n OnCropChange = (FormNasbPayanePoshtcropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ FormNasbPayanePoshtcropp });\r\n };\r\n async makeClientCropp(FormNasbPayanePoshtcropp) {\r\n if (this.immageRef && FormNasbPayanePoshtcropp.width && FormNasbPayanePoshtcropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n FormNasbPayanePoshtcropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ JavazKcrpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, FormNasbPayanePoshtcropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = FormNasbPayanePoshtcropp.width;\r\n canvas.height = FormNasbPayanePoshtcropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n FormNasbPayanePoshtcropp.x * scaleXx,\r\n FormNasbPayanePoshtcropp.y * scaleYy,\r\n FormNasbPayanePoshtcropp.width * scaleXx,\r\n FormNasbPayanePoshtcropp.height * scaleYy,\r\n 0,\r\n 0,\r\n FormNasbPayanePoshtcropp.width,\r\n FormNasbPayanePoshtcropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var poshteNasb = reader.result;\r\n localStorage.setItem(\"nasbPoshtCrop\", poshteNasb)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { FormNasbPayanePoshturl, JavazKcrpImgUrl, FormNasbPayanePoshtcropp } = this.state;\r\n console.log(localStorage.getItem(\"NasbPosht\"))\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"InstallFormRo\") === null || localStorage.getItem(\"InstallFormRo\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"InstallFormRo\") === null || localStorage.getItem(\"InstallFormRo\") === \"\" ?\r\n this.setState({ FormNasbPayaneimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FormNasbPayaneimg2modl2: false })}\r\n />\r\n {this.state.FormNasbPayaneOrg == true ? this.setState({ FormNasbPayaneimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FormNasbPayaneimg2modl2: false })}\r\n />\r\n this.setState({ FormNasbPayaneimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"InstallFormRo\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {FormNasbPayaneurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default FormNasbPayanePosht;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass MoarefiName extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n MoarefiNameurl: null,\r\n MoarefiNamedisCrp: false,\r\n MoarefiNamedisPrw: false,\r\n MoarefiNameimg2modl: false,\r\n MoarefiNameimg2modl2: false,\r\n MoarefiNamecropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n MoarefiNameOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ MoarefiNameurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var MoarefiNameurl = canvas.toDataURL(\"image/png\");\r\n console.log(MoarefiNameurl)\r\n this.setState({ previewSrc: MoarefiNameurl });\r\n localStorage.setItem(\"MoarfiNaame\", MoarefiNameurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = MoarefiNamecropp => {\r\n this.makeClientCropp(MoarefiNamecropp);\r\n };\r\n OnCropChange = (MoarefiNamecropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ MoarefiNamecropp });\r\n };\r\n async makeClientCropp(MoarefiNamecropp) {\r\n if (this.immageRef && MoarefiNamecropp.width && MoarefiNamecropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n MoarefiNamecropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ JavazKcrpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, MoarefiNamecropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = MoarefiNamecropp.width;\r\n canvas.height = MoarefiNamecropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n MoarefiNamecropp.x * scaleXx,\r\n MoarefiNamecropp.y * scaleYy,\r\n MoarefiNamecropp.width * scaleXx,\r\n MoarefiNamecropp.height * scaleYy,\r\n 0,\r\n 0,\r\n MoarefiNamecropp.width,\r\n MoarefiNamecropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var MoarfiNaame = reader.result;\r\n localStorage.setItem(\"MoarfiNaameCrp\", MoarfiNaame)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n\r\n render() {\r\n const { MoarefiNameurl, JavazKcrpImgUrl, MoarefiNamecropp } = this.state;\r\n console.log(localStorage.getItem(\"MoarfiNaame\"))\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"InstallFormPosht\") === null || localStorage.getItem(\"InstallFormPosht\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"InstallFormPosht\") === null || localStorage.getItem(\"InstallFormPosht\") === \"\" ?\r\n this.setState({ FormNasbPayanePoshtimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FormNasbPayanePoshtimg2modl2: false })}\r\n />\r\n {this.state.FormNasbPayanePoshtOrg == true ? this.setState({ FormNasbPayanePoshtimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FormNasbPayanePoshtimg2modl2: false })}\r\n />\r\n this.setState({ FormNasbPayanePoshtimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"InstallFormPosht\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {FormNasbPayanePoshturl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default MoarefiName;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n height: 180,\r\n },\r\n container: {\r\n display: 'flex',\r\n },\r\n paper: {\r\n margin: theme.spacing(1),\r\n },\r\n svg: {\r\n width: 100,\r\n height: 100,\r\n },\r\n polygon: {\r\n fill: theme.palette.common.white,\r\n stroke: theme.palette.divider,\r\n strokeWidth: 1,\r\n },\r\n}));\r\n\r\n\r\n\r\n\r\nclass KartMeliPosht extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n KartMeliPoshturl: null,\r\n KartMeliPoshtdisCrp: false,\r\n KartMeliPoshtdisPrw: false,\r\n kartmeliposhtmld0: false,\r\n kartmeliposhtmld2: false,\r\n cropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n KartOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ KartMeliPoshturl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var KartMeliPoshturl = canvas.toDataURL(\"image/png\");\r\n console.log(KartMeliPoshturl)\r\n this.setState({ previewSrc: KartMeliPoshturl });\r\n localStorage.setItem(\"KartMeliPoshtt\", KartMeliPoshturl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n\r\n\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = cropp => {\r\n this.makeClientCropp(cropp);\r\n };\r\n OnCropChange = (cropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ cropp });\r\n };\r\n async makeClientCropp(cropp) {\r\n if (this.immageRef && cropp.width && cropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n cropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, cropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = cropp.width;\r\n canvas.height = cropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n cropp.x * scaleXx,\r\n cropp.y * scaleYy,\r\n cropp.width * scaleXx,\r\n cropp.height * scaleYy,\r\n 0,\r\n 0,\r\n cropp.width,\r\n cropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var KartMeliPoshtt = reader.result;\r\n localStorage.setItem(\"KartMeliPoshttCrp\", KartMeliPoshtt)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { KartMeliPoshturl, crpImgUrl, cropp } = this.state;\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"MoarefiNameEdit\") === null || localStorage.getItem(\"MoarefiNameEdit\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"MoarefiNameEdit\") === null || localStorage.getItem(\"MoarefiNameEdit\") === \"\" ?\r\n this.setState({ MoarefiNameimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ MoarefiNameimg2modl2: false })}\r\n />\r\n {this.state.MoarefiNameOrg == true ? this.setState({ MoarefiNameimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ MoarefiNameimg2modl2: false })}\r\n />\r\n this.setState({ MoarefiNameimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"MoarefiNameEdit\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {MoarefiNameurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default KartMeliPosht;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\nimport { Flag } from \"@material-ui/icons\";\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass FisheVarizi extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n FisheVariziaurl: null,\r\n FisheVarizidisCrp: false,\r\n FisheVarizidisPrw: false,\r\n FisheVariziimg2modl: false,\r\n FisheVariziimg2modl2: false,\r\n FisheVarizicropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n FisheVariziOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ FisheVariziaurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var FisheVariziaurl = canvas.toDataURL(\"image/png\");\r\n console.log(FisheVariziaurl)\r\n this.setState({ previewSrc: FisheVariziaurl });\r\n localStorage.setItem(\"FisheVariziii\", FisheVariziaurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = FisheVarizicropp => {\r\n this.makeClientCropp(FisheVarizicropp);\r\n };\r\n OnCropChange = (FisheVarizicropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ FisheVarizicropp });\r\n };\r\n async makeClientCropp(FisheVarizicropp) {\r\n if (this.immageRef && FisheVarizicropp.width && FisheVarizicropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n FisheVarizicropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, FisheVarizicropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = FisheVarizicropp.width;\r\n canvas.height = FisheVarizicropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n FisheVarizicropp.x * scaleXx,\r\n FisheVarizicropp.y * scaleYy,\r\n FisheVarizicropp.width * scaleXx,\r\n FisheVarizicropp.height * scaleYy,\r\n 0,\r\n 0,\r\n FisheVarizicropp.width,\r\n FisheVarizicropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var FisheVariziii = reader.result;\r\n localStorage.setItem(\"FisheVariziiiCrp\", FisheVariziii)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { FisheVariziaurl, crpImgUrl, FisheVarizicropp } = this.state;\r\n console.log(localStorage.getItem(\"FisheVariziii\"))\r\n console.log(localStorage.getItem(\"FisheVariziiiCrp\"))\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"KartMeliEditPosht\") === null || localStorage.getItem(\"KartMeliEditPosht\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n\r\n {localStorage.getItem(\"KartMeliEditPosht\") === null || localStorage.getItem(\"KartMeliEditPosht\") === \"\" ?\r\n this.setState({ kartmeliposhtmld2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ kartmeliposhtmld2: false })}\r\n />\r\n {this.state.KartOrg == true ? this.setState({ kartmeliposhtmld2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ kartmeliposhtmld2: false })}\r\n />\r\n this.setState({ kartmeliposhtmld0: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"KartMeliEditPosht\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n \r\n {KartMeliPoshturl && (\r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n\r\n
\r\n\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default FisheVarizi;","import React, { useEffect, useState } from \"react\";\r\nimport styles from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport DateTime from '../../../Component/DatePicker/DatePicker'\r\nimport DropDownWheel from \"../../../Component/DropDownWheel/DropDownWheel\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport { DepartureBoardTwoTone } from \"@material-ui/icons\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { Routes } from \"../../../api/api\";\r\nimport axios from \"axios\";\r\n\r\n\r\nconst OwnerStoreEdit = (props) => {\r\n\r\n const [token, setToken] = useState(\"\");\r\n\r\n\r\n let KodBank = localStorage.getItem(\"BankKode\") === null ?\r\n localStorage.getItem(\"branchCodeEdit\") :\r\n localStorage.getItem(\"BankKode\")\r\n const [BankKode, setBankKode] = useState(KodBank);\r\n const [branchCodeEdit, setbranchCodeEdit] = useState(false)\r\n\r\n let namef =\r\n localStorage.getItem('Name') === null\r\n ? localStorage.getItem(\"NameEditFirst\")\r\n : localStorage.getItem('Name');\r\n const [Name, setName] = useState(namef);\r\n const [FirstNameEdit, setFirstNameEdit] = useState(false)\r\n\r\n let nameL =\r\n localStorage.getItem('NameL') === null\r\n ? localStorage.getItem(\"NameEditFirstL\")\r\n : localStorage.getItem('NameL');\r\n const [NameL, setNameL] = useState(nameL);\r\n const [FirstNameEditL, setFirstNameEditL] = useState(false)\r\n\r\n let lastn =\r\n localStorage.getItem('lastName') === null\r\n ? localStorage.getItem(\"LastNameEdit\") :\r\n localStorage.getItem(\"lastName\")\r\n const [lastName, setLastName] = useState(lastn);\r\n const [LastNameEdit, setLastNameEdit] = useState(false)\r\n\r\n let lastnL =\r\n localStorage.getItem('lastNameL') === null\r\n ? localStorage.getItem(\"LastNameEditL\") :\r\n localStorage.getItem(\"lastNameL\")\r\n const [lastNameL, setLastNameL] = useState(lastnL);\r\n const [LastNameEditL, setLastNameEditL] = useState(false)\r\n\r\n\r\n let FatherN =\r\n localStorage.getItem('FatherName') === null ?\r\n localStorage.getItem(\"FatherNameEdit\") :\r\n localStorage.getItem(\"FatherName\")\r\n const [FatherName, setFatherName] = useState(FatherN);\r\n const [FatherNameEdit, setFatherNameEdit] = useState(false)\r\n\r\n let FatherNL =\r\n localStorage.getItem('FatherNameL') === null ?\r\n localStorage.getItem(\"FatherNameEditL\") :\r\n localStorage.getItem(\"FatherNameL\")\r\n const [FatherNameL, setFatherNameL] = useState(FatherNL);\r\n const [FatherNameEditL, setFatherNameEditL] = useState(false)\r\n\r\n let Jensiat = localStorage.getItem(\"Gender\");\r\n const [Gender, setGender] = useState(Jensiat);\r\n\r\n let NationalN =\r\n localStorage.getItem('NationalNum') === null ?\r\n localStorage.getItem(\"NationalEditNum\") :\r\n localStorage.getItem(\"NationalNum\")\r\n const [NationalNum, setNationalNum] = useState(NationalN);\r\n const [NationalNumEdit, setNationalEditNum] = useState(false)\r\n\r\n\r\n let ShenasNum = localStorage.getItem('ShenasName') === null\r\n ? localStorage.getItem(\"CertificateEdit\") :\r\n localStorage.getItem(\"ShenasName\")\r\n const [ShenasName, setShenasName] = useState(ShenasNum);\r\n const [CertificateEdit, setCertificateEdit] = useState(false)\r\n\r\n\r\n let seriShenas =\r\n localStorage.getItem('SeriNum') === null ?\r\n localStorage.getItem(\"CertificateEditSerial\") :\r\n localStorage.getItem(\"SeriNum\")\r\n const [SeriNum, setSeriNum] = useState(seriShenas);\r\n const [CertificateSerialEdit, setCertificateSerialEdit] = useState(false)\r\n console.log(props.certificateSerial)\r\n\r\n\r\n let CityShenas =\r\n localStorage.getItem('cityShenasName') === null ?\r\n localStorage.getItem(\"CityShenasnameEdit\") :\r\n localStorage.getItem(\"cityShenasName\")\r\n const [cityShenasName, setCityShenasName] = useState(CityShenas);\r\n const [certificateIssuePlace, setcertificateIssuePlace] = useState(false)\r\n\r\n let phoneNumMerchant =\r\n localStorage.getItem(\"phoneNumMerchant\");\r\n const [phoneNumberMerchant, setphoneNumberMerchant] = useState(phoneNumMerchant);\r\n const [phoneNumEditMerchant, setphoneNumEditMerchant] = useState(false)\r\n\r\n let mobileMerchant =\r\n localStorage.getItem(\"mobileNumMerchant\");\r\n const [mobileNumMerchant, setmobileNumMerchant] = useState(mobileMerchant);\r\n const [MobileEditMerchant, setMobileEditMerchant] = useState(false)\r\n\r\n\r\n let HesabNum =\r\n localStorage.getItem('HesabNumber') === null ?\r\n localStorage.getItem(\"EditAccountNum\") :\r\n localStorage.getItem(\"HesabNumber\")\r\n const [HesabNumber, setHesabNumber] = useState(HesabNum);\r\n const [accountNumber, setaccountNumber] = useState(false)\r\n\r\n\r\n let shabaNum =\r\n localStorage.getItem('ShabaNumber') === null\r\n ? localStorage.getItem(\"ibanNumberEdit\") :\r\n localStorage.getItem(\"ShabaNumber\")\r\n const [ShabaNumber, setShabaNumber] = useState(shabaNum);\r\n const [ibanNumberEdit, setibanNumberEdit] = useState(false)\r\n var ibanNumber = props.ibanNumber.replace('IR', '');\r\n\r\n\r\n let GetBirthDate = localStorage.getItem(\"birthdate\");\r\n const [birthdate, setbirthdate] = useState(GetBirthDate);\r\n\r\n\r\n\r\n let BankIdValue = localStorage.getItem(\"BankItems\");\r\n const [BankItems, setBankItems] = useState(BankIdValue);\r\n\r\n const [Banks, setBanks] = useState(\"\");\r\n console.log(Banks);\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n GetBank(tokenStorage);\r\n }, []);\r\n\r\n useEffect(() => {\r\n let BankIdValue = localStorage.getItem(\"BankItems\");\r\n console.log(BankIdValue);\r\n }, [BankIdValue]);\r\n\r\n const GetBank = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetBank}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setBanks(data.value.response);\r\n }\r\n } catch (error) {\r\n console.log(GetBank);\r\n console.log(error);\r\n }\r\n };\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n marginTop: \"3px\",\r\n marginLeft: \"28px\"\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n\r\n const classes = styles();\r\n\r\n const validation = () => {\r\n try {\r\n if (localStorage.getItem(\"Name\") === null || localStorage.getItem(\"Name\") === \"\")\r\n document.getElementById(\"FirstName\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"lastName\") === null || localStorage.getItem(\"lastName\") === \"\")\r\n document.getElementById(\"Last\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"NationalNum\") === null || localStorage.getItem(\"NationalNum\") === \"\")\r\n document.getElementById(\"national\").style.display = \"block\"\r\n\r\n if (\r\n localStorage.getItem(\"phoneNumMerchant\") === null ||\r\n localStorage.getItem(\"phoneNumMerchant\") === \"\"\r\n )\r\n document.getElementById(\"sabetNum\").style.display = \"block\";\r\n\r\n if (\r\n localStorage.getItem(\"mobileNumMerchant\") === null ||\r\n localStorage.getItem(\"mobileNumMerchant\") === \"\"\r\n )\r\n document.getElementById(\"mobile\").style.display = \"block\";\r\n\r\n if (localStorage.getItem(\"ShenasName\") === null || localStorage.getItem(\"ShenasName\") === \"\")\r\n document.getElementById(\"shenas\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"FatherName\") === null || localStorage.getItem(\"FatherName\") === \"\")\r\n document.getElementById(\"Father\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"cityShenasName\") === null || localStorage.getItem(\"cityShenasName\") === \"\")\r\n document.getElementById(\"Sodor\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"ShabaNumber\") === null || localStorage.getItem(\"ShabaNumber\") === \"\")\r\n document.getElementById(\"shaba\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"birthdate\") === null || localStorage.getItem(\"birthdate\") === \"\")\r\n document.getElementById(\"birth\").style.display = \"block\"\r\n\r\n if (\r\n localStorage.getItem(\"BankItems\") === null || localStorage.getItem(\"BankItems\") === \"\"\r\n )\r\n document.getElementById(\"BankN\").style.display = \"block\";\r\n } catch {\r\n\r\n }\r\n }\r\n\r\n var Gen = [{\r\n text: \"آقا\",\r\n value: \"true\"\r\n }, {\r\n text: \"خانم\",\r\n value: \"false\"\r\n }];\r\n\r\n console.log(localStorage.getItem(\"BankItems\"))\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"FishVariziEdit\") === null || localStorage.getItem(\"FishVariziEdit\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"FishVariziEdit\") === null || localStorage.getItem(\"FishVariziEdit\") === \"\" ?\r\n this.setState({ FisheVariziimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FisheVariziimg2modl2: false })}\r\n />\r\n {this.state.FisheVariziOrg == true ? this.setState({ FisheVariziimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FisheVariziimg2modl2: false })}\r\n />\r\n this.setState({ FisheVariziimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n 
\r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"FishVariziEdit\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {FisheVariziaurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n setFirstNameEdit(true);\r\n setName(e.target.value);\r\n localStorage.setItem('Name', e.target.value)\r\n }}\r\n />\r\n {localStorage.getItem(\"Name\") === null || localStorage.getItem(\"Name\") === \"\" ?\r\n \r\n وارد نمودن نام الزامی میباشد\r\n
: null}\r\n \r\n {\r\n setLastNameEdit(true);\r\n setLastName(e.target.value);\r\n localStorage.setItem('lastName', e.target.value)\r\n }}\r\n />\r\n {localStorage.getItem(\"lastName\") === null || localStorage.getItem(\"lastName\") === \"\" ?\r\n \r\n پر کردن نام خانوادگی الزامی میباشد\r\n
: null}\r\n \r\n {\r\n setFatherNameEdit(true);\r\n setFatherName(e.target.value);\r\n localStorage.setItem('FatherName', e.target.value)\r\n }}\r\n />\r\n {localStorage.getItem(\"FatherName\") === null || localStorage.getItem(\"FatherName\") === \"\" ?\r\n \r\n وارد نمودن نام پدر الزامی است\r\n
: null}\r\n \r\n\r\n \r\n {\r\n setFirstNameEditL(true);\r\n setNameL(e.target.value);\r\n localStorage.setItem('NameL', e.target.value)\r\n }}\r\n />\r\n {/* {localStorage.getItem(\"NameL\") === null || localStorage.getItem(\"NameL\") === \"\" ?\r\n \r\n وارد نمودن نام (لاتین)الزامی میباشد\r\n
: null} */}\r\n \r\n \r\n {\r\n setLastNameEditL(true);\r\n setLastNameL(e.target.value);\r\n localStorage.setItem('lastNameL', e.target.value)\r\n }}\r\n />\r\n {/* {localStorage.getItem(\"lastName\") === null || localStorage.getItem(\"lastName\") === \"\" ?\r\n \r\n پر کردن نام خانوادگی الزامی میباشد\r\n
: null} */}\r\n \r\n \r\n {\r\n setFatherNameEditL(true);\r\n setFatherNameL(e.target.value);\r\n localStorage.setItem('FatherNameL', e.target.value)\r\n }}\r\n />\r\n {/* {localStorage.getItem(\"FatherName\") === null || localStorage.getItem(\"FatherName\") === \"\" ?\r\n \r\n وارد نمودن نام پدر الزامی است\r\n
: null} */}\r\n \r\n\r\n \r\n
\r\n\r\n \r\n {\r\n setNationalEditNum(true);\r\n setNationalNum(e.target.value);\r\n localStorage.setItem('NationalNum', e.target.value)\r\n }}\r\n />\r\n {localStorage.getItem(\"NationalNum\") === null || localStorage.getItem(\"NationalNum\") === \"\" ?\r\n \r\n وارد نمودن شماره ملی الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setCertificateEdit(true);\r\n setShenasName(e.target.value);\r\n localStorage.setItem('ShenasName', e.target.value)\r\n }}\r\n />\r\n {localStorage.getItem(\"ShenasName\") === null || localStorage.getItem(\"ShenasName\") === \"\" ?\r\n \r\n وارد نمودن شماره شناسنامه الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setCertificateSerialEdit(true);\r\n setSeriNum(e.target.value);\r\n localStorage.setItem('SeriNum', e.target.value)\r\n }}\r\n />\r\n
\r\n \r\n \r\n وارد نمودن تاریخ تولد الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setcertificateIssuePlace(true);\r\n setCityShenasName(e.target.value);\r\n localStorage.setItem('cityShenasName', e.target.value)\r\n }}\r\n />\r\n {localStorage.getItem(\"cityShenasName\") === null || localStorage.getItem(\"cityShenasName\") === \"\" ?\r\n \r\n وارد نمودن محل صدور شناسنامه الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n {\r\n setMobileEditMerchant(true);\r\n setmobileNumMerchant(e.target.value);\r\n localStorage.setItem(\"mobileNumMerchant\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileNumMerchant\") === null ||\r\n localStorage.getItem(\"mobileNumMerchant\") === \"\" ? (\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n \r\n {\r\n setphoneNumEditMerchant(true);\r\n setphoneNumberMerchant(e.target.value);\r\n localStorage.setItem(\"phoneNumMerchant\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"phoneNumMerchant\") === null ||\r\n localStorage.getItem(\"phoneNumMerchant\") === \"\" ? (\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
\r\n ) : null}\r\n \r\n\r\n \r\n {\r\n setaccountNumber(true);\r\n setHesabNumber(e.target.value);\r\n localStorage.setItem('HesabNumber', e.target.value)\r\n }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setibanNumberEdit(true);\r\n setShabaNumber(e.target.value);\r\n localStorage.setItem('ShabaNumber', e.target.value)\r\n }}\r\n />\r\n IR\r\n {localStorage.getItem(\"ShabaNumber\") === null || localStorage.getItem(\"ShabaNumber\") === \"\" ?\r\n \r\n وارد نمودن شماره شبا الزامی است\r\n
: null}\r\n \r\n\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n setbranchCodeEdit(true);\r\n setBankKode(e.target.value);\r\n localStorage.setItem('BankKode', e.target.value)\r\n }}\r\n />\r\n
\r\n\r\n\r\n \r\n\r\n \r\n );\r\n}\r\n\r\n\r\nexport default OwnerStoreEdit;\r\n","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyle = makeStyles({\r\n container: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n fontFamily: \"IRANSansMobile\",\r\n\r\n },\r\n img: {\r\n width: 150,\r\n marginTop: 50,\r\n },\r\n text: {\r\n marginTop: 20,\r\n direction: 'rtl'\r\n },\r\n input: {\r\n marginTop: 20\r\n },\r\n timer: {\r\n marginTop: 20\r\n },\r\n sendAgain: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 10,\r\n },\r\n mobile: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 20\r\n },\r\n App: {\r\n direction: 'rtl',\r\n textalign: 'center',\r\n fontfamily: 'IRANSansMobile'\r\n },\r\n btnRecord: {\r\n marginTop: \"10px\",\r\n backgroundColor: \"white\",\r\n width: \"60%\",\r\n border: \"1px solid gray\",\r\n borderradius: \"5px\",\r\n height: \"45px\",\r\n fontfamily: \"IRANSansMobile\",\r\n fontsize: \"18px\",\r\n padding: \"15px\"\r\n },\r\n root: {\r\n \"& .MuiButton-contained\": {\r\n boxShadow: 'none',\r\n color: 'gr'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"red\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"10%\",\r\n direction: \"rtl\",\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected\": {\r\n color: '#fff',\r\n backgroundColor: '#9600ff',\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected:hover\": {\r\n backgroundColor: '#9600ff'\r\n },\r\n \"& .MuiToggleButton-root \": {\r\n color: 'gray',\r\n width: '50%'\r\n },\r\n \"& .makeStyles-backButton-24\": {\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& @media (hover: none).MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"green\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"13%\",\r\n direction: \"rtl\",\r\n },\r\n },\r\n\r\n})\r\n\r\nexport default useStyle; ","import 'react-image-crop/dist/ReactCrop.css'\r\nimport React, { PureComponent } from 'react'\r\nimport FormMarketing from '../../../Component/RecordDoc/FormMarketing'\r\nimport GharadadPazirandegi from '../../../Component/RecordDoc/GharadadPazirandegi'\r\nimport GharardadPazirandegiPosht from '../../../Component/RecordDoc/GharardadPazirandegiPosht'\r\nimport FormNasbPayane from '../../../Component/RecordDoc/FormNasbPayane'\r\nimport FormNasbPayanePosht from '../../../Component/RecordDoc/FormNasbPayanePosht'\r\nimport FisheVarizi from '../../../Component/RecordDoc/FisheVariz'\r\n\r\nclass GharadDadDocEdit extends PureComponent {\r\n constructor() {\r\n super();\r\n }\r\n\r\n\r\n render() {\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default GharadDadDocEdit;\r\n","import 'react-image-crop/dist/ReactCrop.css'\r\nimport React, { PureComponent } from 'react'\r\nimport EjareName from '../../../Component/RecordDoc/EjareName'\r\nimport JavazKasb from '../../../Component/RecordDoc/JavazKasb'\r\nimport EsteshadName from '../../../Component/RecordDoc/EsteshadName'\r\nimport TaiedCodePosti from '../../../Component/RecordDoc/TiedCodePosti'\r\n\r\nimport MoarefiName from '../../../Component/RecordDoc/MoarefiName'\r\n\r\nclass StoreDocEdit extends PureComponent {\r\n constructor() {\r\n super();\r\n }\r\n\r\n\r\n render() {\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default StoreDocEdit;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport useStyle from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport DropDownWheel from \"../../../Component/DropDownWheel/DropDownWheel\";\r\nimport { Routes } from \"../../../api/api\";\r\nimport axios from \"axios\";\r\nimport StoooreLogo from \"../../../Component/RecordDoc/StoooreLogo\";\r\nimport { DepartureBoardTwoTone } from \"@material-ui/icons\";\r\nimport DateTime from '../../../Component/DatePicker/DatePicker'\r\n\r\n\r\n\r\nconst MerchantInfo = (props) => {\r\n const [DisableCity, setDisableCity] = useState(false)\r\n const [DisableDeviceModel, setDisableDeviceModel] = useState(false)\r\n\r\n let CmName =\r\n localStorage.getItem(\"CompanyName\");\r\n const [CompanyName, setCompanyName] = useState(CmName);\r\n const [cName, setcName] = useState(false);\r\n\r\n let CompanyLatin =\r\n localStorage.getItem(\"CompanyNameEn\");\r\n const [CompanyNameEn, setCompanyNameEn] = useState(CompanyLatin);\r\n const [cNameLatin, setcNameLatin] = useState(false);\r\n\r\n let acceptNumCompany =\r\n localStorage.getItem(\"acceptNumCome\");\r\n const [acceptNumCome, setacceptNumCome] = useState(acceptNumCompany);\r\n const [accountN, setaccountN] = useState(false);\r\n\r\n\r\n\r\n let shanaseMeli =\r\n localStorage.getItem(\"shenasMeliCom\");\r\n const [shenasMeliCom, setshenasMeliCom] = useState(shanaseMeli);\r\n const [shenas, setshenas] = useState(false);\r\n\r\n\r\n\r\n let phoneNum =\r\n localStorage.getItem(\"PhoneNumberDargah\");\r\n const [PhoneNumberDargah, setPhoneNumberDargah] = useState(phoneNum);\r\n const [ph, setph] = useState(false);\r\n\r\n\r\n let mobile =\r\n localStorage.getItem(\"mobileNumDargah\");\r\n const [mobileNumDargah, setmobileNumDargah] = useState(mobile);\r\n const [mb, setmb] = useState(false);\r\n\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n const [ProvinceId, setProvinceId] = useState(ProvinceIdValue);\r\n\r\n let acceptDate = localStorage.getItem(\"accDateCom\");\r\n const [accDateCom, setaccDateCom] = useState(acceptDate);\r\n\r\n\r\n const [Cities, setCities] = useState(\"\");\r\n const [Devices, setDevices] = useState(\"\");\r\n const [token, setToken] = useState(\"\");\r\n const [deviceTypess, setDeviceType] = useState(\"\");\r\n console.log(deviceTypess);\r\n const [Provincee, setProvinces] = useState(\"\");\r\n console.log(Provincee);\r\n const [Switches, setSwitches] = useState(\"\");\r\n console.log(Switches);\r\n\r\n\r\n let HesabNum =\r\n localStorage.getItem(\"HesabNumberMerchant\");\r\n const [HesabNumberMerchant, setHesabNumberMerchant] = useState(HesabNum);\r\n const [hesab, sehesab] = useState(false);\r\n\r\n let shabaNum =\r\n localStorage.getItem(\"ShabaNumberMerchant\");\r\n const [ShabaNumberMerchant, setShabaNumberMerchant] = useState(shabaNum);\r\n const [shab, seshab] = useState(false);\r\n\r\n var ibanNumber = props.ibanNumber.replace('IR', '');\r\n\r\n let KodBank =\r\n localStorage.getItem(\"BankKodeMerchant\");\r\n const [BankKodeMerchant, setBankKodeMerchant] = useState(KodBank);\r\n const [bnkCode, sebnkCode] = useState(false);\r\n\r\n let BankIdValue = localStorage.getItem(\"BankItemsMerchant\");\r\n const [BankItemsMerchant, setBankItemsMerchant] = useState(BankIdValue);\r\n\r\n const [Banks, setBanks] = useState(\"\");\r\n console.log(Banks);\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n GetBank(tokenStorage);\r\n }, []);\r\n\r\n useEffect(() => {\r\n let BankIdValue = localStorage.getItem(\"BankItemsMerchant\");\r\n console.log(BankIdValue)\r\n }, [BankIdValue])\r\n\r\n const GetBank = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetBank}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setBanks(data.value.response);\r\n }\r\n } catch (error) {\r\n console.log(GetBank);\r\n console.log(error);\r\n }\r\n };\r\n\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n marginLeft: \"25px\"\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n const [alignment, setAlignment] = React.useState(\"left\");\r\n\r\n const handleChange = (event, newAlignment) => {\r\n setAlignment(newAlignment);\r\n };\r\n\r\n\r\n\r\n\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n }, []);\r\n\r\n\r\n\r\n const classes = useStyle();\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n setcName(true);\r\n setCompanyName(e.target.value);\r\n localStorage.setItem(\"CompanyName\", e.target.value);\r\n\r\n }}\r\n />\r\n {localStorage.getItem(\"CompanyName\") === null || localStorage.getItem(\"CompanyName\") === \"\" ?\r\n \r\n وارد کردن نام شرکت الزامی میباشد\r\n
: null}\r\n \r\n {\r\n setcNameLatin(true);\r\n setCompanyNameEn(e.target.value);\r\n localStorage.setItem(\"CompanyNameEn\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"CompanyNameEn\") === null || localStorage.getItem(\"CompanyNameEn\") === \"\" ?\r\n \r\n وارد نمودن نام شرکت به لاتین الزامی میباشد\r\n
: null}\r\n \r\n {\r\n setaccountN(true);\r\n setacceptNumCome(e.target.value);\r\n localStorage.setItem(\"acceptNumCome\", e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n {\r\n setshenas(true);\r\n setshenasMeliCom(e.target.value);\r\n localStorage.setItem(\"shenasMeliCom\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"shenasMeliCom\") === null || localStorage.getItem(\"shenasMeliCom\") === \"\" ?\r\n \r\n وارد نمودن شناسه ملی الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n {\r\n setmb(true);\r\n setmobileNumDargah(e.target.value);\r\n localStorage.setItem(\"mobileNumDargah\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileNumDargah\") === null || localStorage.getItem(\"mobileNumDargah\") === \"\" ?\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setph(true);\r\n setPhoneNumberDargah(e.target.value);\r\n localStorage.setItem(\"PhoneNumberDargah\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PhoneNumberDargah\") === null || localStorage.getItem(\"PhoneNumberDargah\") === \"\" ?\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
: null}\r\n \r\n {\r\n sehesab(true); setHesabNumberMerchant(e.target.value); localStorage.setItem('HesabNumberMerchant', e.target.value)\r\n }}\r\n />\r\n
\r\n\r\n \r\n { seshab(true); setShabaNumberMerchant(e.target.value); localStorage.setItem('ShabaNumberMerchant', e.target.value) }}\r\n />\r\n IR\r\n {localStorage.getItem(\"ShabaNumberMerchant\") === null || localStorage.getItem(\"ShabaNumberMerchant\") === \"\" ?\r\n \r\n وارد نمودن شماره شبا الزامی است\r\n
: null}\r\n \r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n { sebnkCode(true); setBankKodeMerchant(e.target.value); localStorage.setItem('BankKodeMerchant', e.target.value) }}\r\n />\r\n
\r\n \r\n\r\n \r\n \r\n );\r\n};\r\n\r\nexport default MerchantInfo;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport styles from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport DateTime from '../../../Component/DatePicker/DatePicker'\r\nimport DropDownWheel from \"../../../Component/DropDownWheel/DropDownWheel\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport { DepartureBoardTwoTone } from \"@material-ui/icons\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { Routes } from \"../../../api/api\";\r\nimport axios from \"axios\";\r\n\r\n\r\nconst OwnerStore = (props) => {\r\n\r\n\r\n const [token, setToken] = useState(\"\");\r\n\r\n let namef =\r\n localStorage.getItem(\"Name\");\r\n const [Name, setName] = useState(namef);\r\n const [nm, setnm] = useState(false);\r\n\r\n let namefl =\r\n localStorage.getItem(\"Namelatin\");\r\n const [Namelatin, setNamelatin] = useState(namefl);\r\n const [nmLast, setnmLast] = useState(false);\r\n\r\n let lastn =\r\n localStorage.getItem(\"lastName\");\r\n const [lastName, setLastName] = useState(lastn);\r\n const [lastFa, setlastFa] = useState(false);\r\n\r\n let lastnl =\r\n localStorage.getItem(\"lastNameLatin\");\r\n const [lastNameLatin, setlastNameLatin] = useState(lastnl);\r\n const [LastL, setLastL] = useState(false);\r\n\r\n let FatherN =\r\n localStorage.getItem(\"FatherName\");\r\n const [FatherName, setFatherName] = useState(FatherN);\r\n const [ftFa, setftFa] = useState(false);\r\n\r\n let FatherL =\r\n localStorage.getItem(\"FatherLatin\");\r\n const [FatherLatin, setFatherLatin] = useState(FatherL);\r\n const [fatherLA, setfatherLA] = useState(false);\r\n\r\n let NationalN =\r\n localStorage.getItem(\"NationalNum\");\r\n const [NationalNum, setNationalNum] = useState(NationalN);\r\n const [nationalEd, setnationalEd] = useState(false);\r\n\r\n let ShenasNum =\r\n localStorage.getItem(\"ShenasName\");\r\n const [ShenasName, setShenasName] = useState(ShenasNum);\r\n const [shnsEdit, setshnsEdit] = useState(false);\r\n\r\n let seriShenas =\r\n localStorage.getItem(\"SeriNum\");\r\n const [SeriNum, setSeriNum] = useState(seriShenas);\r\n const [sriEdit, setsriEdit] = useState(false);\r\n\r\n\r\n let phoneNumMerchant =\r\n localStorage.getItem(\"phoneNumMerchantber\");\r\n const [phoneNumMerchantber, setphoneNumMerchantber] = useState(phoneNumMerchant);\r\n const [phnEdit, setphnEdit] = useState(false);\r\n\r\n\r\n\r\n let mobileMerchant =\r\n localStorage.getItem(\"mobileMerchantNum\");\r\n const [mobileMerchantNum, setmobileMerchantNum] = useState(mobileMerchant);\r\n const [mblEdit, setmblEdit] = useState(false);\r\n\r\n\r\n let GetBirthDate = localStorage.getItem(\"birthdate\");\r\n const [birthdate, setbirthdate] = useState(GetBirthDate);\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n marginTop: \"3px\",\r\n marginLeft: \"28px\"\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n\r\n const classes = styles();\r\n\r\n\r\n let BankIdValue = localStorage.getItem(\"BankItems\");\r\n const [BankItems, setBankItems] = useState(BankIdValue);\r\n\r\n let Jensiat = localStorage.getItem(\"Gender\");\r\n const [Gender, setGender] = useState(Jensiat);\r\n\r\n const [Banks, setBanks] = useState(\"\");\r\n console.log(Banks);\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n GetBank(tokenStorage);\r\n }, []);\r\n\r\n useEffect(() => {\r\n let BankIdValue = localStorage.getItem(\"BankItems\");\r\n console.log(BankIdValue)\r\n }, [BankIdValue])\r\n\r\n const GetBank = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetBank}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setBanks(data.value.response);\r\n }\r\n } catch (error) {\r\n console.log(GetBank);\r\n console.log(error);\r\n }\r\n };\r\n\r\n var Gen = [{\r\n text: \"آقا\",\r\n value: \"true\"\r\n }, {\r\n text: \"خانم\",\r\n value: \"false\"\r\n }];\r\n console.log(localStorage.getItem(\"birthdate\"))\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n { setName(e.target.value); localStorage.setItem('Name', e.target.value) }}\r\n />\r\n\r\n
\r\n \r\n { setLastName(e.target.value); localStorage.setItem('lastName', e.target.value) }}\r\n />\r\n\r\n
\r\n \r\n { setFatherName(e.target.value); localStorage.setItem('FatherName', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n { setNamelatin(e.target.value); localStorage.setItem('Namelatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"Namelatin\") === null || localStorage.getItem(\"Namelatin\") === \"\" ?\r\n \r\n وارد نمودن نام به لاتین الزامی میباشد\r\n
: null}\r\n \r\n { setlastNameLatin(e.target.value); localStorage.setItem('lastNameLatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"lastNameLatin\") === null || localStorage.getItem(\"lastNameLatin\") === \"\" ?\r\n \r\n وارد نمودن نام خانوادگی به لاتین الزامی میباشد\r\n
: null}\r\n \r\n { setFatherLatin(e.target.value); localStorage.setItem('FatherLatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"FatherLatin\") === null || localStorage.getItem(\"FatherLatin\") === \"\" ?\r\n \r\n وارد نمودن نام پدر به لاتین الزامی میباشد\r\n
: null}\r\n \r\n \r\n \r\n وارد نمودن نوع جنسیت الزامی میباشد\r\n
: null}\r\n \r\n \r\n \r\n وارد نمودن تاریخ تولد الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setNationalNum(e.target.value); localStorage.setItem('NationalNum', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"NationalNum\") === null || localStorage.getItem(\"NationalNum\") === \"\" ?\r\n \r\n وارد نمودن شماره ملی الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setShenasName(e.target.value); localStorage.setItem('ShenasName', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"ShenasName\") === null || localStorage.getItem(\"ShenasName\") === \"\" ?\r\n \r\n وارد نمودن شماره شناسنامه الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setSeriNum(e.target.value); localStorage.setItem('SeriNum', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setmobileMerchantNum(e.target.value);\r\n localStorage.setItem(\"mobileMerchantNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileMerchantNum\") === null || localStorage.getItem(\"mobileMerchantNum\") === \"\" ?\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setphoneNumMerchantber(e.target.value);\r\n localStorage.setItem(\"phoneNumMerchantber\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"phoneNumMerchantber\") === null || localStorage.getItem(\"phoneNumMerchantber\") === \"\" ?\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
: null}\r\n \r\n\r\n\r\n\r\n\r\n \r\n \r\n );\r\n}\r\n\r\n\r\nexport default OwnerStore;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport Button from '@material-ui/core/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Header from '../../../Component/Header/Header';\r\nimport MerchantInfoEdit from './MerchantInfoEdit';\r\nimport RecordDocumentEdit from './RecordDocumentEdit';\r\nimport OwnerStoreEdit from './OwnerStoreEdit';\r\nimport { Routes } from \"../../../api/api\";\r\nimport axios from \"axios\";\r\nimport KarteMeli from '../../../Component/RecordDoc/KarteMeli'\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport styles from \"./styles\";\r\nimport GharadDadDocEdit from './GharadDadDocEdit';\r\nimport StoreDocEdit from './StoreDocEdit';\r\nimport MerchantInfo from '../EditHoghoghi/MerchantInfoHoghoghiEdit'\r\nimport OwnerStore from '../EditHoghoghi/OwnerStoreHoghoghiEdit'\r\nconst useStyles = makeStyles((theme) => ({\r\n backButton: {\r\n backgroundColor: 'orange',\r\n width: \"45%\",\r\n color: \"white\",\r\n fontFamily: \"IRANSansMobile\",\r\n marginRight: '10px',\r\n marginTop: \"50px\"\r\n },\r\n instructions: {\r\n fontFamily: 'IRANSansMobile',\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n root: {\r\n '& .MuiButton-root': {\r\n fontFamily: \"IRANSansMobile\",\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover.Mui-disabled\": {\r\n backgroundColor: \"orange\"\r\n },\r\n '& .MuiStepLabel-label.MuiStepLabel-alternativeLabel': {\r\n fontFamily: \"IRANSansMobile\"\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-active': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-completed': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiButton-containedPrimary': {\r\n color: '#fff',\r\n backgroundColor: '#4CAF50'\r\n },\r\n \"& MerchantHistory\": {\r\n color: 'gray'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"green\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"15%\",\r\n width: \"80%\",\r\n direction: \"rtl\",\r\n },\r\n }\r\n\r\n}));\r\n\r\n\r\n\r\nexport default function EditMerchant(props) {\r\n\r\n\r\n const [merchantTyoe, setmerchantTyoe] = useState(\"\");\r\n\r\n\r\n function getSteps() {\r\n if (merchantTyoe === 1) {\r\n return ['اطلاعات پذیرنده', 'اطلاعات فروشگاه', \"اطلاعات امضاداران\"];\r\n\r\n } else {\r\n return ['اطلاعات فروشگاه', 'اطلاعات مدیر'];\r\n\r\n }\r\n }\r\n function getStepContent(stepIndex) {\r\n if (merchantTyoe === 1) {\r\n switch (stepIndex) {\r\n case 0:\r\n return \r\n
\r\n );\r\n}","import React, { useState, useEffect } from \"react\";\nimport Input from \"../../Component/Input/input\";\nimport Submit from \"../../Component/SubmitButton/SubmitButton\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Snackbar from \"@material-ui/core/Snackbar\";\n\nconst styles = makeStyles({\n root: {\n \"& .MuiSnackbarContent-root\": {\n backgroundColor: \"red\",\n justifyContent: \"center\",\n fontFamily: \"IRANSansMobile\",\n flexGrow: 0,\n marginBottom: \"10%\",\n direction: \"rtl\",\n },\n },\n});\nconst PassWord = (props) => {\n const [password, setPassWord] = useState(\"\");\n const [passwordType, setPassWordType] = useState(\"\");\n const [enterPass, setEnterPass] = useState(\"\");\n const [snackBar, setSnackBar] = useState(false);\n const [textSnack, setTextSnack] = useState(\"enter your text !\");\n const classes = styles();\n useEffect(() => {\n let pass = localStorage.getItem(\"passWord\");\n setPassWord(pass);\n let passType = localStorage.getItem(\"passwordType\");\n setPassWordType(passType);\n });\n\n const handleSubmit = () => {\n if (password !== enterPass) {\n setTextSnack(\"رمز ورود اشتباه است!\");\n setSnackBar(true);\n } else {\n props.history.push(\"/main\");\n }\n };\n\n const handleClose = (event, reason) => {\n if (reason === \"clickaway\") {\n return;\n }\n\n setSnackBar(false);\n };\n return (\n \r\n {\r\n props.history.push(\"../MerchantHistory\");\r\n localStorage.removeItem(\"BankKode\");\r\n localStorage.removeItem(\"BankItems\");\r\n localStorage.removeItem(\"ShabaNumber\");\r\n localStorage.removeItem(\"HesabNumber\");\r\n localStorage.removeItem(\"cityShenasName\");\r\n localStorage.removeItem(\"phoneNumMerchant\");\r\n localStorage.removeItem(\"mobileNumMerchant\");\r\n localStorage.removeItem(\"SeriNum\");\r\n localStorage.removeItem(\"ShenasName\");\r\n localStorage.removeItem(\"NationalNum\");\r\n localStorage.removeItem(\"birthdate\");\r\n localStorage.removeItem(\"Gender\");\r\n localStorage.removeItem(\"FatherNameL\");\r\n localStorage.removeItem(\"lastNameL\");\r\n localStorage.removeItem(\"NameL\");\r\n localStorage.removeItem(\"FatherName\");\r\n localStorage.removeItem(\"lastName\");\r\n localStorage.removeItem(\"faxedit\");\r\n localStorage.removeItem(\"Name\");\r\n localStorage.removeItem(\"Cityy\");\r\n localStorage.removeItem(\"mobileNum\");\r\n localStorage.removeItem(\"deviceSerial\");\r\n localStorage.removeItem(\"SwitchesType\");\r\n localStorage.removeItem(\"Devicess\");\r\n localStorage.removeItem(\"TypeSToree\");\r\n localStorage.removeItem(\"StoooreLogooo\");\r\n localStorage.removeItem(\"website\");\r\n localStorage.removeItem(\"EmailOwn\");\r\n localStorage.removeItem(\"descripe\");\r\n localStorage.removeItem(\"Id\");\r\n localStorage.removeItem(\"storeName\");\r\n localStorage.removeItem(\"PostNum\");\r\n localStorage.removeItem(\"AddresStore\");\r\n localStorage.removeItem(\"StoreNameL\");\r\n localStorage.removeItem(\"CompanyName\");\r\n localStorage.removeItem(\"BankItemsMerchant\");\r\n localStorage.removeItem(\"accDateCom\");\r\n localStorage.removeItem(\"ShabaNumberMerchant\");\r\n localStorage.removeItem(\"HesabNumberMerchant\");\r\n localStorage.removeItem(\"mobileNumDargah\");\r\n localStorage.removeItem(\"PhoneNumberDargah\");\r\n localStorage.removeItem(\"shenasMeliCom\");\r\n localStorage.removeItem(\"acceptNumCome\");\r\n localStorage.removeItem(\"CompanyNameEn\");\r\n localStorage.removeItem(\"CompanyName\");\r\n localStorage.removeItem(\"2\");\r\n localStorage.removeItem(\"1\");\r\n localStorage.removeItem(\"Id\");\r\n localStorage.removeItem(\"faxedit\");\r\n localStorage.removeItem(\"website\");\r\n localStorage.removeItem(\"EmailOwn\");\r\n localStorage.removeItem(\"descripe\");\r\n localStorage.removeItem(\"AddresStore\");\r\n localStorage.removeItem(\"Cityy\");\r\n localStorage.removeItem(\"PostNum\");\r\n localStorage.removeItem(\"PhoneNumber\");\r\n localStorage.removeItem(\"mobileNum\");\r\n localStorage.removeItem(\"deviceSerial\");\r\n localStorage.removeItem(\"SwitchesType\");\r\n localStorage.removeItem(\"Devicess\");\r\n localStorage.removeItem(\"TypeSToree\");\r\n localStorage.removeItem(\"StoooreLogooo\");\r\n localStorage.removeItem(\"StoreNameL\");\r\n localStorage.removeItem(\"storeName\");\r\n localStorage.removeItem(\"BankKodeMerchant\");\r\n localStorage.removeItem(\"NameL\");\r\n localStorage.removeItem(\"busines\");\r\n localStorage.removeItem(\"phoneNumMerchantber\");\r\n localStorage.removeItem(\"mobileMerchantNum\");\r\n localStorage.removeItem(\"SeriNum\");\r\n localStorage.removeItem(\"ShenasName\");\r\n localStorage.removeItem(\"NationalNum\");\r\n localStorage.removeItem(\"Gender\");\r\n localStorage.removeItem(\"birthdate\");\r\n localStorage.removeItem(\"FatherLatin\");\r\n localStorage.removeItem(\"lastNameLatin\");\r\n localStorage.removeItem(\"Namelatin\");\r\n localStorage.removeItem(\"FatherName\");\r\n localStorage.removeItem(\"lastName\");\r\n localStorage.removeItem(\"Name\");\r\n localStorage.removeItem(\"HesabNumber\");\r\n localStorage.removeItem(\"phoneNumMerchant\");\r\n localStorage.removeItem(\"mobileNumMerchant\");\r\n localStorage.removeItem(\"cityShenasName\");\r\n localStorage.removeItem(\"phoneNumMerchantber\");\r\n localStorage.removeItem(\"mobileMerchantNum\");\r\n localStorage.removeItem(\"SeriNum\");\r\n localStorage.removeItem(\"ShenasName\");\r\n localStorage.removeItem(\"NationalNum\");\r\n localStorage.removeItem(\"birthdate\");\r\n localStorage.removeItem(\"Gender\");\r\n localStorage.removeItem(\"FatherNameL\");\r\n localStorage.removeItem(\"lastNameL\");\r\n\r\n }}\r\n />\r\n
\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n
\r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n تمام مراحل با موفقیت انجام شد \r\n \r\n
\r\n ) : (\r\n \r\n {getStepContent(activeStep)} \r\n
\r\n )}\r\n \r\n\r\n\r\n \r\n قبلی\r\n \r\n\r\n\r\n\r\n\r\n {activeStep === 2 ? : }\r\n
\r\n \n setEnterPass(e.target.value)}\n />\n
\n \n handleSubmit()} />\n
\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n setStoreName(e.target.value);\r\n localStorage.setItem(\"storeName\", e.target.value);\r\n\r\n }}\r\n />\r\n {localStorage.getItem(\"storeName\") === null || localStorage.getItem(\"storeName\") === \"\" ?\r\n \r\n وارد کردن نام فروشگاه الزامی میباشد\r\n
: null}\r\n \r\n {\r\n setStoreNameEn(e.target.value);\r\n localStorage.setItem(\"StoreNameEn\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"StoreNameEn\") === null || localStorage.getItem(\"StoreNameEn\") === \"\" ?\r\n \r\n وارد نمودن نام شرکت به لاتین الزامی میباشد\r\n
: null}\r\n \r\n
\r\n\r\n\r\n \r\n {\r\n setTypeSToree(e.target.value);\r\n localStorage.setItem(\"TypeSToree\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"TypeSToree\") === null || localStorage.getItem(\"TypeSToree\") === \"\" ?\r\n \r\n وارد نمودن صنف فعالیت الزامی میباشد\r\n
: null}\r\n \r\n\r\n\r\n \r\n \r\n وارد نمودن نوع فعالیت الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n {\r\n setMobileNum(e.target.value);\r\n localStorage.setItem(\"mobileNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileNum\") === null || localStorage.getItem(\"mobileNum\") === \"\" ?\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setPhoneNumber(e.target.value);\r\n localStorage.setItem(\"PhoneNumber\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PhoneNumber\") === null || localStorage.getItem(\"PhoneNumber\") === \"\" ?\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setPostNum(e.target.value);\r\n localStorage.setItem(\"PostNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PostNum\") === null || localStorage.getItem(\"PostNum\") === \"\" ?\r\n \r\n وارد نمودن کد پستی الزامی میباشد\r\n
: null}\r\n \r\n { cityItem(); console.log('ok') }} >\r\n \r\n وارد کردن استان الزامی میباشد\r\n
: null}\r\n \r\n\r\n {localStorage.getItem(\"Province\") ?\r\n { cityItem(); console.log('ok') }}>\r\n \r\n وارد کردن شهر الزامی میباشد\r\n
: null}\r\n :\r\n \r\n \r\n
\r\n }\r\n\r\n\r\n\r\n \r\n {\r\n setAddrresStore(e.target.value);\r\n localStorage.setItem(\"AddresStore\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"AddresStore\") === null || localStorage.getItem(\"AddresStore\") === \"\" ?\r\n \r\n وارد نمودن آدرس فروشگاه الزامی است\r\n
: null}\r\n \r\n \r\n {\r\n setEmailOwn(e.target.value);\r\n localStorage.setItem(\"EmailOwn\", e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setWebsite(e.target.value);\r\n localStorage.setItem(\"website\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"website\") === null || localStorage.getItem(\"website\") === \"\" ?\r\n \r\n وارد نمودن آدرس سایت الزامی است\r\n
: null}\r\n \r\n\r\n \r\n {\r\n setFaxNUM(e.target.value);\r\n localStorage.setItem(\"FaxNUM\", e.target.value);\r\n }}\r\n />\r\n\r\n\r\n
\r\n\r\n \r\n {\r\n setInfo(e.target.value);\r\n localStorage.setItem(\"Info\", e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n {localStorage.getItem(\"storeName\") === \"\" || localStorage.getItem(\"storeName\") === null ||\r\n localStorage.getItem(\"StoreNameEn\") === \"\" || localStorage.getItem(\"StoreNameEn\") === null ||\r\n localStorage.getItem(\"TypeSToree\") === \"\" || localStorage.getItem(\"TypeSToree\") === null ||\r\n localStorage.getItem(\"AddresStore\") === \"\" || localStorage.getItem(\"AddresStore\") === null ||\r\n localStorage.getItem(\"PostNum\") === \"\" || localStorage.getItem(\"PostNum\") === null ||\r\n localStorage.getItem(\"PhoneNumber\") === \"\" || localStorage.getItem(\"PhoneNumber\") === null ||\r\n localStorage.getItem(\"mobileNum\") === \"\" || localStorage.getItem(\"mobileNum\") === null ||\r\n localStorage.getItem(\"Province\") === \"\" || localStorage.getItem(\"Province\") === null ||\r\n localStorage.getItem(\"Cityy\") === \"\" || localStorage.getItem(\"Cityy\") === null||\r\n localStorage.getItem(\"website\") === \"\" || localStorage.getItem(\"website\") === null\r\n\r\n \r\n\r\n\r\n\r\n\r\n ?\r\n \r\n \r\n بعدی\r\n \r\n \r\n
\r\n : null\r\n }\r\n\r\n \r\n );\r\n};\r\n\r\nexport default SherkatInfo;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport styles from \"./styles\";\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Button from \"@material-ui/core/Button\";\r\n\r\n\r\n\r\nconst MerchantCode = (props) => {\r\n\r\n\r\n console.log(props.merchantId)\r\n const classes = styles();\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\n\r\nexport default MerchantCode;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport styles from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport DateTime from '../../Component/DatePicker/DatePicker'\r\nimport DropDownWheel from \"../../Component/DropDownWheel/DropDownWheel\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport { DepartureBoardTwoTone } from \"@material-ui/icons\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { Routes } from \"../../api/api\";\r\nimport axios from \"axios\";\r\n\r\n\r\nconst EmzaDaran = (props) => {\r\n\r\n\r\n const [token, setToken] = useState(\"\");\r\n\r\n let KodBank = localStorage.getItem(\"BankKode\")\r\n const [BankKode, setBankKode] = useState(KodBank);\r\n\r\n let namef = localStorage.getItem('Name')\r\n const [Name, setName] = useState(namef);\r\n\r\n\r\n let namefl = localStorage.getItem('Namelatin')\r\n const [Namelatin, setNamelatin] = useState(namefl);\r\n\r\n let lastn = localStorage.getItem('lastName')\r\n const [lastName, setLastName] = useState(lastn);\r\n\r\n\r\n let lastnl = localStorage.getItem('lastNameLatin')\r\n const [lastNameLatin, setlastNameLatin] = useState(lastnl);\r\n\r\n let FatherN = localStorage.getItem('FatherName')\r\n const [FatherName, setFatherName] = useState(FatherN);\r\n\r\n\r\n let FatherL = localStorage.getItem('FatherLatin')\r\n const [FatherLatin, setFatherLatin] = useState(FatherL);\r\n\r\n\r\n let NationalN = localStorage.getItem('NationalNum')\r\n const [NationalNum, setNationalNum] = useState(NationalN);\r\n\r\n let ShenasNum = localStorage.getItem('ShenasName')\r\n const [ShenasName, setShenasName] = useState(ShenasNum);\r\n\r\n let seriShenas = localStorage.getItem('SeriNum')\r\n const [SeriNum, setSeriNum] = useState(seriShenas);\r\n\r\n let CityShenas = localStorage.getItem('cityShenasName')\r\n const [cityShenasName, setCityShenasName] = useState(CityShenas);\r\n\r\n let HesabNum = localStorage.getItem('HesabNumber')\r\n const [HesabNumber, setHesabNumber] = useState(HesabNum);\r\n\r\n let shabaNum = localStorage.getItem('ShabaNumber')\r\n const [ShabaNumber, setShabaNumber] = useState(shabaNum);\r\n\r\n let phoneNumMerchant = localStorage.getItem(\"phoneNumMerchantber\");\r\n const [phoneNumMerchantber, setphoneNumMerchantber] = useState(phoneNumMerchant);\r\n\r\n let mobileMerchant = localStorage.getItem(\"mobileMerchantNum\");\r\n const [mobileMerchantNum, setmobileMerchantNum] = useState(mobileMerchant);\r\n\r\n\r\n let GetBirthDate = localStorage.getItem(\"birthdate\");\r\n const [birthdate, setbirthdate] = useState(GetBirthDate);\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n marginTop: \"3px\",\r\n marginLeft: \"28px\"\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n\r\n const classes = styles();\r\n\r\n const validation = () => {\r\n try {\r\n if (localStorage.getItem(\"Namelatin\") === null || localStorage.getItem(\"Namelatin\") === \"\")\r\n document.getElementById(\"LatinNAME\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"lastNameLatin\") === null || localStorage.getItem(\"lastNameLatin\") === \"\")\r\n document.getElementById(\"LastLatin\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"FatherLatin\") === null || localStorage.getItem(\"FatherLatin\") === \"\")\r\n document.getElementById(\"Fahter\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"Gender\") === null || localStorage.getItem(\"Gender\") === \"\")\r\n document.getElementById(\"gen\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"birthdate\") === null || localStorage.getItem(\"birthdate\") === \"\")\r\n document.getElementById(\"birth\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"NationalNum\") === null || localStorage.getItem(\"NationalNum\") === \"\")\r\n document.getElementById(\"national\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"ShenasName\") === null || localStorage.getItem(\"ShenasName\") === \"\")\r\n document.getElementById(\"shenas\").style.display = \"block\"\r\n \r\n if (localStorage.getItem(\"mobileMerchantNum\") === null || localStorage.getItem(\"mobileMerchantNum\") === \"\")\r\n document.getElementById(\"mobileMerchant\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"phoneNumMerchantber\") === null || localStorage.getItem(\"phoneNumMerchantber\") === \"\")\r\n document.getElementById(\"sabetNum\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"ShabaNumber\") === null || localStorage.getItem(\"ShabaNumber\") === \"\")\r\n document.getElementById(\"shaba\").style.display = \"block\"\r\n\r\n } catch {\r\n\r\n }\r\n }\r\n\r\n let BankIdValue = localStorage.getItem(\"BankItems\");\r\n const [BankItems, setBankItems] = useState(BankIdValue);\r\n\r\n let Jensiat = localStorage.getItem(\"Gender\");\r\n const [Gender, setGender] = useState(Jensiat);\r\n\r\n const [Banks, setBanks] = useState(\"\");\r\n console.log(Banks);\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n GetBank(tokenStorage);\r\n }, []);\r\n\r\n useEffect(() => {\r\n let BankIdValue = localStorage.getItem(\"BankItems\");\r\n console.log(BankIdValue)\r\n }, [BankIdValue])\r\n\r\n const GetBank = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetBank}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setBanks(data.value.response);\r\n }\r\n } catch (error) {\r\n console.log(GetBank);\r\n console.log(error);\r\n }\r\n };\r\n\r\n var Gen = [{\r\n text: \"آقا\",\r\n value: \"true\"\r\n }, {\r\n text: \"خانم\",\r\n value: \"false\"\r\n }];\r\n console.log(localStorage.getItem(\"birthdate\"))\r\n return (\r\n \r\n
\r\n\r\n\r\n \r\n
\r\n\r\n\r\n \r\n ثبت پذیرنده با موفقیت انجام شد\r\n
\r\n\r\n \r\n\r\n\r\n\r\n
\r\n \r\n کد رهگیری : {props.merchantId}\r\n
\r\n
\r\n جهت تکمیل عملیات بر روی گزینه ی \"تکمیل مدارک\" کیلک کنید \r\n\r\n\r\n
\r\n \r\n
\r\n جهت تکمیل عملیات بر روی گزینه ی \"تکمیل مدارک\" کیلک کنید \r\n\r\n\r\n
\r\n { props.Button() }}\r\n className={classes.root} variant=\"contained\"\r\n color=\"primary\"\r\n style={{ width: \"40%\", padding: \"6px 0px\", boxShadow: \"0 0\", background: \"orange\", fontSize: \"12px\" }} >\r\n تکمیل مدارک\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n { setName(e.target.value); localStorage.setItem('Name', e.target.value) }}\r\n />\r\n\r\n
\r\n \r\n { setLastName(e.target.value); localStorage.setItem('lastName', e.target.value) }}\r\n />\r\n\r\n
\r\n \r\n { setFatherName(e.target.value); localStorage.setItem('FatherName', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n { setNamelatin(e.target.value); localStorage.setItem('Namelatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"Namelatin\") === null || localStorage.getItem(\"Namelatin\") === \"\" ?\r\n \r\n وارد نمودن نام به لاتین الزامی میباشد\r\n
: null}\r\n \r\n { setlastNameLatin(e.target.value); localStorage.setItem('lastNameLatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"lastNameLatin\") === null || localStorage.getItem(\"lastNameLatin\") === \"\" ?\r\n \r\n وارد نمودن نام خانوادگی به لاتین الزامی میباشد\r\n
: null}\r\n \r\n { setFatherLatin(e.target.value); localStorage.setItem('FatherLatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"FatherLatin\") === null || localStorage.getItem(\"FatherLatin\") === \"\" ?\r\n \r\n وارد نمودن نام پدر به لاتین الزامی میباشد\r\n
: null}\r\n \r\n \r\n \r\n وارد نمودن نوع جنسیت الزامی میباشد\r\n
: null}\r\n \r\n \r\n \r\n وارد نمودن تاریخ تولد الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setNationalNum(e.target.value); localStorage.setItem('NationalNum', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"NationalNum\") === null || localStorage.getItem(\"NationalNum\") === \"\" ?\r\n \r\n وارد نمودن شماره ملی الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setShenasName(e.target.value); localStorage.setItem('ShenasName', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"ShenasName\") === null || localStorage.getItem(\"ShenasName\") === \"\" ?\r\n \r\n وارد نمودن شماره شناسنامه الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setSeriNum(e.target.value); localStorage.setItem('SeriNum', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setmobileMerchantNum(e.target.value);\r\n localStorage.setItem(\"mobileMerchantNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileMerchantNum\") === null || localStorage.getItem(\"mobileMerchantNum\") === \"\" ?\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setphoneNumMerchantber(e.target.value);\r\n localStorage.setItem(\"phoneNumMerchantber\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"phoneNumMerchantber\") === null || localStorage.getItem(\"phoneNumMerchantber\") === \"\" ?\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n { setCityShenasName(e.target.value); localStorage.setItem('cityShenasName', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"cityShenasName\") === null || localStorage.getItem(\"cityShenasName\") === \"\" ?\r\n \r\n وارد نمودن محل صدور شناسنامه الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n { setHesabNumber(e.target.value); localStorage.setItem('HesabNumber', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n { setShabaNumber(e.target.value); localStorage.setItem('ShabaNumber', e.target.value) }}\r\n />\r\n IR\r\n {localStorage.getItem(\"ShabaNumber\") === null || localStorage.getItem(\"ShabaNumber\") === \"\" ?\r\n \r\n وارد نمودن شماره شبا الزامی است\r\n
: null}\r\n \r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n { setBankKode(e.target.value); localStorage.setItem('BankKode', e.target.value) }}\r\n />\r\n
\r\n\r\n\r\n \r\n {localStorage.getItem(\"Namelatin\") === \"\" || localStorage.getItem(\"Namelatin\") === null ||\r\n localStorage.getItem(\"lastNameLatin\") === \"\" || localStorage.getItem(\"lastNameLatin\") === null ||\r\n localStorage.getItem(\"FatherLatin\") === \"\" || localStorage.getItem(\"FatherLatin\") === null ||\r\n localStorage.getItem(\"Gender\") === \"\" || localStorage.getItem(\"Gender\") === null ||\r\n localStorage.getItem(\"birthdate\") === \"\" || localStorage.getItem(\"birthdate\") === null ||\r\n localStorage.getItem(\"mobileMerchantNum\") === \"\" || localStorage.getItem(\"mobileMerchantNum\") === null ||\r\n localStorage.getItem(\"phoneNumMerchantber\") === \"\" || localStorage.getItem(\"phoneNumMerchantber\") === null ||\r\n localStorage.getItem(\"NationalNum\") === \"\" || localStorage.getItem(\"NationalNum\") === null ||\r\n localStorage.getItem(\"ShenasName\") === \"\" || localStorage.getItem(\"ShenasName\") === null ||\r\n localStorage.getItem(\"FatherName\") === \"\" || localStorage.getItem(\"FatherName\") === null ||\r\n localStorage.getItem(\"cityShenasName\") === \"\" || localStorage.getItem(\"cityShenasName\") === null ||\r\n localStorage.getItem(\"ShabaNumber\") === \"\" || localStorage.getItem(\"ShabaNumber\") === null\r\n\r\n\r\n ?\r\n \r\n \r\n ثبت\r\n \r\n \r\n
\r\n : null\r\n }\r\n \r\n );\r\n}\r\n\r\n\r\nexport default EmzaDaran;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport Button from '@material-ui/core/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport SherkatInfo from './SherkatInfo';\r\nimport Header from '../../Component/Header/Header';\r\nimport DargahCode from './DargahCode';\r\nimport EmzaDaran from './EmzaDaran';\r\nimport axios from \"axios\";\r\nimport { Routes } from \"../../api/api\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n backButton: {\r\n backgroundColor: 'orange',\r\n width: \"45%\",\r\n color: \"white\",\r\n fontFamily: \"IRANSansMobile\",\r\n marginRight: '10px',\r\n marginTop: \"50px\"\r\n },\r\n instructions: {\r\n fontFamily: 'IRANSansMobile',\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n root: {\r\n '& .MuiButton-root': {\r\n fontFamily: \"IRANSansMobile\",\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover.Mui-disabled\": {\r\n backgroundColor: \"orange\"\r\n },\r\n '& .MuiStepLabel-label.MuiStepLabel-alternativeLabel': {\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: '12px'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-active': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-completed': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiButton-containedPrimary': {\r\n color: '#fff',\r\n backgroundColor: '#4CAF50'\r\n },\r\n \"& MerchantHistory\": {\r\n color: 'gray'\r\n },\r\n }\r\n\r\n}));\r\n\r\n\r\n\r\nexport default function CreateMerchant(props) {\r\n\r\n\r\n function getSteps() {\r\n return ['اطلاعات فروشگاه', 'اطلاعات مدیر', \"کد رهگیری\"];\r\n }\r\n\r\n function getStepContent(stepIndex) {\r\n switch (stepIndex) {\r\n case 0:\r\n return \r\n
\r\n );\r\n}","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyle = makeStyles({\r\n container: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n fontFamily: \"IRANSansMobile\",\r\n\r\n },\r\n img: {\r\n width: 150,\r\n marginTop: 50,\r\n },\r\n text: {\r\n marginTop: 20,\r\n direction: 'rtl'\r\n },\r\n input: {\r\n marginTop: 20\r\n },\r\n timer: {\r\n marginTop: 20\r\n },\r\n sendAgain: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 10,\r\n },\r\n mobile: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 20\r\n },\r\n App: {\r\n direction: 'rtl',\r\n textalign: 'center',\r\n fontfamily: 'IRANSansMobile'\r\n },\r\n btnRecord: {\r\n marginTop: \"10px\",\r\n backgroundColor: \"white\",\r\n width: \"60%\",\r\n border: \"1px solid gray\",\r\n borderradius: \"5px\",\r\n height: \"45px\",\r\n fontfamily: \"IRANSansMobile\",\r\n fontsize: \"18px\",\r\n padding: \"15px\"\r\n },\r\n root: {\r\n \"& .MuiButton-contained\": {\r\n boxShadow: 'none',\r\n color: 'gr'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"red\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"10%\",\r\n direction: \"rtl\",\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected\": {\r\n color: '#fff',\r\n backgroundColor: '#9600ff',\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected:hover\": {\r\n backgroundColor: '#9600ff'\r\n },\r\n \"& .MuiToggleButton-root \": {\r\n color: 'gray',\r\n width: '50%'\r\n },\r\n \"& .makeStyles-backButton-24\": {\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& @media (hover: none).MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"green\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"13%\",\r\n direction: \"rtl\",\r\n },\r\n },\r\n\r\n})\r\n\r\nexport default useStyle; ","import React, { useEffect, useState, PureComponent } from \"react\";\r\nimport useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n height: 180,\r\n },\r\n container: {\r\n display: 'flex',\r\n },\r\n paper: {\r\n margin: theme.spacing(1),\r\n },\r\n svg: {\r\n width: 100,\r\n height: 100,\r\n },\r\n polygon: {\r\n fill: theme.palette.common.white,\r\n stroke: theme.palette.divider,\r\n strokeWidth: 1,\r\n },\r\n}));\r\n\r\n\r\n\r\n\r\nclass RecordDoc extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n url: null,\r\n disCrp: false,\r\n disPrw: false,\r\n img2modl: false,\r\n img2modl2: false,\r\n cropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n KartOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ url: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var url = canvas.toDataURL(\"image/png\");\r\n console.log(url)\r\n this.setState({ previewSrc: url });\r\n localStorage.setItem(\"KartMeliRo\", url)\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n\r\n\r\n\r\n\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = cropp => {\r\n this.makeClientCropp(cropp);\r\n };\r\n OnCropChange = (cropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ cropp });\r\n };\r\n async makeClientCropp(cropp) {\r\n if (this.immageRef && cropp.width && cropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n cropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, cropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = cropp.width;\r\n canvas.height = cropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n cropp.x * scaleXx,\r\n cropp.y * scaleYy,\r\n cropp.width * scaleXx,\r\n cropp.height * scaleYy,\r\n 0,\r\n 0,\r\n cropp.width,\r\n cropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var KartMeliRo = reader.result;\r\n localStorage.setItem(\"KartMeliRoCrp\", KartMeliRo)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { url, crpImgUrl, cropp } = this.state;\r\n return (\r\n \r\n {\r\n props.history.push(\"./Main\");\r\n localStorage.removeItem(\"AddresStore\");\r\n localStorage.removeItem(\"Cityy\");\r\n localStorage.removeItem(\"Province\");\r\n localStorage.removeItem(\"PostNum\");\r\n localStorage.removeItem(\"mobileNum\");\r\n localStorage.removeItem(\"PhoneNumber\");\r\n localStorage.removeItem(\"MobileNUM\");\r\n localStorage.removeItem(\"FaxNUM\");\r\n localStorage.removeItem(\"EmailOwn\");\r\n localStorage.removeItem(\"website\");\r\n localStorage.removeItem(\"Info\");\r\n localStorage.removeItem(\"Namelatin\");\r\n localStorage.removeItem(\"lastNameLatin\");\r\n localStorage.removeItem(\"FatherLatin\");\r\n localStorage.removeItem(\"birthdate\");\r\n localStorage.removeItem(\"TypeSToree\");\r\n localStorage.removeItem(\"StoreNameEn\");\r\n localStorage.removeItem(\"storeName\");\r\n localStorage.removeItem(\"FaxNUMEmza\");\r\n localStorage.removeItem(\"EmailOwnEmza\");\r\n localStorage.removeItem(\"websiteEmza\");\r\n localStorage.removeItem(\"InfoEmza\");\r\n localStorage.removeItem(\"Name\");\r\n localStorage.removeItem(\"lastName\");\r\n localStorage.removeItem(\"FatherName\");\r\n localStorage.removeItem(\"Namelatin\");\r\n localStorage.removeItem(\"lastNameLatin\");\r\n localStorage.removeItem(\"FatherLatin\");\r\n localStorage.removeItem(\"birthdate\");\r\n localStorage.removeItem(\"NationalNum\");\r\n localStorage.removeItem(\"ShenasName\");\r\n localStorage.removeItem(\"SeriNum\");\r\n localStorage.removeItem(\"mobileMerchantNum\");\r\n localStorage.removeItem(\"phoneNumMerchantber\");\r\n localStorage.removeItem(\"cityShenasName\");\r\n localStorage.removeItem(\"HesabNumber\");\r\n localStorage.removeItem(\"ShabaNumber\");\r\n localStorage.removeItem(\"BankItems\");\r\n localStorage.removeItem(\"BankKode\");\r\n }}\r\n />\r\n
\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n
\r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n تمام مراحل با موفقیت انجام شد \r\n \r\n
\r\n ) : (\r\n \r\n {getStepContent(activeStep)} \r\n
\r\n )}\r\n \r\n {activeStep === 2 ? null : \r\n قبلی\r\n }\r\n\r\n\r\n {activeStep === 2 ? : }\r\n
\r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default RecordDoc;","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyle = makeStyles({ \r\n container : {\r\n display : 'flex' , \r\n alignItems : 'center',\r\n flexDirection : 'column',\r\n fontFamily: \"IRANSansMobile\",\r\n\r\n },\r\n img: {\r\n width: 150,\r\n marginTop: 50,\r\n },\r\n text: {\r\n marginTop: 20,\r\n direction : 'rtl'\r\n },\r\n input :{\r\n marginTop : 20\r\n }, \r\n timer : {\r\n marginTop : 20\r\n },\r\n sendAgain : {\r\n display : 'flex',\r\n justifyContent : 'center',\r\n alignItems : 'center',\r\n marginTop : 10 ,\r\n },\r\n mobile : {\r\n display : 'flex',\r\n justifyContent : 'center',\r\n alignItems : 'center',\r\n marginTop : 20\r\n },\r\n App :{\r\n direction: 'rtl',\r\n textalign: 'center',\r\n fontfamily: 'IRANSansMobile'\r\n },\r\n btnRecord:{\r\n marginTop:\"10px\",\r\n backgroundColor: \"white\",\r\n width: \"60%\",\r\n border: \"1px solid gray\",\r\n borderradius: \"5px\",\r\n height: \"45px\",\r\n fontfamily: \"IRANSansMobile\",\r\n fontsize: \"18px\",\r\n padding:\"15px\"\r\n},\r\nroot :{\r\n \"& .MuiButton-contained\": {\r\n boxShadow: 'none',\r\n\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"red\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"10%\",\r\n direction: \"rtl\",\r\n}\r\n}\r\n})\r\n\r\nexport default useStyle ; ","import Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '70px 15px',\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '70px 15px',\r\n position: 'none',\r\n }\r\n};\r\n\r\nclass ShenasName extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n disableCrop: false,\r\n disablePreview: false,\r\n openModal: false,\r\n opnMdli: false,\r\n src: null,\r\n crop: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n ShenasNameOrg: false,\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ src: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 300;\r\n var MAX_HEIGHT = 300;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var src = canvas.toDataURL(\"image/png\");\r\n console.log(src)\r\n this.setState({ previewSrc: src });\r\n localStorage.setItem(\"certifiacte\", src)\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n\r\n\r\n OnImageLoaded = image => {\r\n this.imageRef = image;\r\n };\r\n OnCropCompleted = crop => {\r\n this.makeClientCrop(crop);\r\n };\r\n OnCropChanged = (crop, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ crop });\r\n };\r\n async makeClientCrop(crop) {\r\n if (this.imageRef && crop.width && crop.height) {\r\n const croppedImage = await this.getCropImg(\r\n this.imageRef,\r\n crop,\r\n 'newFile.jpeg'\r\n );\r\n this.setState({ croppedImageUrl: croppedImage });\r\n\r\n }\r\n }\r\n getCropImg(image, crop, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleX = image.naturalWidth / image.width;\r\n const scaleY = image.naturalHeight / image.height;\r\n canvas.width = crop.width;\r\n canvas.height = crop.height;\r\n const ctx = canvas.getContext('2d');\r\n\r\n ctx.drawImage(\r\n image,\r\n crop.x * scaleX,\r\n crop.y * scaleY,\r\n crop.width * scaleX,\r\n crop.height * scaleY,\r\n 0,\r\n 0,\r\n crop.width,\r\n crop.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var Certi = reader.result;\r\n localStorage.setItem(\"certifiacteCrp\", Certi)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { crop, croppedImageUrl, src } = this.state;\r\n console.log(localStorage.getItem(\"certifiacte\"))\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"kartmeli\") === null || localStorage.getItem(\"kartmeli\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n {localStorage.getItem(\"kartmeli\") === null || localStorage.getItem(\"kartmeli\") === \"\" ?\r\n this.setState({ img2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ img2modl2: false })}\r\n />\r\n {this.state.KartOrg == true ? this.setState({ img2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ img2modl2: false })}\r\n />\r\n this.setState({ img2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"kartmeli\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {url && (\r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n\r\n
\r\n\r\n \r\n \r\n\r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default ShenasName;\r\n","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass TaiedShaba extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n TaiedShabaurl: null,\r\n TaiedShabadisCrp: false,\r\n TaiedShabadisPrw: false,\r\n TaiedShabaimg2modl: false,\r\n TaiedShabaimg2modl2: false,\r\n TaiedShabacropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n TaiedShabaOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ TaiedShabaurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var TaiedShabaurl = canvas.toDataURL(\"image/png\");\r\n console.log(TaiedShabaurl)\r\n this.setState({ previewSrc: TaiedShabaurl });\r\n localStorage.setItem(\"TiedieShaba\", TaiedShabaurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = TaiedShabacropp => {\r\n this.makeClientCropp(TaiedShabacropp);\r\n };\r\n OnCropChange = (TaiedShabacropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ TaiedShabacropp });\r\n };\r\n async makeClientCropp(TaiedShabacropp) {\r\n if (this.immageRef && TaiedShabacropp.width && TaiedShabacropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n TaiedShabacropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, TaiedShabacropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = TaiedShabacropp.width;\r\n canvas.height = TaiedShabacropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n TaiedShabacropp.x * scaleXx,\r\n TaiedShabacropp.y * scaleYy,\r\n TaiedShabacropp.width * scaleXx,\r\n TaiedShabacropp.height * scaleYy,\r\n 0,\r\n 0,\r\n TaiedShabacropp.width,\r\n TaiedShabacropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var TaddieShaba = reader.result;\r\n localStorage.setItem(\"ShabaTadieCrp\", TaddieShaba)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { TaiedShabaurl, crpImgUrl, TaiedShabacropp } = this.state;\r\n console.log(localStorage.getItem(\"TiedieShaba\"))\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"Serti\") === null || localStorage.getItem(\"Serti\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n {localStorage.getItem(\"Serti\") === null || localStorage.getItem(\"Serti\") === \"\" ?\r\n this.setState({ opnMdli: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ opnMdli: false })}\r\n />\r\n {this.state.ShenasNameOrg == true ? this.setState({ opnMdli: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ opnMdli: false })}\r\n />\r\n this.setState({ openModal: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n\r\n\r\n\r\n \r\n \r\n
: \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"Serti\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n \r\n {src && (\r\n
\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default TaiedShaba;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n height: 180,\r\n },\r\n container: {\r\n display: 'flex',\r\n },\r\n paper: {\r\n margin: theme.spacing(1),\r\n },\r\n svg: {\r\n width: 100,\r\n height: 100,\r\n },\r\n polygon: {\r\n fill: theme.palette.common.white,\r\n stroke: theme.palette.divider,\r\n strokeWidth: 1,\r\n },\r\n}));\r\n\r\n\r\n\r\n\r\nclass KartMeliPosht extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n KartMeliPoshturl: null,\r\n KartMeliPoshtdisCrp: false,\r\n KartMeliPoshtdisPrw: false,\r\n kartmeliposhtmld0: false,\r\n kartmeliposhtmld2: false,\r\n cropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n KartOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ KartMeliPoshturl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var KartMeliPoshturl = canvas.toDataURL(\"image/png\");\r\n console.log(KartMeliPoshturl)\r\n this.setState({ previewSrc: KartMeliPoshturl });\r\n localStorage.setItem(\"KartMeliPoshtt\", KartMeliPoshturl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n\r\n\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = cropp => {\r\n this.makeClientCropp(cropp);\r\n };\r\n OnCropChange = (cropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ cropp });\r\n };\r\n async makeClientCropp(cropp) {\r\n if (this.immageRef && cropp.width && cropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n cropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, cropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = cropp.width;\r\n canvas.height = cropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n cropp.x * scaleXx,\r\n cropp.y * scaleYy,\r\n cropp.width * scaleXx,\r\n cropp.height * scaleYy,\r\n 0,\r\n 0,\r\n cropp.width,\r\n cropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var KartMeliPoshtt = reader.result;\r\n localStorage.setItem(\"KartMeliPoshttCrp\", KartMeliPoshtt)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { KartMeliPoshturl, crpImgUrl, cropp } = this.state;\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"iban\") === null || localStorage.getItem(\"iban\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n {localStorage.getItem(\"iban\") === null || localStorage.getItem(\"iban\") === \"\" ?\r\n this.setState({ TaiedShabaimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ TaiedShabaimg2modl2: false })}\r\n />\r\n {this.state.TaiedShabaOrg == true ? this.setState({ TaiedShabaimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ TaiedShabaimg2modl2: false })}\r\n />\r\n this.setState({ TaiedShabaimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"iban\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {TaiedShabaurl && (\r\n
\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default KartMeliPosht;","import 'react-image-crop/dist/ReactCrop.css'\r\nimport React, { PureComponent } from 'react'\r\nimport KarteMeli from '../../../Component/RecordDocCreate/KarteMeli'\r\nimport ShenasName from '../../../Component/RecordDocCreate/ShenasName'\r\nimport TaiedShaba from '../../../Component/RecordDocCreate/TiedeShaba'\r\nimport KartMeliPosht from '../../../Component/RecordDocCreate/kartMeliPosht'\r\nclass RecordDocument extends PureComponent {\r\n constructor() {\r\n super();\r\n }\r\n\r\n \r\n render() {\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"kartmeliP\") === null || localStorage.getItem(\"kartmeliP\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n\r\n {localStorage.getItem(\"kartmeliP\") === null || localStorage.getItem(\"kartmeliP\") === \"\" ?\r\n this.setState({ kartmeliposhtmld2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ kartmeliposhtmld2: false })}\r\n />\r\n {this.state.KartOrg == true ? this.setState({ kartmeliposhtmld2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ kartmeliposhtmld2: false })}\r\n />\r\n this.setState({ kartmeliposhtmld0: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"kartmeliP\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n \r\n {KartMeliPoshturl && (\r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default RecordDocument;\r\n","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass EjareName extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n EjareNameurl: null,\r\n EjareNamedisCrp: false,\r\n EjareNamedisPrw: false,\r\n EjareNameimg2modl: false,\r\n EjareNameimg2modl2: false,\r\n EjareNamecropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n EjareNameOrg: false,\r\n files: []\r\n\r\n };\r\n\r\n }\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ EjareNameurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var EjareNameurl = canvas.toDataURL(\"image/png\");\r\n console.log(EjareNameurl)\r\n this.setState({ previewSrc: EjareNameurl });\r\n localStorage.setItem(\"EjareNamee\", EjareNameurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = EjareNamecropp => {\r\n this.makeClientCropp(EjareNamecropp);\r\n };\r\n OnCropChange = (EjareNamecropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ EjareNamecropp });\r\n };\r\n async makeClientCropp(EjareNamecropp) {\r\n if (this.immageRef && EjareNamecropp.width && EjareNamecropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n EjareNamecropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, EjareNamecropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = EjareNamecropp.width;\r\n canvas.height = EjareNamecropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n EjareNamecropp.x * scaleXx,\r\n EjareNamecropp.y * scaleYy,\r\n EjareNamecropp.width * scaleXx,\r\n EjareNamecropp.height * scaleYy,\r\n 0,\r\n 0,\r\n EjareNamecropp.width,\r\n EjareNamecropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var ejare = reader.result;\r\n localStorage.setItem(\"EjareNameeCrp\", ejare)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n\r\n\r\n\r\n render() {\r\n const { EjareNameurl, crpImgUrl, EjareNamecropp } = this.state;\r\n return (\r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default EjareName;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass JavazKasb extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n JavazKasburl: null,\r\n JavazKasbdisCrp: false,\r\n JavazKasbdisPrw: false,\r\n JavazKasbimg2modl: false,\r\n JavazKasbimg2modl2: false,\r\n JavazKasbcropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n JavazKasbOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ JavazKasburl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var JavazKasburl = canvas.toDataURL(\"image/png\");\r\n console.log(JavazKasburl)\r\n this.setState({ previewSrc: JavazKasburl });\r\n localStorage.setItem(\"JavazKasb\", JavazKasburl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = JavazKasbcropp => {\r\n this.makeClientCropp(JavazKasbcropp);\r\n };\r\n OnCropChange = (JavazKasbcropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ JavazKasbcropp });\r\n };\r\n async makeClientCropp(JavazKasbcropp) {\r\n if (this.immageRef && JavazKasbcropp.width && JavazKasbcropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n JavazKasbcropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ JavazKcrpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, JavazKasbcropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = JavazKasbcropp.width;\r\n canvas.height = JavazKasbcropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n JavazKasbcropp.x * scaleXx,\r\n JavazKasbcropp.y * scaleYy,\r\n JavazKasbcropp.width * scaleXx,\r\n JavazKasbcropp.height * scaleYy,\r\n 0,\r\n 0,\r\n JavazKasbcropp.width,\r\n JavazKasbcropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var JavazKasb = reader.result;\r\n localStorage.setItem(\"JavazKasbCrp\", JavazKasb)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { JavazKasburl, JavazKcrpImgUrl, JavazKasbcropp } = this.state;\r\n console.log(localStorage.getItem(\"JavazKasb\"))\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"ejare\") === null || localStorage.getItem(\"ejare\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n {localStorage.getItem(\"ejare\") === null || localStorage.getItem(\"ejare\") === \"\" ?\r\n this.setState({ EjareNameimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ EjareNameimg2modl2: false })}\r\n />\r\n {this.state.EjareNameimg2modl2 == true ? this.setState({ EjareNameimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ EjareNameimg2modl2: false })}\r\n />\r\n this.setState({ EjareNameimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"ejare\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {EjareNameurl && (\r\n
\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default JavazKasb;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\nimport { ConsoleView } from \"react-device-detect\";\r\nimport { LocationSearching } from \"@material-ui/icons\";\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass EsteshadName extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n EsteshadNameurl: null,\r\n EsteshadNamedisCrp: false,\r\n EsteshadNamedisPrw: false,\r\n EsteshadNameimg2modl: false,\r\n EsteshadNameimg2modl2: false,\r\n EsteshadNamecropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n EsteshadNameOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ EsteshadNameurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var EsteshadNameurl = canvas.toDataURL(\"image/png\");\r\n console.log(EsteshadNameurl)\r\n this.setState({ previewSrc: EsteshadNameurl });\r\n localStorage.setItem(\"esteshnadnaame\", EsteshadNameurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = EsteshadNamecropp => {\r\n this.makeClientCropp(EsteshadNamecropp);\r\n };\r\n OnCropChange = (EsteshadNamecropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ EsteshadNamecropp });\r\n };\r\n async makeClientCropp(EsteshadNamecropp) {\r\n if (this.immageRef && EsteshadNamecropp.width && EsteshadNamecropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n EsteshadNamecropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n }\r\n }\r\n getCrop(immage, EsteshadNamecropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = EsteshadNamecropp.width;\r\n canvas.height = EsteshadNamecropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n EsteshadNamecropp.x * scaleXx,\r\n EsteshadNamecropp.y * scaleYy,\r\n EsteshadNamecropp.width * scaleXx,\r\n EsteshadNamecropp.height * scaleYy,\r\n 0,\r\n 0,\r\n EsteshadNamecropp.width,\r\n EsteshadNamecropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var base64data = reader.result;\r\n localStorage.setItem(\"esteshnadnaameCrp\", base64data)\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { EsteshadNameurl, crpImgUrl, EsteshadNamecropp } = this.state;\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n\r\n {localStorage.getItem(\"mojavez\") === null || localStorage.getItem(\"mojavez\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"mojavez\") === null || localStorage.getItem(\"mojavez\") === \"\" ?\r\n this.setState({ JavazKasbimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ JavazKasbimg2modl2: false })}\r\n />\r\n {this.state.JavazKasbOrg == true ? this.setState({ JavazKasbimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ JavazKasbimg2modl2: false })}\r\n />\r\n this.setState({ JavazKasbimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"mojavez\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {JavazKasburl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default EsteshadName;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\nimport { Flag } from \"@material-ui/icons\";\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass TaiedCodePosti extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n TaiedCodePostiaurl: null,\r\n TaiedCodePostidisCrp: false,\r\n TaiedCodePostidisPrw: false,\r\n TaiedCodePostiimg2modl: false,\r\n TaiedCodePostiimg2modl2: false,\r\n TaiedCodePosticropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n TaiedCodePostiOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ TaiedCodePostiaurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var TaiedCodePostiaurl = canvas.toDataURL(\"image/png\");\r\n console.log(TaiedCodePostiaurl)\r\n this.setState({ previewSrc: TaiedCodePostiaurl });\r\n localStorage.setItem(\"TeidieCodePosti\", TaiedCodePostiaurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = TaiedCodePosticropp => {\r\n this.makeClientCropp(TaiedCodePosticropp);\r\n };\r\n OnCropChange = (TaiedCodePosticropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ TaiedCodePosticropp });\r\n };\r\n async makeClientCropp(TaiedCodePosticropp) {\r\n if (this.immageRef && TaiedCodePosticropp.width && TaiedCodePosticropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n TaiedCodePosticropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, TaiedCodePosticropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = TaiedCodePosticropp.width;\r\n canvas.height = TaiedCodePosticropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n TaiedCodePosticropp.x * scaleXx,\r\n TaiedCodePosticropp.y * scaleYy,\r\n TaiedCodePosticropp.width * scaleXx,\r\n TaiedCodePosticropp.height * scaleYy,\r\n 0,\r\n 0,\r\n TaiedCodePosticropp.width,\r\n TaiedCodePosticropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var TeidieCodePosti = reader.result;\r\n localStorage.setItem(\"TeidieCodePostiCrp\", TeidieCodePosti)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { TaiedCodePostiaurl, crpImgUrl, TaiedCodePosticropp } = this.state;\r\n console.log(localStorage.getItem(\"TeidieCodePosti\"))\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"estesh\") === null || localStorage.getItem(\"estesh\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"estesh\") === null || localStorage.getItem(\"estesh\") === \"\" ?\r\n this.setState({ EsteshadNameimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ EsteshadNameimg2modl2: false })}\r\n />\r\n {this.state.EsteshadNameOrg == true ? this.setState({ EsteshadNameimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ EsteshadNameimg2modl2: false })}\r\n />\r\n this.setState({ EsteshadNameimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"estesh\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n \r\n {EsteshadNameurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default TaiedCodePosti;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass MoarefiName extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n MoarefiNameurl: null,\r\n MoarefiNamedisCrp: false,\r\n MoarefiNamedisPrw: false,\r\n MoarefiNameimg2modl: false,\r\n MoarefiNameimg2modl2: false,\r\n MoarefiNamecropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n MoarefiNameOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ MoarefiNameurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var MoarefiNameurl = canvas.toDataURL(\"image/png\");\r\n console.log(MoarefiNameurl)\r\n this.setState({ previewSrc: MoarefiNameurl });\r\n localStorage.setItem(\"MoarfiNaame\", MoarefiNameurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = MoarefiNamecropp => {\r\n this.makeClientCropp(MoarefiNamecropp);\r\n };\r\n OnCropChange = (MoarefiNamecropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ MoarefiNamecropp });\r\n };\r\n async makeClientCropp(MoarefiNamecropp) {\r\n if (this.immageRef && MoarefiNamecropp.width && MoarefiNamecropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n MoarefiNamecropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ JavazKcrpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, MoarefiNamecropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = MoarefiNamecropp.width;\r\n canvas.height = MoarefiNamecropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n MoarefiNamecropp.x * scaleXx,\r\n MoarefiNamecropp.y * scaleYy,\r\n MoarefiNamecropp.width * scaleXx,\r\n MoarefiNamecropp.height * scaleYy,\r\n 0,\r\n 0,\r\n MoarefiNamecropp.width,\r\n MoarefiNamecropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var MoarfiNaame = reader.result;\r\n localStorage.setItem(\"MoarfiNaameCrp\", MoarfiNaame)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n\r\n render() {\r\n const { MoarefiNameurl, JavazKcrpImgUrl, MoarefiNamecropp } = this.state;\r\n console.log(localStorage.getItem(\"MoarfiNaame\"))\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"post\") === null || localStorage.getItem(\"post\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"post\") === null || localStorage.getItem(\"post\") === \"\" ?\r\n this.setState({ TaiedCodePostiimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ TaiedCodePostiimg2modl2: false })}\r\n />\r\n {this.state.TaiedCodePostiOrg == true ? this.setState({ TaiedCodePostiimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ TaiedCodePostiimg2modl2: false })}\r\n />\r\n this.setState({ TaiedCodePostiimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"post\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {TaiedCodePostiaurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default MoarefiName;","import 'react-image-crop/dist/ReactCrop.css'\r\nimport React, { PureComponent } from 'react'\r\nimport EjareName from '../../../Component/RecordDocCreate/EjareName'\r\nimport JavazKasb from '../../../Component/RecordDocCreate/JavazKasb'\r\nimport EsteshadName from '../../../Component/RecordDocCreate/EsteshadName'\r\nimport TaiedCodePosti from '../../../Component/RecordDocCreate/TiedCodePosti'\r\nimport MoarefiName from '../../../Component/RecordDocCreate/MoarefiName'\r\n\r\nclass StoreDoc extends PureComponent {\r\n constructor() {\r\n super();\r\n }\r\n\r\n\r\n render() {\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"moarefiN\") === null || localStorage.getItem(\"moarefiN\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"moarefiN\") === null || localStorage.getItem(\"moarefiN\") === \"\" ?\r\n this.setState({ MoarefiNameimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ MoarefiNameimg2modl2: false })}\r\n />\r\n {this.state.MoarefiNameOrg == true ? this.setState({ MoarefiNameimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ MoarefiNameimg2modl2: false })}\r\n />\r\n this.setState({ MoarefiNameimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"moarefiN\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {MoarefiNameurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default StoreDoc;\r\n","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass FormMarketing extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n FormMarketingurl: null,\r\n FormMarketingdisCrp: false,\r\n FormMarketingdisPrw: false,\r\n FormMarketingimg2modl: false,\r\n FormMarketingimg2modl2: false,\r\n FormMarketingcropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n FormMarketingOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ FormMarketingurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var FormMarketingurl = canvas.toDataURL(\"image/png\");\r\n console.log(FormMarketingurl)\r\n this.setState({ previewSrc: FormMarketingurl });\r\n localStorage.setItem(\"FormMarketingC\", FormMarketingurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = FormMarketingcropp => {\r\n this.makeClientCropp(FormMarketingcropp);\r\n };\r\n OnCropChange = (FormMarketingcropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ FormMarketingcropp });\r\n };\r\n async makeClientCropp(FormMarketingcropp) {\r\n if (this.immageRef && FormMarketingcropp.width && FormMarketingcropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n FormMarketingcropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, FormMarketingcropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = FormMarketingcropp.width;\r\n canvas.height = FormMarketingcropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n FormMarketingcropp.x * scaleXx,\r\n FormMarketingcropp.y * scaleYy,\r\n FormMarketingcropp.width * scaleXx,\r\n FormMarketingcropp.height * scaleYy,\r\n 0,\r\n 0,\r\n FormMarketingcropp.width,\r\n FormMarketingcropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var formmar = reader.result;\r\n localStorage.setItem(\"FormMarketingCrp\", formmar)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { FormMarketingurl, crpImgUrl, FormMarketingcropp } = this.state;\r\n console.log(localStorage.getItem(\"FormMarketingC\"))\r\n\r\n return (\r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default FormMarketing;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass GharardadPazirandegu extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n GharardadPazirandeguurl: null,\r\n GharardadPazirandegudisCrp: false,\r\n GharardadPazirandegudisPrw: false,\r\n GharardadPazirandeguimg2modl: false,\r\n GharardadPazirandeguimg2modl2: false,\r\n GharardadPazirandegucropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n GharardadPazirandeguOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ GharardadPazirandeguurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var GharardadPazirandeguurl = canvas.toDataURL(\"image/png\");\r\n console.log(GharardadPazirandeguurl)\r\n this.setState({ previewSrc: GharardadPazirandeguurl });\r\n localStorage.setItem(\"fromePazirandegi\", GharardadPazirandeguurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = GharardadPazirandegucropp => {\r\n this.makeClientCropp(GharardadPazirandegucropp);\r\n };\r\n OnCropChange = (GharardadPazirandegucropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ GharardadPazirandegucropp });\r\n };\r\n async makeClientCropp(GharardadPazirandegucropp) {\r\n if (this.immageRef && GharardadPazirandegucropp.width && GharardadPazirandegucropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n GharardadPazirandegucropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ JavazKcrpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, GharardadPazirandegucropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = GharardadPazirandegucropp.width;\r\n canvas.height = GharardadPazirandegucropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n GharardadPazirandegucropp.x * scaleXx,\r\n GharardadPazirandegucropp.y * scaleYy,\r\n GharardadPazirandegucropp.width * scaleXx,\r\n GharardadPazirandegucropp.height * scaleYy,\r\n 0,\r\n 0,\r\n GharardadPazirandegucropp.width,\r\n GharardadPazirandegucropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var PazirandeggiFront = reader.result;\r\n localStorage.setItem(\"fromePazirandegicrp\", PazirandeggiFront)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { GharardadPazirandeguurl, JavazKcrpImgUrl, GharardadPazirandegucropp } = this.state;\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"marketingFormCreate\") === null || localStorage.getItem(\"marketingFormCreate\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n {localStorage.getItem(\"marketingFormCreate\") === null || localStorage.getItem(\"marketingFormCreate\") === \"\" ?\r\n this.setState({ FormMarketingimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FormMarketingimg2modl2: false })}\r\n />\r\n {this.state.FormMarketingOrg == true ? this.setState({ FormMarketingimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FormMarketingimg2modl2: false })}\r\n />\r\n this.setState({ FormMarketingimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"marketingFormCreate\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {FormMarketingurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default GharardadPazirandegu;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass GharardadPazirandegiPosht extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n GharardadPazirandegiPoshturl: null,\r\n GharardadPazirandegiPoshtdisCrp: false,\r\n GharardadPazirandegiPoshtdisPrw: false,\r\n GharardadPazirandegiPoshtimg2modl: false,\r\n GharardadPazirandegiPoshtimg2modl2: false,\r\n GharardadPazirandegiPoshtcropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n GharardadPazirandegiPoshtOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ GharardadPazirandegiPoshturl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var GharardadPazirandegiPoshturl = canvas.toDataURL(\"image/png\");\r\n console.log(GharardadPazirandegiPoshturl)\r\n this.setState({ previewSrc: GharardadPazirandegiPoshturl });\r\n localStorage.setItem(\"GharardadPaziranegiPosht\", GharardadPazirandegiPoshturl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = GharardadPazirandegiPoshtcropp => {\r\n this.makeClientCropp(GharardadPazirandegiPoshtcropp);\r\n };\r\n OnCropChange = (GharardadPazirandegiPoshtcropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ GharardadPazirandegiPoshtcropp });\r\n };\r\n async makeClientCropp(GharardadPazirandegiPoshtcropp) {\r\n if (this.immageRef && GharardadPazirandegiPoshtcropp.width && GharardadPazirandegiPoshtcropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n GharardadPazirandegiPoshtcropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ JavazKcrpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, GharardadPazirandegiPoshtcropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = GharardadPazirandegiPoshtcropp.width;\r\n canvas.height = GharardadPazirandegiPoshtcropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n GharardadPazirandegiPoshtcropp.x * scaleXx,\r\n GharardadPazirandegiPoshtcropp.y * scaleYy,\r\n GharardadPazirandegiPoshtcropp.width * scaleXx,\r\n GharardadPazirandegiPoshtcropp.height * scaleYy,\r\n 0,\r\n 0,\r\n GharardadPazirandegiPoshtcropp.width,\r\n GharardadPazirandegiPoshtcropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var GharardadPosht = reader.result;\r\n localStorage.setItem(\"GharardadPaziranegiPoshtCrp\", GharardadPosht)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { GharardadPazirandegiPoshturl, JavazKcrpImgUrl, GharardadPazirandegiPoshtcropp } = this.state;\r\n console.log(localStorage.getItem(\"GharardadPaziranegiPosht\"))\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"contractFrontF\") === null || localStorage.getItem(\"contractFrontF\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"contractFrontF\") === null || localStorage.getItem(\"contractFrontF\") === \"\" ?\r\n this.setState({ GharardadPazirandeguimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ GharardadPazirandeguimg2modl2: false })}\r\n />\r\n {this.state.GharardadPazirandeguOrg == true ? this.setState({ GharardadPazirandeguimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ GharardadPazirandeguimg2modl2: false })}\r\n />\r\n this.setState({ GharardadPazirandeguimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"contractFrontF\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {GharardadPazirandeguurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default GharardadPazirandegiPosht;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass FormNasbPayane extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n FormNasbPayaneurl: null,\r\n FormNasbPayanedisCrp: false,\r\n FormNasbPayanedisPrw: false,\r\n FormNasbPayaneimg2modl: false,\r\n FormNasbPayaneimg2modl2: false,\r\n FormNasbPayanecropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n FormNasbPayaneOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ FormNasbPayaneurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var FormNasbPayaneurl = canvas.toDataURL(\"image/png\");\r\n console.log(FormNasbPayaneurl)\r\n this.setState({ previewSrc: FormNasbPayaneurl });\r\n localStorage.setItem(\"Payane\", FormNasbPayaneurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = FormNasbPayanecropp => {\r\n this.makeClientCropp(FormNasbPayanecropp);\r\n };\r\n OnCropChange = (FormNasbPayanecropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ FormNasbPayanecropp });\r\n };\r\n async makeClientCropp(FormNasbPayanecropp) {\r\n if (this.immageRef && FormNasbPayanecropp.width && FormNasbPayanecropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n FormNasbPayanecropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ JavazKcrpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, FormNasbPayanecropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = FormNasbPayanecropp.width;\r\n canvas.height = FormNasbPayanecropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n FormNasbPayanecropp.x * scaleXx,\r\n FormNasbPayanecropp.y * scaleYy,\r\n FormNasbPayanecropp.width * scaleXx,\r\n FormNasbPayanecropp.height * scaleYy,\r\n 0,\r\n 0,\r\n FormNasbPayanecropp.width,\r\n FormNasbPayanecropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var FormPayane = reader.result;\r\n localStorage.setItem(\"Payanecrp\", FormPayane)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { FormNasbPayaneurl, JavazKcrpImgUrl, FormNasbPayanecropp } = this.state;\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"contractFrontB\") === null || localStorage.getItem(\"contractFrontB\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n {localStorage.getItem(\"contractFrontB\") === null || localStorage.getItem(\"contractFrontB\") === \"\" ?\r\n this.setState({ GharardadPazirandegiPoshtimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ GharardadPazirandegiPoshtimg2modl2: false })}\r\n />\r\n {this.state.GharardadPazirandegiPoshtOrg == true ? this.setState({ GharardadPazirandegiPoshtimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ GharardadPazirandegiPoshtimg2modl2: false })}\r\n />\r\n this.setState({ GharardadPazirandegiPoshtimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"contractFrontB\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {GharardadPazirandegiPoshturl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default FormNasbPayane;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass FormNasbPayanePosht extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n FormNasbPayanePoshturl: null,\r\n FormNasbPayanePoshtdisCrp: false,\r\n FormNasbPayanePoshtdisPrw: false,\r\n FormNasbPayanePoshtimg2modl: false,\r\n FormNasbPayanePoshtimg2modl2: false,\r\n FormNasbPayanePoshtcropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n FormNasbPayanePoshtOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ FormNasbPayanePoshturl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var FormNasbPayanePoshturl = canvas.toDataURL(\"image/png\");\r\n console.log(FormNasbPayanePoshturl)\r\n this.setState({ previewSrc: FormNasbPayanePoshturl });\r\n localStorage.setItem(\"NasbPosht\", FormNasbPayanePoshturl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = FormNasbPayanePoshtcropp => {\r\n this.makeClientCropp(FormNasbPayanePoshtcropp);\r\n };\r\n OnCropChange = (FormNasbPayanePoshtcropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ FormNasbPayanePoshtcropp });\r\n };\r\n async makeClientCropp(FormNasbPayanePoshtcropp) {\r\n if (this.immageRef && FormNasbPayanePoshtcropp.width && FormNasbPayanePoshtcropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n FormNasbPayanePoshtcropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ JavazKcrpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, FormNasbPayanePoshtcropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = FormNasbPayanePoshtcropp.width;\r\n canvas.height = FormNasbPayanePoshtcropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n FormNasbPayanePoshtcropp.x * scaleXx,\r\n FormNasbPayanePoshtcropp.y * scaleYy,\r\n FormNasbPayanePoshtcropp.width * scaleXx,\r\n FormNasbPayanePoshtcropp.height * scaleYy,\r\n 0,\r\n 0,\r\n FormNasbPayanePoshtcropp.width,\r\n FormNasbPayanePoshtcropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var poshteNasb = reader.result;\r\n localStorage.setItem(\"nasbPoshtCrop\", poshteNasb)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { FormNasbPayanePoshturl, JavazKcrpImgUrl, FormNasbPayanePoshtcropp } = this.state;\r\n console.log(localStorage.getItem(\"NasbPosht\"))\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"setUpFormF\") === null || localStorage.getItem(\"setUpFormF\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"setUpFormF\") === null || localStorage.getItem(\"setUpFormF\") === \"\" ?\r\n this.setState({ FormNasbPayaneimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FormNasbPayaneimg2modl2: false })}\r\n />\r\n {this.state.FormNasbPayaneOrg == true ? this.setState({ FormNasbPayaneimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FormNasbPayaneimg2modl2: false })}\r\n />\r\n this.setState({ FormNasbPayaneimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"setUpFormF\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {FormNasbPayaneurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default FormNasbPayanePosht;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\nimport { Flag } from \"@material-ui/icons\";\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass FisheVarizi extends PureComponent {\r\n constructor() {\r\n super();\r\n this.state = {\r\n FisheVariziaurl: null,\r\n FisheVarizidisCrp: false,\r\n FisheVarizidisPrw: false,\r\n FisheVariziimg2modl: false,\r\n FisheVariziimg2modl2: false,\r\n FisheVarizicropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n FisheVariziOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ FisheVariziaurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var FisheVariziaurl = canvas.toDataURL(\"image/png\");\r\n console.log(FisheVariziaurl)\r\n this.setState({ previewSrc: FisheVariziaurl });\r\n localStorage.setItem(\"FisheVariziii\", FisheVariziaurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = FisheVarizicropp => {\r\n this.makeClientCropp(FisheVarizicropp);\r\n };\r\n OnCropChange = (FisheVarizicropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ FisheVarizicropp });\r\n };\r\n async makeClientCropp(FisheVarizicropp) {\r\n if (this.immageRef && FisheVarizicropp.width && FisheVarizicropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n FisheVarizicropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, FisheVarizicropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = FisheVarizicropp.width;\r\n canvas.height = FisheVarizicropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n FisheVarizicropp.x * scaleXx,\r\n FisheVarizicropp.y * scaleYy,\r\n FisheVarizicropp.width * scaleXx,\r\n FisheVarizicropp.height * scaleYy,\r\n 0,\r\n 0,\r\n FisheVarizicropp.width,\r\n FisheVarizicropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var FisheVariziii = reader.result;\r\n localStorage.setItem(\"FisheVariziiiCrp\", FisheVariziii)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { FisheVariziaurl, crpImgUrl, FisheVarizicropp } = this.state;\r\n console.log(localStorage.getItem(\"FisheVariziii\"))\r\n console.log(localStorage.getItem(\"FisheVariziiiCrp\"))\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {localStorage.getItem(\"setUpFormB\") === null || localStorage.getItem(\"setUpFormB\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"setUpFormB\") === null || localStorage.getItem(\"setUpFormB\") === \"\" ?\r\n this.setState({ FormNasbPayanePoshtimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FormNasbPayanePoshtimg2modl2: false })}\r\n />\r\n {this.state.FormNasbPayanePoshtOrg == true ? this.setState({ FormNasbPayanePoshtimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FormNasbPayanePoshtimg2modl2: false })}\r\n />\r\n this.setState({ FormNasbPayanePoshtimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"setUpFormB\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {FormNasbPayanePoshturl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default FisheVarizi;","import 'react-image-crop/dist/ReactCrop.css'\r\nimport React, { PureComponent } from 'react'\r\nimport FormMarketing from '../../../Component/RecordDocCreate/FormMarketing'\r\nimport GharadadPazirandegi from '../../../Component/RecordDocCreate/GharadadPazirandegi'\r\nimport GharardadPazirandegiPosht from '../../../Component/RecordDocCreate/GharardadPazirandegiPosht'\r\nimport FormNasbPayane from '../../../Component/RecordDocCreate/FormNasbPayane'\r\nimport FormNasbPayanePosht from '../../../Component/RecordDocCreate/FormNasbPayanePosht'\r\nimport FisheVarizi from '../../../Component/RecordDocCreate/FisheVariz'\r\nclass GhararDadDoc extends PureComponent {\r\n constructor() {\r\n super();\r\n }\r\n\r\n\r\n render() {\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {localStorage.getItem(\"depositSlipCreate\") === null || localStorage.getItem(\"depositSlipCreate\") === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n {localStorage.getItem(\"depositSlipCreate\") === null || localStorage.getItem(\"depositSlipCreate\") === \"\" ?\r\n this.setState({ FisheVariziimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FisheVariziimg2modl2: false })}\r\n />\r\n {this.state.FisheVariziOrg == true ? this.setState({ FisheVariziimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ FisheVariziimg2modl2: false })}\r\n />\r\n this.setState({ FisheVariziimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n ![\"Crp\"]({localStorage.getItem(\"depositSlipCreate\")})
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {FisheVariziaurl && (\r\n
\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default GhararDadDoc;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\nimport Stepper from \"@material-ui/core/Stepper\";\r\nimport Step from \"@material-ui/core/Step\";\r\nimport StepLabel from \"@material-ui/core/StepLabel\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport Typography from \"@material-ui/core/Typography\";\r\nimport Header from \"../../../Component/Header/Header\";\r\nimport axios from \"axios\";\r\nimport { Routes } from \"../../../api/api\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport styles from \"./styles\";\r\nimport RecordDocumentEdit from \"./RecordDocument\";\r\nimport StoreDocEdit from \"./StoreDoc\";\r\nimport GharadDadDocEdit from \"./GhararDadDoc\";\r\nconst useStyles = makeStyles((theme) => ({\r\n backButton: {\r\n backgroundColor: \"orange\",\r\n width: \"45%\",\r\n color: \"white\",\r\n fontFamily: \"IRANSansMobile\",\r\n marginRight: \"10px\",\r\n marginTop: \"50px\",\r\n },\r\n instructions: {\r\n fontFamily: \"IRANSansMobile\",\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n root: {\r\n \"& .MuiButton-root\": {\r\n fontFamily: \"IRANSansMobile\",\r\n backgroundColor: \"orange\",\r\n },\r\n \"& .MuiButton-root:hover.Mui-disabled\": {\r\n backgroundColor: \"orange\",\r\n },\r\n \"& .MuiStepLabel-label.MuiStepLabel-alternativeLabel\": {\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: \"12px\",\r\n },\r\n \"& .MuiStepIcon-root.MuiStepIcon-active\": {\r\n color: \"#4CAF50\",\r\n },\r\n \"& .MuiStepIcon-root.MuiStepIcon-completed\": {\r\n color: \"#4CAF50\",\r\n },\r\n \"& .MuiButton-containedPrimary\": {\r\n color: \"#fff\",\r\n backgroundColor: \"#4CAF50\",\r\n },\r\n \"& MerchantHistory\": {\r\n color: \"gray\",\r\n },\r\n },\r\n}));\r\n\r\nexport default function CreateDoc(props) {\r\n function getSteps() {\r\n return [\"ثبت مدارک مدیر\", \"ثبت مدارک فروشگاه\", \"ثبت مدارک قرارداد\"];\r\n }\r\n function getStepContent(stepIndex) {\r\n switch (stepIndex) {\r\n case 0:\r\n return \r\n
\r\n \r\n {\r\n props.history.push(\"./Main\");\r\n localStorage.removeItem(\"StoooreLogooo\");\r\n localStorage.removeItem(\"storeName\");\r\n localStorage.removeItem(\"StoooreLogooo\");\r\n localStorage.removeItem(\"TypeSToree\");\r\n localStorage.removeItem(\"DeviceTypeId\");\r\n localStorage.removeItem(\"Devicess\");\r\n localStorage.removeItem(\"SwitchesType\");\r\n localStorage.removeItem(\"deviceSerial\");\r\n localStorage.removeItem(\"mobileNum\");\r\n localStorage.removeItem(\"PhoneNumber\");\r\n localStorage.removeItem(\"PostNum\");\r\n localStorage.removeItem(\"Province\");\r\n localStorage.removeItem(\"Cityy\");\r\n localStorage.removeItem(\"AddresStore\");\r\n localStorage.removeItem(\"EmailOwn\");\r\n localStorage.removeItem(\"website\");\r\n localStorage.removeItem(\"Name\");\r\n localStorage.removeItem(\"lastName\");\r\n localStorage.removeItem(\"FatherName\");\r\n localStorage.removeItem(\"NationalNum\");\r\n localStorage.removeItem(\"ShenasName\");\r\n localStorage.removeItem(\"SeriNum\");\r\n localStorage.removeItem(\"birthdate\");\r\n localStorage.removeItem(\"cityShenasName\");\r\n localStorage.removeItem(\"HesabNumber\");\r\n localStorage.removeItem(\"ShabaNumber\");\r\n localStorage.removeItem(\"BankItems\");\r\n localStorage.removeItem(\"BankKode\");\r\n localStorage.removeItem(\"KartMeliRo\");\r\n localStorage.removeItem(\"KartMeliRoCrp\");\r\n localStorage.removeItem(\"KartMeliPoshttCrp\");\r\n localStorage.removeItem(\"KartMeliPoshtt\");\r\n localStorage.removeItem(\"certifiacte\");\r\n localStorage.removeItem(\"certifiacteCrp\");\r\n localStorage.removeItem(\"fromePazirandegicrp\");\r\n localStorage.removeItem(\"fromePazirandegi\");\r\n localStorage.removeItem(\"GharardadPaziranegiPoshtCrp\");\r\n localStorage.removeItem(\"GharardadPaziranegiPosht\");\r\n localStorage.removeItem(\"Payanecrp\");\r\n localStorage.removeItem(\"Payane\");\r\n localStorage.removeItem(\"MoarfiNaame\");\r\n localStorage.removeItem(\"MoarfiNaameCrp\");\r\n localStorage.removeItem(\"JavazKasbCrp\");\r\n localStorage.removeItem(\"JavazKasb\");\r\n localStorage.removeItem(\"NasbPosht\");\r\n localStorage.removeItem(\"nasbPoshtCrop\");\r\n localStorage.removeItem(\"esteshnadnaameCrp\");\r\n localStorage.removeItem(\"esteshnadnaame\");\r\n localStorage.removeItem(\"FormMarketingCrp\");\r\n localStorage.removeItem(\"FormMarketingC\");\r\n localStorage.removeItem(\"ShabaTadieCrp\");\r\n localStorage.removeItem(\"TiedieShaba\");\r\n localStorage.removeItem(\"EjareNameeCrp\");\r\n localStorage.removeItem(\"EjareNamee\");\r\n localStorage.removeItem(\"TeidieCodePostiCrp\");\r\n localStorage.removeItem(\"TeidieCodePosti\");\r\n localStorage.removeItem(\"FisheVariziii\");\r\n localStorage.removeItem(\"FisheVariziiiCrp\");\r\n localStorage.removeItem(\"kartmeli\");\r\n localStorage.removeItem(\"kartmeliP\");\r\n localStorage.removeItem(\"Serti\");\r\n localStorage.removeItem(\"iban\");\r\n localStorage.removeItem(\"moarefiN\");\r\n localStorage.removeItem(\"post\");\r\n localStorage.removeItem(\"ejare\");\r\n localStorage.removeItem(\"mojavez\");\r\n localStorage.removeItem(\"estesh\");\r\n localStorage.removeItem(\"contractFrontF\");\r\n localStorage.removeItem(\"contractFrontB\");\r\n localStorage.removeItem(\"setUpFormF\");\r\n localStorage.removeItem(\"setUpFormB\");\r\n localStorage.removeItem(\"marketingFormCreate\");\r\n localStorage.removeItem(\"depositSlipCreate\");\r\n }}\r\n />\r\n
\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n
\r\n \r\n {activeStep === steps.length ? (\r\n
\r\n )}\r\n \r\n \r\n تمام مراحل با موفقیت انجام شد\r\n \r\n \r\n
\r\n ) : (\r\n \r\n \r\n {getStepContent(activeStep)}\r\n \r\n \r\n {\r\n Get();\r\n seteditSnak(true);\r\n }}\r\n className={classes.backButton}\r\n // style={{ marginTop: '10px' }}\r\n >\r\n قبلی\r\n \r\n\r\n {activeStep === 2 ? (\r\n {\r\n handleSubmit();\r\n setTextSnack(\"لطفا منتظر بمانید !\");\r\n seteditSnak(true);\r\n localStorage.removeItem(\"StoooreLogooo\");\r\n localStorage.removeItem(\"storeName\");\r\n localStorage.removeItem(\"StoooreLogooo\");\r\n localStorage.removeItem(\"TypeSToree\");\r\n localStorage.removeItem(\"DeviceTypeId\");\r\n localStorage.removeItem(\"Devicess\");\r\n localStorage.removeItem(\"SwitchesType\");\r\n localStorage.removeItem(\"deviceSerial\");\r\n localStorage.removeItem(\"mobileNum\");\r\n localStorage.removeItem(\"PhoneNumber\");\r\n localStorage.removeItem(\"PostNum\");\r\n localStorage.removeItem(\"Province\");\r\n localStorage.removeItem(\"Cityy\");\r\n localStorage.removeItem(\"AddresStore\");\r\n localStorage.removeItem(\"EmailOwn\");\r\n localStorage.removeItem(\"website\");\r\n localStorage.removeItem(\"Name\");\r\n localStorage.removeItem(\"lastName\");\r\n localStorage.removeItem(\"FatherName\");\r\n localStorage.removeItem(\"NationalNum\");\r\n localStorage.removeItem(\"ShenasName\");\r\n localStorage.removeItem(\"SeriNum\");\r\n localStorage.removeItem(\"birthdate\");\r\n localStorage.removeItem(\"cityShenasName\");\r\n localStorage.removeItem(\"HesabNumber\");\r\n localStorage.removeItem(\"ShabaNumber\");\r\n localStorage.removeItem(\"BankItems\");\r\n localStorage.removeItem(\"BankKode\");\r\n localStorage.removeItem(\"KartMeliRo\");\r\n localStorage.removeItem(\"KartMeliRoCrp\");\r\n localStorage.removeItem(\"KartMeliPoshttCrp\");\r\n localStorage.removeItem(\"KartMeliPoshtt\");\r\n localStorage.removeItem(\"certifiacte\");\r\n localStorage.removeItem(\"certifiacteCrp\");\r\n localStorage.removeItem(\"fromePazirandegicrp\");\r\n localStorage.removeItem(\"fromePazirandegi\");\r\n localStorage.removeItem(\"GharardadPaziranegiPoshtCrp\");\r\n localStorage.removeItem(\"GharardadPaziranegiPosht\");\r\n localStorage.removeItem(\"Payanecrp\");\r\n localStorage.removeItem(\"Payane\");\r\n localStorage.removeItem(\"MoarfiNaame\");\r\n localStorage.removeItem(\"MoarfiNaameCrp\");\r\n localStorage.removeItem(\"JavazKasbCrp\");\r\n localStorage.removeItem(\"JavazKasb\");\r\n localStorage.removeItem(\"NasbPosht\");\r\n localStorage.removeItem(\"nasbPoshtCrop\");\r\n localStorage.removeItem(\"esteshnadnaameCrp\");\r\n localStorage.removeItem(\"esteshnadnaame\");\r\n localStorage.removeItem(\"FormMarketingCrp\");\r\n localStorage.removeItem(\"FormMarketingC\");\r\n localStorage.removeItem(\"ShabaTadieCrp\");\r\n localStorage.removeItem(\"TiedieShaba\");\r\n localStorage.removeItem(\"EjareNameeCrp\");\r\n localStorage.removeItem(\"EjareNamee\");\r\n localStorage.removeItem(\"TeidieCodePostiCrp\");\r\n localStorage.removeItem(\"TeidieCodePosti\");\r\n localStorage.removeItem(\"FisheVariziii\");\r\n localStorage.removeItem(\"FisheVariziiiCrp\");\r\n localStorage.removeItem(\"kartmeli\");\r\n localStorage.removeItem(\"kartmeliP\");\r\n localStorage.removeItem(\"Serti\");\r\n localStorage.removeItem(\"iban\");\r\n localStorage.removeItem(\"moarefiN\");\r\n localStorage.removeItem(\"post\");\r\n localStorage.removeItem(\"ejare\");\r\n localStorage.removeItem(\"mojavez\");\r\n localStorage.removeItem(\"estesh\");\r\n localStorage.removeItem(\"contractFrontF\");\r\n localStorage.removeItem(\"contractFrontB\");\r\n localStorage.removeItem(\"setUpFormF\");\r\n localStorage.removeItem(\"setUpFormB\");\r\n localStorage.removeItem(\"marketingFormCreate\");\r\n localStorage.removeItem(\"depositSlipCreate\");\r\n }}\r\n >\r\n ثبت\r\n \r\n ) : (\r\n {\r\n handleSubmit();\r\n setTextSnack(\"لطفا منتظر بمانید !\");\r\n seteditSnak(true);\r\n localStorage.removeItem(\"StoooreLogooo\");\r\n localStorage.removeItem(\"storeName\");\r\n localStorage.removeItem(\"StoooreLogooo\");\r\n localStorage.removeItem(\"TypeSToree\");\r\n localStorage.removeItem(\"DeviceTypeId\");\r\n localStorage.removeItem(\"Devicess\");\r\n localStorage.removeItem(\"SwitchesType\");\r\n localStorage.removeItem(\"deviceSerial\");\r\n localStorage.removeItem(\"mobileNum\");\r\n localStorage.removeItem(\"PhoneNumber\");\r\n localStorage.removeItem(\"PostNum\");\r\n localStorage.removeItem(\"Province\");\r\n localStorage.removeItem(\"Cityy\");\r\n localStorage.removeItem(\"AddresStore\");\r\n localStorage.removeItem(\"EmailOwn\");\r\n localStorage.removeItem(\"website\");\r\n localStorage.removeItem(\"Name\");\r\n localStorage.removeItem(\"lastName\");\r\n localStorage.removeItem(\"FatherName\");\r\n localStorage.removeItem(\"NationalNum\");\r\n localStorage.removeItem(\"ShenasName\");\r\n localStorage.removeItem(\"SeriNum\");\r\n localStorage.removeItem(\"birthdate\");\r\n localStorage.removeItem(\"cityShenasName\");\r\n localStorage.removeItem(\"HesabNumber\");\r\n localStorage.removeItem(\"ShabaNumber\");\r\n localStorage.removeItem(\"BankItems\");\r\n localStorage.removeItem(\"BankKode\");\r\n localStorage.removeItem(\"KartMeliRo\");\r\n localStorage.removeItem(\"KartMeliRoCrp\");\r\n localStorage.removeItem(\"KartMeliPoshttCrp\");\r\n localStorage.removeItem(\"KartMeliPoshtt\");\r\n localStorage.removeItem(\"certifiacte\");\r\n localStorage.removeItem(\"certifiacteCrp\");\r\n localStorage.removeItem(\"fromePazirandegicrp\");\r\n localStorage.removeItem(\"fromePazirandegi\");\r\n localStorage.removeItem(\"GharardadPaziranegiPoshtCrp\");\r\n localStorage.removeItem(\"GharardadPaziranegiPosht\");\r\n localStorage.removeItem(\"Payanecrp\");\r\n localStorage.removeItem(\"Payane\");\r\n localStorage.removeItem(\"MoarfiNaame\");\r\n localStorage.removeItem(\"MoarfiNaameCrp\");\r\n localStorage.removeItem(\"JavazKasbCrp\");\r\n localStorage.removeItem(\"JavazKasb\");\r\n localStorage.removeItem(\"NasbPosht\");\r\n localStorage.removeItem(\"nasbPoshtCrop\");\r\n localStorage.removeItem(\"esteshnadnaameCrp\");\r\n localStorage.removeItem(\"esteshnadnaame\");\r\n localStorage.removeItem(\"FormMarketingCrp\");\r\n localStorage.removeItem(\"FormMarketingC\");\r\n localStorage.removeItem(\"ShabaTadieCrp\");\r\n localStorage.removeItem(\"TiedieShaba\");\r\n localStorage.removeItem(\"EjareNameeCrp\");\r\n localStorage.removeItem(\"EjareNamee\");\r\n localStorage.removeItem(\"TeidieCodePostiCrp\");\r\n localStorage.removeItem(\"TeidieCodePosti\");\r\n localStorage.removeItem(\"FisheVariziii\");\r\n localStorage.removeItem(\"FisheVariziiiCrp\");\r\n localStorage.removeItem(\"kartmeli\");\r\n localStorage.removeItem(\"kartmeliP\");\r\n localStorage.removeItem(\"Serti\");\r\n localStorage.removeItem(\"iban\");\r\n localStorage.removeItem(\"moarefiN\");\r\n localStorage.removeItem(\"post\");\r\n localStorage.removeItem(\"ejare\");\r\n localStorage.removeItem(\"mojavez\");\r\n localStorage.removeItem(\"estesh\");\r\n localStorage.removeItem(\"contractFrontF\");\r\n localStorage.removeItem(\"contractFrontB\");\r\n localStorage.removeItem(\"setUpFormF\");\r\n localStorage.removeItem(\"setUpFormB\");\r\n localStorage.removeItem(\"marketingFormCreate\");\r\n localStorage.removeItem(\"depositSlipCreate\");\r\n }}\r\n style={{\r\n width: \"45%\",\r\n marginTop: \"10px\",\r\n boxShadow: \"0px 0px\",\r\n }}\r\n >\r\n ثبت\r\n \r\n )}\r\n
\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default RecordDocument;\r\n","import 'react-image-crop/dist/ReactCrop.css'\r\nimport React, { PureComponent } from 'react'\r\nimport EjareName from '../../../Component/RecordDocCreate/EjareName'\r\nimport JavazKasb from '../../../Component/RecordDocCreate/JavazKasb'\r\nimport EsteshadName from '../../../Component/RecordDocCreate/EsteshadName'\r\nimport TaiedCodePosti from '../../../Component/RecordDocCreate/TiedCodePosti'\r\nimport MoarefiName from '../../../Component/RecordDocCreate/MoarefiName'\r\n\r\nclass StoreDoc extends PureComponent {\r\n constructor() {\r\n super();\r\n }\r\n\r\n\r\n render() {\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default StoreDoc;\r\n","import 'react-image-crop/dist/ReactCrop.css'\r\nimport React, { PureComponent } from 'react'\r\nimport FormMarketing from '../../../Component/RecordDocCreate/FormMarketing'\r\nimport GharadadPazirandegi from '../../../Component/RecordDocCreate/GharadadPazirandegi'\r\nimport GharardadPazirandegiPosht from '../../../Component/RecordDocCreate/GharardadPazirandegiPosht'\r\nimport FormNasbPayane from '../../../Component/RecordDocCreate/FormNasbPayane'\r\nimport FormNasbPayanePosht from '../../../Component/RecordDocCreate/FormNasbPayanePosht'\r\nimport FisheVarizi from '../../../Component/RecordDocCreate/FisheVariz'\r\nclass GhararDadDoc extends PureComponent {\r\n constructor() {\r\n super();\r\n }\r\n\r\n\r\n render() {\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default GhararDadDoc;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport Button from '@material-ui/core/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Header from '../../../Component/Header/Header';\r\nimport axios from \"axios\";\r\nimport { Routes } from \"../../../api/api\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport styles from \"./styles\";\r\nimport RecordDocumentEdit from './RecordDocument';\r\nimport StoreDocEdit from './StoreDoc';\r\nimport GharadDadDocEdit from './GhararDadDoc';\r\nconst useStyles = makeStyles((theme) => ({\r\n backButton: {\r\n backgroundColor: 'orange',\r\n width: \"45%\",\r\n color: \"white\",\r\n fontFamily: \"IRANSansMobile\",\r\n marginRight: '10px',\r\n marginTop: \"50px\"\r\n },\r\n instructions: {\r\n fontFamily: 'IRANSansMobile',\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n root: {\r\n '& .MuiButton-root': {\r\n fontFamily: \"IRANSansMobile\",\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover.Mui-disabled\": {\r\n backgroundColor: \"orange\"\r\n },\r\n '& .MuiStepLabel-label.MuiStepLabel-alternativeLabel': {\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: '12px'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-active': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-completed': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiButton-containedPrimary': {\r\n color: '#fff',\r\n backgroundColor: '#4CAF50'\r\n },\r\n \"& MerchantHistory\": {\r\n color: 'gray'\r\n },\r\n }\r\n\r\n}));\r\n\r\n\r\n\r\nexport default function CreateDocBank(props) {\r\n\r\n\r\n function getSteps() {\r\n return ['ثبت مدارک مدیر', \"ثبت مدارک فروشگاه\", \"ثبت مدارک قرارداد\"];\r\n }\r\n function getStepContent(stepIndex) {\r\n switch (stepIndex) {\r\n case 0:\r\n return \r\n
\r\n );\r\n}","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyle = makeStyles({\r\n container: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n fontFamily: \"IRANSansMobile\",\r\n\r\n },\r\n img: {\r\n width: 150,\r\n marginTop: 50,\r\n },\r\n text: {\r\n marginTop: 20,\r\n direction: 'rtl'\r\n },\r\n input: {\r\n marginTop: 20\r\n },\r\n timer: {\r\n marginTop: 20\r\n },\r\n sendAgain: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 10,\r\n },\r\n mobile: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 20\r\n },\r\n App: {\r\n direction: 'rtl',\r\n textalign: 'center',\r\n fontfamily: 'IRANSansMobile'\r\n },\r\n btnRecord: {\r\n marginTop: \"10px\",\r\n backgroundColor: \"white\",\r\n width: \"60%\",\r\n border: \"1px solid gray\",\r\n borderradius: \"5px\",\r\n height: \"45px\",\r\n fontfamily: \"IRANSansMobile\",\r\n fontsize: \"18px\",\r\n padding: \"15px\"\r\n },\r\n root: {\r\n \"& .MuiButton-contained\": {\r\n boxShadow: 'none',\r\n color: 'gr'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"red\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"10%\",\r\n direction: \"rtl\",\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected\": {\r\n color: '#fff',\r\n backgroundColor: '#9600ff',\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected:hover\": {\r\n backgroundColor: '#9600ff'\r\n },\r\n \"& .MuiToggleButton-root \": {\r\n color: 'gray',\r\n width: '50%'\r\n },\r\n \"& .makeStyles-backButton-24\": {\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& @media (hover: none).MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"green\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"13%\",\r\n direction: \"rtl\",\r\n },\r\n },\r\n\r\n})\r\n\r\nexport default useStyle; ","import React, { useEffect, useState, PureComponent } from \"react\";\r\nimport useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n height: 180,\r\n },\r\n container: {\r\n display: 'flex',\r\n },\r\n paper: {\r\n margin: theme.spacing(1),\r\n },\r\n svg: {\r\n width: 100,\r\n height: 100,\r\n },\r\n polygon: {\r\n fill: theme.palette.common.white,\r\n stroke: theme.palette.divider,\r\n strokeWidth: 1,\r\n },\r\n}));\r\n\r\n\r\n\r\n\r\nclass RecordDoc extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n url: null,\r\n disCrp: false,\r\n disPrw: false,\r\n img2modl: false,\r\n img2modl2: false,\r\n cropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n KartOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ url: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var url = canvas.toDataURL(\"image/png\");\r\n console.log(url)\r\n this.setState({ previewSrc: url });\r\n localStorage.setItem(\"KartMeliRo\", url)\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n\r\n\r\n\r\n\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = cropp => {\r\n this.makeClientCropp(cropp);\r\n };\r\n OnCropChange = (cropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ cropp });\r\n };\r\n async makeClientCropp(cropp) {\r\n if (this.immageRef && cropp.width && cropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n cropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, cropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = cropp.width;\r\n canvas.height = cropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n cropp.x * scaleXx,\r\n cropp.y * scaleYy,\r\n cropp.width * scaleXx,\r\n cropp.height * scaleYy,\r\n 0,\r\n 0,\r\n cropp.width,\r\n cropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var KartMeliRo = reader.result;\r\n localStorage.setItem(\"KartMeliRoCrp\", KartMeliRo)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { url, crpImgUrl, cropp } = this.state;\r\n\r\n\r\n\r\n console.log(this.props.kart)\r\n\r\n return (\r\n \r\n {\r\n props.history.push(\"./Main\");\r\n // localStorage.removeItem(\"StoooreLogooo\");\r\n // localStorage.removeItem(\"storeName\");\r\n // localStorage.removeItem(\"StoooreLogooo\");\r\n // localStorage.removeItem(\"TypeSToree\");\r\n // localStorage.removeItem(\"DeviceTypeId\");\r\n // localStorage.removeItem(\"Devicess\");\r\n // localStorage.removeItem(\"SwitchesType\");\r\n // localStorage.removeItem(\"deviceSerial\");\r\n // localStorage.removeItem(\"mobileNum\");\r\n // localStorage.removeItem(\"PhoneNumber\");\r\n // localStorage.removeItem(\"PostNum\");\r\n // localStorage.removeItem(\"Province\");\r\n // localStorage.removeItem(\"Cityy\");\r\n // localStorage.removeItem(\"AddresStore\");\r\n // localStorage.removeItem(\"EmailOwn\");\r\n // localStorage.removeItem(\"website\");\r\n // localStorage.removeItem(\"Name\");\r\n // localStorage.removeItem(\"lastName\");\r\n // localStorage.removeItem(\"FatherName\");\r\n // localStorage.removeItem(\"NationalNum\");\r\n // localStorage.removeItem(\"ShenasName\");\r\n // localStorage.removeItem(\"SeriNum\");\r\n // localStorage.removeItem(\"birthdate\");\r\n // localStorage.removeItem(\"cityShenasName\");\r\n // localStorage.removeItem(\"HesabNumber\");\r\n // localStorage.removeItem(\"ShabaNumber\");\r\n // localStorage.removeItem(\"BankItems\");\r\n // localStorage.removeItem(\"BankKode\");\r\n // localStorage.removeItem(\"KartMeliRo\");\r\n // localStorage.removeItem(\"KartMeliRoCrp\");\r\n // localStorage.removeItem(\"KartMeliPoshttCrp\");\r\n // localStorage.removeItem(\"KartMeliPoshtt\");\r\n // localStorage.removeItem(\"certifiacte\");\r\n // localStorage.removeItem(\"certifiacteCrp\");\r\n // localStorage.removeItem(\"fromePazirandegicrp\");\r\n // localStorage.removeItem(\"fromePazirandegi\");\r\n // localStorage.removeItem(\"GharardadPaziranegiPoshtCrp\");\r\n // localStorage.removeItem(\"GharardadPaziranegiPosht\");\r\n // localStorage.removeItem(\"Payanecrp\");\r\n // localStorage.removeItem(\"Payane\");\r\n // localStorage.removeItem(\"MoarfiNaame\");\r\n // localStorage.removeItem(\"MoarfiNaameCrp\");\r\n // localStorage.removeItem(\"JavazKasbCrp\");\r\n // localStorage.removeItem(\"JavazKasb\");\r\n // localStorage.removeItem(\"NasbPosht\");\r\n // localStorage.removeItem(\"nasbPoshtCrop\");\r\n // localStorage.removeItem(\"esteshnadnaameCrp\");\r\n // localStorage.removeItem(\"esteshnadnaame\");\r\n // localStorage.removeItem(\"FormMarketingCrp\");\r\n // localStorage.removeItem(\"FormMarketingC\");\r\n // localStorage.removeItem(\"ShabaTadieCrp\");\r\n // localStorage.removeItem(\"TiedieShaba\");\r\n // localStorage.removeItem(\"EjareNameeCrp\");\r\n // localStorage.removeItem(\"EjareNamee\");\r\n // localStorage.removeItem(\"TeidieCodePostiCrp\");\r\n // localStorage.removeItem(\"TeidieCodePosti\");\r\n // localStorage.removeItem(\"FisheVariziii\");\r\n // localStorage.removeItem(\"FisheVariziiiCrp\");\r\n localStorage.removeItem(\"kartmeli\");\r\n localStorage.removeItem(\"kartmeliP\");\r\n localStorage.removeItem(\"Serti\");\r\n localStorage.removeItem(\"iban\");\r\n localStorage.removeItem(\"moarefiN\");\r\n localStorage.removeItem(\"post\");\r\n localStorage.removeItem(\"ejare\");\r\n localStorage.removeItem(\"mojavez\");\r\n localStorage.removeItem(\"estesh\");\r\n localStorage.removeItem(\"contractFrontF\");\r\n localStorage.removeItem(\"contractFrontB\");\r\n localStorage.removeItem(\"setUpFormF\");\r\n localStorage.removeItem(\"setUpFormB\");\r\n localStorage.removeItem(\"marketingFormCreate\");\r\n localStorage.removeItem(\"depositSlipCreate\");\r\n\r\n\r\n\r\n }}\r\n />\r\n
\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n
\r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n تمام مراحل با موفقیت انجام شد \r\n \r\n
\r\n ) : (\r\n \r\n {getStepContent(activeStep)} \r\n
\r\n )}\r\n \r\n { Get() }}\r\n className={classes.backButton}\r\n style={{ marginTop: '10px' }}\r\n >\r\n قبلی\r\n \r\n\r\n\r\n {activeStep === 2 ? : }\r\n
\r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default RecordDoc;","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyle = makeStyles({ \r\n container : {\r\n display : 'flex' , \r\n alignItems : 'center',\r\n flexDirection : 'column',\r\n fontFamily: \"IRANSansMobile\",\r\n\r\n },\r\n img: {\r\n width: 150,\r\n marginTop: 50,\r\n },\r\n text: {\r\n marginTop: 20,\r\n direction : 'rtl'\r\n },\r\n input :{\r\n marginTop : 20\r\n }, \r\n timer : {\r\n marginTop : 20\r\n },\r\n sendAgain : {\r\n display : 'flex',\r\n justifyContent : 'center',\r\n alignItems : 'center',\r\n marginTop : 10 ,\r\n },\r\n mobile : {\r\n display : 'flex',\r\n justifyContent : 'center',\r\n alignItems : 'center',\r\n marginTop : 20\r\n },\r\n App :{\r\n direction: 'rtl',\r\n textalign: 'center',\r\n fontfamily: 'IRANSansMobile'\r\n },\r\n btnRecord:{\r\n marginTop:\"10px\",\r\n backgroundColor: \"white\",\r\n width: \"60%\",\r\n border: \"1px solid gray\",\r\n borderradius: \"5px\",\r\n height: \"45px\",\r\n fontfamily: \"IRANSansMobile\",\r\n fontsize: \"18px\",\r\n padding:\"15px\"\r\n},\r\nroot :{\r\n \"& .MuiButton-contained\": {\r\n boxShadow: 'none',\r\n\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"red\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"10%\",\r\n direction: \"rtl\",\r\n}\r\n}\r\n})\r\n\r\nexport default useStyle ; ","import Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\nclass ShenasName extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n disableCrop: false,\r\n disablePreview: false,\r\n openModal: false,\r\n opnMdli: false,\r\n src: null,\r\n crop: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n ShenasNameOrg: false,\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ src: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 300;\r\n var MAX_HEIGHT = 300;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var src = canvas.toDataURL(\"image/png\");\r\n console.log(src)\r\n this.setState({ previewSrc: src });\r\n localStorage.setItem(\"certifiacte\", src)\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n\r\n\r\n OnImageLoaded = image => {\r\n this.imageRef = image;\r\n };\r\n OnCropCompleted = crop => {\r\n this.makeClientCrop(crop);\r\n };\r\n OnCropChanged = (crop, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ crop });\r\n };\r\n async makeClientCrop(crop) {\r\n if (this.imageRef && crop.width && crop.height) {\r\n const croppedImage = await this.getCropImg(\r\n this.imageRef,\r\n crop,\r\n 'newFile.jpeg'\r\n );\r\n this.setState({ croppedImageUrl: croppedImage });\r\n\r\n }\r\n }\r\n getCropImg(image, crop, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleX = image.naturalWidth / image.width;\r\n const scaleY = image.naturalHeight / image.height;\r\n canvas.width = crop.width;\r\n canvas.height = crop.height;\r\n const ctx = canvas.getContext('2d');\r\n\r\n ctx.drawImage(\r\n image,\r\n crop.x * scaleX,\r\n crop.y * scaleY,\r\n crop.width * scaleX,\r\n crop.height * scaleY,\r\n 0,\r\n 0,\r\n crop.width,\r\n crop.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var Certi = reader.result;\r\n localStorage.setItem(\"certifiacteCrp\", Certi)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { crop, croppedImageUrl, src } = this.state;\r\n console.log(this.props.ShenasEdit)\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {this.props.kart === null || this.props.kart === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n {this.props.kart === null || this.props.kart === \"\" ?\r\n this.setState({ img2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ img2modl2: false })}\r\n />\r\n {this.state.KartOrg == true ? this.setState({ img2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ img2modl2: false })}\r\n />\r\n this.setState({ img2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n 
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {url && (\r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n\r\n
\r\n\r\n \r\n \r\n\r\n\r\n\r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default ShenasName;\r\n","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport CheckCircleOutlineIcon from '@material-ui/icons/CheckCircleOutline';\r\n\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nclass TaiedShaba extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n TaiedShabaurl: null,\r\n TaiedShabadisCrp: false,\r\n TaiedShabadisPrw: false,\r\n TaiedShabaimg2modl: false,\r\n TaiedShabaimg2modl2: false,\r\n TaiedShabacropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n TaiedShabaOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ TaiedShabaurl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var TaiedShabaurl = canvas.toDataURL(\"image/png\");\r\n console.log(TaiedShabaurl)\r\n this.setState({ previewSrc: TaiedShabaurl });\r\n localStorage.setItem(\"TiedieShaba\", TaiedShabaurl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = TaiedShabacropp => {\r\n this.makeClientCropp(TaiedShabacropp);\r\n };\r\n OnCropChange = (TaiedShabacropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ TaiedShabacropp });\r\n };\r\n async makeClientCropp(TaiedShabacropp) {\r\n if (this.immageRef && TaiedShabacropp.width && TaiedShabacropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n TaiedShabacropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, TaiedShabacropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = TaiedShabacropp.width;\r\n canvas.height = TaiedShabacropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n TaiedShabacropp.x * scaleXx,\r\n TaiedShabacropp.y * scaleYy,\r\n TaiedShabacropp.width * scaleXx,\r\n TaiedShabacropp.height * scaleYy,\r\n 0,\r\n 0,\r\n TaiedShabacropp.width,\r\n TaiedShabacropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var TaddieShaba = reader.result;\r\n localStorage.setItem(\"ShabaTadieCrp\", TaddieShaba)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { TaiedShabaurl, crpImgUrl, TaiedShabacropp } = this.state;\r\n console.log(localStorage.getItem(\"TiedieShaba\"))\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {this.props.ShenasEdit === null || this.props.ShenasEdit === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n {this.props.ShenasEdit === null || this.props.ShenasEdit === \"\" ?\r\n this.setState({ opnMdli: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ opnMdli: false })}\r\n />\r\n {this.state.ShenasNameOrg == true ? this.setState({ opnMdli: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ opnMdli: false })}\r\n />\r\n this.setState({ openModal: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n\r\n\r\n\r\n \r\n \r\n
: \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n 
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n \r\n {src && (\r\n
\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default TaiedShaba;","import useStyle from \"./styles\";\r\nimport Modal from 'react-modal';\r\nimport ReactCrop from 'react-image-crop';\r\nimport 'react-image-crop/dist/ReactCrop.css';\r\nimport React, { PureComponent } from 'react';\r\nimport CropIcon from '@material-ui/icons/Crop';\r\nimport Button from '@material-ui/core/Button';\r\nimport VisibilityIcon from '@material-ui/icons/Visibility';\r\nimport ArrowBackIosIcon from '@material-ui/icons/ArrowBackIos';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\n\r\n\r\n\r\n\r\nconst customStyles = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n\r\n }\r\n};\r\nconst customStyle = {\r\n content: {\r\n border: '1px solid #9600ff',\r\n background: 'rgb(255, 255, 255)',\r\n borderRadius: '4px',\r\n margin: '10px 15px',\r\n maxHeight:\"90%\",\r\n position: 'none',\r\n }\r\n};\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n root: {\r\n height: 180,\r\n },\r\n container: {\r\n display: 'flex',\r\n },\r\n paper: {\r\n margin: theme.spacing(1),\r\n },\r\n svg: {\r\n width: 100,\r\n height: 100,\r\n },\r\n polygon: {\r\n fill: theme.palette.common.white,\r\n stroke: theme.palette.divider,\r\n strokeWidth: 1,\r\n },\r\n}));\r\n\r\n\r\n\r\n\r\nclass KartMeliPosht extends PureComponent {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n KartMeliPoshturl: null,\r\n KartMeliPoshtdisCrp: false,\r\n KartMeliPoshtdisPrw: false,\r\n kartmeliposhtmld0: false,\r\n kartmeliposhtmld2: false,\r\n cropp: {\r\n unit: '%',\r\n width: 35,\r\n height: 40,\r\n },\r\n KartOrg: false,\r\n\r\n };\r\n\r\n }\r\n\r\n\r\n\r\n\r\n OnSelectedkart(e) {\r\n var file = e.target.files[0];\r\n var readerr = new FileReader();\r\n readerr.addEventListener('load', () =>\r\n this.setState({ KartMeliPoshturl: readerr.result })\r\n );\r\n readerr.onload = (e) => {\r\n var img = document.createElement(\"img\");\r\n img.onload = () => {\r\n var canvas = document.createElement('canvas');\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.drawImage(img, 0, 0);\r\n\r\n var MAX_WIDTH = 800;\r\n var MAX_HEIGHT = 800;\r\n var width = img.width;\r\n var height = img.height;\r\n\r\n if (width > height) {\r\n if (width > MAX_WIDTH) {\r\n height *= MAX_WIDTH / width;\r\n width = MAX_WIDTH;\r\n }\r\n } else {\r\n if (height > MAX_HEIGHT) {\r\n width *= MAX_HEIGHT / height;\r\n height = MAX_HEIGHT;\r\n }\r\n }\r\n canvas.width = width;\r\n canvas.height = height;\r\n var ctx = canvas.getContext(\"2d\");\r\n ctx.imageSmoothingEnabled = false;\r\n ctx.drawImage(img, 0, 0, width, height);\r\n var KartMeliPoshturl = canvas.toDataURL(\"image/png\");\r\n console.log(KartMeliPoshturl)\r\n this.setState({ previewSrc: KartMeliPoshturl });\r\n localStorage.setItem(\"KartMeliPoshtt\", KartMeliPoshturl)\r\n\r\n }\r\n img.src = e.target.result;\r\n\r\n }\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n\r\n\r\n\r\n OnImageLoade = immage => {\r\n this.immageRef = immage;\r\n };\r\n OnCropComplete = cropp => {\r\n this.makeClientCropp(cropp);\r\n };\r\n OnCropChange = (cropp, percentCrop) => {\r\n // You could also use percentCrop:\r\n // this.setState({ crop: percentCrop });\r\n this.setState({ cropp });\r\n };\r\n async makeClientCropp(cropp) {\r\n if (this.immageRef && cropp.width && cropp.height) {\r\n const crpImg = await this.getCrop(\r\n this.immageRef,\r\n cropp,\r\n 'new.jpeg'\r\n );\r\n this.setState({ crpImgUrl: crpImg });\r\n\r\n }\r\n }\r\n getCrop(immage, cropp, fileNamee) {\r\n const canvas = document.createElement('canvas');\r\n const scaleXx = immage.naturalWidth / immage.width;\r\n const scaleYy = immage.naturalHeight / immage.height;\r\n canvas.width = cropp.width;\r\n canvas.height = cropp.height;\r\n const ctx = canvas.getContext('2d');\r\n ctx.drawImage(\r\n immage,\r\n cropp.x * scaleXx,\r\n cropp.y * scaleYy,\r\n cropp.width * scaleXx,\r\n cropp.height * scaleYy,\r\n 0,\r\n 0,\r\n cropp.width,\r\n cropp.height\r\n );\r\n return new Promise((resolvee, reject) => {\r\n canvas.toBlob(blob => {\r\n if (!blob) {\r\n //reject(new Error('Canvas is empty'));\r\n console.error('Canvass is empty');\r\n return;\r\n }\r\n blob.name = fileNamee;\r\n window.URL.revokeObjectURL(this.fileUrl);\r\n this.fileUrl = window.URL.createObjectURL(blob);\r\n var reader = new FileReader();\r\n reader.readAsDataURL(blob);\r\n reader.onloadend = function () {\r\n var KartMeliPoshtt = reader.result;\r\n localStorage.setItem(\"KartMeliPoshttCrp\", KartMeliPoshtt)\r\n\r\n }\r\n resolvee(this.fileUrl);\r\n }, 'image/jpeg');\r\n });\r\n };\r\n\r\n render() {\r\n const { KartMeliPoshturl, crpImgUrl, cropp } = this.state;\r\n console.log(this.props.kartBck)\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n {this.props.IbanEdit === null || this.props.IbanEdit === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n {this.props.IbanEdit === null || this.props.IbanEdit === \"\" ?\r\n this.setState({ TaiedShabaimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ TaiedShabaimg2modl2: false })}\r\n />\r\n {this.state.TaiedShabaOrg == true ? this.setState({ TaiedShabaimg2modl2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ TaiedShabaimg2modl2: false })}\r\n />\r\n this.setState({ TaiedShabaimg2modl: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n 
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {TaiedShabaurl && (\r\n
\r\n \r\n\r\n \r\n\r\n \r\n\r\n
\r\n \r\n \r\n\r\n\r\n\r\n\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nexport default KartMeliPosht;","import 'react-image-crop/dist/ReactCrop.css'\r\nimport React, { useEffect, useState } from \"react\";\r\nimport KarteMeli from '../../../Component/RecordDocCreateEditor/KarteMeli'\r\nimport ShenasName from '../../../Component/RecordDocCreateEditor/ShenasName'\r\nimport TaiedShaba from '../../../Component/RecordDocCreateEditor/TiedeShaba'\r\nimport KartMeliPosht from '../../../Component/RecordDocCreateEditor/kartMeliPosht'\r\n\r\nexport default function RecordDocument(props) {\r\n\r\n\r\n\r\n return (\r\n \r\n \r\n\r\n \r\n\r\n\r\n {this.props.kartBck === null || this.props.kartBck === \"\" ?\r\n \r\n :\r\n \r\n }\r\n\r\n\r\n\r\n\r\n {this.props.kartBck === null || this.props.kartBck === \"\" ?\r\n this.setState({ kartmeliposhtmld2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ kartmeliposhtmld2: false })}\r\n />\r\n {this.state.KartOrg == true ? this.setState({ kartmeliposhtmld2: false })}\r\n contentLabel=\"Example Modal\"\r\n style={customStyle}\r\n >\r\n this.setState({ kartmeliposhtmld2: false })}\r\n />\r\n this.setState({ kartmeliposhtmld0: false })}\r\n style={customStyles}\r\n contentLabel=\"Example Modal\"\r\n >\r\n
\r\n\r\n \r\n \r\n
: \r\n \r\n \r\n
}\r\n\r\n\r\n \r\n :\r\n \r\n 
\r\n
\r\n\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n \r\n {KartMeliPoshturl && (\r\n
\r\n\r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n\r\n\r\n
\r\n\r\n \r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n}\r\n\r\n","import 'react-image-crop/dist/ReactCrop.css'\r\nimport React, { PureComponent } from 'react'\r\nimport EjareName from '../../../Component/RecordDocCreate/EjareName'\r\nimport JavazKasb from '../../../Component/RecordDocCreate/JavazKasb'\r\nimport EsteshadName from '../../../Component/RecordDocCreate/EsteshadName'\r\nimport TaiedCodePosti from '../../../Component/RecordDocCreate/TiedCodePosti'\r\nimport MoarefiName from '../../../Component/RecordDocCreate/MoarefiName'\r\n\r\nclass StoreDoc extends PureComponent {\r\n constructor() {\r\n super();\r\n }\r\n\r\n\r\n render() {\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default StoreDoc;\r\n","import 'react-image-crop/dist/ReactCrop.css'\r\nimport React, { PureComponent } from 'react'\r\nimport FormMarketing from '../../../Component/RecordDocCreate/FormMarketing'\r\nimport GharadadPazirandegi from '../../../Component/RecordDocCreate/GharadadPazirandegi'\r\nimport GharardadPazirandegiPosht from '../../../Component/RecordDocCreate/GharardadPazirandegiPosht'\r\nimport FormNasbPayane from '../../../Component/RecordDocCreate/FormNasbPayane'\r\nimport FormNasbPayanePosht from '../../../Component/RecordDocCreate/FormNasbPayanePosht'\r\nimport FisheVarizi from '../../../Component/RecordDocCreate/FisheVariz'\r\nclass GhararDadDoc extends PureComponent {\r\n constructor() {\r\n super();\r\n }\r\n\r\n\r\n render() {\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n )\r\n }\r\n}\r\n\r\nexport default GhararDadDoc;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport Button from '@material-ui/core/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport Header from '../../../Component/Header/Header';\r\nimport axios from \"axios\";\r\nimport { Routes } from \"../../../api/api\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport styles from \"./styles\";\r\nimport RecordDocumentEdit from './RecordDocument';\r\nimport StoreDocEdit from './StoreDoc';\r\nimport GharadDadDocEdit from './GhararDadDoc';\r\nconst useStyles = makeStyles((theme) => ({\r\n backButton: {\r\n backgroundColor: 'orange',\r\n width: \"45%\",\r\n color: \"white\",\r\n fontFamily: \"IRANSansMobile\",\r\n marginRight: '10px',\r\n marginTop: \"50px\"\r\n },\r\n instructions: {\r\n fontFamily: 'IRANSansMobile',\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n root: {\r\n '& .MuiButton-root': {\r\n fontFamily: \"IRANSansMobile\",\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover.Mui-disabled\": {\r\n backgroundColor: \"orange\"\r\n },\r\n '& .MuiStepLabel-label.MuiStepLabel-alternativeLabel': {\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: '12px'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-active': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-completed': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiButton-containedPrimary': {\r\n color: '#fff',\r\n backgroundColor: '#4CAF50'\r\n },\r\n \"& MerchantHistory\": {\r\n color: 'gray'\r\n },\r\n }\r\n\r\n}));\r\n\r\n\r\n\r\nexport default function CreateDocEdit(props) {\r\n\r\n\r\n function getSteps() {\r\n return ['ثبت مدارک مدیر', \"ثبت مدارک فروشگاه\", \"ثبت مدارک قرارداد\"];\r\n }\r\n function getStepContent(stepIndex) {\r\n switch (stepIndex) {\r\n case 0:\r\n return \r\n
\r\n );\r\n}","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyle = makeStyles({\r\n container: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n fontFamily: \"IRANSansMobile\",\r\n\r\n },\r\n img: {\r\n width: 150,\r\n marginTop: 50,\r\n },\r\n text: {\r\n marginTop: 20,\r\n direction: 'rtl'\r\n },\r\n input: {\r\n marginTop: 20\r\n },\r\n timer: {\r\n marginTop: 20\r\n },\r\n sendAgain: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 10,\r\n },\r\n mobile: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 20\r\n },\r\n App: {\r\n direction: 'rtl',\r\n textalign: 'center',\r\n fontfamily: 'IRANSansMobile'\r\n },\r\n btnRecord: {\r\n marginTop: \"10px\",\r\n backgroundColor: \"white\",\r\n width: \"60%\",\r\n border: \"1px solid gray\",\r\n borderradius: \"5px\",\r\n height: \"45px\",\r\n fontfamily: \"IRANSansMobile\",\r\n fontsize: \"18px\",\r\n padding: \"15px\"\r\n },\r\n root: {\r\n \"& .MuiButton-contained\": {\r\n boxShadow: 'none',\r\n color: 'gr'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"red\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"10%\",\r\n direction: \"rtl\",\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected\": {\r\n color: '#fff',\r\n backgroundColor: '#9600ff',\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected:hover\": {\r\n backgroundColor: '#9600ff'\r\n },\r\n \"& .MuiToggleButton-root \": {\r\n color: 'gray',\r\n width: '50%'\r\n },\r\n \"& .makeStyles-backButton-24\": {\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& @media (hover: none).MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"green\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"13%\",\r\n direction: \"rtl\",\r\n },\r\n },\r\n\r\n})\r\n\r\nexport default useStyle; ","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyle = makeStyles({ \r\n container : {\r\n display : 'flex' , \r\n alignItems : 'center',\r\n flexDirection : 'column',\r\n fontFamily: \"IRANSansMobile\",\r\n\r\n },\r\n img: {\r\n width: 250,\r\n marginTop: 50,\r\n },\r\n text: {\r\n marginTop: 1,\r\n direction : 'rtl'\r\n },\r\n input :{\r\n marginTop : 5,\r\n direction:\"ltr\"\r\n }, \r\n timer : {\r\n marginTop : 15\r\n },\r\n sendAgain : {\r\n display : 'flex',\r\n justifyContent : 'center',\r\n alignItems : 'center',\r\n marginTop : 5 ,\r\n },\r\n mobile : {\r\n display : 'flex',\r\n justifyContent : 'center',\r\n alignItems : 'center',\r\n marginTop : 10\r\n },\r\n App :{\r\n direction: 'rtl',\r\n textalign: 'center',\r\n fontfamily: 'IRANSansMobile'\r\n },\r\n})\r\n\r\nexport default useStyle ; ","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport DatePicker from 'react-mobile-datepicker';\r\nimport Button from '@material-ui/core/Button';\r\nimport useStyle from \"./styles\";\r\nimport WheelPicker from \"../../Component/WheelPicker/WheelPicker\"\r\nimport { SettingsRemoteSharp } from '@material-ui/icons';\r\n\r\nconst monthMap = {\r\n '1': 'فروردین',\r\n '2': 'اردیبهشت',\r\n '3': 'خرداد',\r\n '4': 'تیر',\r\n '5': 'مرداد',\r\n '6': 'شهریور',\r\n '7': 'مهر',\r\n '8': 'آبان',\r\n '9': 'آذر',\r\n '10': 'دی',\r\n '11': 'بهمن',\r\n '12': 'اسفند',\r\n};\r\nfunction gregorian_to_jalali(gy, gm, gd) {\r\n var g_d_m, jy, jm, jd, gy2, days;\r\n g_d_m = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];\r\n gy2 = (gm > 2) ? (gy + 1) : gy;\r\n days = 355666 + (365 * gy) + ~~((gy2 + 3) / 4) - ~~((gy2 + 99) / 100) + ~~((gy2 + 399) / 400) + gd + g_d_m[gm - 1];\r\n jy = -1595 + (33 * ~~(days / 12053));\r\n days %= 12053;\r\n jy += 4 * ~~(days / 1461);\r\n days %= 1461;\r\n if (days > 365) {\r\n jy += ~~((days - 1) / 365);\r\n days = (days - 1) % 365;\r\n }\r\n if (days < 186) {\r\n jm = 1 + ~~(days / 31);\r\n jd = 1 + (days % 31);\r\n } else {\r\n jm = 7 + ~~((days - 186) / 30);\r\n jd = 1 + ((days - 186) % 30);\r\n }\r\n\r\n if (jm > 6) {\r\n if (jd + 7 > 30) {\r\n jd = jd + 7 - 30;\r\n jm = jm + 2;\r\n }\r\n else {\r\n jm = jm + 1;\r\n jd = jd + 7;\r\n }\r\n }\r\n else {\r\n if (jd + 7 > 31) {\r\n jd = jd + 7 - 31;\r\n jm = jm + 2;\r\n }\r\n else {\r\n jm = jm + 1;\r\n jd = jd + 7;\r\n }\r\n }\r\n return [jy, jm, jd];\r\n}\r\nvar currentDate = gregorian_to_jalali(new Date().getFullYear(), new Date().getMonth(), new Date().getDay())\r\nconst dateConfig = {\r\n 'year': {\r\n format: 'YYYY',\r\n caption: 'سال',\r\n step: 1,\r\n },\r\n 'month': {\r\n format: value => monthMap[value.getMonth() + 1],\r\n caption: 'ماه',\r\n step: 1,\r\n },\r\n 'date': {\r\n format: 'DD',\r\n caption: 'روز',\r\n step: 1,\r\n },\r\n};\r\nvar days = setDays(currentDate[1]);\r\nvar months = [{\r\n text: \"فروردین\",\r\n value: \"01\"\r\n}, {\r\n text: \"اردیبهشت\",\r\n value: \"02\"\r\n}, {\r\n text: \"خرداد\",\r\n value: \"03\"\r\n}, {\r\n text: \"تیر\",\r\n value: \"04\"\r\n}, {\r\n text: \"مرداد\",\r\n value: \"05\"\r\n}, {\r\n text: \"شهریور\",\r\n value: \"06\"\r\n}, {\r\n text: \"مهر\",\r\n value: \"07\"\r\n}, {\r\n text: \"آبان\",\r\n value: \"08\"\r\n}, {\r\n text: \"آذر\",\r\n value: \"09\"\r\n}, {\r\n text: \"دی\",\r\n value: \"10\"\r\n}, {\r\n text: \"بهمن\",\r\n value: \"11\"\r\n}, {\r\n text: \"اسفند\",\r\n value: \"12\"\r\n}];\r\nvar years = setYears(currentDate);\r\n\r\nfunction setYears(_Date) {\r\n var i = 100;\r\n var a = [];\r\n for (i = 100; i >= 0; i--) {\r\n a.push(parseInt(currentDate) - i)\r\n }\r\n return a;\r\n};\r\n\r\nfunction setDays(_month) {\r\n var x = ((_month > 6) ? 30 : 31);\r\n var a = [];\r\n var i = 1;\r\n for (i = 1; i <= x; i++) {\r\n a.push((parseInt(i) < 10 ? \"0\" + parseInt(i) : parseInt(i)))\r\n }\r\n return a\r\n};\r\n\r\nclass DateTime extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = {\r\n time: new Date(),\r\n isOpen: false\r\n }\r\n }\r\n\r\n showDatePicker() {\r\n var typeRe = this.props.storage;\r\n var picker1 = new WheelPicker({\r\n el: \"#birthDate\",\r\n title: \"تاریخ \",\r\n data: [years, months, days],\r\n value: [currentDate[0], ((parseInt(currentDate[1]) < 10) ? '0' + currentDate[1] : currentDate[1]), ((parseInt(currentDate[2]) < 10) ? '0' + currentDate[2] : currentDate[2])],\r\n onChange: function (a, b) {\r\n if (a == 1) {\r\n var m = parseInt(b.value.replace(/^0+/, ''));\r\n days = setDays(m);\r\n this.setData(days, 2)\r\n }\r\n },\r\n onSelect: function (selected) {\r\n var input = document.getElementById(\"btnBirthDate\");\r\n input.innerHTML = selected[0].text + \"/\" + selected[1].value + \"/\" + selected[2].text;\r\n localStorage.setItem(typeRe,currentDate[0]+'/'+ ((parseInt(currentDate[1]) < 10) ? '0' + currentDate[1] : currentDate[1]) +'/'+ ((parseInt(currentDate[2]) < 10) ? '0' + currentDate[2] : currentDate[2]));\r\n currentDate = [];\r\n currentDate.push(parseInt(selected[0].text));\r\n if (parseInt(selected[1].value) < 10) {\r\n currentDate.push(parseInt(selected[1].value));\r\n }\r\n else {\r\n currentDate.push(selected[1].value);\r\n }\r\n currentDate.push(parseInt(selected[2].text));\r\n }\r\n });\r\n picker1.show()\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n {\r\n props.history.push(\"../MerchantHistory\");\r\n localStorage.removeItem(\"kartmeli\");\r\n localStorage.removeItem(\"kartmeliP\");\r\n localStorage.removeItem(\"Serti\");\r\n localStorage.removeItem(\"iban\");\r\n localStorage.removeItem(\"moarefiN\");\r\n localStorage.removeItem(\"post\");\r\n localStorage.removeItem(\"ejare\");\r\n localStorage.removeItem(\"mojavez\");\r\n localStorage.removeItem(\"estesh\");\r\n localStorage.removeItem(\"contractFrontF\");\r\n localStorage.removeItem(\"contractFrontB\");\r\n localStorage.removeItem(\"setUpFormF\");\r\n localStorage.removeItem(\"setUpFormB\");\r\n localStorage.removeItem(\"marketingFormCreate\");\r\n localStorage.removeItem(\"depositSlipCreate\");\r\n localStorage.removeItem(\"kartmeli\");\r\n localStorage.removeItem(\"kartmelip\");\r\n }}\r\n />\r\n
\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n
\r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n تمام مراحل با موفقیت انجام شد \r\n \r\n
\r\n ) : (\r\n \r\n {getStepContent(activeStep)} \r\n
\r\n )}\r\n \r\n { Get(); seteditSnak(true); }}\r\n className={classes.backButton}\r\n style={{ marginTop: '10px' }}\r\n >\r\n قبلی\r\n \r\n\r\n\r\n {activeStep === 2 ? : }\r\n
\r\n \r\n\r\n \r\n\r\n
\r\n );\r\n }\r\n}\r\nexport default DateTime\r\n","import React, { useState, useEffect } from \"react\";\r\nimport useStyle from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport DropDownWheel from \"../../Component/DropDownWheel/DropDownWheel\";\r\nimport { Routes } from \"../../api/api\";\r\nimport axios from \"axios\";\r\nimport StoooreLogo from \"../../Component/RecordDoc/StoooreLogo\";\r\nimport { DepartureBoardTwoTone } from \"@material-ui/icons\";\r\nimport DateTime from '../../Component/SetCreationDate/DatePicker'\r\n\r\n\r\n\r\nconst MerchantInfo = () => {\r\n const [DisableCity, setDisableCity] = useState(false)\r\n console.log(DisableCity, \"sdadsdsdsd\")\r\n let sotreN = localStorage.getItem(\"CompanyName\");\r\n const [DisableDeviceModel, setDisableDeviceModel] = useState(false)\r\n\r\n const [CompanyName, setCompanyName] = useState(sotreN);\r\n\r\n let CompanyLatin = localStorage.getItem(\"CompanyNameEn\");\r\n const [CompanyNameEn, setCompanyNameEn] = useState(CompanyLatin);\r\n\r\n let Logo = localStorage.getItem(\"storeLogo\");\r\n const [storeLogo, setStoreLogo] = useState(Logo);\r\n\r\n let acceptNumCompany = localStorage.getItem(\"acceptNumCome\");\r\n const [acceptNumCome, setacceptNumCome] = useState(acceptNumCompany);\r\n\r\n let GetDeviceValue = localStorage.getItem(\"DeviceTypeId\");\r\n const [DeviceTypeId, setDeviceTypeId] = useState(GetDeviceValue);\r\n console.log(localStorage.getItem(\"DeviceTypeId\"))\r\n\r\n let SwitchType = localStorage.getItem(\"TypeSwitch\");\r\n const [TypeSwitch, setTypeSwitch] = useState(SwitchType);\r\n\r\n let GetCitiess = localStorage.getItem(\"Cityy\");\r\n const [Cityy, setCityy] = useState(GetCitiess);\r\n\r\n let GetDevicess = localStorage.getItem(\"Devicess\");\r\n const [Devicess, setDevicess] = useState(GetDevicess);\r\n\r\n let shanaseMeli = localStorage.getItem(\"shenasMeliCom\");\r\n const [shenasMeliCom, setshenasMeliCom] = useState(shanaseMeli);\r\n\r\n let phoneNum = localStorage.getItem(\"PhoneNumberCompany\");\r\n const [PhoneNumberCompany, setPhoneNumberCompany] = useState(phoneNum);\r\n\r\n let mobile = localStorage.getItem(\"mobileNumCompany\");\r\n const [mobileNumCompany, setmobileNumCompany] = useState(mobile);\r\n\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n const [ProvinceId, setProvinceId] = useState(ProvinceIdValue);\r\n console.log('ProvinceId', ProvinceId)\r\n\r\n let SwitchesIdValue = localStorage.getItem(\"SwitchesType\");\r\n const [SwitchesType, setSwitchesType] = useState(SwitchesIdValue);\r\n\r\n let post = localStorage.getItem(\"PostNum\");\r\n const [PostNum, setPostNum] = useState(post);\r\n\r\n let address = localStorage.getItem(\"AddresStore\");\r\n const [AddresStore, setAddrresStore] = useState(address);\r\n\r\n let email = localStorage.getItem(\"EmailOwn\");\r\n const [EmailOwn, setEmailOwn] = useState(email);\r\n\r\n let web = localStorage.getItem(\"website\");\r\n const [website, setWebsite] = useState(web);\r\n\r\n let Sarh = localStorage.getItem(\"Info\");\r\n const [Info, setInfo] = useState(Sarh);\r\n\r\n let Fax = localStorage.getItem(\"FaxNUM\");\r\n const [FaxNUM, setFaxNUM] = useState(Fax);\r\n\r\n let acceptDate = localStorage.getItem(\"accDateCom\");\r\n const [accDateCom, setaccDateCom] = useState(acceptDate);\r\n\r\n let HesabNum = localStorage.getItem('HesabNumberMerchant')\r\n const [HesabNumberMerchant, setHesabNumberMerchant] = useState(HesabNum);\r\n\r\n let shabaNum = localStorage.getItem('ShabaNumberMerchant')\r\n const [ShabaNumberMerchant, setShabaNumberMerchant] = useState(shabaNum);\r\n\r\n let KodBank = localStorage.getItem(\"BankKodeMerchant\")\r\n const [BankKodeMerchant, setBankKodeMerchant] = useState(KodBank);\r\n\r\n let BankIdValue = localStorage.getItem(\"BankItemsMerchant\");\r\n const [BankItemsMerchant, setBankItemsMerchant] = useState(BankIdValue);\r\n\r\n const [Banks, setBanks] = useState(\"\");\r\n console.log(Banks);\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n GetBank(tokenStorage);\r\n }, []);\r\n\r\n useEffect(() => {\r\n let BankIdValue = localStorage.getItem(\"BankItemsMerchant\");\r\n console.log(BankIdValue)\r\n }, [BankIdValue])\r\n\r\n const GetBank = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetBank}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setBanks(data.value.response);\r\n }\r\n } catch (error) {\r\n console.log(GetBank);\r\n console.log(error);\r\n }\r\n };\r\n\r\n const [Cities, setCities] = useState(\"\");\r\n const [Devices, setDevices] = useState(\"\");\r\n const [token, setToken] = useState(\"\");\r\n const [deviceTypess, setDeviceType] = useState(\"\");\r\n console.log(deviceTypess);\r\n const [Provincee, setProvinces] = useState(\"\");\r\n console.log(Provincee);\r\n const [Switches, setSwitches] = useState(\"\");\r\n console.log(Switches);\r\n\r\n\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n marginLeft:\"25px\"\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n const [alignment, setAlignment] = React.useState(\"left\");\r\n\r\n const handleChange = (event, newAlignment) => {\r\n setAlignment(newAlignment);\r\n };\r\n\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n }, []);\r\n\r\n const classes = useStyle();\r\n\r\n const validation = () => {\r\n try {\r\n\r\n if (localStorage.getItem(\"CompanyName\") === null || localStorage.getItem(\"CompanyName\") === \"\")\r\n document.getElementById(\"name\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"CompanyNameEn\") === null || localStorage.getItem(\"CompanyNameEn\") === \"\")\r\n document.getElementById(\"senf\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"PhoneNumberCompany\") === null || localStorage.getItem(\"PhoneNumberCompany\") === \"\")\r\n document.getElementById(\"sabetNumC\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"mobileNumCompany\") === null || localStorage.getItem(\"mobileNumCompany\") === \"\")\r\n document.getElementById(\"mobileC\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"shenasMeliCom\") === null || localStorage.getItem(\"shenasMeliCom\") === \"\")\r\n document.getElementById(\"meli\").style.display = \"block\"\r\n\r\n } catch {\r\n\r\n }\r\n }\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n setCompanyName(e.target.value);\r\n localStorage.setItem(\"CompanyName\", e.target.value);\r\n\r\n }}\r\n />\r\n {localStorage.getItem(\"CompanyName\") === null || localStorage.getItem(\"CompanyName\") === \"\" ?\r\n \r\n وارد کردن نام شرکت الزامی میباشد\r\n
: null}\r\n \r\n {\r\n setCompanyNameEn(e.target.value);\r\n localStorage.setItem(\"CompanyNameEn\", e.target.value);\r\n }}\r\n />\r\n\r\n {localStorage.getItem(\"CompanyNameEn\") === null || localStorage.getItem(\"CompanyNameEn\") === \"\" ?\r\n \r\n وارد نمودن نام شرکت به لاتین الزامی میباشد\r\n
: null}\r\n \r\n {\r\n setacceptNumCome(e.target.value);\r\n localStorage.setItem(\"acceptNumCome\", e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n {\r\n setshenasMeliCom(e.target.value);\r\n localStorage.setItem(\"shenasMeliCom\", e.target.value);\r\n }}\r\n />\r\n\r\n {localStorage.getItem(\"shenasMeliCom\") === null || localStorage.getItem(\"shenasMeliCom\") === \"\" ?\r\n \r\n وارد نمودن شناسه ملی الزامی میباشد\r\n
: null}\r\n\r\n \r\n\r\n \r\n {\r\n setmobileNumCompany(e.target.value);\r\n localStorage.setItem(\"mobileNumCompany\", e.target.value);\r\n }}\r\n />\r\n\r\n {localStorage.getItem(\"mobileNumCompany\") === null || localStorage.getItem(\"mobileNumCompany\") === \"\" ?\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setPhoneNumberCompany(e.target.value);\r\n localStorage.setItem(\"PhoneNumberCompany\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PhoneNumberCompany\") === null || localStorage.getItem(\"PhoneNumberCompany\") === \"\" ?\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n { setHesabNumberMerchant(e.target.value); localStorage.setItem('HesabNumberMerchant', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n { setShabaNumberMerchant(e.target.value); localStorage.setItem('ShabaNumberMerchant', e.target.value) }}\r\n />\r\n IR\r\n {localStorage.getItem(\"ShabaNumberMerchant\") === null || localStorage.getItem(\"ShabaNumberMerchant\") === \"\" ?\r\n \r\n وارد نمودن شماره شبا الزامی است\r\n
: null}\r\n \r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n { setBankKodeMerchant(e.target.value); localStorage.setItem('BankKodeMerchant', e.target.value) }}\r\n />\r\n
\r\n \r\n \r\n {\r\n localStorage.getItem(\"CompanyName\") === \"\" || localStorage.getItem(\"CompanyName\") === null ||\r\n localStorage.getItem(\"CompanyNameEn\") === \"\" || localStorage.getItem(\"CompanyNameEn\") === null ||\r\n localStorage.getItem(\"PhoneNumberCompany\") === \"\" || localStorage.getItem(\"PhoneNumberCompany\") === null ||\r\n localStorage.getItem(\"shenasMeliCom\") === \"\" || localStorage.getItem(\"shenasMeliCom\") === null ||\r\n localStorage.getItem(\"mobileNumCompany\") === \"\" || localStorage.getItem(\"mobileNumCompany\") === null\r\n\r\n\r\n ?\r\n \r\n \r\n بعدی\r\n \r\n\r\n
\r\n : null\r\n }\r\n\r\n \r\n );\r\n};\r\n\r\nexport default MerchantInfo;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport styles from \"./styles\";\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Button from \"@material-ui/core/Button\";\r\n\r\n\r\n\r\nconst MerchantCode = (props) => {\r\n\r\n\r\n console.log(props.merchantId)\r\n const classes = styles();\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\n\r\nexport default MerchantCode;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport styles from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport DateTime from '../../Component/DatePicker/DatePicker'\r\nimport DropDownWheel from \"../../Component/DropDownWheel/DropDownWheel\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport { DepartureBoardTwoTone } from \"@material-ui/icons\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { Routes } from \"../../api/api\";\r\nimport axios from \"axios\";\r\n\r\n\r\nconst OwnerStore = (props) => {\r\n\r\n\r\n const [token, setToken] = useState(\"\");\r\n\r\n let KodBank = localStorage.getItem(\"BankKode\")\r\n const [BankKode, setBankKode] = useState(KodBank);\r\n\r\n let namef = localStorage.getItem('Name')\r\n const [Name, setName] = useState(namef);\r\n\r\n\r\n let namefl = localStorage.getItem('Namelatin')\r\n const [Namelatin, setNamelatin] = useState(namefl);\r\n\r\n let lastn = localStorage.getItem('lastName')\r\n const [lastName, setLastName] = useState(lastn);\r\n\r\n\r\n let lastnl = localStorage.getItem('lastNameLatin')\r\n const [lastNameLatin, setlastNameLatin] = useState(lastnl);\r\n\r\n let FatherN = localStorage.getItem('FatherName')\r\n const [FatherName, setFatherName] = useState(FatherN);\r\n\r\n\r\n let FatherL = localStorage.getItem('FatherLatin')\r\n const [FatherLatin, setFatherLatin] = useState(FatherL);\r\n\r\n\r\n let NationalN = localStorage.getItem('NationalNum')\r\n const [NationalNum, setNationalNum] = useState(NationalN);\r\n\r\n let ShenasNum = localStorage.getItem('ShenasName')\r\n const [ShenasName, setShenasName] = useState(ShenasNum);\r\n\r\n let seriShenas = localStorage.getItem('SeriNum')\r\n const [SeriNum, setSeriNum] = useState(seriShenas);\r\n\r\n let CityShenas = localStorage.getItem('cityShenasName')\r\n const [cityShenasName, setCityShenasName] = useState(CityShenas);\r\n\r\n let HesabNum = localStorage.getItem('HesabNumber')\r\n const [HesabNumber, setHesabNumber] = useState(HesabNum);\r\n\r\n let shabaNum = localStorage.getItem('ShabaNumber')\r\n const [ShabaNumber, setShabaNumber] = useState(shabaNum);\r\n\r\n let phoneNumMerchant = localStorage.getItem(\"phoneNumMerchantber\");\r\n const [phoneNumMerchantber, setphoneNumMerchantber] = useState(phoneNumMerchant);\r\n\r\n let mobileMerchant = localStorage.getItem(\"mobileMerchantNum\");\r\n const [mobileMerchantNum, setmobileMerchantNum] = useState(mobileMerchant);\r\n\r\n\r\n let GetBirthDate = localStorage.getItem(\"birthdate\");\r\n const [birthdate, setbirthdate] = useState(GetBirthDate);\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n marginTop: \"3px\",\r\n marginLeft: \"28px\"\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n\r\n const classes = styles();\r\n\r\n const validation = () => {\r\n try {\r\n if (localStorage.getItem(\"Name\") === null || localStorage.getItem(\"Name\") === \"\")\r\n document.getElementById(\"naLa\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"lastName\") === null || localStorage.getItem(\"lastName\") === \"\")\r\n document.getElementById(\"LastLa\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"FatherName\") === null || localStorage.getItem(\"FatherName\") === \"\")\r\n document.getElementById(\"FatherN\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"Gender\") === null || localStorage.getItem(\"Gender\") === \"\")\r\n document.getElementById(\"gen\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"birthdate\") === null || localStorage.getItem(\"birthdate\") === \"\")\r\n document.getElementById(\"birth\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"mobileMerchantNum\") === null || localStorage.getItem(\"mobileMerchantNum\") === \"\")\r\n document.getElementById(\"mobileMerchant\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"phoneNumMerchantber\") === null || localStorage.getItem(\"phoneNumMerchantber\") === \"\")\r\n document.getElementById(\"sabetNum\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"NationalNum\") === null || localStorage.getItem(\"NationalNum\") === \"\")\r\n document.getElementById(\"national\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"ShenasName\") === null || localStorage.getItem(\"ShenasName\") === \"\")\r\n document.getElementById(\"shenas\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"ShabaNumber\") === null || localStorage.getItem(\"ShabaNumber\") === \"\")\r\n document.getElementById(\"shaba\").style.display = \"block\"\r\n\r\n\r\n } catch {\r\n\r\n }\r\n }\r\n\r\n let BankIdValue = localStorage.getItem(\"BankItems\");\r\n const [BankItems, setBankItems] = useState(BankIdValue);\r\n\r\n let Jensiat = localStorage.getItem(\"Gender\");\r\n const [Gender, setGender] = useState(Jensiat);\r\n\r\n const [Banks, setBanks] = useState(\"\");\r\n console.log(Banks);\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n GetBank(tokenStorage);\r\n }, []);\r\n\r\n useEffect(() => {\r\n let BankIdValue = localStorage.getItem(\"BankItems\");\r\n console.log(BankIdValue)\r\n }, [BankIdValue])\r\n\r\n const GetBank = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetBank}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setBanks(data.value.response);\r\n }\r\n } catch (error) {\r\n console.log(GetBank);\r\n console.log(error);\r\n }\r\n };\r\n\r\n var Gen = [{\r\n text: \"آقا\",\r\n value: \"true\"\r\n }, {\r\n text: \"خانم\",\r\n value: \"false\"\r\n }];\r\n console.log(localStorage.getItem(\"birthdate\"))\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n ثبت پذیرنده با موفقیت انجام شد\r\n
\r\n\r\n \r\n\r\n\r\n\r\n
\r\n \r\n کد رهگیری : {props.merchantId}\r\n
\r\n
\r\n جهت تکمیل عملیات بر روی گزینه ی \"تکمیل مدارک\" کیلک کنید \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n جهت تکمیل عملیات بر روی گزینه ی \"تکمیل مدارک\" کیلک کنید \r\n\r\n
\r\n { props.Button() }}\r\n className={classes.root} variant=\"contained\"\r\n color=\"primary\"\r\n style={{ width: \"40%\", padding: \"6px 0px\", boxShadow: \"0 0\", background: \"orange\", fontSize: \"12px\" }} >\r\n تکمیل مدارک\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n { setName(e.target.value); localStorage.setItem('Name', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"Name\") === null || localStorage.getItem(\"Name\") === \"\" ?\r\n \r\n وارد نمودن نام الزامی میباشد\r\n
: null}\r\n \r\n { setLastName(e.target.value); localStorage.setItem('lastName', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"lastName\") === null || localStorage.getItem(\"lastName\") === \"\" ?\r\n \r\n وارد نمودن نام الزامی میباشد\r\n
: null}\r\n \r\n { setFatherName(e.target.value); localStorage.setItem('FatherName', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"FatherName\") === null || localStorage.getItem(\"FatherName\") === \"\" ?\r\n \r\n وارد نمودن نام الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n { setNamelatin(e.target.value); localStorage.setItem('Namelatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"Namelatin\") === null || localStorage.getItem(\"Namelatin\") === \"\" ?\r\n \r\n وارد نمودن نام به لاتین الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n { setlastNameLatin(e.target.value); localStorage.setItem('lastNameLatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"lastNameLatin\") === null || localStorage.getItem(\"lastNameLatin\") === \"\" ?\r\n \r\n وارد نمودن نام خانوادگی به لاتین الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n { setFatherLatin(e.target.value); localStorage.setItem('FatherLatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"FatherLatin\") === null || localStorage.getItem(\"FatherLatin\") === \"\" ?\r\n \r\n وارد نمودن نام پدر به لاتین الزامی میباشد\r\n
: null}\r\n \r\n \r\n \r\n وارد نمودن نوع جنسیت الزامی میباشد\r\n
: null}\r\n \r\n \r\n \r\n وارد نمودن تاریخ تولد الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setNationalNum(e.target.value); localStorage.setItem('NationalNum', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"NationalNum\") === null || localStorage.getItem(\"NationalNum\") === \"\" ?\r\n \r\n وارد نمودن شماره ملی الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setShenasName(e.target.value); localStorage.setItem('ShenasName', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"ShenasName\") === null || localStorage.getItem(\"ShenasName\") === \"\" ?\r\n \r\n وارد نمودن شماره شناسنامه الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setSeriNum(e.target.value); localStorage.setItem('SeriNum', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setmobileMerchantNum(e.target.value);\r\n localStorage.setItem(\"mobileMerchantNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileMerchantNum\") === null || localStorage.getItem(\"mobileMerchantNum\") === \"\" ?\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setphoneNumMerchantber(e.target.value);\r\n localStorage.setItem(\"phoneNumMerchantber\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"phoneNumMerchantber\") === null || localStorage.getItem(\"phoneNumMerchantber\") === \"\" ?\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n\r\n\r\n \r\n {localStorage.getItem(\"Name\") === \"\" || localStorage.getItem(\"Name\") === null ||\r\n localStorage.getItem(\"lastName\") === \"\" || localStorage.getItem(\"lastName\") === null ||\r\n localStorage.getItem(\"FatherName\") === \"\" || localStorage.getItem(\"FatherName\") === null ||\r\n localStorage.getItem(\"Gender\") === \"\" || localStorage.getItem(\"Gender\") === null ||\r\n localStorage.getItem(\"birthdate\") === \"\" || localStorage.getItem(\"birthdate\") === null ||\r\n localStorage.getItem(\"mobileMerchantNum\") === \"\" || localStorage.getItem(\"mobileMerchantNum\") === null ||\r\n localStorage.getItem(\"phoneNumMerchantber\") === \"\" || localStorage.getItem(\"phoneNumMerchantber\") === null ||\r\n localStorage.getItem(\"NationalNum\") === \"\" || localStorage.getItem(\"NationalNum\") === null ||\r\n localStorage.getItem(\"ShenasName\") === \"\" || localStorage.getItem(\"ShenasName\") === null ||\r\n localStorage.getItem(\"FatherName\") === \"\" || localStorage.getItem(\"FatherName\") === null \r\n\r\n\r\n ?\r\n \r\n \r\n ثبت\r\n \r\n \r\n
\r\n : null\r\n }\r\n \r\n );\r\n}\r\n\r\n\r\nexport default OwnerStore;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport useStyle from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport DropDownWheel from \"../../Component/DropDownWheel/DropDownWheel\";\r\nimport { Routes } from \"../../api/api\";\r\nimport axios from \"axios\";\r\nimport StoooreLogo from \"../../Component/RecordDoc/StoooreLogo\";\r\n\r\n\r\n\r\nconst MerchantInfo = () => {\r\n const [DisableCity, setDisableCity] = useState(false)\r\n console.log(DisableCity, \"sdadsdsdsd\")\r\n let sotreN = localStorage.getItem(\"storeName\");\r\n const [DisableDeviceModel, setDisableDeviceModel] = useState(false)\r\n\r\n const [storeName, setStoreName] = useState(sotreN);\r\n\r\n let StoreNameLatin = localStorage.getItem(\"StoreNameEn\");\r\n const [StoreNameEn, setStoreNameEn] = useState(StoreNameLatin);\r\n\r\n let Logo = localStorage.getItem(\"storeLogo\");\r\n const [storeLogo, setStoreLogo] = useState(Logo);\r\n\r\n let TypeStore = localStorage.getItem(\"TypeSToree\");\r\n const [TypeSToree, setTypeSToree] = useState(TypeStore);\r\n\r\n let GetDeviceValue = localStorage.getItem(\"DeviceTypeId\");\r\n const [DeviceTypeId, setDeviceTypeId] = useState(GetDeviceValue);\r\n console.log(localStorage.getItem(\"DeviceTypeId\"))\r\n\r\n let SwitchType = localStorage.getItem(\"TypeSwitch\");\r\n const [TypeSwitch, setTypeSwitch] = useState(SwitchType);\r\n\r\n let GetCitiess = localStorage.getItem(\"Cityy\");\r\n const [Cityy, setCityy] = useState(GetCitiess);\r\n\r\n let GetDevicess = localStorage.getItem(\"Devicess\");\r\n const [Devicess, setDevicess] = useState(GetDevicess);\r\n\r\n let DeviceSerial = localStorage.getItem(\"deviceSerial\");\r\n const [deviceSerial, setDeviceSerial] = useState(DeviceSerial);\r\n\r\n let phoneNum = localStorage.getItem(\"PhoneNumber\");\r\n const [PhoneNumber, setPhoneNumber] = useState(phoneNum);\r\n\r\n let mobile = localStorage.getItem(\"mobileNum\");\r\n const [mobileNum, setMobileNum] = useState(mobile);\r\n\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n const [ProvinceId, setProvinceId] = useState(ProvinceIdValue);\r\n console.log('ProvinceId', ProvinceId)\r\n\r\n let SwitchesIdValue = localStorage.getItem(\"SwitchesType\");\r\n const [SwitchesType, setSwitchesType] = useState(SwitchesIdValue);\r\n\r\n let post = localStorage.getItem(\"PostNum\");\r\n const [PostNum, setPostNum] = useState(post);\r\n\r\n let address = localStorage.getItem(\"AddresStore\");\r\n const [AddresStore, setAddrresStore] = useState(address);\r\n\r\n let email = localStorage.getItem(\"EmailOwn\");\r\n const [EmailOwn, setEmailOwn] = useState(email);\r\n\r\n let web = localStorage.getItem(\"website\");\r\n const [website, setWebsite] = useState(web);\r\n\r\n let Sarh = localStorage.getItem(\"Info\");\r\n const [Info, setInfo] = useState(Sarh);\r\n\r\n let Fax = localStorage.getItem(\"FaxNUM\");\r\n const [FaxNUM, setFaxNUM] = useState(Fax);\r\n\r\n\r\n const [Cities, setCities] = useState(\"\");\r\n const [Devices, setDevices] = useState(\"\");\r\n const [token, setToken] = useState(\"\");\r\n const [deviceTypess, setDeviceType] = useState(\"\");\r\n console.log(deviceTypess);\r\n const [Provincee, setProvinces] = useState(\"\");\r\n console.log(Provincee);\r\n const [Switches, setSwitches] = useState(\"\");\r\n console.log(Switches);\r\n\r\n\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n const [alignment, setAlignment] = React.useState(\"left\");\r\n\r\n const handleChange = (event, newAlignment) => {\r\n setAlignment(newAlignment);\r\n };\r\n\r\n const [cityItems, setCityItems] = useState(\"\");\r\n const cityItem = () => {\r\n setloadningCity(!loadningCity)\r\n\r\n };\r\n\r\n const [ProductItems, setProductItems] = useState(\"\");\r\n const ProductItem = () => {\r\n\r\n setLoad(!load)\r\n };\r\n const OnSelectedkart = (e) => {\r\n if (e.target.files && e.target.files.length > 0) {\r\n const readerr = new FileReader();\r\n readerr.addEventListener(\"load\", () => {\r\n setStoreLogo(readerr.result);\r\n localStorage.setItem(\"storeLogo\", readerr.result);\r\n });\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n };\r\n\r\n const GetCities = (id) => {\r\n axios\r\n .get(`${Routes.GetCity}/${id}`, { headers: { token: token } })\r\n .then(({ data }) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setCityItems(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setCities([]);\r\n });\r\n };\r\n console.log(cityItems)\r\n\r\n\r\n const GetDevices = (id) => {\r\n\r\n axios\r\n .get(`${Routes.GetProducts}/${id}`, { headers: { token: token } })\r\n\r\n .then(({ data }) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setProductItems(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setDevices([]);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n getProvinces(tokenStorage);\r\n getTypeDevice(tokenStorage);\r\n GetSwitch(tokenStorage);\r\n }, []);\r\n useEffect(() => {\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n console.log(ProvinceIdValue)\r\n GetCities(ProvinceIdValue)\r\n }, [ProvinceIdValue])\r\n\r\n useEffect(() => {\r\n let SwitchesIdValue = localStorage.getItem(\"SwitchesType\");\r\n console.log(SwitchesIdValue)\r\n }, [SwitchesIdValue])\r\n\r\n const getProvinces = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetProvinces}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setProvinces(data.value.response);\r\n axios\r\n .get(`${Routes.GetCity}/${\"-1\"}`, { headers: { token: token } })\r\n .then(({ data }) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setCities(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setCities([]);\r\n });\r\n }\r\n } catch (error) {\r\n console.log(getProvinces);\r\n console.log(error);\r\n }\r\n };\r\n\r\n const getTypeDevice = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetDeviceType}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setDeviceType(data.value.response);\r\n axios\r\n .get(`${Routes.GetProducts}/${\"-1\"}`, { headers: { token: token } })\r\n .then((data) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setDevices(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setDevices([]);\r\n });\r\n }\r\n } catch (error) {\r\n console.log(getTypeDevice);\r\n console.log(error);\r\n }\r\n };\r\n\r\n\r\n const GetSwitch = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetSwitch}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setSwitches(data.value.response);\r\n }\r\n } catch (error) {\r\n console.log(GetSwitch);\r\n console.log(error);\r\n }\r\n };\r\n\r\n const classes = useStyle();\r\n\r\n const validation = () => {\r\n try {\r\n\r\n if (localStorage.getItem(\"StoreNameEn\") === null || localStorage.getItem(\"StoreNameEn\") === \"\")\r\n document.getElementById(\"senf\").style.display = \"block\"\r\n \r\n if (localStorage.getItem(\"storeName\") === null || localStorage.getItem(\"storeName\") === \"\")\r\n document.getElementById(\"name\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"TypeSToree\") === null || localStorage.getItem(\"TypeSToree\") === \"\")\r\n document.getElementById(\"senf\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"AddresStore\") === null || localStorage.getItem(\"AddresStore\") === \"\")\r\n document.getElementById(\"storeAdd\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"PostNum\") === null || localStorage.getItem(\"PostNum\") === \"\")\r\n document.getElementById(\"post\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"PhoneNumber\") === null || localStorage.getItem(\"PhoneNumber\") === \"\")\r\n document.getElementById(\"sabetNum\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"mobileNum\") === null || localStorage.getItem(\"mobileNum\") === \"\")\r\n document.getElementById(\"mobile\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"DeviceTypeId\") === null || localStorage.getItem(\"DeviceTypeId\") === \"\")\r\n document.getElementById(\"DeviceTp\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"Devicess\") === null || localStorage.getItem(\"Devicess\") === \"\")\r\n document.getElementById(\"ModelDevice\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"SwitchesType\") === null || localStorage.getItem(\"SwitchesType\") === \"\")\r\n document.getElementById(\"switch\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"Province\") === null || localStorage.getItem(\"Province\") === \"\")\r\n document.getElementById(\"ostan\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"Cityy\") === null || localStorage.getItem(\"Cityy\") === \"\")\r\n document.getElementById(\"Shahr\").style.display = \"block\"\r\n\r\n\r\n\r\n\r\n } catch {\r\n\r\n }\r\n }\r\n const [load, setLoad] = useState(false)\r\n useEffect(() => {\r\n setTimeout(() => {\r\n try {\r\n let TypeDeviceIdVal = localStorage.getItem(\"DeviceTypeId\");\r\n console.log(TypeDeviceIdVal)\r\n console.log(GetDevices(TypeDeviceIdVal.split(\"|\")[0]));\r\n GetDevices(TypeDeviceIdVal.split(\"|\")[0]);\r\n }\r\n catch {\r\n\r\n }\r\n\r\n }, 100);\r\n }, [load])\r\n\r\n const [loadningCity, setloadningCity] = useState(false)\r\n useEffect(() => {\r\n setTimeout(() => {\r\n try {\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n console.log(ProvinceIdValue)\r\n GetCities(ProvinceIdValue)\r\n }\r\n catch {\r\n\r\n }\r\n\r\n }, 100);\r\n }, [loadningCity])\r\n\r\n\r\n\r\n\r\n return (\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n setStoreName(e.target.value);\r\n localStorage.setItem(\"storeName\", e.target.value);\r\n\r\n }}\r\n />\r\n {localStorage.getItem(\"storeName\") === null || localStorage.getItem(\"storeName\") === \"\" ?\r\n \r\n وارد کردن نام فروشگاه الزامی میباشد\r\n
: null}\r\n \r\n {\r\n setStoreNameEn(e.target.value);\r\n localStorage.setItem(\"StoreNameEn\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"StoreNameEn\") === null || localStorage.getItem(\"StoreNameEn\") === \"\" ?\r\n \r\n وارد نمودن نام شرکت به لاتین الزامی میباشد\r\n
: null}\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {\r\n setTypeSToree(e.target.value);\r\n localStorage.setItem(\"TypeSToree\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"TypeSToree\") === null || localStorage.getItem(\"TypeSToree\") === \"\" ?\r\n \r\n وارد نمودن صنف فعالیت الزامی میباشد\r\n
: null}\r\n \r\n\r\n { ProductItem(); console.log('ok') }}>\r\n \r\n وارد نمودن نوع دستگاه الزامی میباشد\r\n
: null}\r\n \r\n\r\n\r\n {localStorage.getItem(\"DeviceTypeId\") ?\r\n { ProductItem(); console.log('ok') }} >\r\n \r\n وارد نمودن مدل دستگاه الزامی میباشد\r\n
: null}\r\n \r\n :\r\n \r\n \r\n {localStorage.getItem(\"Devicess\") === null || localStorage.getItem(\"Devicess\") === \"\" ?\r\n \r\n وارد نمودن مدل دستگاه الزامی میباشد\r\n
: null}\r\n \r\n }\r\n\r\n ProductItem()}>\r\n \r\n وارد نمودن نوع سوئیچ الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n {\r\n setDeviceSerial(e.target.value);\r\n localStorage.setItem(\"deviceSerial\", e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setMobileNum(e.target.value);\r\n localStorage.setItem(\"mobileNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileNum\") === null || localStorage.getItem(\"mobileNum\") === \"\" ?\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setPhoneNumber(e.target.value);\r\n localStorage.setItem(\"PhoneNumber\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PhoneNumber\") === null || localStorage.getItem(\"PhoneNumber\") === \"\" ?\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setPostNum(e.target.value);\r\n localStorage.setItem(\"PostNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PostNum\") === null || localStorage.getItem(\"PostNum\") === \"\" ?\r\n \r\n وارد نمودن کد پستی الزامی میباشد\r\n
: null}\r\n \r\n { cityItem(); console.log('ok') }} >\r\n \r\n وارد کردن استان الزامی میباشد\r\n
: null}\r\n \r\n\r\n {localStorage.getItem(\"Province\") ?\r\n { cityItem(); console.log('ok') }}>\r\n \r\n وارد کردن شهر الزامی میباشد\r\n
: null}\r\n :\r\n \r\n \r\n
\r\n }\r\n\r\n\r\n\r\n \r\n {\r\n setAddrresStore(e.target.value);\r\n localStorage.setItem(\"AddresStore\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"AddresStore\") === null || localStorage.getItem(\"AddresStore\") === \"\" ?\r\n \r\n وارد نمودن آدرس فروشگاه الزامی است\r\n
: null}\r\n \r\n \r\n {\r\n setEmailOwn(e.target.value);\r\n localStorage.setItem(\"EmailOwn\", e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setWebsite(e.target.value);\r\n localStorage.setItem(\"website\", e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setFaxNUM(e.target.value);\r\n localStorage.setItem(\"FaxNUM\", e.target.value);\r\n }}\r\n />\r\n\r\n\r\n
\r\n\r\n \r\n {\r\n setInfo(e.target.value);\r\n localStorage.setItem(\"Info\", e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n {localStorage.getItem(\"storeName\") === \"\" || localStorage.getItem(\"storeName\") === null ||\r\n localStorage.getItem(\"StoreNameEn\") === \"\" || localStorage.getItem(\"StoreNameEn\") === null ||\r\n localStorage.getItem(\"TypeSToree\") === \"\" || localStorage.getItem(\"TypeSToree\") === null ||\r\n localStorage.getItem(\"AddresStore\") === \"\" || localStorage.getItem(\"AddresStore\") === null ||\r\n localStorage.getItem(\"PostNum\") === \"\" || localStorage.getItem(\"PostNum\") === null ||\r\n localStorage.getItem(\"PhoneNumber\") === \"\" || localStorage.getItem(\"PhoneNumber\") === null ||\r\n localStorage.getItem(\"mobileNum\") === \"\" || localStorage.getItem(\"mobileNum\") === null ||\r\n localStorage.getItem(\"DeviceTypeId\") === \"\" || localStorage.getItem(\"DeviceTypeId\") === null ||\r\n localStorage.getItem(\"Devicess\") === \"\" || localStorage.getItem(\"Devicess\") === null ||\r\n localStorage.getItem(\"SwitchesType\") === \"\" || localStorage.getItem(\"SwitchesType\") === null ||\r\n localStorage.getItem(\"Province\") === \"\" || localStorage.getItem(\"Province\") === null ||\r\n localStorage.getItem(\"Cityy\") === \"\" || localStorage.getItem(\"Cityy\") === null\r\n\r\n\r\n\r\n\r\n ?\r\n \r\n \r\n بعدی\r\n \r\n\r\n
\r\n : null\r\n }\r\n\r\n \r\n );\r\n};\r\n\r\nexport default MerchantInfo;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport Button from '@material-ui/core/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport MerchantInfoHoghoghi from './MerchantInfoHoghoghi';\r\nimport Header from '../../Component/Header/Header';\r\nimport MerchantCodeHoghoghi from './MerchantCodeHoghoghi';\r\nimport OwnerStoreHoghoghi from './OwnerStoreHoghoghi';\r\nimport axios from \"axios\";\r\nimport { Routes } from \"../../api/api\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport styles from \"./styles\";\r\nimport DeviceInformation from './DeviceInformation'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n backButton: {\r\n backgroundColor: 'orange',\r\n width: \"45%\",\r\n color: \"white\",\r\n fontFamily: \"IRANSansMobile\",\r\n marginRight: '10px',\r\n marginTop: \"50px\"\r\n },\r\n instructions: {\r\n fontFamily: 'IRANSansMobile',\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n root: {\r\n '& .MuiButton-root': {\r\n fontFamily: \"IRANSansMobile\",\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover.Mui-disabled\": {\r\n backgroundColor: \"orange\"\r\n },\r\n '& .MuiStepLabel-label.MuiStepLabel-alternativeLabel': {\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: '12px'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-active': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-completed': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiButton-containedPrimary': {\r\n color: '#fff',\r\n backgroundColor: '#4CAF50'\r\n },\r\n \"& MerchantHistory\": {\r\n color: 'gray'\r\n },\r\n }\r\n\r\n}));\r\n\r\n\r\n\r\nexport default function CreateMerchantHoghoghi(props) {\r\n\r\n\r\n function getSteps() {\r\n return ['اطلاعات پذیرنده', 'اطلاعات فروشگاه', 'اطلاعات امضاداران', \"کد رهگیری\"];\r\n }\r\n\r\n function getStepContent(stepIndex) {\r\n switch (stepIndex) {\r\n case 0:\r\n return \r\n
\r\n );\r\n}","import { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nconst useStyle = makeStyles({\r\n container: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n flexDirection: 'column',\r\n fontFamily: \"IRANSansMobile\",\r\n\r\n },\r\n img: {\r\n width: 150,\r\n marginTop: 50,\r\n },\r\n text: {\r\n marginTop: 20,\r\n direction: 'rtl'\r\n },\r\n input: {\r\n marginTop: 20\r\n },\r\n timer: {\r\n marginTop: 20\r\n },\r\n sendAgain: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 10,\r\n },\r\n mobile: {\r\n display: 'flex',\r\n justifyContent: 'center',\r\n alignItems: 'center',\r\n marginTop: 20\r\n },\r\n App: {\r\n direction: 'rtl',\r\n textalign: 'center',\r\n fontfamily: 'IRANSansMobile'\r\n },\r\n btnRecord: {\r\n marginTop: \"10px\",\r\n backgroundColor: \"white\",\r\n width: \"60%\",\r\n border: \"1px solid gray\",\r\n borderradius: \"5px\",\r\n height: \"45px\",\r\n fontfamily: \"IRANSansMobile\",\r\n fontsize: \"18px\",\r\n padding: \"15px\"\r\n },\r\n root: {\r\n \"& .MuiButton-contained\": {\r\n boxShadow: 'none',\r\n color: 'gr'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"red\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"10%\",\r\n direction: \"rtl\",\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected\": {\r\n color: '#fff',\r\n backgroundColor: '#9600ff',\r\n },\r\n \"& .MuiToggleButton-root.Mui-selected:hover\": {\r\n backgroundColor: '#9600ff'\r\n },\r\n \"& .MuiToggleButton-root \": {\r\n color: 'gray',\r\n width: '50%'\r\n },\r\n \"& .makeStyles-backButton-24\": {\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& @media (hover: none).MuiButton-root:hover\": {\r\n backgroundColor: 'orange'\r\n },\r\n \"& .MuiSnackbarContent-root\": {\r\n backgroundColor: \"green\",\r\n justifyContent: \"center\",\r\n fontFamily: \"IRANSansMobile\",\r\n flexGrow: 0,\r\n marginBottom: \"13%\",\r\n direction: \"rtl\",\r\n },\r\n },\r\n\r\n})\r\n\r\nexport default useStyle; ","import React, { useState, useEffect } from \"react\";\r\nimport useStyle from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport DropDownWheel from \"../../Component/DropDownWheel/DropDownWheel\";\r\nimport { Routes } from \"../../api/api\";\r\nimport axios from \"axios\";\r\nimport StoooreLogo from \"../../Component/RecordDoc/StoooreLogo\";\r\nimport { DepartureBoardTwoTone } from \"@material-ui/icons\";\r\nimport DateTime from '../../Component/SetCreationDate/DatePicker'\r\n\r\n\r\n\r\nconst MerchantInfo = () => {\r\n const [DisableCity, setDisableCity] = useState(false)\r\n console.log(DisableCity, \"sdadsdsdsd\")\r\n let sotreN = localStorage.getItem(\"CompanyName\");\r\n const [DisableDeviceModel, setDisableDeviceModel] = useState(false)\r\n\r\n const [CompanyName, setCompanyName] = useState(sotreN);\r\n\r\n let CompanyLatin = localStorage.getItem(\"CompanyNameEn\");\r\n const [CompanyNameEn, setCompanyNameEn] = useState(CompanyLatin);\r\n\r\n let Logo = localStorage.getItem(\"storeLogo\");\r\n const [storeLogo, setStoreLogo] = useState(Logo);\r\n\r\n let acceptNumCompany = localStorage.getItem(\"acceptNumCome\");\r\n const [acceptNumCome, setacceptNumCome] = useState(acceptNumCompany);\r\n\r\n let GetDeviceValue = localStorage.getItem(\"DeviceTypeId\");\r\n const [DeviceTypeId, setDeviceTypeId] = useState(GetDeviceValue);\r\n console.log(localStorage.getItem(\"DeviceTypeId\"))\r\n\r\n let SwitchType = localStorage.getItem(\"TypeSwitch\");\r\n const [TypeSwitch, setTypeSwitch] = useState(SwitchType);\r\n\r\n let GetCitiess = localStorage.getItem(\"Cityy\");\r\n const [Cityy, setCityy] = useState(GetCitiess);\r\n\r\n let GetDevicess = localStorage.getItem(\"Devicess\");\r\n const [Devicess, setDevicess] = useState(GetDevicess);\r\n\r\n let shanaseMeli = localStorage.getItem(\"shenasMeliCom\");\r\n const [shenasMeliCom, setshenasMeliCom] = useState(shanaseMeli);\r\n\r\n let phoneNum = localStorage.getItem(\"PhoneNumberDargah\");\r\n const [PhoneNumberDargah, setPhoneNumberDargah] = useState(phoneNum);\r\n\r\n let mobile = localStorage.getItem(\"mobileNumDargah\");\r\n const [mobileNumDargah, setmobileNumDargah] = useState(mobile);\r\n\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n const [ProvinceId, setProvinceId] = useState(ProvinceIdValue);\r\n console.log('ProvinceId', ProvinceId)\r\n\r\n let SwitchesIdValue = localStorage.getItem(\"SwitchesType\");\r\n const [SwitchesType, setSwitchesType] = useState(SwitchesIdValue);\r\n\r\n let post = localStorage.getItem(\"PostNum\");\r\n const [PostNum, setPostNum] = useState(post);\r\n\r\n let address = localStorage.getItem(\"AddresStore\");\r\n const [AddresStore, setAddrresStore] = useState(address);\r\n\r\n let email = localStorage.getItem(\"EmailOwn\");\r\n const [EmailOwn, setEmailOwn] = useState(email);\r\n\r\n let web = localStorage.getItem(\"website\");\r\n const [website, setWebsite] = useState(web);\r\n\r\n let Sarh = localStorage.getItem(\"Info\");\r\n const [Info, setInfo] = useState(Sarh);\r\n\r\n let Fax = localStorage.getItem(\"FaxNUM\");\r\n const [FaxNUM, setFaxNUM] = useState(Fax);\r\n\r\n let acceptDate = localStorage.getItem(\"accDateCom\");\r\n const [accDateCom, setaccDateCom] = useState(acceptDate);\r\n\r\n\r\n const [Cities, setCities] = useState(\"\");\r\n const [Devices, setDevices] = useState(\"\");\r\n const [token, setToken] = useState(\"\");\r\n const [deviceTypess, setDeviceType] = useState(\"\");\r\n console.log(deviceTypess);\r\n const [Provincee, setProvinces] = useState(\"\");\r\n console.log(Provincee);\r\n const [Switches, setSwitches] = useState(\"\");\r\n console.log(Switches);\r\n\r\n let HesabNum = localStorage.getItem('HesabNumberMerchant')\r\n const [HesabNumberMerchant, setHesabNumberMerchant] = useState(HesabNum);\r\n\r\n let shabaNum = localStorage.getItem('ShabaNumberMerchant')\r\n const [ShabaNumberMerchant, setShabaNumberMerchant] = useState(shabaNum);\r\n\r\n let KodBank = localStorage.getItem(\"BankKodeMerchant\")\r\n const [BankKodeMerchant, setBankKodeMerchant] = useState(KodBank);\r\n\r\n let BankIdValue = localStorage.getItem(\"BankItemsMerchant\");\r\n const [BankItemsMerchant, setBankItemsMerchant] = useState(BankIdValue);\r\n\r\n const [Banks, setBanks] = useState(\"\");\r\n console.log(Banks);\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n GetBank(tokenStorage);\r\n }, []);\r\n\r\n useEffect(() => {\r\n let BankIdValue = localStorage.getItem(\"BankItemsMerchant\");\r\n console.log(BankIdValue)\r\n }, [BankIdValue])\r\n\r\n const GetBank = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetBank}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setBanks(data.value.response);\r\n }\r\n } catch (error) {\r\n console.log(GetBank);\r\n console.log(error);\r\n }\r\n };\r\n\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n marginLeft:\"25px\"\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n const [alignment, setAlignment] = React.useState(\"left\");\r\n\r\n const handleChange = (event, newAlignment) => {\r\n setAlignment(newAlignment);\r\n };\r\n\r\n const OnSelectedkart = (e) => {\r\n if (e.target.files && e.target.files.length > 0) {\r\n const readerr = new FileReader();\r\n readerr.addEventListener(\"load\", () => {\r\n setStoreLogo(readerr.result);\r\n localStorage.setItem(\"storeLogo\", readerr.result);\r\n });\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n };\r\n\r\n\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n }, []);\r\n\r\n\r\n\r\n const classes = useStyle();\r\n\r\n const validation = () => {\r\n try {\r\n if (localStorage.getItem(\"CompanyName\") === null || localStorage.getItem(\"CompanyName\") === \"\")\r\n document.getElementById(\"name\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"CompanyNameEn\") === null || localStorage.getItem(\"CompanyNameEn\") === \"\")\r\n document.getElementById(\"nameEn\").style.display = \"block\"\r\n\r\n \r\n if (localStorage.getItem(\"shenasMeliCom\") === null || localStorage.getItem(\"shenasMeliCom\") === \"\")\r\n document.getElementById(\"meli\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"PhoneNumberDargah\") === null || localStorage.getItem(\"PhoneNumberDargah\") === \"\")\r\n document.getElementById(\"sabetNum\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"mobileNumDargah\") === null || localStorage.getItem(\"mobileNumCompany\") === \"\")\r\n document.getElementById(\"mobileDargah\").style.display = \"block\"\r\n\r\n\r\n\r\n } catch {\r\n\r\n }\r\n }\r\n\r\n\r\n\r\n\r\n\r\n return (\r\n \r\n {\r\n props.history.push(\"./Main\");\r\n localStorage.removeItem(\"BankKode\");\r\n localStorage.removeItem(\"BankItems\");\r\n localStorage.removeItem(\"ShabaNumber\");\r\n localStorage.removeItem(\"HesabNumber\");\r\n localStorage.removeItem(\"cityShenasName\");\r\n localStorage.removeItem(\"phoneNumMerchantber\");\r\n localStorage.removeItem(\"mobileMerchantNum\");\r\n localStorage.removeItem(\"SeriNum\");\r\n localStorage.removeItem(\"ShenasName\");\r\n localStorage.removeItem(\"NationalNum\");\r\n localStorage.removeItem(\"birthdate\");\r\n localStorage.removeItem(\"Gender\");\r\n localStorage.removeItem(\"FatherLatin\");\r\n localStorage.removeItem(\"lastNameLatin\");\r\n localStorage.removeItem(\"Namelatin\");\r\n localStorage.removeItem(\"FatherName\");\r\n localStorage.removeItem(\"lastName\");\r\n localStorage.removeItem(\"Name\");\r\n localStorage.removeItem(\"FaxNUM\");\r\n localStorage.removeItem(\"Cityy\");\r\n localStorage.removeItem(\"mobileNum\");\r\n localStorage.removeItem(\"deviceSerial\");\r\n localStorage.removeItem(\"SwitchesType\");\r\n localStorage.removeItem(\"Devicess\");\r\n localStorage.removeItem(\"TypeSToree\");\r\n localStorage.removeItem(\"StoooreLogooo\");\r\n localStorage.removeItem(\"website\");\r\n localStorage.removeItem(\"EmailOwn\");\r\n localStorage.removeItem(\"Info\");\r\n localStorage.removeItem(\"AddresStore\");\r\n localStorage.removeItem(\"PostNum\");\r\n localStorage.removeItem(\"PhoneNumber\");\r\n localStorage.removeItem(\"StoreNameEn\");\r\n localStorage.removeItem(\"storeName\");\r\n localStorage.removeItem(\"DeviceTypeId\");\r\n localStorage.removeItem(\"Province\");\r\n localStorage.removeItem(\"Cityy\");\r\n localStorage.removeItem(\"accDateCom\");\r\n localStorage.removeItem(\"CompanyName\");\r\n localStorage.removeItem(\"PhoneNumberCompany\");\r\n localStorage.removeItem(\"shenasMeliCom\");\r\n localStorage.removeItem(\"mobileNumCompany\");\r\n localStorage.removeItem(\"CompanyNameEn\");\r\n localStorage.removeItem(\"acceptNumCome\");\r\n localStorage.removeItem(\"HesabNumberMerchant\");\r\n localStorage.removeItem(\"ShabaNumberMerchant\");\r\n localStorage.removeItem(\"BankItemsMerchant\");\r\n localStorage.removeItem(\"BankKodeMerchant\"); \r\n }}\r\n />\r\n
\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n
\r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n تمام مراحل با موفقیت انجام شد \r\n \r\n
\r\n ) : (\r\n \r\n {getStepContent(activeStep)} \r\n
\r\n )}\r\n \r\n {activeStep === 3 ? null : \r\n قبلی\r\n }\r\n\r\n\r\n {activeStep === 3 ? : }\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n setCompanyName(e.target.value);\r\n localStorage.setItem(\"CompanyName\", e.target.value);\r\n\r\n }}\r\n />\r\n {localStorage.getItem(\"CompanyName\") === null || localStorage.getItem(\"CompanyName\") === \"\" ?\r\n \r\n وارد کردن نام شرکت الزامی میباشد\r\n
: null}\r\n \r\n {\r\n setCompanyNameEn(e.target.value);\r\n localStorage.setItem(\"CompanyNameEn\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"CompanyNameEn\") === null || localStorage.getItem(\"CompanyNameEn\") === \"\" ?\r\n \r\n وارد نمودن نام شرکت به لاتین الزامی میباشد\r\n
: null}\r\n \r\n {\r\n setacceptNumCome(e.target.value);\r\n localStorage.setItem(\"acceptNumCome\", e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n
\r\n\r\n\r\n \r\n {\r\n setshenasMeliCom(e.target.value);\r\n localStorage.setItem(\"shenasMeliCom\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"shenasMeliCom\") === null || localStorage.getItem(\"shenasMeliCom\") === \"\" ?\r\n \r\n وارد نمودن شناسه ملی الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n {\r\n setmobileNumDargah(e.target.value);\r\n localStorage.setItem(\"mobileNumDargah\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileNumDargah\") === null || localStorage.getItem(\"mobileNumDargah\") === \"\" ?\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setPhoneNumberDargah(e.target.value);\r\n localStorage.setItem(\"PhoneNumberDargah\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PhoneNumberDargah\") === null || localStorage.getItem(\"PhoneNumberDargah\") === \"\" ?\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
: null}\r\n \r\n { setHesabNumberMerchant(e.target.value); localStorage.setItem('HesabNumberMerchant', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n { setShabaNumberMerchant(e.target.value); localStorage.setItem('ShabaNumberMerchant', e.target.value) }}\r\n />\r\n IR\r\n {localStorage.getItem(\"ShabaNumberMerchant\") === null || localStorage.getItem(\"ShabaNumberMerchant\") === \"\" ?\r\n \r\n وارد نمودن شماره شبا الزامی است\r\n
: null}\r\n \r\n\r\n \r\n
\r\n\r\n\r\n\r\n \r\n { setBankKodeMerchant(e.target.value); localStorage.setItem('BankKodeMerchant', e.target.value) }}\r\n />\r\n
\r\n \r\n \r\n \r\n { localStorage.getItem(\"CompanyName\") === \"\" || localStorage.getItem(\"CompanyName\") === null ||\r\n localStorage.getItem(\"CompanyNameEn\") === \"\" || localStorage.getItem(\"CompanyNameEn\") === null ||\r\n localStorage.getItem(\"PhoneNumberDargah\") === \"\" || localStorage.getItem(\"PhoneNumberDargah\") === null ||\r\n localStorage.getItem(\"shenasMeliCom\") === \"\" || localStorage.getItem(\"shenasMeliCom\") === null ||\r\n localStorage.getItem(\"mobileNumDargah\") === \"\" || localStorage.getItem(\"mobileNumDargah\") === null\r\n ?\r\n \r\n \r\n بعدی\r\n \r\n\r\n
\r\n : null\r\n }\r\n\r\n \r\n );\r\n};\r\n\r\nexport default MerchantInfo;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport styles from \"./styles\";\r\nimport CloseIcon from '@material-ui/icons/Close';\r\nimport Button from \"@material-ui/core/Button\";\r\n\r\n\r\n\r\nconst MerchantCode = (props) => {\r\n\r\n\r\n console.log(props.merchantId)\r\n const classes = styles();\r\n return (\r\n \r\n
\r\n );\r\n}\r\n\r\n\r\nexport default MerchantCode;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport styles from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport DateTime from '../../Component/DatePicker/DatePicker'\r\nimport DropDownWheel from \"../../Component/DropDownWheel/DropDownWheel\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport { DepartureBoardTwoTone } from \"@material-ui/icons\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport { Routes } from \"../../api/api\";\r\nimport axios from \"axios\";\r\n\r\n\r\nconst OwnerStore = (props) => {\r\n\r\n\r\n const [token, setToken] = useState(\"\");\r\n\r\n let KodBank = localStorage.getItem(\"BankKode\")\r\n const [BankKode, setBankKode] = useState(KodBank);\r\n\r\n let namef = localStorage.getItem('Name')\r\n const [Name, setName] = useState(namef);\r\n\r\n\r\n let namefl = localStorage.getItem('Namelatin')\r\n const [Namelatin, setNamelatin] = useState(namefl);\r\n\r\n let lastn = localStorage.getItem('lastName')\r\n const [lastName, setLastName] = useState(lastn);\r\n\r\n\r\n let lastnl = localStorage.getItem('lastNameLatin')\r\n const [lastNameLatin, setlastNameLatin] = useState(lastnl);\r\n\r\n let FatherN = localStorage.getItem('FatherName')\r\n const [FatherName, setFatherName] = useState(FatherN);\r\n\r\n\r\n let FatherL = localStorage.getItem('FatherLatin')\r\n const [FatherLatin, setFatherLatin] = useState(FatherL);\r\n\r\n\r\n let NationalN = localStorage.getItem('NationalNum')\r\n const [NationalNum, setNationalNum] = useState(NationalN);\r\n\r\n let ShenasNum = localStorage.getItem('ShenasName')\r\n const [ShenasName, setShenasName] = useState(ShenasNum);\r\n\r\n let seriShenas = localStorage.getItem('SeriNum')\r\n const [SeriNum, setSeriNum] = useState(seriShenas);\r\n\r\n let CityShenas = localStorage.getItem('cityShenasName')\r\n const [cityShenasName, setCityShenasName] = useState(CityShenas);\r\n\r\n let HesabNum = localStorage.getItem('HesabNumber')\r\n const [HesabNumber, setHesabNumber] = useState(HesabNum);\r\n\r\n let shabaNum = localStorage.getItem('ShabaNumber')\r\n const [ShabaNumber, setShabaNumber] = useState(shabaNum);\r\n\r\n let phoneNumMerchant = localStorage.getItem(\"phoneNumMerchantber\");\r\n const [phoneNumMerchantber, setphoneNumMerchantber] = useState(phoneNumMerchant);\r\n\r\n let mobileMerchant = localStorage.getItem(\"mobileMerchantNum\");\r\n const [mobileMerchantNum, setmobileMerchantNum] = useState(mobileMerchant);\r\n\r\n\r\n let GetBirthDate = localStorage.getItem(\"birthdate\");\r\n const [birthdate, setbirthdate] = useState(GetBirthDate);\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n marginTop: \"3px\",\r\n marginLeft: \"28px\"\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n\r\n const classes = styles();\r\n\r\n const validation = () => {\r\n try {\r\n if (localStorage.getItem(\"Namelatin\") === null || localStorage.getItem(\"Namelatin\") === \"\")\r\n document.getElementById(\"LatinNAME\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"lastNameLatin\") === null || localStorage.getItem(\"lastNameLatin\") === \"\")\r\n document.getElementById(\"LastLatin\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"FatherLatin\") === null || localStorage.getItem(\"FatherLatin\") === \"\")\r\n document.getElementById(\"Fahter\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"Gender\") === null || localStorage.getItem(\"FatherGenderLatin\") === \"\")\r\n document.getElementById(\"gen\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"birthdate\") === null || localStorage.getItem(\"birthdate\") === \"\")\r\n document.getElementById(\"birth\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"NationalNum\") === null || localStorage.getItem(\"NationalNum\") === \"\")\r\n document.getElementById(\"national\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"ShenasName\") === null || localStorage.getItem(\"ShenasName\") === \"\")\r\n document.getElementById(\"shenas\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"mobileMerchantNum\") === null || localStorage.getItem(\"mobileMerchantNum\") === \"\")\r\n document.getElementById(\"mobileMerchant\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"phoneNumMerchantber\") === null || localStorage.getItem(\"phoneNumMerchantber\") === \"\")\r\n document.getElementById(\"sabetNum\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"ShabaNumber\") === null || localStorage.getItem(\"ShabaNumber\") === \"\")\r\n document.getElementById(\"shaba\").style.display = \"block\"\r\n\r\n\r\n } catch {\r\n\r\n }\r\n }\r\n\r\n let BankIdValue = localStorage.getItem(\"BankItems\");\r\n const [BankItems, setBankItems] = useState(BankIdValue);\r\n\r\n let Jensiat = localStorage.getItem(\"Gender\");\r\n const [Gender, setGender] = useState(Jensiat);\r\n\r\n const [Banks, setBanks] = useState(\"\");\r\n console.log(Banks);\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n GetBank(tokenStorage);\r\n }, []);\r\n\r\n useEffect(() => {\r\n let BankIdValue = localStorage.getItem(\"BankItems\");\r\n console.log(BankIdValue)\r\n }, [BankIdValue])\r\n\r\n const GetBank = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetBank}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setBanks(data.value.response);\r\n }\r\n } catch (error) {\r\n console.log(GetBank);\r\n console.log(error);\r\n }\r\n };\r\n\r\n var Gen = [{\r\n text: \"آقا\",\r\n value: \"true\"\r\n }, {\r\n text: \"خانم\",\r\n value: \"false\"\r\n }];\r\n console.log(localStorage.getItem(\"birthdate\"))\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n\r\n \r\n ثبت پذیرنده با موفقیت انجام شد\r\n
\r\n\r\n \r\n\r\n\r\n\r\n
\r\n \r\n کد رهگیری : {props.merchantId}\r\n
\r\n
\r\n جهت تکمیل عملیات بر روی گزینه ی \"تکمیل مدارک\" کیلک کنید \r\n\r\n
\r\n\r\n\r\n \r\n
\r\n جهت تکمیل عملیات بر روی گزینه ی \"تکمیل مدارک\" کیلک کنید \r\n\r\n
\r\n { props.Button() }}\r\n className={classes.root} variant=\"contained\"\r\n color=\"primary\"\r\n style={{ width: \"40%\", padding: \"6px 0px\", boxShadow: \"0 0\", background: \"orange\", fontSize: \"12px\" }} >\r\n تکمیل مدارک\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n { setName(e.target.value); localStorage.setItem('Name', e.target.value) }}\r\n />\r\n\r\n
\r\n \r\n { setLastName(e.target.value); localStorage.setItem('lastName', e.target.value) }}\r\n />\r\n\r\n
\r\n \r\n { setFatherName(e.target.value); localStorage.setItem('FatherName', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n { setNamelatin(e.target.value); localStorage.setItem('Namelatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"Namelatin\") === null || localStorage.getItem(\"Namelatin\") === \"\" ?\r\n \r\n وارد نمودن نام به لاتین الزامی میباشد\r\n
: null}\r\n \r\n { setlastNameLatin(e.target.value); localStorage.setItem('lastNameLatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"lastNameLatin\") === null || localStorage.getItem(\"lastNameLatin\") === \"\" ?\r\n \r\n وارد نمودن نام خانوادگی به لاتین الزامی میباشد\r\n
: null}\r\n \r\n { setFatherLatin(e.target.value); localStorage.setItem('FatherLatin', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"FatherLatin\") === null || localStorage.getItem(\"FatherLatin\") === \"\" ?\r\n \r\n وارد نمودن نام پدر به لاتین الزامی میباشد\r\n
: null}\r\n \r\n \r\n \r\n وارد نمودن نوع جنسیت الزامی میباشد\r\n
: null}\r\n \r\n \r\n \r\n وارد نمودن تاریخ تولد الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setNationalNum(e.target.value); localStorage.setItem('NationalNum', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"NationalNum\") === null || localStorage.getItem(\"NationalNum\") === \"\" ?\r\n \r\n وارد نمودن شماره ملی الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setShenasName(e.target.value); localStorage.setItem('ShenasName', e.target.value) }}\r\n />\r\n {localStorage.getItem(\"ShenasName\") === null || localStorage.getItem(\"ShenasName\") === \"\" ?\r\n \r\n وارد نمودن شماره شناسنامه الزامی میباشد\r\n
: null}\r\n \r\n \r\n { setSeriNum(e.target.value); localStorage.setItem('SeriNum', e.target.value) }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setmobileMerchantNum(e.target.value);\r\n localStorage.setItem(\"mobileMerchantNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileMerchantNum\") === null || localStorage.getItem(\"mobileMerchantNum\") === \"\" ?\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setphoneNumMerchantber(e.target.value);\r\n localStorage.setItem(\"phoneNumMerchantber\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"phoneNumMerchantber\") === null || localStorage.getItem(\"phoneNumMerchantber\") === \"\" ?\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
: null}\r\n \r\n\r\n\r\n\r\n\r\n \r\n {localStorage.getItem(\"Namelatin\") === \"\" || localStorage.getItem(\"Namelatin\") === null ||\r\n localStorage.getItem(\"lastNameLatin\") === \"\" || localStorage.getItem(\"lastNameLatin\") === null ||\r\n localStorage.getItem(\"FatherLatin\") === \"\" || localStorage.getItem(\"FatherLatin\") === null ||\r\n localStorage.getItem(\"NationalNum\") === \"\" || localStorage.getItem(\"NationalNum\") === null ||\r\n localStorage.getItem(\"Gender\") === \"\" || localStorage.getItem(\"Gender\") === null ||\r\n localStorage.getItem(\"birthdate\") === \"\" || localStorage.getItem(\"birthdate\") === null ||\r\n localStorage.getItem(\"mobileMerchantNum\") === \"\" || localStorage.getItem(\"mobileMerchantNum\") === null ||\r\n localStorage.getItem(\"phoneNumMerchantber\") === \"\" || localStorage.getItem(\"phoneNumMerchantber\") === null\r\n\r\n\r\n\r\n ?\r\n \r\n \r\n ثبت\r\n \r\n \r\n
\r\n : null\r\n }\r\n \r\n );\r\n}\r\n\r\n\r\nexport default OwnerStore;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport useStyle from \"./styles\";\r\nimport TextField from \"@material-ui/core/TextField\";\r\nimport Button from \"@material-ui/core/Button\";\r\nimport {\r\n fade,\r\n ThemeProvider,\r\n withStyles,\r\n makeStyles,\r\n createMuiTheme,\r\n} from \"@material-ui/core/styles\";\r\nimport DropDownWheel from \"../../Component/DropDownWheel/DropDownWheel\";\r\nimport { Routes } from \"../../api/api\";\r\nimport axios from \"axios\";\r\nimport StoooreLogo from \"../../Component/RecordDoc/StoooreLogo\";\r\n\r\n\r\n\r\nconst DeviceInformationDargah = () => {\r\n const [DisableCity, setDisableCity] = useState(false)\r\n console.log(DisableCity, \"sdadsdsdsd\")\r\n let sotreN = localStorage.getItem(\"storeName\");\r\n const [DisableDeviceModel, setDisableDeviceModel] = useState(false)\r\n\r\n const [storeName, setStoreName] = useState(sotreN);\r\n\r\n let StoreNameLatin = localStorage.getItem(\"StoreNameEn\");\r\n const [StoreNameEn, setStoreNameEn] = useState(StoreNameLatin);\r\n\r\n let Logo = localStorage.getItem(\"storeLogo\");\r\n const [storeLogo, setStoreLogo] = useState(Logo);\r\n\r\n let TypeStore = localStorage.getItem(\"TypeSToree\");\r\n const [TypeSToree, setTypeSToree] = useState(TypeStore);\r\n\r\n let GetDeviceValue = localStorage.getItem(\"DeviceTypeId\");\r\n const [DeviceTypeId, setDeviceTypeId] = useState(GetDeviceValue);\r\n console.log(localStorage.getItem(\"DeviceTypeId\"))\r\n\r\n let SwitchType = localStorage.getItem(\"TypeSwitch\");\r\n const [TypeSwitch, setTypeSwitch] = useState(SwitchType);\r\n\r\n let GetCitiess = localStorage.getItem(\"Cityy\");\r\n const [Cityy, setCityy] = useState(GetCitiess);\r\n\r\n let GetDevicess = localStorage.getItem(\"Devicess\");\r\n const [Devicess, setDevicess] = useState(GetDevicess);\r\n\r\n let DeviceSerial = localStorage.getItem(\"deviceSerial\");\r\n const [deviceSerial, setDeviceSerial] = useState(DeviceSerial);\r\n\r\n let phoneNum = localStorage.getItem(\"PhoneNumber\");\r\n const [PhoneNumber, setPhoneNumber] = useState(phoneNum);\r\n\r\n let mobile = localStorage.getItem(\"mobileNum\");\r\n const [mobileNum, setMobileNum] = useState(mobile);\r\n\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n const [ProvinceId, setProvinceId] = useState(ProvinceIdValue);\r\n console.log('ProvinceId', ProvinceId)\r\n\r\n let SwitchesIdValue = localStorage.getItem(\"SwitchesType\");\r\n const [SwitchesType, setSwitchesType] = useState(SwitchesIdValue);\r\n\r\n let post = localStorage.getItem(\"PostNum\");\r\n const [PostNum, setPostNum] = useState(post);\r\n\r\n let address = localStorage.getItem(\"AddresStore\");\r\n const [AddresStore, setAddrresStore] = useState(address);\r\n\r\n let email = localStorage.getItem(\"EmailOwn\");\r\n const [EmailOwn, setEmailOwn] = useState(email);\r\n\r\n let web = localStorage.getItem(\"website\");\r\n const [website, setWebsite] = useState(web);\r\n\r\n let Sarh = localStorage.getItem(\"Info\");\r\n const [Info, setInfo] = useState(Sarh);\r\n\r\n let Fax = localStorage.getItem(\"FaxNUM\");\r\n const [FaxNUM, setFaxNUM] = useState(Fax);\r\n\r\n\r\n const [Cities, setCities] = useState(\"\");\r\n const [Devices, setDevices] = useState(\"\");\r\n const [token, setToken] = useState(\"\");\r\n const [deviceTypess, setDeviceType] = useState(\"\");\r\n console.log(deviceTypess);\r\n const [Provincee, setProvinces] = useState(\"\");\r\n console.log(Provincee);\r\n const [Switches, setSwitches] = useState(\"\");\r\n console.log(Switches);\r\n let business = localStorage.getItem(\"Busines\");\r\n const [Busines, setBusines] = useState(business);\r\n\r\n\r\n const CssTextField = makeStyles((theme) => ({\r\n root: {\r\n marginTop: 15,\r\n width: \"70%\",\r\n \"& label.Mui-focused\": {\r\n color: \"#9600ff\",\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& label.MuiFormLabel-filled \": {\r\n textAlign: \"right\",\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: 11,\r\n top: -5,\r\n },\r\n \"& .MuiInputLabel-formControl\": {\r\n transform: \"none\",\r\n top: 20,\r\n right: 12,\r\n fontSize: 14,\r\n fontFamily: \"IRANSansMobile\",\r\n zIndex: 0,\r\n },\r\n \"& .MuiFormControl-root\": {\r\n direction: \"ltr\",\r\n },\r\n \"& .MuiInput-underline:after\": {\r\n borderBottomColor: \"#9600ff\",\r\n },\r\n \"& .MuiInputBase-input\": {\r\n fontFamily: \"IRANSansMobile\",\r\n height: 20,\r\n fontSize: 14,\r\n zIndex: 0,\r\n },\r\n \"& .MuiOutlinedInput-root\": {\r\n \"& fieldset\": {\r\n borderColor: \"gray\",\r\n zIndex: 0,\r\n \"& legend\": {\r\n textAlign: \"right\",\r\n },\r\n },\r\n \"&:hover fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n \"&.Mui-focused fieldset\": {\r\n borderColor: \"#9600ff\",\r\n },\r\n },\r\n \"& .MuiSelect-iconOutlined\": {\r\n left: 0,\r\n right: \"90%\",\r\n },\r\n \"& .MuiSelect-outlined.MuiSelect-outlined\": {\r\n paddingRight: 14,\r\n },\r\n },\r\n }));\r\n const classInput = CssTextField();\r\n const [alignment, setAlignment] = React.useState(\"left\");\r\n\r\n const handleChange = (event, newAlignment) => {\r\n setAlignment(newAlignment);\r\n };\r\n\r\n const [cityItems, setCityItems] = useState(\"\");\r\n const cityItem = () => {\r\n setloadningCity(!loadningCity)\r\n\r\n };\r\n\r\n const [ProductItems, setProductItems] = useState(\"\");\r\n const ProductItem = () => {\r\n\r\n setLoad(!load)\r\n };\r\n const OnSelectedkart = (e) => {\r\n if (e.target.files && e.target.files.length > 0) {\r\n const readerr = new FileReader();\r\n readerr.addEventListener(\"load\", () => {\r\n setStoreLogo(readerr.result);\r\n localStorage.setItem(\"storeLogo\", readerr.result);\r\n });\r\n readerr.readAsDataURL(e.target.files[0]);\r\n }\r\n };\r\n\r\n const GetCities = (id) => {\r\n axios\r\n .get(`${Routes.GetCity}/${id}`, { headers: { token: token } })\r\n .then(({ data }) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setCityItems(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setCities([]);\r\n });\r\n };\r\n console.log(cityItems)\r\n\r\n\r\n const GetDevices = (id) => {\r\n\r\n axios\r\n .get(`${Routes.GetProducts}/${id}`, { headers: { token: token } })\r\n\r\n .then(({ data }) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setProductItems(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setDevices([]);\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n window.history.pushState(null, document.title, window.location.href);\r\n\r\n let tokenStorage = localStorage.getItem(\"token\");\r\n setToken(tokenStorage);\r\n getProvinces(tokenStorage);\r\n getTypeDevice(tokenStorage);\r\n GetSwitch(tokenStorage);\r\n }, []);\r\n useEffect(() => {\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n console.log(ProvinceIdValue)\r\n GetCities(ProvinceIdValue)\r\n }, [ProvinceIdValue])\r\n\r\n useEffect(() => {\r\n let SwitchesIdValue = localStorage.getItem(\"SwitchesType\");\r\n console.log(SwitchesIdValue)\r\n }, [SwitchesIdValue])\r\n\r\n const getProvinces = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetProvinces}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setProvinces(data.value.response);\r\n axios\r\n .get(`${Routes.GetCity}/${\"-1\"}`, { headers: { token: token } })\r\n .then(({ data }) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setCities(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setCities([]);\r\n });\r\n }\r\n } catch (error) {\r\n console.log(getProvinces);\r\n console.log(error);\r\n }\r\n };\r\n\r\n const getTypeDevice = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetDeviceType}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setDeviceType(data.value.response);\r\n axios\r\n .get(`${Routes.GetProducts}/${\"-1\"}`, { headers: { token: token } })\r\n .then((data) => {\r\n if (data.responseCode === 200) {\r\n console.log(data);\r\n setDevices(data.value.response);\r\n }\r\n })\r\n .catch((err) => {\r\n console.log(err);\r\n setDevices([]);\r\n });\r\n }\r\n } catch (error) {\r\n console.log(getTypeDevice);\r\n console.log(error);\r\n }\r\n };\r\n\r\n\r\n const GetSwitch = async (token) => {\r\n try {\r\n const { data } = await axios.get(`${Routes.GetSwitch}`, {\r\n headers: { token: token },\r\n });\r\n if (data.responseCode === 200) {\r\n setSwitches(data.value.response);\r\n }\r\n } catch (error) {\r\n console.log(GetSwitch);\r\n console.log(error);\r\n }\r\n };\r\n\r\n const classes = useStyle();\r\n\r\n const validation = () => {\r\n try {\r\n if (localStorage.getItem(\"storeName\") === null || localStorage.getItem(\"storeName\") === \"\")\r\n document.getElementById(\"name\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"StoreNameEn\") === null || localStorage.getItem(\"StoreNameEn\") === \"\")\r\n document.getElementById(\"nameEnStore\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"TypeSToree\") === null || localStorage.getItem(\"TypeSToree\") === \"\")\r\n document.getElementById(\"senf\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"AddresStore\") === null || localStorage.getItem(\"AddresStore\") === \"\")\r\n document.getElementById(\"storeAdd\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"PostNum\") === null || localStorage.getItem(\"PostNum\") === \"\")\r\n document.getElementById(\"post\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"PhoneNumber\") === null || localStorage.getItem(\"PhoneNumber\") === \"\")\r\n document.getElementById(\"sabetNum\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"mobileNum\") === null || localStorage.getItem(\"mobileNum\") === \"\")\r\n document.getElementById(\"mobile\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"Province\") === null || localStorage.getItem(\"Province\") === \"\")\r\n document.getElementById(\"ostan\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"Cityy\") === null || localStorage.getItem(\"Cityy\") === \"\")\r\n document.getElementById(\"Shahr\").style.display = \"block\"\r\n\r\n if (localStorage.getItem(\"website\") === null || localStorage.getItem(\"website\") === \"\")\r\n document.getElementById(\"web\").style.display = \"block\"\r\n\r\n \r\n\r\n } catch {\r\n\r\n }\r\n }\r\n const [load, setLoad] = useState(false)\r\n useEffect(() => {\r\n setTimeout(() => {\r\n try {\r\n let TypeDeviceIdVal = localStorage.getItem(\"DeviceTypeId\");\r\n console.log(TypeDeviceIdVal)\r\n console.log(GetDevices(TypeDeviceIdVal.split(\"|\")[0]));\r\n GetDevices(TypeDeviceIdVal.split(\"|\")[0]);\r\n }\r\n catch {\r\n\r\n }\r\n\r\n }, 100);\r\n }, [load])\r\n\r\n const [loadningCity, setloadningCity] = useState(false)\r\n useEffect(() => {\r\n setTimeout(() => {\r\n try {\r\n let ProvinceIdValue = localStorage.getItem(\"Province\");\r\n console.log(ProvinceIdValue)\r\n GetCities(ProvinceIdValue)\r\n }\r\n catch {\r\n\r\n }\r\n\r\n }, 100);\r\n }, [loadningCity])\r\n\r\n\r\n var Businsss = [{\r\n text: \"فروشگاه صرفا فیزیکی\",\r\n value: \"0\"\r\n }, {\r\n text: \"فروشگاه فیزیکی و مجازی\",\r\n value: \"1\"\r\n }, {\r\n text: \"فروشگاه صرفا مجازی\",\r\n value: \"2\"\r\n }];\r\n\r\n return (\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n setStoreName(e.target.value);\r\n localStorage.setItem(\"storeName\", e.target.value);\r\n\r\n }}\r\n />\r\n {localStorage.getItem(\"storeName\") === null || localStorage.getItem(\"storeName\") === \"\" ?\r\n \r\n وارد کردن نام فروشگاه الزامی میباشد\r\n
: null}\r\n \r\n {\r\n setStoreNameEn(e.target.value);\r\n localStorage.setItem(\"StoreNameEn\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"StoreNameEn\") === null || localStorage.getItem(\"StoreNameEn\") === \"\" ?\r\n \r\n وارد نمودن نام شرکت به لاتین الزامی میباشد\r\n
: null}\r\n \r\n
\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n {\r\n setTypeSToree(e.target.value);\r\n localStorage.setItem(\"TypeSToree\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"TypeSToree\") === null || localStorage.getItem(\"TypeSToree\") === \"\" ?\r\n \r\n وارد نمودن صنف فعالیت الزامی میباشد\r\n
: null}\r\n \r\n\r\n \r\n
\r\n\r\n \r\n {\r\n setMobileNum(e.target.value);\r\n localStorage.setItem(\"mobileNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"mobileNum\") === null || localStorage.getItem(\"mobileNum\") === \"\" ?\r\n \r\n وارد نمودن شماره موبایل الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setPhoneNumber(e.target.value);\r\n localStorage.setItem(\"PhoneNumber\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PhoneNumber\") === null || localStorage.getItem(\"PhoneNumber\") === \"\" ?\r\n \r\n وارد نمودن شماره ثابت الزامی میباشد\r\n
: null}\r\n \r\n \r\n {\r\n setPostNum(e.target.value);\r\n localStorage.setItem(\"PostNum\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"PostNum\") === null || localStorage.getItem(\"PostNum\") === \"\" ?\r\n \r\n وارد نمودن کد پستی الزامی میباشد\r\n
: null}\r\n \r\n { cityItem(); console.log('ok') }} >\r\n \r\n وارد کردن استان الزامی میباشد\r\n
: null}\r\n \r\n\r\n {localStorage.getItem(\"Province\") ?\r\n { cityItem(); console.log('ok') }}>\r\n \r\n وارد کردن شهر الزامی میباشد\r\n
: null}\r\n :\r\n \r\n \r\n
\r\n }\r\n\r\n\r\n\r\n \r\n {\r\n setAddrresStore(e.target.value);\r\n localStorage.setItem(\"AddresStore\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"AddresStore\") === null || localStorage.getItem(\"AddresStore\") === \"\" ?\r\n \r\n وارد نمودن آدرس فروشگاه الزامی است\r\n
: null}\r\n \r\n \r\n {\r\n setEmailOwn(e.target.value);\r\n localStorage.setItem(\"EmailOwn\", e.target.value);\r\n }}\r\n />\r\n
\r\n\r\n \r\n {\r\n setWebsite(e.target.value);\r\n localStorage.setItem(\"website\", e.target.value);\r\n }}\r\n />\r\n {localStorage.getItem(\"website\") === null || localStorage.getItem(\"website\") === \"\" ?\r\n \r\n وارد نمودن آدرس سایت الزامی است\r\n
: null}\r\n \r\n\r\n \r\n {\r\n setFaxNUM(e.target.value);\r\n localStorage.setItem(\"FaxNUM\", e.target.value);\r\n }}\r\n />\r\n\r\n\r\n
\r\n\r\n \r\n {\r\n setInfo(e.target.value);\r\n localStorage.setItem(\"Info\", e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n {localStorage.getItem(\"storeName\") === \"\" || localStorage.getItem(\"storeName\") === null ||\r\n localStorage.getItem(\"StoreNameEn\") === \"\" || localStorage.getItem(\"StoreNameEn\") === null ||\r\n localStorage.getItem(\"TypeSToree\") === \"\" || localStorage.getItem(\"TypeSToree\") === null ||\r\n localStorage.getItem(\"AddresStore\") === \"\" || localStorage.getItem(\"AddresStore\") === null ||\r\n localStorage.getItem(\"PostNum\") === \"\" || localStorage.getItem(\"PostNum\") === null ||\r\n localStorage.getItem(\"PhoneNumber\") === \"\" || localStorage.getItem(\"PhoneNumber\") === null ||\r\n localStorage.getItem(\"mobileNum\") === \"\" || localStorage.getItem(\"mobileNum\") === null ||\r\n\r\n localStorage.getItem(\"Province\") === \"\" || localStorage.getItem(\"Province\") === null ||\r\n localStorage.getItem(\"Cityy\") === \"\" || localStorage.getItem(\"Cityy\") === null||\r\n localStorage.getItem(\"website\") === \"\" || localStorage.getItem(\"website\") === null\r\n\r\n \r\n\r\n\r\n ?\r\n \r\n \r\n بعدی\r\n \r\n\r\n
\r\n : null\r\n }\r\n\r\n \r\n );\r\n};\r\n\r\nexport default DeviceInformationDargah;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Stepper from '@material-ui/core/Stepper';\r\nimport Step from '@material-ui/core/Step';\r\nimport StepLabel from '@material-ui/core/StepLabel';\r\nimport Button from '@material-ui/core/Button';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport MerchantInfoHoghoghiDargah from './MerchantInfoHoghoghiDargah';\r\nimport Header from '../../Component/Header/Header';\r\nimport MerchantCodeHoghoghiDargah from './MerchantCodeHoghoghiDargah';\r\nimport OwnerStoreHoghoghiDargah from './OwnerStoreHoghoghiDargah';\r\nimport axios from \"axios\";\r\nimport { Routes } from \"../../api/api\";\r\nimport CircularProgress from \"@material-ui/core/CircularProgress\";\r\nimport Snackbar from \"@material-ui/core/Snackbar\";\r\nimport styles from \"./styles\";\r\nimport DeviceInformationDargah from './DeviceInformationDargah'\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n backButton: {\r\n backgroundColor: 'orange',\r\n width: \"45%\",\r\n color: \"white\",\r\n fontFamily: \"IRANSansMobile\",\r\n marginRight: '10px',\r\n marginTop: \"50px\"\r\n },\r\n instructions: {\r\n fontFamily: 'IRANSansMobile',\r\n marginTop: theme.spacing(1),\r\n marginBottom: theme.spacing(1),\r\n },\r\n root: {\r\n '& .MuiButton-root': {\r\n fontFamily: \"IRANSansMobile\",\r\n backgroundColor: \"orange\"\r\n },\r\n \"& .MuiButton-root:hover.Mui-disabled\": {\r\n backgroundColor: \"orange\"\r\n },\r\n '& .MuiStepLabel-label.MuiStepLabel-alternativeLabel': {\r\n fontFamily: \"IRANSansMobile\",\r\n fontSize: '12px'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-active': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiStepIcon-root.MuiStepIcon-completed': {\r\n color: '#4CAF50'\r\n },\r\n '& .MuiButton-containedPrimary': {\r\n color: '#fff',\r\n backgroundColor: '#4CAF50'\r\n },\r\n \"& MerchantHistory\": {\r\n color: 'gray'\r\n },\r\n }\r\n\r\n}));\r\n\r\n\r\n\r\nexport default function CreateMerchantHoghoghi(props) {\r\n\r\n\r\n function getSteps() {\r\n return ['اطلاعات پذیرنده', 'اطلاعات فروشگاه', 'اطلاعات امضاداران', \"کد رهگیری\"];\r\n }\r\n\r\n function getStepContent(stepIndex) {\r\n switch (stepIndex) {\r\n case 0:\r\n return \r\n
\r\n );\r\n}","import React from \"react\";\r\nimport {\r\n Route,\r\n Link,\r\n BrowserRouter as Router,\r\n Switch,\r\n HashRouter,\r\n} from \"react-router-dom\";\r\nimport ConfirmCode from \"../Views/ConfirmCode/ConfirmCode\";\r\nimport Register from \"../Views/Register/Register\";\r\nimport Main from \"../Views/Main/Main\";\r\nimport CreateMerchant from \"../Views/CreateMerchant/CreateMerchant\";\r\nimport Profile from \"../Views/Profile/Profile\";\r\nimport MerchantHistory from \"../Views/MerchantHistory/MerchantHistory\";\r\nimport Setting from \"../Views/Setting/Setting\";\r\nimport EditProfile from \"../Views/Profile/EditProfile/EditProfile\";\r\nimport AboutUs from \"../Views/Profile/AboutUs/AboutUs\";\r\nimport Splash from \"../Views/Splash/Splash\";\r\nimport OwnerSotre from \"../Views/CreateMerchant/OwnerStore\";\r\nimport EditMerchant from \"../Views/MerchantHistory/EditMerchant.js/EditMerchant\";\r\nimport PassWord from \"../Views/PasswordScreen/passwordScreen\";\r\nimport DargahBank from \"../Views/BankDargah/DargahBank\";\r\nimport CreateDoc from \"../Views/CreateMerchant/CreateDoc/CreateDoc\";\r\nimport CreateDocBank from \"../Views/BankDargah/CreateDocBank/CreateDocBank\";\r\nimport CreateDocEdit from \"../Views/MerchantHistory/CreateDoc/CreateDocEdit\";\r\nimport CreateMerchantHoghoghi from \"../Views/CreateMerchantHoghoghi/CreateMerchantHoghoghi\";\r\nimport CreateMerchantHoghoghiDargah from \"../Views/CreateMerchantHoghoghiDargah/CreateMerchantHoghoghiDargah\";\r\n\r\nconst RouteInitial = () => {\r\n return (\r\n \r\n {\r\n props.history.push(\"./Main\");\r\n localStorage.removeItem(\"BankKode\");\r\n localStorage.removeItem(\"BankItems\");\r\n localStorage.removeItem(\"ShabaNumber\");\r\n localStorage.removeItem(\"HesabNumber\");\r\n localStorage.removeItem(\"cityShenasName\");\r\n localStorage.removeItem(\"phoneNumMerchantber\");\r\n localStorage.removeItem(\"mobileMerchantNum\");\r\n localStorage.removeItem(\"SeriNum\");\r\n localStorage.removeItem(\"ShenasName\");\r\n localStorage.removeItem(\"NationalNum\");\r\n localStorage.removeItem(\"birthdate\");\r\n localStorage.removeItem(\"Gender\");\r\n localStorage.removeItem(\"FatherLatin\");\r\n localStorage.removeItem(\"lastNameLatin\");\r\n localStorage.removeItem(\"Namelatin\");\r\n localStorage.removeItem(\"FatherName\");\r\n localStorage.removeItem(\"lastName\");\r\n localStorage.removeItem(\"Name\");\r\n localStorage.removeItem(\"FaxNUM\");\r\n localStorage.removeItem(\"Cityy\");\r\n localStorage.removeItem(\"mobileNum\");\r\n localStorage.removeItem(\"deviceSerial\");\r\n localStorage.removeItem(\"SwitchesType\");\r\n localStorage.removeItem(\"Devicess\");\r\n localStorage.removeItem(\"TypeSToree\");\r\n localStorage.removeItem(\"StoooreLogooo\");\r\n localStorage.removeItem(\"website\");\r\n localStorage.removeItem(\"EmailOwn\");\r\n localStorage.removeItem(\"Info\");\r\n localStorage.removeItem(\"AddresStore\");\r\n localStorage.removeItem(\"PostNum\");\r\n localStorage.removeItem(\"PhoneNumber\");\r\n localStorage.removeItem(\"StoreNameEn\");\r\n localStorage.removeItem(\"storeName\");\r\n localStorage.removeItem(\"DeviceTypeId\");\r\n localStorage.removeItem(\"Province\");\r\n localStorage.removeItem(\"Cityy\");\r\n localStorage.removeItem(\"accDateCom\");\r\n localStorage.removeItem(\"CompanyName\");\r\n localStorage.removeItem(\"PhoneNumberDargah\");\r\n localStorage.removeItem(\"shenasMeliCom\");\r\n localStorage.removeItem(\"mobileNumDargah\");\r\n localStorage.removeItem(\"CompanyNameEn\");\r\n localStorage.removeItem(\"acceptNumCome\");\r\n localStorage.removeItem(\"HesabNumberMerchant\");\r\n localStorage.removeItem(\"ShabaNumberMerchant\");\r\n localStorage.removeItem(\"BankItemsMerchant\");\r\n localStorage.removeItem(\"BankKodeMerchant\");\r\n }}\r\n />\r\n
\r\n \r\n \r\n {steps.map((label) => (\r\n \r\n {label} \r\n \r\n ))}\r\n \r\n
\r\n \r\n {activeStep === steps.length ? (\r\n
\r\n \r\n تمام مراحل با موفقیت انجام شد \r\n \r\n
\r\n ) : (\r\n \r\n {getStepContent(activeStep)} \r\n
\r\n )}\r\n \r\n {activeStep === 3 ? null : \r\n قبلی\r\n }\r\n\r\n\r\n {activeStep === 3 ? : }\r\n
\r\n