fix: errors

packages/lib/client-only/hooks/use-field-item-styles.ts

@@ -1,25 +0,0 @@
-import { useMemo } from 'react';
-
-import type { CombinedStylesKey } from '../../../ui/primitives/document-flow/add-fields';
-import { combinedStyles } from '../../../ui/primitives/document-flow/field-item';
-
-const defaultFieldItemStyles = {
-  borderClass: 'border-field-card-border',
-  activeBorderClass: 'border-field-card-border/80',
-  initialsBGClass: 'text-field-card-foreground/50 bg-slate-900/10',
-  fieldBackground: 'bg-field-card-background',
-};
-
-export const useFieldItemStyles = (color: CombinedStylesKey | null) => {
-  return useMemo(() => {
-    if (!color) return defaultFieldItemStyles;
-
-    const selectedColorVariant = combinedStyles[color];
-    return {
-      activeBorderClass: selectedColorVariant?.borderActive,
-      borderClass: selectedColorVariant?.border,
-      initialsBGClass: selectedColorVariant?.initialsBG,
-      fieldBackground: selectedColorVariant?.fieldBackground,
-    };
-  }, [color]);
-};

packages/lib/client-only/providers/feature-flag.tsx

@@ -1,93 +0,0 @@
-import { createContext, useCallback, useContext, useEffect, useState } from 'react';
-
-import {
-  FEATURE_FLAG_POLL_INTERVAL,
-  LOCAL_FEATURE_FLAGS,
-  isFeatureFlagEnabled,
-} from '@documenso/lib/constants/feature-flags';
-import { getAllFlags } from '@documenso/lib/universal/get-feature-flag';
-
-import type { TFeatureFlagValue } from './feature-flag.types';
-
-export type FeatureFlagContextValue = {
-  getFlag: (_key: string) => TFeatureFlagValue;
-};
-
-export const FeatureFlagContext = createContext<FeatureFlagContextValue | null>(null);
-
-export const useFeatureFlags = () => {
-  const context = useContext(FeatureFlagContext);
-
-  if (!context) {
-    throw new Error('useFeatureFlags must be used within a FeatureFlagProvider');
-  }
-
-  return context;
-};
-
-export function FeatureFlagProvider({
-  children,
-  initialFlags,
-}: {
-  children: React.ReactNode;
-  initialFlags: Record<string, TFeatureFlagValue>;
-}) {
-  const [flags, setFlags] = useState(initialFlags);
-
-  const getFlag = useCallback(
-    (flag: string) => {
-      if (!isFeatureFlagEnabled()) {
-        return LOCAL_FEATURE_FLAGS[flag] ?? true;
-      }
-
-      return flags[flag] ?? false;
-    },
-    [flags],
-  );
-
-  /**
-   * Refresh the flags every `FEATURE_FLAG_POLL_INTERVAL` amount of time if the window is focused.
-   */
-  useEffect(() => {
-    if (!isFeatureFlagEnabled()) {
-      return;
-    }
-
-    const interval = setInterval(() => {
-      if (document.hasFocus()) {
-        void getAllFlags().then((newFlags) => setFlags(newFlags));
-      }
-    }, FEATURE_FLAG_POLL_INTERVAL);
-
-    return () => {
-      clearInterval(interval);
-    };
-  }, []);
-
-  /**
-   * Refresh the flags when the window is focused.
-   */
-  useEffect(() => {
-    if (!isFeatureFlagEnabled()) {
-      return;
-    }
-
-    const onFocus = () => void getAllFlags().then((newFlags) => setFlags(newFlags));
-
-    window.addEventListener('focus', onFocus);
-
-    return () => {
-      window.removeEventListener('focus', onFocus);
-    };
-  }, []);
-
-  return (
-    <FeatureFlagContext.Provider
-      value={{
-        getFlag,
-      }}
-    >
-      {children}
-    </FeatureFlagContext.Provider>
-  );
-}

packages/lib/client-only/providers/feature-flag.types.ts

@@ -1,10 +0,0 @@
-import { z } from 'zod';
-
-export const ZFeatureFlagValueSchema = z.union([
-  z.boolean(),
-  z.string(),
-  z.number(),
-  z.undefined(),
-]);
-
-export type TFeatureFlagValue = z.infer<typeof ZFeatureFlagValueSchema>;

packages/lib/client-only/providers/i18n-server.tsx

@@ -16,8 +16,9 @@ export async function loadCatalog(lang: SupportedLanguages): Promise<{
 }> {
   const extension = env('NODE_ENV') === 'development' ? 'po' : 'js';
 
+  // Todo
+  const { messages } = await import(`../../translations/${lang}/web.po`);
   // const { messages } = await import(`../../translations/${lang}/web.${extension}`);
-  const messages = {};
 
   return {
     [lang]: messages,