@appcorp/fusion-storybook 0.3.45 → 0.3.46

package/base-modules/push-campaign/page.js

@@ -0,0 +1,152 @@
+"use client";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { COMPONENT_TYPE } from "@appcorp/shadcn/components/enhanced-table";
+import { createGenericModulePage, } from "@react-pakistan/util-functions/factory/generic-component-factory";
+import { formatDate, DATE_FORMATS, } from "@react-pakistan/util-functions/general/format-date";
+import { usePushCampaignModule, PushCampaignProvider, PUSH_CAMPAIGN_ACTION_TYPES, } from "./context";
+import { PushCampaignFilter } from "./filter";
+import { PushCampaignForm } from "./form";
+import { PushCampaignView } from "./view";
+import { resolveRbacPermissions } from "../../utils/resolve-rbac-permissions";
+import { CAMPAIGN_STATUS } from "../../type";
+import { RbacNoAccess } from "../../components/rbac-no-access";
+const tableBodyCols = [
+    { componentType: COMPONENT_TYPE.ID, key: "id" },
+    { componentType: COMPONENT_TYPE.TEXT, key: "name" },
+    { componentType: COMPONENT_TYPE.TEXT, key: "title" },
+    {
+        componentType: COMPONENT_TYPE.TEXT,
+        key: "status",
+        textFormatter: (val) => {
+            const status = val;
+            const map = {
+                [CAMPAIGN_STATUS.DRAFT]: "Draft",
+                [CAMPAIGN_STATUS.SCHEDULED]: "Scheduled",
+                [CAMPAIGN_STATUS.RUNNING]: "Running",
+                [CAMPAIGN_STATUS.COMPLETED]: "Completed",
+                [CAMPAIGN_STATUS.FAILED]: "Failed",
+                [CAMPAIGN_STATUS.PAUSED]: "Paused",
+            };
+            return map[status] || status;
+        },
+    },
+    {
+        componentType: COMPONENT_TYPE.TEXT,
+        key: "scheduledAt",
+        textFormatter: (val) => {
+            if (!val)
+                return "-";
+            return formatDate(String(val), DATE_FORMATS.YYYY_MM_DD);
+        },
+    },
+    {
+        componentType: COMPONENT_TYPE.TEXT,
+        key: "allStudents",
+        textFormatter: (val) => val ? "All Students" : "Selected",
+    },
+    { componentType: COMPONENT_TYPE.TEXT, key: "successCount" },
+    { componentType: COMPONENT_TYPE.ACTIONS },
+];
+const createComponentInstances = () => ({
+    filter: _jsx(PushCampaignFilter, {}),
+    form: _jsx(PushCampaignForm, {}),
+    view: _jsx(PushCampaignView, {}),
+    moreActions: _jsx(_Fragment, {}),
+});
+const createPushCampaignConfig = ({ dispatch, drawerButtonCancel, drawerButtonSave, drawerFilterDescription, drawerFilterTitle, drawerFormDescription, drawerFormTitle, drawerMoreActionsDescription, drawerMoreActionsTitle, drawerViewDescription, drawerViewTitle, tableColumnHeaderActions, tableColumnHeaderAllStudents, tableColumnHeaderId, tableColumnHeaderName, tableColumnHeaderScheduledAt, tableColumnHeaderStatus, tableColumnHeaderSuccessCount, tableColumnHeaderTitle, tableDescription, tableSearchPlaceholder, tableTitle, }) => {
+    const components = createComponentInstances();
+    return {
+        moduleName: "pushCampaign",
+        tableColumns: [
+            { label: tableColumnHeaderId, width: "5%" },
+            { label: tableColumnHeaderName, width: "20%" },
+            { label: tableColumnHeaderTitle, width: "20%" },
+            { label: tableColumnHeaderStatus, width: "10%" },
+            { label: tableColumnHeaderScheduledAt, width: "15%" },
+            { label: tableColumnHeaderAllStudents, width: "10%" },
+            { label: tableColumnHeaderSuccessCount, width: "10%" },
+            { label: tableColumnHeaderActions, width: "5%" },
+        ],
+        cancelLabel: drawerButtonCancel,
+        drawerFilterDescription,
+        drawerFilterTitle,
+        drawerFormDescription,
+        drawerFormTitle,
+        drawerMoreActionsDescription,
+        drawerMoreActionsTitle,
+        drawerViewDescription,
+        drawerViewTitle,
+        filterContent: components.filter,
+        formContent: components.form,
+        moreActionsContent: components.moreActions,
+        saveLabel: drawerButtonSave,
+        searchPlaceholder: tableSearchPlaceholder,
+        tableDescription,
+        tableTitle,
+        viewContent: components.view,
+        onClearFilters: () => {
+            dispatch({ type: PUSH_CAMPAIGN_ACTION_TYPES.RESET_FORM });
+        },
+    };
+};
+const GenericPushCampaignPage = createGenericModulePage();
+const PushCampaignPageInner = (props) => {
+    const context = usePushCampaignModule();
+    const pushCampaignConfig = useMemo(() => createPushCampaignConfig({
+        dispatch: context.dispatch,
+        drawerButtonCancel: props.drawerButtonCancel,
+        drawerButtonSave: props.drawerButtonSave,
+        drawerFilterDescription: props.drawerFilterDescription,
+        drawerFilterTitle: props.drawerFilterTitle,
+        drawerFormDescription: props.drawerFormDescription,
+        drawerFormTitle: props.drawerFormTitle,
+        drawerMoreActionsDescription: props.drawerMoreActionsDescription,
+        drawerMoreActionsTitle: props.drawerMoreActionsTitle,
+        drawerViewDescription: props.drawerViewDescription,
+        drawerViewTitle: props.drawerViewTitle,
+        tableColumnHeaderActions: props.tableColumnHeaderActions,
+        tableColumnHeaderAllStudents: props.tableColumnHeaderAllStudents,
+        tableColumnHeaderId: props.tableColumnHeaderId,
+        tableColumnHeaderName: props.tableColumnHeaderName,
+        tableColumnHeaderScheduledAt: props.tableColumnHeaderScheduledAt,
+        tableColumnHeaderStatus: props.tableColumnHeaderStatus,
+        tableColumnHeaderSuccessCount: props.tableColumnHeaderSuccessCount,
+        tableColumnHeaderTitle: props.tableColumnHeaderTitle,
+        tableDescription: props.tableDescription,
+        tableSearchPlaceholder: props.tableSearchPlaceholder,
+        tableTitle: props.tableTitle,
+    }), [
+        context.dispatch,
+        props.drawerButtonCancel,
+        props.drawerButtonSave,
+        props.drawerFilterDescription,
+        props.drawerFilterTitle,
+        props.drawerFormDescription,
+        props.drawerFormTitle,
+        props.drawerMoreActionsDescription,
+        props.drawerMoreActionsTitle,
+        props.drawerViewDescription,
+        props.drawerViewTitle,
+        props.tableColumnHeaderActions,
+        props.tableColumnHeaderAllStudents,
+        props.tableColumnHeaderId,
+        props.tableColumnHeaderName,
+        props.tableColumnHeaderScheduledAt,
+        props.tableColumnHeaderStatus,
+        props.tableColumnHeaderSuccessCount,
+        props.tableColumnHeaderTitle,
+        props.tableDescription,
+        props.tableSearchPlaceholder,
+        props.tableTitle,
+    ]);
+    const hasPermission = resolveRbacPermissions({
+        userRole: props.userRole,
+        moduleName: "Communication",
+    });
+    if (!hasPermission) {
+        return _jsx(RbacNoAccess, { moduleName: "Communication" });
+    }
+    return (_jsx("div", { className: "p-4", children: _jsx(GenericPushCampaignPage, { overrideConfig: pushCampaignConfig, context: context, tableBodyCols: tableBodyCols }) }));
+};
+export const PushCampaignPage = (props) => (_jsx(PushCampaignProvider, { children: _jsx(PushCampaignPageInner, Object.assign({}, props)) }));

package/base-modules/push-campaign/validate.d.ts

@@ -0,0 +1,11 @@
+import { z } from "zod";
+export declare const pushCampaignFormValidation: z.ZodObject<{
+    name: z.ZodString;
+    title: z.ZodString;
+    body: z.ZodString;
+    scheduledAt: z.ZodString;
+    allStudents: z.ZodOptional<z.ZodBoolean>;
+    enabled: z.ZodOptional<z.ZodBoolean>;
+    id: z.ZodOptional<z.ZodString>;
+    schoolId: z.ZodString;
+}, z.core.$strip>;

package/base-modules/push-campaign/validate.js

@@ -0,0 +1,11 @@
+import { z } from "zod";
+export const pushCampaignFormValidation = z.object({
+    name: z.string().min(1, "Campaign name is required"),
+    title: z.string().min(1, "Notification title is required").max(100, "Title must be 100 characters or less"),
+    body: z.string().min(1, "Notification body is required").max(300, "Body must be 300 characters or less"),
+    scheduledAt: z.string().min(1, "Send time is required"),
+    allStudents: z.boolean().optional(),
+    enabled: z.boolean().optional(),
+    id: z.string().optional(),
+    schoolId: z.string(),
+});

package/base-modules/push-campaign/view.d.ts

@@ -0,0 +1 @@
+export declare const PushCampaignView: () => import("react").JSX.Element;

package/base-modules/push-campaign/view.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from "@appcorp/shadcn/components/ui/card";
+import { Badge } from "@appcorp/shadcn/components/ui/badge";
+import { formatDate, DATE_FORMATS, } from "@react-pakistan/util-functions/general/format-date";
+import { Bell, Calendar, CheckCircle2, XCircle, Clock, Users, } from "lucide-react";
+import { useTranslations } from "next-intl";
+import { usePushCampaignModule } from "./context";
+export const PushCampaignView = () => {
+    const t = useTranslations("pushCampaign");
+    const context = usePushCampaignModule();
+    const { allStudents, body, enabled, failedCount, name, scheduledAt, status, successCount, title, totalCount, } = context.state;
+    const statusBadgeVariant = {
+        DRAFT: "secondary",
+        SCHEDULED: "outline",
+        RUNNING: "default",
+        COMPLETED: "default",
+        FAILED: "destructive",
+        PAUSED: "secondary",
+    };
+    return (_jsxs("div", { className: "space-y-6", children: [_jsxs(Card, { children: [_jsxs(CardHeader, { children: [_jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Bell, { className: "h-5 w-5" }), name || t("viewUntitled")] }), _jsxs(CardDescription, { className: "flex items-center gap-2", children: [_jsx(Badge, { variant: statusBadgeVariant[status] || "secondary", children: t(`status${status}`) }), !enabled && (_jsx(Badge, { variant: "destructive", children: t("viewDisabled") }))] })] }), _jsxs(CardContent, { className: "space-y-4", children: [_jsxs("div", { children: [_jsx("h4", { className: "font-semibold", children: t("viewTitle") }), _jsx("p", { children: title })] }), _jsxs("div", { children: [_jsx("h4", { className: "font-semibold", children: t("viewBody") }), _jsx("p", { children: body })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Calendar, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { children: scheduledAt
+                                            ? formatDate(scheduledAt, DATE_FORMATS.DAY_DD_MM_YYYY)
+                                            : t("viewNotScheduled") })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Users, { className: "h-4 w-4 text-muted-foreground" }), _jsx("span", { children: allStudents
+                                            ? t("viewAllStudents")
+                                            : t("viewSelectedAudience") })] })] })] }), (status === "COMPLETED" || status === "RUNNING" || status === "FAILED") && (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: "flex items-center gap-2", children: [_jsx(Clock, { className: "h-5 w-5" }), t("viewDeliveryStats")] }) }), _jsx(CardContent, { children: _jsxs("div", { className: "grid grid-cols-3 gap-4 text-center", children: [_jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-2xl font-bold", children: totalCount }), _jsx("p", { className: "text-xs text-muted-foreground", children: t("viewTotal") })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-2xl font-bold text-green-600", children: successCount }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [_jsx(CheckCircle2, { className: "inline h-3 w-3" }), " ", t("viewSuccess")] })] }), _jsxs("div", { className: "space-y-1", children: [_jsx("p", { className: "text-2xl font-bold text-red-600", children: failedCount }), _jsxs("p", { className: "text-xs text-muted-foreground", children: [_jsx(XCircle, { className: "inline h-3 w-3" }), " ", t("viewFailed")] })] })] }) })] }))] }));
+};

package/constants.d.ts

@@ -60,6 +60,11 @@ export declare const FEE_STRUCTURE_API_ROUTES: {
 export declare const PLAN_API_ROUTES: {
     readonly UNIT: "/api/v1/plan";
 };
+export declare const PUSH_CAMPAIGN_API_ROUTES: {
+    readonly UNIT: "/api/v1/push-campaign";
+    readonly START: "/api/v1/push-campaign/start";
+    readonly AI_CHECK: "/api/v1/push-campaign/ai-check";
+};
 export declare const RBAC_API_ROUTES: Record<string, string>;
 export declare const SCHOOL_API_ROUTES: Record<string, string>;
 export declare const SECTION_API_ROUTES: {
@@ -136,6 +141,7 @@ export declare const DASHBOARD_ROUTES: {
     USER_MANAGEMENT: string;
     USER: string;
     WHATSAPP_BROADCAST: string;
+    PUSH_CAMPAIGN: string;
     WORKSPACE_USER: string;
     WORKSPACE: string;
 };

package/constants.js

@@ -65,6 +65,11 @@ export const FEE_STRUCTURE_API_ROUTES = {
 export const PLAN_API_ROUTES = {
     UNIT: "/api/v1/plan",
 };
+export const PUSH_CAMPAIGN_API_ROUTES = {
+    UNIT: "/api/v1/push-campaign",
+    START: "/api/v1/push-campaign/start",
+    AI_CHECK: "/api/v1/push-campaign/ai-check",
+};
 export const RBAC_API_ROUTES = {
     UNIT: "/api/v1/role",
     PERMISSIONS_LIST: "/api/v1/permission",
@@ -157,6 +162,7 @@ export const DASHBOARD_ROUTES = {
     USER_MANAGEMENT: "/user-management",
     USER: "/user-management/user",
     WHATSAPP_BROADCAST: "/communication/whatsapp-broadcast",
+    PUSH_CAMPAIGN: "/communication/push-campaign",
     WORKSPACE_USER: "/user-management/workspace-user",
     WORKSPACE: "/account/workspace",
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/fusion-storybook",
-  "version": "0.3.45",
+  "version": "0.3.46",
   "scripts": {
     "build-storybook": "storybook build",
     "build:next": "next build",