@meetelise/chat 1.34.2 → 1.34.3

package/src/services/fees/calculateQuote.ts

@@ -1,74 +0,0 @@
-import axios from "axios";
-
-import { LogType, sendLoggingEvent } from "../../analytics";
-import { camelize, snakify } from "../../utils";
-import {
-  DesiredAddon,
-  DesiredRentableItem,
-  UnitFeeBundle,
-} from "../../WebComponent/FeeCalculator/model";
-import { FeeEstimate } from "../../WebComponent/FeeCalculator/model/unit-fee-bundle";
-import { BASE_DOMAIN } from "../../globals";
-
-type CalculateQuoteRequest = {
-  buildingSlug: string;
-  unitId: number;
-  addons: DesiredAddon[];
-  rentableItems: DesiredRentableItem[];
-  leaseTerm: number;
-  moveInDate: string;
-};
-
-export type CalculateQuoteResponse = {
-  units: UnitFeeBundle[];
-};
-
-const BASE_URL = BASE_DOMAIN;
-
-export const calculateQuote = async ({
-  buildingSlug,
-  unitId,
-  addons,
-  rentableItems,
-  leaseTerm,
-  moveInDate,
-}: CalculateQuoteRequest): Promise<CalculateQuoteResponse> => {
-  try {
-    const feesResponse = await axios.post(
-      `${BASE_URL}/platformApi/webchat/${buildingSlug}/fees/calculate`,
-      snakify({
-        unitId,
-        addons,
-        rentableItems,
-        leaseTerm,
-        moveInDate,
-      })
-    );
-
-    if (feesResponse.data) {
-      const data = camelize<CalculateQuoteResponse>(feesResponse.data);
-      return {
-        ...data,
-        units: data.units.map((unit) => ({
-          ...unit,
-          fees: unit.fees.map(toFeeEstimateClass),
-        })),
-      };
-    }
-  } catch (error) {
-    sendLoggingEvent({
-      logType: LogType.error,
-      buildingSlug,
-      logTitle: "[ERROR_CALCULATING_QUOTE]",
-      logData: { error },
-    });
-  }
-
-  return {
-    units: [],
-  };
-};
-
-const toFeeEstimateClass = (fee: FeeEstimate) => new FeeEstimate(fee);
-
-export default calculateQuote;

package/src/services/fees/fetchBuildingFees.ts

@@ -1,50 +0,0 @@
-import axios from "axios";
-import { LogType, sendLoggingEvent } from "../../analytics";
-import { BuildingFee } from "../../WebComponent/FeeCalculator/model/building-fee";
-import { camelize } from "../../utils";
-import { IncentiveV2 } from "../../types/incentive-v2";
-import { RentableItemSummary } from "../../WebComponent/FeeCalculator/model/rentable-item-summary";
-import { BASE_DOMAIN } from "../../globals";
-
-const BASE_URL = BASE_DOMAIN;
-
-type BuildingFeeResponse = {
-  fees: BuildingFee[];
-  rentableItems: RentableItemSummary[];
-  buildingIncentives: IncentiveV2[];
-};
-
-const fetchBuildingFees = async (
-  buildingSlug: string
-): Promise<BuildingFeeResponse> => {
-  try {
-    const feesResponse = await axios.get(
-      `${BASE_URL}/platformApi/webchat/${buildingSlug}/fees`
-    );
-    if (feesResponse.data) {
-      const data = camelize<BuildingFeeResponse>(feesResponse.data);
-      return {
-        fees: data.fees.map(toBuildingFeeClass),
-        rentableItems: data.rentableItems,
-        buildingIncentives: data.buildingIncentives,
-      };
-    }
-  } catch (error) {
-    sendLoggingEvent({
-      logType: LogType.error,
-      buildingSlug,
-      logTitle: "[ERROR_GETTING_FEES]",
-      logData: { error },
-    });
-  }
-
-  return {
-    fees: [],
-    rentableItems: [],
-    buildingIncentives: [],
-  };
-};
-
-const toBuildingFeeClass = (fee: BuildingFee) => new BuildingFee(fee);
-
-export default fetchBuildingFees;

package/src/services/fees/fetchBuildingFeesV2.ts

@@ -1,56 +0,0 @@
-import axios from "axios";
-import { LogType, sendLoggingEvent } from "../../analytics";
-import { BASE_DOMAIN } from "../../globals";
-import { camelize } from "../../utils";
-import { IncentiveV2 } from "../../types/incentive-v2";
-import { RentableItemSummary } from "../../WebComponent/FeeCalculator/model/rentable-item-summary";
-import { BuildingFeeView } from "../../WebComponent/FeeCalculator/model/building-fee-view";
-import QueryParamBuilder from "../../utils/queryParamBuilder";
-
-const BASE_URL = BASE_DOMAIN;
-
-type BuildingFeeResponse = {
-  fees: BuildingFeeView[];
-  rentableItems: RentableItemSummary[];
-  buildingIncentives: IncentiveV2[];
-};
-
-const fetchBuildingFeesV2 = async (
-  buildingSlug: string,
-  layoutIds?: number[]
-): Promise<BuildingFeeResponse> => {
-  try {
-    const params = new QueryParamBuilder().addArray(
-      "layout_ids",
-      layoutIds?.map((id) => id.toString())
-    );
-    const feesResponse = await axios.get(
-      `${BASE_URL}/platformApi/webchat/${buildingSlug}/fees?${params.build()}`
-    );
-    if (feesResponse.data) {
-      const data = camelize<BuildingFeeResponse>(feesResponse.data);
-      return {
-        fees: data.fees.map(toBuildingFeeClass),
-        rentableItems: data.rentableItems,
-        buildingIncentives: data.buildingIncentives,
-      };
-    }
-  } catch (error) {
-    sendLoggingEvent({
-      logType: LogType.error,
-      buildingSlug,
-      logTitle: "[ERROR_GETTING_FEES]",
-      logData: { error },
-    });
-  }
-
-  return {
-    fees: [],
-    rentableItems: [],
-    buildingIncentives: [],
-  };
-};
-
-const toBuildingFeeClass = (fee: BuildingFeeView) => new BuildingFeeView(fee);
-
-export default fetchBuildingFeesV2;

package/src/services/fees/fetchBuildingFloorplans.ts

@@ -1,74 +0,0 @@
-import axios from "axios";
-import { LogType, sendLoggingEvent } from "../../analytics";
-import { BASE_DOMAIN } from "../../globals";
-import { camelize } from "../../utils";
-
-export type Floorplan = {
-  unitId: number;
-  name: string;
-  bedrooms: number;
-  bathrooms: number;
-  numAvailable: number;
-  startingPrice: number;
-  maxPrice: number;
-  earliestAvailable: string;
-  latestAvailable: string;
-  squareFeet: number;
-  url: string | null;
-};
-
-type FetchFloorplansParams = {
-  buildingSlug: string;
-  numBedrooms?: number;
-  moveInDateEarliest?: Date;
-  moveInDateLatest?: Date;
-};
-
-const fetchBuildingFloorplans = async ({
-  buildingSlug,
-  numBedrooms,
-  moveInDateEarliest,
-  moveInDateLatest,
-}: FetchFloorplansParams): Promise<Floorplan[]> => {
-  try {
-    const params = new URLSearchParams();
-    if (numBedrooms) {
-      params.append("num_bedrooms", numBedrooms.toString());
-    }
-    if (moveInDateEarliest) {
-      params.append(
-        "move_in_date_earliest",
-        moveInDateEarliest.toISOString().split("T")[0]
-      );
-    }
-    if (moveInDateLatest) {
-      params.append(
-        "move_in_date_latest",
-        moveInDateLatest.toISOString().split("T")[0]
-      );
-    }
-
-    const queryString = params.toString() ? `?${params.toString()}` : "";
-    const floorplansResponse = await axios.get(
-      `${BASE_DOMAIN}/platformApi/webchat/${buildingSlug}/floorplans${queryString}`
-    );
-
-    if (floorplansResponse.data) {
-      return camelize<Floorplan[]>(floorplansResponse.data);
-    }
-  } catch (error) {
-    sendLoggingEvent({
-      logType: LogType.error,
-      buildingSlug,
-      logTitle: "[ERROR_GETTING_FLOORPLANS]",
-      logData: {
-        error,
-        params: { numBedrooms, moveInDateEarliest, moveInDateLatest },
-      },
-    });
-  }
-
-  return [];
-};
-
-export default fetchBuildingFloorplans;

package/src/services/fees/fetchBuildingUnits.ts

@@ -1,86 +0,0 @@
-import axios from "axios";
-import { LogType, sendLoggingEvent } from "../../analytics";
-import { BASE_DOMAIN } from "../../globals";
-import { camelize } from "../../utils";
-import QueryParamBuilder from "../../utils/queryParamBuilder";
-
-const BASE_URL = BASE_DOMAIN;
-
-export type Unit = {
-  /**
-   * ID comes back in the format "u1234567890" - we strip the "u"
-   */
-  id: number;
-  unitNumber: string;
-  layout: number;
-  externalFloorPlanDescriptionId: string;
-  numberOfBedrooms: number;
-  numberOfBathrooms: number;
-  squareFootage: number;
-  floor: number;
-  floorplanName: string;
-  floorplanUrl: string;
-  availabilityStage: string;
-  earliestAvailable: string;
-  latestAvailable: string;
-  startingPrice: number;
-  maxPrice: number;
-};
-
-type FetchPropertyUnitsParams = {
-  buildingSlug: string;
-  numBedrooms?: number;
-  moveInDateEarliest?: Date;
-  moveInDateLatest?: Date;
-  leaseTermMin?: number;
-};
-
-const fetchBuildingUnits = async ({
-  buildingSlug,
-  numBedrooms,
-  moveInDateEarliest,
-  moveInDateLatest,
-  leaseTermMin,
-}: FetchPropertyUnitsParams): Promise<Unit[]> => {
-  try {
-    const queryParamBuilder = new QueryParamBuilder();
-    queryParamBuilder
-      .addSingle("num_bedrooms", numBedrooms?.toString())
-      .addSingle(
-        "move_in_date_earliest",
-        moveInDateEarliest?.toISOString().split("T")[0]
-      )
-      .addSingle(
-        "move_in_date_latest",
-        moveInDateLatest?.toISOString().split("T")[0]
-      )
-      .addSingle("lease_term_min", leaseTermMin?.toString());
-
-    const queryString = queryParamBuilder.build();
-    const propertyUnitsResponse = await axios.get(
-      `${BASE_URL}/platformApi/webchat/${buildingSlug}/units${queryString}`
-    );
-
-    if (propertyUnitsResponse.data) {
-      const camelizedUnits = camelize<Unit[]>(propertyUnitsResponse.data);
-      return camelizedUnits.map((unit) => ({
-        ...unit,
-        id: parseInt(unit.id.toString().substring(1)),
-      }));
-    }
-  } catch (error) {
-    sendLoggingEvent({
-      logType: LogType.error,
-      buildingSlug,
-      logTitle: "[ERROR_GETTING_UNITS]",
-      logData: {
-        error,
-        params: { numBedrooms, moveInDateEarliest, moveInDateLatest },
-      },
-    });
-  }
-
-  return [];
-};
-
-export default fetchBuildingUnits;

package/src/services/fees/utils.ts

@@ -1,4 +0,0 @@
-export const layoutToBedrooms = (layout: number): number => {
-  if (layout === 0) return 0; // Studio
-  return Math.floor(layout / 10);
-};

package/src/svgIcons.ts

@@ -1,14 +0,0 @@
-import { svg } from "lit";
-
-/**
- * TODO(erol): PLEASE MOVE INTO EACH OWN ICON FILE UNDER /ICONS
- */
-
-export const CheckboxEmpty = svg`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-<rect x="1" y="1" width="22" height="22" stroke="black" stroke-width="2" rx="2"/>
-</svg>
-`;
-export const CheckboxChecked = svg`<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
-<rect y="0.09375" width="16" height="16" rx="2" fill="#4719CD"/>
-<path d="M12 5.09375L6.5 10.5938L4 8.09375" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>`;

package/src/themes.ts

@@ -1,65 +0,0 @@
-export const defaultPrimaryColor = "#646987"; // we have a brand color defined in the BE too, but this is a fallback
-export const defaultBackgroundColor = "#ffffff"; // default background color for the chat widget
-
-export const tintColor = (
-  originalColor: string,
-  tintOpacity: number
-): string => {
-  const originalRgb = hexToRgb(originalColor);
-  const tintRgb = { r: 0, g: 0, b: 0 };
-
-  const newRgb = {
-    r: originalRgb.r + Math.round((tintRgb.r - originalRgb.r) * tintOpacity),
-    g: originalRgb.g + Math.round((tintRgb.g - originalRgb.g) * tintOpacity),
-    b: originalRgb.b + Math.round((tintRgb.b - originalRgb.b) * tintOpacity),
-  };
-
-  return rgbToHex(newRgb.r, newRgb.g, newRgb.b);
-};
-
-const hexToRgb = (hex: string): { r: number; g: number; b: number } => {
-  const r = parseInt(hex.substring(1, 3), 16);
-  const g = parseInt(hex.substring(3, 5), 16);
-  const b = parseInt(hex.substring(5, 7), 16);
-  return { r, g, b };
-};
-
-const rgbToHex = (r: number, g: number, b: number): string => {
-  return (
-    "#" +
-    [r, g, b]
-      .map((c) => {
-        const hex = c.toString(16);
-        return hex.length === 1 ? "0" + hex : hex;
-      })
-      .join("")
-  );
-};
-
-export const hexToAlmostWhite = (hexColor: string, ratio: number): string => {
-  let r = parseInt(hexColor.substr(1, 2), 16);
-  let g = parseInt(hexColor.substr(3, 2), 16);
-  let b = parseInt(hexColor.substr(5, 2), 16);
-
-  // the ratio of white to add (1 = white, 0 = no change)
-  r = Math.round(r * (1 - ratio) + 255 * ratio);
-  g = Math.round(g * (1 - ratio) + 255 * ratio);
-  b = Math.round(b * (1 - ratio) + 255 * ratio);
-
-  return (
-    "#" +
-    r.toString(16).padStart(2, "0") +
-    g.toString(16).padStart(2, "0") +
-    b.toString(16).padStart(2, "0")
-  );
-};
-
-export const shouldUsePrimaryColorForChatFooter = (
-  orgId: number,
-  buildingId: number
-): boolean => {
-  // Some clients are complaining that we are NOT ADA compliant with our black, default chat footer
-  // So we are temporarily adding this flag to allow them to use their brand color for the chat footer
-  // Don't want to suddenly change it for our clients so added this flag
-  return orgId === 2 || buildingId === 70392;
-};

package/src/types/incentive-v2.ts

@@ -1,24 +0,0 @@
-export type UnitData = {
-  unitIds: number[];
-  unitNumbers: string[];
-  layouts: number[];
-  floorplanNames: string[];
-};
-
-export type IncentiveV2 = {
-  id: number;
-  originalIncentiveString: string;
-  startDate: Date;
-  endDate: Date;
-  incentiveStatus: string;
-  source: string;
-  timeCreated: Date;
-  nofee: boolean;
-  numberOfFreeMonths: number;
-  leaseLength: number;
-  typeOfCustomerItAppliesTo: number;
-  typeOfIncentive: number;
-  numberOfMonthsOwnerPays: number;
-  unitData: UnitData;
-  qualifier: string;
-};

package/src/types/rest-sdk.types.ts

@@ -1,13 +0,0 @@
-/**
- * Redeclare enum from rest-sdk to avoid pulling in entire module.
- */
-export enum TourAvailabilityResponseRankOrderedSupportedTourTypesEnum {
-  Unknown = "UNKNOWN",
-  SelfGuided = "SELF_GUIDED",
-  VirtualShowing = "VIRTUAL_SHOWING",
-  WithAgent = "WITH_AGENT",
-  MediaTour = "MEDIA_TOUR",
-}
-
-// Types are safe to re-export as they are not included in runtime code.
-export type { TourAvailabilityResponse } from "@meetelise/rest-sdk";

package/src/types/webchat-no-show-reason.ts

@@ -1,6 +0,0 @@
-export type WebchatNoShowReason =
-  | "building_does_not_exist"
-  | "building_not_launched"
-  | "building_not_active"
-  | "building_in_maintenance_mode"
-  | "building_not_webchat_scope_configured";

package/src/utils/queryParamBuilder.ts

@@ -1,28 +0,0 @@
-class QueryParamBuilder {
-  private params: URLSearchParams;
-
-  constructor() {
-    this.params = new URLSearchParams();
-  }
-
-  addSingle(key: string, value?: string): QueryParamBuilder {
-    if (!value) return this;
-    this.params.append(key, value);
-    return this;
-  }
-
-  addArray(key: string, values?: string[]): QueryParamBuilder {
-    if (!values) return this;
-    values.forEach((value) => {
-      if (!value) return;
-      this.params.append(`${key}[]`, value);
-    });
-    return this;
-  }
-
-  build(): string {
-    return this.params.toString() ? `?${this.params.toString()}` : "";
-  }
-}
-
-export default QueryParamBuilder;

package/src/utils.ts

@@ -1,121 +0,0 @@
-import camelCase from "lodash/camelCase";
-import snakeCase from "lodash/snakeCase";
-import isArray from "lodash/isArray";
-import isObject from "lodash/isObject";
-import transform from "lodash/transform";
-import addHours from "date-fns/addHours";
-import isBefore from "date-fns/isBefore";
-import { BASE_DOMAIN } from "./globals";
-
-export const camelize = <T>(
-  snakeCasedObject: Record<string, unknown>,
-  keysToExclude?: (string | number | symbol)[]
-): T =>
-  transform(
-    snakeCasedObject,
-    (acc: Record<string, unknown>, value, key, target) => {
-      const camelKey = keysToExclude?.includes(key)
-        ? key
-        : isArray(target)
-        ? key
-        : camelCase(String(key));
-
-      acc[camelKey] = isObject(value)
-        ? camelize(value as Record<string, unknown>, keysToExclude)
-        : value;
-    }
-  ) as T;
-
-export const snakify = <T>(
-  snakeCasedObject: Record<string, unknown>,
-  keysToExclude?: (string | number | symbol)[]
-): T =>
-  transform(
-    snakeCasedObject,
-    (acc: Record<string, unknown>, value, key, target) => {
-      const snakeKey = keysToExclude?.includes(key)
-        ? key
-        : isArray(target)
-        ? key
-        : snakeCase(String(key));
-
-      acc[snakeKey] = isObject(value)
-        ? snakify(value as Record<string, unknown>, keysToExclude)
-        : value;
-    }
-  ) as T;
-
-export const isMobile = (): boolean =>
-  window.matchMedia("(max-width: 767px)").matches ||
-  window.matchMedia("(max-height: 400px)").matches;
-
-export const isTimestampExpired = (
-  timestamp: Date,
-  ttlHours: number
-): boolean => {
-  const expirationDate = addHours(timestamp, ttlHours);
-  return isBefore(expirationDate, Date.now());
-};
-
-export const getCookieValue = (name: string): string | null => {
-  try {
-    const cookies = document.cookie.split("; ");
-    const cookiePair = cookies
-      .map((cookie) => cookie.split("="))
-      .find(([cookieName]) => cookieName === name);
-
-    return cookiePair ? decodeURIComponent(cookiePair[1]) : null;
-  } catch (e) {
-    // For debugging purposes if something happens on a client website
-    // eslint-disable-next-line no-console
-    console.warn(`Error getting cookie value for name=${name}`, e);
-    return null;
-  }
-};
-
-export const isValidPhoneNumber = (phoneNumber: string): boolean => {
-  const phoneNumberRegex = /^\([2-9][0-8][0-9]\) [2-9][0-9][0-9]-[0-9]{4}$/;
-  return phoneNumberRegex.test(phoneNumber);
-};
-
-export const isContainingEmail = (message: string): boolean => {
-  try {
-    const emailRegex = /\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,7}\b/;
-    return emailRegex.test(message);
-  } catch (e) {
-    // eslint-disable-next-line no-console
-    console.warn(`Error checking if message contains email`, e);
-    return false;
-  }
-};
-
-/**
- * FooBarBizzBazz -> Foo Bar Bizz Bazz
- */
-export const sentenceTitleCase = (str: string): string => {
-  const spaced = str.replace(/([A-Z])/g, " $1").trim();
-  return spaced
-    .split(" ")
-    .map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase())
-    .join(" ");
-};
-
-export const formatCurrency = (
-  amount: number,
-  maximumFractionDigits = 0
-): string => {
-  return Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency: "USD",
-    minimumFractionDigits: 0,
-    maximumFractionDigits,
-  }).format(amount ?? 0);
-};
-
-export const isTestEnv = (): boolean => {
-  const href = location.href;
-  if (href.startsWith(BASE_DOMAIN + "/settings/widgets")) return true;
-  if (href.startsWith(BASE_DOMAIN + "/demo")) return true;
-  if (href.startsWith("http://localhost")) return true;
-  return false;
-};