@tuturuuu/ui 0.1.0 → 0.3.1

package/src/components/ui/finance/invoices/hooks/use-subscription-invoice-content.ts

@@ -5,6 +5,7 @@ import type { UserGroup } from '../utils';
 import {
   formatMonthLabel,
   getAttendanceStats,
+  getSubscriptionCoverageInvoiceForGroup,
   getTotalSessionsForGroups,
   parseLocalCalendarDate,
 } from '../utils';
@@ -72,8 +73,9 @@ export function useSubscriptionInvoiceContent({
       if (!group) return;
 
       const groupName = group.workspace_user_groups?.name || 'Unknown Group';
-      const latestInvoice = latestSubscriptionInvoices.find(
-        (inv) => inv.group_id === groupId
+      const latestInvoice = getSubscriptionCoverageInvoiceForGroup(
+        latestSubscriptionInvoices,
+        groupId
       );
 
       const startMonth = latestInvoice?.valid_until
@@ -126,9 +128,12 @@ export function useSubscriptionInvoiceContent({
     let autoNotes: string | null = null;
     if (selectedGroupIds.length > 0 && userAttendance.length > 0) {
       const filteredAttendance = userAttendance.filter((a) => {
-        const latestInvoice = latestSubscriptionInvoices.find(
-          (inv) => inv.group_id === a.group_id
-        );
+        const latestInvoice = a.group_id
+          ? getSubscriptionCoverageInvoiceForGroup(
+              latestSubscriptionInvoices,
+              a.group_id
+            )
+          : undefined;
         if (!latestInvoice?.valid_until) return true;
         const validUntil = parseLocalCalendarDate(latestInvoice.valid_until);
         const attendanceDate = parseLocalCalendarDate(a.date);

package/src/components/ui/finance/invoices/hooks.ts

@@ -173,6 +173,16 @@ const INVOICE_BLOCKED_GROUP_IDS_FOR_CREATION_CONFIG_ID =
   'INVOICE_BLOCKED_GROUP_IDS_FOR_CREATION';
 const INVOICE_USE_ATTENDANCE_BASED_CALCULATION_CONFIG_ID =
   'INVOICE_USE_ATTENDANCE_BASED_CALCULATION';
+const INVOICE_STATIC_QUERY_STALE_TIME = 5 * 60 * 1000;
+const INVOICE_STATIC_QUERY_GC_TIME = 10 * 60 * 1000;
+
+type InvoiceQueryOptions = {
+  enabled?: boolean;
+};
+
+function isInvoiceQueryEnabled(options?: InvoiceQueryOptions) {
+  return options?.enabled !== false;
+}
 
 // ==================== INVOICES DATA FETCHING ====================
 
@@ -376,34 +386,50 @@ export const useUsersWithSelectableGroups = (wsId: string) => {
   });
 };
 
-export const useProducts = (wsId: string) => {
+export const useProducts = (wsId: string, options?: InvoiceQueryOptions) => {
   return useQuery({
     queryKey: ['products', wsId],
     queryFn: () => listInvoiceProductsWithInternalApi(wsId),
+    enabled: !!wsId && isInvoiceQueryEnabled(options),
+    staleTime: INVOICE_STATIC_QUERY_STALE_TIME,
+    gcTime: INVOICE_STATIC_QUERY_GC_TIME,
+    refetchOnWindowFocus: false,
   });
 };
 
-export const usePromotions = (wsId: string) => {
+export const usePromotions = (wsId: string, options?: InvoiceQueryOptions) => {
   return useQuery({
     queryKey: ['promotions', wsId],
     queryFn: async () => {
       const data = await listPromotionsWithInternalApi(wsId);
       return data.filter((promotion) => promotion.promo_type !== 'REFERRAL');
     },
+    enabled: !!wsId && isInvoiceQueryEnabled(options),
+    staleTime: INVOICE_STATIC_QUERY_STALE_TIME,
+    gcTime: INVOICE_STATIC_QUERY_GC_TIME,
+    refetchOnWindowFocus: false,
   });
 };
 
-export const useWallets = (wsId: string) => {
+export const useWallets = (wsId: string, options?: InvoiceQueryOptions) => {
   return useQuery({
     queryKey: ['wallets', wsId],
     queryFn: () => listWallets(wsId),
+    enabled: !!wsId && isInvoiceQueryEnabled(options),
+    staleTime: INVOICE_STATIC_QUERY_STALE_TIME,
+    gcTime: INVOICE_STATIC_QUERY_GC_TIME,
+    refetchOnWindowFocus: false,
   });
 };
 
-export const useCategories = (wsId: string) => {
+export const useCategories = (wsId: string, options?: InvoiceQueryOptions) => {
   return useQuery({
     queryKey: ['categories', wsId],
     queryFn: () => listTransactionCategories(wsId),
+    enabled: !!wsId && isInvoiceQueryEnabled(options),
+    staleTime: INVOICE_STATIC_QUERY_STALE_TIME,
+    gcTime: INVOICE_STATIC_QUERY_GC_TIME,
+    refetchOnWindowFocus: false,
   });
 };
 
@@ -511,7 +537,10 @@ export const useSubscriptionInvoiceContext = (
 
 // Get workspace config for attendance-based invoice calculation
 // Returns true if attendance-based calculation should be used (default), false if all sessions should be included
-export const useInvoiceAttendanceConfig = (wsId: string) => {
+export const useInvoiceAttendanceConfig = (
+  wsId: string,
+  options?: InvoiceQueryOptions
+) => {
   return useQuery({
     queryKey: ['invoice-attendance-config', wsId],
     queryFn: async () => {
@@ -533,7 +562,7 @@ export const useInvoiceAttendanceConfig = (wsId: string) => {
         return true;
       }
     },
-    enabled: !!wsId,
+    enabled: !!wsId && isInvoiceQueryEnabled(options),
     staleTime: 5 * 60 * 1000, // 5 minutes - config doesn't change often
     gcTime: 10 * 60 * 1000, // 10 minutes
     refetchOnWindowFocus: false,
@@ -543,7 +572,10 @@ export const useInvoiceAttendanceConfig = (wsId: string) => {
 
 // Get workspace config for allowing promotions for standard invoices
 // Returns true if promotions are allowed for standard invoices (default), false otherwise
-export const useInvoicePromotionConfig = (wsId: string) => {
+export const useInvoicePromotionConfig = (
+  wsId: string,
+  options?: InvoiceQueryOptions
+) => {
   return useQuery({
     queryKey: ['invoice-promotion-config', wsId],
     queryFn: async () => {
@@ -565,7 +597,7 @@ export const useInvoicePromotionConfig = (wsId: string) => {
         return true;
       }
     },
-    enabled: !!wsId,
+    enabled: !!wsId && isInvoiceQueryEnabled(options),
     staleTime: 5 * 60 * 1000, // 5 minutes
     gcTime: 10 * 60 * 1000, // 10 minutes
     refetchOnWindowFocus: false,
@@ -575,7 +607,10 @@ export const useInvoicePromotionConfig = (wsId: string) => {
 
 // Get workspace config for blocked groups from creating invoices
 // Returns array of blocked group IDs
-export const useInvoiceBlockedGroups = (wsId: string) => {
+export const useInvoiceBlockedGroups = (
+  wsId: string,
+  options?: InvoiceQueryOptions
+) => {
   return useQuery({
     queryKey: ['invoice-blocked-groups', wsId],
     queryFn: async () => {
@@ -592,7 +627,7 @@ export const useInvoiceBlockedGroups = (wsId: string) => {
         return [];
       }
     },
-    enabled: !!wsId,
+    enabled: !!wsId && isInvoiceQueryEnabled(options),
     staleTime: 5 * 60 * 1000, // 5 minutes
     gcTime: 10 * 60 * 1000, // 10 minutes
     refetchOnWindowFocus: false,
@@ -601,11 +636,15 @@ export const useInvoiceBlockedGroups = (wsId: string) => {
 };
 
 // Get User's Group Products with improved caching
-export const useUserGroupProducts = (wsId: string, groupId: string) => {
+export const useUserGroupProducts = (
+  wsId: string,
+  groupId: string,
+  options?: InvoiceQueryOptions
+) => {
   return useQuery({
     queryKey: ['user-group-products', wsId, groupId],
     queryFn: () => listUserGroupProductsWithInternalApi(wsId, groupId),
-    enabled: !!wsId && !!groupId,
+    enabled: !!wsId && !!groupId && isInvoiceQueryEnabled(options),
     staleTime: 5 * 60 * 1000, // 5 minutes
     gcTime: 10 * 60 * 1000, // 10 minutes
     refetchOnWindowFocus: false,
@@ -614,14 +653,18 @@ export const useUserGroupProducts = (wsId: string, groupId: string) => {
 };
 
 // Get multiple groups' linked products combined (for multi-group selection)
-export const useMultiGroupProducts = (wsId: string, groupIds: string[]) => {
+export const useMultiGroupProducts = (
+  wsId: string,
+  groupIds: string[],
+  options?: InvoiceQueryOptions
+) => {
   return useQuery({
     queryKey: ['multi-group-products', wsId, groupIds],
     queryFn: async () => {
       if (groupIds.length === 0) return [];
       return listMultiGroupProductsWithInternalApi(wsId, groupIds);
     },
-    enabled: !!wsId && groupIds.length > 0,
+    enabled: !!wsId && groupIds.length > 0 && isInvoiceQueryEnabled(options),
     staleTime: 5 * 60 * 1000, // 5 minutes
     gcTime: 10 * 60 * 1000, // 10 minutes
     refetchOnWindowFocus: false,
@@ -630,11 +673,15 @@ export const useMultiGroupProducts = (wsId: string, groupIds: string[]) => {
 };
 
 // Get User's Linked Promotion
-export const useUserLinkedPromotions = (wsId: string, userId: string) => {
+export const useUserLinkedPromotions = (
+  wsId: string,
+  userId: string,
+  options?: InvoiceQueryOptions
+) => {
   return useQuery({
     queryKey: ['user-linked-promotions', wsId, userId],
     queryFn: () => listUserLinkedPromotionsWithInternalApi(wsId, userId),
-    enabled: !!wsId && !!userId,
+    enabled: !!wsId && !!userId && isInvoiceQueryEnabled(options),
     staleTime: 5 * 60 * 1000, // 5 minutes
     gcTime: 10 * 60 * 1000, // 10 minutes
     refetchOnWindowFocus: false,
@@ -643,7 +690,11 @@ export const useUserLinkedPromotions = (wsId: string, userId: string) => {
 };
 
 // Per-user referral discounts (percent) from view
-export const useUserReferralDiscounts = (wsId: string, userId: string) => {
+export const useUserReferralDiscounts = (
+  wsId: string,
+  userId: string,
+  options?: InvoiceQueryOptions
+) => {
   return useQuery({
     queryKey: ['user-referral-discounts', wsId, userId],
     queryFn: async () => {
@@ -658,7 +709,7 @@ export const useUserReferralDiscounts = (wsId: string, userId: string) => {
         })) || []
       );
     },
-    enabled: !!wsId && !!userId,
+    enabled: !!wsId && !!userId && isInvoiceQueryEnabled(options),
     staleTime: 5 * 60 * 1000, // 5 minutes
     gcTime: 10 * 60 * 1000, // 10 minutes
     refetchOnWindowFocus: false,
@@ -678,7 +729,11 @@ export type AvailablePromotion = {
   current_uses?: number | null;
 };
 
-export const useAvailablePromotions = (wsId: string, userId: string) => {
+export const useAvailablePromotions = (
+  wsId: string,
+  userId: string,
+  options?: InvoiceQueryOptions
+) => {
   return useQuery({
     queryKey: ['available-promotions', wsId, userId],
     queryFn: async () => {
@@ -743,7 +798,7 @@ export const useAvailablePromotions = (wsId: string, userId: string) => {
 
       return Array.from(resultMap.values()) as AvailablePromotion[];
     },
-    enabled: !!wsId && !!userId,
+    enabled: !!wsId && !!userId && isInvoiceQueryEnabled(options),
     staleTime: 5 * 60 * 1000,
     gcTime: 10 * 60 * 1000,
     refetchOnWindowFocus: false,

package/src/components/ui/finance/invoices/new-invoice-page.test.tsx

@@ -0,0 +1,137 @@
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { render, waitFor } from '@testing-library/react';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+import NewInvoicePage from './new-invoice-page';
+
+const invoiceMocks = vi.hoisted(() => ({
+  StandardInvoice: vi.fn(),
+  SubscriptionInvoice: vi.fn(),
+}));
+
+const nuqsState = vi.hoisted(() => ({
+  invoiceType: 'standard' as 'standard' | 'subscription',
+}));
+
+vi.mock('next-intl', () => ({
+  useTranslations: () => (key: string) => key,
+}));
+
+vi.mock('nuqs', () => ({
+  useQueryState: (key: string, options?: { defaultValue?: unknown }) => {
+    if (key === 'type') {
+      return [nuqsState.invoiceType, vi.fn()];
+    }
+
+    if (key === 'amount') {
+      return [null, vi.fn()];
+    }
+
+    return [options?.defaultValue ?? '', vi.fn()];
+  },
+}));
+
+vi.mock('../../../../hooks/use-local-storage', () => ({
+  useLocalStorage: (_key: string, initialValue: boolean) => [
+    initialValue,
+    vi.fn(),
+    true,
+  ],
+}));
+
+vi.mock('./standard-invoice', () => ({
+  StandardInvoice: (props: unknown) => {
+    invoiceMocks.StandardInvoice(props);
+    return null;
+  },
+}));
+
+vi.mock('./subscription-invoice', () => ({
+  SubscriptionInvoice: (props: unknown) => {
+    invoiceMocks.SubscriptionInvoice(props);
+    return null;
+  },
+}));
+
+function createQueryClient() {
+  return new QueryClient({
+    defaultOptions: {
+      queries: {
+        retry: false,
+      },
+    },
+  });
+}
+
+function renderPage() {
+  return render(
+    <QueryClientProvider client={createQueryClient()}>
+      <NewInvoicePage wsId="ws-1" />
+    </QueryClientProvider>
+  );
+}
+
+describe('NewInvoicePage', () => {
+  let fetchMock: ReturnType<typeof vi.fn>;
+
+  beforeEach(() => {
+    invoiceMocks.StandardInvoice.mockClear();
+    invoiceMocks.SubscriptionInvoice.mockClear();
+    nuqsState.invoiceType = 'standard';
+    fetchMock = vi.fn().mockResolvedValue({
+      ok: true,
+      json: async () => ({
+        DEFAULT_CURRENCY: 'VND',
+        DEFAULT_SUBSCRIPTION_CATEGORY_ID: 'category-1',
+        default_wallet_id: 'wallet-1',
+      }),
+    });
+    vi.stubGlobal('fetch', fetchMock);
+  });
+
+  afterEach(() => {
+    vi.unstubAllGlobals();
+  });
+
+  it('batches default invoice config reads and mounts only the standard invoice tab', async () => {
+    renderPage();
+
+    await waitFor(() => expect(fetchMock).toHaveBeenCalledTimes(1));
+
+    expect(fetchMock).toHaveBeenCalledWith(
+      '/api/v1/workspaces/ws-1/settings/configs?ids=default_wallet_id,DEFAULT_SUBSCRIPTION_CATEGORY_ID,DEFAULT_CURRENCY',
+      { cache: 'no-store' }
+    );
+    expect(invoiceMocks.StandardInvoice).toHaveBeenCalled();
+    expect(invoiceMocks.SubscriptionInvoice).not.toHaveBeenCalled();
+
+    await waitFor(() =>
+      expect(invoiceMocks.StandardInvoice).toHaveBeenLastCalledWith(
+        expect.objectContaining({
+          defaultCurrency: 'VND',
+          defaultWalletId: 'wallet-1',
+        })
+      )
+    );
+  });
+
+  it('mounts only the subscription invoice tab when it is active', async () => {
+    nuqsState.invoiceType = 'subscription';
+
+    renderPage();
+
+    await waitFor(() => expect(fetchMock).toHaveBeenCalledTimes(1));
+
+    expect(invoiceMocks.StandardInvoice).not.toHaveBeenCalled();
+    expect(invoiceMocks.SubscriptionInvoice).toHaveBeenCalled();
+
+    await waitFor(() =>
+      expect(invoiceMocks.SubscriptionInvoice).toHaveBeenLastCalledWith(
+        expect.objectContaining({
+          defaultCategoryId: 'category-1',
+          defaultCurrency: 'VND',
+          defaultWalletId: 'wallet-1',
+        })
+      )
+    );
+  });
+});

package/src/components/ui/finance/invoices/new-invoice-page.tsx

@@ -16,20 +16,40 @@ import { useTranslations } from 'next-intl';
 import { useQueryState } from 'nuqs';
 import { useState } from 'react';
 import { useLocalStorage } from '../../../../hooks/use-local-storage';
-import { useWorkspaceConfig } from '../../../../hooks/use-workspace-config';
+import { useWorkspaceConfigs } from '../../../../hooks/use-workspace-config';
+import {
+  type FinancePermissionRequestUser,
+  FinancePermissionWarningDialog,
+} from '../shared/finance-permission-warning-dialog';
 import { StandardInvoice } from './standard-invoice';
 import { SubscriptionInvoice } from './subscription-invoice';
 
+const INVOICE_DEFAULT_CONFIG_IDS = [
+  'default_wallet_id',
+  'DEFAULT_SUBSCRIPTION_CATEGORY_ID',
+  'DEFAULT_CURRENCY',
+] as const;
+
 interface Props {
   wsId: string;
+  canCreateInvoices?: boolean;
   canChangeFinanceWallets?: boolean;
   canSetFinanceWalletsOnCreate?: boolean;
+  canReadInvoiceProducts?: boolean;
+  canReadInvoiceProductStock?: boolean;
+  canReadGroupLinkedProducts?: boolean;
+  permissionRequestUser?: FinancePermissionRequestUser | null;
 }
 
 export default function NewInvoicePage({
   wsId,
+  canCreateInvoices = true,
   canChangeFinanceWallets = true,
   canSetFinanceWalletsOnCreate = true,
+  canReadInvoiceProducts = true,
+  canReadInvoiceProductStock = true,
+  canReadGroupLinkedProducts = true,
+  permissionRequestUser,
 }: Props) {
   const t = useTranslations();
   const [dropdownOpen, setDropdownOpen] = useState(false);
@@ -47,21 +67,15 @@ export default function NewInvoicePage({
     },
   });
 
-  const { data: defaultWalletId } = useWorkspaceConfig<string>(
-    wsId,
-    'default_wallet_id'
-  );
-
-  const { data: defaultCategoryId } = useWorkspaceConfig<string>(
-    wsId,
-    'DEFAULT_SUBSCRIPTION_CATEGORY_ID'
-  );
-
-  const { data: defaultCurrency } = useWorkspaceConfig<'VND' | 'USD'>(
+  const { data: defaultConfigs = {} } = useWorkspaceConfigs(
     wsId,
-    'DEFAULT_CURRENCY',
-    'USD'
+    INVOICE_DEFAULT_CONFIG_IDS
   );
+  const defaultWalletId = defaultConfigs.default_wallet_id ?? undefined;
+  const defaultCategoryId =
+    defaultConfigs.DEFAULT_SUBSCRIPTION_CATEGORY_ID ?? undefined;
+  const defaultCurrency =
+    defaultConfigs.DEFAULT_CURRENCY === 'VND' ? 'VND' : 'USD';
 
   const [
     createMultipleInvoices,
@@ -81,13 +95,37 @@ export default function NewInvoicePage({
     printAfterCreateInitialized &&
     downloadImageAfterCreateInitialized;
 
-  return (
+  const pageHeader = (
     <>
       <FeatureSummary
         pluralTitle={t('ws-invoices.new_invoice')}
         singularTitle={t('ws-invoices.new_invoice')}
       />
       <Separator className="my-4" />
+    </>
+  );
+
+  if (!canCreateInvoices) {
+    return (
+      <>
+        {pageHeader}
+        <FinancePermissionWarningDialog
+          defaultOpen
+          missingPermissions={['create_invoices']}
+          user={permissionRequestUser}
+          trigger={
+            <Button variant="outline">
+              {t('finance-permission-warning.open_request')}
+            </Button>
+          }
+        />
+      </>
+    );
+  }
+
+  return (
+    <>
+      {pageHeader}
       <Tabs
         value={invoiceType}
         className="w-full"
@@ -184,30 +222,41 @@ export default function NewInvoicePage({
         </div>
 
         <TabsContent value="standard" className="mt-4">
-          <StandardInvoice
-            wsId={wsId}
-            defaultWalletId={defaultWalletId ?? undefined}
-            defaultCurrency={defaultCurrency ?? undefined}
-            canChangeFinanceWallets={canChangeFinanceWallets}
-            canSetFinanceWalletsOnCreate={canSetFinanceWalletsOnCreate}
-            createMultipleInvoices={createMultipleInvoices}
-            printAfterCreate={printAfterCreate}
-            downloadImageAfterCreate={downloadImageAfterCreate}
-          />
+          {invoiceType === 'standard' ? (
+            <StandardInvoice
+              wsId={wsId}
+              defaultWalletId={defaultWalletId}
+              defaultCurrency={defaultCurrency}
+              canChangeFinanceWallets={canChangeFinanceWallets}
+              canSetFinanceWalletsOnCreate={canSetFinanceWalletsOnCreate}
+              canReadInvoiceProducts={canReadInvoiceProducts}
+              canReadInvoiceProductStock={canReadInvoiceProductStock}
+              createMultipleInvoices={createMultipleInvoices}
+              printAfterCreate={printAfterCreate}
+              downloadImageAfterCreate={downloadImageAfterCreate}
+              permissionRequestUser={permissionRequestUser}
+            />
+          ) : null}
         </TabsContent>
         <TabsContent value="subscription" className="mt-4">
-          <SubscriptionInvoice
-            wsId={wsId}
-            prefillAmount={prefillAmount}
-            defaultWalletId={defaultWalletId ?? undefined}
-            defaultCategoryId={defaultCategoryId ?? undefined}
-            defaultCurrency={defaultCurrency ?? undefined}
-            canChangeFinanceWallets={canChangeFinanceWallets}
-            canSetFinanceWalletsOnCreate={canSetFinanceWalletsOnCreate}
-            createMultipleInvoices={createMultipleInvoices}
-            printAfterCreate={printAfterCreate}
-            downloadImageAfterCreate={downloadImageAfterCreate}
-          />
+          {invoiceType === 'subscription' ? (
+            <SubscriptionInvoice
+              wsId={wsId}
+              prefillAmount={prefillAmount}
+              defaultWalletId={defaultWalletId}
+              defaultCategoryId={defaultCategoryId}
+              defaultCurrency={defaultCurrency}
+              canChangeFinanceWallets={canChangeFinanceWallets}
+              canSetFinanceWalletsOnCreate={canSetFinanceWalletsOnCreate}
+              canReadInvoiceProducts={canReadInvoiceProducts}
+              canReadInvoiceProductStock={canReadInvoiceProductStock}
+              canReadGroupLinkedProducts={canReadGroupLinkedProducts}
+              createMultipleInvoices={createMultipleInvoices}
+              printAfterCreate={printAfterCreate}
+              downloadImageAfterCreate={downloadImageAfterCreate}
+              permissionRequestUser={permissionRequestUser}
+            />
+          ) : null}
         </TabsContent>
       </Tabs>
     </>

package/src/components/ui/finance/invoices/product-selection.test.tsx

@@ -1,25 +1,12 @@
 import { render, screen } from '@testing-library/react';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
+import { describe, expect, it, vi } from 'vitest';
 import { ProductSelection } from './product-selection';
 import type { Product, SelectedProductItem } from './types';
 
-const mocks = vi.hoisted(() => ({
-  useFinanceConfidentialVisibility: vi.fn(() => ({
-    isConfidential: true,
-  })),
-}));
-
 vi.mock('next-intl', () => ({
   useTranslations: () => (key: string) => key,
 }));
 
-vi.mock('../shared/use-finance-confidential-visibility', () => ({
-  FINANCE_HIDDEN_AMOUNT: '•••••',
-  useFinanceConfidentialVisibility: (
-    ...args: Parameters<typeof mocks.useFinanceConfidentialVisibility>
-  ) => mocks.useFinanceConfidentialVisibility(...args),
-}));
-
 const product: Product = {
   category: null,
   category_id: 'category-1',
@@ -52,14 +39,7 @@ const selectedProducts: SelectedProductItem[] = [
 ];
 
 describe('ProductSelection', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    mocks.useFinanceConfidentialVisibility.mockReturnValue({
-      isConfidential: true,
-    });
-  });
-
-  it('masks selected invoice product prices when finance numbers are hidden', () => {
+  it('keeps selected invoice product prices visible on creation flows', () => {
     render(
       <ProductSelection
         products={[product]}
@@ -69,10 +49,12 @@ describe('ProductSelection', () => {
       />
     );
 
+    expect(screen.queryByText('•••••')).not.toBeInTheDocument();
+    expect(
+      screen.getAllByText((content) => /100[,.]000/.test(content)).length
+    ).toBeGreaterThanOrEqual(1);
     expect(
-      screen.getAllByText((content) => content.includes('•••••')).length
-    ).toBeGreaterThanOrEqual(2);
-    expect(screen.queryByText(/100.000/)).not.toBeInTheDocument();
-    expect(screen.queryByText(/50.000/)).not.toBeInTheDocument();
+      screen.getAllByText((content) => /50[,.]000/.test(content)).length
+    ).toBeGreaterThanOrEqual(1);
   });
 });

package/src/components/ui/finance/invoices/product-selection.tsx

@@ -16,10 +16,6 @@ import { Label } from '@tuturuuu/ui/label';
 import { formatCurrency } from '@tuturuuu/utils/format';
 import { useTranslations } from 'next-intl';
 import { useState } from 'react';
-import {
-  FINANCE_HIDDEN_AMOUNT,
-  useFinanceConfidentialVisibility,
-} from '../shared/use-finance-confidential-visibility';
 import type { Product, ProductInventory, SelectedProductItem } from './types';
 
 interface Props {
@@ -41,11 +37,9 @@ export function ProductSelection({
   currency = 'USD',
 }: Props) {
   const t = useTranslations();
-  const { isConfidential: areNumbersHidden } =
-    useFinanceConfidentialVisibility();
   const [selectedProductId, setSelectedProductId] = useState<string>('');
   const formatVisibleCurrency = (amount: number) =>
-    areNumbersHidden ? FINANCE_HIDDEN_AMOUNT : formatCurrency(amount, currency);
+    formatCurrency(amount, currency);
 
   const selectedProduct = products.find((p) => p.id === selectedProductId);
   const availableInventory =
@@ -283,11 +277,9 @@ interface StockItemProps {
 
 function StockItem({ inventory, onAdd, currency = 'USD' }: StockItemProps) {
   const t = useTranslations();
-  const { isConfidential: areNumbersHidden } =
-    useFinanceConfidentialVisibility();
   const [quantity, setQuantity] = useState(1);
   const formatVisibleCurrency = (amount: number) =>
-    areNumbersHidden ? FINANCE_HIDDEN_AMOUNT : formatCurrency(amount, currency);
+    formatCurrency(amount, currency);
 
   const handleAdd = () => {
     if (