* refactor: remove unused types * chore: add naming-convention lint rule * refactor: rename redux proptypes * chore: remove Type suffix from prop-types * chore: apply conventions to ajax * chore: apply convention to create-types * chore: apply convention to show-project-links * chore: search-bar * chore: Hotkeys * chore: privacy * chore: portfolio * chore: search-page-hits * chore: search-suggestion * chore: search-hits * chore: no-hits-suggestion * chore: timeline-pagination * chore: various profile files * chore: heat-map * chore: portfolio * chore: certifications * chore: landing-top * chore: certifications * chore: campers-image * chore: big-call-to-action * chore: paypal related files * chore: show-user * chore: show-settings * chore: show-certification * test: rename profile snap * fix: ignore snake case for stripe card form * refactor: remove duplicate type declarations Co-authored-by: Shaun Hamilton <shauhami020@gmail.com> * fix: handle null solutions in Timeline * test: add remaining Profile props * refactor: revert accidental rename Co-authored-by: Shaun Hamilton <shauhami020@gmail.com>
252 lines
6.4 KiB
TypeScript
252 lines
6.4 KiB
TypeScript
import cookies from 'browser-cookies';
|
|
import envData from '../../../config/env.json';
|
|
|
|
import type {
|
|
ChallengeFile,
|
|
CompletedChallenge,
|
|
User
|
|
} from '../redux/prop-types';
|
|
|
|
const { apiLocation } = envData;
|
|
|
|
const base = apiLocation;
|
|
|
|
const defaultOptions: RequestInit = {
|
|
credentials: 'include'
|
|
};
|
|
|
|
// csrf_token is passed to the client as a cookie. The client must send
|
|
// this back as a header.
|
|
function getCSRFToken() {
|
|
const token =
|
|
typeof window !== 'undefined' ? cookies.get('csrf_token') : null;
|
|
return token ?? '';
|
|
}
|
|
|
|
async function get<T>(path: string): Promise<T> {
|
|
return fetch(`${base}${path}`, defaultOptions).then<T>(res => res.json());
|
|
}
|
|
|
|
export function post<T = void>(path: string, body: unknown): Promise<T> {
|
|
return request('POST', path, body);
|
|
}
|
|
|
|
function put<T = void>(path: string, body: unknown): Promise<T> {
|
|
return request('PUT', path, body);
|
|
}
|
|
|
|
async function request<T>(
|
|
method: 'POST' | 'PUT',
|
|
path: string,
|
|
body: unknown
|
|
): Promise<T> {
|
|
const options: RequestInit = {
|
|
...defaultOptions,
|
|
method,
|
|
headers: {
|
|
'CSRF-Token': getCSRFToken(),
|
|
'Content-Type': 'application/json'
|
|
},
|
|
body: JSON.stringify(body)
|
|
};
|
|
return fetch(`${base}${path}`, options).then<T>(res => res.json());
|
|
}
|
|
|
|
/** GET **/
|
|
|
|
interface SessionUser {
|
|
user?: { [username: string]: User };
|
|
sessionMeta: { activeDonations: number };
|
|
}
|
|
|
|
type ChallengeFilesForFiles = {
|
|
files: Array<Omit<ChallengeFile, 'fileKey'> & { key: string }>;
|
|
} & Omit<CompletedChallenge, 'challengeFiles'>;
|
|
|
|
type ApiSessionResponse = Omit<SessionUser, 'user'>;
|
|
type ApiUser = {
|
|
user: {
|
|
[username: string]: Omit<User, 'completedChallenges'> & {
|
|
completedChallenges?: ChallengeFilesForFiles[];
|
|
};
|
|
};
|
|
result?: string;
|
|
};
|
|
|
|
type UserResponse = {
|
|
user: { [username: string]: User } | Record<string, never>;
|
|
result: string | undefined;
|
|
};
|
|
|
|
function parseApiResponseToClientUser(data: ApiUser): UserResponse {
|
|
const userData = data.user?.[data?.result ?? ''];
|
|
let completedChallenges: CompletedChallenge[] = [];
|
|
if (userData) {
|
|
completedChallenges =
|
|
userData.completedChallenges?.reduce(
|
|
(acc: CompletedChallenge[], curr: ChallengeFilesForFiles) => {
|
|
return [
|
|
...acc,
|
|
{
|
|
...curr,
|
|
challengeFiles: curr.files.map(({ key: fileKey, ...file }) => ({
|
|
...file,
|
|
fileKey
|
|
}))
|
|
}
|
|
];
|
|
},
|
|
[]
|
|
) ?? [];
|
|
}
|
|
return {
|
|
user: { [data.result ?? '']: { ...userData, completedChallenges } },
|
|
result: data.result
|
|
};
|
|
}
|
|
|
|
export function getSessionUser(): Promise<SessionUser> {
|
|
const response: Promise<ApiUser & ApiSessionResponse> = get(
|
|
'/user/get-session-user'
|
|
);
|
|
// TODO: Once DB is migrated, no longer need to parse `files` -> `challengeFiles` etc.
|
|
return response.then(data => {
|
|
const { result, user } = parseApiResponseToClientUser(data);
|
|
return {
|
|
sessionMeta: data.sessionMeta,
|
|
result,
|
|
user
|
|
};
|
|
});
|
|
}
|
|
|
|
type UserProfileResponse = {
|
|
entities: Omit<UserResponse, 'result'>;
|
|
result: string | undefined;
|
|
};
|
|
export function getUserProfile(username: string): Promise<UserProfileResponse> {
|
|
const response: Promise<{ entities?: ApiUser; result?: string }> = get(
|
|
`/api/users/get-public-profile?username=${username}`
|
|
);
|
|
return response.then(data => {
|
|
const { result, user } = parseApiResponseToClientUser({
|
|
user: data.entities?.user ?? {},
|
|
result: data.result
|
|
});
|
|
return {
|
|
entities: { user },
|
|
result
|
|
};
|
|
});
|
|
}
|
|
|
|
interface Cert {
|
|
certTitle: string;
|
|
username: string;
|
|
date: Date;
|
|
completionTime: string;
|
|
}
|
|
export function getShowCert(username: string, certSlug: string): Promise<Cert> {
|
|
return get(`/certificate/showCert/${username}/${certSlug}`);
|
|
}
|
|
|
|
export function getUsernameExists(username: string): Promise<boolean> {
|
|
return get(`/api/users/exists?username=${username}`);
|
|
}
|
|
|
|
// TODO: Does a GET return a bolean?
|
|
export function getVerifyCanClaimCert(
|
|
username: string,
|
|
superBlock: string
|
|
): Promise<boolean> {
|
|
return get(
|
|
`/certificate/verify-can-claim-cert?username=${username}&superBlock=${superBlock}`
|
|
);
|
|
}
|
|
|
|
/** POST **/
|
|
|
|
interface Donation {
|
|
email: string;
|
|
amount: number;
|
|
duration: string;
|
|
provider: string;
|
|
subscriptionId: string;
|
|
customerId: string;
|
|
startDate: Date;
|
|
}
|
|
// TODO: Verify if the body has and needs this Donation type. The api seems to
|
|
// just need the body to exist, but doesn't seem to use the properties.
|
|
export function addDonation(body: Donation): Promise<void> {
|
|
return post('/donate/add-donation', body);
|
|
}
|
|
|
|
export function postChargeStripe(body: Donation): Promise<void> {
|
|
return post('/donate/charge-stripe', body);
|
|
}
|
|
|
|
export function postChargeStripeCard(body: Donation): Promise<void> {
|
|
return post('/donate/charge-stripe-card', body);
|
|
}
|
|
interface Report {
|
|
username: string;
|
|
reportDescription: string;
|
|
}
|
|
export function postReportUser(body: Report): Promise<void> {
|
|
return post('/user/report-user', body);
|
|
}
|
|
|
|
// Both are called without a payload in danger-zone-saga,
|
|
// which suggests both are sent without any body
|
|
// TODO: Convert to DELETE
|
|
export function postDeleteAccount(): Promise<void> {
|
|
return post('/account/delete', {});
|
|
}
|
|
|
|
export function postResetProgress(): Promise<void> {
|
|
return post('/account/reset-progress', {});
|
|
}
|
|
|
|
/** PUT **/
|
|
|
|
interface MyAbout {
|
|
name: string;
|
|
location: string;
|
|
about: string;
|
|
picture: string;
|
|
}
|
|
export function putUpdateMyAbout(values: MyAbout): Promise<void> {
|
|
return put('/update-my-about', { ...values });
|
|
}
|
|
|
|
export function putUpdateMyUsername(username: string): Promise<void> {
|
|
return put('/update-my-username', { username });
|
|
}
|
|
|
|
export function putUpdateMyProfileUI(
|
|
profileUI: User['profileUI']
|
|
): Promise<void> {
|
|
return put('/update-my-profileui', { profileUI });
|
|
}
|
|
|
|
// Update should contain only one flag and one new value
|
|
// It's possible to constrain to only one key with TS, but is overkill for this
|
|
// https://stackoverflow.com/a/60807986
|
|
export function putUpdateUserFlag(
|
|
update: Record<string, string>
|
|
): Promise<void> {
|
|
return put('/update-user-flag', update);
|
|
}
|
|
|
|
export function putUserAcceptsTerms(quincyEmails: boolean): Promise<void> {
|
|
return put('/update-privacy-terms', { quincyEmails });
|
|
}
|
|
|
|
export function putUserUpdateEmail(email: string): Promise<void> {
|
|
return put('/update-my-email', { email });
|
|
}
|
|
|
|
export function putVerifyCert(certSlug: string): Promise<void> {
|
|
return put('/certificate/verify', { certSlug });
|
|
}
|