@appcorp/fusion-storybook 0.3.44 → 0.3.46

package/base-modules/push-campaign/context/use-push-campaign-module.js

@@ -0,0 +1,451 @@
+import { useCallback, useEffect, useMemo, useRef } from "react";
+import { useTranslations } from "next-intl";
+import { useTheme } from "next-themes";
+import { isCreatedOrUpdated } from "@react-pakistan/util-functions/general/is-created-or-updated";
+import { validateForm } from "@react-pakistan/util-functions/general/validate-form";
+import { useModuleEntityV2, } from "@react-pakistan/util-functions/hooks/use-module-entity-v2";
+import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
+import { generateThemeToast, TOAST_VARIANT, } from "@appcorp/shadcn/lib/toast-utils";
+import { PUSH_CAMPAIGN_API_ROUTES } from "../../../constants";
+import { pushCampaignFormValidation } from "../validate";
+import { getCachedWorkspaceSync } from "../../workspace/cache";
+import { usePushCampaignContext, PUSH_CAMPAIGN_ACTION_TYPES, PUSH_CAMPAIGN_DRAWER, } from "./module-base";
+export const usePushCampaignModule = () => {
+    var _a, _b, _c;
+    const context = usePushCampaignContext();
+    const { dispatch } = context;
+    const state = context.state;
+    const t = useTranslations("pushCampaign");
+    const { theme } = useTheme();
+    const workspace = getCachedWorkspaceSync();
+    const listFetchNowRef = useRef(null);
+    const debouncedQuery = useDebounce(state.searchQuery, 800);
+    const listParams = useMemo(() => {
+        var _a;
+        return (Object.assign(Object.assign(Object.assign({ currentPage: state.currentPage, pageLimit: state.pageLimit, schoolId: ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "" }, (debouncedQuery ? { searchQuery: debouncedQuery } : {})), (state.filterEnabled !== undefined
+            ? { filterEnabled: String(state.filterEnabled) }
+            : {})), (state.filterStatus ? { filterStatus: state.filterStatus } : {})));
+    }, [
+        state.currentPage,
+        state.filterEnabled,
+        state.filterStatus,
+        state.pageLimit,
+        debouncedQuery,
+        (_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id,
+    ]);
+    const updateParams = useMemo(() => {
+        var _a;
+        return ({
+            id: state.id || undefined,
+            schoolId: state.schoolId || ((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id) || "",
+            name: state.name,
+            title: state.title,
+            body: state.body,
+            scheduledAt: state.scheduledAt,
+            allStudents: state.allStudents,
+            audience: state.audience,
+            status: state.status,
+            enabled: state.enabled,
+        });
+    }, [state, (_b = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _b === void 0 ? void 0 : _b.id]);
+    const byIdParams = useMemo(() => ({ id: state.id }), [state.id]);
+    const deleteParams = useMemo(() => ({ id: state.id }), [state.id]);
+    const showToast = useCallback((description, variant) => {
+        generateThemeToast({
+            description,
+            theme: theme,
+            variant,
+        });
+    }, [theme]);
+    const resetFormAndCloseDrawer = useCallback(() => {
+        dispatch({ type: PUSH_CAMPAIGN_ACTION_TYPES.RESET_FORM });
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: null },
+        });
+    }, [dispatch]);
+    const resetRecordFormState = useCallback(() => {
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+    }, [dispatch]);
+    const listCallback = useCallback(({ data, error }) => {
+        var _a, _b;
+        if (error) {
+            showToast(t("messagesFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            const response = data;
+            dispatch({
+                type: PUSH_CAMPAIGN_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("messagesUpdateFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            const isCreated = isCreatedOrUpdated(data);
+            showToast(isCreated ? t("messagesCreateSuccess") : t("messagesUpdateSuccess"), 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, _b, _c, _d, _e, _f, _g, _h, _j;
+        if (error) {
+            showToast(t("messagesDetailsFetchFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data && typeof data === "object" && "id" in data) {
+            const pc = data;
+            dispatch({
+                type: PUSH_CAMPAIGN_ACTION_TYPES.SET_FORM_DATA,
+                payload: {
+                    form: {
+                        id: pc.id,
+                        name: (_a = pc.name) !== null && _a !== void 0 ? _a : "",
+                        title: (_b = pc.title) !== null && _b !== void 0 ? _b : "",
+                        body: (_c = pc.body) !== null && _c !== void 0 ? _c : "",
+                        schoolId: (_d = pc.schoolId) !== null && _d !== void 0 ? _d : "",
+                        scheduledAt: (_e = pc.scheduledAt) !== null && _e !== void 0 ? _e : "",
+                        status: pc.status,
+                        enabled: typeof pc.enabled === "boolean" ? pc.enabled : true,
+                        allStudents: typeof pc.allStudents === "boolean" ? pc.allStudents : false,
+                        successCount: (_f = pc.successCount) !== null && _f !== void 0 ? _f : 0,
+                        failedCount: (_g = pc.failedCount) !== null && _g !== void 0 ? _g : 0,
+                        totalCount: (_h = pc.totalCount) !== null && _h !== void 0 ? _h : 0,
+                        workerJobId: (_j = pc.workerJobId) !== null && _j !== void 0 ? _j : null,
+                        audience: Array.isArray(pc.audience) ? pc.audience : [],
+                    },
+                },
+            });
+        }
+    }, [dispatch, showToast, t]);
+    const deleteCallback = useCallback(({ data, error }) => {
+        var _a;
+        if (error) {
+            showToast(t("messagesDeleteFailed"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        if (data) {
+            showToast(t("messagesDeleteSuccess"), TOAST_VARIANT.SUCCESS);
+            (_a = listFetchNowRef.current) === null || _a === void 0 ? void 0 : _a.call(listFetchNowRef);
+        }
+    }, [showToast, t]);
+    const { byIdFetchNow, byIdLoading, deleteFetchNow, deleteLoading, listFetchNow, listLoading, updateFetchNow, updateLoading, } = useModuleEntityV2({
+        byIdCallback,
+        byIdParams,
+        deleteCallback,
+        deleteParams,
+        listCallback,
+        listParams,
+        listUrl: PUSH_CAMPAIGN_API_ROUTES.UNIT,
+        searchQuery: debouncedQuery,
+        unitByIdUrl: PUSH_CAMPAIGN_API_ROUTES.UNIT,
+        unitUrl: PUSH_CAMPAIGN_API_ROUTES.UNIT,
+        updateCallback,
+        updateParams,
+        headers: {
+            "Content-Type": "application/json",
+        },
+    });
+    const handleChange = useCallback((field, value) => {
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_ERRORS,
+            payload: { errors: {} },
+        });
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: false },
+        });
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: field, value },
+        });
+    }, [dispatch]);
+    const closeDrawer = useCallback(() => {
+        resetFormAndCloseDrawer();
+    }, [resetFormAndCloseDrawer]);
+    const handleCreate = useCallback(() => {
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: PUSH_CAMPAIGN_DRAWER.FORM_DRAWER },
+        });
+    }, [dispatch]);
+    const handleView = useCallback((row) => {
+        resetRecordFormState();
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: PUSH_CAMPAIGN_DRAWER.VIEW_DRAWER },
+        });
+    }, [byIdFetchNow, dispatch, resetRecordFormState]);
+    const handleEdit = useCallback((row) => {
+        resetRecordFormState();
+        byIdFetchNow === null || byIdFetchNow === void 0 ? void 0 : byIdFetchNow(undefined, { params: { id: row === null || row === void 0 ? void 0 : row.id } });
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: PUSH_CAMPAIGN_DRAWER.FORM_DRAWER },
+        });
+    }, [byIdFetchNow, dispatch, resetRecordFormState]);
+    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 handleLaunch = useCallback(async (row) => {
+        var _a, _b;
+        const campaignId = row === null || row === void 0 ? void 0 : row.id;
+        if (!campaignId)
+            return;
+        try {
+            const res = await fetch(PUSH_CAMPAIGN_API_ROUTES.START, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ id: campaignId }),
+            });
+            if (res.ok) {
+                showToast(t("messagesLaunchSuccess"), TOAST_VARIANT.SUCCESS);
+                (_a = listFetchNowRef.current) === null || _a === void 0 ? void 0 : _a.call(listFetchNowRef);
+            }
+            else {
+                const err = (await res.json());
+                showToast((_b = err === null || err === void 0 ? void 0 : err.error) !== null && _b !== void 0 ? _b : t("messagesLaunchFailed"), TOAST_VARIANT.ERROR);
+            }
+        }
+        catch (_c) {
+            showToast(t("messagesLaunchFailed"), TOAST_VARIANT.ERROR);
+        }
+    }, [showToast, t]);
+    const handleAiCheck = useCallback(async () => {
+        var _a;
+        const title = state.title;
+        const body = state.body;
+        if (!title || !body) {
+            showToast(t("aiCheckMissingFields"), TOAST_VARIANT.ERROR);
+            return;
+        }
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_INPUT_FIELD,
+            payload: { key: "aiCheckLoading", value: true },
+        });
+        try {
+            const res = await fetch(PUSH_CAMPAIGN_API_ROUTES.AI_CHECK, {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify({ title, body }),
+            });
+            if (!res.ok) {
+                const err = (await res.json());
+                showToast((_a = err === null || err === void 0 ? void 0 : err.error) !== null && _a !== void 0 ? _a : t("aiCheckFailed"), TOAST_VARIANT.ERROR);
+                dispatch({
+                    type: PUSH_CAMPAIGN_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: "aiCheckLoading", value: false },
+                });
+                return;
+            }
+            const result = (await res.json());
+            dispatch({
+                type: PUSH_CAMPAIGN_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: { key: "aiCheckPassed", value: result.passed },
+            });
+            dispatch({
+                type: PUSH_CAMPAIGN_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: { key: "aiCheckScore", value: result.score },
+            });
+            dispatch({
+                type: PUSH_CAMPAIGN_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: { key: "aiSuggestions", value: result.suggestions },
+            });
+            if (result.passed && result.improvedTitle && result.improvedBody) {
+                dispatch({
+                    type: PUSH_CAMPAIGN_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: "title", value: result.improvedTitle },
+                });
+                dispatch({
+                    type: PUSH_CAMPAIGN_ACTION_TYPES.SET_INPUT_FIELD,
+                    payload: { key: "body", value: result.improvedBody },
+                });
+            }
+        }
+        catch (_b) {
+            showToast(t("aiCheckFailed"), TOAST_VARIANT.ERROR);
+        }
+        finally {
+            dispatch({
+                type: PUSH_CAMPAIGN_ACTION_TYPES.SET_INPUT_FIELD,
+                payload: { key: "aiCheckLoading", value: false },
+            });
+        }
+    }, [state.title, state.body, showToast, t, dispatch]);
+    const handleFilters = useCallback(() => {
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_DRAWER,
+            payload: { drawer: PUSH_CAMPAIGN_DRAWER.FILTER_DRAWER },
+        });
+    }, [dispatch]);
+    const handlePageChange = useCallback((page) => {
+        const nextPage = typeof page === "number" ? page : state.currentPage + 1;
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: nextPage },
+        });
+    }, [dispatch, state.currentPage]);
+    const handlePageLimitChange = useCallback((k, value) => {
+        const val = Object.assign({}, value);
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_PAGE_LIMIT,
+            payload: { pageLimit: Number(val.option) },
+        });
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+    }, [dispatch]);
+    const handleSearch = useCallback((query) => {
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_SEARCH_QUERY,
+            payload: { searchQuery: query },
+        });
+    }, [dispatch]);
+    const applyFilters = useCallback(() => {
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+        closeDrawer();
+    }, [dispatch, closeDrawer]);
+    const clearFilters = useCallback(() => {
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_FILTERS,
+            payload: {
+                filters: {
+                    filterEnabled: undefined,
+                    filterStatus: undefined,
+                },
+            },
+        });
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_CURRENT_PAGE,
+            payload: { currentPage: 1 },
+        });
+    }, [dispatch]);
+    const handleSubmit = useCallback(() => {
+        dispatch({
+            type: PUSH_CAMPAIGN_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+            payload: { disabled: true },
+        });
+        validateForm({
+            params: updateParams,
+            schema: pushCampaignFormValidation,
+            successCallback: () => {
+                updateFetchNow(undefined, {
+                    body: JSON.stringify(updateParams),
+                });
+            },
+            errorCallback: (errors) => {
+                dispatch({
+                    type: PUSH_CAMPAIGN_ACTION_TYPES.SET_ERRORS,
+                    payload: { errors },
+                });
+                dispatch({
+                    type: PUSH_CAMPAIGN_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
+                    payload: { disabled: false },
+                });
+                showToast(t("messagesFormErrors"), TOAST_VARIANT.ERROR);
+            },
+        });
+    }, [dispatch, updateParams, t, showToast, updateFetchNow]);
+    const headerActions = useMemo(() => [
+        {
+            enabled: true,
+            handleOnClick: handleFilters,
+            label: t("actionsButtonFilters"),
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleCreate,
+            label: t("actionsButtonNewCampaign"),
+            order: 2,
+        },
+    ], [handleCreate, handleFilters, t]);
+    const rowActions = useMemo(() => [
+        {
+            enabled: true,
+            handleOnClick: handleView,
+            label: t("actionsRowView"),
+            order: 1,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleEdit,
+            label: t("actionsRowEdit"),
+            order: 2,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleLaunch,
+            label: t("actionsRowLaunch"),
+            order: 3,
+        },
+        {
+            enabled: true,
+            handleOnClick: handleDelete,
+            label: t("actionsRowDelete"),
+            order: 4,
+        },
+    ], [t, handleView, handleEdit, handleLaunch, handleDelete]);
+    useEffect(() => {
+        listFetchNowRef.current = listFetchNow;
+    }, [listFetchNow]);
+    useEffect(() => {
+        var _a, _b;
+        if (!((_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.id))
+            return;
+        (_b = listFetchNowRef.current) === null || _b === void 0 ? void 0 : _b.call(listFetchNowRef);
+    }, [dispatch, listParams, (_c = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _c === void 0 ? void 0 : _c.id, showToast, t]);
+    return Object.assign(Object.assign({}, context), { applyFilters,
+        byIdLoading,
+        clearFilters,
+        closeDrawer,
+        deleteLoading,
+        handleAiCheck,
+        handleChange,
+        handleCreate,
+        handleDelete,
+        handleEdit,
+        handleFilters,
+        handleLaunch,
+        handlePageChange,
+        handlePageLimitChange,
+        handleSearch,
+        handleSubmit,
+        handleView,
+        headerActions,
+        listFetchNow,
+        listLoading,
+        rowActions,
+        updateLoading });
+};

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

@@ -0,0 +1,2 @@
+export { PUSH_CAMPAIGN_DRAWER, PUSH_CAMPAIGN_ACTION_TYPES, pushCampaignModuleConfig, initialPushCampaignState, PushCampaignProvider, pushCampaignReducer, usePushCampaignContext, } from "./context/module-base";
+export { usePushCampaignModule } from "./context/use-push-campaign-module";

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

@@ -0,0 +1,3 @@
+"use client";
+export { PUSH_CAMPAIGN_DRAWER, PUSH_CAMPAIGN_ACTION_TYPES, pushCampaignModuleConfig, initialPushCampaignState, PushCampaignProvider, pushCampaignReducer, usePushCampaignContext, } from "./context/module-base";
+export { usePushCampaignModule } from "./context/use-push-campaign-module";

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

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

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

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
+import { useEnhancedCombobox } from "@appcorp/shadcn/hooks/use-enhanced-combobox";
+import { useTranslations } from "next-intl";
+import { usePushCampaignModule } from "./context";
+import { STATUS_OPTIONS } from "./constants";
+export const PushCampaignFilter = () => {
+    const t = useTranslations("pushCampaign");
+    const context = usePushCampaignModule();
+    const { filterEnabled, filterStatus } = context.state;
+    const { handleChange } = context;
+    const statusLabelMap = {
+        draft: t("filterOptionDraft"),
+        scheduled: t("filterOptionScheduled"),
+        running: t("filterOptionRunning"),
+        completed: t("filterOptionCompleted"),
+        failed: t("filterOptionFailed"),
+        paused: t("filterOptionPaused"),
+    };
+    const { enhancedComboboxElement: statusCombo } = useEnhancedCombobox({
+        id: "filterStatus",
+        info: t("filterStatusInfo"),
+        label: t("filterStatusLabel"),
+        onValueChange: (value) => handleChange("filterStatus", value),
+        options: STATUS_OPTIONS.map((opt) => ({
+            value: opt.value,
+            label: statusLabelMap[opt.label] || opt.label,
+        })),
+        placeholder: "",
+        searchEndpoint: "/api/v1/push-campaign",
+        formatSearchResult: (item) => {
+            var _a, _b;
+            return ({
+                label: String((_a = item.label) !== null && _a !== void 0 ? _a : ""),
+                value: String((_b = item.value) !== null && _b !== void 0 ? _b : ""),
+            });
+        },
+        value: filterStatus !== null && filterStatus !== void 0 ? filterStatus : "",
+        emptyText: t("filterOptionAll"),
+    });
+    return (_jsxs("div", { className: "space-y-4", children: [statusCombo, _jsx(EnhancedCheckbox, { checked: filterEnabled === undefined ? true : filterEnabled, info: t("filterEnabledInfo"), label: t("filterEnabledLabel"), onCheckedChange: (checked) => handleChange("filterEnabled", checked) })] }));
+};

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

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

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

@@ -0,0 +1,21 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
+import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
+import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
+import { useTranslations } from "next-intl";
+import { usePushCampaignModule } from "./context";
+import { getTranslatedError } from "../../utils/get-translated-error";
+const getMinScheduleDatetime = () => {
+    const d = new Date();
+    d.setHours(d.getHours() + 1);
+    d.setMinutes(0, 0, 0);
+    return d.toISOString().slice(0, 16);
+};
+export const PushCampaignForm = () => {
+    const t = useTranslations("pushCampaign");
+    const context = usePushCampaignModule();
+    const { allStudents, body, errors, enabled, name, scheduledAt, status, title, aiCheckLoading, aiCheckPassed, aiCheckScore, aiSuggestions, } = context.state;
+    const { handleAiCheck, handleChange, } = context;
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "name", t }), id: "name", info: t("formNameInfo"), label: t("formNameLabel"), onChange: (e) => handleChange("name", e.target.value), placeholder: t("formNamePlaceholder"), required: true, value: name }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "title", t }), id: "title", info: t("formTitleInfo"), label: t("formTitleLabel"), maxLength: 100, onChange: (e) => handleChange("title", e.target.value), placeholder: t("formTitlePlaceholder"), required: true, value: title }), _jsx(EnhancedTextarea, { error: getTranslatedError({ errors, key: "body", t }), id: "body", info: t("formBodyInfo"), label: t("formBodyLabel"), maxLength: 300, onChange: (e) => handleChange("body", e.target.value), placeholder: t("formBodyPlaceholder"), required: true, rows: 4, value: body }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "scheduledAt", t }), id: "scheduledAt", info: t("formScheduledAtInfo"), label: t("formScheduledAtLabel"), min: getMinScheduleDatetime(), onChange: (e) => handleChange("scheduledAt", e.target.value), required: true, type: "datetime-local", value: scheduledAt })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionAudience") }), _jsx(EnhancedCheckbox, { checked: allStudents, info: t("formAllStudentsInfo"), label: t("formAllStudentsLabel"), onCheckedChange: (checked) => handleChange("allStudents", checked) })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionAiReview") }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("button", { className: "rounded bg-primary px-4 py-2 text-primary-foreground disabled:opacity-50", disabled: aiCheckLoading || !title || !body, onClick: handleAiCheck, type: "button", children: aiCheckLoading ? t("aiCheckRunning") : t("aiCheckButton") }), aiCheckScore !== null && (_jsxs("span", { className: "text-sm font-medium", children: [t("aiCheckScore"), ": ", Math.round(aiCheckScore), "/10", aiCheckPassed ? " ✅" : " ❌"] }))] }), aiSuggestions && (_jsx("p", { className: "text-sm text-muted-foreground whitespace-pre-wrap", children: aiSuggestions }))] }), status && (_jsx("div", { className: "space-y-4", children: _jsx(EnhancedInput, { id: "status", label: t("formStatusLabel"), value: status, disabled: true }) })), _jsx(EnhancedCheckbox, { checked: enabled, info: t("formEnabledInfo"), label: t("formEnabledLabel"), onCheckedChange: (checked) => handleChange("enabled", checked) })] }));
+};

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

@@ -0,0 +1,28 @@
+import { FC } from "react";
+import { USER_ROLE } from "../../type";
+interface Props {
+    drawerButtonCancel: string;
+    drawerButtonSave: string;
+    drawerFilterDescription: string;
+    drawerFilterTitle: string;
+    drawerFormDescription: string;
+    drawerFormTitle: string;
+    drawerMoreActionsDescription: string;
+    drawerMoreActionsTitle: string;
+    drawerViewDescription: string;
+    drawerViewTitle: string;
+    tableColumnHeaderActions: string;
+    tableColumnHeaderAllStudents: string;
+    tableColumnHeaderId: string;
+    tableColumnHeaderName: string;
+    tableColumnHeaderScheduledAt: string;
+    tableColumnHeaderStatus: string;
+    tableColumnHeaderSuccessCount: string;
+    tableColumnHeaderTitle: string;
+    tableDescription: string;
+    tableSearchPlaceholder: string;
+    tableTitle: string;
+    userRole: USER_ROLE;
+}
+export declare const PushCampaignPage: FC<Props>;
+export {};