flowstudio 0.0.30 → 0.0.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ai_creator.d.ts +1 -1
- package/dist/ai_creator.js +32 -128
- package/dist/ai_creator.js.map +1 -1
- package/dist/api_calls.d.ts +2 -0
- package/dist/api_calls.js +148 -0
- package/dist/api_calls.js.map +1 -0
- package/dist/app_analytics.d.ts +1 -1
- package/dist/app_analytics.js +75 -69
- package/dist/app_analytics.js.map +1 -1
- package/dist/app_details.d.ts +1 -1
- package/dist/app_details.js +25 -24
- package/dist/app_details.js.map +1 -1
- package/dist/app_layout.d.ts +2 -2
- package/dist/app_layout.js +4 -4
- package/dist/app_layout.js.map +1 -1
- package/dist/app_settings.d.ts +1 -1
- package/dist/app_settings.js +74 -7
- package/dist/app_settings.js.map +1 -1
- package/dist/bottom_left_panel.d.ts +1 -0
- package/dist/bottom_left_panel.js +8 -0
- package/dist/bottom_left_panel.js.map +1 -0
- package/dist/code.d.ts +1 -1
- package/dist/code.js +6 -2
- package/dist/code.js.map +1 -1
- package/dist/components/ftable.d.ts +13 -0
- package/dist/components/ftable.js +65 -0
- package/dist/components/ftable.js.map +1 -0
- package/dist/components/gsheet/index.d.ts +1 -0
- package/dist/components/gsheet/index.js +21 -0
- package/dist/components/gsheet/index.js.map +1 -0
- package/dist/components/mention_input/index.d.ts +18 -1
- package/dist/components/mention_input/index.js +203 -111
- package/dist/components/mention_input/index.js.map +1 -1
- package/dist/components/paginator_table.d.ts +1 -1
- package/dist/components/paginator_table.js +2 -2
- package/dist/components/paginator_table.js.map +1 -1
- package/dist/components/sheet/index.d.ts +1 -1
- package/dist/components/sheet/index.js +4 -2
- package/dist/components/sheet/index.js.map +1 -1
- package/dist/components/ui/alert.d.ts +8 -0
- package/dist/components/ui/alert.js +23 -0
- package/dist/components/ui/alert.js.map +1 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/badge.js +21 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/button.d.ts +11 -0
- package/dist/components/ui/button.js +35 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/card.d.ts +8 -0
- package/dist/components/ui/card.js +17 -0
- package/dist/components/ui/card.js.map +1 -0
- package/dist/components/ui/dialog.d.ts +19 -0
- package/dist/components/ui/dialog.js +33 -0
- package/dist/components/ui/dialog.js.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +27 -0
- package/dist/components/ui/dropdown-menu.js +46 -0
- package/dist/components/ui/dropdown-menu.js.map +1 -0
- package/dist/components/ui/form.d.ts +24 -0
- package/dist/components/ui/form.js +61 -0
- package/dist/components/ui/form.js.map +1 -0
- package/dist/components/ui/input-group.d.ts +16 -0
- package/dist/components/ui/input-group.js +65 -0
- package/dist/components/ui/input-group.js.map +1 -0
- package/dist/components/ui/input.d.ts +5 -0
- package/dist/components/ui/input.js +9 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.d.ts +5 -0
- package/dist/components/ui/label.js +10 -0
- package/dist/components/ui/label.js.map +1 -0
- package/dist/components/ui/popover.d.ts +7 -0
- package/dist/components/ui/popover.js +23 -0
- package/dist/components/ui/popover.js.map +1 -0
- package/dist/components/ui/scroll-area.d.ts +5 -0
- package/dist/components/ui/scroll-area.js +12 -0
- package/dist/components/ui/scroll-area.js.map +1 -0
- package/dist/components/ui/select.d.ts +13 -0
- package/dist/components/ui/select.js +37 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/separator.d.ts +4 -0
- package/dist/components/ui/separator.js +8 -0
- package/dist/components/ui/separator.js.map +1 -0
- package/dist/components/ui/sheet.d.ts +13 -0
- package/dist/components/ui/sheet.js +93 -0
- package/dist/components/ui/sheet.js.map +1 -0
- package/dist/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/skeleton.js +7 -0
- package/dist/components/ui/skeleton.js.map +1 -0
- package/dist/components/ui/sonner.d.ts +3 -0
- package/dist/components/ui/sonner.js +42 -0
- package/dist/components/ui/sonner.js.map +1 -0
- package/dist/components/ui/spinner.d.ts +7 -0
- package/dist/components/ui/spinner.js +17 -0
- package/dist/components/ui/spinner.js.map +1 -0
- package/dist/components/ui/switch.d.ts +4 -0
- package/dist/components/ui/switch.js +8 -0
- package/dist/components/ui/switch.js.map +1 -0
- package/dist/components/ui/table.d.ts +10 -0
- package/dist/components/ui/table.js +21 -0
- package/dist/components/ui/table.js.map +1 -0
- package/dist/components/ui/tabs.d.ts +7 -0
- package/dist/components/ui/tabs.js +13 -0
- package/dist/components/ui/tabs.js.map +1 -0
- package/dist/components/ui/textarea.d.ts +5 -0
- package/dist/components/ui/textarea.js +9 -0
- package/dist/components/ui/textarea.js.map +1 -0
- package/dist/components/ui/tooltip.d.ts +7 -0
- package/dist/components/ui/tooltip.js +11 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/constants.js +2 -2
- package/dist/constants.js.map +1 -1
- package/dist/context.d.ts +1 -1
- package/dist/context.js +2 -2
- package/dist/context.js.map +1 -1
- package/dist/envs.d.ts +2 -2
- package/dist/envs.js +2 -150
- package/dist/envs.js.map +1 -1
- package/dist/functions.d.ts +2 -5
- package/dist/functions.js +2 -210
- package/dist/functions.js.map +1 -1
- package/dist/globals.css +253 -0
- package/dist/home.d.ts +1 -1
- package/dist/home.js +24 -14
- package/dist/home.js.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +57 -16
- package/dist/index.js.map +1 -1
- package/dist/lib/pane-context.d.ts +10 -0
- package/dist/lib/pane-context.js +21 -0
- package/dist/lib/pane-context.js.map +1 -0
- package/dist/lib/toast.d.ts +12 -0
- package/dist/lib/toast.js +36 -0
- package/dist/lib/toast.js.map +1 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/lib/utils.js +6 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/new_project.d.ts +1 -1
- package/dist/new_project.js +60 -41
- package/dist/new_project.js.map +1 -1
- package/dist/node.d.ts +2 -2
- package/dist/node.js +157 -39
- package/dist/node.js.map +1 -1
- package/dist/project_widget.d.ts +2 -1
- package/dist/project_widget.js +6 -2
- package/dist/project_widget.js.map +1 -1
- package/dist/secrets.d.ts +2 -0
- package/dist/secrets.js +129 -0
- package/dist/secrets.js.map +1 -0
- package/dist/simulator.d.ts +1 -1
- package/dist/simulator.js +34 -32
- package/dist/simulator.js.map +1 -1
- package/dist/studio_pane.d.ts +1 -1
- package/dist/studio_pane.js +281 -56
- package/dist/studio_pane.js.map +1 -1
- package/dist/studio_pane_old.d.ts +1 -1
- package/dist/studio_pane_old.js +2 -3
- package/dist/studio_pane_old.js.map +1 -1
- package/dist/studio_pane_old_new.d.ts +1 -1
- package/dist/studio_pane_old_new.js +2 -3
- package/dist/studio_pane_old_new.js.map +1 -1
- package/dist/styles/globals.css +59 -0
- package/dist/styles.css +2 -0
- package/dist/top_center_panel.d.ts +1 -1
- package/dist/top_center_panel.js +4 -3
- package/dist/top_center_panel.js.map +1 -1
- package/dist/top_left_panel.d.ts +1 -1
- package/dist/top_left_panel.js +7 -41
- package/dist/top_left_panel.js.map +1 -1
- package/dist/top_right_panel.d.ts +1 -1
- package/dist/top_right_panel.js +12 -13
- package/dist/top_right_panel.js.map +1 -1
- package/dist/triggers.d.ts +2 -2
- package/dist/triggers.js +57 -37
- package/dist/triggers.js.map +1 -1
- package/dist/zustand/store.d.ts +319 -3
- package/package.json +51 -24
- package/src/globals.css +253 -0
- package/src/styles/globals.css +59 -0
- package/dist/components/combo_box/index.d.ts +0 -2
- package/dist/components/combo_box/index.js +0 -150
- package/dist/components/combo_box/index.js.map +0 -1
- package/dist/components/combo_box/style.css +0 -10
- package/dist/components/date_picker/index.d.ts +0 -1
- package/dist/components/date_picker/index.js +0 -46
- package/dist/components/date_picker/index.js.map +0 -1
- package/dist/components/date_picker/style.css +0 -204
- package/dist/components/gtable.d.ts +0 -15
- package/dist/components/gtable.js +0 -122
- package/dist/components/gtable.js.map +0 -1
- package/src/components/combo_box/style.css +0 -10
- package/src/components/date_picker/style.css +0 -204
package/dist/app_analytics.js
CHANGED
|
@@ -1,82 +1,88 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
3
|
-
import { Badge, Card, Flex, Grid, SegmentedControl, Text } from "@radix-ui/themes";
|
|
4
3
|
import { useConfigStore } from "./zustand/store";
|
|
5
4
|
import { useState } from "react";
|
|
6
|
-
import
|
|
5
|
+
import { FTable } from "./components/ftable";
|
|
7
6
|
import moment from "moment";
|
|
8
|
-
import Sheet from "./components/sheet";
|
|
9
7
|
import { useQuery } from "@tanstack/react-query";
|
|
10
8
|
import flow_constants from "./constants";
|
|
9
|
+
import { Card, CardContent } from "@osanim/shared";
|
|
10
|
+
import { Tabs, TabsList, TabsTrigger } from "@osanim/shared";
|
|
11
|
+
import { Alert, AlertDescription } from "@osanim/shared";
|
|
12
|
+
import { Popover, PopoverContent, PopoverTrigger } from "@osanim/shared";
|
|
13
|
+
import { Button } from "@osanim/shared";
|
|
14
|
+
import { Calendar } from "@osanim/shared";
|
|
15
|
+
import { GSheet } from "@osanim/shared";
|
|
16
|
+
import { Users, Activity, CheckCircle2, Repeat, TrendingUp, CalendarIcon, Info, X } from "lucide-react";
|
|
11
17
|
export default function AppAnalytics({ api_key, project }) {
|
|
12
|
-
var _a, _b, _c, _d;
|
|
18
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
|
|
13
19
|
const { openReports, setOpenReports } = useConfigStore();
|
|
14
|
-
const [getReportType, setReportType] = useState('
|
|
15
|
-
const
|
|
16
|
-
|
|
20
|
+
const [getReportType, setReportType] = useState('overview');
|
|
21
|
+
const [dateRange, setDateRange] = useState({
|
|
22
|
+
from: undefined,
|
|
23
|
+
to: undefined,
|
|
24
|
+
});
|
|
25
|
+
const [datePickerOpen, setDatePickerOpen] = useState(false);
|
|
26
|
+
const dateParams = () => {
|
|
27
|
+
const p = {};
|
|
28
|
+
if (dateRange.from)
|
|
29
|
+
p['date_from'] = moment(dateRange.from).format('YYYY-MM-DD');
|
|
30
|
+
if (dateRange.to)
|
|
31
|
+
p['date_to'] = moment(dateRange.to).format('YYYY-MM-DD');
|
|
32
|
+
return new URLSearchParams(p).toString();
|
|
33
|
+
};
|
|
34
|
+
const sessionsUrl = () => {
|
|
35
|
+
const base = `${flow_constants.BACKEND_ENDPOINT}/sessions?project=${project === null || project === void 0 ? void 0 : project.identifier}&ordering=-created`;
|
|
36
|
+
const extra = dateParams();
|
|
37
|
+
return extra ? `${base}&${extra}` : base;
|
|
38
|
+
};
|
|
39
|
+
const { data: summary } = useQuery({
|
|
40
|
+
queryKey: [`project_${project === null || project === void 0 ? void 0 : project.identifier}_summary`, dateRange.from, dateRange.to],
|
|
41
|
+
queryFn: async () => {
|
|
42
|
+
const params = dateParams();
|
|
43
|
+
const url = `${flow_constants.BACKEND_ENDPOINT}/projects/${project === null || project === void 0 ? void 0 : project.identifier}/summary${params ? '?' + params : ''}`;
|
|
44
|
+
const res = await fetch(url, { headers: { 'X-API-KEY': `${api_key}` } });
|
|
17
45
|
return res === null || res === void 0 ? void 0 : res.json();
|
|
18
|
-
},
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
_jsx(GTable, { status: sessionsStatus, data: (sessions === null || sessions === void 0 ? void 0 : sessions.results) || [], columns: [
|
|
50
|
-
{
|
|
51
|
-
Header: '#', sticky: 'left',
|
|
52
|
-
Cell: (cell) => ([cell.row.index + 1])
|
|
46
|
+
},
|
|
47
|
+
enabled: !!(project === null || project === void 0 ? void 0 : project.identifier),
|
|
48
|
+
});
|
|
49
|
+
const topNodeLabel = ((_a = summary === null || summary === void 0 ? void 0 : summary.most_active_node) === null || _a === void 0 ? void 0 : _a.node_id)
|
|
50
|
+
? (((_e = (_d = (_c = (_b = project === null || project === void 0 ? void 0 : project.flow) === null || _b === void 0 ? void 0 : _b.nodes) === null || _c === void 0 ? void 0 : _c.find((n) => n.id === summary.most_active_node.node_id)) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.label) || summary.most_active_node.node_id)
|
|
51
|
+
: null;
|
|
52
|
+
return (_jsx(GSheet, { open: openReports, setOpen: setOpenReports, title: "Analytics", showCloseBtn: true, side: "right", maxWidth: "850px", children: _jsxs("div", { className: "flex flex-col flex-grow gap-3 p-3 w-full", children: [_jsxs("div", { className: "flex justify-between items-center gap-3", children: [_jsx(Tabs, { value: getReportType, onValueChange: setReportType, children: _jsxs(TabsList, { className: "rounded-sm p-1", children: [_jsx(TabsTrigger, { value: "overview", className: "text-xs rounded-sm", children: "Overview" }), _jsx(TabsTrigger, { value: "data", className: "text-xs rounded-sm", children: "Data" }), _jsx(TabsTrigger, { value: "logs", className: "text-xs rounded-sm", children: "Sessions" })] }) }), _jsxs(Popover, { open: datePickerOpen, onOpenChange: setDatePickerOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "outline", size: "sm", className: "text-xs h-8 gap-1.5 shrink-0", children: [_jsx(CalendarIcon, { className: "h-3 w-3" }), dateRange.from ? (dateRange.to
|
|
53
|
+
? _jsxs(_Fragment, { children: [moment(dateRange.from).format('MMM DD'), " \u2013 ", moment(dateRange.to).format('MMM DD, YYYY')] })
|
|
54
|
+
: moment(dateRange.from).format('MMM DD, YYYY')) : 'Date range'] }) }), _jsxs(PopoverContent, { align: "end", className: "w-auto p-0", children: [_jsx(Calendar, { mode: "range", defaultMonth: dateRange.from, selected: { from: dateRange.from, to: dateRange.to }, onSelect: (range) => {
|
|
55
|
+
if (range)
|
|
56
|
+
setDateRange({ from: range.from, to: range.to });
|
|
57
|
+
}, numberOfMonths: 2 }), (dateRange.from || dateRange.to) && (_jsx("div", { className: "p-2 border-t flex justify-end", children: _jsxs(Button, { variant: "ghost", size: "sm", className: "text-xs", onClick: () => { setDateRange({ from: undefined, to: undefined }); setDatePickerOpen(false); }, children: [_jsx(X, { className: "h-3 w-3 mr-1" }), " Clear"] }) }))] })] })] }), getReportType === 'overview' && (_jsxs("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: [_jsx(Card, { className: "gap-0 p-0 border-l-4 border-l-blue-400 hover:shadow-md transition-shadow", children: _jsxs(CardContent, { className: "p-5", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Total Sessions" }), _jsx("p", { className: "text-3xl font-bold", children: (_f = summary === null || summary === void 0 ? void 0 : summary.total_sessions) !== null && _f !== void 0 ? _f : '—' })] }), _jsx("div", { className: "p-2 bg-blue-100 dark:bg-blue-900/20 rounded-lg", children: _jsx(Users, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" }) })] }), _jsx("p", { className: "text-xs text-muted-foreground mt-3", children: "All interactions recorded in your flow" })] }) }), _jsx(Card, { className: "gap-0 p-0 border-l-4 border-l-indigo-400 hover:shadow-md transition-shadow", children: _jsxs(CardContent, { className: "p-5", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Unique Users" }), _jsx("p", { className: "text-3xl font-bold", children: (_g = summary === null || summary === void 0 ? void 0 : summary.unique_users) !== null && _g !== void 0 ? _g : '—' })] }), _jsx("div", { className: "p-2 bg-indigo-100 dark:bg-indigo-900/20 rounded-lg", children: _jsx(Users, { className: "h-5 w-5 text-indigo-600 dark:text-indigo-400" }) })] }), _jsx("p", { className: "text-xs text-muted-foreground mt-3", children: "Distinct phone numbers engaged" })] }) }), _jsx(Card, { className: "gap-0 p-0 border-l-4 border-l-green-400 hover:shadow-md transition-shadow", children: _jsxs(CardContent, { className: "p-5", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Sessions Today" }), _jsx("p", { className: "text-3xl font-bold", children: (_h = summary === null || summary === void 0 ? void 0 : summary.sessions_today) !== null && _h !== void 0 ? _h : '—' })] }), _jsx("div", { className: "p-2 bg-green-100 dark:bg-green-900/20 rounded-lg", children: _jsx(Activity, { className: "h-5 w-5 text-green-600 dark:text-green-400" }) })] }), _jsx("p", { className: "text-xs text-muted-foreground mt-3", children: "Interactions recorded today" })] }) }), _jsx(Card, { className: "gap-0 p-0 border-l-4 border-l-cyan-400 hover:shadow-md transition-shadow", children: _jsxs(CardContent, { className: "p-5", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Returning Users" }), _jsx("p", { className: "text-3xl font-bold", children: (_j = summary === null || summary === void 0 ? void 0 : summary.returning_users) !== null && _j !== void 0 ? _j : '—' })] }), _jsx("div", { className: "p-2 bg-cyan-100 dark:bg-cyan-900/20 rounded-lg", children: _jsx(Repeat, { className: "h-5 w-5 text-cyan-600 dark:text-cyan-400" }) })] }), _jsx("p", { className: "text-xs text-muted-foreground mt-3", children: "Users who engaged more than once" })] }) }), _jsx(Card, { className: "gap-0 p-0 border-l-4 border-l-emerald-400 hover:shadow-md transition-shadow", children: _jsxs(CardContent, { className: "p-5", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Retention Rate" }), _jsxs("p", { className: "text-3xl font-bold", children: [(summary === null || summary === void 0 ? void 0 : summary.retention_rate) != null ? summary.retention_rate : '—', (summary === null || summary === void 0 ? void 0 : summary.retention_rate) != null && _jsx("span", { className: "text-lg text-muted-foreground ml-1", children: "%" })] })] }), _jsx("div", { className: "p-2 bg-emerald-100 dark:bg-emerald-900/20 rounded-lg", children: _jsx(CheckCircle2, { className: "h-5 w-5 text-emerald-600 dark:text-emerald-400" }) })] }), _jsx("p", { className: "text-xs text-muted-foreground mt-3", children: "% of users who came back" })] }) }), _jsx(Card, { className: "gap-0 p-0 border-l-4 border-l-amber-400 hover:shadow-md transition-shadow", children: _jsxs(CardContent, { className: "p-5", children: [_jsxs("div", { className: "flex items-start justify-between", children: [_jsxs("div", { className: "flex flex-col gap-1", children: [_jsx("p", { className: "text-xs font-medium text-muted-foreground uppercase tracking-wide", children: "Top Node" }), topNodeLabel ? (_jsxs(_Fragment, { children: [_jsx("p", { className: "text-sm font-bold truncate max-w-[150px]", children: topNodeLabel }), _jsxs("p", { className: "text-2xl font-bold", children: [summary.most_active_node.count, _jsx("span", { className: "text-sm text-muted-foreground ml-1", children: "hits" })] })] })) : (_jsx("p", { className: "text-3xl font-bold", children: "\u2014" }))] }), _jsx("div", { className: "p-2 bg-amber-100 dark:bg-amber-900/20 rounded-lg", children: _jsx(TrendingUp, { className: "h-5 w-5 text-amber-600 dark:text-amber-400" }) })] }), _jsx("p", { className: "text-xs text-muted-foreground mt-3", children: "Most visited step in your flow" })] }) })] })), getReportType === 'data' && (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs(Alert, { className: "rounded-sm border-blue-200 bg-blue-50 dark:bg-blue-950/20 dark:border-blue-800", children: [_jsx(Info, { className: "h-4 w-4 text-blue-600 dark:text-blue-400 shrink-0 mt-0.5" }), _jsx(AlertDescription, { children: _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("p", { className: "font-semibold text-sm text-blue-900 dark:text-blue-100", children: "How to get meaningful data from your flow" }), _jsxs("ul", { className: "text-xs text-muted-foreground space-y-1.5 list-disc ml-4", children: [_jsxs("li", { children: ["Each row is ", _jsx("strong", { children: "one user interaction at one node" }), ". Group by ", _jsx("strong", { children: "session_id" }), " to reconstruct a user's full journey from start to finish."] }), _jsxs("li", { children: ["Pivot by ", _jsx("strong", { children: "node_id" }), " to see what users entered at each step \u2014 compare ", _jsx("strong", { children: "input_value" }), " counts per node to surface the most popular choices."] }), _jsxs("li", { children: ["Filter by ", _jsx("strong", { children: "msisdn" }), " (phone number) to trace an individual user's exact path through the flow."] }), _jsxs("li", { children: ["Identify ", _jsx("strong", { children: "drop-off" }), " by counting sessions per node \u2014 later nodes with fewer records reveal where users abandon the flow."] }), _jsxs("li", { children: ["Use the ", _jsx("strong", { children: "Overview \u2192 Top Node" }), " card and ", _jsx("strong", { children: "mode breakdown" }), " to see which channel (USSD, SMS, etc.) drives the most engagement."] })] })] }) })] }), _jsx(FTable, { apiUrl: sessionsUrl(), apiKey: api_key, columns: [
|
|
58
|
+
{ header: 'Date', accessorKey: 'created' },
|
|
59
|
+
{ header: 'Session ID', accessorKey: 'session_id' },
|
|
60
|
+
{ header: 'Phone Number', accessorKey: 'msisdn' },
|
|
61
|
+
...(((_l = (_k = project === null || project === void 0 ? void 0 : project.flow) === null || _k === void 0 ? void 0 : _k.nodes) === null || _l === void 0 ? void 0 : _l.map((val) => {
|
|
62
|
+
var _a;
|
|
63
|
+
return ({
|
|
64
|
+
header: _jsx("div", { className: "flex gap-2", children: (_a = val === null || val === void 0 ? void 0 : val.data) === null || _a === void 0 ? void 0 : _a.label }),
|
|
65
|
+
accessorKey: val === null || val === void 0 ? void 0 : val.id,
|
|
66
|
+
});
|
|
67
|
+
})) || []),
|
|
68
|
+
], topRight: _jsx("div", { className: "flex gap-3" }) })] })), getReportType === 'logs' && (_jsx(FTable, { apiUrl: sessionsUrl(), apiKey: api_key, columns: [
|
|
69
|
+
{ header: '#', accessorKey: 'index', cell: ({ row }) => [row.index + 1] },
|
|
70
|
+
{ header: 'Phone Number', accessorKey: 'msisdn' },
|
|
71
|
+
{ header: 'Mode', accessorKey: 'mode' },
|
|
72
|
+
{
|
|
73
|
+
header: 'Node / Stage',
|
|
74
|
+
cell: ({ row }) => {
|
|
75
|
+
var _a, _b, _c, _d;
|
|
76
|
+
return (_jsx(_Fragment, { children: (_d = (_c = (_b = (_a = project === null || project === void 0 ? void 0 : project.flow) === null || _a === void 0 ? void 0 : _a.nodes) === null || _b === void 0 ? void 0 : _b.find((node) => { var _a; return (node === null || node === void 0 ? void 0 : node.id) === ((_a = row.original) === null || _a === void 0 ? void 0 : _a.node_id); })) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.label }));
|
|
53
77
|
},
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
Header: 'Node / Stage',
|
|
64
|
-
Cell: ({ value, row, original }) => {
|
|
65
|
-
var _a, _b, _c, _d;
|
|
66
|
-
return (_jsx(_Fragment, { children: (_d = (_c = (_b = (_a = project === null || project === void 0 ? void 0 : project.flow) === null || _a === void 0 ? void 0 : _a.nodes) === null || _b === void 0 ? void 0 : _b.find((node) => { var _a; return (node === null || node === void 0 ? void 0 : node.id) === ((_a = row.original) === null || _a === void 0 ? void 0 : _a.node_id); })) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.label }));
|
|
67
|
-
}
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
Header: 'Input Id',
|
|
71
|
-
accessor: 'input_id'
|
|
72
|
-
},
|
|
73
|
-
{
|
|
74
|
-
Header: 'Input Value',
|
|
75
|
-
accessor: 'input_value'
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
Header: 'Date', accessor: (d) => (moment(d.created).local().format("Do MMM YYYY hh:mm a"))
|
|
79
|
-
}
|
|
80
|
-
], search: { hint: `${'Search Logs'}`, items: ['mode', 'input_id', 'input_value', 'node_id', 'created'] }, topRightBtns: _jsx(Flex, { gap: '3' }), showDownload: true }), getReportType == 'analytics' && _jsx(_Fragment, { children: _jsx(Card, { style: { '--card-border-radius': '0' } }) })] }) }));
|
|
78
|
+
},
|
|
79
|
+
{ header: 'Input Id', accessorKey: 'input_id' },
|
|
80
|
+
{ header: 'Input Value', accessorKey: 'input_value' },
|
|
81
|
+
{
|
|
82
|
+
header: 'Date',
|
|
83
|
+
accessorKey: 'created',
|
|
84
|
+
cell: ({ row }) => moment(row.original.created).local().format('Do MMM YYYY hh:mm a'),
|
|
85
|
+
},
|
|
86
|
+
], topRight: _jsx("div", { className: "flex gap-3" }) }))] }) }));
|
|
81
87
|
}
|
|
82
88
|
//# sourceMappingURL=app_analytics.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app_analytics.js","sourceRoot":"","sources":["../src/app_analytics.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"app_analytics.js","sourceRoot":"","sources":["../src/app_analytics.tsx"],"names":[],"mappings":"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"}
|
package/dist/app_details.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default function AppDetails({ api_key, project, projectsRefetch }: any): import("react
|
|
1
|
+
export default function AppDetails({ api_key, project, projectsRefetch }: any): import("react").JSX.Element;
|
package/dist/app_details.js
CHANGED
|
@@ -1,28 +1,34 @@
|
|
|
1
1
|
'use client';
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Button
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
3
|
+
import { Button } from "./components/ui/button";
|
|
4
|
+
import { Input } from "./components/ui/input";
|
|
5
|
+
import { Textarea } from "./components/ui/textarea";
|
|
6
|
+
import { Popover, PopoverContent, PopoverTrigger, PopoverClose } from "./components/ui/popover";
|
|
7
|
+
import { Separator } from "./components/ui/separator";
|
|
8
|
+
import { Spinner } from "./components/ui/spinner";
|
|
9
|
+
import { Switch } from "./components/ui/switch";
|
|
10
|
+
import * as Zod from "zod";
|
|
11
|
+
import { zodResolver } from "@hookform/resolvers/zod";
|
|
6
12
|
import { Controller, useForm } from "react-hook-form";
|
|
7
|
-
import * as Form from "@radix-ui/react-form";
|
|
8
13
|
import { BsTrash } from "react-icons/bs";
|
|
9
14
|
import { useEffect, useState } from "react";
|
|
10
15
|
import { useConfigStore } from "./zustand/store";
|
|
11
|
-
import { InfoCircledIcon } from "@radix-ui/react-icons";
|
|
12
16
|
import flow_constants from "./constants";
|
|
17
|
+
import { toast } from "./lib/toast";
|
|
18
|
+
import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "./components/ui/form";
|
|
13
19
|
export default function AppDetails({ api_key, project, projectsRefetch }) {
|
|
14
|
-
var _a, _b, _c, _d;
|
|
15
20
|
const { openedProjects, setOpenedProjects, setActiveTab, setOpenSettings } = useConfigStore();
|
|
16
21
|
const [deleting, setDeleting] = useState(false);
|
|
17
|
-
const formSchema =
|
|
18
|
-
name:
|
|
19
|
-
description:
|
|
20
|
-
active:
|
|
22
|
+
const formSchema = Zod.object({
|
|
23
|
+
name: Zod.string().min(1, 'required'),
|
|
24
|
+
description: Zod.string(),
|
|
25
|
+
active: Zod.boolean()
|
|
21
26
|
});
|
|
22
|
-
const
|
|
23
|
-
resolver:
|
|
27
|
+
const form = useForm({
|
|
28
|
+
resolver: zodResolver(formSchema),
|
|
29
|
+
defaultValues: project,
|
|
24
30
|
});
|
|
25
|
-
const
|
|
31
|
+
const onSubmit = async (data) => {
|
|
26
32
|
try {
|
|
27
33
|
const post_data = JSON.stringify({
|
|
28
34
|
name: data.name,
|
|
@@ -37,12 +43,10 @@ export default function AppDetails({ api_key, project, projectsRefetch }) {
|
|
|
37
43
|
});
|
|
38
44
|
if (await response.ok) {
|
|
39
45
|
projectsRefetch();
|
|
40
|
-
|
|
41
|
-
// reset();
|
|
42
|
-
// refetchQuestions();
|
|
46
|
+
toast.success("Project Updated");
|
|
43
47
|
}
|
|
44
48
|
else {
|
|
45
|
-
|
|
49
|
+
toast.error("Failed to update project");
|
|
46
50
|
}
|
|
47
51
|
}
|
|
48
52
|
catch (e) {
|
|
@@ -51,7 +55,7 @@ export default function AppDetails({ api_key, project, projectsRefetch }) {
|
|
|
51
55
|
};
|
|
52
56
|
useEffect(() => {
|
|
53
57
|
if (project) {
|
|
54
|
-
reset(project);
|
|
58
|
+
form.reset(project);
|
|
55
59
|
}
|
|
56
60
|
}, [project]);
|
|
57
61
|
const deleteProject = async (identifier) => {
|
|
@@ -61,16 +65,14 @@ export default function AppDetails({ api_key, project, projectsRefetch }) {
|
|
|
61
65
|
const response = await fetch(`${flow_constants.BACKEND_ENDPOINT}/projects/${identifier}`, { method: 'DELETE', headers: { "X-API-KEY": `${api_key}`, "Content-Type": "application/json" }, body: post_data });
|
|
62
66
|
if (await response.ok) {
|
|
63
67
|
projectsRefetch();
|
|
64
|
-
// const data = await response.json()
|
|
65
68
|
setOpenedProjects(openedProjects.filter((prj) => prj.identifier !== identifier));
|
|
66
69
|
setActiveTab('home');
|
|
67
70
|
setDeleting(false);
|
|
68
71
|
setOpenSettings(false);
|
|
69
|
-
|
|
72
|
+
toast.success("Project Deleted");
|
|
70
73
|
}
|
|
71
74
|
else {
|
|
72
|
-
|
|
73
|
-
// toast.error(JSON.stringify(data))
|
|
75
|
+
toast.error("Failed to delete project");
|
|
74
76
|
}
|
|
75
77
|
setDeleting(false);
|
|
76
78
|
}
|
|
@@ -79,7 +81,6 @@ export default function AppDetails({ api_key, project, projectsRefetch }) {
|
|
|
79
81
|
setDeleting(false);
|
|
80
82
|
}
|
|
81
83
|
};
|
|
82
|
-
return (_jsx(
|
|
83
|
-
_jsxs(Callout.Root, { size: '1', color: 'yellow', children: [_jsx(Callout.Icon, { children: _jsx(InfoCircledIcon, {}) }), _jsx(Callout.Text, { children: "Deactivated Apps are unable to process hits from users." })] }), _jsxs(Flex, { justify: 'between', gap: '3', children: [_jsx(Controller, { name: "active", control: control, render: ({ field }) => (_jsx("label", { htmlFor: "active", children: _jsxs(Flex, { gap: '2', children: [_jsx(Switch, { checked: field.value, onCheckedChange: (checked) => { field.onChange(checked); }, highContrast: true, size: '1', id: 'active' }), " ", _jsx(Text, { color: 'gray', size: '2', children: watch('active') ? 'Deactivate' : 'Activate' })] }) })) }), _jsxs(Flex, { gap: '3', children: [_jsxs(Button, { type: 'submit', highContrast: true, size: '2', disabled: isSubmitting, children: [_jsx(Spinner, { loading: isSubmitting }), " ", isSubmitting ? 'Updating' : 'Update'] }), _jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { children: _jsx(Button, { "aria-label": 'Delete Project', color: "red", variant: 'surface', size: '2', children: _jsx(BsTrash, {}) }) }), _jsxs(Popover.Content, { align: 'end', maxWidth: '250px', size: '1', children: [_jsx(Text, { size: '1', color: 'gray', children: "Are you sure you want to Delete this Project" }), _jsx(Separator, { my: '3', size: '4' }), _jsxs(Flex, { justify: 'end', gap: '3', mt: '3', children: [_jsx(Popover.Close, { children: _jsx(Button, { variant: 'soft', color: 'gray', size: '1', children: "Cancel" }) }), _jsxs(Button, { color: 'red', type: 'button', size: '1', disabled: deleting, onClick: () => { deleteProject(project === null || project === void 0 ? void 0 : project.identifier); }, children: [_jsx(Spinner, { loading: deleting }), " ", deleting ? 'Deleting' : 'Delete'] })] })] })] })] })] })] }) }) }));
|
|
84
|
+
return (_jsx("div", { className: "h-full flex flex-col gap-3 mt-3", children: _jsx(Form, { ...form, children: _jsx("form", { onSubmit: form.handleSubmit(onSubmit), children: _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(FormField, { control: form.control, name: "name", render: ({ field }) => (_jsxs(FormItem, { className: "flex-1", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx(FormLabel, { children: 'Project Title' }), _jsx(FormMessage, {})] }), _jsx(FormControl, { children: _jsx(Input, { placeholder: 'Flow App Name', className: "text-sm text-muted-foreground", autoComplete: "off", "aria-label": "Flow App Name", ...field }) })] })) }), _jsx(FormField, { control: form.control, name: "description", render: ({ field }) => (_jsxs(FormItem, { className: "flex-1", children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsx(FormLabel, { children: 'Description' }), _jsx(FormMessage, {})] }), _jsx(FormControl, { children: _jsx(Textarea, { placeholder: 'Description', className: "text-sm text-muted-foreground", autoComplete: "off", "aria-label": "Description", ...field }) })] })) }), _jsxs("div", { className: "flex justify-between gap-3", children: [_jsx(Controller, { name: "active", control: form.control, render: ({ field }) => (_jsxs("label", { htmlFor: "active", className: "flex gap-2 items-center cursor-pointer", children: [_jsx(Switch, { checked: field.value, onCheckedChange: (checked) => { field.onChange(checked); }, id: "active" }), _jsx("span", { className: "text-sm text-muted-foreground", children: form.watch('active') ? 'Activated' : 'Deactivated' })] })) }), _jsxs("div", { className: "flex gap-3", children: [_jsxs(Button, { type: "submit", size: "sm", disabled: form.formState.isSubmitting, children: [_jsx(Spinner, { loading: form.formState.isSubmitting }), " ", form.formState.isSubmitting ? 'Updating' : 'Update'] }), _jsxs(Popover, { children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { size: "sm", "aria-label": 'Delete Project', variant: "destructive", children: _jsx(BsTrash, {}) }) }), _jsxs(PopoverContent, { align: "end", className: "w-[250px]", children: [_jsx("p", { className: "text-xs text-muted-foreground", children: "Are you sure you want to Delete this Project" }), _jsx(Separator, { className: "my-3" }), _jsxs("div", { className: "flex justify-end gap-3 mt-3", children: [_jsx(PopoverClose, { asChild: true, children: _jsx(Button, { variant: "outline", size: "xs", children: "Cancel" }) }), _jsxs(Button, { variant: "destructive", type: "button", size: "xs", disabled: deleting, onClick: () => { deleteProject(project === null || project === void 0 ? void 0 : project.identifier); }, children: [_jsx(Spinner, { loading: deleting }), " ", deleting ? 'Deleting' : 'Delete'] })] })] })] })] })] })] }) }) }) }));
|
|
84
85
|
}
|
|
85
86
|
//# sourceMappingURL=app_details.js.map
|
package/dist/app_details.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app_details.js","sourceRoot":"","sources":["../src/app_details.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,OAAO,
|
|
1
|
+
{"version":3,"file":"app_details.js","sourceRoot":"","sources":["../src/app_details.tsx"],"names":[],"mappings":"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"}
|
package/dist/app_layout.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import '@radix-ui/themes/styles.css';
|
|
2
1
|
import '@xyflow/react/dist/style.css';
|
|
3
|
-
|
|
2
|
+
import './globals.css';
|
|
3
|
+
export default function AppLayout({ theme, accent, children }: any): import("react").JSX.Element;
|
package/dist/app_layout.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Theme } from '@radix-ui/themes';
|
|
3
|
-
import '@radix-ui/themes/styles.css';
|
|
4
2
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
5
3
|
import '@xyflow/react/dist/style.css';
|
|
6
4
|
import { ReactFlowProvider } from '@xyflow/react';
|
|
5
|
+
import './globals.css';
|
|
6
|
+
import { cn } from './lib/utils';
|
|
7
7
|
// import { Toaster } from 'sonner';
|
|
8
|
-
export default function AppLayout({ theme = '
|
|
8
|
+
export default function AppLayout({ theme = 'light', accent = 'gray', children }) {
|
|
9
9
|
const queryClient = new QueryClient();
|
|
10
|
-
return (_jsx(
|
|
10
|
+
return (_jsx("div", { className: cn("h-full min-h-full", theme === 'dark' && 'dark'), children: _jsx(QueryClientProvider, { client: queryClient, children: _jsx(ReactFlowProvider, { children: children }) }) }));
|
|
11
11
|
}
|
|
12
12
|
//# sourceMappingURL=app_layout.js.map
|
package/dist/app_layout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app_layout.js","sourceRoot":"","sources":["../src/app_layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"app_layout.js","sourceRoot":"","sources":["../src/app_layout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACzE,OAAO,8BAA8B,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,oCAAoC;AAEpC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAC,KAAK,GAAC,OAAO,EAAE,MAAM,GAAC,MAAM,EAAE,QAAQ,EAAK;IAC1E,MAAM,WAAW,GAAG,IAAI,WAAW,EAAE,CAAC;IACtC,OAAO,CACH,cAAK,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,KAAK,KAAK,MAAM,IAAI,MAAM,CAAC,YAC/D,KAAC,mBAAmB,IAAC,MAAM,EAAE,WAAW,YACpC,KAAC,iBAAiB,cAErB,QAAQ,GAEW,GACE,GACpB,CACT,CAAA;AACL,CAAC"}
|
package/dist/app_settings.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default function AppSettings({ api_key, project, projectsRefetch, providers, provider, triggers, triggersRefetch, functions, functionsRefetch, envs, envsRefetch }: any): import("react
|
|
1
|
+
export default function AppSettings({ api_key, project, projectRefetch, projectsRefetch, providers, provider, triggers, triggersRefetch, functions, functionsRefetch, envs, envsRefetch }: any): import("react").JSX.Element;
|