@envive-ai/react-hooks 0.2.10 → 0.3.0

package/src/atoms/chat/performanceMetrics.ts

@@ -1,31 +1,28 @@
-import { atom } from "jotai";
-import { atomWithStorage } from "jotai/utils";
-import Logger from "src/application/logging/logger";
-import {
-  getAtomStore,
-  sessionStorageUtil,
-} from "src/atoms/atomStore/atomStore";
+import { atom } from 'jotai';
+import { atomWithStorage } from 'jotai/utils';
+import Logger from 'src/application/logging/logger';
+import { getAtomStore, sessionStorageUtil } from 'src/atoms/atomStore/atomStore';
 
-export const APP_INITIAL_START_TIME_KEY = "spiffy-app-initial-start-time";
-export const PAGE_LOAD_OFFSET_TIME_KEY = "spiffy-page-load-offset-time";
+export const APP_INITIAL_START_TIME_KEY = 'spiffy-app-initial-start-time';
+export const PAGE_LOAD_OFFSET_TIME_KEY = 'spiffy-page-load-offset-time';
 /**
  * The different performance metrics that can be logged. All times are relative to the
  * initial start time of the app and are stored in milliseconds.
  */
 export enum PerfMetricsEvents {
-  PageLoadOffset = "page_load_offset_ms",
-  MainBundleLoaded = "main_bundle_loaded_ms",
-  OrgConfigLoadStarted = "org_config_load_started_ms",
-  OrgConfigLoadEnded = "org_config_load_ended_ms",
-  FirstResponseStarted = "first_response_started_ms",
-  FirstResponseCompleted = "first_response_completed_ms",
-  FirstSuggestionsStarted = "first_suggestions_started_ms",
-  FirstSuggestionsCompleted = "first_suggestions_completed_ms",
-  EmbeddedWidgetRendered = "embedded_widget_rendered_ms",
-  FloatingButtonRendered = "floating_button_rendered_ms",
-  TopSuggestionsBarRendered = "top_suggestions_bar_rendered_ms",
-  BottomSuggestionsBarRendered = "bottom_suggestions_bar_rendered_ms",
-  SearchPromptRendered = "search_prompt_rendered_ms",
+  PageLoadOffset = 'page_load_offset_ms',
+  MainBundleLoaded = 'main_bundle_loaded_ms',
+  OrgConfigLoadStarted = 'org_config_load_started_ms',
+  OrgConfigLoadEnded = 'org_config_load_ended_ms',
+  FirstResponseStarted = 'first_response_started_ms',
+  FirstResponseCompleted = 'first_response_completed_ms',
+  FirstSuggestionsStarted = 'first_suggestions_started_ms',
+  FirstSuggestionsCompleted = 'first_suggestions_completed_ms',
+  EmbeddedWidgetRendered = 'embedded_widget_rendered_ms',
+  FloatingButtonRendered = 'floating_button_rendered_ms',
+  TopSuggestionsBarRendered = 'top_suggestions_bar_rendered_ms',
+  BottomSuggestionsBarRendered = 'bottom_suggestions_bar_rendered_ms',
+  SearchPromptRendered = 'search_prompt_rendered_ms',
 }
 
 const internalPerfMetricsAtom = atom<Map<PerfMetricsEvents, number>>(new Map());
@@ -35,7 +32,7 @@ export const appInitialStartTimeMsAtom = atomWithStorage<string | undefined>(
   sessionStorageUtil,
   {
     getOnInit: true,
-  }
+  },
 );
 
 export const pageLoadOffsetTimeAtom = atomWithStorage<string | undefined>(
@@ -44,7 +41,7 @@ export const pageLoadOffsetTimeAtom = atomWithStorage<string | undefined>(
   sessionStorageUtil,
   {
     getOnInit: true,
-  }
+  },
 );
 
 /**
@@ -57,9 +54,7 @@ export const resetPerformanceMetricsAtom = () => {
   const atomStore = getAtomStore();
   atomStore.set(internalPerfMetricsAtom, new Map());
 };
-export const performanceMetricsAtom = atom((get) =>
-  get(internalPerfMetricsAtom)
-);
+export const performanceMetricsAtom = atom(get => get(internalPerfMetricsAtom));
 export const hasReportedPerformanceMetricsAtom = atom<boolean>(false);
 
 /**
@@ -68,30 +63,22 @@ export const hasReportedPerformanceMetricsAtom = atom<boolean>(false);
  *
  * @param value The performance metric name to log.
  */
-export const logPerfMetricAtom = atom(
-  null,
-  (get, set, value: PerfMetricsEvents) => {
-    const initialTimeStorageValue = get(appInitialStartTimeMsAtom);
-    const initialTimeMs = initialTimeStorageValue
-      ? parseInt(initialTimeStorageValue, 10)
-      : undefined;
+export const logPerfMetricAtom = atom(null, (get, set, value: PerfMetricsEvents) => {
+  const initialTimeStorageValue = get(appInitialStartTimeMsAtom);
+  const initialTimeMs = initialTimeStorageValue ? parseInt(initialTimeStorageValue, 10) : undefined;
 
-    if (initialTimeMs == null) {
-      Logger.logWarn(
-        `[spiffy-ai] No initial app start time found. Skipping...`,
-        undefined
-      );
-      return;
-    }
-
-    const currentPerfMetrics = get(internalPerfMetricsAtom);
-    if (currentPerfMetrics.has(value)) {
-      return;
-    }
+  if (initialTimeMs == null) {
+    Logger.logWarn(`[spiffy-ai] No initial app start time found. Skipping...`, undefined);
+    return;
+  }
 
-    const currentTimeMs = Date.now();
-    const deltaMs = currentTimeMs - initialTimeMs;
-    currentPerfMetrics.set(value, deltaMs);
-    set(internalPerfMetricsAtom, currentPerfMetrics);
+  const currentPerfMetrics = get(internalPerfMetricsAtom);
+  if (currentPerfMetrics.has(value)) {
+    return;
   }
-);
+
+  const currentTimeMs = Date.now();
+  const deltaMs = currentTimeMs - initialTimeMs;
+  currentPerfMetrics.set(value, deltaMs);
+  set(internalPerfMetricsAtom, currentPerfMetrics);
+});

package/src/atoms/chat/renderedWidgetRefs.ts

@@ -1,9 +1,9 @@
-import { atom } from "jotai";
-import { getAtomStore } from "src/atoms/atomStore/atomStore";
+import { atom } from 'jotai';
+import { getAtomStore } from 'src/atoms/atomStore/atomStore';
 
 const internalWidgetArrayAtom = atom<HTMLElement[]>([]);
 
-export const widgetArrayAtom = atom((get) => get(internalWidgetArrayAtom));
+export const widgetArrayAtom = atom(get => get(internalWidgetArrayAtom));
 
 /**
  * This function call is used to create a list of the Spiffy widgets

package/src/atoms/chat/replies.ts

@@ -1,59 +1,56 @@
-import { atom } from "jotai";
-import { Message, MessageType } from "src/application/models";
+import { atom } from 'jotai';
+import { Message, MessageType } from 'src/application/models';
 import {
   userHasRepliedAtom,
   messagesAtom,
   userQueryAtom,
   replyEventCategoryAtom,
-} from "src/atoms/chat";
-import { UserEventCategory } from "@spiffy-ai/commerce-api-client";
-import { queueUserEventAtom } from "./messageQueue";
-import { SpiffyMetricsEventName } from "src/contexts/amplitudeContext/amplitudeContext";
-import { amplitudeTrackEventAtom } from "src/atoms/amplitude/amplitudeTrackEventAtom";
+} from 'src/atoms/chat';
+import { UserEventCategory } from '@spiffy-ai/commerce-api-client';
+import { queueUserEventAtom } from './messageQueue';
+import { SpiffyMetricsEventName } from 'src/contexts/amplitudeContext/amplitudeContext';
+import { amplitudeTrackEventAtom } from 'src/atoms/amplitude/amplitudeTrackEventAtom';
 
 type HandleReplyParams = {
   message: Message;
   userTyped: boolean;
 };
 
-export const handleReplyAtom = atom(
-  null,
-  (get, set, { message, userTyped }: HandleReplyParams) => {
-    if (message.type !== MessageType.QueryTyped) {
-      return;
-    }
+export const handleReplyAtom = atom(null, (get, set, { message, userTyped }: HandleReplyParams) => {
+  if (message.type !== MessageType.QueryTyped) {
+    return;
+  }
 
-    const trackEvent = get(amplitudeTrackEventAtom);
-    const queryTyped = message.metadata.content;
+  const trackEvent = get(amplitudeTrackEventAtom);
+  const queryTyped = message.metadata.content;
 
-    set(replyEventCategoryAtom, UserEventCategory.QueryTyped);
-    set(userQueryAtom, queryTyped);
-    set(messagesAtom, [...get(messagesAtom), [message]]);
-    set(userHasRepliedAtom, true);
-    set(queueUserEventAtom, {
-      eventId: message.id,
-      createdAt: message.createdAt,
-      category: UserEventCategory.QueryTyped,
-      attributes: {
-        query: queryTyped,
-      },
-    });
+  set(replyEventCategoryAtom, UserEventCategory.QueryTyped);
+  set(userQueryAtom, queryTyped);
+  set(messagesAtom, [...get(messagesAtom), [message]]);
+  set(userHasRepliedAtom, true);
+  set(queueUserEventAtom, {
+    eventId: message.id,
+    createdAt: message.createdAt,
+    category: UserEventCategory.QueryTyped,
+    attributes: {
+      query: queryTyped,
+    },
+  });
 
-    if (trackEvent) {
-      trackEvent({
-        eventName: SpiffyMetricsEventName.ChatUserMessageInput,
-        eventProps: {
-          message_id: message.id,
-          message_role: message.role,
-          message_type: message.type,
-          message_metadata: {
-            content: message?.metadata?.content, // Removed amplitudeSafeString
-            created_at: message.createdAt,
-            user_typed: userTyped,
-          },
+  if (trackEvent) {
+    trackEvent({
+      eventName: SpiffyMetricsEventName.ChatUserMessageInput,
+      eventProps: {
+        message_id: message.id,
+        message_role: message.role,
+        message_type: message.type,
+        message_metadata: {
+          content: message?.metadata?.content, // Removed amplitudeSafeString
+          created_at: message.createdAt,
+          user_typed: userTyped,
         },
-        alsoSendToGoogleAnalytics: true,
-      });
-    }
+      },
+      alsoSendToGoogleAnalytics: true,
+    });
   }
-);
+});

package/src/atoms/envive/enviveConfig.ts

@@ -1,85 +1,80 @@
-import Logger from "src/application/logging/logger";
-import { atom } from "jotai";
-import { EnviveConfig } from "src/contexts/types";
-import { ContextSourceEnum } from "@spiffy-ai/commerce-api-client";
-import { LocalStorageKeys } from "src/contexts/localStorageContext";
+import Logger from 'src/application/logging/logger';
+import { atom } from 'jotai';
+import { EnviveConfig } from 'src/contexts/types';
+import { ContextSourceEnum } from '@spiffy-ai/commerce-api-client';
+import { LocalStorageKeys } from 'src/contexts/localStorageContext';
 
 const internalEnviveConfigAtom = atom<EnviveConfig | undefined>(undefined);
 
 export const enviveConfigAtom = atom(
-  (get) => {
+  get => {
     const config = get(internalEnviveConfigAtom);
-    Logger.logDebug(
-      "enviveConfig.ts: Accessing internalEnviveConfigAtom",
-      config
-    );
+    Logger.logDebug('enviveConfig.ts: Accessing internalEnviveConfigAtom', config);
     return config; // Return undefined if not set instead of throwing
   },
   (_, set, value: EnviveConfig) => {
     set(internalEnviveConfigAtom, value);
-  }
+  },
 );
 
-export const amplitudeApiKeyAtom = atom((get) => {
+export const amplitudeApiKeyAtom = atom(get => {
   const config = get(enviveConfigAtom);
   return config?.amplitudeApiKey;
 });
-export const dataResidencyAtom = atom((get) => {
+export const dataResidencyAtom = atom(get => {
   const config = get(enviveConfigAtom);
   return config?.dataResidency;
 });
-export const envAtom = atom((get) => {
+export const envAtom = atom(get => {
   const config = get(enviveConfigAtom);
   return config?.env;
 });
-export const baseUrlAtom = atom((get) => {
+export const baseUrlAtom = atom(get => {
   const config = get(enviveConfigAtom);
-  return config?.baseUrl || "https://commerce-api.dev.spiffy.ai";
+  return config?.baseUrl || 'https://commerce-api.dev.spiffy.ai';
 });
-export const reactAppNameAtom = atom((get) => {
+export const reactAppNameAtom = atom(get => {
   const config = get(enviveConfigAtom);
   return config?.reactAppName;
 });
-export const cdnUrlAtom = atom((get) => {
+export const cdnUrlAtom = atom(get => {
   const config = get(enviveConfigAtom);
   return config?.cdnUrl;
 });
 
-export const contextSourceAtom = atom((get) => {
+export const contextSourceAtom = atom(get => {
   const config = get(enviveConfigAtom);
 
   if (config?.contextSource) {
     return config.contextSource as ContextSourceEnum;
   }
 
-  const spiffyOnFeatureFlagSet = window.localStorage.getItem(
-    LocalStorageKeys.SpiffyOnOverride
-  );
-  if (spiffyOnFeatureFlagSet === "true") {
+  const spiffyOnFeatureFlagSet = window.localStorage.getItem(LocalStorageKeys.SpiffyOnOverride);
+  if (spiffyOnFeatureFlagSet === 'true') {
     return ContextSourceEnum.Playground;
   }
 
   return ContextSourceEnum.App;
 });
 
-export const orgLevelApiKeyAtom = atom((get) => {
+export const orgLevelApiKeyAtom = atom(get => {
   const config = get(enviveConfigAtom);
-  Logger.logDebug("enviveConfig.ts: Accessing orgLevelApiKey", config);
+  Logger.logDebug('enviveConfig.ts: Accessing orgLevelApiKey', config);
   return config?.orgLevelApiKey;
 });
-export const orgShortNameAtom = atom((get) => {
+export const orgShortNameAtom = atom(get => {
   const config = get(enviveConfigAtom);
-  Logger.logDebug("enviveConfig.ts: Accessing orgShortName", config);
+  Logger.logDebug('enviveConfig.ts: Accessing orgShortName', config);
   return config?.orgShortName;
 });
-export const identifyingPrefixAtom = atom((get) => {
+export const identifyingPrefixAtom = atom(get => {
   const config = get(enviveConfigAtom);
-  Logger.logDebug("enviveConfig.ts: Accessing identifyingPrefix", config);
-  return config?.identifyingPrefix || "spiffy";
+  Logger.logDebug('enviveConfig.ts: Accessing identifyingPrefix', config);
+  return config?.identifyingPrefix || 'spiffy';
 });
 
-export const publicKeyAtom = atom((get) => {
+export const publicKeyAtom = atom(get => {
   const config = get(enviveConfigAtom);
-  Logger.logDebug("enviveConfig.ts: Accessing publicKey", config);
+  Logger.logDebug('enviveConfig.ts: Accessing publicKey', config);
   return config?.publicKey;
 });

package/src/atoms/globalSearch/index.ts

@@ -1 +1 @@
-export * from "./globalSearch";
+export * from './globalSearch';

package/src/atoms/org/customerService.ts

@@ -1,13 +1,9 @@
-import {
-  AttachmentRequest,
-  CustServiceConversationMessages,
-} from "@spiffy-ai/commerce-api-client";
-import { atom } from "jotai";
-import { ChatState } from "src/types/custservice-types";
+import { AttachmentRequest, CustServiceConversationMessages } from '@spiffy-ai/commerce-api-client';
+import { atom } from 'jotai';
+import { ChatState } from 'src/types/custservice-types';
 
 export const isBusinessHoursAtom = atom<boolean>(true);
 export const isCustomerServiceOpenAtom = atom<boolean>(false);
-export const customerServiceResponseAtom =
-  atom<CustServiceConversationMessages>();
+export const customerServiceResponseAtom = atom<CustServiceConversationMessages>();
 export const customerServiceChatStateAtom = atom<ChatState>();
 export const customerServiceAttachment = atom<AttachmentRequest | undefined>();

package/src/atoms/org/graphqlConfig.ts

@@ -1,24 +1,18 @@
-import { atom } from "jotai";
-import { ColorMapping } from "src/application/models/colorsConfig";
-import { FrontendConfig } from "src/application/models/frontendConfig";
-import { orgShortNameAtom } from "../envive/enviveConfig";
-import { FeatureFlagContextType } from "src/contexts/featureFlagServiceContext/featureFlagServiceContext"; // Import FeatureFlagContextType from new context
+import { atom } from 'jotai';
+import { ColorMapping } from 'src/application/models/colorsConfig';
+import { FrontendConfig } from 'src/application/models/frontendConfig';
+import { orgShortNameAtom } from '../envive/enviveConfig';
+import { FeatureFlagContextType } from 'src/contexts/featureFlagServiceContext/featureFlagServiceContext'; // Import FeatureFlagContextType from new context
 
-export const internalGraphQLColorsConfigAtom = atom<ColorMapping | undefined>(
-  undefined
-);
-const internalGraphQLFrontendConfigAtom = atom<FrontendConfig | undefined>(
-  undefined
-);
+export const internalGraphQLColorsConfigAtom = atom<ColorMapping | undefined>(undefined);
+const internalGraphQLFrontendConfigAtom = atom<FrontendConfig | undefined>(undefined);
 
 export const orgIdAtom = atom<string | undefined>(undefined); // New atom for orgId
-export const featureFlagServiceAtom = atom<FeatureFlagContextType | undefined>(
-  undefined
-); // New atom for FeatureFlagService
+export const featureFlagServiceAtom = atom<FeatureFlagContextType | undefined>(undefined); // New atom for FeatureFlagService
 
 export const frontendConfigAtom = atom(
-  (get) => get(internalGraphQLFrontendConfigAtom),
+  get => get(internalGraphQLFrontendConfigAtom),
   (_, set, value: FrontendConfig | undefined) => {
     set(internalGraphQLFrontendConfigAtom, value);
-  }
+  },
 );

package/src/atoms/org/index.ts

@@ -1,6 +1,6 @@
-export * from "./customerService";
-export * from "./graphqlConfig";
+export * from './customerService';
+export * from './graphqlConfig';
 // export * from "./org";
-export * from "./orgAnalyticsConfig";
-export * from "./newOrgConfigAtom";
+export * from './orgAnalyticsConfig';
+export * from './newOrgConfigAtom';
 // export * from "./orgUIConfig";

package/src/atoms/org/newOrgConfigAtom.ts

@@ -1,4 +1,4 @@
-import { atom } from "jotai";
-import { GraphQlConfigValues } from "src/contexts/graphqlContext";
+import { atom } from 'jotai';
+import { GraphQlConfigValues } from 'src/contexts/graphqlContext';
 
 export const newOrgConfigAtom = atom<GraphQlConfigValues | null>(null);

package/src/atoms/org/orgAnalyticsConfig.ts

@@ -9,20 +9,20 @@ import {
 const internalOrgAnalyticsConfigAtom = atom<OrgAnalyticsConfig | undefined>(undefined);
 
 export const orgAnalyticsConfigAtom = atom(
-  (get) => get(internalOrgAnalyticsConfigAtom),
+  get => get(internalOrgAnalyticsConfigAtom),
   (_, set, value: OrgAnalyticsConfig) => {
     set(internalOrgAnalyticsConfigAtom, value);
   },
 );
 
 export const orgAnalyticsAmplitudeConfigAtom = atom<OrgAnalyticsAmplitudeConfig | undefined>(
-  (get) => get(orgAnalyticsConfigAtom)?.amplitude,
+  get => get(orgAnalyticsConfigAtom)?.amplitude,
 );
 
 export const orgAnalyticsCustomerServiceConfigAtom = atom<
   OrgAnalyticsCustomerServiceConfig | undefined
->((get) => get(orgAnalyticsConfigAtom)?.customerService);
+>(get => get(orgAnalyticsConfigAtom)?.customerService);
 
 export const orgAnalyticsGoogleAnalyticsConfigAtom = atom<
   OrgAnalyticsGoogleAnalyticsConfig | undefined
->((get) => get(orgAnalyticsConfigAtom)?.googleAnalytics);
+>(get => get(orgAnalyticsConfigAtom)?.googleAnalytics);