@bash-app/bash-common 12.1.1 → 12.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bash-app/bash-common",
-  "version": "12.1.1",
+  "version": "12.3.0",
   "description": "Common data and scripts to use on the frontend and backend",
   "type": "module",
   "main": "src/index.ts",

package/src/definitions.ts

@@ -27,6 +27,7 @@ export const DONATION_CHECKOUT_RETURN_SUCCESS_URL_PAGE = '/donation-checkout-ret
 export const DONATION_CHECKOUT_RETURN_CANCEL_URL_PAGE = '/donation-checkout-return/cancel/$checkoutSessionId' as const;
 export const VERIFICATION_RETURN_URL = `/sign-up` as const;
 export const BASH_DETAIL_URL = `/bash-detail` as const;
+export const LOGIN_URL = `/login` as const;
 export const TICKET_DETAILS = `/ticket-details` as const;
 
 export const SWR_KEY_AUTH_TOKEN = "auth-token" as const;

package/src/index.ts

@@ -8,3 +8,5 @@ export * from "./utils/paymentUtils";
 export * from "./utils/awsS3Utils";
 export * from "./utils/qrCodeUtils";
 export * from "./utils/sortUtils";
+export * from "./utils/apiUtils";
+export * from "./utils/urlUtils";

package/src/utils/apiUtils.ts

@@ -0,0 +1,76 @@
+import {BashEvent, Contact, User } from "@prisma/client";
+import {ContactOrUser} from "../definitions";
+import {Public_User} from "../extendedSchemas";
+
+type CombinedUser = User | Public_User;
+type CombinedUserOrContact = CombinedUser | Contact;
+
+export function isContactAndNotUser(contactOrUser: Partial<ContactOrUser>): contactOrUser is Contact {
+  return !!(contactOrUser as Contact).contactOwnerId;
+}
+
+export function getUserName(contactOrUser: Partial<CombinedUserOrContact> | undefined): string {
+  if (!contactOrUser) {
+    return '';
+  }
+  if (isContactAndNotUser(contactOrUser)) {
+    return contactOrUser.fullName ?? (contactOrUser as Contact).contactEmail ?? '';
+  }
+  const user = contactOrUser as CombinedUser;
+  const combinedName = user.givenName && user.familyName ? `${user.givenName} ${user.familyName}` : null;
+  return combinedName ?? user.email;
+}
+
+export function getUserImage(contactOrUser: CombinedUserOrContact | undefined): string {
+  if (!contactOrUser) {
+    return '';
+  }
+  const noProfilePicture = '/noProfilePicture.svg';
+  if (isContactAndNotUser(contactOrUser)) {
+    return noProfilePicture;
+  }
+  const user = contactOrUser as CombinedUser;
+  return user.uploadedImage ?? user.image ?? noProfilePicture;
+}
+
+export function getContactOrUserEmail(contactOrUser: Partial<ContactOrUser>): string {
+  return isContactAndNotUser(contactOrUser)
+    ? (contactOrUser as Contact).contactEmail ?? ''
+    : (contactOrUser as User).email;
+}
+
+export function getUserIdAndNotContactId(contactOrUser: Partial<ContactOrUser>): string | null {
+  return isContactAndNotUser(contactOrUser)
+    ? null
+    : (contactOrUser as User).id;
+}
+
+export function getBashEventDetailUrlParamsFromBashEvent(bashEvent: BashEvent | undefined, coverPhoto?: string): string {
+  if (!bashEvent) {
+    return '';
+  }
+  return getBashEventDetailUrlParams(bashEvent.title, bashEvent.description, coverPhoto ?? bashEvent.coverPhoto);
+}
+
+function getBashEventDetailUrlParams(bashEventTitle: string | undefined,
+                                     bashEventDescription: string | undefined | null,
+                                     coverPhoto?: string | null): string {
+  // Don't let the description be huge
+  const desc = bashEventDescription && bashEventDescription.length > 10 ? bashEventDescription?.slice(0, 10) + '...' : bashEventDescription;
+  // Need to add characters if any of the args is undefined or else the params get thrown off
+  const params: string[] = [];
+  if (bashEventTitle) {
+    // params.push(`${URL_PARAMS_BASH_EVENT_TITLE}=${encodeURIComponent(bashEventTitle)}`);
+  }
+  if (desc) {
+    // params.push(`${URL_PARAMS_BASH_EVENT_DESC}=${encodeURIComponent(desc)}`);
+  }
+  if (coverPhoto) {
+    // params.push(`${URL_PARAMS_BASH_EVENT_COVER_PHOTO}=${encodeURIComponent(coverPhoto)}`);
+  }
+  return params.join('&');
+}
+
+export function isProduction(): boolean {
+  return process.env.NODE_ENV === 'production';
+}

package/src/utils/urlUtils.ts

@@ -0,0 +1,29 @@
+import {isProduction} from "./apiUtils";
+import {BASH_DETAIL_URL} from "../definitions";
+
+
+const API_HOST = process.env.REACT_APP_API ?? "http://localhost:3500";
+
+
+export function getFrontendHost(): string {
+  const host = isProduction()
+    ? `${window.location.protocol}//${window.location.host}`
+    : `${window.location.protocol}//${window.location.hostname}:3000`;
+  return host;
+}
+
+export function getBackendHost(): string {
+  const host = isProduction()
+    ? API_HOST
+    : `${window.location.protocol}//${window.location.hostname}:3500`;
+  return host;
+}
+
+export function getSsrBashDetailUrl(bashEventId: string | undefined): string {
+  if (bashEventId) {
+    const url = `/api/ssr${BASH_DETAIL_URL}/${bashEventId}`;
+    return url;
+  }
+  console.error(`BashEventId was not specified for the ssr bash detail url`);
+  return '';
+}