move constants from util to src directory and split into sub folders

src/components/ChangeEmail.tsx

@@ -9,7 +9,7 @@ import { changeEmail, getOTTForEmailChange } from 'services/userService';
 import styled from 'styled-components';
 import { AppContext, FLASH_MESSAGE_TYPE } from 'pages/_app';
 import { getData, LS_KEYS, setData } from 'utils/storage/localStorage';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 
 interface formValues {
     email: string;

src/components/Login.tsx

@@ -11,7 +11,7 @@ import { setData, LS_KEYS, getData } from 'utils/storage/localStorage';
 import SubmitButton from 'components/SubmitButton';
 import Button from 'react-bootstrap/Button';
 import LogoImg from './LogoImg';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 
 interface formValues {
     email: string;

src/components/PhotoList.tsx

@@ -9,7 +9,7 @@ import {
     DATE_CONTAINER_HEIGHT,
     GAP_BTW_TILES,
     SPACE_BTW_DATES,
-} from 'utils/constants';
+} from 'constants/gallery';
 import constants from 'utils/strings/constants';
 
 const A_DAY = 24 * 60 * 60 * 1000;

src/components/Sidebar.tsx

@@ -31,7 +31,7 @@ import { GalleryContext } from 'pages/gallery';
 import InProgressIcon from './icons/InProgressIcon';
 import exportService from 'services/exportService';
 import { Subscription } from 'types/billing';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 import {
     ARCHIVE_SECTION,
     TRASH_SECTION,

src/components/SignUp.tsx

@@ -19,7 +19,7 @@ import { setJustSignedUp } from 'utils/storage';
 import LogoImg from './LogoImg';
 import { logError } from 'utils/sentry';
 import { SESSION_KEYS } from 'utils/storage/sessionStorage';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 
 interface FormValues {
     email: string;

src/components/TwoFactorModal.tsx

@@ -5,7 +5,7 @@ import React, { useContext, useEffect, useState } from 'react';
 import { Button } from 'react-bootstrap';
 import { disableTwoFactor, getTwoFactorStatus } from 'services/userService';
 import { SetLoading } from 'types/gallery';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 import { getData, LS_KEYS, setData } from 'utils/storage/localStorage';
 import constants from 'utils/strings/constants';
 import { Label, Value, Row } from './Container';

src/components/pages/gallery/Collections.tsx

@@ -8,7 +8,7 @@ import { OverlayTrigger, Tooltip } from 'react-bootstrap';
 import { sortCollections } from 'services/collectionService';
 import { User } from 'types/user';
 import styled from 'styled-components';
-import { IMAGE_CONTAINER_MAX_WIDTH } from 'utils/constants';
+import { IMAGE_CONTAINER_MAX_WIDTH } from 'constants/gallery';
 import {
     Collection,
     CollectionAndItsLatestFile,

src/components/pages/gallery/PreviewCard.tsx

@@ -5,7 +5,7 @@ import PlayCircleOutline from 'components/icons/PlayCircleOutline';
 import DownloadManager from 'services/downloadManager';
 import useLongPress from 'utils/common/useLongPress';
 import { GalleryContext } from 'pages/gallery';
-import { GAP_BTW_TILES } from 'utils/constants';
+import { GAP_BTW_TILES } from 'constants/gallery';
 
 interface IProps {
     file: EnteFile;

src/constants/crypto/index.ts

@@ -0,0 +1 @@
+export const ENCRYPTION_CHUNK_SIZE = 4 * 1024 * 1024;

src/constants/gallery/index.ts

@@ -0,0 +1,7 @@
+export const GAP_BTW_TILES = 4;
+export const DATE_CONTAINER_HEIGHT = 48;
+export const IMAGE_CONTAINER_MAX_HEIGHT = 200;
+export const IMAGE_CONTAINER_MAX_WIDTH =
+    IMAGE_CONTAINER_MAX_HEIGHT - GAP_BTW_TILES;
+export const MIN_COLUMNS = 4;
+export const SPACE_BTW_DATES = 44;

src/constants/pages/index.ts

@@ -1,12 +1,3 @@
-export const ENCRYPTION_CHUNK_SIZE = 4 * 1024 * 1024;
-export const GAP_BTW_TILES = 4;
-export const DATE_CONTAINER_HEIGHT = 48;
-export const IMAGE_CONTAINER_MAX_HEIGHT = 200;
-export const IMAGE_CONTAINER_MAX_WIDTH =
-    IMAGE_CONTAINER_MAX_HEIGHT - GAP_BTW_TILES;
-export const MIN_COLUMNS = 4;
-export const SPACE_BTW_DATES = 44;
-
 export enum PAGES {
     CHANGE_EMAIL = '/change-email',
     CHANGE_PASSWORD = '/change-password',

src/pages/change-email/index.tsx

@@ -8,7 +8,7 @@ import { getToken } from 'utils/common/key';
 import EnteSpinner from 'components/EnteSpinner';
 import ChangeEmailForm from 'components/ChangeEmail';
 import EnteCard from 'components/EnteCard';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 
 function ChangeEmailPage() {
     const [email, setEmail] = useState('');

src/pages/change-password/index.tsx

@@ -12,7 +12,7 @@ import { setKeys } from 'services/userService';
 import SetPasswordForm from 'components/SetPasswordForm';
 import { AppContext } from 'pages/_app';
 import { SESSION_KEYS } from 'utils/storage/sessionStorage';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 import { UpdatedKey } from 'types/user';
 
 export interface KEK {

src/pages/credentials/index.tsx

@@ -3,7 +3,7 @@ import React, { useContext, useEffect, useState } from 'react';
 import constants from 'utils/strings/constants';
 import { clearData, getData, LS_KEYS } from 'utils/storage/localStorage';
 import { useRouter } from 'next/router';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 import { SESSION_KEYS, getKey } from 'utils/storage/sessionStorage';
 import CryptoWorker, {
     decryptAndStoreToken,

src/pages/gallery/index.tsx

@@ -71,7 +71,7 @@ import Collections, {
 } from 'components/pages/gallery/Collections';
 import { AppContext } from 'pages/_app';
 import { CustomError, ServerErrorCodes } from 'utils/common/errorUtil';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 import {
     COLLECTION_OPS_TYPE,
     isSharedCollection,

src/pages/generate/index.tsx

@@ -12,7 +12,7 @@ import {
 import SetPasswordForm from 'components/SetPasswordForm';
 import { justSignedUp, setJustSignedUp } from 'utils/storage';
 import RecoveryKeyModal from 'components/RecoveryKeyModal';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 import Container from 'components/Container';
 import EnteSpinner from 'components/EnteSpinner';
 import { AppContext } from 'pages/_app';

src/pages/index.tsx

@@ -12,7 +12,7 @@ import constants from 'utils/strings/constants';
 import localForage from 'utils/storage/localForage';
 import IncognitoWarning from 'components/IncognitoWarning';
 import { logError } from 'utils/sentry';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 
 const Container = styled.div`
     display: flex;

src/pages/login/index.tsx

@@ -6,7 +6,7 @@ import Login from 'components/Login';
 import Container from 'components/Container';
 import { getData, LS_KEYS } from 'utils/storage/localStorage';
 import Card from 'react-bootstrap/Card';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 
 export default function Home() {
     const router = useRouter();

src/pages/recover/index.tsx

@@ -7,7 +7,7 @@ import {
     setData,
 } from 'utils/storage/localStorage';
 import { useRouter } from 'next/router';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 import CryptoWorker, {
     decryptAndStoreToken,
     SaveKeyInSessionStore,

src/pages/signup/index.tsx

@@ -6,7 +6,7 @@ import Container from 'components/Container';
 import EnteSpinner from 'components/EnteSpinner';
 import { getData, LS_KEYS } from 'utils/storage/localStorage';
 import SignUp from 'components/SignUp';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 
 export default function SignUpPage() {
     const router = useRouter();

src/pages/two-factor/recover/index.tsx

@@ -11,7 +11,7 @@ import LogoImg from 'components/LogoImg';
 import { logError } from 'utils/sentry';
 import { recoverTwoFactor, removeTwoFactor } from 'services/userService';
 import { AppContext, FLASH_MESSAGE_TYPE } from 'pages/_app';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 const bip39 = require('bip39');
 // mobile client library only supports english.
 bip39.setDefaultWordlist('english');

src/pages/two-factor/setup/index.tsx

@@ -14,7 +14,7 @@ import { B64EncryptionResult } from 'utils/crypto';
 import { encryptWithRecoveryKey } from 'utils/crypto';
 import { setData, LS_KEYS, getData } from 'utils/storage/localStorage';
 import { AppContext, FLASH_MESSAGE_TYPE } from 'pages/_app';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 import { TwoFactorSecret } from 'types/user';
 
 enum SetupMode {

src/pages/two-factor/verify/index.tsx

@@ -5,7 +5,7 @@ import router from 'next/router';
 import React, { useEffect, useState } from 'react';
 import { Button, Card } from 'react-bootstrap';
 import { logoutUser, verifyTwoFactor } from 'services/userService';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 import { User } from 'types/user';
 import { setData, LS_KEYS, getData } from 'utils/storage/localStorage';
 import constants from 'utils/strings/constants';

src/pages/verify/index.tsx

@@ -19,7 +19,7 @@ import SubmitButton from 'components/SubmitButton';
 import { clearKeys } from 'utils/storage/sessionStorage';
 import { AppContext } from 'pages/_app';
 import LogoImg from 'components/LogoImg';
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 import { User } from '@sentry/nextjs';
 import { KeyAttributes, EmailVerificationResponse } from 'types/user';
 

src/services/userService.ts

@@ -1,4 +1,4 @@
-import { PAGES } from 'utils/constants';
+import { PAGES } from 'constants/pages';
 import { getEndpoint } from 'utils/common/apiUtil';
 import { clearKeys } from 'utils/storage/sessionStorage';
 import router from 'next/router';

src/types/upload/index.ts

@@ -1,5 +1,5 @@
 import { fileAttribute, FILE_TYPE } from 'types/file';
-import { ENCRYPTION_CHUNK_SIZE } from 'utils/constants';
+import { ENCRYPTION_CHUNK_SIZE } from 'constants/crypto';
 
 // list of format that were missed by type-detection for some files.
 export const FORMAT_MISSED_BY_FILE_TYPE_LIB = [

src/utils/crypto/libsodium.ts

@@ -1,5 +1,5 @@
 import sodium, { StateAddress } from 'libsodium-wrappers';
-import { ENCRYPTION_CHUNK_SIZE } from 'utils/constants';
+import { ENCRYPTION_CHUNK_SIZE } from 'constants/crypto';
 
 export async function decryptChaChaOneShot(
     data: Uint8Array,