@meetelise/chat 1.22.67 → 1.22.69

package/src/fetchBuildingWebchatView.ts

@@ -0,0 +1,148 @@
+import axios from "axios";
+
+export enum DesignConcepts {
+  EMOJI = "emoji",
+  PILLS = "pills",
+  MINIMIZED = "minimized", // this is also mobile
+}
+
+enum TourType {
+  UNKNOWN = "UNKNOWN",
+  SELF_GUIDED = "SELF_GUIDED",
+  VIRTUAL_SHOWING = "VIRTUAL_SHOWING",
+  WITH_AGENT = "WITH_AGENT",
+  MEDIA_TOUR = "MEDIA_TOUR",
+  OPEN_HOUSE_STUDIO = "OPEN_HOUSE_STUDIO",
+  OPEN_HOUSE_1BR = "OPEN_HOUSE_1BR",
+  OPEN_HOUSE_2BR = "OPEN_HOUSE_2BR",
+  OPEN_HOUSE_3BR = "OPEN_HOUSE_3BR",
+  OPEN_HOUSE_4BR = "OPEN_HOUSE_4BR",
+  OPEN_HOUSE_5BR = "OPEN_HOUSE_5BR",
+}
+
+enum TourAccessType {
+  LINK = "link",
+  CLIENT_SCHEDULED = "client_scheduled",
+  SCHEDULED_BY_ME_MANAGED_BY_ME = "scheduled_by_ME_managed_by_ME",
+  SCHEDULED_BY_ME_MANAGED_BY_CLIENT = "scheduled_by_ME_managed_by_client",
+  SCHEDULED_BY_ME_MANAGED_BY_CONCIERGE = "scheduled_by_ME_managed_by_concierge",
+}
+
+interface LayoutOption {
+  id: number;
+  name: string;
+}
+
+interface TourTypeOption {
+  value: TourType;
+  label: string;
+}
+
+export interface BuildingWebchatView {
+  id: number;
+  orgId: number;
+  name: string;
+  userId: number | null;
+  active: number | null;
+  userFirstName: string;
+  userLastName: string | null;
+  primaryColor: string | null;
+  backgroundColor: string | null;
+  logoSrc: string | null;
+  welcomeMessage: string | null;
+  systemWelcomeMessage: string | null;
+  chatTitle: string | null;
+  chatSubtitle: string | null;
+  bannerColor: string | null;
+  bannerTextColor: string | null;
+  messageColor: string | null;
+  messageTextColor: string | null;
+  launchButtonColor: string | null;
+  launchButtonIconColor: string | null;
+  launchButtonSize: string | null;
+  avatarType: "image" | "initials" | null;
+  avatarSrc: string | null;
+  avatarInitials: string | null;
+  themeId: string;
+  chatCallUsHeader?: string;
+  googleMapsUrl: string | null;
+  chatWidgets?: string[] | null;
+  streetAddress: string | null;
+  postalCode: string | null;
+  state: string | null;
+  phoneNumber: string;
+  textWithUsPhoneNumber: string | null;
+  layoutOptions: LayoutOption[];
+  tourTypeOptions: TourTypeOption[];
+  conversationMaintenanceMode: boolean;
+  sgtUrl: string;
+  escortedToursLink: string;
+  virtualToursLink: string;
+  isVirtualTourEnabled: boolean;
+  isEscortedTourEnabled: boolean;
+  isSelfGuidedTourEnabled: boolean;
+  escortedToursTypeOffered: TourAccessType;
+  virtualToursTypeOffered: TourAccessType;
+  selfGuidedToursTypeOffered: TourAccessType;
+  usesDynamicScheduling: boolean;
+  numAvailableUnits: number;
+  isSchedulingDisabled: boolean;
+  shouldBuildingScheduleTours: boolean;
+  orgLegalName: string;
+  launchedDateTime: Date | null;
+  webchatScopeConfigured: boolean;
+  displayStyle: DesignConcepts;
+  secondaryColor: string | null;
+  foregroundColorOnPrimaryBackgroundColor: string | null;
+  foregroundColorOnSecondaryBackgroundColor: string | null;
+  shouldShowChatDesktop: boolean | null;
+  shouldShowChatMobile: boolean | null;
+  shouldShowTextDesktop: boolean | null;
+  shouldShowTextMobile: boolean | null;
+  shouldShowPhoneDesktop: boolean | null;
+  shouldShowPhoneMobile: boolean | null;
+  shouldShowEmailDesktop: boolean | null;
+  shouldShowEmailMobile: boolean | null;
+  shouldShowSstDesktop: boolean | null;
+  shouldShowSstMobile: boolean | null;
+  requiresConsentForChat: boolean | null;
+  privacyPolicyUrlForChat: string | null;
+  collapseMobileFeatures: boolean | null;
+  autoOpenChat: boolean | null;
+  isInheritingFromOrg: boolean | null;
+  isGlobalDefault: boolean | null;
+}
+
+/**
+ * Load the publicly-available info for a building.
+ *
+ * @param orgSlug - The org slug, e.g. "big-prop-co"
+ * @param buildingSlug - The buidling slug, e.g. "gravity-falls"
+ * @returns The building's ID, name, theme, and agent.
+ */
+export default async function fetchBuildingWebchatView(
+  orgSlug: string,
+  buildingSlug: string
+): Promise<BuildingWebchatView> {
+  const host = "https://app.meetelise.com";
+  const buildingUrl = `${host}/api/pub/v1/organization/${orgSlug}/building/${buildingSlug}/v2`;
+
+  const buildingResponse = await axios.get(buildingUrl);
+
+  const buildingWebchatView: BuildingWebchatView = buildingResponse.data;
+  try {
+    buildingWebchatView.welcomeMessage = replaceName(
+      buildingWebchatView.welcomeMessage ?? "",
+      buildingWebchatView.userFirstName
+    );
+  } catch (e) {
+    // eslint-disable-next-line no-console
+    console.error(e);
+  }
+  return buildingWebchatView;
+}
+
+const replaceName = (originalText: string, newName: string) => {
+  const regex = /elise/gi;
+  return originalText.replace(regex, newName);
+};

package/src/fetchWebchatPreferences.ts

@@ -1,15 +1,20 @@
 import axios from "axios";
 import { camelize } from "./utils";
 
+/**
+ * @deprecated Use BuildingWebchatView instead.
+ */
 export interface WebchatSettings {
-  id: number;
-  orgId: number | null;
-  buildingId: number | null;
-  displayStyle: DesignConcepts | null;
-  primaryColor: string | null;
-  secondaryColor: string | null;
-  foregroundColorOnPrimaryBackgroundColor: string | null;
-  foregroundColorOnSecondaryBackgroundColor: string | null;
+  config: WebchatConfigurationPreferences;
+  isInheriting: boolean;
+  isGlobalDefault: boolean;
+}
+/**
+ * @deprecated Use BuildingWebchatView instead.
+ */
+export interface WebchatConfigurationPreferences {
+  autoOpenChat: boolean;
+  shouldShowChat: boolean;
   shouldShowChatDesktop: boolean;
   shouldShowChatMobile: boolean;
   shouldShowTextDesktop: boolean;
@@ -23,17 +28,13 @@ export interface WebchatSettings {
   requiresConsentForChat: boolean;
   privacyPolicyUrlForChat: string | null;
   collapseMobileFeatures: boolean;
-  autoOpenChat: boolean;
   isInheritingFromOrg: boolean;
   isGlobalDefault: boolean;
 }
 
-export enum DesignConcepts {
-  EMOJI = "emoji",
-  PILLS = "pills",
-  MINIMIZED = "minimized", // this is also mobile
-}
-
+/**
+ * @deprecated Use BuildingWebchatView instead.
+ */
 export default async function fetchWebchatPreferences(
   buildingId: number
 ): Promise<WebchatSettings | null> {

package/src/themes.ts

@@ -1,4 +1,4 @@
-export const defaultPrimaryColor = "#636889"; // we have a brand color defined in the BE too, but this is a fallback
+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 = (