CW-mobile-perfromance Remove unnecessary libraries

MeyerPV · MeyerPV · commit 51142e5d33cf · 2024-08-12T12:39:55.000+03:00
diff --git a/package.json b/package.json
@@ -24,13 +24,11 @@
     "firebase": "^10.7.1",
     "formik": "^2.2.1",
     "google-libphonenumber": "^3.2.28",
-    "http-status-codes": "^2.2.0",
     "i18next": "^21.9.1",
     "immer": "^9.0.16",
-    "immutable": "^4.2.0",
     "is-hotkey": "^0.2.0",
     "jszip": "^3.7.1",
-    "lodash": "^4.17.20",
+    "lodash-es": "^4.17.21",
     "millify": "^3.5.2",
     "moment": "^2.29.1",
     "node-sass": "^4.14.1",
diff --git a/src/pages/OldCommon/components/CommonDetailContainer/AddDiscussionComponent/AddDiscussionComponent.tsx b/src/pages/OldCommon/components/CommonDetailContainer/AddDiscussionComponent/AddDiscussionComponent.tsx
@@ -3,7 +3,7 @@ import { useDispatch, useSelector } from "react-redux";
 import { MultiValue, SingleValue } from "react-select";
 import classNames from "classnames";
 import { Formik } from "formik";
-import { omit } from "lodash";
+import { omit } from "lodash-es";
 import * as Yup from "yup";
 import { createDiscussion } from "@/pages/OldCommon/store/actions";
 import { getCommonGovernanceCircles } from "@/pages/OldCommon/store/api";
diff --git a/src/pages/OldCommon/components/CommonDetailContainer/CommonWhitepaper/components/WhitepaperMembers/helpers.ts b/src/pages/OldCommon/components/CommonDetailContainer/CommonWhitepaper/components/WhitepaperMembers/helpers.ts
@@ -1,4 +1,4 @@
-import { lowerCase, startCase } from "lodash";
+import { lowerCase, startCase } from "lodash-es";
 import { GovernanceActions } from "@/shared/constants";
 import { AllowedActions } from "@/shared/models";
 import { commonTypeText } from "@/shared/utils";
diff --git a/src/pages/OldCommon/components/CommonListContainer/EditRulesModal/EditSteps/Rules/Rules.tsx b/src/pages/OldCommon/components/CommonListContainer/EditRulesModal/EditSteps/Rules/Rules.tsx
@@ -8,7 +8,7 @@ import {
   intersectionBy,
   isEmpty,
   isEqual,
-} from "lodash";
+} from "lodash-es";
 import { Button, Separator } from "@/shared/components";
 import { Form, RulesArray } from "@/shared/components/Form/Formik";
 import { ModalFooter, ModalHeaderContent } from "@/shared/components/Modal";
diff --git a/src/pages/common/components/ChatComponent/ChatComponent.tsx b/src/pages/common/components/ChatComponent/ChatComponent.tsx
@@ -11,7 +11,7 @@ import { useDispatch, useSelector } from "react-redux";
 import { useDebounce, useMeasure, useScroll } from "react-use";
 import classNames from "classnames";
 import isHotkey from "is-hotkey";
-import { debounce, delay, omit } from "lodash";
+import { debounce, delay, omit } from "lodash-es";
 import { v4 as uuidv4 } from "uuid";
 import { selectUser } from "@/pages/Auth/store/selectors";
 import { ChatService, DiscussionMessageService, FileService } from "@/services";
diff --git a/src/pages/common/components/ChatComponent/utils/getLastNonUserMessage.ts b/src/pages/common/components/ChatComponent/utils/getLastNonUserMessage.ts
@@ -1,4 +1,4 @@
-import findLast from "lodash/findLast";
+import { findLast } from "lodash-es";
 import {
   checkIsUserDiscussionMessage,
   DiscussionMessage,
diff --git a/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewDiscussionCreation/components/DiscussionFormPersist/DiscussionFormPersist.tsx b/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewDiscussionCreation/components/DiscussionFormPersist/DiscussionFormPersist.tsx
@@ -1,7 +1,7 @@
 import React, { FC, useEffect, useMemo } from "react";
 import { useDispatch } from "react-redux";
 import { useFormikContext } from "formik";
-import debounce from "lodash/debounce";
+import { debounce } from "lodash-es";
 import { NewDiscussionCreationFormValues } from "@/shared/interfaces";
 import { commonActions } from "@/store/states";
 
diff --git a/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewProposalCreation/components/ProposalFormPersist/ProposalFormPersist.tsx b/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewProposalCreation/components/ProposalFormPersist/ProposalFormPersist.tsx
@@ -1,7 +1,7 @@
 import React, { FC, useEffect, useMemo } from "react";
 import { useDispatch } from "react-redux";
 import { useFormikContext } from "formik";
-import debounce from "lodash/debounce";
+import { debounce } from "lodash-es";
 import { NewProposalCreationFormValues } from "@/shared/interfaces";
 import { commonActions } from "@/store/states";
 
diff --git a/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewProposalCreation/components/VotingSettings/VotingSettings.tsx b/src/pages/common/components/CommonTabPanels/components/FeedTab/components/NewProposalCreation/components/VotingSettings/VotingSettings.tsx
@@ -1,5 +1,5 @@
 import React, { FC, useMemo } from "react";
-import { flattenDeep, uniq } from "lodash";
+import { flattenDeep, uniq } from "lodash-es";
 import { ProposalsTypes } from "@/shared/constants";
 import { Circles, Governance } from "@/shared/models";
 import {
diff --git a/src/pages/common/components/DiscussionFeedCard/DiscussionFeedCard.tsx b/src/pages/common/components/DiscussionFeedCard/DiscussionFeedCard.tsx
@@ -7,7 +7,7 @@ import React, {
 } from "react";
 import { useSelector } from "react-redux";
 import { useUpdateEffect } from "react-use";
-import { debounce } from "lodash";
+import { debounce } from "lodash-es";
 import { selectUser } from "@/pages/Auth/store/selectors";
 import { DiscussionService } from "@/services";
 import { DeletePrompt, GlobalOverlay, ReportModal } from "@/shared/components";
diff --git a/src/pages/common/components/DiscussionFeedCard/components/UnlinkStreamModal/UnlinkStreamModal.tsx b/src/pages/common/components/DiscussionFeedCard/components/UnlinkStreamModal/UnlinkStreamModal.tsx
@@ -2,7 +2,7 @@ import React, { FC, useRef, useState } from "react";
 import { useSelector } from "react-redux";
 import { CancelTokenSource } from "axios";
 import classNames from "classnames";
-import { isError } from "lodash";
+import { isError } from "lodash-es";
 import { selectUser } from "@/pages/Auth/store/selectors";
 import {
   CommonFeedService,
@@ -71,7 +71,11 @@ const UnlinkStreamModal: FC<UnlinkStreamModalProps> = (props) => {
         cancelTokenRef.current = null;
       }
       setIsUnlinking(false);
-      setErrorText(isError(error) ? error.message : "Something went wrong...");
+      setErrorText(
+        isError(error)
+          ? (error as Record<string, string>)?.message
+          : "Something went wrong...",
+      );
     }
   };
 
diff --git a/src/pages/common/components/ProposalFeedCard/ProposalFeedCard.tsx b/src/pages/common/components/ProposalFeedCard/ProposalFeedCard.tsx
@@ -7,7 +7,7 @@ import React, {
 } from "react";
 import { useSelector } from "react-redux";
 import { useUpdateEffect } from "react-use";
-import { debounce } from "lodash";
+import { debounce } from "lodash-es";
 import { selectUser } from "@/pages/Auth/store/selectors";
 import { useCommonMember, useProposalUserVote } from "@/pages/OldCommon/hooks";
 import { ProposalService } from "@/services";
diff --git a/src/pages/commonFeed/components/FeedLayout/utils/splitViewSize.ts b/src/pages/commonFeed/components/FeedLayout/utils/splitViewSize.ts
@@ -1,4 +1,4 @@
-import { debounce } from "lodash";
+import { debounce } from "lodash-es";
 import { StorageKey } from "@/shared/constants";
 
 export const saveChatSize = debounce((size: number) => {
diff --git a/src/pages/commonFeed/components/HeaderContent/hooks/useSearchFeedItems.ts b/src/pages/commonFeed/components/HeaderContent/hooks/useSearchFeedItems.ts
@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useState } from "react";
-import { debounce } from "lodash";
+import { debounce } from "lodash-es";
 import { QueryParamKey } from "@/shared/constants";
 import { ToggleState, useQueryParams, useToggle } from "@/shared/hooks";
 import { addQueryParam, deleteQueryParam } from "@/shared/utils";
diff --git a/src/pages/commonFeed/hooks/useCommonData/index.ts b/src/pages/commonFeed/hooks/useCommonData/index.ts
@@ -1,5 +1,5 @@
 import { RefObject, useCallback, useRef, useState } from "react";
-import { last } from "lodash";
+import { last } from "lodash-es";
 import {
   CommonFeedService,
   CommonService,
diff --git a/src/services/Common.ts b/src/services/Common.ts
@@ -1,4 +1,4 @@
-import { isEqual } from "lodash";
+import { isEqual } from "lodash-es";
 import {
   getCommonState,
   updateCommonState,
diff --git a/src/shared/components/Chat/ChatMessage/ChatMessage.tsx b/src/shared/components/Chat/ChatMessage/ChatMessage.tsx
@@ -8,7 +8,7 @@ import React, {
 } from "react";
 import { useDispatch } from "react-redux";
 import classNames from "classnames";
-import { isEmpty } from "lodash";
+import { isEmpty } from "lodash-es";
 import { Element } from "slate";
 import { useLongPress } from "use-long-press";
 import * as oldCommonActions from "@/pages/OldCommon/store/actions";
diff --git a/src/shared/components/Chat/ChatMessage/DMChatMessage.tsx b/src/shared/components/Chat/ChatMessage/DMChatMessage.tsx
@@ -9,7 +9,7 @@ import React, {
 import { useDispatch } from "react-redux";
 import { usePrevious } from "react-use";
 import classNames from "classnames";
-import { isEmpty, isEqual } from "lodash";
+import { isEmpty, isEqual } from "lodash-es";
 import { Element } from "slate";
 import { useLongPress } from "use-long-press";
 import { ChatService, Logger } from "@/services";
diff --git a/src/shared/components/Chat/ChatMessage/components/Reactions/Reactions.tsx b/src/shared/components/Chat/ChatMessage/components/Reactions/Reactions.tsx
@@ -7,7 +7,7 @@ import React, {
   useState,
 } from "react";
 import { useSelector } from "react-redux";
-import { isEmpty } from "lodash";
+import { isEmpty } from "lodash-es";
 import { selectUser } from "@/pages/Auth/store/selectors";
 import { Logger } from "@/services";
 import { UserAvatar } from "@/shared/components/UserAvatar";
diff --git a/src/shared/components/Dropdown/Dropdown.tsx b/src/shared/components/Dropdown/Dropdown.tsx
@@ -19,7 +19,7 @@ import {
   closeMenu,
 } from "react-aria-menubutton";
 import classNames from "classnames";
-import { isEqual } from "lodash";
+import { isEqual } from "lodash-es";
 import { v4 as uuidv4 } from "uuid";
 import { useChatContentContext } from "@/pages/common/components/CommonContent/context";
 import { Loader } from "@/shared/components";
diff --git a/src/shared/components/FilesCarousel/AllFilesCarousel/AllFilesCarousel.tsx b/src/shared/components/FilesCarousel/AllFilesCarousel/AllFilesCarousel.tsx
@@ -9,14 +9,14 @@ import React, {
   ForwardRefRenderFunction,
 } from "react";
 import classNames from "classnames";
+import throttle from "lodash-es/throttle";
 import { Swiper, SwiperSlide } from "swiper/react";
 import SwiperClass from "swiper/types/swiper-class";
-import throttle from "lodash/throttle";
 import DownloadIcon from "../../../icons/download.icon";
 import LeftArrowIcon from "../../../icons/leftArrow.icon";
 import RightArrowIcon from "../../../icons/rightArrow.icon";
-import { saveZip } from "../../../utils";
 import { DocInfo } from "../../../models";
+import { saveZip } from "../../../utils";
 import { ButtonIcon } from "../../ButtonIcon";
 import { InvoiceTile } from "../../InvoiceTile";
 import { getSwiperConfig } from "./helpers";
@@ -45,10 +45,8 @@ const AllFilesCarousel: ForwardRefRenderFunction<
     initialDocIndex,
     onDocClick,
   } = props;
-  const [
-    swiperWrapperRef,
-    setSwiperWrapperRef,
-  ] = useState<HTMLDivElement | null>(null);
+  const [swiperWrapperRef, setSwiperWrapperRef] =
+    useState<HTMLDivElement | null>(null);
   const [{ isBeginning, isEnd }, setSlideState] = useState<{
     isBeginning: boolean;
     isEnd: boolean;
@@ -59,7 +57,7 @@ const AllFilesCarousel: ForwardRefRenderFunction<
   const swiperClientWidth = swiperWrapperRef?.clientWidth || 0;
   const swiperConfig = useMemo(
     () => getSwiperConfig(payoutDocs.length, swiperClientWidth),
-    [payoutDocs.length, swiperClientWidth]
+    [payoutDocs.length, swiperClientWidth],
   );
 
   const handleSlideChange = useCallback(
@@ -70,17 +68,17 @@ const AllFilesCarousel: ForwardRefRenderFunction<
           : {
               isBeginning,
               isEnd,
-            }
+            },
       );
     },
-    []
+    [],
   );
   const handleSwiper = useCallback(
     (swiper: SwiperClass) => {
       swiperRef.current = swiper;
       handleSlideChange(swiper);
     },
-    [handleSlideChange]
+    [handleSlideChange],
   );
 
   const handleLeftClick = () => {
@@ -131,14 +129,14 @@ const AllFilesCarousel: ForwardRefRenderFunction<
         swiperRef.current?.slideTo(index);
       },
     }),
-    []
+    [],
   );
 
   const contentWrapperClassName = classNames(
     "all-files-carousel-wrapper__content-wrapper",
     {
       "all-files-carousel-wrapper__content-wrapper--without-actions": false,
-    }
+    },
   );
 
   return (
@@ -159,7 +157,8 @@ const AllFilesCarousel: ForwardRefRenderFunction<
       <div className={contentWrapperClassName}>
         <ButtonIcon
           className={classNames("all-files-carousel-wrapper__button-icon", {
-            "all-files-carousel-wrapper__button-icon--hidden": !swiperConfig.scrollable,
+            "all-files-carousel-wrapper__button-icon--hidden":
+              !swiperConfig.scrollable,
           })}
           onClick={handleLeftClick}
           disabled={!swiperConfig.scrollable || isBeginning}
@@ -184,13 +183,14 @@ const AllFilesCarousel: ForwardRefRenderFunction<
                 "all-files-carousel-wrapper__invoice-tile",
                 {
                   "all-files-carousel-wrapper__invoice-tile--active": isActive,
-                }
+                },
               );
               const imageClassName = classNames(
                 "all-files-carousel-wrapper__invoice-tile-image",
                 {
-                  "all-files-carousel-wrapper__invoice-tile-image--active": isActive,
-                }
+                  "all-files-carousel-wrapper__invoice-tile-image--active":
+                    isActive,
+                },
               );
 
               return (
@@ -212,7 +212,8 @@ const AllFilesCarousel: ForwardRefRenderFunction<
         </div>
         <ButtonIcon
           className={classNames("all-files-carousel-wrapper__button-icon", {
-            "all-files-carousel-wrapper__button-icon--hidden": !swiperConfig.scrollable,
+            "all-files-carousel-wrapper__button-icon--hidden":
+              !swiperConfig.scrollable,
           })}
           onClick={handleRightClick}
           disabled={!swiperConfig.scrollable || isEnd}
diff --git a/src/shared/components/Form/Formik/AdvancedSettings/components/AdvancedSettingsModal/AdvancedSettingsModal.tsx b/src/shared/components/Form/Formik/AdvancedSettings/components/AdvancedSettingsModal/AdvancedSettingsModal.tsx
@@ -1,7 +1,7 @@
 import React, { FC, useMemo, useRef } from "react";
 import classNames from "classnames";
 import { FieldArray, useFormikContext } from "formik";
-import { min, max, uniqBy } from "lodash";
+import { min, max, uniqBy } from "lodash-es";
 import { Option } from "@/shared/components/Dropdown/Dropdown";
 import { Dropdown } from "@/shared/components/Form/Formik";
 import { Modal } from "@/shared/components/Modal";
diff --git a/src/shared/components/Form/RadioButtonGroup/RadioButton/RadioButton.tsx b/src/shared/components/Form/RadioButtonGroup/RadioButton/RadioButton.tsx
@@ -1,6 +1,6 @@
 import React, { useCallback, FC } from "react";
 import classNames from "classnames";
-import { upperFirst } from "lodash";
+import { upperFirst } from "lodash-es";
 import { useRadioButtonGroupContext } from "../context";
 import "./index.scss";
 
diff --git a/src/shared/hooks/useCases/useCommonPinnedFeedItems.ts b/src/shared/hooks/useCases/useCommonPinnedFeedItems.ts
@@ -1,7 +1,7 @@
 import { useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { usePreviousDistinct } from "react-use";
-import difference from "lodash/difference";
+import { difference } from "lodash-es";
 import { CommonFeedService } from "@/services";
 import {
   commonActions,
diff --git a/src/shared/hooks/useCases/useFullCommonData/index.ts b/src/shared/hooks/useCases/useFullCommonData/index.ts
@@ -1,5 +1,5 @@
 import { useCallback, useState } from "react";
-import { last } from "lodash";
+import { last } from "lodash-es";
 import { CommonService, GovernanceService } from "@/services";
 import { useSupportersData } from "@/shared/hooks/useCases";
 import { Common } from "@/shared/models";
diff --git a/src/shared/layouts/MultipleSpacesLayout/components/Header/components/Breadcrumbs/utils.ts b/src/shared/layouts/MultipleSpacesLayout/components/Header/components/Breadcrumbs/utils.ts
@@ -1,4 +1,4 @@
-import { truncate } from "lodash";
+import { truncate } from "lodash-es";
 
 const OMISSION = "...";
 const MOBILE_MAXIMUM_ITEM_LENGTH = 10 + OMISSION.length;
diff --git a/src/shared/ui-kit/TextEditor/BaseTextEditor.tsx b/src/shared/ui-kit/TextEditor/BaseTextEditor.tsx
@@ -11,7 +11,7 @@ import React, {
 } from "react";
 import { useDebounce } from "react-use";
 import classNames from "classnames";
-import { isEqual } from "lodash";
+import { isEqual } from "lodash-es";
 import {
   createEditor,
   Transforms,
diff --git a/src/shared/ui-kit/TextEditor/components/MentionDropdown/MentionDropdown.tsx b/src/shared/ui-kit/TextEditor/components/MentionDropdown/MentionDropdown.tsx
@@ -1,5 +1,5 @@
 import React, { FC, useEffect, useMemo, useRef, useState } from "react";
-import { uniq } from "lodash";
+import { uniq } from "lodash-es";
 import { UserAvatar } from "@/shared/components";
 import { AI_PRO_USER, AI_USER, FeatureFlags } from "@/shared/constants";
 import { KeyboardKeys } from "@/shared/constants/keyboardKeys";
diff --git a/src/shared/utils/circles.ts b/src/shared/utils/circles.ts
@@ -1,4 +1,4 @@
-import uniqBy from "lodash/uniqBy";
+import { uniqBy } from "lodash-es";
 import { Circle, CommonFeedType } from "../models";
 
 export const getFilteredByIdCircles = (
diff --git a/src/shared/utils/convertDatesToFirestoreTimestamps.ts b/src/shared/utils/convertDatesToFirestoreTimestamps.ts
@@ -1,4 +1,4 @@
-import { get, set } from "lodash";
+import { get, set } from "lodash-es";
 import { SynchronizedDate } from "@/shared/interfaces";
 import { Timestamp } from "@/shared/models";
 import { checkIsSynchronizedDate } from "@/shared/utils";
diff --git a/src/shared/utils/proposals.ts b/src/shared/utils/proposals.ts
@@ -1,4 +1,4 @@
-import { lowerCase, startCase } from "lodash";
+import { lowerCase, startCase } from "lodash-es";
 import { ProposalsTypes } from "@/shared/constants";
 import { CommonMember, Governance } from "@/shared/models";
 import { generateCirclesDataForCommonMember } from "./generateCircleDataForCommonMember";
diff --git a/src/shared/utils/shared.tsx b/src/shared/utils/shared.tsx
@@ -1,4 +1,4 @@
-import { words } from "lodash";
+import { words } from "lodash-es";
 import millify from "millify";
 import moment from "moment";
 import { store } from "@/shared/appConfig";
diff --git a/src/store/states/cache/reducer.tsx b/src/store/states/cache/reducer.tsx
@@ -1,5 +1,5 @@
 import produce from "immer";
-import { unionBy, cloneDeep } from "lodash";
+import { unionBy, cloneDeep } from "lodash-es";
 import { ActionType, createReducer } from "typesafe-actions";
 import {
   getChatChannelUserStatusKey,
diff --git a/src/store/states/common/reducer.ts b/src/store/states/common/reducer.ts
@@ -1,6 +1,6 @@
 import produce from "immer";
 import { WritableDraft } from "immer/dist/types/types-external";
-import { differenceBy } from "lodash";
+import { differenceBy } from "lodash-es";
 import { ActionType, createReducer } from "typesafe-actions";
 import { InboxItemType } from "@/shared/constants";
 import {
diff --git a/src/store/states/common/saga/getFeedItems.ts b/src/store/states/common/saga/getFeedItems.ts
@@ -1,4 +1,4 @@
-import { uniqBy } from "lodash";
+import { uniqBy } from "lodash-es";
 import { call, put, select } from "redux-saga/effects";
 import { selectUser } from "@/pages/Auth/store/selectors";
 import { CommonFeedService } from "@/services";
diff --git a/src/store/states/inbox/reducer.ts b/src/store/states/inbox/reducer.ts
diff --git a/src/store/states/multipleSpacesLayout/reducer.ts b/src/store/states/multipleSpacesLayout/reducer.ts
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { lowerCase, startCase } from "lodash";`
	`1`	`+import { lowerCase, startCase } from "lodash-es";`
`2`	`2`	`import { GovernanceActions } from "@/shared/constants";`
`3`	`3`	`import { AllowedActions } from "@/shared/models";`
`4`	`4`	`import { commonTypeText } from "@/shared/utils";`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import findLast from "lodash/findLast";`
	`1`	`+import { findLast } from "lodash-es";`
`2`	`2`	`import {`
`3`	`3`	`checkIsUserDiscussionMessage,`
`4`	`4`	`DiscussionMessage,`