@appcorp/fusion-storybook 0.2.13 → 0.2.15

package/base-modules/user/context.js

@@ -17,25 +17,9 @@
  * - `USER_DRAWER` — drawer type constants
  * - `useUserModule()` — hook that returns state, dispatch, and handlers
  */
-import { useCallback, useEffect, useMemo, useRef } from "react";
-import { useTheme } from "next-themes";
-import { useTranslations } from "next-intl";
-import { isCreatedOrUpdated, validateForm, API_METHODS, fetchData, } from "@react-pakistan/util-functions";
-import { useModuleEntityV2, } from "@react-pakistan/util-functions/hooks/use-module-entity-v2";
-import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
 import { createGenericModule } from "@react-pakistan/util-functions/factory/generic-module-factory";
 import { DRAWER_TYPES } from "@react-pakistan/util-functions/factory/generic-component-factory";
-import { generateThemeToast, TOAST_VARIANT, } from "@appcorp/shadcn/lib/toast-utils";
-import { USER_API_ROUTES, pageLimit } from "./constants";
-import { userFormValidation } from "./validate";
-import { getCachedUsers, invalidateUsersCache } from "./cache";
-import { getCachedWorkspaceSync } from "../workspace/cache";
-import { invalidateWorkspaceUsersCache } from "../workspace-user/cache";
-import { blobToWebP } from "webp-converter-browser";
-import { supabasePublicStorageUrl } from "../../constants";
-import { toastNetworkError } from "../../utils/toast-network-error";
-import { formatNumber } from "@react-pakistan/util-functions/general/format-number";
-import { formatPhoneDisplay } from "@react-pakistan/util-functions/general/format-phone-display";
+import { pageLimit } from "./constants";
 // ============================================================================
 // 1.1 DRAWER TYPES
 // ============================================================================
@@ -45,6 +29,9 @@ export const USER_DRAWER = {
     MORE_ACTIONS_DRAWER: DRAWER_TYPES.MORE_ACTIONS_DRAWER,
     VIEW_DRAWER: DRAWER_TYPES.VIEW_DRAWER,
 };
+// ============================================================================
+// 1.2 MODULE CONFIGURATION
+// ============================================================================
 const userConfig = {
     name: "User",
     displayName: "User",
@@ -78,533 +65,4 @@ const userConfig = {
 // 1.3 CREATE USER MODULE
 // ============================================================================
 export const { actionTypes: USER_ACTION_TYPES, config: userModuleConfig, initialState: initialUserState, Provider: UserProvider, reducer: userReducer, useContext: useUserContext, } = createGenericModule(userConfig);
-// ============================================================================
-// 1.4 ENHANCED USER HOOK WITH API INTEGRATION
-// ============================================================================
-export const useUserModule = () => {
-    // ============================================================================
-    // 1.4.1 STATE & CORE HOOKS
-    // ============================================================================
-    const context = useUserContext();
-    const { dispatch } = context;
-    const state = context.state;
-    const t = useTranslations("user");
-    const { theme } = useTheme();
-    const workspace = getCachedWorkspaceSync();
-    const listFetchNowRef = useRef(null);
-    const debouncedQuery = useDebounce(state.searchQuery, 800);
-    // ============================================================================
-    // 1.4.2 API PARAMETERS
-    // ============================================================================
-    const listParams = useMemo(() => (Object.assign(Object.assign({ currentPage: state.currentPage, pageLimit: state.pageLimit, workspaceId: (workspace === null || workspace === void 0 ? void 0 : workspace.id) || "" }, (debouncedQuery ? { searchQuery: debouncedQuery } : {})), (state.filterEnabled !== undefined
-        ? { filterEnabled: String(state.filterEnabled) }
-        : {}))), [
-        state.currentPage,
-        state.filterEnabled,
-        state.pageLimit,
-        debouncedQuery,
-        workspace === null || workspace === void 0 ? void 0 : workspace.id,
-    ]);
-    const updateParams = useMemo(() => ({
-        avatar: state.avatar,
-        email: (state.email || "").trim(),
-        enabled: state.enabled,
-        id: state.id,
-        name: (state.name || "").trim(),
-        password: state.password,
-        phone: formatNumber(state.phone),
-        userRole: state.userRole,
-        workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id,
-    }), [state, workspace === null || workspace === void 0 ? void 0 : workspace.id]);
-    const byIdParams = useMemo(() => ({ id: state.id }), [state.id]);
-    const deleteParams = useMemo(() => ({ id: state.id }), [state.id]);
-    const isDefaultListState = state.currentPage === 1 &&
-        state.pageLimit === pageLimit &&
-        !debouncedQuery &&
-        state.filterEnabled === undefined;
-    // ============================================================================
-    // 1.4.3 UTILITIES
-    // ============================================================================
-    const showToast = useCallback((description, variant) => {
-        generateThemeToast({
-            description,
-            theme: theme,
-            variant,
-        });
-    }, [theme]);
-    const resetFormAndCloseDrawer = useCallback(() => {
-        dispatch({ type: USER_ACTION_TYPES.RESET_FORM });
-        dispatch({
-            type: USER_ACTION_TYPES.SET_ERRORS,
-            payload: { errors: {} },
-        });
-        dispatch({
-            type: USER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
-            payload: { disabled: false },
-        });
-        dispatch({
-            type: USER_ACTION_TYPES.SET_DRAWER,
-            payload: { drawer: null },
-        });
-    }, [dispatch]);
-    // ============================================================================
-    // 1.4.4 API CALLBACKS
-    // ============================================================================
-    const listCallback = useCallback(({ data, error }) => {
-        var _a, _b;
-        if (error) {
-            showToast(t("messagesNetworkError"), TOAST_VARIANT.ERROR);
-            return;
-        }
-        if (data) {
-            const response = data;
-            dispatch({
-                type: USER_ACTION_TYPES.SET_ITEMS,
-                payload: { items: (_a = response.items) !== null && _a !== void 0 ? _a : [], count: (_b = response.count) !== null && _b !== void 0 ? _b : 0 },
-            });
-        }
-    }, [dispatch, showToast, t]);
-    const updateCallback = useCallback(({ data, error }) => {
-        var _a;
-        if (error) {
-            showToast(t("messagesNetworkError"), TOAST_VARIANT.ERROR);
-            return;
-        }
-        if (data) {
-            const isCreated = isCreatedOrUpdated(data);
-            invalidateUsersCache();
-            invalidateWorkspaceUsersCache();
-            showToast(isCreated ? t("messagesUserCreated") : t("messagesUserUpdated"), TOAST_VARIANT.SUCCESS);
-            resetFormAndCloseDrawer();
-            (_a = listFetchNowRef.current) === null || _a === void 0 ? void 0 : _a.call(listFetchNowRef);
-        }
-    }, [resetFormAndCloseDrawer, showToast, t]);
-    const byIdCallback = useCallback(({ data, error }) => {
-        var _a;
-        if (error) {
-            showToast(t("messagesNetworkError"), TOAST_VARIANT.ERROR);
-            return;
-        }
-        if (data) {
-            const user = data;
-            const maybeWithWorkspaces = data;
-            const wsEntry = (_a = maybeWithWorkspaces.workspaces) === null || _a === void 0 ? void 0 : _a.find((ws) => ws.workspaceId === (workspace === null || workspace === void 0 ? void 0 : workspace.id));
-            let roleValue = null;
-            if (wsEntry && wsEntry.role !== undefined && wsEntry.role !== null) {
-                const r = wsEntry.role;
-                if (typeof r === "string") {
-                    roleValue = r;
-                }
-                else if (typeof r === "object" && r !== null) {
-                    roleValue =
-                        r.userRole ||
-                            r.name ||
-                            null;
-                }
-            }
-            const parsedUserRole = roleValue || null;
-            dispatch({
-                type: USER_ACTION_TYPES.SET_FORM_DATA,
-                payload: {
-                    form: {
-                        id: user.id,
-                        name: user.name || "",
-                        email: user.email,
-                        phone: formatPhoneDisplay(user.phone) || "",
-                        avatar: user.avatar || "",
-                        enabled: user.enabled,
-                        userRole: parsedUserRole,
-                        password: "",
-                    },
-                },
-            });
-        }
-    }, [dispatch, showToast, t, workspace === null || workspace === void 0 ? void 0 : workspace.id]);
-    const deleteCallback = useCallback(({ data, error }) => {
-        var _a;
-        if (error) {
-            showToast(t("messagesNetworkError"), TOAST_VARIANT.ERROR);
-            return;
-        }
-        if (data) {
-            invalidateUsersCache();
-            invalidateWorkspaceUsersCache();
-            showToast(t("messagesUserDeleted"), TOAST_VARIANT.SUCCESS);
-            (_a = listFetchNowRef.current) === null || _a === void 0 ? void 0 : _a.call(listFetchNowRef);
-        }
-    }, [showToast, t]);
-    // ============================================================================
-    // 1.4.5 API HOOKS
-    // ============================================================================
-    const { byIdFetchNow, byIdLoading, deleteFetchNow, deleteLoading, listFetchNow, listLoading, updateFetchNow, updateLoading, } = useModuleEntityV2({
-        byIdCallback,
-        byIdParams,
-        deleteCallback,
-        deleteParams,
-        listCallback,
-        listParams,
-        listUrl: USER_API_ROUTES.LIST,
-        searchQuery: debouncedQuery,
-        unitByIdUrl: USER_API_ROUTES.UNIT,
-        unitUrl: USER_API_ROUTES.UNIT,
-        updateCallback,
-        updateParams,
-        headers: {
-            "Content-Type": "application/json",
-            "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
-        },
-    });
-    // ============================================================================
-    // 1.4.6 HANDLERS
-    // ============================================================================
-    const handleChange = useCallback((field, value) => {
-        dispatch({
-            type: USER_ACTION_TYPES.SET_ERRORS,
-            payload: { errors: {} },
-        });
-        dispatch({
-            type: USER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
-            payload: { disabled: false },
-        });
-        const normalized = field === "email" && typeof value === "string"
-            ? value.toLowerCase()
-            : value;
-        dispatch({
-            type: USER_ACTION_TYPES.SET_INPUT_FIELD,
-            payload: {
-                key: field,
-                value: normalized,
-            },
-        });
-    }, [dispatch]);
-    const closeDrawer = useCallback(() => {
-        resetFormAndCloseDrawer();
-    }, [resetFormAndCloseDrawer]);
-    const handleCreate = useCallback(() => {
-        dispatch({
-            type: USER_ACTION_TYPES.SET_DRAWER,
-            payload: { drawer: USER_DRAWER.FORM_DRAWER },
-        });
-    }, [dispatch]);
-    const handleView = useCallback((row) => {
-        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
-        dispatch({
-            type: USER_ACTION_TYPES.SET_DRAWER,
-            payload: { drawer: USER_DRAWER.VIEW_DRAWER },
-        });
-    }, [byIdFetchNow, dispatch]);
-    const handleEdit = useCallback((row) => {
-        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
-        dispatch({
-            type: USER_ACTION_TYPES.SET_DRAWER,
-            payload: { drawer: USER_DRAWER.FORM_DRAWER },
-        });
-    }, [byIdFetchNow, dispatch]);
-    const handleDelete = useCallback((row) => {
-        if (!confirm(t("messagesDeleteConfirmation")))
-            return;
-        deleteFetchNow === null || deleteFetchNow === void 0 ? void 0 : deleteFetchNow(undefined, {
-            body: JSON.stringify({ id: row === null || row === void 0 ? void 0 : row.id }),
-        });
-    }, [deleteFetchNow, t]);
-    const handleFilters = useCallback(() => {
-        dispatch({
-            type: USER_ACTION_TYPES.SET_DRAWER,
-            payload: { drawer: USER_DRAWER.FILTER_DRAWER },
-        });
-    }, [dispatch]);
-    const handleMoreActions = useCallback(() => {
-        dispatch({
-            type: USER_ACTION_TYPES.SET_DRAWER,
-            payload: { drawer: USER_DRAWER.MORE_ACTIONS_DRAWER },
-        });
-    }, [dispatch]);
-    const handlePageChange = useCallback((page) => {
-        const nextPage = typeof page === "number" ? page : state.currentPage + 1;
-        dispatch({
-            type: USER_ACTION_TYPES.SET_CURRENT_PAGE,
-            payload: { currentPage: nextPage },
-        });
-    }, [dispatch, state.currentPage]);
-    const handlePageLimitChange = useCallback((k, value) => {
-        const val = Object.assign({}, value);
-        dispatch({
-            type: USER_ACTION_TYPES.SET_PAGE_LIMIT,
-            payload: { pageLimit: Number(val.option) },
-        });
-        dispatch({
-            type: USER_ACTION_TYPES.SET_CURRENT_PAGE,
-            payload: { currentPage: 1 },
-        });
-    }, [dispatch]);
-    const handleSearch = useCallback((query) => {
-        dispatch({
-            type: USER_ACTION_TYPES.SET_SEARCH_QUERY,
-            payload: { searchQuery: query },
-        });
-    }, [dispatch]);
-    const clearSearch = useCallback(() => {
-        dispatch({
-            type: USER_ACTION_TYPES.SET_SEARCH_QUERY,
-            payload: { searchQuery: "" },
-        });
-    }, [dispatch]);
-    const handleAvatar = useCallback((files) => {
-        if (!files || files.length === 0)
-            return;
-        const file = files[0];
-        const blob = new Blob([file], { type: file.type });
-        const url = URL.createObjectURL(blob);
-        dispatch({
-            type: USER_ACTION_TYPES.SET_INPUT_FIELD,
-            payload: { key: "avatar", value: url },
-        });
-    }, [dispatch]);
-    const applyFilters = useCallback(() => {
-        dispatch({
-            type: USER_ACTION_TYPES.SET_CURRENT_PAGE,
-            payload: { currentPage: 1 },
-        });
-        closeDrawer();
-    }, [dispatch, closeDrawer]);
-    const clearFilters = useCallback(() => {
-        dispatch({
-            type: USER_ACTION_TYPES.SET_FILTERS,
-            payload: { filters: { filterEnabled: undefined } },
-        });
-        dispatch({
-            type: USER_ACTION_TYPES.SET_CURRENT_PAGE,
-            payload: { currentPage: 1 },
-        });
-    }, [dispatch]);
-    const toggleStatus = useCallback((row) => {
-        updateFetchNow(undefined, {
-            body: JSON.stringify(Object.assign(Object.assign({}, row), { workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id, enabled: !(row === null || row === void 0 ? void 0 : row.enabled) })),
-        });
-    }, [updateFetchNow, workspace === null || workspace === void 0 ? void 0 : workspace.id]);
-    // ============================================================================
-    // 1.4.7 NETWORK ACTIONS
-    // ============================================================================
-    const handleUploadImage = useCallback(async () => {
-        var _a;
-        if (!((_a = state.avatar) === null || _a === void 0 ? void 0 : _a.startsWith("blob:")))
-            return undefined;
-        const fileRef = `${workspace === null || workspace === void 0 ? void 0 : workspace.id}/${updateParams.id}/avatar/${updateParams.id}.webp`;
-        try {
-            const blob = await fetch(state.avatar).then((r) => r.blob());
-            const webpBlob = await blobToWebP(blob, { quality: 0.8 });
-            const arrayBuffer = await webpBlob.arrayBuffer();
-            let binary = "";
-            const bytes = new Uint8Array(arrayBuffer);
-            const chunkSize = 0x8000;
-            for (let i = 0; i < bytes.length; i += chunkSize) {
-                const sub = bytes.subarray(i, i + chunkSize);
-                for (let j = 0; j < sub.length; j++) {
-                    binary += String.fromCharCode(sub[j]);
-                }
-            }
-            const base64 = btoa(binary);
-            const res = await fetch("/api/uploads/avatar", {
-                method: "POST",
-                headers: { "Content-Type": "application/json" },
-                body: JSON.stringify({
-                    fileBase64: base64,
-                    fileRef,
-                    contentType: webpBlob.type,
-                }),
-            });
-            if (!res.ok)
-                throw new Error("Upload failed");
-            const responseData = await res.json();
-            if (responseData === null || responseData === void 0 ? void 0 : responseData.path) {
-                const url = `${supabasePublicStorageUrl}/${responseData.path}`;
-                dispatch({
-                    type: USER_ACTION_TYPES.SET_INPUT_FIELD,
-                    payload: { key: "avatar", value: url },
-                });
-                return url;
-            }
-        }
-        catch (_b) {
-            toastNetworkError();
-        }
-        return undefined;
-    }, [state.avatar, dispatch, workspace === null || workspace === void 0 ? void 0 : workspace.id, updateParams.id]);
-    const checkUserEmailExists = useCallback(async (emailParam) => {
-        var _a;
-        const targetEmail = (typeof emailParam === "string" && emailParam) || state.email;
-        if (!targetEmail)
-            return null;
-        const result = await fetchData({
-            url: `${USER_API_ROUTES.UNIT_BY_EMAIL}?email=${encodeURIComponent(String(targetEmail))}`,
-            method: API_METHODS.GET,
-            headers: {
-                "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
-            },
-        });
-        return (_a = result === null || result === void 0 ? void 0 : result.data) !== null && _a !== void 0 ? _a : null;
-    }, [state.email]);
-    const handleSubmit = useCallback(async () => {
-        dispatch({
-            type: USER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
-            payload: { disabled: true },
-        });
-        const uploadedUrl = await handleUploadImage();
-        const finalParams = uploadedUrl
-            ? Object.assign(Object.assign({}, updateParams), { avatar: uploadedUrl }) : updateParams;
-        validateForm({
-            params: finalParams,
-            schema: userFormValidation,
-            successCallback: async () => {
-                try {
-                    const existing = await checkUserEmailExists(state.email);
-                    if (existing &&
-                        existing.id &&
-                        existing.id !== state.id) {
-                        dispatch({
-                            type: USER_ACTION_TYPES.SET_ERRORS,
-                            payload: { errors: { email: t("messagesEmailAlreadyInUse") } },
-                        });
-                        dispatch({
-                            type: USER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
-                            payload: { disabled: false },
-                        });
-                        return;
-                    }
-                    updateFetchNow(undefined, { body: JSON.stringify(finalParams) });
-                }
-                catch (_a) {
-                    toastNetworkError();
-                    dispatch({
-                        type: USER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
-                        payload: { disabled: false },
-                    });
-                }
-            },
-            errorCallback: (errors) => {
-                dispatch({
-                    type: USER_ACTION_TYPES.SET_ERRORS,
-                    payload: { errors },
-                });
-                dispatch({
-                    type: USER_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
-                    payload: { disabled: false },
-                });
-                showToast(t("messagesFormErrors"), TOAST_VARIANT.ERROR);
-            },
-        });
-    }, [
-        checkUserEmailExists,
-        dispatch,
-        handleUploadImage,
-        showToast,
-        state.email,
-        state.id,
-        t,
-        updateFetchNow,
-        updateParams,
-    ]);
-    // ============================================================================
-    // 1.4.8 HEADER & ROW ACTIONS
-    // ============================================================================
-    const headerActions = useMemo(() => [
-        {
-            enabled: false,
-            handleOnClick: handleMoreActions,
-            label: t("actionsButtonMoreActions"),
-            order: 0,
-        },
-        {
-            enabled: false,
-            handleOnClick: handleFilters,
-            label: t("actionsButtonFilters"),
-            order: 1,
-        },
-        {
-            enabled: true,
-            handleOnClick: handleCreate,
-            label: t("actionsButtonAdd"),
-            order: 2,
-        },
-    ], [handleCreate, handleFilters, handleMoreActions, t]);
-    const rowActions = useMemo(() => [
-        {
-            enabled: true,
-            handleOnClick: handleView,
-            label: t("actionsButtonView"),
-            order: 1,
-        },
-        {
-            enabled: true,
-            handleOnClick: handleEdit,
-            label: t("actionsButtonEdit"),
-            order: 2,
-        },
-        {
-            enabled: false,
-            handleOnClick: handleDelete,
-            label: t("actionsButtonDelete"),
-            order: 3,
-        },
-        {
-            enabled: false,
-            handleOnClick: toggleStatus,
-            label: t("actionsButtonToggleStatus"),
-            order: 4,
-        },
-    ], [handleDelete, handleEdit, handleView, t, toggleStatus]);
-    // ============================================================================
-    // 1.4.9 EFFECTS
-    // ============================================================================
-    useEffect(() => {
-        var _a;
-        if (!(workspace === null || workspace === void 0 ? void 0 : workspace.id))
-            return;
-        if (isDefaultListState) {
-            (async () => {
-                try {
-                    const { count, items } = await getCachedUsers({ params: listParams });
-                    dispatch({
-                        type: USER_ACTION_TYPES.SET_ITEMS,
-                        payload: { items: items || [], count: count || 0 },
-                    });
-                }
-                catch (_a) {
-                    showToast(t("messagesNetworkError"), TOAST_VARIANT.ERROR);
-                }
-            })();
-            return;
-        }
-        (_a = listFetchNowRef.current) === null || _a === void 0 ? void 0 : _a.call(listFetchNowRef);
-    }, [dispatch, isDefaultListState, listParams, workspace === null || workspace === void 0 ? void 0 : workspace.id, showToast, t]);
-    useEffect(() => {
-        listFetchNowRef.current = listFetchNow;
-    }, [listFetchNow]);
-    // ============================================================================
-    // 1.4.10 RETURN
-    // ============================================================================
-    return Object.assign(Object.assign({}, context), { applyFilters,
-        byIdLoading,
-        clearFilters,
-        clearSearch,
-        closeDrawer,
-        deleteLoading,
-        handleAvatar,
-        handleChange,
-        handleCreate,
-        handleDelete,
-        handleEdit,
-        handleFilters,
-        handleMoreActions,
-        handlePageChange,
-        handlePageLimitChange,
-        handleSearch,
-        handleSubmit,
-        handleView,
-        headerActions,
-        listFetchNow,
-        listLoading,
-        rowActions,
-        toggleStatus,
-        updateLoading });
-};
+export { useUserModule } from "./context/use-user-module";

package/base-modules/workspace-user/more-actions.js

@@ -28,7 +28,6 @@ export const WorkspaceUserMoreActions = () => {
         {
             id: "3",
             title: t("uploadTheCompletedCsvToTheSystem"),
-            handleOnClick: () => console.log("clicked"),
         },
     ];
     const update = [
@@ -41,11 +40,7 @@ export const WorkspaceUserMoreActions = () => {
             },
         },
         { id: "2", title: t("updateYourDataInTheCsv") },
-        {
-            id: "3",
-            title: t("uploadTheCompletedCsvToTheSystem"),
-            handleOnClick: () => console.log("clicked"),
-        },
+        { id: "3", title: t("uploadTheCompletedCsvToTheSystem") },
     ];
     return (_jsxs("div", { className: "space-y-4", children: [_jsx(Timeline, { events: create, heading: t("bulkCreate") }), _jsx(Timeline, { events: update, heading: t("bulkUpdate") })] }));
 };

package/components/module-error.d.ts

@@ -0,0 +1,9 @@
+import { FC } from "react";
+interface ModuleErrorProps {
+    error: Error & {
+        digest?: string;
+    };
+    reset: () => void;
+}
+export declare const ModuleError: FC<ModuleErrorProps>;
+export {};

package/components/module-error.js

@@ -0,0 +1,3 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ModuleError = ({ error, reset }) => (_jsxs("div", { className: "flex min-h-[400px] flex-col items-center justify-center gap-4 p-8", children: [_jsx("div", { className: "text-destructive text-6xl", children: "!" }), _jsx("h2", { className: "text-foreground text-2xl font-semibold", children: "Something went wrong" }), _jsx("p", { className: "text-muted-foreground max-w-md text-center text-sm", children: error.message || "An unexpected error occurred. Please try again." }), _jsx("button", { onClick: reset, className: "bg-primary text-primary-foreground hover:bg-primary/90 rounded-lg px-4 py-2 text-sm font-medium transition-colors", children: "Try again" })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/fusion-storybook",
-  "version": "0.2.13",
+  "version": "0.2.15",
   "scripts": {
     "build-storybook": "storybook build",
     "build:next": "next build",
@@ -24,7 +24,8 @@
     "test:e2e:ui": "playwright test --ui",
     "test:e2e": "playwright test",
     "test:watch": "jest --watch",
-    "test": "jest --watchAll=false"
+    "test": "jest --watchAll=false",
+    "typecheck": "tsc --noEmit"
   },
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": [
@@ -37,7 +38,7 @@
   },
   "devDependencies": {
     "@appcorp/app-corp-vista": "^1.0.0",
-    "@appcorp/shadcn": "^1.1.88",
+    "@appcorp/shadcn": "^1.1.90",
     "@chromatic-com/storybook": "^5.1.2",
     "@commitlint/cli": "^20.5.0",
     "@commitlint/config-conventional": "^20.5.0",
@@ -100,7 +101,6 @@
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "react-dropzone": "^15.0.0",
-    "react-easy-crop": "^5.5.7",
     "rimraf": "^6.1.3",
     "sonner": "^2.0.7",
     "storybook": "^10.3.4",
@@ -115,6 +115,7 @@
     "vitest": "^4.1.2",
     "webp-converter-browser": "^1.0.4"
   },
+  "license": "MIT",
   "packageManager": "yarn@4.14.1",
   "engines": {
     "node": "24",