@envive-ai/react-hooks 0.1.5 → 0.1.7

package/src/adapters/spiffy/commerce/graphql.ts

@@ -1,219 +0,0 @@
-import Logger from "src/application/logging/logger";
-import { ColorMapping } from "src/application/models/colorsConfig";
-import { FrontendConfig } from "src/application/models/frontendConfig";
-import {
-  getMerchantColorsQuery,
-  GetMerchantColorsQueryData,
-  getMerchantFrontendConfigQuery,
-  GetMerchantFrontendConfigQueryData,
-} from "src/application/models/graphql";
-import { getMerchantOrgIdQuery } from "src/application/models/graphql/queries/getMerchantOrgIdQuery";
-import { isGraphQLColorsConfig } from "src/application/models/guards/graphQL/isGraphQLColorsConfig";
-import { validateGraphQLColorsConfig } from "src/application/models/validators/validateGraphQLColorsConfig";
-import { validateGraphQLFrontendConfig } from "src/application/models/validators/validateGraphQLFrontendConfig";
-import { validateGraphQLOrgId } from "src/application/models/validators/validateGraphQLOrgId";
-import { getQueryParam } from "src/application/utils/urlsParser";
-import { getAtomStore } from "src/atoms/atomStore/atomStore";
-import { baseUrlAtom } from "src/atoms/envive/enviveConfig";
-import { apiKeyAtom } from "src/atoms/org/org";
-
-export const configVersion = () =>
-  getQueryParam("spiffy_config_version") ||
-  getQueryParam("envive_config_version") ||
-  "deployed";
-
-const colorsAndFrontendConfigQuery = () => `
-  query ($version: String = "${configVersion()}") {
-    me {
-      getProductsConfigByVersion(version: $version) {
-        frontend { values }
-        colors { values }
-      }
-    }
-  }
-`;
-interface BaseMeConfigQueryResponse {
-  me: {
-    org?: {
-      id: string;
-    };
-    getProductsConfigByVersion?: {
-      frontend?: { values: GetMerchantFrontendConfigQueryData };
-      colors?: { values: GetMerchantColorsQueryData };
-    };
-  };
-}
-
-class GraphQLClient {
-  private static instance: GraphQLClient | undefined;
-
-  private readonly apiKey: string;
-
-  private readonly basePath: string;
-
-  static readonly setInstance = (apiKey: string, basePath: string) => {
-    GraphQLClient.instance = new GraphQLClient(apiKey, basePath);
-  };
-
-  private static readonly getInstance = (): GraphQLClient => {
-    if (!GraphQLClient.instance) {
-      const atomStore = getAtomStore();
-      const apiKey = atomStore.get(apiKeyAtom);
-      const apiEndpoint = atomStore.get(baseUrlAtom);
-
-      if (!apiKey) {
-        throw new Error(
-          "[spiffy-ai] GraphQLClient requires apiKey to be available"
-        );
-      }
-
-      if (!apiEndpoint) {
-        throw new Error(
-          "[spiffy-ai] GraphQLClient requires baseUrl to be available"
-        );
-      }
-
-      GraphQLClient.instance = new GraphQLClient(apiKey, apiEndpoint);
-    }
-
-    return GraphQLClient.instance;
-  };
-
-  private constructor(apiKey: string, basePath: string) {
-    this.apiKey = apiKey;
-    this.basePath = basePath;
-  }
-
-  private async executeQuery<T>(
-    query: string,
-    variables?: Record<string, unknown>
-  ): Promise<T> {
-    const response = await fetch(`${this.basePath}/v1/graphql`, {
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-        Authorization: `Bearer ${this.apiKey}`,
-      },
-      body: JSON.stringify({
-        query,
-        variables,
-      }),
-    });
-
-    if (!response.ok) {
-      throw new Error(`GraphQL request failed: ${response.statusText}`);
-    }
-
-    const result = await response.json();
-
-    if (result.errors) {
-      throw new Error(`GraphQL errors: ${JSON.stringify(result.errors)}`);
-    }
-
-    return result.data;
-  }
-
-  static readonly getOrgId = async (): Promise<string | undefined> => {
-    const query = getMerchantOrgIdQuery;
-    if (!query) {
-      throw new Error("Org id query is not defined");
-    }
-
-    const response =
-      await GraphQLClient.getInstance().executeQuery<BaseMeConfigQueryResponse>(
-        query
-      );
-
-    return validateGraphQLOrgId(response.me.org?.id);
-  };
-
-  static readonly getColorsAndFrontendConfig = async (): Promise<{
-    colorsConfig?: ColorMapping;
-    frontendConfig?: FrontendConfig;
-  }> => {
-    try {
-      const query = colorsAndFrontendConfigQuery();
-      if (!query) {
-        throw new Error("Colors and frontend config query is not defined");
-      }
-
-      const response =
-        await GraphQLClient.getInstance().executeQuery<BaseMeConfigQueryResponse>(
-          query
-        );
-
-      return {
-        colorsConfig: validateGraphQLColorsConfig(
-          response.me.getProductsConfigByVersion?.colors?.values
-        ),
-        frontendConfig: validateGraphQLFrontendConfig(
-          response.me.getProductsConfigByVersion?.frontend?.values
-        ),
-      };
-    } catch (err) {
-      Logger.logError("Error fetching graphql colors and frontend config", err);
-      return {
-        colorsConfig: undefined,
-        frontendConfig: undefined,
-      };
-    }
-  };
-
-  static readonly getFrontendConfig = async (): Promise<
-    FrontendConfig | undefined
-  > => {
-    try {
-      const query = getMerchantFrontendConfigQuery();
-      if (!query) {
-        throw new Error("Frontend config query is not defined");
-      }
-
-      const response =
-        await GraphQLClient.getInstance().executeQuery<BaseMeConfigQueryResponse>(
-          query
-        );
-
-      if (!response.me.getProductsConfigByVersion?.frontend) {
-        throw new Error("No frontend config found");
-      }
-
-      return validateGraphQLFrontendConfig(
-        response.me.getProductsConfigByVersion.frontend.values
-      );
-    } catch (err) {
-      Logger.logError("Error fetching graphql frontend config", err);
-      return undefined;
-    }
-  };
-
-  static readonly getColors = async (): Promise<
-    GetMerchantColorsQueryData | undefined
-  > => {
-    try {
-      const query = getMerchantColorsQuery();
-      if (!query) {
-        throw new Error("Colors query is not defined");
-      }
-
-      const response =
-        await GraphQLClient.getInstance().executeQuery<BaseMeConfigQueryResponse>(
-          query
-        );
-
-      if (!response.me.getProductsConfigByVersion?.colors) {
-        throw new Error("No colors config found");
-      }
-
-      return isGraphQLColorsConfig(
-        response.me.getProductsConfigByVersion.colors.values
-      )
-        ? response.me.getProductsConfigByVersion.colors.values
-        : undefined;
-    } catch (err) {
-      Logger.logError("Error fetching graphql colors config", err);
-      return undefined;
-    }
-  };
-}
-
-export { GraphQLClient };

package/src/application/config/generalStaticConfig.ts

@@ -1,40 +0,0 @@
-import Logger from "src/application/logging/logger";
-import { ContextSourceEnum } from "@spiffy-ai/commerce-api-client";
-import { getAtomStore } from "src/atoms/atomStore";
-import {
-  BOTTOM_REVIEWS_BAR_ID,
-  CHAT_PREVIEW_CONTAINER_ID,
-  CONTAINER_ID,
-  FLOATING_BUTTON_ID,
-  TOP_SUGGESTION_BAR_PDP_ID,
-} from "src/config/divIds";
-import { envAtom } from "src/atoms/app";
-
-class GeneralStaticConfig {
-  static readonly REVIEW_SUMMARY_ID: string = BOTTOM_REVIEWS_BAR_ID;
-
-  static readonly PDP_REVIEW_SUMMARY_ID: string = TOP_SUGGESTION_BAR_PDP_ID;
-
-  static readonly CHAT_PREVIEW_CONTAINER_ID = CHAT_PREVIEW_CONTAINER_ID;
-
-  static readonly FLOATING_BUTTON_ID = FLOATING_BUTTON_ID;
-
-  static readonly CONTAINER_ID = CONTAINER_ID;
-
-  static showDebugBar(appSource: ContextSourceEnum): boolean {
-    const atomStore = getAtomStore();
-    const env = atomStore.get(envAtom);
-    const isProd = env === "prod";
-    return (
-      !isProd ||
-      appSource === ContextSourceEnum.Playground ||
-      appSource === ContextSourceEnum.Test
-    );
-  }
-
-  static getFloatingChatButtonId(): string | undefined {
-    return "spiffy-floating-button";
-  }
-}
-
-export { GeneralStaticConfig };

package/src/application/config/index.ts

@@ -1 +0,0 @@
-export * from "./generalStaticConfig";

package/src/application/models/domMutationContinuation.ts

@@ -1,7 +0,0 @@
-enum DomMutationObserverContinuation {
-  CONTINUE = "CONTINUE",
-  EXECUTING = "EXECUTING",
-  STOP = "STOP",
-}
-
-export { DomMutationObserverContinuation };

package/src/application/models/domObservationStrategy.ts

@@ -1,9 +0,0 @@
-enum DomObservationStrategy {
-    MutationObserver = "MutationObserver",
-    Polling = "Polling",
-    None = "None"
-}
-
-export {
-  DomObservationStrategy
-}

package/src/application/models/supportedOrgs.ts

@@ -1,161 +0,0 @@
-import { OrgShortName } from "src/application/models/orgsEnum";
-import { ColorMapping, OrgPageConfig, OrgUIConfig } from "src/contexts/types";
-
-export { OrgShortName } from "./orgsEnum";
-
-export type BasicOrgInfoType = {
-  shortName: string;
-  name: string;
-  domain: string;
-  defaultProductId: string;
-  alwaysEnabledMerchants: boolean;
-  orgUIConfig: () => OrgUIConfig | undefined;
-  orgPageConfig: () => OrgPageConfig;
-  orgColors: () => ColorMapping | {};
-};
-
-export const getOrgInfo = async (
-  orgShortName?: string
-): Promise<BasicOrgInfoType> => {
-  switch (orgShortName) {
-    case OrgShortName.Bandolier:
-      return import("src/merchants/bandolier/bandolier").then(
-        (module) => module.bandolierOrgInfo
-      );
-    case OrgShortName.Carpe:
-      return import("src/merchants/carpe/carpe").then(
-        (module) => module.carpeOrgInfo
-      );
-    case OrgShortName.Coterie:
-      return import("src/merchants/coterie/coterie").then(
-        (module) => module.coterieOrgInfo
-      );
-    case OrgShortName.DreamlandBaby:
-      return import("src/merchants/dreamlandBaby/dreamlandBaby").then(
-        (module) => module.dreamlandBabyOrgInfo
-      );
-    case OrgShortName.ForLoveAndLemons:
-      return import("src/merchants/forLoveAndLemons/forLoveAndLemons").then(
-        (module) => module.forLoveAndLemonsOrgInfo
-      );
-    case OrgShortName.Greenpan:
-      return import("src/merchants/greenpan/greenpan").then(
-        (module) => module.greenpanOrgInfo
-      );
-    case OrgShortName.GrooveLife:
-      return import("src/merchants/grooveLife/grooveLife").then(
-        (module) => module.grooveLifeOrgInfo
-      );
-    case OrgShortName.JackArcher:
-      return import("src/merchants/jackArcher/jackArcher").then(
-        (module) => module.jackArcherOrgInfo
-      );
-    case OrgShortName.JordanCraig:
-      return import("src/merchants/jordanCraig/jordanCraig").then(
-        (module) => module.jordanCraigOrgInfo
-      );
-    case OrgShortName.KutFromTheKloth:
-      return import("src/merchants/kutFromTheKloth/kutFromTheKloth").then(
-        (module) => module.kutFromTheKlothOrgInfo
-      );
-    case OrgShortName.LarryAndSerges:
-      return import("src/merchants/larryAndSerges/larryAndSerges").then(
-        (module) => module.larryAndSergesOrgInfo
-      );
-    case OrgShortName.LeapsAndRebounds:
-      return import("src/merchants/leapsAndRebounds/leapsAndRebounds").then(
-        (module) => module.leapsAndReboundsOrgInfo
-      );
-    case OrgShortName.MantraBrand:
-      return import("src/merchants/mantraBrand/mantraBrand").then(
-        (module) => module.mantraBrandOrgInfo
-      );
-
-    // ---- SPANX ----
-    case OrgShortName.Spanx:
-      return import("src/merchants/spanx/spanx").then(
-        (module) => module.spanxOrgInfo
-      );
-    // Spanx staging (headless shopify)
-    case OrgShortName.SpanxStaging:
-      return import("src/merchants/spanx/spanxStaging").then(
-        (module) => module.spanxOrgInfo
-      );
-    // ---------------
-
-    case OrgShortName.Supergoop:
-      return import("src/merchants/supergoop/supergoop").then(
-        (module) => module.supergoopOrgInfo
-      );
-    case OrgShortName.UniqueVintage:
-      return import("src/merchants/uniqueVintage/uniqueVintage").then(
-        (module) => module.uniqueVintageOrgInfo
-      );
-    case OrgShortName.WestonJonBoucher:
-      return import("src/merchants/westonJonBoucher/westonJonBoucher").then(
-        (module) => module.westonJonBoucherOrgInfo
-      );
-    case OrgShortName.WolfMattress:
-      return import("src/merchants/wolfMattress/wolfMattress").then(
-        (module) => module.wolfMattressOrgInfo
-      );
-    case OrgShortName.WolfTactical:
-      return import("src/merchants/wolfTactical/wolfTactical").then(
-        (module) => module.wolfTacticalOrgInfo
-      );
-    /* -- Below items are generated by plop -- */
-    case OrgShortName.SkinPerfection:
-      return import("src/merchants/skinPerfection/skinPerfection").then(
-        (module) => module.skinPerfectionOrgInfo
-      );
-    case OrgShortName.LookOptic:
-      return import("src/merchants/lookOptic/lookOptic").then(
-        (module) => module.lookOpticOrgInfo
-      );
-    case OrgShortName.FiveCbd:
-      return import("src/merchants/fiveCbd/fiveCbd").then(
-        (module) => module.fiveCbdOrgInfo
-      );
-    case OrgShortName.SnapSupplements:
-      return import("src/merchants/snapSupplements/snapSupplements").then(
-        (module) => module.snapSupplementsOrgInfo
-      );
-    case OrgShortName.Longevityrx:
-      return import("src/merchants/longevityrx/longevityrx").then(
-        (module) => module.longevityrxOrgInfo
-      );
-    case OrgShortName.VenaCbd:
-      return import("src/merchants/venaCbd/venaCbd").then(
-        (module) => module.venaCbdOrgInfo
-      );
-    case OrgShortName.Medterra:
-      return import("src/merchants/medterra/medterra").then(
-        (module) => module.medterraOrgInfo
-      );
-
-    case OrgShortName.Modells:
-      return import("src/merchants/modells/modells").then(
-        (module) => module.modellsOrgInfo
-      );
-    case OrgShortName.PressedFloral:
-      return import("src/merchants/pressedFloral/pressedFloral").then(
-        (module) => module.pressedFloralOrgInfo
-      );
-    case OrgShortName.KindredBravely:
-      return import("src/merchants/kindredBravely/kindredBravely").then(
-        (module) => module.kindredBravelyOrgInfo
-      );
-    case OrgShortName.WineEnthusiast:
-      return import("src/merchants/wineEnthusiast/wineEnthusiast").then(
-        (module) => module.wineEnthusiastOrgInfo
-      );
-    case OrgShortName.HomegrownCannabis:
-      return import("src/merchants/homegrownCannabis/homegrownCannabis").then(
-        (module) => module.homegrownCannabisOrgInfo
-      );
-    default:
-      return import("src/merchants/default").then(
-        (module) => module.defaultOrgInfo
-      );
-  }
-};

package/src/application/service/cachingService.ts

@@ -1,84 +0,0 @@
-import { CachedValue } from '../models/cachedValue';
-import Logger from '../logging/logger';
-
-const CACHE_VERSION = 1.2;
-const CACHE_ENABLED = true;
-
-function cacheableAsync<T extends (...args: never[]) => Promise<unknown>>(func: T, expiry: number) {
-  return async function (...args: Parameters<T>): Promise<ReturnType<T>> {
-    const cacheKey = `spiffy:${CACHE_VERSION}:${JSON.stringify(args)}`;
-
-    // Check if the value is cached in local storage
-    const cachedValueString: string | null = localStorage.getItem(cacheKey);
-    if (cachedValueString !== null) {
-      // Return cached value, parsed as appropriate type
-      const cachedValue: CachedValue = JSON.parse(cachedValueString);
-      if (CACHE_ENABLED && cachedValue.expiry > Date.now() && cachedValue.value !== null) {
-        // Logger.logDebug(
-        //   `[cache-hit] Returning cached value for ${cacheKey}`,
-        //   cachedValue.value,
-        //   cachedValue.expiry,
-        //   Date.now(),
-        // );
-        // @ts-expect-error unknown return type
-        return cachedValue.value;
-      }
-    }
-
-    // Call the original function
-    // @ts-expect-error unknown return type
-    return func(...args)
-      .then((result) => {
-        if (result) {
-          // Cache the result in local storage
-          const cachedValue: CachedValue = {
-            value: result,
-            expiry: Date.now() + expiry,
-          };
-          localStorage.setItem(cacheKey, JSON.stringify(cachedValue));
-          // Logger.logDebug(`[cache-miss] Returning cached value for ${cacheKey}`, cachedValue.value);
-        }
-        return result;
-      })
-      .catch((error) => {
-        Logger.logError(`[cache-error] Error invoking cacheable underlying func`, error);
-        throw error;
-      });
-  };
-}
-
-function cacheable<T extends (...args: unknown[]) => unknown>(func: T, expiry: number) {
-  return function (...args: Parameters<T>): ReturnType<T> {
-    const cacheKey = `spiffy:${CACHE_VERSION}:${JSON.stringify(args)}`;
-
-    // Check if the value is cached in local storage
-    const cachedValueString: string | null = localStorage.getItem(cacheKey);
-    if (cachedValueString !== null) {
-      // Return cached value, parsed as appropriate type
-      const cachedValue: CachedValue = JSON.parse(cachedValueString);
-      if (CACHE_ENABLED && cachedValue.expiry > Date.now() && cachedValue.value !== null) {
-        Logger.logDebug(`[cache-hit] Returning cached value for ${cacheKey}`, cachedValue.value);
-        // @ts-expect-error unknown return type
-        return cachedValue.value;
-      }
-    }
-
-    // Call the original function
-    const result = func(...args);
-
-    // Cache the result in local storage
-    if (result) {
-      const cachedValue: CachedValue = {
-        value: result,
-        expiry: Date.now() + expiry,
-      };
-      localStorage.setItem(cacheKey, JSON.stringify(cachedValue));
-      // Logger.logDebug(`[cache-miss] Returning cached value for ${cacheKey}`, cachedValue.value);
-    }
-
-    // @ts-expect-error unknown return type
-    return result;
-  };
-}
-
-export { cacheable, cacheableAsync };

package/src/application/service/cdnService.ts

@@ -1,20 +0,0 @@
-import { getAtomStore } from "src/atoms/atomStore";
-import { cdnUrlAtom } from "src/atoms/envive/enviveConfig";
-
-class CdnService {
-  static get CDN_URL() {
-    const atomStore = getAtomStore();
-    const cdnUrl = atomStore.get(cdnUrlAtom);
-    return cdnUrl || "https://cdn.spiffy.ai/other";
-  }
-
-  static getCndBasePath() {
-    return CdnService.CDN_URL;
-  }
-
-  static getAssetURL(assetName: string, orgShortName: string) {
-    return `${CdnService.getCndBasePath()}/assets/${orgShortName}/${assetName}`;
-  }
-}
-
-export { CdnService };

package/src/application/service/customerService/index.ts

@@ -1,8 +0,0 @@
-import { UnsupportedCustomerService } from "./providers/UnsupportedCustomerService";
-import { CustomerServiceIntegration, CustomerServiceType } from "./types";
-
-export const findCustomerServiceImpl = (
-  _provider: CustomerServiceType | undefined
-): CustomerServiceIntegration => {
-  return UnsupportedCustomerService;
-};

package/src/application/service/customerService/providers/UnsupportedCustomerService.ts

@@ -1,15 +0,0 @@
-import { CustomerServiceProvider } from '@spiffy-ai/commerce-api-client';
-import Logger from 'src/application/logging/logger';
-
-import { CustomerServiceIntegration } from '../types';
-
-export const UnsupportedCustomerService: CustomerServiceIntegration = ({
-  provider: CustomerServiceProvider.Unsupported,
-  supportedIntegrationModes: [],
-  isEnabled: () => false,
-
-  onSwitchToAgent: () => {
-    Logger.logInfo('Spiffy: Switch to Agent - Unsupported');
-  },
-  isBusinessHours: () => Promise.resolve(false)
-})