@envive-ai/react-hooks 0.1.4 → 0.1.6

package/src/application/service/windowFrontendConfigService.ts

@@ -1,129 +0,0 @@
-import Logger from "src/application/logging/logger";
-import { applyOverrides, Override } from "src/application/utils/overrides";
-import { getAtomStore } from "src/atoms/atomStore/atomStore";
-import { identifyingPrefixAtom } from "src/atoms/envive/enviveConfig";
-import {
-  colorsConfigAtom,
-  frontendConfigAtom,
-} from "src/atoms/org/graphqlConfig";
-import { orgPageConfigAtom } from "src/atoms/org/orgPageConfig";
-import { orgUIConfigAtom } from "src/atoms/org/orgUIConfig";
-import {
-  ColorMapping,
-  OrgUIConfig,
-  WidgetConfig,
-  WidgetMountingConfig,
-} from "src/contexts/types";
-
-type CustomizableFrontendConfig = {
-  orgUIConfig: OrgUIConfig | undefined;
-  colorsConfig: ColorMapping;
-  mountingConfigs: Record<string, WidgetMountingConfig>;
-  widgetConfigs: Record<string, WidgetConfig>;
-};
-type FrontendConfigOverrides = Override<CustomizableFrontendConfig>;
-
-class WindowFrontendConfigService {
-  private static instance: WindowFrontendConfigService | undefined;
-
-  private isInitialized = false;
-
-  static getSingletonInstance(): WindowFrontendConfigService {
-    if (!this.instance) {
-      this.instance = new WindowFrontendConfigService();
-    }
-    return this.instance;
-  }
-
-  init() {
-    if (this.isInitialized) return;
-    this.isInitialized = true;
-
-    try {
-      const atomStore = getAtomStore();
-      const identifyingPrefix = atomStore.get(identifyingPrefixAtom);
-      if (!window[identifyingPrefix]) {
-        window[identifyingPrefix] = {} as Window[typeof identifyingPrefix];
-      }
-
-      // Attach an explicit apply function to be called by the host page
-      const apply = (overrides: FrontendConfigOverrides[]) => {
-        Logger.logDebug("[spiffy-ai] applyFrontendConfigOverrides invoked");
-        WindowFrontendConfigService.applyOverridesToFrontendConfig(overrides);
-      };
-
-      window[identifyingPrefix].applyFrontendConfigOverrides = apply;
-
-      Logger.logDebug(
-        "[spiffy-ai] FrontendConfig overrides apply function attached"
-      );
-    } catch (e) {
-      Logger.logError(
-        "[spiffy-ai] Failed to attach FrontendConfig overrides apply function",
-        e
-      );
-    }
-  }
-
-  private static async applyOverridesToFrontendConfig(
-    overrides: FrontendConfigOverrides[]
-  ) {
-    const atomStore = getAtomStore();
-    try {
-      // Get the current frontend config(s) from the atoms once
-      const frontendConfig = await atomStore.get(frontendConfigAtom);
-      // Get the orgPageConfig for widgetConfigs and mountingConfigs, but don't write to it
-      // If you use frontendConfigAtom to get the mountingConfigs and widgetConfigs,
-      // you will get {}, which are not the full version of the mountingConfigs and widgetConfigs
-      const orgPageConfig = await atomStore.get(orgPageConfigAtom);
-
-      let currentConfig: CustomizableFrontendConfig = {
-        orgUIConfig: atomStore.get(orgUIConfigAtom),
-        colorsConfig: (await atomStore.get(colorsConfigAtom)) as ColorMapping,
-        mountingConfigs: orgPageConfig.mountingConfigs,
-        widgetConfigs: orgPageConfig.widgetConfigs,
-      };
-
-      Logger.logInfo("[spiffy-ai] base config", {
-        baseConfig: currentConfig,
-      });
-
-      for (let i = 0; i < overrides.length; i += 1) {
-        const currentOverride = overrides[i];
-        currentConfig = applyOverrides<CustomizableFrontendConfig>(
-          currentConfig,
-          currentOverride,
-          {
-            arrayStrategy: "mergeByIndex",
-          }
-        );
-      }
-
-      // Update the atoms with the new frontend config(s)
-      if (currentConfig.orgUIConfig) {
-        atomStore.set(orgUIConfigAtom, currentConfig.orgUIConfig);
-      }
-      atomStore.set(colorsConfigAtom, currentConfig.colorsConfig);
-      // Write to the frontendConfigAtom to update the mountingConfigs and widgetConfigs
-      // This is the only way to update the mountingConfigs and widgetConfigs
-      // because the orgPageConfigAtom write only updates the pageVariants
-      atomStore.set(frontendConfigAtom, {
-        ...frontendConfig,
-        mountingConfigs: currentConfig.mountingConfigs,
-        widgetConfigs: currentConfig.widgetConfigs,
-      });
-
-      Logger.logInfo("[spiffy-ai] atoms updated via overrides", {
-        currentConfig,
-      });
-    } catch (e) {
-      Logger.logError(
-        "[spiffy-ai] Failed to apply FrontendConfig overrides",
-        e
-      );
-    }
-  }
-}
-
-export const initWindowFrontendConfigOverridesApplyFunction = () =>
-  WindowFrontendConfigService.getSingletonInstance().init();

package/src/atoms/org/merchantCss.ts

@@ -1,158 +0,0 @@
-import { atom } from "jotai";
-import { ColorNames } from "src/contexts/types";
-import { orgUIConfigAtom } from "src/atoms/org/orgUIConfig";
-import { colorsConfigAtom } from "src/atoms/org/graphqlConfig";
-
-const tailwindStyles = `@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer utilities {
-  /* Provides a utility class to disable scroll bars */
-  /* Chrome, Safari and Opera */
-  .spiffy-tw-no-scrollbar::-webkit-scrollbar {
-    display: none;
-  }
-
-  .spiffy-tw-no-scrollbar {
-    -ms-overflow-style: none; /* IE and Edge */
-    scrollbar-width: none; /* Firefox */
-  }
-
-  .spiffy-tw-typography-ul,
-  .spiffy-tw-typography-ol {
-    list-style: inherit;
-    margin: 0;
-    padding-left: 24px;
-    line-height: 4px;
-  }
-}
-
-/* 
- * TODO: this needs to be re-scoped to target the application root instead
- * of the individual components.
- */
-#spiffy-ai-container,
-#spiffy-ai-chat-preview,
-#spiffy-ai-chat-preview-contents,
-#spiffy-ai-floating-button {
-  font-family: 'Inter Variable', sans-serif;
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-family: Poppins, sans-serif;
-  }
-}
-
-/* inter-latin-wght-normal */
-@font-face {
-  font-family: 'Inter Variable';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2)
-    format('woff2-variations');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
-    U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-/* inter-latin-wght-italic */
-@font-face {
-  font-family: 'Inter Variable';
-  font-style: italic;
-  font-display: swap;
-  font-weight: 100 900;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-italic.woff2)
-    format('woff2-variations');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
-    U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-/* poppins-latin-400-normal */
-@font-face {
-  font-family: 'Poppins';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 400;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff2)
-      format('woff2'),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff)
-      format('woff');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
-    U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
-    U+FFFD;
-}
-
-/* poppins-latin-500-normal */
-@font-face {
-  font-family: 'Poppins';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 500;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-500-normal.woff2)
-      format('woff2'),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-500-normal.woff)
-      format('woff');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
-    U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
-    U+FFFD;
-}
-
-/* poppins-latin-600-normal */
-@font-face {
-  font-family: 'Poppins';
-  font-style: normal;
-  font-display: swap;
-  font-weight: 600;
-  src: url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-600-normal.woff2)
-      format('woff2'),
-    url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-600-normal.woff)
-      format('woff');
-  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304,
-    U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF,
-    U+FFFD;
-}`;
-
-export const orgMerchantCssAtom = atom(async (get) => {
-  const orgUIConfig = get(orgUIConfigAtom);
-  const colors = await get(colorsConfigAtom);
-  const merchantThemeCss = colors
-    ? `
-${tailwindStyles}
-
-* {
-  --spiffy-colors-text-primary: ${colors[ColorNames.TextPrimary]};
-  --spiffy-colors-text-secondary: ${colors[ColorNames.TextSecondary]};
-  --spiffy-colors-text-accent: ${colors[ColorNames.TextAccent]};
-  --spiffy-colors-text-link: ${colors[ColorNames.TextLink]};
-  --spiffy-colors-text-light: ${colors[ColorNames.TextLight]};
-  --spiffy-colors-background-primary: ${colors[ColorNames.BackgroundPrimary]};
-  --spiffy-colors-background-secondary: ${
-    colors[ColorNames.BackgroundSecondary]
-  };
-  --spiffy-colors-background-secondary-dark: ${
-    colors[ColorNames.BackgroundSecondaryDark]
-  };
-  --spiffy-colors-background-tertiary: ${colors[ColorNames.BackgroundTertiary]};
-  --spiffy-colors-background-dark: ${colors[ColorNames.BackgroundDark]};
-  --spiffy-colors-background-light: ${colors[ColorNames.BackgroundLight]};
-  --spiffy-colors-background-saturated: ${
-    colors[ColorNames.BackgroundSaturated]
-  };
-  --spiffy-colors-border-light: ${colors[ColorNames.BorderLight]};
-  --spiffy-colors-border-medium: ${colors[ColorNames.BorderMedium]};
-  --spiffy-colors-border-dark: ${colors[ColorNames.BorderDark]};
-  --spiffy-colors-border-outline: ${colors[ColorNames.BorderOutline]};
-  --spiffy-colors-accent-primary: ${colors[ColorNames.AccentPrimary]};
-  --spiffy-colors-accent-secondary: ${colors[ColorNames.AccentSecondary]};
-}`
-    : `
-* {}`;
-
-  const merchantOverrideCss = orgUIConfig?.merchantOverrideCss;
-
-  return `${merchantThemeCss} ${merchantOverrideCss}`;
-});

package/src/atoms/org/org.ts

@@ -1,291 +0,0 @@
-/* eslint-disable @typescript-eslint/no-use-before-define */
-import Logger from "src/application/logging/logger";
-import { ContextSourceEnum } from "@spiffy-ai/commerce-api-client";
-import { atom } from "jotai";
-import { atomWithStorage, createJSONStorage } from "jotai/utils";
-import CommerceApiClient from "src/adapters/spiffy/commerce/api";
-import { GraphQLClient } from "src/adapters/spiffy/commerce/graphql";
-import { OrgConfig } from "src/application/models/api/orgConfigResults";
-import { FeatureFlagService } from "src/application/service/featureFlagService";
-import { UserIdentityService } from "src/application/service/userIdentityService";
-import { AtomStore, getAtomStore } from "src/atoms/atomStore/atomStore";
-import { PerfMetricsEvents, logPerfMetricAtom } from "src/atoms/chat";
-import { orgAnalyticsConfigAtom } from "src/atoms/org/orgAnalyticsConfig";
-import { colorsConfigAtom, frontendConfigAtom } from "./graphqlConfig";
-import { getOrgUIConfig } from "./orgUIConfig";
-import {
-  orgLevelApiKeyAtom,
-  orgShortNameAtom as enviveOrgShortNameAtom,
-  contextSourceAtom,
-  baseUrlAtom,
-} from "src/atoms/envive/enviveConfig";
-
-const internalApiKeyAtom = atom<string | undefined>(undefined);
-const internalEndpointURLAtom = atom<string | undefined>(undefined);
-const internalSourceAtom = atom<ContextSourceEnum | undefined>(undefined);
-
-export const getApiKeyEnvVar = (shortName: string): string =>
-  `VITE_${shortName.replace(/-/g, "_").toUpperCase()}_API_KEY`;
-
-export const apiKeyAtom = atom(
-  (get) => {
-    const apiKey = get(internalApiKeyAtom);
-
-    if (apiKey) {
-      return apiKey;
-    }
-
-    const orgLevelApiKey = get(orgLevelApiKeyAtom);
-    const orgShortName = get(enviveOrgShortNameAtom);
-
-    if (orgLevelApiKey) {
-      return orgLevelApiKey;
-    }
-
-    if (
-      window._spiffy?.publicKey &&
-      typeof window._spiffy.publicKey === "string"
-    ) {
-      return window._spiffy.publicKey;
-    }
-
-    // During initial render, orgShortName might not be set yet
-    // Return undefined instead of throwing to allow for lazy initialization
-    if (!orgShortName) {
-      Logger.logWarn(
-        "[spiffy-ai] orgShortName not yet available, returning undefined for apiKey",
-        undefined
-      );
-      return undefined;
-    }
-
-    // The merchant probably forgot to set the apiKey
-    throw new Error(`[spiffy-ai]: apiKey is missing`);
-  },
-  (_, set, newVal: string | undefined) => {
-    set(internalApiKeyAtom, newVal);
-  }
-);
-
-const orgConfigStorageUtil = createJSONStorage<
-  Record<string, OrgConfig> | undefined
->(() => sessionStorage);
-export const storedOrgConfigAtom = atomWithStorage(
-  "spiffy-org-config",
-  undefined,
-  orgConfigStorageUtil,
-  {
-    getOnInit: true,
-  }
-);
-
-const internalFeatureFlagServiceAtom = atom<FeatureFlagService | undefined>(
-  undefined
-);
-const internalOrgConfigAtom = atom<OrgConfig | undefined>(undefined);
-const internalOrgDomainAtom = atom<string | undefined>(undefined);
-const internalOrgIdAtom = atom<string | undefined>(undefined);
-const internalOrgShortNameAtom = atom<string | undefined>(undefined);
-export const featureFlagServiceAtom = atom(
-  (get) => {
-    const featureFlagService = get(internalFeatureFlagServiceAtom);
-    if (featureFlagService) {
-      return featureFlagService;
-    }
-
-    const orgConfig = get(internalOrgConfigAtom);
-    if (orgConfig) {
-      return new FeatureFlagService(orgConfig.gates);
-    }
-
-    return undefined; // Return undefined instead of throwing
-  },
-  (_, set, value: FeatureFlagService) => {
-    set(internalFeatureFlagServiceAtom, value);
-  }
-);
-export const orgConfigAtom = atom(
-  (get) => {
-    const orgConfig = get(internalOrgConfigAtom);
-    return orgConfig; // Return undefined if not set instead of throwing
-  },
-  (_, set, value: OrgConfig) => {
-    set(internalOrgConfigAtom, value);
-  }
-);
-export const orgShortNameAtom = atom(
-  (get) => {
-    const orgShortName = get(internalOrgShortNameAtom);
-    return orgShortName; // Return undefined if not set instead of throwing
-  },
-  (_, set, value: string) => {
-    set(internalOrgShortNameAtom, value);
-  }
-);
-export const orgDomainAtom = atom(
-  (get) => {
-    const orgDomain = get(internalOrgDomainAtom);
-    return orgDomain; // Return undefined if not set instead of throwing
-  },
-  (_, set, value: string) => {
-    set(internalOrgDomainAtom, value);
-  }
-);
-export const orgIdAtom = atom(
-  (get) => {
-    const orgId = get(internalOrgIdAtom);
-    return orgId; // Return undefined if not set instead of throwing
-  },
-  (_, set, value: string) => {
-    set(internalOrgIdAtom, value);
-  }
-);
-
-export const resetStoredOrgConfigAtom = () => {
-  const atomStore = getAtomStore();
-  atomStore.set(storedOrgConfigAtom, {});
-};
-
-// eslint-disable-next-line
-const getGraphQLConfig = async (atomStore: AtomStore) => {
-  try {
-    Logger.logDebug("getGraphQLConfig: Starting GraphQL client fetch");
-    const { colorsConfig, frontendConfig } =
-      (await GraphQLClient.getColorsAndFrontendConfig()) ?? {};
-
-    Logger.logDebug("getGraphQLConfig: GraphQL fetch completed", {
-      hasColorsConfig: !!colorsConfig,
-      hasFrontendConfig: !!frontendConfig,
-      frontendConfigKeys: frontendConfig ? Object.keys(frontendConfig) : [],
-    });
-
-    const rawFrontendConfig = atomStore.get(frontendConfigAtom);
-
-    atomStore.set(colorsConfigAtom, colorsConfig);
-
-    atomStore.set(frontendConfigAtom, {
-      ...rawFrontendConfig,
-      pageVariants: frontendConfig?.pageVariants,
-      mountingConfigs: frontendConfig?.mountingConfigs,
-      widgetConfigs: frontendConfig?.widgetConfigs,
-    });
-
-    Logger.logDebug("getGraphQLConfig: Starting UI config fetch");
-    await getOrgUIConfig(
-      frontendConfig?.uiConfigs,
-      frontendConfig?.merchantOverrideCss
-    );
-    Logger.logDebug("getGraphQLConfig: UI config fetch completed");
-  } catch (error) {
-    Logger.logError(
-      "getGraphQLConfig: Error during GraphQL config fetch",
-      error
-    );
-    throw error; // Re-throw to be caught by the caller
-  }
-};
-
-/**
- * This function is used to return an orgConfig corresponding to a given API key
- *
- * @param apiKeyOverride an optional new api key to override the current key stored in apiKeyAtom
- *
- * @returns The OrgAnalyticsConfig object or throws an error if the config was not successfully retrieved
- */
-export const getAsyncOrgConfig = async (
-  apiKeyOverride?: string
-): Promise<OrgConfig> => {
-  const atomStore = getAtomStore();
-  const apiKey = apiKeyOverride ?? atomStore.get(apiKeyAtom);
-
-  // If apiKey is still undefined, we need to wait or throw an error
-  if (!apiKey) {
-    throw new Error(
-      "[spiffy-ai] API key is required but not available. Ensure EnviveConfigProvider is properly set up with orgLevelApiKey or orgShortName."
-    );
-  }
-
-  atomStore.set(apiKeyAtom, apiKey);
-
-  atomStore.set(logPerfMetricAtom, PerfMetricsEvents.OrgConfigLoadStarted);
-  const maybeOrgConfigByApiKey = atomStore.get(storedOrgConfigAtom);
-  let maybeOrgConfig = maybeOrgConfigByApiKey?.[apiKey];
-  if (!maybeOrgConfig) {
-    const userId = UserIdentityService.getUserIdOrDefault();
-    maybeOrgConfig = await CommerceApiClient.getOrgConfig(userId);
-  }
-
-  if (!maybeOrgConfig) {
-    throw new Error("[spiffy-ai] Org config is not defined but is required");
-  }
-
-  const latestConfig = maybeOrgConfig.configs?.find(
-    (config: any) => config.isLatest
-  );
-
-  if (!latestConfig) {
-    throw new Error("[spiffy-ai] no latest org config is found");
-  }
-
-  const orgConfig: OrgConfig = {
-    ...maybeOrgConfig,
-    configs: [{ ...latestConfig }],
-  };
-
-  // TODO this should never be undefined, update the SDK to enforce this
-  if (!orgConfig.org) {
-    throw new Error("[spiffy-ai] orgConfig.org is not defined but is required");
-  }
-
-  atomStore.set(logPerfMetricAtom, PerfMetricsEvents.OrgConfigLoadEnded);
-  atomStore.set(orgShortNameAtom, orgConfig.org.org.shortName);
-  atomStore.set(orgDomainAtom, orgConfig.org.org.domain);
-  atomStore.set(orgIdAtom, orgConfig.org.org.id);
-  atomStore.set(storedOrgConfigAtom, {
-    ...maybeOrgConfigByApiKey,
-    [apiKey]: orgConfig,
-  });
-  atomStore.set(orgConfigAtom, orgConfig);
-  atomStore.set(orgAnalyticsConfigAtom, {
-    ...latestConfig.config,
-  });
-  atomStore.set(
-    featureFlagServiceAtom,
-    new FeatureFlagService(orgConfig.gates)
-  );
-
-  try {
-    Logger.logDebug("getAsyncOrgConfig: Starting GraphQL config fetch");
-    await getGraphQLConfig(atomStore);
-    Logger.logDebug(
-      "getAsyncOrgConfig: GraphQL config fetch completed successfully"
-    );
-
-    // Get the GraphQL config data that was just fetched and stored in atoms
-    // Note: colorsConfigAtom is async, so we need to await it
-    const colorsConfig = await atomStore.get(colorsConfigAtom);
-    const frontendConfig = atomStore.get(frontendConfigAtom);
-
-    // Merge the GraphQL config data into the orgConfig
-    const enhancedOrgConfig = {
-      ...orgConfig,
-      colorsConfig,
-      frontendConfig,
-    };
-
-    Logger.logDebug("getAsyncOrgConfig: Enhanced orgConfig with GraphQL data", {
-      hasColorsConfig: !!colorsConfig,
-      hasFrontendConfig: !!frontendConfig,
-      frontendConfigKeys: frontendConfig ? Object.keys(frontendConfig) : [],
-    });
-
-    return enhancedOrgConfig;
-  } catch (graphqlError) {
-    Logger.logError(
-      "getAsyncOrgConfig: GraphQL config fetch failed",
-      graphqlError
-    );
-    // Don't throw here - the main org config is still valid even if GraphQL config fails
-    return orgConfig;
-  }
-};