[{"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/index.js":"1","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/App.js":"2","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/reportWebVitals.js":"3","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/ContactUs/index.js":"4","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/Homepage/index.js":"5","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/BoxNextToEachOther/index.js":"6","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/RoomCardInfo/index.js":"7","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/DistributedData/index.js":"8","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/ContactUsInfoCard/index.js":"9","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/ReligiousTimes/index.js":"10","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/Button/index.js":"11","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/FormInput/index.js":"12","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/UserProfileInfo/index.js":"13","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/Login/index.js":"14","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/AnimatedInput/Input.js":"15","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/DateRangePicker/index.js":"16","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/CustomSelectBox/index.js":"17","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/CustomSwitch/index.js":"18","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/UserProfileInfo/DateTime/index.js":"19","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/HorizontalTextDivider/index.js":"20","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/UserProfileInfo/ProfileInfo/index.js":"21","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/AnimatedInput/fixNumbers.js":"22","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/UserProfileInfo/CurrentTime/index.js":"23","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/UserProfileInfo/CurrentDateShamsi/index.js":"24","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/LeafletMap/index.js":"25"},{"size":536,"mtime":1657014225919,"results":"26","hashOfConfig":"27"},{"size":467,"mtime":1659295582446,"results":"28","hashOfConfig":"27"},{"size":362,"mtime":1657010915301,"results":"29","hashOfConfig":"27"},{"size":550,"mtime":1659248415210,"results":"30","hashOfConfig":"27"},{"size":1914,"mtime":1659296213130,"results":"31","hashOfConfig":"27"},{"size":1565,"mtime":1659290521337,"results":"32","hashOfConfig":"27"},{"size":1466,"mtime":1659210452590,"results":"33","hashOfConfig":"27"},{"size":2448,"mtime":1659290797172,"results":"34","hashOfConfig":"27"},{"size":1909,"mtime":1659210437404,"results":"35","hashOfConfig":"27"},{"size":1141,"mtime":1659290786467,"results":"36","hashOfConfig":"27"},{"size":990,"mtime":1657432674268,"results":"37","hashOfConfig":"27"},{"size":3252,"mtime":1659296878221,"results":"38","hashOfConfig":"27"},{"size":441,"mtime":1659290777410,"results":"39","hashOfConfig":"27"},{"size":2953,"mtime":1659287041693,"results":"40","hashOfConfig":"27"},{"size":2587,"mtime":1659270739901,"results":"41","hashOfConfig":"27"},{"size":1788,"mtime":1657611566992,"results":"42","hashOfConfig":"27"},{"size":608,"mtime":1657613668288,"results":"43","hashOfConfig":"27"},{"size":1923,"mtime":1657440765149,"results":"44","hashOfConfig":"27"},{"size":522,"mtime":1657434962806,"results":"45","hashOfConfig":"27"},{"size":565,"mtime":1659271142385,"results":"46","hashOfConfig":"27"},{"size":1414,"mtime":1657434935090,"results":"47","hashOfConfig":"27"},{"size":474,"mtime":1657440246924,"results":"48","hashOfConfig":"27"},{"size":375,"mtime":1657434901885,"results":"49","hashOfConfig":"27"},{"size":667,"mtime":1657434876823,"results":"50","hashOfConfig":"27"},{"size":8011,"mtime":1659295124579,"results":"51","hashOfConfig":"27"},{"filePath":"52","messages":"53","suppressedMessages":"54","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},"chbpuq",{"filePath":"56","messages":"57","suppressedMessages":"58","errorCount":0,"fatalErrorCount":0,"warningCount":2,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"59","messages":"60","suppressedMessages":"61","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"62","messages":"63","suppressedMessages":"64","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"65","messages":"66","suppressedMessages":"67","errorCount":0,"fatalErrorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"68","messages":"69","suppressedMessages":"70","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"71","messages":"72","suppressedMessages":"73","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"74","messages":"75","suppressedMessages":"76","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"77","messages":"78","suppressedMessages":"79","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"80","messages":"81","suppressedMessages":"82","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"83","messages":"84","suppressedMessages":"85","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"86","messages":"87","suppressedMessages":"88","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"89","messages":"90","suppressedMessages":"91","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"92","messages":"93","suppressedMessages":"94","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"95","usedDeprecatedRules":"55"},{"filePath":"96","messages":"97","suppressedMessages":"98","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"99","messages":"100","suppressedMessages":"101","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"102","usedDeprecatedRules":"55"},{"filePath":"103","messages":"104","suppressedMessages":"105","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"106","messages":"107","suppressedMessages":"108","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"109","messages":"110","suppressedMessages":"111","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"112","messages":"113","suppressedMessages":"114","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"115","messages":"116","suppressedMessages":"117","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"118","usedDeprecatedRules":"55"},{"filePath":"119","messages":"120","suppressedMessages":"121","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"122","messages":"123","suppressedMessages":"124","errorCount":0,"fatalErrorCount":0,"warningCount":1,"fixableErrorCount":0,"fixableWarningCount":0,"source":"125","usedDeprecatedRules":"55"},{"filePath":"126","messages":"127","suppressedMessages":"128","errorCount":0,"fatalErrorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"55"},{"filePath":"129","messages":"130","suppressedMessages":"131","errorCount":0,"fatalErrorCount":0,"warningCount":6,"fixableErrorCount":0,"fixableWarningCount":0,"source":"132","usedDeprecatedRules":"55"},"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/index.js",[],[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/App.js",["133","134"],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/reportWebVitals.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/ContactUs/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/Homepage/index.js",["135","136","137"],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/BoxNextToEachOther/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/RoomCardInfo/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/DistributedData/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/ContactUsInfoCard/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/ReligiousTimes/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/Button/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/FormInput/index.js",["138"],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/UserProfileInfo/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/Login/index.js",["139"],[],"import React from \"react\";\nimport Input from \"../AnimatedInput/Input\";\nimport { useForm } from \"react-hook-form\";\nimport Button from \"../Button\";\nimport HorizontalTextDivider from \"../HorizontalTextDivider\";\n\nconst Login = () => {\n  const { register, getValues } = useForm();\n\n  return (\n    <div\n      style={{ marginTop: \"44px\" }}\n      className=\" w-fit md:w-[744px] lg:w-[1000px] flex flex-col-reverse md:flex-row items-center bg-surface border border-surfaceBorder rounded\"\n    >\n      {/* right */}\n      <div className=\"flex flex-col flex-1 p-3 md:p-5 gap-y-7\">\n        {/* logo && site title */}\n        <div className=\"flex items-center \">\n          {/* logo */}\n          <img src=\"images/demo-logo.svg\" alt=\"logo\" className=\"rounded\" />\n          {/*  name */}\n          <div className=\"flex flex-col mr-3 gap-y-2\">\n            <p className=\"text-xs text-primary\">رزرو</p>\n            <p className=\"text-xs text-primary\">\n              سامانه رزرواسیون خدام و زوار موکب مرکز\n            </p>\n          </div>\n        </div>\n        {/* user logo && user title */}\n        <div className=\"flex items-center\">\n          {/* logo */}\n          <img src=\"images/user.svg\" alt=\"logo\" className=\"w-5\" />\n          {/* divider */}\n          <div className=\"h-5 w-0.5 mr-1.5 ml-3 bg-surfaceBorder\"></div>\n          {/*  name */}\n          <p className=\"text-xs text-primary\">ورود زوار و خادمین محترم</p>\n        </div>\n        {/* divider */}\n        <hr className=\"w-full border border-surfaceBorder\" />\n        <Input\n          register={register(\"mobileNumber\")}\n          label=\"نام کاربری\"\n          type=\"text\"\n          borderClassname={`border border-gray-200 `}\n          inputClassname={`px-3 py-2 text-primary focus:bg-surface`}\n        />\n        <Input\n          register={register(\"password\")}\n          label=\"رمز عبور\"\n          type=\"password\"\n          borderClassname={`border border-gray-200 `}\n          inputClassname={`px-3 py-2 text-primary focus:bg-surface`}\n          icon={\"images/eye.png\"}\n          iconClassName={\"w-5\"}\n        />\n        <Button\n          text={\"ورود\"}\n          className={\"bg-secondaryLight text-sm py-3 rounded text-white\"}\n        />\n        <HorizontalTextDivider\n          title={\"یا\"}\n          titleClass={\"text-gray-400\"}\n          borderClassname={\"border-gray-200\"}\n        />{\" \"}\n        <Button\n          text={\"رمز عبور خود را فراموش کرده اید؟\"}\n          className={\"text-sm py-3 rounded text-primary border border-primary\"}\n        />\n      </div>\n      {/* divider */}\n      <div className=\"h-full w-0.5 bg-surfaceBorder\"></div>\n      {/* left */}\n      <div className=\"p-3 md:p-5\">\n        <img\n          src=\"images/login-featured-image.jpg\"\n          alt=\"\"\n          className=\"w-[333px] md:w-[444px] rounded\"\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default Login;\n","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/AnimatedInput/Input.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/DateRangePicker/index.js",["140"],[],"// it has style inside index.scss ---> // Start DateRangePicker && end DateRangePicker\n\nimport React, { useEffect } from \"react\";\nimport DatePicker from \"react-multi-date-picker\";\nimport \"./index.scss\";\n\nimport persian from \"react-date-object/calendars/persian\";\nimport persian_fa from \"react-date-object/locales/persian_fa\";\n\nconst weekDays = [\n  \"شنبه\",\n  \"یکشنبه\",\n  \"دوشنبه\",\n  \"سشنبه\",\n  \"چهارشنبه\",\n  \"پنجشنبه\",\n  \"جمعه\",\n];\n\nfunction CustomRangeInput({ openCalendar, value }) {\n  useEffect(() => {\n    openCalendar();\n  }, []);\n\n  return (\n    <div className=\"flex flex-row items-center justify-center mt-3\">\n      <input\n        className=\"w-[45%] py-1 text-center text-sm rounded border border-surfaceBorder focus:outline-none focus:border-primary focus:ring-primary focus:ring-1\"\n        onFocus={openCalendar}\n        value={value[0]}\n        readOnly\n      />\n      <p className=\"mx-2 text-sm\">تا</p>\n      <input\n        className=\"w-[45%] py-1 text-center text-sm rounded border border-surfaceBorder focus:outline-none focus:border-primary focus:ring-primary focus:ring-1\"\n        onFocus={openCalendar}\n        value={value[1]}\n        readOnly\n      />\n    </div>\n  );\n}\n\nconst DateRangePicker = () => {\n  return (\n    <div className=\"w-full rtl flex flex-col-reverse\">\n      <DatePicker\n        range\n        className=\"flex \"\n        calendar={persian}\n        locale={persian_fa}\n        fixMainPosition={true}\n        fixRelativePosition={true}\n        calendarPosition={`${\"top\"}-${\"center\"}`}\n        offsetY={\"10\"}\n        onClose={() => false}\n        arrow={false}\n        minDate={new Date()}\n        render={<CustomRangeInput />}\n        weekDays={weekDays}\n      />\n    </div>\n  );\n};\n\nexport default DateRangePicker;\n","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/CustomSelectBox/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/CustomSwitch/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/UserProfileInfo/DateTime/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/HorizontalTextDivider/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/UserProfileInfo/ProfileInfo/index.js",["141"],[],"import React from \"react\";\n\nconst ProfileInfo = ({ name, role }) => {\n  return (\n    <div className=\"flex flex-row items-center\">\n      <img\n        src=\"images/ProfileInfoportrait-of-a-smiling-young-man-in-eyewear.svg\"\n        className=\"rounded-full\"\n        alt=\"profile-pic\"\n      />\n      <div className=\"mx-4\">\n        <p className=\"text-primary text-sm\">{name}</p>\n        <span className=\"text-primary text-xs\">{role}</span>\n      </div>\n      {/* dropdown */}\n      <button\n        id=\"dropdownDefault\"\n        data-dropdown-toggle=\"dropdown\"\n        type=\"button\"\n      >\n        <img\n          src=\"images/ProfileInfoarrow-down.svg\"\n          className=\"cursor-pointer\"\n          alt=\"arrow-down\"\n        />\n      </button>\n      <div\n        id=\"dropdown\"\n        className=\"hidden z-10 w-44 bg-white rounded divide-y divide-gray-100 shadow dark:bg-gray-700\"\n      >\n        <ul\n          className=\"py-1 text-sm text-gray-700 dark:text-gray-200\"\n          aria-labelledby=\"dropdownDefault\"\n        >\n          <li>\n            <a\n              href=\"#\"\n              className=\"block py-2 px-4 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white\"\n            >\n              Dashboard\n            </a>\n          </li>\n        </ul>\n      </div>\n    </div>\n  );\n};\n\nexport default ProfileInfo;\n\nProfileInfo.defaultProps = {\n  name: \"سبحان قاسمی\",\n  role: \"خادم محترم\",\n};\n","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/AnimatedInput/fixNumbers.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/UserProfileInfo/CurrentTime/index.js",["142"],[],"import React from \"react\";\n\nconst CurrentTime = ({ className }) => {\n  const today = new Date(),\n    time =\n      today.getHours() + \":\" + today.getMinutes() + \":\" + today.getSeconds();\n  {\n    console.log(time);\n  }\n  return <p className={`text-primaryLight ${className}`}>{time}</p>;\n};\n\nexport default CurrentTime;\n\nCurrentTime.defaultProps = {\n  className: \"text-sm\",\n};\n","/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/UserProfileInfo/CurrentDateShamsi/index.js",[],[],"/Users/mahdi/Documents/work/programming/barnameNegar/arbaeenWebApp/src/components/LeafletMap/index.js",["143","144","145","146","147","148"],[],"// it has style inside index.scss ---> // Start LeafletMap && end LeafletMap\n\nimport React, { useState, useRef, useMemo } from \"react\";\n\nimport {\n  MapContainer,\n  TileLayer,\n  FeatureGroup,\n  Rectangle,\n  useMap,\n  Popup,\n  Marker,\n  LayerGroup,\n  ZoomControl,\n  ScaleControl,\n} from \"react-leaflet\";\n\nimport \"leaflet/dist/leaflet.css\";\nimport \"leaflet-draw/dist/leaflet.draw.css\";\n\nimport { EditControl } from \"react-leaflet-draw\";\n\nimport \"leaflet-draw\";\n\nimport * as L from \"leaflet\";\n\nconst bedNumb = \"تخت شماره 33\";\n\nconst pinMB = L.icon({\n  iconUrl: \"images/LeafletMapplaceholder.png\",\n  iconSize: [24, 41],\n  iconAnchor: [0, 44],\n  popupAnchor: [12, -40],\n  shadowUrl: null,\n  shadowSize: null,\n  shadowAnchor: null,\n});\n\n// const MyCustomMarker = L.icon({\n//   iconUrl: placeholder,\n//   iconSize: [24, 41],\n//   iconAnchor: [0, 44],\n//   popupAnchor: [12, -40],\n//   shadowUrl: null,\n//   shadowSize: null,\n//   shadowAnchor: null,\n// });\n\nL.drawLocal = {\n  draw: {\n    toolbar: {\n      actions: {\n        title: \"لغو کردن رسم\",\n        text: \"لغو\",\n      },\n      finish: {\n        title: \"پایان رسم\",\n        text: \"پایان رسم\",\n      },\n      undo: {\n        title: \"پاک کردن آخرین نقطه رسم شده\",\n        text: \"پاک کردن آخرین نقطه رسم شده\",\n      },\n      buttons: {\n        polyline: \"موکب مورد نظر خود را رسم نمایید\",\n        polygon: \"رسم پولیگان\",\n        rectangle: \"رسم جای خواب\",\n        circle: \"رسم دایره\",\n        marker: \"رسم مارکر\",\n        circlemarker: \"رسم دایره مارکر\",\n      },\n    },\n    handlers: {\n      circle: {\n        tooltip: {\n          start: \"کلیک کنید و سپس درگ کنید تا یک دایره بکشید.\",\n        },\n        radius: \"ردیوس\",\n      },\n      circlemarker: {\n        tooltip: {\n          start: \"با کلیک بر روی نقشه یک مارکر رسم کنید.\",\n        },\n      },\n      marker: {\n        icon: \"images/LeafletMapplaceholder.png\",\n        tooltip: {\n          start: \"با کلیک بر روی نقشه یک مارکر رسم کنید.\",\n        },\n      },\n      polygon: {\n        tooltip: {\n          start: \"یک شکل رسم کنید.\",\n          cont: \"ادامه رسم شکل.\",\n          end: \"برای پایان رسم بر روی اولین نقظه کلیک کنید.\",\n        },\n      },\n      polyline: {\n        error: \"<strong>Error:</strong> shape edges cannot cross!\",\n        tooltip: {\n          start: \"با کلیک کردن یک خط رسم کنید.\",\n          cont: \"با کلیک به رسم خود ادامه دهید.\",\n          end: \"برای پایان رسم بر روی آخرین نقظ رسم شده کلیک کنید.\",\n        },\n      },\n      rectangle: {\n        tooltip: {\n          start: \"با کلیک و درگ کردن یک جای خواب رسم کنید.\",\n        },\n      },\n      simpleshape: {\n        tooltip: {\n          end: \"ماوس را رها کنید تا رسم تمام شود.\",\n        },\n      },\n    },\n  },\n  edit: {\n    toolbar: {\n      actions: {\n        save: {\n          title: \"ذخیره تنظیمات\",\n          text: \"ذخیره\",\n        },\n        cancel: {\n          title: \"لغو کردن، ویرایش تمام تغییرات نادیده گرفته خواهند شد\",\n          text: \"لغو\",\n        },\n        clearAll: {\n          title: \"پاک کردن تمام لایه ها\",\n          text: \"پاک کردن لایه ها\",\n        },\n      },\n      buttons: {\n        edit: \"ویرایش لایه ها\",\n        editDisabled: \"لایه ای برای ویرایش وجود ندارد\",\n        remove: \"پاک کردن لایه ها\",\n        removeDisabled: \"لایه ای برای پاک کردن وجود ندارد\",\n      },\n    },\n    handlers: {\n      edit: {\n        tooltip: {\n          text: \"Drag handles or markers to edit features.\",\n          subtext: \"با کلیک بر روی لغو تغییرات اعمال نخواهند شد.\",\n        },\n      },\n      remove: {\n        tooltip: {\n          text: \"Click on a feature to remove.\",\n        },\n      },\n    },\n  },\n};\n\nconst icon = (val, zoom) =>\n  L.divIcon({\n    className: \"my-div-icon\",\n    html: `<div \n    style = 'transform: scale(${Math.pow(2, zoom - 23)})'\n    class='origin-top-left w-20 h-40 bg-white rounded text-center flex flex-col p-2 justify-between transition-all delay-200'>\n          <p class='h-4 rounded bg-gray-300'> </p>\n          <p>${val || 0}</p>\n          </div>`,\n  });\n\nfunction MyComponent({ setZoom }) {\n  const map = useMap();\n\n  return null;\n}\n\nconst LeafletMap = () => {\n  // const map =\n  const [zoom, setZoom] = useState(22);\n  const outerBounds = [\n    [50.505, -29.09],\n    [52.505, 29.09],\n  ];\n\n  const leafEl = useRef(null);\n  const mapRef = useRef(null);\n  const onCreated = () => {\n    console.log({ next, add });\n    add(Math.floor(Math.random() * 10));\n    // const drawnItems = leafEl.current._layers;\n    // console.log({ drawnItems });\n  };\n  const [next, add] = useState(1);\n  const location = [38.9072, -77.0369];\n  console.log({ mapRef });\n  if (mapRef.current) {\n    console.log(mapRef.current);\n  }\n  return (\n    <div style={{ direction: \"ltr\" }}>\n      <MapContainer\n        whenCreated={(mapInstance) => {\n          mapInstance.on(\"zoomend\", function () {\n            console.log(mapRef.current);\n            setZoom(mapRef.current._zoom);\n          });\n          mapRef.current = mapInstance;\n        }}\n        center={[49.505, -2.09]}\n        zoom={zoom}\n        maxZoom={24}\n        minZoom={18}\n        maxNativeZoom={22}\n        style={{ height: \"100vh\" }}\n        zoomControl={false}\n        bounds={outerBounds}\n      >\n        {/* <MyComponent setZoom={setZoom} /> */}\n        <TileLayer\n          attribution='&copy; <a href=\"http://osm.org/copyright\">OpenStreetMap</a> contributors'\n          url=\"https://{s}.tile.thunderforest.com/outdoors/{z}/{x}/{y}.png?apikey={apikey}\"\n          apikey=\"db5ae1f5778a448ca662554581f283c5\"\n          maxZoom={24}\n          maxNativeZoom={22}\n          opacity={0.8}\n        />\n        <TileLayer\n          url=\"images/grid.png\"\n          apikey=\"db5ae1f5778a448ca662554581f283c5\"\n          maxZoom={24}\n          maxNativeZoom={24}\n          opacity={0.5}\n        />\n        <Marker icon={icon(50, zoom)} position={[49.505, -2.09]}>\n          {/* <Marker position={[49.505, -2.09]} icon={MyCustomMarker2()}> */}\n          <Popup>{bedNumb}</Popup>\n        </Marker>\n        <FeatureGroup ref={leafEl}>\n          <EditControl\n            draw={{\n              polyline: {\n                shapeOptions: {\n                  color: \"#f357a1\",\n                  weight: 1,\n                },\n              },\n              polygon: {\n                allowIntersection: false, // Restricts shapes to simple polygons\n                drawError: {\n                  color: \"#e1e100\", // Color the shape will turn when intersects\n                  message: \"<strong>Oh snap!<strong> you can't draw that!\", // Message that will show when intersect\n                },\n                shapeOptions: {\n                  color: \"#bada55\",\n                },\n              },\n              circle: false, // Turns off this drawing tool\n              rectangle: {\n                shapeOptions: {\n                  clickable: false,\n                },\n              },\n              marker: {\n                icon: icon(next, zoom),\n              },\n            }}\n            position=\"topright\"\n            count={next}\n            onCreated={(e) => {\n              console.log({ next, e });\n              onCreated(next);\n            }}\n            allowIntersection={false}\n          />\n        </FeatureGroup>\n        <LayerGroup></LayerGroup>\n        <ScaleControl position=\"topleft\" />\n        <ZoomControl position=\"topleft\" />\n      </MapContainer>\n    </div>\n  );\n};\n\nexport default LeafletMap;\n",{"ruleId":"149","severity":1,"message":"150","line":3,"column":8,"nodeType":"151","messageId":"152","endLine":3,"endColumn":17},{"ruleId":"149","severity":1,"message":"153","line":4,"column":8,"nodeType":"151","messageId":"152","endLine":4,"endColumn":18},{"ruleId":"149","severity":1,"message":"154","line":4,"column":8,"nodeType":"151","messageId":"152","endLine":4,"endColumn":26},{"ruleId":"149","severity":1,"message":"155","line":5,"column":8,"nodeType":"151","messageId":"152","endLine":5,"endColumn":14},{"ruleId":"149","severity":1,"message":"156","line":10,"column":8,"nodeType":"151","messageId":"152","endLine":10,"endColumn":13},{"ruleId":"149","severity":1,"message":"157","line":12,"column":21,"nodeType":"151","messageId":"152","endLine":12,"endColumn":30},{"ruleId":"149","severity":1,"message":"157","line":8,"column":21,"nodeType":"151","messageId":"152","endLine":8,"endColumn":30},{"ruleId":"158","severity":1,"message":"159","line":23,"column":6,"nodeType":"160","endLine":23,"endColumn":8,"suggestions":"161"},{"ruleId":"162","severity":1,"message":"163","line":36,"column":13,"nodeType":"164","endLine":39,"endColumn":14},{"ruleId":"165","severity":1,"message":"166","line":7,"column":3,"nodeType":"167","messageId":"168","endLine":9,"endColumn":4},{"ruleId":"149","severity":1,"message":"169","line":3,"column":35,"nodeType":"151","messageId":"152","endLine":3,"endColumn":42},{"ruleId":"149","severity":1,"message":"170","line":9,"column":3,"nodeType":"151","messageId":"152","endLine":9,"endColumn":12},{"ruleId":"149","severity":1,"message":"171","line":29,"column":7,"nodeType":"151","messageId":"152","endLine":29,"endColumn":12},{"ruleId":"149","severity":1,"message":"172","line":168,"column":10,"nodeType":"151","messageId":"152","endLine":168,"endColumn":21},{"ruleId":"149","severity":1,"message":"173","line":169,"column":9,"nodeType":"151","messageId":"152","endLine":169,"endColumn":12},{"ruleId":"149","severity":1,"message":"174","line":191,"column":9,"nodeType":"151","messageId":"152","endLine":191,"endColumn":17},"no-unused-vars","'ContactUs' is defined but never used.","Identifier","unusedVar","'LeafletMap' is defined but never used.","'BoxNextToEachOther' is defined but never used.","'Button' is defined but never used.","'Login' is defined but never used.","'getValues' is assigned a value but never used.","react-hooks/exhaustive-deps","React Hook useEffect has a missing dependency: 'openCalendar'. Either include it or remove the dependency array. If 'openCalendar' changes too often, find the parent component that defines it and wrap that definition in useCallback.","ArrayExpression",["175"],"jsx-a11y/anchor-is-valid","The href attribute requires a valid value to be accessible. Provide a valid, navigable address as the href value. If you cannot provide a valid href, but still need the element to resemble a link, use a button and change it with appropriate styles. Learn more: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y/blob/HEAD/docs/rules/anchor-is-valid.md","JSXOpeningElement","no-lone-blocks","Nested block is redundant.","BlockStatement","redundantNestedBlock","'useMemo' is defined but never used.","'Rectangle' is defined but never used.","'pinMB' is assigned a value but never used.","'MyComponent' is defined but never used.","'map' is assigned a value but never used.","'location' is assigned a value but never used.",{"desc":"176","fix":"177"},"Update the dependencies array to be: [openCalendar]",{"range":"178","text":"179"},[530,532],"[openCalendar]"]