@blastlabs/utils 1.11.1 → 1.12.1

package/dist/components/dev/IdSelector/IdSelector.test.js

@@ -0,0 +1,203 @@
+import React from 'react';
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import IdSelector from './IdSelector';
+describe('IdSelector', () => {
+    const mockOnLogin = vi.fn();
+    const defaultInfos = [
+        { id: 'admin@test.com', pw: 'admin123', memo: '관리자' },
+        { id: 'user@test.com', pw: 'user123', memo: '일반 사용자' },
+    ];
+    beforeEach(() => {
+        vi.clearAllMocks();
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+    describe('렌더링', () => {
+        it('컴포넌트가 정상적으로 렌더링된다', () => {
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: defaultInfos }));
+            expect(screen.getByText('🚀 개발용 빠른 로그인')).toBeTruthy();
+        });
+        it('전달된 모든 로그인 정보를 렌더링한다', () => {
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: defaultInfos }));
+            expect(screen.getByText('관리자')).toBeTruthy();
+            expect(screen.getByText('일반 사용자')).toBeTruthy();
+            expect(screen.getByText('admin@test.com')).toBeTruthy();
+            expect(screen.getByText('user@test.com')).toBeTruthy();
+        });
+        it('각 카드에 ID와 PW 정보를 표시한다', () => {
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: defaultInfos }));
+            // ID와 PW는 여러 카드에 나타나므로 getAllByText 사용
+            const idLabels = screen.getAllByText('ID');
+            const pwLabels = screen.getAllByText('PW');
+            expect(idLabels).toHaveLength(2);
+            expect(pwLabels).toHaveLength(2);
+            defaultInfos.forEach((info) => {
+                expect(screen.getByText(info.id)).toBeTruthy();
+                expect(screen.getByText(info.pw)).toBeTruthy();
+            });
+        });
+        it('빈 배열이 전달되면 카드가 렌더링되지 않는다', () => {
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: [] }));
+            expect(screen.getByText('🚀 개발용 빠른 로그인')).toBeTruthy();
+            expect(screen.queryByRole('button')).toBeNull();
+        });
+    });
+    describe('로그인 기능', () => {
+        it('로그인 버튼 클릭 시 onLogin이 올바른 인자로 호출된다', async () => {
+            const user = userEvent.setup();
+            mockOnLogin.mockResolvedValue(undefined);
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: defaultInfos }));
+            const adminButton = screen.getByRole('button', { name: '관리자' });
+            await user.click(adminButton);
+            await waitFor(() => {
+                expect(mockOnLogin).toHaveBeenCalledWith('admin@test.com', 'admin123');
+                expect(mockOnLogin).toHaveBeenCalledTimes(1);
+            });
+        });
+        it('여러 버튼을 순차적으로 클릭하면 각각의 정보로 onLogin이 호출된다', async () => {
+            const user = userEvent.setup();
+            mockOnLogin.mockResolvedValue(undefined);
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: defaultInfos }));
+            const adminButton = screen.getByRole('button', { name: '관리자' });
+            const userButton = screen.getByRole('button', { name: '일반 사용자' });
+            await user.click(adminButton);
+            await waitFor(() => {
+                expect(mockOnLogin).toHaveBeenCalledWith('admin@test.com', 'admin123');
+            });
+            await user.click(userButton);
+            await waitFor(() => {
+                expect(mockOnLogin).toHaveBeenCalledWith('user@test.com', 'user123');
+            });
+            expect(mockOnLogin).toHaveBeenCalledTimes(2);
+        });
+        it('로그인 중일 때 버튼이 비활성화되고 텍스트가 변경된다', async () => {
+            const user = userEvent.setup();
+            let resolveLogin;
+            const loginPromise = new Promise((resolve) => {
+                resolveLogin = resolve;
+            });
+            mockOnLogin.mockReturnValue(loginPromise);
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: defaultInfos }));
+            const adminButton = screen.getByRole('button', { name: '관리자' });
+            await user.click(adminButton);
+            await waitFor(() => {
+                expect(screen.getByText('로그인 중...')).toBeTruthy();
+                expect(adminButton.disabled).toBe(true);
+            });
+            resolveLogin();
+            await waitFor(() => {
+                expect(screen.getByText('관리자')).toBeTruthy();
+                expect(adminButton.disabled).toBe(false);
+            });
+        });
+        it('로그인 실패 시에도 로딩 상태가 해제된다', async () => {
+            const user = userEvent.setup();
+            const error = new Error('로그인 실패');
+            mockOnLogin.mockRejectedValue(error);
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: defaultInfos }));
+            const adminButton = screen.getByRole('button', { name: '관리자' });
+            // 에러가 발생하더라도 catch 블록에서 처리되고 finally에서 상태가 해제됨
+            await user.click(adminButton);
+            // 에러가 발생하더라도 catch 블록에서 처리되고 상태가 해제되므로 기다림
+            await waitFor(() => {
+                expect(screen.getByText('관리자')).toBeTruthy();
+                expect(adminButton.disabled).toBe(false);
+            }, { timeout: 3000 });
+            // 에러가 발생했는지 확인
+            expect(mockOnLogin).toHaveBeenCalled();
+        });
+        it('한 카드가 로딩 중일 때 다른 카드의 버튼도 클릭 가능하다', async () => {
+            const user = userEvent.setup();
+            let resolveFirstLogin;
+            const firstLoginPromise = new Promise((resolve) => {
+                resolveFirstLogin = resolve;
+            });
+            mockOnLogin.mockImplementation(async (id) => {
+                if (id === 'admin@test.com') {
+                    return firstLoginPromise;
+                }
+                return Promise.resolve();
+            });
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: defaultInfos }));
+            const adminButton = screen.getByRole('button', { name: '관리자' });
+            const userButton = screen.getByRole('button', { name: '일반 사용자' });
+            await user.click(adminButton);
+            await waitFor(() => {
+                expect(adminButton.disabled).toBe(true);
+            });
+            // 다른 버튼은 여전히 클릭 가능해야 함
+            expect(userButton.disabled).toBe(false);
+            await user.click(userButton);
+            await waitFor(() => {
+                expect(mockOnLogin).toHaveBeenCalledWith('user@test.com', 'user123');
+            });
+            resolveFirstLogin();
+        });
+    });
+    describe('호버 상태', () => {
+        it('카드에 마우스를 올리면 hover 상태가 적용된다', async () => {
+            const user = userEvent.setup();
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: defaultInfos }));
+            const adminCard = screen.getByText('admin@test.com').closest('div[style*="border"]');
+            expect(adminCard).toBeTruthy();
+            // hover 이벤트는 CSS 스타일 변경이므로 스타일 속성을 직접 확인하기 어려움
+            // 대신 이벤트 핸들러가 정상 작동하는지 확인
+            const adminButton = screen.getByRole('button', { name: '관리자' });
+            await user.hover(adminButton);
+            // hover 이벤트가 발생했는지 확인 (에러가 없으면 성공)
+            expect(adminButton).toBeTruthy();
+        });
+    });
+    describe('에지 케이스', () => {
+        it('메모가 비어있는 경우에도 정상 동작한다', async () => {
+            const user = userEvent.setup();
+            mockOnLogin.mockResolvedValue(undefined);
+            const infosWithEmptyMemo = [
+                { id: 'test@test.com', pw: 'test123', memo: '' },
+            ];
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: infosWithEmptyMemo }));
+            const button = screen.getByRole('button');
+            expect(button).toBeTruthy();
+            expect(button.textContent).toBe('');
+            await user.click(button);
+            await waitFor(() => {
+                expect(mockOnLogin).toHaveBeenCalledWith('test@test.com', 'test123');
+            });
+        });
+        it('동일한 ID가 여러 개 있어도 각각 독립적으로 동작한다', async () => {
+            const user = userEvent.setup();
+            mockOnLogin.mockResolvedValue(undefined);
+            const duplicateInfos = [
+                { id: 'same@test.com', pw: 'pw1', memo: '첫 번째' },
+                { id: 'same@test.com', pw: 'pw2', memo: '두 번째' },
+            ];
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: duplicateInfos }));
+            const firstButton = screen.getByRole('button', { name: '첫 번째' });
+            const secondButton = screen.getByRole('button', { name: '두 번째' });
+            await user.click(firstButton);
+            await waitFor(() => {
+                expect(mockOnLogin).toHaveBeenCalledWith('same@test.com', 'pw1');
+            });
+            await user.click(secondButton);
+            await waitFor(() => {
+                expect(mockOnLogin).toHaveBeenCalledWith('same@test.com', 'pw2');
+            });
+        });
+        it('매우 긴 텍스트가 있어도 정상 렌더링된다', () => {
+            const longTextInfos = [
+                {
+                    id: 'verylongemailaddressthatmightoverflow@example.com',
+                    pw: 'verylongpasswordthatexceedsnormallimits123456789',
+                    memo: '매우 긴 메모 텍스트가 있는 계정입니다. 이 텍스트는 매우 길 수 있습니다.',
+                },
+            ];
+            render(React.createElement(IdSelector, { onLogin: mockOnLogin, infos: longTextInfos }));
+            expect(screen.getByText(/매우 긴 메모/)).toBeTruthy();
+            expect(screen.getByText(/verylongemail/)).toBeTruthy();
+            expect(screen.getByText(/verylongpassword/)).toBeTruthy();
+        });
+    });
+});

package/dist/components/dev/IdSelector/LoginCard.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { LoginInfo } from './IdSelector';
+type LoginCardProps = {
+    info: LoginInfo;
+    index: number;
+    loading: number | null;
+    hoveredIndex: number | null;
+    hoveredButton: number | null;
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onButtonMouseEnter: () => void;
+    onButtonMouseLeave: () => void;
+    onLogin: (info: LoginInfo, index: number) => Promise<void>;
+};
+export declare const LoginCard: React.FC<LoginCardProps>;
+export {};
+//# sourceMappingURL=LoginCard.d.ts.map

package/dist/components/dev/IdSelector/LoginCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginCard.d.ts","sourceRoot":"","sources":["../../../../src/components/dev/IdSelector/LoginCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAUzC,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyC9C,CAAC"}

package/dist/components/dev/IdSelector/LoginCard.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { getCardStyle, getButtonStyle, infoContainerStyle, infoRowStyle, labelStyle, valueStyle, } from './styles';
+export const LoginCard = ({ info, index, loading, hoveredIndex, hoveredButton, onMouseEnter, onMouseLeave, onButtonMouseEnter, onButtonMouseLeave, onLogin, }) => {
+    const handleClick = () => {
+        onLogin(info, index);
+    };
+    return (React.createElement("div", { style: getCardStyle(hoveredIndex, index), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave },
+        React.createElement("button", { onClick: handleClick, disabled: loading === index, style: getButtonStyle(hoveredButton, loading, index), onMouseEnter: onButtonMouseEnter, onMouseLeave: onButtonMouseLeave }, loading === index ? '로그인 중...' : info.memo),
+        React.createElement("div", { style: infoContainerStyle },
+            React.createElement("div", { style: infoRowStyle },
+                React.createElement("span", { style: labelStyle }, "ID"),
+                React.createElement("span", { style: valueStyle }, info.id)),
+            React.createElement("div", { style: infoRowStyle },
+                React.createElement("span", { style: labelStyle }, "PW"),
+                React.createElement("span", { style: valueStyle }, info.pw)))));
+};

package/dist/components/dev/IdSelector/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './IdSelector';
+export type { Props as IdSelectorProps, LoginInfo } from './IdSelector';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dev/IdSelector/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/dev/IdSelector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,KAAK,IAAI,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/dev/IdSelector/index.js

@@ -0,0 +1 @@
+export { default } from './IdSelector';

package/dist/components/dev/IdSelector/styles.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+export type StyleProps = {
+    hoveredIndex: number | null;
+    hoveredButton: number | null;
+    loading: number | null;
+    index: number;
+};
+export declare const getContainerStyle: () => CSSProperties;
+export declare const getHeaderStyle: () => CSSProperties;
+export declare const getCardStyle: (hoveredIndex: number | null, index: number) => CSSProperties;
+export declare const getButtonStyle: (hoveredButton: number | null, loading: number | null, index: number) => CSSProperties;
+export declare const infoContainerStyle: CSSProperties;
+export declare const infoRowStyle: CSSProperties;
+export declare const labelStyle: CSSProperties;
+export declare const valueStyle: CSSProperties;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/dev/IdSelector/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/dev/IdSelector/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAAO,aAenC,CAAC;AAEH,eAAO,MAAM,cAAc,QAAO,aAMhC,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,cAAc,MAAM,GAAG,IAAI,EAAE,OAAO,MAAM,KAAG,aASxE,CAAC;AAEH,eAAO,MAAM,cAAc,GACzB,eAAe,MAAM,GAAG,IAAI,EAC5B,SAAS,MAAM,GAAG,IAAI,EACtB,OAAO,MAAM,KACZ,aAUD,CAAC;AAEH,eAAO,MAAM,kBAAkB,EAAE,aAQhC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,aAI1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,aAGxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,aAGxB,CAAC"}

package/dist/components/dev/IdSelector/styles.js

@@ -0,0 +1,66 @@
+export const getContainerStyle = () => ({
+    position: 'fixed',
+    top: '50%',
+    right: '16px',
+    transform: 'translateY(-50%)',
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '12px',
+    padding: '16px',
+    backgroundColor: '#ffffff',
+    borderRadius: '12px',
+    boxShadow: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',
+    border: '1px solid #e5e7eb',
+    minWidth: '280px',
+    zIndex: 9999,
+});
+export const getHeaderStyle = () => ({
+    color: '#111827',
+    fontSize: '14px',
+    fontWeight: 'bold',
+    paddingBottom: '8px',
+    borderBottom: '1px solid #e5e7eb',
+});
+export const getCardStyle = (hoveredIndex, index) => ({
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '8px',
+    padding: '12px',
+    backgroundColor: '#f9fafb',
+    borderRadius: '8px',
+    border: hoveredIndex === index ? '1px solid #60a5fa' : '1px solid #e5e7eb',
+    transition: 'all 0.2s',
+});
+export const getButtonStyle = (hoveredButton, loading, index) => ({
+    width: '100%',
+    padding: '8px 16px',
+    backgroundColor: loading === index ? '#9ca3af' : hoveredButton === index ? '#2563eb' : '#3b82f6',
+    color: 'white',
+    fontWeight: 600,
+    borderRadius: '8px',
+    border: 'none',
+    cursor: loading === index ? 'not-allowed' : 'pointer',
+    transition: 'background-color 0.2s',
+});
+export const infoContainerStyle = {
+    display: 'flex',
+    flexDirection: 'column',
+    gap: '4px',
+    fontSize: '12px',
+    color: '#6b7280',
+    paddingLeft: '4px',
+    paddingRight: '4px',
+};
+export const infoRowStyle = {
+    display: 'flex',
+    alignItems: 'center',
+    gap: '8px',
+};
+export const labelStyle = {
+    fontWeight: 600,
+    minWidth: '24px',
+};
+export const valueStyle = {
+    fontFamily: 'monospace',
+    color: '#374151',
+};

package/dist/components/dev/WindowSizeDisplay.d.ts

@@ -13,7 +13,7 @@ type Props = {
  * @example
  * ```tsx
  * // Vite 프로젝트
- * import { WindowSizeDisplay } from 'goodchuck-utils/components/dev';
+ * import { WindowSizeDisplay } from '@blastlabs/utils/components/dev';
  *
  * function App() {
  *   return (

package/dist/components/dev/WindowSizeDisplay.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useWindowSize } from '../../hooks/useWindowSize';
+import { useWindowSize } from '../../hooks';
 const positionStyles = {
     'top-left': { top: 16, left: 16 },
     'top-right': { top: 16, right: 16 },
@@ -13,7 +13,7 @@ const positionStyles = {
  * @example
  * ```tsx
  * // Vite 프로젝트
- * import { WindowSizeDisplay } from 'goodchuck-utils/components/dev';
+ * import { WindowSizeDisplay } from '@blastlabs/utils/components/dev';
  *
  * function App() {
  *   return (

package/dist/components/dev/ZIndexDebugger.d.ts

@@ -10,7 +10,7 @@ type Props = {
  * @example
  * ```tsx
  * // Vite 프로젝트
- * import { ZIndexDebugger } from 'goodchuck-utils/components/dev';
+ * import { ZIndexDebugger } from '@blastlabs/utils/components/dev';
  *
  * function App() {
  *   return (

package/dist/components/dev/ZIndexDebugger.js

@@ -6,7 +6,7 @@ import React, { useState, useEffect } from 'react';
  * @example
  * ```tsx
  * // Vite 프로젝트
- * import { ZIndexDebugger } from 'goodchuck-utils/components/dev';
+ * import { ZIndexDebugger } from '@blastlabs/utils/components/dev';
  *
  * function App() {
  *   return (

package/dist/components/dev/index.d.ts

@@ -5,11 +5,12 @@
  * production 환경에서는 제외하는 것을 권장합니다.
  */
 export { default as IdSelector } from './IdSelector';
+export type { IdSelectorProps, LoginInfo } from './IdSelector';
 export { default as WindowSizeDisplay } from './WindowSizeDisplay';
 export { default as DevPanel } from './DevPanel';
 export { default as ZIndexDebugger } from './ZIndexDebugger';
 export { default as ApiLogger, addApiLog, clearApiLogs } from './ApiLogger';
 export { default as FormDevTools } from './FormDevTools';
-export type { FormDevToolsProps, UseFormReturn as FormDevToolsUseFormReturn } from './FormDevTools';
+export type { FormDevToolsProps } from './FormDevTools';
 export type { ApiLogEntry } from './ApiLogger';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/dev/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dev/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,aAAa,IAAI,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AACpG,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dev/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/index.d.ts

@@ -5,4 +5,5 @@
  * Note: Uses Tailwind CSS classes - ensure Tailwind is configured in your project.
  */
 export * from './dev';
+export * from './auth';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,cAAc,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC"}

package/dist/components/index.js

@@ -5,3 +5,4 @@
  * Note: Uses Tailwind CSS classes - ensure Tailwind is configured in your project.
  */
 export * from './dev';
+export * from './auth';

package/dist/hooks/auth/__tests__/useAuth.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useAuth.test.d.ts.map

package/dist/hooks/auth/__tests__/useAuth.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuth.test.d.ts","sourceRoot":"","sources":["../../../../src/hooks/auth/__tests__/useAuth.test.ts"],"names":[],"mappings":""}

package/dist/hooks/auth/__tests__/useAuth.test.js

@@ -0,0 +1,139 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { renderHook, act, waitFor } from '@testing-library/react';
+import { useAuth } from '../useAuth';
+describe('useAuth', () => {
+    beforeEach(() => {
+        localStorage.clear();
+        sessionStorage.clear();
+        vi.clearAllMocks();
+    });
+    afterEach(() => {
+        localStorage.clear();
+        sessionStorage.clear();
+    });
+    describe('Initialization', () => {
+        it('should initialize with no user', () => {
+            const { result } = renderHook(() => useAuth({ autoLoadUser: false }));
+            expect(result.current.user).toBeNull();
+            expect(result.current.isAuthenticated).toBe(false);
+            expect(result.current.isLoading).toBe(false);
+            expect(result.current.token).toBeNull();
+        });
+        it('should load user from localStorage on mount', async () => {
+            const mockUser = { id: '1', name: 'Test User' };
+            localStorage.setItem('auth_token', 'test-token');
+            localStorage.setItem('auth_user', JSON.stringify(mockUser));
+            const { result } = renderHook(() => useAuth({ autoLoadUser: true }));
+            await waitFor(() => {
+                expect(result.current.user).toEqual(mockUser);
+                expect(result.current.isAuthenticated).toBe(true);
+            });
+        });
+    });
+    describe('Login', () => {
+        it('should login successfully', async () => {
+            const mockUser = { id: '1', name: 'Test User' };
+            const loginFn = vi.fn().mockResolvedValue({ user: mockUser, token: 'test-token' });
+            const onLoginSuccess = vi.fn();
+            const { result } = renderHook(() => useAuth({ loginFn, onLoginSuccess, autoLoadUser: false }));
+            await act(async () => {
+                await result.current.login({ email: 'test@example.com', password: 'password' });
+            });
+            expect(result.current.user).toEqual(mockUser);
+            expect(result.current.isAuthenticated).toBe(true);
+            expect(result.current.token).toBe('test-token');
+            expect(onLoginSuccess).toHaveBeenCalledWith(mockUser);
+            expect(localStorage.getItem('auth_token')).toBe('test-token');
+        });
+        it('should handle login error', async () => {
+            const loginError = new Error('Invalid credentials');
+            const loginFn = vi.fn().mockRejectedValue(loginError);
+            const onError = vi.fn();
+            const { result } = renderHook(() => useAuth({ loginFn, onError, autoLoadUser: false }));
+            let thrownError;
+            try {
+                await act(async () => {
+                    await result.current.login({ email: 'test@example.com', password: 'wrong' });
+                });
+            }
+            catch (error) {
+                thrownError = error;
+            }
+            expect(thrownError).toEqual(loginError);
+            expect(result.current.user).toBeNull();
+            expect(result.current.isAuthenticated).toBe(false);
+            expect(onError).toHaveBeenCalledWith(loginError, 'login');
+        });
+    });
+    describe('Logout', () => {
+        it('should logout successfully', async () => {
+            const mockUser = { id: '1', name: 'Test User' };
+            const loginFn = vi.fn().mockResolvedValue({ user: mockUser, token: 'test-token' });
+            const logoutFn = vi.fn().mockResolvedValue(undefined);
+            const onLogoutSuccess = vi.fn();
+            const { result } = renderHook(() => useAuth({ loginFn, logoutFn, onLogoutSuccess, autoLoadUser: false }));
+            await act(async () => {
+                await result.current.login({ email: 'test@example.com', password: 'password' });
+            });
+            expect(result.current.isAuthenticated).toBe(true);
+            await act(async () => {
+                await result.current.logout();
+            });
+            expect(result.current.user).toBeNull();
+            expect(result.current.isAuthenticated).toBe(false);
+            expect(result.current.token).toBeNull();
+            expect(onLogoutSuccess).toHaveBeenCalled();
+            expect(localStorage.getItem('auth_token')).toBeNull();
+        });
+    });
+    describe('Register', () => {
+        it('should register successfully', async () => {
+            const mockUser = { id: '1', name: 'New User' };
+            const registerFn = vi.fn().mockResolvedValue({ user: mockUser, token: 'new-token' });
+            const onRegisterSuccess = vi.fn();
+            const { result } = renderHook(() => useAuth({ registerFn, onRegisterSuccess, autoLoadUser: false }));
+            await act(async () => {
+                await result.current.register({ email: 'new@example.com', password: 'password', name: 'New User' });
+            });
+            expect(result.current.user).toEqual(mockUser);
+            expect(result.current.isAuthenticated).toBe(true);
+            expect(result.current.token).toBe('new-token');
+            expect(onRegisterSuccess).toHaveBeenCalledWith(mockUser);
+        });
+    });
+    describe('Token Management', () => {
+        it('should manually set token', async () => {
+            const { result } = renderHook(() => useAuth({ autoLoadUser: false }));
+            await waitFor(() => {
+                expect(result.current.isLoading).toBe(false);
+            });
+            act(() => {
+                result.current.setToken('manual-token');
+            });
+            expect(result.current.token).toBe('manual-token');
+            expect(localStorage.getItem('auth_token')).toBe('manual-token');
+        });
+        it('should manually set user', async () => {
+            const mockUser = { id: '1', name: 'Manual User' };
+            const { result } = renderHook(() => useAuth({ autoLoadUser: false }));
+            await waitFor(() => {
+                expect(result.current.isLoading).toBe(false);
+            });
+            act(() => {
+                result.current.setUser(mockUser);
+            });
+            expect(result.current.user).toEqual(mockUser);
+            expect(result.current.isAuthenticated).toBe(true);
+        });
+        it('should use sessionStorage when useSessionStorage is true', async () => {
+            const mockUser = { id: '1', name: 'Test User' };
+            const loginFn = vi.fn().mockResolvedValue({ user: mockUser, token: 'session-token' });
+            const { result } = renderHook(() => useAuth({ loginFn, useSessionStorage: true, autoLoadUser: false }));
+            await act(async () => {
+                await result.current.login({ email: 'test@example.com', password: 'password' });
+            });
+            expect(sessionStorage.getItem('auth_token')).toBe('session-token');
+            expect(localStorage.getItem('auth_token')).toBeNull();
+        });
+    });
+});

package/dist/hooks/auth/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Authentication Hooks
+ */
+export * from './useAuth';
+//# sourceMappingURL=index.d.ts.map

package/dist/hooks/auth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/auth/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,WAAW,CAAC"}

package/dist/hooks/auth/index.js

@@ -0,0 +1,4 @@
+/**
+ * Authentication Hooks
+ */
+export * from './useAuth';