chore: lint and remove unnecessary conditions

.eslintrc.js

@@ -6,12 +6,18 @@ module.exports = {
     // necessary to pickup project-specific overrides in prettierrc.js
     'prettier',
   ],
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    project: './tsconfig.json', // Adjust the path if necessary
+    tsconfigRootDir: __dirname,
+  },
   plugins: ['react-hooks', 'jsx-a11y'],
   rules: {
     'react-hooks/rules-of-hooks': 'error',
     'react-hooks/exhaustive-deps': 'warn',
     '@typescript-eslint/ban-ts-comment': 'off',
     '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-unnecessary-condition': 'error',
     'react/no-unescaped-entities': 'off',
   },
 };

src/app/LayoutUI.tsx

@@ -10,7 +10,7 @@ import styles from './LayoutUI.module.scss';
 
 export function LayoutUI({ children }: { children: React.ReactNode }) {
   const segments = useSelectedLayoutSegments();
-  const embed = Boolean(segments?.includes('embed'));
+  const embed = Boolean(segments.includes('embed'));
   return (
     <div className={styles.layout}>
       {embed ? null : <Header />}

src/app/api/admin/reset/route.ts

@@ -33,7 +33,7 @@ export async function POST(req: NextRequest): Promise<NextResponse<ResetResponse
     return NextResponse.json({ severity: 'error', message: fingerprintResult.error }, { status: 403 });
   }
 
-  const { visitorId, ip } = fingerprintResult.data.products?.identification?.data ?? {};
+  const { visitorId, ip } = fingerprintResult.data.products.identification?.data ?? {};
   if (!visitorId) {
     return NextResponse.json({ severity: 'error', message: 'Visitor ID not found.' }, { status: 403 });
   }

src/app/api/decrypt/route.ts

@@ -9,7 +9,7 @@ export type DecryptResponse = EventResponse;
 
 export async function POST(request: Request) {
   try {
-    const sealedData = ((await request?.json()) as DecryptPayload).sealedResult;
+    const sealedData = ((await request.json()) as DecryptPayload).sealedResult;
     const data = await decryptSealedResult(sealedData);
     return Response.json(data);
   } catch (e) {

src/app/bot-firewall/BotFirewall.tsx

@@ -171,22 +171,22 @@ export const BotFirewall: FunctionComponent = () => {
             </tr>
           </thead>
           <tbody>
-            {botVisits?.slice(0, displayedVisits).map((botVisit) => {
+            {botVisits.slice(0, displayedVisits).map((botVisit) => {
               return (
-                <tr key={botVisit?.requestId}>
-                  <td>{formatDate(botVisit?.timestamp)}</td>
-                  <td>{botVisit?.requestId}</td>
+                <tr key={botVisit.requestId}>
+                  <td>{formatDate(botVisit.timestamp)}</td>
+                  <td>{botVisit.requestId}</td>
                   <td>
-                    {botVisit?.botResult} ({botVisit.botType})
+                    {botVisit.botResult} ({botVisit.botType})
                   </td>
-                  <td className={styles.wrapAndBreakTableCell}>{botVisit?.ip}</td>
+                  <td className={styles.wrapAndBreakTableCell}>{botVisit.ip}</td>
                   <td>
                     <BotVisitAction
-                      ip={botVisit?.ip}
-                      isBlockedNow={isIpBlocked(botVisit?.ip)}
+                      ip={botVisit.ip}
+                      isBlockedNow={isIpBlocked(botVisit.ip)}
                       blockIp={blockIp}
                       isLoadingBlockIp={isLoadingBlockIp}
-                      isVisitorsIp={botVisit?.ip === visitorData?.ip}
+                      isVisitorsIp={botVisit.ip === visitorData?.ip}
                     />
                   </td>
                 </tr>
@@ -197,32 +197,32 @@ export const BotFirewall: FunctionComponent = () => {
 
         {/* Display bot visits as **CARDS** only on small screens */}
         <div className={styles.cards}>
-          {botVisits?.slice(0, displayedVisits).map((botVisit) => {
+          {botVisits.slice(0, displayedVisits).map((botVisit) => {
             return (
               <div key={botVisit.requestId} className={styles.card}>
                 <div className={styles.cardContent}>
                   <div>Timestamp</div>
-                  <div>{formatDate(botVisit?.timestamp)}</div>
+                  <div>{formatDate(botVisit.timestamp)}</div>
 
                   <div>Request ID</div>
-                  <div>{botVisit?.requestId}</div>
+                  <div>{botVisit.requestId}</div>
 
                   <div>
                     Bot Type <BotTypeInfo />
                   </div>
                   <div>
-                    {botVisit?.botResult} ({botVisit.botType})
+                    {botVisit.botResult} ({botVisit.botType})
                   </div>
 
                   <div>IP Address</div>
-                  <div>{botVisit?.ip}</div>
+                  <div>{botVisit.ip}</div>
                 </div>
                 <BotVisitAction
-                  ip={botVisit?.ip}
-                  isBlockedNow={isIpBlocked(botVisit?.ip)}
+                  ip={botVisit.ip}
+                  isBlockedNow={isIpBlocked(botVisit.ip)}
                   blockIp={blockIp}
                   isLoadingBlockIp={isLoadingBlockIp}
-                  isVisitorsIp={botVisit?.ip === visitorData?.ip}
+                  isVisitorsIp={botVisit.ip === visitorData?.ip}
                 />
               </div>
             );
@@ -268,13 +268,13 @@ export const BotFirewall: FunctionComponent = () => {
 
           {content}
           {/* Display load older bot visits button if necessary */}
-          {botVisits && botVisits?.length > DEFAULT_DISPLAYED_VISITS ? (
+          {botVisits && botVisits.length > DEFAULT_DISPLAYED_VISITS ? (
             <Button
               size='medium'
               className={styles.loadMore}
               outlined
               onClick={() => setDisplayedVisits(displayedVisits + DISPLAYED_VISITS_INCREMENT)}
-              disabled={!botVisits || displayedVisits >= botVisits.length}
+              disabled={displayedVisits >= botVisits.length}
             >
               Show older bot visits
             </Button>

src/app/bot-firewall/api/get-bot-visits/botVisitDatabase.ts

@@ -53,12 +53,12 @@ export const saveBotVisit = async (botData: EventResponseBotData, visitorId: str
   BotVisitDbModel.create({
     ip: botData.ip,
     visitorId: visitorId,
-    requestId: botData.requestId ?? 'N/A',
-    timestamp: botData.time ?? 'N/A',
-    botResult: botData.bot.result ?? 'N/A',
-    botType: botData.bot.type ?? 'N/A',
-    userAgent: botData.userAgent ?? 'N/A',
-    url: botData.url ?? 'N/A',
+    requestId: botData.requestId,
+    timestamp: botData.time,
+    botResult: botData.bot.result,
+    botType: botData.bot.type ?? '',
+    userAgent: botData.userAgent,
+    url: botData.url,
   });
 };
 

src/app/coupon-fraud/CouponFraud.tsx

@@ -110,7 +110,7 @@ export function CouponFraudUseCase() {
                 {isLoading ? 'Processing...' : 'Apply'}
               </Button>
             </div>
-            {claimResponse?.message && !isLoading && (
+            {claimResponse?.message && (
               <div>
                 <Alert severity={claimResponse.severity}>{claimResponse.message}</Alert>
               </div>

src/app/coupon-fraud/api/claim/route.ts

@@ -28,7 +28,7 @@ export async function POST(req: Request): Promise<NextResponse<CouponClaimRespon
   }
 
   // Get visitorId from the Server API Identification event
-  const visitorId = fingerprintResult.data.products?.identification?.data?.visitorId;
+  const visitorId = fingerprintResult.data.products.identification?.data?.visitorId;
   if (!visitorId) {
     return NextResponse.json({ severity: 'error', message: 'Visitor ID not found.' }, { status: 403 });
   }

src/app/credential-stuffing/CredentialStuffing.tsx

@@ -85,7 +85,7 @@ export function CredentialStuffing() {
             <Image src={showPassword ? shownIcon : hiddenIcon} alt={showPassword ? 'Hide password' : 'Show password'} />
           </button>
           {loginNetworkError && <Alert severity='error'>{loginNetworkError.message}</Alert>}
-          {loginResponse?.message && !isLoading && (
+          {loginResponse?.message && (
             <Alert severity={loginResponse.severity} className={styles.alert}>
               {loginResponse.message}
             </Alert>

src/app/credential-stuffing/api/authenticate/route.ts

@@ -44,7 +44,7 @@ export async function POST(req: Request): Promise<NextResponse<LoginResponse>> {
   }
 
   // Get visitorId from the Server API Identification event
-  const visitorId = fingerprintResult.data.products?.identification?.data?.visitorId;
+  const visitorId = fingerprintResult.data.products.identification?.data?.visitorId;
   if (!visitorId) {
     logLoginAttempt(clientVisitorId, username, 'RequestIdValidationFailed');
     return NextResponse.json({ message: 'Visitor ID not found.', severity: 'error' }, { status: 403 });

src/app/loan-risk/LoanRisk.tsx

@@ -196,7 +196,7 @@ export function LoanRisk() {
               </div>
             </div>
             {loanRequestNetworkError && <Alert severity='error'>{loanRequestNetworkError.message}</Alert>}
-            {loanRequestResponse?.message && !isLoanRequestLoading && (
+            {loanRequestResponse?.message && (
               <Alert severity={loanRequestResponse.severity}>{loanRequestResponse.message}</Alert>
             )}
             <Button

src/app/loan-risk/api/request-loan/route.ts

@@ -34,7 +34,7 @@ export async function POST(req: Request): Promise<NextResponse<LoanRequestRespon
   }
 
   // Get visitorId from the Server API Identification event
-  const visitorId = fingerprintResult.data.products?.identification?.data?.visitorId;
+  const visitorId = fingerprintResult.data.products.identification?.data?.visitorId;
   if (!visitorId) {
     return NextResponse.json({ severity: 'error', message: 'Visitor ID not found.' }, { status: 403 });
   }

src/app/payment-fraud/api/place-order/route.ts

@@ -56,7 +56,7 @@ export async function POST(req: Request): Promise<NextResponse<PaymentResponse>>
   }
 
   // Get visitorId from the Server API Identification event
-  const visitorId = fingerprintResult.data.products?.identification?.data?.visitorId;
+  const visitorId = fingerprintResult.data.products.identification?.data?.visitorId;
   if (!visitorId) {
     return NextResponse.json({ severity: 'error', message: 'Visitor ID not found.' }, { status: 403 });
   }

src/app/paywall/Paywall.tsx

@@ -13,8 +13,8 @@ export default function Paywall({ embed }: { embed: boolean }) {
   const gridArticles = ARTICLES.slice(1);
   return (
     <UseCaseWrapper useCase={USE_CASES.paywall}>
-      {heroArticle && <ArticleCard article={heroArticle} isHeroArticle embed={embed} />}
-      {gridArticles && <ArticleGrid articles={gridArticles} embed={embed} />}
+      <ArticleCard article={heroArticle} isHeroArticle embed={embed} />
+      <ArticleGrid articles={gridArticles} embed={embed} />
     </UseCaseWrapper>
   );
 }

src/app/paywall/api/article/[id]/route.ts

@@ -37,7 +37,7 @@ export async function POST(
   }
 
   // Get visitorId from the Server API Identification event
-  const visitorId = fingerprintResult.data.products?.identification?.data?.visitorId;
+  const visitorId = fingerprintResult.data.products.identification?.data?.visitorId;
   if (!visitorId) {
     return NextResponse.json({ severity: 'error', message: 'Visitor ID not found.' }, { status: 403 });
   }

src/app/personalization/Personalization.tsx

@@ -41,7 +41,7 @@ export function Personalization() {
   const { showNotification } = usePersonalizationNotification();
 
   useEffect(() => {
-    if (productsQuery.data?.data?.querySaved) {
+    if (productsQuery.data?.data.querySaved) {
       showNotification('Search query saved!');
     }
   }, [productsQuery.data, showNotification]);
@@ -57,7 +57,7 @@ export function Personalization() {
   useEffect(() => {
     if (
       data?.incognito &&
-      data?.visitorFound &&
+      data.visitorFound &&
       !userWelcomed &&
       (searchHistoryQuery.data?.data?.length || cartQuery.data?.data?.length)
     ) {
@@ -118,7 +118,7 @@ export function Personalization() {
                 <Spinner size={36} className={styles.spinner} />
               ) : (
                 <>
-                  {productsQuery.data?.data?.products?.length ? (
+                  {productsQuery.data?.data.products.length ? (
                     productsQuery.data.data.products.map((product) => (
                       <ProductCard key={product.id} product={product} />
                     ))

src/app/personalization/api/cart/add-item/route.ts

@@ -28,7 +28,7 @@ export async function POST(req: NextRequest): Promise<NextResponse<AddCartItemRe
   }
 
   // Get visitorId from the Server API Identification event
-  const visitorId = fingerprintResult.data.products?.identification?.data?.visitorId;
+  const visitorId = fingerprintResult.data.products.identification?.data?.visitorId;
   if (!visitorId) {
     return NextResponse.json({ severity: 'error', message: 'Visitor ID not found.' }, { status: 403 });
   }
@@ -48,14 +48,14 @@ export async function POST(req: NextRequest): Promise<NextResponse<AddCartItemRe
   const [cartItem, created] = await UserCartItemDbModel.findOrCreate({
     where: {
       visitorId: {
-        [Op.eq]: visitorId ?? '',
+        [Op.eq]: visitorId,
       },
       productId: {
         [Op.eq]: productId,
       },
     },
     defaults: {
-      visitorId: visitorId ?? '',
+      visitorId: visitorId,
       count: 1,
       timestamp: new Date(),
       productId,

src/app/personalization/api/get-search-history/route.ts

@@ -28,7 +28,7 @@ export async function POST(req: NextRequest): Promise<NextResponse<SearchHistory
   }
 
   // Get visitorId from the Server API Identification event
-  const visitorId = fingerprintResult.data.products?.identification?.data?.visitorId;
+  const visitorId = fingerprintResult.data.products.identification?.data?.visitorId;
   if (!visitorId) {
     return NextResponse.json({ severity: 'error', message: 'Visitor ID not found.' }, { status: 403 });
   }

src/app/personalization/components/productCard.tsx

@@ -53,7 +53,7 @@ export const ProductCard: FunctionComponent<{ product: Product }> = ({ product }
 
   const removeFromCart = async () => {
     if (cartItem) {
-      await removeCartItemMutation.mutateAsync({ itemId: cartItem?.id });
+      await removeCartItemMutation.mutateAsync({ itemId: cartItem.id });
     }
   };
 

src/app/personalization/components/searchComponents.tsx

@@ -34,7 +34,7 @@ type SearchHistoryProps = {
 };
 
 export const SearchHistory: FunctionComponent<SearchHistoryProps> = ({ searchHistory, setSearchHistory }) => {
-  if (!searchHistory || searchHistory?.length === 0) {
+  if (!searchHistory || searchHistory.length === 0) {
     return null;
   }
 

src/app/personalization/hooks/use-cart.ts

@@ -31,14 +31,9 @@ export function useCart() {
     enabled: Boolean(visitorData),
   });
 
-  const refetchCartOnSuccess = useCallback(
-    async (data: AddCartItemResponse | RemoveCartItemResponse) => {
-      if (data) {
-        await cartQuery.refetch();
-      }
-    },
-    [cartQuery],
-  );
+  const refetchCartOnSuccess = useCallback(async () => {
+    await cartQuery.refetch();
+  }, [cartQuery]);
 
   const addCartItemMutation = useMutation({
     mutationKey: [ADD_CART_ITEM_MUTATION],
@@ -56,7 +51,7 @@ export function useCart() {
       });
       return (await response.json()) as AddCartItemResponse;
     },
-    onSuccess: (data: AddCartItemResponse) => refetchCartOnSuccess(data),
+    onSuccess: () => refetchCartOnSuccess(),
   });
 
   const removeCartItemMutation = useMutation({