@envive-ai/react-hooks 0.2.10-arthur-3 → 0.2.11

package/src/contexts/featureFlagContext/featureFlagContext.tsx

@@ -1,12 +1,12 @@
-import React, { createContext, useContext, useCallback, useMemo } from "react";
-import Logger from "src/application/logging/logger";
-import { StatsigFeatureGate } from "@spiffy-ai/commerce-api-client";
-import { FeatureGates } from "src/application/models/featureGates";
-import { useSessionStorage } from "src/contexts/sessionStorageContext";
-import { OrgConfigFeatureGate } from "src/application/models/api/orgConfigResults";
-import { useEnviveConfig } from "src/contexts/enviveConfigContext/enviveConfigContext";
+import React, { createContext, useContext, useCallback, useMemo } from 'react';
+import Logger from 'src/application/logging/logger';
+import { StatsigFeatureGate } from '@spiffy-ai/commerce-api-client';
+import { FeatureGates } from 'src/application/models/featureGates';
+import { useSessionStorage } from 'src/contexts/sessionStorageContext';
+import { OrgConfigFeatureGate } from 'src/application/models/api/orgConfigResults';
+import { useEnviveConfig } from 'src/contexts/enviveConfigContext/enviveConfigContext';
 
-const FEATURE_FLAGS_STORAGE_KEY = "spiffy-feature-flags";
+const FEATURE_FLAGS_STORAGE_KEY = 'spiffy-feature-flags';
 
 export interface FeatureFlagContextType {
   isFeatureGateEnabled: (featureGate: FeatureGates) => boolean;
@@ -15,9 +15,7 @@ export interface FeatureFlagContextType {
   persistFeatureGateOverrides: () => void;
 }
 
-const FeatureFlagContext = createContext<FeatureFlagContextType | undefined>(
-  undefined
-);
+const FeatureFlagContext = createContext<FeatureFlagContextType | undefined>(undefined);
 
 export const FeatureFlagProvider: React.FC<{
   featureGates: OrgConfigFeatureGate[];
@@ -34,12 +32,12 @@ export const FeatureFlagProvider: React.FC<{
       const value = paramsObj[featureGate];
 
       if (value != null) {
-        return value === "true";
+        return value === 'true';
       }
 
       return undefined;
     },
-    []
+    [],
   );
 
   const getWindowFeatureGateOverrides = useCallback(
@@ -51,7 +49,7 @@ export const FeatureFlagProvider: React.FC<{
 
       return undefined;
     },
-    [featureOverrides]
+    [featureOverrides],
   );
 
   const getStoredFeatureGateOverrides = useCallback(
@@ -64,15 +62,15 @@ export const FeatureFlagProvider: React.FC<{
           return featureFlagsObj[featureGate];
         } catch (err) {
           Logger.logError(
-            "[spiffy-ai] getStoredFeatureGateOverrides: error parsing feature flags",
-            err
+            '[spiffy-ai] getStoredFeatureGateOverrides: error parsing feature flags',
+            err,
           );
         }
       }
 
       return undefined;
     },
-    []
+    [],
   );
 
   const getFeatureFlagOverride = useCallback(
@@ -80,7 +78,7 @@ export const FeatureFlagProvider: React.FC<{
       const queryOverride = getQueryParamFeatureGateOverrides(featureGate);
       if (queryOverride != null) {
         Logger.logDebug(
-          `[spiffy-ai] isFeatureGateEnabled featureGate:${featureGate} overridden by URL param. New value: ${queryOverride}`
+          `[spiffy-ai] isFeatureGateEnabled featureGate:${featureGate} overridden by URL param. New value: ${queryOverride}`,
         );
         return queryOverride;
       }
@@ -88,7 +86,7 @@ export const FeatureFlagProvider: React.FC<{
       const windowOverride = getWindowFeatureGateOverrides(featureGate);
       if (windowOverride != null) {
         Logger.logDebug(
-          `[spiffy-ai] isFeatureGateEnabled featureGate:${featureGate} overridden by window param. New value: ${windowOverride}`
+          `[spiffy-ai] isFeatureGateEnabled featureGate:${featureGate} overridden by window param. New value: ${windowOverride}`,
         );
         return windowOverride;
       }
@@ -96,7 +94,7 @@ export const FeatureFlagProvider: React.FC<{
       const storedOverride = getStoredFeatureGateOverrides(featureGate);
       if (storedOverride != null) {
         Logger.logDebug(
-          `[spiffy-ai] isFeatureGateEnabled featureGate:${featureGate} overridden by stored value. New value: ${storedOverride}`
+          `[spiffy-ai] isFeatureGateEnabled featureGate:${featureGate} overridden by stored value. New value: ${storedOverride}`,
         );
         return storedOverride;
       }
@@ -107,12 +105,12 @@ export const FeatureFlagProvider: React.FC<{
       getQueryParamFeatureGateOverrides,
       getWindowFeatureGateOverrides,
       getStoredFeatureGateOverrides,
-    ]
+    ],
   );
 
   const isFeatureGateEnabled = useCallback(
     (featureGate: FeatureGates): boolean => {
-      const gateValue = featureGates.find((gate) => gate.name === featureGate);
+      const gateValue = featureGates.find(gate => gate.name === featureGate);
 
       const featureFlagOverride = getFeatureFlagOverride(featureGate);
       if (featureFlagOverride !== undefined) {
@@ -121,7 +119,7 @@ export const FeatureFlagProvider: React.FC<{
 
       if (gateValue == null || gateValue.value == null) {
         Logger.logDebug(
-          `[spiffy-ai] isFeatureGateEnabled featureGate:${featureGate} value is undefined - returning false`
+          `[spiffy-ai] isFeatureGateEnabled featureGate:${featureGate} value is undefined - returning false`,
         );
 
         return false;
@@ -129,7 +127,7 @@ export const FeatureFlagProvider: React.FC<{
 
       return gateValue.value;
     },
-    [featureGates, getFeatureFlagOverride]
+    [featureGates, getFeatureFlagOverride],
   );
 
   const isClientSessionEnabled = useCallback((): boolean => {
@@ -137,9 +135,7 @@ export const FeatureFlagProvider: React.FC<{
     const isEnabled =
       gates == null ||
       gates?.filter(
-        (gate) =>
-          gate.name === FeatureGates.IsClientSessionEnabled &&
-          gate.value === true
+        gate => gate.name === FeatureGates.IsClientSessionEnabled && gate.value === true,
       ).length > 0;
 
     return isEnabled;
@@ -150,13 +146,13 @@ export const FeatureFlagProvider: React.FC<{
       Object.values(FeatureGates).map((featureGate: FeatureGates) => [
         featureGate,
         isFeatureGateEnabled(featureGate),
-      ])
+      ]),
     );
   }, [isFeatureGateEnabled]);
 
   const persistFeatureGateOverrides = useCallback(() => {
     const featureFlags = Object.values(FeatureGates)
-      .map((featureGate) => [featureGate, getFeatureFlagOverride(featureGate)])
+      .map(featureGate => [featureGate, getFeatureFlagOverride(featureGate)])
       .filter(([, val]) => val !== undefined)
       .reduce((acc, [key, val]) => ({ ...acc, [key as string]: val }), {});
     setItem(FEATURE_FLAGS_STORAGE_KEY, JSON.stringify(featureFlags));
@@ -169,25 +165,16 @@ export const FeatureFlagProvider: React.FC<{
       getFeatureFlags,
       persistFeatureGateOverrides,
     }),
-    [
-      isFeatureGateEnabled,
-      isClientSessionEnabled,
-      getFeatureFlags,
-      persistFeatureGateOverrides,
-    ]
+    [isFeatureGateEnabled, isClientSessionEnabled, getFeatureFlags, persistFeatureGateOverrides],
   );
 
-  return (
-    <FeatureFlagContext.Provider value={value}>
-      {children}
-    </FeatureFlagContext.Provider>
-  );
+  return <FeatureFlagContext.Provider value={value}>{children}</FeatureFlagContext.Provider>;
 };
 
 export const useFeatureFlag = () => {
   const context = useContext(FeatureFlagContext);
   if (context === undefined) {
-    throw new Error("useFeatureFlag must be used within a FeatureFlagProvider");
+    throw new Error('useFeatureFlag must be used within a FeatureFlagProvider');
   }
   return context;
 };

package/src/contexts/featureFlagContext/index.ts

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

package/src/contexts/featureFlagServiceContext/featureFlagServiceContext.tsx

@@ -1,7 +1,7 @@
-import React, { createContext, useContext, useMemo, ReactNode } from "react";
-import { OrgConfigFeatureGate } from "src/application/models/api/orgConfigResults";
-import { FeatureGates } from "src/application/models/featureGates";
-import Logger from "src/application/logging/logger";
+import React, { createContext, useContext, useMemo, ReactNode } from 'react';
+import { OrgConfigFeatureGate } from 'src/application/models/api/orgConfigResults';
+import { FeatureGates } from 'src/application/models/featureGates';
+import Logger from 'src/application/logging/logger';
 
 // This is the class that was previously implicitly used or defined elsewhere
 export class FeatureFlagService {
@@ -12,16 +12,14 @@ export class FeatureFlagService {
   }
 
   isFeatureGateEnabled = (featureGate: FeatureGates): boolean => {
-    const gateValue = this.featureGates.find(
-      (gate) => gate.name === featureGate
-    );
+    const gateValue = this.featureGates.find(gate => gate.name === featureGate);
 
     // TODO: Add logic for overrides (query params, window, stored) if needed, similar to the old FeatureFlagContext.tsx
     // For now, direct value from config is used.
 
     if (gateValue == null || gateValue.value == null) {
       Logger.logDebug(
-        `[spiffy-ai] isFeatureGateEnabled featureGate:${featureGate} value is undefined - returning false`
+        `[spiffy-ai] isFeatureGateEnabled featureGate:${featureGate} value is undefined - returning false`,
       );
       return false;
     }
@@ -31,9 +29,7 @@ export class FeatureFlagService {
   isClientSessionEnabled = (): boolean => {
     const isEnabled =
       this.featureGates.filter(
-        (gate) =>
-          gate.name === FeatureGates.IsClientSessionEnabled &&
-          gate.value === true
+        gate => gate.name === FeatureGates.IsClientSessionEnabled && gate.value === true,
       ).length > 0;
     return isEnabled;
   };
@@ -43,7 +39,7 @@ export class FeatureFlagService {
       Object.values(FeatureGates).map((featureGate: FeatureGates) => [
         featureGate,
         this.isFeatureGateEnabled(featureGate),
-      ])
+      ]),
     );
   };
 }
@@ -52,22 +48,18 @@ export interface FeatureFlagContextType {
   featureFlagService: FeatureFlagService | undefined;
 }
 
-const FeatureFlagServiceContext = createContext<
-  FeatureFlagContextType | undefined
->(undefined);
+const FeatureFlagServiceContext = createContext<FeatureFlagContextType | undefined>(undefined);
 
 interface FeatureFlagServiceProviderProps {
   featureGates: OrgConfigFeatureGate[];
   children: ReactNode;
 }
 
-export const FeatureFlagServiceProvider: React.FC<
-  FeatureFlagServiceProviderProps
-> = ({ featureGates, children }) => {
-  const featureFlagService = useMemo(
-    () => new FeatureFlagService(featureGates),
-    [featureGates]
-  );
+export const FeatureFlagServiceProvider: React.FC<FeatureFlagServiceProviderProps> = ({
+  featureGates,
+  children,
+}) => {
+  const featureFlagService = useMemo(() => new FeatureFlagService(featureGates), [featureGates]);
 
   return (
     <FeatureFlagServiceContext.Provider value={{ featureFlagService }}>
@@ -79,9 +71,7 @@ export const FeatureFlagServiceProvider: React.FC<
 export const useFeatureFlagService = () => {
   const context = useContext(FeatureFlagServiceContext);
   if (context === undefined) {
-    throw new Error(
-      "useFeatureFlagService must be used within a FeatureFlagServiceProvider"
-    );
+    throw new Error('useFeatureFlagService must be used within a FeatureFlagServiceProvider');
   }
   return context;
 };

package/src/contexts/featureFlagServiceContext/index.ts

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