chore: optimize imports

src/auth/components/AdvertiserAgreed.tsx

@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import Typography from "@mui/material/Typography";
 import {
-  Box,
   Card,
   Checkbox,
   Container,

src/auth/hooks/mutations/useGetLink.ts

@@ -1,6 +1,5 @@
 import { useCallback, useState } from "react";
-import { useAuthContext } from "auth/context/auth.hook";
-import { getCredentials, getLink } from "auth/lib";
+import { getLink } from "auth/lib";
 
 interface Options {
   onError?: (msg: string) => void;

src/auth/views/AuthVerify.tsx

@@ -1,9 +1,8 @@
 import { AuthContainer } from "auth/views/components/AuthContainer";
 import { useAuthorize } from "auth/hooks/queries/useAuthorize";
 import React from "react";
-import { useHistory } from "react-router-dom";
+import { Link as RouterLink, useHistory } from "react-router-dom";
 import { CircularProgress, Link, Stack, Typography } from "@mui/material";
-import { Link as RouterLink } from "react-router-dom";
 import VerifiedIcon from "@mui/icons-material/Verified";
 import CancelOutlinedIcon from "@mui/icons-material/CancelOutlined";
 

src/auth/views/Login.tsx

@@ -1,7 +1,7 @@
 import { Alert, Link, TextField, Typography } from "@mui/material";
 import { LoadingButton } from "@mui/lab";
 import React, { useState } from "react";
-import { useHistory, Link as RouterLink } from "react-router-dom";
+import { Link as RouterLink, useHistory } from "react-router-dom";
 import { useSignIn } from "auth/hooks/mutations/useSignIn";
 import { AuthContainer } from "auth/views/components/AuthContainer";
 

src/checkout/hooks/useValidatePaymentSession.ts

@@ -1,5 +1,4 @@
 import { useEffect, useState } from "react";
-import { buildAdServerEndpoint } from "util/environment";
 import { fetchPaymentSession } from "checkout/lib";
 
 interface Props {

src/components/Box/BoxContainer.tsx

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { Box, Container, Typography } from "@mui/material";
+import { Box, Typography } from "@mui/material";
 
 export function BoxContainer(
   props: { header?: React.ReactNode } & PropsWithChildren,

src/components/Collapse/CollapseBox.tsx

@@ -2,8 +2,6 @@ import {
   Accordion,
   AccordionDetails,
   AccordionSummary,
-  Alert,
-  AlertTitle,
   Box,
   Typography,
 } from "@mui/material";

src/components/Country/CountryPicker.tsx

@@ -1,4 +1,4 @@
-import { Alert, Autocomplete, TextField } from "@mui/material";
+import { Autocomplete, TextField } from "@mui/material";
 import { useField } from "formik";
 import React from "react";
 import { useCountries } from "components/Country/useCountries";

src/components/EnhancedTable/renderers.tsx

@@ -12,12 +12,10 @@ import {
 } from "graphql/campaign.generated";
 import { AdvertiserCampaignsDocument } from "graphql/advertiser.generated";
 import {
-  AdSetFragment,
   useUpdateAdMutation,
   useUpdateAdSetMutation,
 } from "graphql/ad-set.generated";
 import { OnOff } from "../Switch/OnOff";
-import { CampaignSource } from "graphql/types";
 import { AdDetails } from "user/ads/AdList";
 import { displayFromCampaignState } from "util/displayState";
 import { AdSetDetails } from "user/adSet/AdSetList";

src/components/Error/ErrorDetail.tsx

@@ -1,4 +1,4 @@
-import { ApolloError, ServerError, ServerParseError } from "@apollo/client";
+import { ApolloError } from "@apollo/client";
 import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
 import {
   Accordion,

src/components/Steps/NextAndBack.tsx

@@ -1,4 +1,4 @@
-import { Button, Stack, stepClasses } from "@mui/material";
+import { Button, Stack } from "@mui/material";
 import React from "react";
 
 interface Props {

src/components/Steps/StepDrawer.tsx

@@ -1,20 +1,17 @@
-import React, { PropsWithChildren, useRef, useState } from "react";
+import React, { PropsWithChildren, useRef } from "react";
 import {
   Box,
-  Button,
   CssBaseline,
   Drawer,
-  ListItemButton,
   Stack,
   Step,
   StepButton,
   StepContent,
   Stepper,
   Toolbar,
-  Typography,
 } from "@mui/material";
 import { NextAndBack } from "components/Steps/NextAndBack";
-import { Link as RouterLink, useHistory } from "react-router-dom";
+import { useHistory } from "react-router-dom";
 import { ActionButtons } from "components/Steps/ActionButtons";
 
 const drawerWidth = 250;

src/components/Steps/StepsButton.tsx

@@ -1,12 +1,4 @@
-import {
-  Box,
-  Button,
-  Stack,
-  Step,
-  StepLabel,
-  Stepper,
-  Typography,
-} from "@mui/material";
+import { Box, Step, StepLabel, Stepper } from "@mui/material";
 import React, { useState } from "react";
 import { NextAndBack } from "components/Steps/NextAndBack";
 

src/components/Url/use-url-validation.ts

@@ -1,6 +1,6 @@
 import {
-  ValidateTargetUrlQuery,
   useValidateTargetUrlLazyQuery,
+  ValidateTargetUrlQuery,
 } from "graphql/url.generated";
 import _ from "lodash";
 import { useEffect, useMemo, useState } from "react";

src/form/FormikHelpers.tsx

@@ -4,7 +4,6 @@ import React, {
   useEffect,
 } from "react";
 import {
-  Button,
   FormControl,
   FormControlLabel,
   FormHelperText,

src/user/adSet/AdSetList.tsx

@@ -3,7 +3,6 @@ import { ColumnDescriptor, StandardRenderers } from "components/EnhancedTable";
 import { Chip } from "@mui/material";
 import { Status } from "components/Campaigns/Status";
 import _ from "lodash";
-import { isAfterEndDate } from "util/isAfterEndDate";
 import { adSetOnOffState } from "components/EnhancedTable/renderers";
 import { CampaignAdsFragment } from "graphql/campaign.generated";
 import { CampaignSource } from "graphql/types";

src/user/analytics/analyticsOverview/components/EngagementHeader.tsx

@@ -1,6 +1,5 @@
 import React from "react";
-import { Box, Button, Stack, Tab, Tabs, Typography } from "@mui/material";
-import { EngagementChartType } from "../types";
+import { Box, Button, Stack, Typography } from "@mui/material";
 import { Status } from "components/Campaigns/Status";
 import { CampaignSummaryFragment } from "graphql/campaign.generated";
 

src/user/analytics/analyticsOverview/components/LiveFeed.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { Box, Chip, Stack, Typography } from "@mui/material";
+import { Box, Chip, Typography } from "@mui/material";
 import { OverviewDetail, StatsMetric } from "../types";
 
 interface OverviewProps extends OverviewDetail {

src/user/analytics/analyticsOverview/components/MetricFilter.tsx

@@ -1,5 +1,5 @@
 import MetricSelect from "user/analytics/analyticsOverview/components/MetricSelect";
-import React, { useState } from "react";
+import React from "react";
 import { Box, Stack, Switch, Tooltip, Typography } from "@mui/material";
 import { decideValueAttribute } from "user/analytics/analyticsOverview/lib/overview.library";
 import { Metrics, StatsMetric } from "user/analytics/analyticsOverview/types";

src/user/analytics/analyticsOverview/lib/overview.library.ts

@@ -7,10 +7,7 @@ import {
   StatsMetric,
   Tooltip,
 } from "user/analytics/analyticsOverview/types";
-import {
-  CampaignWithEngagementsFragment,
-  EngagementFragment,
-} from "graphql/analytics-overview.generated";
+import { EngagementFragment } from "graphql/analytics-overview.generated";
 
 type MetricDataSet = {
   metric1DataSet: number[][];

src/user/analytics/analyticsOverview/reports/campaign/EngagementsOverview.tsx

@@ -17,7 +17,6 @@ import EngagementHeader from "../../components/EngagementHeader";
 import LiveFeed from "../../components/LiveFeed";
 import { CampaignFormat } from "graphql/types";
 import { ErrorDetail } from "components/Error/ErrorDetail";
-import { DashboardButton } from "components/Button/DashboardButton";
 import { ApolloError } from "@apollo/client";
 import _ from "lodash";
 

src/user/analytics/analyticsOverview/reports/os/OsOverview.tsx

@@ -1,15 +1,9 @@
 import { Box, Stack } from "@mui/material";
 import React from "react";
-import {
-  CampaignWithEngagementsFragment,
-  EngagementFragment,
-} from "graphql/analytics-overview.generated";
+import { EngagementFragment } from "graphql/analytics-overview.generated";
 import { mapOsStats, processOs } from "../../lib/os.library";
 import { OsPieChart } from "./components/OsPieChart";
 import { OsBarChart } from "./components/OsBarChart";
-import { CampaignFragment } from "graphql/campaign.generated";
-import { CampaignFormat } from "graphql/types";
-import { CardContainer } from "components/Card/CardContainer";
 
 interface Props {
   engagements: EngagementFragment[];

src/user/hooks/useAdvertiserCreatives.ts

@@ -2,7 +2,7 @@ import { useAdvertiserCreativesQuery } from "graphql/creative.generated";
 import { useAdvertiser } from "auth/hooks/queries/useAdvertiser";
 import { useFormikContext } from "formik";
 import { CampaignForm, Creative } from "user/views/adsManager/types";
-import _, { flatMap } from "lodash";
+import _ from "lodash";
 
 export function useAdvertiserCreatives(): Creative[] {
   const { advertiser } = useAdvertiser();

src/user/library/index.test.ts

@@ -1,5 +1,5 @@
 import { CampaignFragment } from "graphql/campaign.generated";
-import { it, describe, expect } from "vitest";
+import { describe, expect, it } from "vitest";
 import { editCampaignValues, transformCreative } from ".";
 import {
   CampaignFormat,

src/user/settings/Settings.tsx

@@ -6,7 +6,6 @@ import {
   Box,
   Button,
   Container,
-  Divider,
   FormControl,
   InputLabel,
   MenuItem,

src/user/views/adsManager/views/advanced/components/adSet/fields/AdSetAds.tsx

@@ -1,6 +1,6 @@
 import { CardContainer } from "components/Card/CardContainer";
 import { Autocomplete, Checkbox, TextField } from "@mui/material";
-import React, { useEffect } from "react";
+import React from "react";
 import { useRecentlyCreatedAdvertiserCreatives } from "user/hooks/useAdvertiserCreatives";
 import CheckBoxOutlineBlankIcon from "@mui/icons-material/CheckBoxOutlineBlank";
 import CheckBoxIcon from "@mui/icons-material/CheckBox";

src/user/views/adsManager/views/advanced/components/adSet/fields/ConversionField.tsx

@@ -1,4 +1,4 @@
-import { Divider, Link, Stack, Typography } from "@mui/material";
+import { Link, Stack, Typography } from "@mui/material";
 import { ConversionFields } from "components/Conversion/ConversionFields";
 import React from "react";
 import { FieldArray, useField } from "formik";

src/user/views/adsManager/views/advanced/components/adSet/fields/PickerFields.tsx

@@ -1,4 +1,4 @@
-import { Divider, Typography } from "@mui/material";
+import { Typography } from "@mui/material";
 import { SegmentPicker } from "components/Segment/SegmentPicker";
 import { PlatformPicker } from "components/Platform/PlatformPicker";
 import React from "react";

src/user/views/adsManager/views/advanced/components/campaign/fields/LocationField.tsx

@@ -1,4 +1,4 @@
-import { Box, Divider, Typography } from "@mui/material";
+import { Typography } from "@mui/material";
 import { LocationPicker } from "components/Location/LocationPicker";
 import React from "react";
 import { CardContainer } from "components/Card/CardContainer";

src/user/views/adsManager/views/advanced/components/form/components/BaseForm.tsx

@@ -2,7 +2,6 @@ import { Form } from "formik";
 import { Review } from "../../review/Review";
 import React from "react";
 import { CampaignSettings } from "user/views/adsManager/views/advanced/components/campaign/CampaignSettings";
-import { BudgetField } from "user/views/adsManager/views/advanced/components/campaign/fields/BudgetField";
 import { StepDrawer } from "components/Steps/StepDrawer";
 import { PaymentButton } from "user/views/adsManager/views/advanced/components/form/components/PaymentButton";
 import { NewAd } from "user/ads/NewAd";

src/user/views/adsManager/views/advanced/components/form/components/PaymentButton.tsx

@@ -2,7 +2,6 @@ import { FormikSubmitButton } from "form/FormikHelpers";
 import React from "react";
 import { useFormikContext } from "formik";
 import { CampaignForm } from "user/views/adsManager/types";
-import { PaymentType } from "graphql/types";
 
 export function PaymentButton(props: { isEdit: boolean }) {
   const { values } = useFormikContext<CampaignForm>();