@appcorp/fusion-storybook 0.1.4

package/base-modules/family/view.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Badge } from "@appcorp/shadcn/components/ui/badge";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@appcorp/shadcn/components/ui/card";
+import { Separator } from "@appcorp/shadcn/components/ui/separator";
+import { CheckCircle2, Home, MapPin, Users, XCircle } from "lucide-react";
+import { useFamilyModule } from "./context";
+import { useTranslations } from "next-intl";
+import { formatValue } from "@/utils/format-value";
+export const FamilyView = () => {
+    const { state } = useFamilyModule();
+    const { address, city, country, enabled, familyCode, postalCode, stateProvince, } = state;
+    const t = useTranslations("family");
+    const fullAddress = [address, city, stateProvince, country, postalCode]
+        .filter(Boolean)
+        .join(", ");
+    return (_jsxs("div", { className: "space-y-4", children: [_jsx(Card, { children: _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "flex items-center gap-6", children: [_jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-primary/10", children: _jsx(Home, { className: "h-8 w-8 text-primary" }) }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("h2", { className: "text-2xl font-bold", children: familyCode }), enabled ? (_jsxs(Badge, { variant: "default", className: "gap-1", children: [_jsx(CheckCircle2, { className: "h-3 w-3" }), t("active")] })) : (_jsxs(Badge, { variant: "secondary", className: "gap-1", children: [_jsx(XCircle, { className: "h-3 w-3" }), t("inactive")] }))] }), _jsx("p", { className: "text-sm text-muted-foreground mt-1", children: t("familyProfile") })] })] }) }) }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(MapPin, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("addressInformation") })] }), _jsx(CardDescription, { children: t("familyResidenceDetails") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("fullAddress") }), _jsx("p", { className: "text-base", children: fullAddress || t("noAddressProvided") })] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("streetAddress") }), _jsx("p", { className: "text-base", children: formatValue(address) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("city") }), _jsx("p", { className: "text-base", children: formatValue(city) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("stateProvince") }), _jsx("p", { className: "text-base", children: formatValue(stateProvince) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("country") }), _jsx("p", { className: "text-base", children: formatValue(country) })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-sm font-medium text-muted-foreground", children: t("postalCode") }), _jsx("p", { className: "text-base", children: formatValue(postalCode) })] })] })] }) })] }), _jsxs(Card, { children: [_jsxs(CardHeader, { className: "pb-3", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "h-5 w-5 text-primary" }), _jsx(CardTitle, { className: "text-lg", children: t("familyStatus") })] }), _jsx(CardDescription, { children: t("currentStatusInformation") })] }), _jsx(Separator, {}), _jsx(CardContent, { className: "pt-6", children: _jsx("div", { className: "flex items-center gap-3", children: enabled ? (_jsxs(_Fragment, { children: [_jsx(CheckCircle2, { className: "h-5 w-5 text-green-500" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: t("active") }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("thisAccountIsCurrentlyActive") })] })] })) : (_jsxs(_Fragment, { children: [_jsx(XCircle, { className: "h-5 w-5 text-red-500" }), _jsxs("div", { children: [_jsx("p", { className: "font-medium", children: t("inactive") }), _jsx("p", { className: "text-sm text-muted-foreground", children: t("thisAccountIsCurrentlyInactive") })] })] })) }) })] })] }));
+};

package/base-modules/family-member/cache.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Family Member Module Cache Utilities
+ *
+ * Provides localStorage-based caching for family members using generic cache system.
+ */
+import { FamilyMemberBE } from "@/type";
+export declare const getCachedFamilyMembersSync: () => import("@react-pakistan/util-functions").ListResponse<FamilyMemberBE>;
+export declare const getCachedFamilyMembers: ({ params, }: {
+    params?: Record<string, unknown>;
+}) => Promise<import("@react-pakistan/util-functions").ListResponse<FamilyMemberBE>>;
+export declare const getCachedFamilyMemberById: (familyMemberId: string) => FamilyMemberBE | null;
+export declare const invalidateFamilyMembersCache: () => void;
+export declare const preloadFamilyMembers: () => Promise<import("@react-pakistan/util-functions").ListResponse<FamilyMemberBE>>;
+export declare const isFamilyMembersCacheStale: () => boolean;

package/base-modules/family-member/cache.js

@@ -0,0 +1,31 @@
+/**
+ * Family Member Module Cache Utilities
+ *
+ * Provides localStorage-based caching for family members using generic cache system.
+ */
+import { LS_KEYS } from "@/constants";
+import { FAMILY_MEMBER_API_ROUTES } from "./constants";
+import { getCachedData, getCachedDataSync, getCachedItemById, invalidateCache, isCacheStale, preloadCache, } from "@react-pakistan/util-functions";
+// ============================================================================
+// CACHE CONFIGURATION
+// ============================================================================
+const FAMILY_MEMBER_CACHE_CONFIG = {
+    cacheKey: LS_KEYS.FAMILY_MEMBERS,
+    apiUrl: FAMILY_MEMBER_API_ROUTES.UNIT,
+};
+// ============================================================================
+// FAMILY_MEMBER-SPECIFIC CACHE FUNCTIONS
+// ============================================================================
+export const getCachedFamilyMembersSync = () => getCachedDataSync(LS_KEYS.FAMILY_MEMBERS);
+export const getCachedFamilyMembers = ({ params, }) => getCachedData({
+    config: FAMILY_MEMBER_CACHE_CONFIG,
+    params,
+    headers: {
+        "Content-Type": "application/json",
+        "x-api-token": process.env.NEXT_PUBLIC_API_KEY,
+    },
+});
+export const getCachedFamilyMemberById = (familyMemberId) => getCachedItemById(LS_KEYS.FAMILY_MEMBERS, familyMemberId);
+export const invalidateFamilyMembersCache = () => invalidateCache(LS_KEYS.FAMILY_MEMBERS);
+export const preloadFamilyMembers = () => preloadCache(FAMILY_MEMBER_CACHE_CONFIG);
+export const isFamilyMembersCacheStale = () => isCacheStale(LS_KEYS.FAMILY_MEMBERS);

package/base-modules/family-member/constants.d.ts

@@ -0,0 +1,22 @@
+/**
+ * FamilyMember Constants
+ *
+ * Organization:
+ * - Page Configuration
+ * - API Routes
+ * - Table Configuration
+ */
+export declare const pageLimit: number;
+export declare const FAMILY_MEMBER_API_ROUTES: {
+    readonly UNIT: "/api/v1/family-member";
+};
+export declare const ENABLED_OPTIONS: readonly [{
+    readonly label: "All";
+    readonly value: "";
+}, {
+    readonly label: "Enabled";
+    readonly value: "true";
+}, {
+    readonly label: "Disabled";
+    readonly value: "false";
+}];

package/base-modules/family-member/constants.js

@@ -0,0 +1,26 @@
+/**
+ * FamilyMember Constants
+ *
+ * Organization:
+ * - Page Configuration
+ * - API Routes
+ * - Table Configuration
+ */
+// ============================================================================
+// PAGE CONFIGURATION
+// ============================================================================
+export const pageLimit = Number(process.env.NEXT_PUBLIC_PAGE_LIMIT) || 10;
+// ============================================================================
+// API ROUTES
+// ============================================================================
+export const FAMILY_MEMBER_API_ROUTES = {
+    UNIT: "/api/v1/family-member",
+};
+// ============================================================================
+// ENABLED OPTIONS
+// ============================================================================
+export const ENABLED_OPTIONS = [
+    { label: "All", value: "" },
+    { label: "Enabled", value: "true" },
+    { label: "Disabled", value: "false" },
+];

package/base-modules/family-member/context.d.ts

@@ -0,0 +1,215 @@
+import { FamilyMemberBE } from "@/type";
+import { type RowAction } from "@appcorp/shadcn/components/enhanced-table";
+export declare const FAMILY_MEMBER_DRAWER: {
+    readonly FILTER_DRAWER: string;
+    readonly FORM_DRAWER: string;
+    readonly MORE_ACTIONS_DRAWER: string;
+    readonly VIEW_DRAWER: string;
+};
+export declare const FAMILY_MEMBER_ACTION_TYPES: {
+    readonly RESET_FORM: "RESET_FORM";
+    readonly SET_CURRENT_PAGE: "SET_CURRENT_PAGE";
+    readonly SET_PAGE_LIMIT: "SET_PAGE_LIMIT";
+    readonly SET_SEARCH_QUERY: "SET_SEARCH_QUERY";
+    readonly SET_DRAWER: "SET_DRAWER";
+    readonly SET_ITEMS: "SET_ITEMS";
+    readonly SET_FORM_DATA: "SET_FORM_DATA";
+    readonly SET_DISABLE_SAVE_BUTTON: "SET_DISABLE_SAVE_BUTTON";
+    readonly SET_INPUT_FIELD: "SET_INPUT_FIELD";
+    readonly SET_ERRORS: "SET_ERRORS";
+    readonly SET_FILTERS: "SET_FILTERS";
+}, familyMemberModuleConfig: import("@react-pakistan/util-functions/factory/generic-module-factory").ModuleConfig<{
+    items: FamilyMemberBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    familyId: string;
+    filterEnabled: boolean | undefined;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    avatar: string;
+    bloodGroup: string;
+    dateOfBirth: string;
+    email: string;
+    emergencyPhone: string;
+    enabled: boolean;
+    errors: Record<string, string>;
+    firstName: string;
+    gender: string;
+    id: string;
+    idNumber: string;
+    isPrimary: boolean;
+    lastName: string;
+    occupation: string;
+    phone: string;
+    relationship: string;
+    role: string;
+}>, initialFamilyMemberState: {
+    items: FamilyMemberBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    familyId: string;
+    filterEnabled: boolean | undefined;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    avatar: string;
+    bloodGroup: string;
+    dateOfBirth: string;
+    email: string;
+    emergencyPhone: string;
+    enabled: boolean;
+    errors: Record<string, string>;
+    firstName: string;
+    gender: string;
+    id: string;
+    idNumber: string;
+    isPrimary: boolean;
+    lastName: string;
+    occupation: string;
+    phone: string;
+    relationship: string;
+    role: string;
+}, FamilyMemberProvider: import("react").FC<{
+    children: React.ReactNode;
+}>, familyMemberReducer: (state: {
+    items: FamilyMemberBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    familyId: string;
+    filterEnabled: boolean | undefined;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    avatar: string;
+    bloodGroup: string;
+    dateOfBirth: string;
+    email: string;
+    emergencyPhone: string;
+    enabled: boolean;
+    errors: Record<string, string>;
+    firstName: string;
+    gender: string;
+    id: string;
+    idNumber: string;
+    isPrimary: boolean;
+    lastName: string;
+    occupation: string;
+    phone: string;
+    relationship: string;
+    role: string;
+}, action: any) => {
+    items: FamilyMemberBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    familyId: string;
+    filterEnabled: boolean | undefined;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    avatar: string;
+    bloodGroup: string;
+    dateOfBirth: string;
+    email: string;
+    emergencyPhone: string;
+    enabled: boolean;
+    errors: Record<string, string>;
+    firstName: string;
+    gender: string;
+    id: string;
+    idNumber: string;
+    isPrimary: boolean;
+    lastName: string;
+    occupation: string;
+    phone: string;
+    relationship: string;
+    role: string;
+}, useFamilyMemberContext: () => import("@react-pakistan/util-functions/factory/generic-module-factory").GenericModuleContext<{
+    items: FamilyMemberBE[];
+    count: number;
+    currentPage: number;
+    pageLimit: number;
+    searchQuery: string;
+    familyId: string;
+    filterEnabled: boolean | undefined;
+    disableSaveButton: boolean;
+    drawer: string | null;
+    avatar: string;
+    bloodGroup: string;
+    dateOfBirth: string;
+    email: string;
+    emergencyPhone: string;
+    enabled: boolean;
+    errors: Record<string, string>;
+    firstName: string;
+    gender: string;
+    id: string;
+    idNumber: string;
+    isPrimary: boolean;
+    lastName: string;
+    occupation: string;
+    phone: string;
+    relationship: string;
+    role: string;
+}>;
+export declare const useFamilyMemberModule: () => {
+    applyFilters: () => void;
+    byIdLoading: boolean;
+    clearFilters: () => void;
+    deleteLoading: boolean;
+    handleChange: (key: string, value: string | number | boolean | Date | undefined | null) => void;
+    handleCloseDrawer: () => void;
+    handleCreate: () => void;
+    handleDelete: (row?: unknown) => void;
+    handleEdit: (row?: unknown) => void;
+    handleFilters: () => void;
+    handleMoreActions: () => void;
+    handlePageChange: (page: number) => void;
+    handlePageLimitChange: (limit: number) => void;
+    handleSearch: (query: string) => void;
+    handleSubmit: () => void;
+    handleView: (row?: unknown) => void;
+    headerActions: {
+        enabled: boolean;
+        handleOnClick: () => void;
+        label: string;
+        order: number;
+        icon: import("react").ForwardRefExoticComponent<Omit<import("lucide-react").LucideProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+    }[];
+    listLoading: boolean;
+    rowActions: RowAction[];
+    updateLoading: boolean;
+    state: {
+        items: FamilyMemberBE[];
+        count: number;
+        currentPage: number;
+        pageLimit: number;
+        searchQuery: string;
+        familyId: string;
+        filterEnabled: boolean | undefined;
+        disableSaveButton: boolean;
+        drawer: string | null;
+        avatar: string;
+        bloodGroup: string;
+        dateOfBirth: string;
+        email: string;
+        emergencyPhone: string;
+        enabled: boolean;
+        errors: Record<string, string>;
+        firstName: string;
+        gender: string;
+        id: string;
+        idNumber: string;
+        isPrimary: boolean;
+        lastName: string;
+        occupation: string;
+        phone: string;
+        relationship: string;
+        role: string;
+    };
+    dispatch: React.Dispatch<any>;
+};