@meetelise/chat 1.34.7 → 1.35.1

package/src/utils/getWidgetOverrides.ts

@@ -0,0 +1,91 @@
+const ALLOW_OVERRIDE_DOMAINS = [
+  "app.meetelise.com",
+  "staging.eliseai.com",
+  "localhost",
+];
+
+const WIDGET_MAP = {
+  calculator: {
+    desktop: "calcDesktop",
+    mobile: "calcMobile",
+  },
+  email: {
+    desktop: "emailDesktop",
+    mobile: "emailMobile",
+  },
+  call: {
+    desktop: "callDesktop",
+    mobile: "callMobile",
+  },
+  text: {
+    desktop: "textDesktop",
+    mobile: "textMobile",
+  },
+  sst: {
+    desktop: "sstDesktop",
+    mobile: "sstMobile",
+  },
+} as const;
+
+type WidgetType = keyof typeof WIDGET_MAP;
+type WidgetOverrides = Partial<Record<WidgetType, boolean>>;
+
+/**
+ * Parse widget overrides from URL parameters.
+ *
+ * e.g.
+ * http://importantwebsite.com?widgets=calculator:true,email:false
+ */
+export const parseWidgetOverrides = (
+  widgetParam: string | null
+): WidgetOverrides => {
+  if (!widgetParam) return {};
+
+  try {
+    return widgetParam.split(",").reduce((acc, override) => {
+      const [widget, value] = override.split(":");
+      if (widget && value && widget in WIDGET_MAP) {
+        acc[widget as WidgetType] = value.toLowerCase() === "true";
+      }
+      return acc;
+    }, {} as WidgetOverrides);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.warn("Error parsing widget overrides:", error);
+    return {};
+  }
+};
+
+type WidgetConfig = {
+  [key: string]: boolean | null;
+};
+
+/**
+ * Get widget overrides from URL parameters and apply them to the enabled widgets configuration
+ */
+export const getWidgetOverrides = <T extends WidgetConfig>(
+  currentConfig: T
+): T => {
+  const currentDomain = window.location.hostname;
+  if (!ALLOW_OVERRIDE_DOMAINS.includes(currentDomain)) return currentConfig;
+
+  const urlParams = new URLSearchParams(window.location.search);
+  const overrides = parseWidgetOverrides(urlParams.get("widgets"));
+
+  if (Object.keys(overrides).length === 0) return currentConfig;
+
+  const newConfig = { ...currentConfig } as T;
+
+  Object.entries(overrides).forEach(([widget, enabled]) => {
+    const properties = WIDGET_MAP[widget as WidgetType];
+    if (properties) {
+      (newConfig[properties.desktop] as boolean) = enabled;
+      (newConfig[properties.mobile] as boolean) = enabled;
+    }
+  });
+
+  // eslint-disable-next-line no-console
+  console.info("Applied widget overrides:", overrides);
+
+  return newConfig;
+};

package/src/utils/queryParamBuilder.ts

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,121 @@
+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;
+};