@iblai/iblai-js 1.11.5 → 1.12.0

package/dist/web-containers/source/next/index.esm.js

@@ -198824,9 +198824,9 @@ const createDynamicSchema = (schemaFields) => {
         provider: z$3.string().min(1, 'Provider is required'),
     };
     schemaFields.forEach((field) => {
-        schemaObj[field] = z$3
+        schemaObj[field.name] = z$3
             .string()
-            .min(1, `${field.replace(/_/g, ' ').replace(/\b\w/g, (l) => l.toUpperCase())} is required`);
+            .min(1, `${field.name.replace(/_/g, ' ').replace(/\b\w/g, (l) => l.toUpperCase())} is required`);
     });
     return z$3.object(schemaObj);
 };
@@ -198852,7 +198852,14 @@ function CreateDataSourceModal({ isOpen, onClose, tenantKey, onSuccess }) {
         if (selectedProvider && availableProviders.length > 0) {
             const providerSchema = availableProviders.find((p) => p.name === selectedProvider);
             if (providerSchema) {
-                const fields = Object.keys(providerSchema.schema);
+                const fields = Object.entries(providerSchema.schema).map(([name, meta]) => {
+                    var _a;
+                    return ({
+                        name,
+                        type: (_a = meta === null || meta === void 0 ? void 0 : meta.type) !== null && _a !== void 0 ? _a : 'string',
+                        isSensitive: Boolean(meta === null || meta === void 0 ? void 0 : meta.is_sensitive),
+                    });
+                });
                 setSchemaFields(fields);
                 setShowProviderForm(true);
             }
@@ -198867,8 +198874,8 @@ function CreateDataSourceModal({ isOpen, onClose, tenantKey, onSuccess }) {
             try {
                 const requestValue = {};
                 schemaFields.forEach((field) => {
-                    if (value[field]) {
-                        requestValue[field] = value[field];
+                    if (value[field.name]) {
+                        requestValue[field.name] = value[field.name];
                     }
                 });
                 await createIntegrationCredential({
@@ -198919,13 +198926,16 @@ function CreateDataSourceModal({ isOpen, onClose, tenantKey, onSuccess }) {
                                                             provider.name;
                                                         return (jsx(SelectItem, { value: provider.name, children: jsxs("div", { className: "flex items-center gap-2", children: [providerLogo ? (jsx("img", { src: providerLogo, alt: provider.name, className: "w-4 h-4 rounded-sm object-contain" })) : (jsx("span", { children: "\uD83D\uDD11" })), providerName || provider.name] }) }, provider.name));
                                                     }) })] }), shouldShowError && (jsx("p", { className: "text-red-500 text-xs", children: (_b = field.state.meta.errors[0]) === null || _b === void 0 ? void 0 : _b.message }))] }));
-                            } })), isIntegrationSchemaLoading && (jsxs("div", { className: "flex items-center justify-center py-4", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin mr-2" }), jsx("span", { className: "text-sm text-gray-600", children: "Loading provider configurations..." })] })), showProviderForm && !isIntegrationSchemaLoading && (jsx(Fragment$1, { children: schemaFields.map((fieldName) => (jsx(form.Field, { name: fieldName, children: (field) => {
+                            } })), isIntegrationSchemaLoading && (jsxs("div", { className: "flex items-center justify-center py-4", children: [jsx(LoaderCircle, { className: "h-4 w-4 animate-spin mr-2" }), jsx("span", { className: "text-sm text-gray-600", children: "Loading provider configurations..." })] })), showProviderForm && !isIntegrationSchemaLoading && (jsx(Fragment$1, { children: schemaFields.map((schemaField) => (jsx(form.Field, { name: schemaField.name, children: (field) => {
                                     var _a, _b;
                                     const hasError = ((_a = field.state.meta.errors) === null || _a === void 0 ? void 0 : _a.length) > 0;
                                     const isTouched = field.state.meta.isTouched;
                                     const shouldShowError = hasError && isTouched;
-                                    return (jsxs("div", { className: "space-y-1.5", children: [jsxs(Label, { className: "flex items-center text-sm font-medium text-[#646464]", children: [fieldName.replace(/_/g, ' ').replace(/\b\w/g, (l) => l.toUpperCase()), jsx("span", { className: "ml-1 text-red-500", children: "*" })] }), jsx(Input, { placeholder: `Enter ${fieldName.replace(/_/g, ' ').replace(/\b\w/g, (l) => l.toUpperCase())}`, value: field.state.value || '', onChange: (event) => field.handleChange(event.target.value), onBlur: () => field.handleBlur(), autoComplete: "off" }), shouldShowError && (jsx("p", { className: "text-red-500 text-xs", children: ((_b = field.state.meta.errors[0]) === null || _b === void 0 ? void 0 : _b.message) || 'This field is required' }))] }));
-                                } }, fieldName))) })), jsx(DialogFooter, { className: "justify-end", children: jsx(form.Subscribe, { selector: (state) => ({ canSubmit: state.canSubmit }), children: ({ canSubmit }) => (jsx(Button$1, { type: "submit", disabled: !canSubmit || isLoading || isIntegrationSchemaLoading, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isLoading ? 'Submitting...' : 'Submit' })) }) })] })] }) }));
+                                    const formattedLabel = schemaField.name
+                                        .replace(/_/g, ' ')
+                                        .replace(/\b\w/g, (l) => l.toUpperCase());
+                                    return (jsxs("div", { className: "space-y-1.5", children: [jsxs(Label, { className: "flex items-center text-sm font-medium text-[#646464]", children: [formattedLabel, jsx("span", { className: "ml-1 text-red-500", children: "*" })] }), jsx(Input, { type: schemaField.isSensitive ? 'password' : 'text', placeholder: `Enter ${formattedLabel}`, value: field.state.value || '', onChange: (event) => field.handleChange(event.target.value), onBlur: () => field.handleBlur(), autoComplete: schemaField.isSensitive ? 'new-password' : 'off' }), shouldShowError && (jsx("p", { className: "text-red-500 text-xs", children: ((_b = field.state.meta.errors[0]) === null || _b === void 0 ? void 0 : _b.message) || 'This field is required' }))] }));
+                                } }, schemaField.name))) })), jsx(DialogFooter, { className: "justify-end", children: jsx(form.Subscribe, { selector: (state) => ({ canSubmit: state.canSubmit }), children: ({ canSubmit }) => (jsx(Button$1, { type: "submit", disabled: !canSubmit || isLoading || isIntegrationSchemaLoading, className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] text-white hover:opacity-90", children: isLoading ? 'Submitting...' : 'Submit' })) }) })] })] }) }));
 }
 
 function IntegrationDataSourcesTab({ tenantKey, }) {
@@ -219068,7 +219078,10 @@ function Chat({ mode = 'default', isPreviewMode = false, hasBorder = true, isInC
 }
 
 function TasksTabToolbar({ taskDate, setTaskDate, setIsScheduleTaskDialogOpen, searchQuery, setSearchQuery, labels, }) {
-    return (jsxs("div", { className: "flex flex-col sm:flex-row items-center gap-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500" }), jsx(Input, { className: "pl-10 w-full", placeholder: labels.toolbar.searchPlaceholder, value: searchQuery, onChange: (e) => setSearchQuery(e.target.value) })] }), jsxs(Popover, { children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", className: "flex items-center gap-2 justify-start w-full sm:w-auto bg-transparent", children: [jsx(Calendar$1, { className: "h-4 w-4" }), jsx("span", { children: taskDate ? format(taskDate, 'MM/dd/yyyy') : labels.toolbar.selectDate })] }) }), jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: jsx(Calendar, { mode: "single", selected: taskDate, onSelect: setTaskDate, initialFocus: true }) })] }), jsxs(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white font-medium w-full sm:w-auto", onClick: () => setIsScheduleTaskDialogOpen(true), children: [jsx(Plus, { className: "h-4 w-4 mr-2" }), labels.toolbar.scheduleTask] })] }));
+    return (jsxs("div", { className: "flex flex-col sm:flex-row items-center gap-4", children: [jsxs("div", { className: "relative flex-1 w-full", children: [jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-500" }), jsx(Input, { className: "pl-10 w-full", placeholder: labels.toolbar.searchPlaceholder, value: searchQuery, onChange: (e) => setSearchQuery(e.target.value) })] }), jsxs(Popover, { children: [jsx(PopoverTrigger, { asChild: true, children: jsxs(Button$1, { variant: "outline", className: "flex items-center gap-2 justify-start w-full sm:w-auto bg-transparent border-[#2563EB] text-[#2563EB]", children: [jsx(Calendar$1, { className: "h-4 w-4" }), jsx("span", { children: taskDate ? format(taskDate, 'MM/dd/yyyy') : labels.toolbar.selectDate })] }) }), jsx(PopoverContent, { className: "w-auto p-0", align: "start", portalled: false, children: jsx(Calendar, { mode: "single", selected: taskDate, onSelect: setTaskDate, classNames: {
+                                day_button: 'data-[selected-single=true]:bg-[#2563EB] data-[selected-single=true]:text-white data-[range-start=true]:bg-[#2563EB] data-[range-start=true]:text-white data-[range-end=true]:bg-[#2563EB] data-[range-end=true]:text-white',
+                                today: 'bg-blue-50 text-[#2563EB] data-[selected=true]:bg-[#2563EB] data-[selected=true]:text-white',
+                            }, initialFocus: true }) })] }), jsxs(Button$1, { className: "bg-gradient-to-r from-[#2563EB] to-[#93C5FD] hover:opacity-90 text-white font-medium w-full sm:w-auto", onClick: () => setIsScheduleTaskDialogOpen(true), children: [jsx(Plus, { className: "h-4 w-4 mr-2" }), labels.toolbar.scheduleTask] })] }));
 }
 
 function TaskMetricsCards({ tasksData, labels }) {
@@ -219523,6 +219536,21 @@ function combineDateAndTime(date, time) {
     result.setHours(hour, minute, 0, 0);
     return result;
 }
+const TASK_DATE_FILTER_FORMAT = 'yyyy-MM-dd';
+function formatTaskDateFilter(date) {
+    return format(date, TASK_DATE_FILTER_FORMAT);
+}
+function getTaskDateFilterValue(task) {
+    var _a, _b;
+    const rawData = task.rawData;
+    const rawDate = (_b = (_a = rawData === null || rawData === void 0 ? void 0 : rawData.task) === null || _a === void 0 ? void 0 : _a.start_time) !== null && _b !== void 0 ? _b : rawData === null || rawData === void 0 ? void 0 : rawData.created_at;
+    if (!rawDate)
+        return undefined;
+    const date = new Date(rawDate);
+    if (Number.isNaN(date.getTime()))
+        return undefined;
+    return formatTaskDateFilter(date);
+}
 function AgentTasksTab({ PaginationComponent = DefaultTasksPagination, labels: labelsOverride, }) {
     var _a, _b, _c;
     const { tenantKey, mentorId, username } = useAgentSettings();
@@ -219540,11 +219568,18 @@ function AgentTasksTab({ PaginationComponent = DefaultTasksPagination, labels: l
     const [debouncedSearchQuery] = a$3(searchQuery, 300);
     const tasksPerPage = 5;
     const logsPerPage = 5;
+    const taskSearchFilterValue = debouncedSearchQuery.trim();
+    const taskDateFilterValue = useMemo(() => (taskDate ? formatTaskDateFilter(taskDate) : undefined), [taskDate]);
     // Fetch periodic agents
     const { data: periodicAgentsData, isLoading } = useGetPeriodicAgentsQuery({
         org: tenantKey,
         // @ts-ignore - userId is not part of the generated query arg type
         userId: username,
+        mentorId,
+        ...(taskDateFilterValue
+            ? { startDate: taskDateFilterValue, endDate: taskDateFilterValue }
+            : {}),
+        ...(taskSearchFilterValue ? { search: taskSearchFilterValue } : {}),
     }, {
         skip: !tenantKey || !username || !mentorId,
     });
@@ -219612,16 +219647,13 @@ function AgentTasksTab({ PaginationComponent = DefaultTasksPagination, labels: l
             rawData: agent,
         };
     })) || [];
-    // Filter tasks based on debounced search query
+    // The text search is sent to the API; date filtering stays local as a
+    // fallback for API responses that return the full page.
     const filteredTasks = useMemo(() => {
-        if (!debouncedSearchQuery.trim())
-            return tasksData;
-        const query = debouncedSearchQuery.toLowerCase();
-        return tasksData.filter((task) => task.name.toLowerCase().includes(query) ||
-            task.time.toLowerCase().includes(query) ||
-            task.repeat.toLowerCase().includes(query) ||
-            task.status.toLowerCase().includes(query));
-    }, [tasksData, debouncedSearchQuery]);
+        return taskDateFilterValue
+            ? tasksData.filter((task) => getTaskDateFilterValue(task) === taskDateFilterValue)
+            : tasksData;
+    }, [tasksData, taskDateFilterValue]);
     // Transform logs data for UI display
     const taskLogs = ((_b = periodicAgentLogsData === null || periodicAgentLogsData === void 0 ? void 0 : periodicAgentLogsData.results) === null || _b === void 0 ? void 0 : _b.map((log) => ({
         id: log.id.toString(),
@@ -219632,10 +219664,10 @@ function AgentTasksTab({ PaginationComponent = DefaultTasksPagination, labels: l
         startTime: log.start_time,
         endTime: log.end_time,
     }))) || [];
-    // Reset to page 1 when search query changes
+    // Reset to page 1 when filters change
     useEffect(() => {
         setTasksCurrentPage(1);
-    }, [debouncedSearchQuery]);
+    }, [taskSearchFilterValue, taskDateFilterValue]);
     // Reset logs pagination when the selected task changes
     useEffect(() => {
         setLogsCurrentPage(1);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iblai/iblai-js",
-  "version": "1.11.5",
+  "version": "1.12.0",
   "description": "Unified JavaScript SDK for IBL.ai — re-exports data-layer, web-containers, and web-utils under a single package",
   "type": "module",
   "engines": {
@@ -61,10 +61,10 @@
     "axios": "1.13.6",
     "dotenv": "16.6.1",
     "winston": "3.19.0",
-    "@iblai/mcp": "1.4.14",
-    "@iblai/web-containers": "1.7.5",
-    "@iblai/data-layer": "1.5.10",
-    "@iblai/web-utils": "1.7.1"
+    "@iblai/data-layer": "1.6.0",
+    "@iblai/web-utils": "1.7.1",
+    "@iblai/web-containers": "1.8.0",
+    "@iblai/mcp": "1.5.0"
   },
   "peerDependencies": {
     "@radix-ui/react-dialog": "^1.1.7",