flowstudio 0.0.13 → 0.0.15
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/README.md +1 -0
- package/dist/ai_creator.d.ts +1 -0
- package/dist/ai_creator.js +140 -0
- package/dist/ai_creator.js.map +1 -0
- package/dist/app_analytics.d.ts +1 -0
- package/dist/app_analytics.js +76 -0
- package/dist/app_analytics.js.map +1 -0
- package/dist/app_details.d.ts +1 -0
- package/dist/app_details.js +84 -0
- package/dist/app_details.js.map +1 -0
- package/dist/app_layout.js +11 -0
- package/dist/app_layout.js.map +1 -0
- package/dist/app_settings.d.ts +1 -0
- package/dist/app_settings.js +15 -0
- package/dist/app_settings.js.map +1 -0
- package/dist/components/combo_box/index.d.ts +1 -0
- package/dist/components/combo_box/index.js +118 -33
- package/dist/components/combo_box/index.js.map +1 -1
- package/dist/components/date_picker/index.d.ts +1 -0
- package/dist/components/date_picker/index.js +46 -0
- package/dist/components/date_picker/index.js.map +1 -0
- package/dist/components/gtable.d.ts +15 -0
- package/dist/components/gtable.js +122 -0
- package/dist/components/gtable.js.map +1 -0
- package/dist/components/mention_input/index.d.ts +1 -0
- package/dist/components/mention_input/index.js +125 -0
- package/dist/components/mention_input/index.js.map +1 -0
- package/dist/components/paginator_table.d.ts +7 -0
- package/dist/components/paginator_table.js +38 -0
- package/dist/components/paginator_table.js.map +1 -0
- package/dist/components/sheet/index.d.ts +1 -1
- package/dist/components/sheet/index.js +3 -3
- package/dist/components/sheet/index.js.map +1 -1
- package/dist/context.d.ts +1 -0
- package/dist/context.js +7 -0
- package/dist/context.js.map +1 -0
- package/dist/envs.d.ts +2 -0
- package/dist/envs.js +135 -0
- package/dist/envs.js.map +1 -0
- package/dist/functions.d.ts +5 -0
- package/dist/functions.js +204 -0
- package/dist/functions.js.map +1 -0
- package/dist/getcode.d.ts +1 -0
- package/dist/getcode.js +8 -0
- package/dist/getcode.js.map +1 -0
- package/dist/home.d.ts +1 -0
- package/dist/home.js +47 -0
- package/dist/home.js.map +1 -0
- package/dist/index.d.ts +1 -2
- package/dist/index.js +152 -3
- package/dist/index.js.map +1 -1
- package/dist/new_project.d.ts +1 -0
- package/dist/new_project.js +101 -0
- package/dist/new_project.js.map +1 -0
- package/dist/node.d.ts +3 -0
- package/dist/node.js +219 -0
- package/dist/node.js.map +1 -0
- package/dist/project_widget.d.ts +1 -0
- package/dist/project_widget.js +23 -0
- package/dist/project_widget.js.map +1 -0
- package/dist/simulator.d.ts +1 -0
- package/dist/simulator.js +73 -0
- package/dist/simulator.js.map +1 -0
- package/dist/studio_pane.d.ts +1 -0
- package/dist/studio_pane.js +309 -0
- package/dist/studio_pane.js.map +1 -0
- package/dist/top_center_panel.d.ts +1 -0
- package/dist/top_center_panel.js +9 -0
- package/dist/top_center_panel.js.map +1 -0
- package/dist/top_left_panel.d.ts +1 -0
- package/dist/top_left_panel.js +46 -0
- package/dist/top_left_panel.js.map +1 -0
- package/dist/top_right_panel.d.ts +1 -0
- package/dist/top_right_panel.js +80 -0
- package/dist/top_right_panel.js.map +1 -0
- package/dist/triggers.d.ts +2 -0
- package/dist/triggers.js +156 -0
- package/dist/triggers.js.map +1 -0
- package/dist/zustand/store.d.ts +465 -285
- package/dist/zustand/store.js +34 -38
- package/dist/zustand/store.js.map +1 -1
- package/package.json +33 -12
- package/src/components/date_picker/style.css +204 -0
- package/src/components/sheet/style.css +5 -5
- package/src/studio.css +19 -0
- package/dist/components/app_layout.js +0 -14
- package/dist/components/app_layout.js.map +0 -1
- package/dist/components/app_settings/data_sources.d.ts +0 -1
- package/dist/components/app_settings/data_sources.js +0 -57
- package/dist/components/app_settings/data_sources.js.map +0 -1
- package/dist/components/app_settings/deploy.d.ts +0 -1
- package/dist/components/app_settings/deploy.js +0 -14
- package/dist/components/app_settings/deploy.js.map +0 -1
- package/dist/components/app_settings/index.d.ts +0 -1
- package/dist/components/app_settings/index.js +0 -14
- package/dist/components/app_settings/index.js.map +0 -1
- package/dist/components/app_settings/service_providers.d.ts +0 -1
- package/dist/components/app_settings/service_providers.js +0 -17
- package/dist/components/app_settings/service_providers.js.map +0 -1
- package/dist/components/app_settings/simulator.d.ts +0 -1
- package/dist/components/app_settings/simulator.js +0 -34
- package/dist/components/app_settings/simulator.js.map +0 -1
- package/dist/components/context.d.ts +0 -1
- package/dist/components/context.js +0 -19
- package/dist/components/context.js.map +0 -1
- package/dist/components/dock_panel.d.ts +0 -2
- package/dist/components/dock_panel.js +0 -38
- package/dist/components/dock_panel.js.map +0 -1
- package/dist/components/end.d.ts +0 -1
- package/dist/components/end.js +0 -6
- package/dist/components/end.js.map +0 -1
- package/dist/components/input.d.ts +0 -1
- package/dist/components/input.js +0 -11
- package/dist/components/input.js.map +0 -1
- package/dist/components/normal.d.ts +0 -1
- package/dist/components/normal.js +0 -6
- package/dist/components/normal.js.map +0 -1
- package/dist/components/start.d.ts +0 -1
- package/dist/components/start.js +0 -13
- package/dist/components/start.js.map +0 -1
- package/dist/components/studio/index.d.ts +0 -1
- package/dist/components/studio/index.js +0 -78
- package/dist/components/studio/index.js.map +0 -1
- package/dist/components/xnode.d.ts +0 -2
- package/dist/components/xnode.js +0 -28
- package/dist/components/xnode.js.map +0 -1
- package/dist/service_providers.json +0 -74
- package/dist/styles/sheet.css +0 -155
- package/src/styles/combo_box.css +0 -10
- package/src/styles/sheet.css +0 -155
- /package/dist/{components/app_layout.d.ts → app_layout.d.ts} +0 -0
- /package/{dist/styles/combo_box.css → src/components/combo_box/style.css} +0 -0
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Card, Flex, Select, TextField, Text, Button, Separator, } from "@radix-ui/themes";
|
|
3
|
-
import { useQuery } from "@tanstack/react-query";
|
|
4
|
-
import { BiCopy } from "react-icons/bi";
|
|
5
|
-
import { FaCog, FaSave, FaTimes } from 'react-icons/fa';
|
|
6
|
-
import service_providers from '../../service_providers.json';
|
|
7
|
-
export default function ServiceProviders({ open, setOpen, projectIdentifier }) {
|
|
8
|
-
var _a;
|
|
9
|
-
const { data: project, status: projectStatus, refetch: projectRefetch } = useQuery({
|
|
10
|
-
queryKey: [`project_${projectIdentifier}`], queryFn: async () => {
|
|
11
|
-
const res = await fetch(`/api/projects/${projectIdentifier}`);
|
|
12
|
-
return res === null || res === void 0 ? void 0 : res.json();
|
|
13
|
-
}, ...{ enabled: !!projectIdentifier }
|
|
14
|
-
});
|
|
15
|
-
return (_jsx(_Fragment, { children: _jsxs(Flex, { direction: 'column', height: '100%', width: '100%', children: [_jsxs(Flex, { direction: 'column', gap: '1', children: [(_a = project === null || project === void 0 ? void 0 : project.providers) === null || _a === void 0 ? void 0 : _a.map((val, ind) => (_jsxs(Flex, { align: 'center', children: [_jsx(Flex, { flexGrow: '1', children: _jsx(Text, { color: 'gray', size: '1', children: val.name }) }), _jsxs(Flex, { flexShrink: '0', gap: '3', children: [_jsxs(Select.Root, { size: '1', defaultValue: val.type, children: [_jsx(Select.Trigger, { placeholder: "Select Type" }), _jsxs(Select.Content, { position: 'popper', children: [_jsx(Select.Item, { value: 'ussd', children: "USSD" }), _jsx(Select.Item, { value: 'sms', children: "SMS" }), _jsx(Select.Item, { value: 'payment', children: "Payment" })] })] }), _jsxs(Select.Root, { size: '1', defaultValue: val.identifier, children: [_jsx(Select.Trigger, { placeholder: "Select Provider" }), _jsx(Select.Content, { position: 'popper', children: service_providers === null || service_providers === void 0 ? void 0 : service_providers.map((prov_val, prov_ind) => (_jsx(Select.Item, { value: prov_val.identifier, children: prov_val.name }, prov_ind))) })] }), _jsx(Button, { size: '1', "aria-label": 'Setting', variant: 'outline', children: _jsx(FaCog, {}) }), _jsx(Button, { size: '1', "aria-label": 'Remove', color: 'red', variant: 'soft', children: _jsx(FaTimes, {}) })] })] }, ind))), _jsxs(Flex, { align: 'center', children: [_jsx(Flex, { flexGrow: '1', children: _jsx(Text, { color: 'gray', size: '1', children: "New Provider" }) }), _jsxs(Flex, { flexShrink: '0', gap: '3', children: [_jsxs(Select.Root, { size: '1', defaultValue: '', children: [_jsx(Select.Trigger, { placeholder: "Select Type" }), _jsxs(Select.Content, { position: 'popper', children: [_jsx(Select.Item, { value: 'ussd', children: "USSD" }), _jsx(Select.Item, { value: 'sms', children: "SMS" }), _jsx(Select.Item, { value: 'payment', children: "Payment" })] })] }), _jsxs(Select.Root, { size: '1', defaultValue: '', children: [_jsx(Select.Trigger, { placeholder: "Select Provider" }), _jsx(Select.Content, { position: 'popper', children: service_providers === null || service_providers === void 0 ? void 0 : service_providers.map((prov_val, prov_ind) => (_jsx(Select.Item, { value: prov_val.identifier, children: prov_val.name }, prov_ind))) })] }), _jsx(Button, { size: '1', "aria-label": 'Remove', color: 'teal', variant: 'soft', children: _jsx(FaSave, {}) })] })] })] }), _jsx(Separator, { my: '3', size: '4' }), _jsx(Card, { children: _jsx("form", { children: _jsxs(Flex, { direction: 'column', gap: '3', children: [_jsx(Text, { color: 'gray', size: '2', children: "USSD Callback Endpoint" }), _jsx(TextField.Root, { readOnly: true, type: 'url', placeholder: 'URL', autoComplete: 'off', defaultValue: 'https://uxxd.osanim.com/api/123456789/callback?network=mtn&mode=start&msisdn=233241844442&sessionid=1234567&userdata=800*008&username=uxxd&trafficid=1234567&other=g4m&serviceCode=1234', children: _jsx(TextField.Slot, { side: 'right', pr: '1', children: _jsx(Button, { "aria-label": 'copy', size: '1', color: 'teal', variant: 'soft', children: _jsx(BiCopy, {}) }) }) }), _jsx(Text, { color: 'gray', size: '1', children: "This link should be shared with all your Providers (Itt helps them redirect all USSD requests from their end to you.)" })] }) }) })] }) }));
|
|
16
|
-
}
|
|
17
|
-
//# sourceMappingURL=service_providers.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"service_providers.js","sourceRoot":"","sources":["../../../src/components/app_settings/service_providers.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function Simulator({ open, setOpen, projectIdentifier }: any): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Text, Flex, TextField, Button, Card } from "@radix-ui/themes";
|
|
3
|
-
import { useQuery } from "@tanstack/react-query";
|
|
4
|
-
import { useEffect, useState } from "react";
|
|
5
|
-
import { FaPlay } from "react-icons/fa";
|
|
6
|
-
export default function Simulator({ open, setOpen, projectIdentifier }) {
|
|
7
|
-
const { data: project, status: projectStatus, refetch: projectRefetch } = useQuery({
|
|
8
|
-
queryKey: [`project_${projectIdentifier}`], queryFn: async () => {
|
|
9
|
-
const res = await fetch(`/api/projects/${projectIdentifier}`);
|
|
10
|
-
return res === null || res === void 0 ? void 0 : res.json();
|
|
11
|
-
}, ...{ enabled: !!projectIdentifier }
|
|
12
|
-
});
|
|
13
|
-
const [getMessage, setMessage] = useState('');
|
|
14
|
-
useEffect(() => {
|
|
15
|
-
fetchCallback();
|
|
16
|
-
}, []);
|
|
17
|
-
const fetchCallback = async () => {
|
|
18
|
-
try {
|
|
19
|
-
const response = await fetch('/api/123456789/callback?network=mtn&mode=start&msisdn=233241844442&sessionid=1234567&userdata=800*008&username=uxxd&trafficid=1234567&other=g4m&serviceCode=1234');
|
|
20
|
-
if (await response) {
|
|
21
|
-
const data = await response.text();
|
|
22
|
-
if (response.ok) {
|
|
23
|
-
setMessage(data);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
catch (err) {
|
|
28
|
-
console.log(err);
|
|
29
|
-
}
|
|
30
|
-
};
|
|
31
|
-
const [loading, setLoading] = useState(false);
|
|
32
|
-
return (_jsx(_Fragment, { children: _jsx(Flex, { direction: 'column', gap: '5', width: '100%', height: '100%', children: _jsx(Card, { children: _jsxs(Flex, { width: '100%', height: '100%', direction: 'column', children: [_jsxs(Flex, { flexShrink: '0', width: '100%', justify: 'between', p: '2', align: 'center', children: [_jsx(Flex, { align: 'center', children: _jsx(Text, { children: "12:00PM" }) }), _jsx(Flex, { align: 'center', children: _jsx(Text, { children: "59%" }) })] }), _jsx(Flex, { flexGrow: '1', children: _jsx(Text, { children: getMessage }) }), _jsxs(Flex, { flexShrink: '0', gap: '2', children: [_jsx(Flex, { flexGrow: '1', children: _jsx(TextField.Root, { size: '1', type: 'text', placeholder: 'Your Input', style: { width: '100%' } }) }), _jsx(Flex, { flexShrink: '0', children: _jsxs(Button, { loading: loading, size: '1', onClick: () => { setLoading(true); }, color: 'teal', variant: 'soft', children: [_jsx(FaPlay, {}), " Send"] }) })] })] }) }) }) }));
|
|
33
|
-
}
|
|
34
|
-
//# sourceMappingURL=simulator.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"simulator.js","sourceRoot":"","sources":["../../../src/components/app_settings/simulator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function ContextMenu({ showMenu, setShowMenu, menuPosition }: any): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Card, Flex, Button } from "@radix-ui/themes";
|
|
3
|
-
import { BiMessage, BiTrash } from "react-icons/bi";
|
|
4
|
-
import { FaMessage } from "react-icons/fa6";
|
|
5
|
-
export default function ContextMenu({ showMenu, setShowMenu, menuPosition }) {
|
|
6
|
-
// const {showMenu, menuPosition} = useConfigStore()
|
|
7
|
-
const handleMenuItemClick = (action) => {
|
|
8
|
-
setShowMenu(false);
|
|
9
|
-
// Perform action based on the selected menu item
|
|
10
|
-
// console.log('Selected action:', action);
|
|
11
|
-
};
|
|
12
|
-
return (_jsx(Card, { onBlur: () => { setShowMenu(false); }, style: {
|
|
13
|
-
position: 'fixed',
|
|
14
|
-
top: menuPosition.y,
|
|
15
|
-
left: menuPosition.x,
|
|
16
|
-
zIndex: 1000,
|
|
17
|
-
}, children: _jsxs(Flex, { direction: 'column', gap: '3', children: [_jsxs(Button, { variant: 'ghost', size: '1', onClick: () => handleMenuItemClick('Action 1'), style: { justifyContent: 'start', width: '100%' }, children: [_jsx(FaMessage, {}), " Normal Node"] }), _jsxs(Button, { variant: 'ghost', size: '1', onClick: () => handleMenuItemClick('Action 1'), style: { justifyContent: 'start', width: '100%' }, children: [_jsx(BiMessage, {}), " End Node"] }), _jsxs(Button, { variant: 'ghost', size: '1', onClick: () => handleMenuItemClick('Action 1'), color: 'red', style: { justifyContent: 'start', width: '100%' }, children: [_jsx(BiTrash, {}), " Delete Node"] })] }) }));
|
|
18
|
-
}
|
|
19
|
-
//# sourceMappingURL=context.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/components/context.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAG5C,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAC,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAK;IACzE,oDAAoD;IAEpD,MAAM,mBAAmB,GAAG,CAAC,MAAU,EAAE,EAAE;QACzC,WAAW,CAAC,KAAK,CAAC,CAAC;QACjB,iDAAiD;QACjD,2CAA2C;IAC7C,CAAC,CAAC;IAEJ,OAAO,CACH,KAAC,IAAI,IAAC,MAAM,EAAE,GAAE,EAAE,GAAC,WAAW,CAAC,KAAK,CAAC,CAAA,CAAA,CAAC,EAAE,KAAK,EAAE;YAC3C,QAAQ,EAAE,OAAO;YACjB,GAAG,EAAE,YAAY,CAAC,CAAC;YACnB,IAAI,EAAE,YAAY,CAAC,CAAC;YACpB,MAAM,EAAE,IAAI;SACb,YACA,MAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,aAElC,MAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAG,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,EAAC,cAAc,EAAC,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,aAAG,KAAC,SAAS,KAAE,oBAAqB,EACvK,MAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAG,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,EAAC,cAAc,EAAC,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,aAAE,KAAC,SAAS,KAAE,iBAAkB,EACnK,MAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAG,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAC,cAAc,EAAC,OAAO,EAAE,KAAK,EAAC,MAAM,EAAC,aAAE,KAAC,OAAO,KAAE,oBAAqB,IAC5K,GACH,CACV,CAAA;AACL,CAAC"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button, Card, Popover, Flex, SegmentedControl, TextField } from "@radix-ui/themes";
|
|
3
|
-
// import { IoIosCog } from "react-icons/io";
|
|
4
|
-
// import NextLink from 'next/link'
|
|
5
|
-
// import DataSources from "./app_settings/data_sources";
|
|
6
|
-
// import ServiceProviders from "./app_settings/service_providers";
|
|
7
|
-
// import Simulator from "./app_settings/simulator";
|
|
8
|
-
// import Deploy from "./app_settings/deploy";
|
|
9
|
-
// import { FaDatabase } from "react-icons/fa";
|
|
10
|
-
// import Link from "next/link";
|
|
11
|
-
import { useState } from "react";
|
|
12
|
-
import { useConfigStore } from "../zustand/store";
|
|
13
|
-
import AppSettings from "./app_settings";
|
|
14
|
-
import { IoSave } from "react-icons/io5";
|
|
15
|
-
import { useQuery } from "@tanstack/react-query";
|
|
16
|
-
import { FaPlus } from "react-icons/fa";
|
|
17
|
-
const DockPanel = ({ projectIdentifier }) => {
|
|
18
|
-
const [dataSourcesOpen, setDataSourcesOpen] = useState(false);
|
|
19
|
-
const [serviceProvidersOpen, setServiceProvidersOpen] = useState(false);
|
|
20
|
-
const [simulatorOpen, setSimulatorOpen] = useState(false);
|
|
21
|
-
const [deployOpen, setDeployOpen] = useState(false);
|
|
22
|
-
const { stateType, setStateType } = useConfigStore();
|
|
23
|
-
// const { isOpen: isFunctionsDrawerOpen, onOpen: onFunctionsDrawerOpen, onClose: onFunctionsDrawerClose } = useDisclosure()
|
|
24
|
-
// const { isOpen: isServiceProvidersDrawerOpen, onOpen: onServiceProvidersDrawerOpen, onClose: onServiceProvidersDrawerClose } = useDisclosure()
|
|
25
|
-
// const { isOpen: isSimulatorDrawerOpen, onOpen: onSimulatorDrawerOpen, onClose: onSimulatorDrawerClose } = useDisclosure()
|
|
26
|
-
// const { isOpen: isDeployModalOpen, onOpen: onDeployModalOpen, onClose: onDeployModalClose } = useDisclosure()
|
|
27
|
-
const { data: project, status: projectStatus } = useQuery({
|
|
28
|
-
queryKey: [`project_${projectIdentifier}`, projectIdentifier],
|
|
29
|
-
queryFn: async () => {
|
|
30
|
-
const res = await fetch(`/api/projects/${projectIdentifier}`);
|
|
31
|
-
return (res === null || res === void 0 ? void 0 : res.ok) ? res.json() : [];
|
|
32
|
-
},
|
|
33
|
-
...{ enabled: !!projectIdentifier },
|
|
34
|
-
});
|
|
35
|
-
return (_jsx(Card, { size: '1', style: { padding: 7 }, children: _jsxs(Flex, { gap: '2', children: [_jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { children: _jsxs(Button, { "aria-label": 'Options', variant: 'outline', children: [_jsx(FaPlus, {}), " Projects"] }) }), _jsx(Popover.Content, { maxWidth: '150px' })] }), _jsx(TextField.Root, { placeholder: "Project Title", defaultValue: (project === null || project === void 0 ? void 0 : project.title) || '', children: _jsx(TextField.Slot, { side: 'right', pr: '1', children: _jsx(Button, { size: '1', variant: 'soft', children: _jsx(IoSave, {}) }) }) }), _jsxs(SegmentedControl.Root, { defaultValue: "build", variant: 'surface', children: [_jsx(SegmentedControl.Item, { onClick: () => setStateType('build'), value: "build", children: "Build" }), _jsx(SegmentedControl.Item, { onClick: () => setStateType('analytics'), value: "analytics", children: "Analytics" })] }), _jsx(AppSettings, {})] }) }));
|
|
36
|
-
};
|
|
37
|
-
export default DockPanel;
|
|
38
|
-
//# sourceMappingURL=dock_panel.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"dock_panel.js","sourceRoot":"","sources":["../../src/components/dock_panel.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAa,MAAM,EAAc,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AAEzH,6CAA6C;AAC7C,mCAAmC;AACnC,yDAAyD;AACzD,mEAAmE;AACnE,oDAAoD;AACpD,8CAA8C;AAC9C,+CAA+C;AAC/C,gCAAgC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,MAAM,SAAS,GAAG,CAAC,EAAC,iBAAiB,EAAK,EAAE,EAAE;IAC1C,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,EAAC,SAAS,EAAE,YAAY,EAAC,GAAG,cAAc,EAAE,CAAA;IAClD,4HAA4H;IAC5H,iJAAiJ;IACjJ,4HAA4H;IAC5H,gHAAgH;IAEhH,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,QAAQ,CAAC;QACtD,QAAQ,EAAE,CAAC,WAAW,iBAAiB,EAAE,EAAE,iBAAiB,CAAC;QAC7D,OAAO,EAAE,KAAK,IAAI,EAAE;YAClB,MAAM,GAAG,GAAG,MAAM,KAAK,CAAC,iBAAiB,iBAAiB,EAAE,CAAC,CAAC;YAC9D,OAAO,CAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,EAAE,EAAC,CAAC,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QACnC,CAAC;QACD,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC,iBAAiB,EAAE;KACpC,CAAC,CAAC;IAGL,OAAO,CACH,KAAC,IAAI,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,OAAO,EAAC,CAAC,EAAC,YAC/B,MAAC,IAAI,IAAC,GAAG,EAAE,GAAG,aAEV,MAAC,OAAO,CAAC,IAAI,eACT,KAAC,OAAO,CAAC,OAAO,cACZ,MAAC,MAAM,kBAAa,SAAS,EAAC,OAAO,EAAE,SAAS,aAAE,KAAC,MAAM,KAAE,iBAAkB,GAC/D,EAClB,KAAC,OAAO,CAAC,OAAO,IAAC,QAAQ,EAAE,OAAO,GAEhB,IACP,EACf,KAAC,SAAS,CAAC,IAAI,IAAC,WAAW,EAAC,eAAe,EAAC,YAAY,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,KAAI,EAAE,YAC1E,KAAC,SAAS,CAAC,IAAI,IAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,YAClC,KAAC,MAAM,IAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,YAAE,KAAC,MAAM,KAAE,GAAS,GACzC,GACJ,EACjB,MAAC,gBAAgB,CAAC,IAAI,IAAC,YAAY,EAAC,OAAO,EAAC,OAAO,EAAE,SAAS,aAC1D,KAAC,gBAAgB,CAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,KAAK,EAAC,OAAO,sBAA8B,EACxG,KAAC,gBAAgB,CAAC,IAAI,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,KAAK,EAAC,WAAW,0BAAkC,IAChG,EACxB,KAAC,WAAW,KAAG,IACZ,GAEJ,CACV,CAAA;AACL,CAAC,CAAA;AAED,eAAe,SAAS,CAAC"}
|
package/dist/components/end.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function EndNode({ data }: any): import("react/jsx-runtime").JSX.Element;
|
package/dist/components/end.js
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import XNode from "./xnode";
|
|
3
|
-
export default function EndNode({ data }) {
|
|
4
|
-
return (_jsx(XNode, { id: data.id, type: 'end', data: { message: data.message }, inputs: data.inputs }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=end.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"end.js","sourceRoot":"","sources":["../../src/components/end.tsx"],"names":[],"mappings":";AAGA,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAC,IAAI,EAAK;IACtC,OAAO,CACH,KAAC,KAAK,IACF,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,EAAC,OAAO,EAAC,IAAI,CAAC,OAAO,EAAC,EAC5B,MAAM,EAAE,IAAI,CAAC,MAAM,GAChB,CAAC,CAAA;AAEhB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function InputNode({ id, y, data }: any): import("react/jsx-runtime").JSX.Element;
|
package/dist/components/input.js
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button, Flex, TextField, } from "@radix-ui/themes";
|
|
3
|
-
import { useState } from "react";
|
|
4
|
-
import { LiaTimesSolid } from "react-icons/lia";
|
|
5
|
-
import { Handle, Position } from "@xyflow/react";
|
|
6
|
-
export default function InputNode({ id = 'i', y = 100, data }) {
|
|
7
|
-
const [show, setShow] = useState(false);
|
|
8
|
-
const handleClick = () => setShow(!show);
|
|
9
|
-
return (_jsxs(Flex, { position: 'relative', children: [_jsx(TextField.Root, { type: 'text', id: 'text_value', placeholder: 'Option Text', autoComplete: 'off', className: "nodrag", children: _jsx(TextField.Slot, { children: _jsx(Button, { "aria-label": 'close', size: '1', variant: 'outline', onClick: handleClick, children: _jsx(LiaTimesSolid, {}) }) }) }), _jsx(Handle, { type: "source", position: Position.Right, id: id, style: { right: -15, background: '#009688', borderColor: '#fff', borderWidth: 1, width: 10, height: 15, borderRadius: 3, position: 'absolute', top: 16 } })] }));
|
|
10
|
-
}
|
|
11
|
-
//# sourceMappingURL=input.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAG,MAAM,EAAE,IAAI,EAAE,SAAS,GAAI,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGjD,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,EAAE,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,EAAE,IAAI,EAAO;IAC9D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;IAExC,OAAO,CACH,MAAC,IAAI,IAAC,QAAQ,EAAE,UAAU,aACtB,KAAC,SAAS,CAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAG,SAAS,EAAC,QAAQ,YAChH,KAAC,SAAS,CAAC,IAAI,cACX,KAAC,MAAM,kBAAc,OAAO,EAAE,IAAI,EAAE,GAAG,EAAG,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,YAAG,KAAC,aAAa,KAAG,GAAS,GAClG,GAEJ,EAGjB,KAAC,MAAM,IACH,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,CAAC,KAAK,EACxB,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,GAClK,IACC,CACV,CAAA;AACL,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function NormalNode({ data }: any): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import XNode from "./xnode";
|
|
3
|
-
export default function NormalNode({ data }) {
|
|
4
|
-
return (_jsx(XNode, { id: data.id, type: 'normal', data: { message: data.message }, inputs: data.inputs }));
|
|
5
|
-
}
|
|
6
|
-
//# sourceMappingURL=normal.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"normal.js","sourceRoot":"","sources":["../../src/components/normal.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAC,IAAI,EAAK;IACzC,OAAO,CACH,KAAC,KAAK,IACF,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAE,QAAQ,EACd,IAAI,EAAE,EAAC,OAAO,EAAC,IAAI,CAAC,OAAO,EAAC,EAC5B,MAAM,EAAE,IAAI,CAAC,MAAM,GAChB,CAAC,CAAA;AAEhB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function StartNode({ data }: any): import("react/jsx-runtime").JSX.Element;
|
package/dist/components/start.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button, Card, TextArea, Flex, Badge, Text, Popover, Box, } from "@radix-ui/themes";
|
|
3
|
-
import InputNode from "./input";
|
|
4
|
-
import { CiMenuKebab } from "react-icons/ci";
|
|
5
|
-
import XNode from "./xnode";
|
|
6
|
-
export default function StartNode({ data }) {
|
|
7
|
-
return (_jsx(XNode, { id: data.id, type: 'start', data: { message: data.message }, inputs: data.inputs, fns: [
|
|
8
|
-
{ type: 'system', functions: ['Source Finder', 'Session GET'] },
|
|
9
|
-
{ type: 'custom', functions: ['Account Checker'] }
|
|
10
|
-
] }));
|
|
11
|
-
return (_jsxs(Card, { children: [_jsx(Box, { children: _jsxs(Flex, { width: '100%', align: 'center', justify: 'between', children: [_jsx(Text, { children: "Start" }), _jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { children: _jsx(Button, { size: '1', "aria-label": 'Options', variant: 'outline', children: _jsx(CiMenuKebab, {}) }) }), _jsx(Popover.Content, { maxWidth: '150px' })] })] }) }), _jsx(Box, { children: _jsxs(Flex, { direction: 'column', children: [_jsx(TextArea, { rows: 6, size: '1', className: "nodrag", placeholder: 'Message', defaultValue: data.message }), _jsxs(Flex, { direction: 'column', children: [_jsx(InputNode, { id: 1, y: 50 }), _jsx(InputNode, { id: 2, y: 130 })] }), _jsx(Flex, { wrap: 'wrap', children: _jsx(Badge, { size: '1', color: 'green', children: "fn (1)" }) })] }) })] }));
|
|
12
|
-
}
|
|
13
|
-
//# sourceMappingURL=start.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"start.js","sourceRoot":"","sources":["../../src/components/start.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAc,OAAO,EAAE,GAAG,GAAI,MAAM,kBAAkB,CAAC;AACzG,OAAO,SAAS,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,MAAM,SAAS,CAAC;AAG5B,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,IAAI,EAAO;IAC3C,OAAO,CACP,KAAC,KAAK,IACF,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,EAAC,OAAO,EAAC,IAAI,CAAC,OAAO,EAAC,EAC5B,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,GAAG,EAAE;YACD,EAAC,IAAI,EAAC,QAAQ,EAAE,SAAS,EAAC,CAAC,eAAe,EAAE,aAAa,CAAC,EAAC;YAC3D,EAAC,IAAI,EAAC,QAAQ,EAAE,SAAS,EAAC,CAAC,iBAAiB,CAAC,EAAC;SACjD,GACE,CAAC,CAAA;IAER,OAAO,CACH,MAAC,IAAI,eACD,KAAC,GAAG,cACA,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,aACpD,KAAC,IAAI,wBAAa,EAClB,MAAC,OAAO,CAAC,IAAI,eACT,KAAC,OAAO,CAAC,OAAO,cACZ,KAAC,MAAM,IAAC,IAAI,EAAE,GAAG,gBAAa,SAAS,EAAC,OAAO,EAAE,SAAS,YAAE,KAAC,WAAW,KAAG,GAAS,GACtE,EAClB,KAAC,OAAO,CAAC,OAAO,IAAC,QAAQ,EAAE,OAAO,GAEhB,IACP,IACZ,GACL,EACN,KAAC,GAAG,cACA,MAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,aACrB,KAAC,QAAQ,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,CAAC,OAAO,GAAa,EAChH,MAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,aACrB,KAAC,SAAS,IAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,GAAI,EAC3B,KAAC,SAAS,IAAC,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,GAAI,IACzB,EACP,KAAC,IAAI,IAAC,IAAI,EAAE,MAAM,YACd,KAAC,KAAK,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,uBAAgB,GAC7C,IACJ,GACL,IACH,CACV,CAAA;AACL,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export default function Studio({ apiKey, theme, accent }: any): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Box } from '@radix-ui/themes';
|
|
3
|
-
// import ThemeLayout from '../layouts/ThemeLayout'
|
|
4
|
-
import { ReactFlow, useNodesState, useEdgesState, addEdge, MiniMap, Controls, Background, Panel, SmoothStepEdge } from '@xyflow/react';
|
|
5
|
-
import DockPanel from '../../components/dock_panel';
|
|
6
|
-
import StartNode from '../../components/start';
|
|
7
|
-
import EndNode from '../../components/end';
|
|
8
|
-
import NormalNode from '../../components/normal';
|
|
9
|
-
import InputNode from '../../components/input';
|
|
10
|
-
import { useConfigStore } from '../../zustand/store';
|
|
11
|
-
import AppLayout from "../app_layout";
|
|
12
|
-
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
13
|
-
export default function Studio({ apiKey, theme, accent }) {
|
|
14
|
-
const identifier = '987654321';
|
|
15
|
-
const { appTheme } = useConfigStore();
|
|
16
|
-
////////////////// Nodes Management (React Flow) /////////////////////////////
|
|
17
|
-
const { nodesData, setNodesData, edgesData, setEdgesData } = useConfigStore();
|
|
18
|
-
const nodeTypes = useMemo(() => ({ startNode: StartNode, normalNode: NormalNode, endNode: EndNode, inputNode: InputNode }), []);
|
|
19
|
-
const [nodes, setNodes, onNodesChange] = useNodesState(nodesData);
|
|
20
|
-
const [edges, setEdges, onEdgesChange] = useEdgesState(edgesData);
|
|
21
|
-
const onConnect = useCallback((params) => setEdges((eds) => addEdge(params, eds)), [setEdges]);
|
|
22
|
-
const CustomSmoothstepEdge = ({ data, ...props }) => {
|
|
23
|
-
return _jsx(SmoothStepEdge, { ...props, data: data });
|
|
24
|
-
};
|
|
25
|
-
const edgeUpdateSuccessful = useRef(true);
|
|
26
|
-
const onEdgeUpdateStart = useCallback(() => {
|
|
27
|
-
edgeUpdateSuccessful.current = false;
|
|
28
|
-
}, []);
|
|
29
|
-
const onEdgeUpdate = useCallback((oldEdge, newConnection) => {
|
|
30
|
-
edgeUpdateSuccessful.current = true;
|
|
31
|
-
// setEdges((els:any) => updateEdge(oldEdge, newConnection, els));
|
|
32
|
-
}, []);
|
|
33
|
-
const onEdgeUpdateEnd = useCallback((_, edge) => {
|
|
34
|
-
if (!edgeUpdateSuccessful.current) {
|
|
35
|
-
setEdges((eds) => eds.filter((e) => e.id !== edge.id));
|
|
36
|
-
}
|
|
37
|
-
edgeUpdateSuccessful.current = true;
|
|
38
|
-
}, []);
|
|
39
|
-
useEffect(() => {
|
|
40
|
-
if (nodes) {
|
|
41
|
-
setNodesData(nodes);
|
|
42
|
-
}
|
|
43
|
-
}, [onNodesChange]);
|
|
44
|
-
useEffect(() => {
|
|
45
|
-
if (edges) {
|
|
46
|
-
setEdgesData(edges);
|
|
47
|
-
}
|
|
48
|
-
}, [onEdgesChange]);
|
|
49
|
-
// const getNodeId = () => `randomnode_${+new Date()}`;
|
|
50
|
-
// const onAdd = useCallback(() => {
|
|
51
|
-
// const newNode = {
|
|
52
|
-
// id: getNodeId(),
|
|
53
|
-
// data: { label: 'Added node' },
|
|
54
|
-
// position: {
|
|
55
|
-
// x: Math.random() * window.innerWidth - 100,
|
|
56
|
-
// y: Math.random() * window.innerHeight,
|
|
57
|
-
// },
|
|
58
|
-
// };
|
|
59
|
-
// setNodes((nds) => nds.concat(newNode));
|
|
60
|
-
// }, [setNodes]);
|
|
61
|
-
////////////////// For Context Menu /////////////////////////////
|
|
62
|
-
const [showContextMenu, setShowContextMenu] = useState(false);
|
|
63
|
-
const [contextMenuPosition, setContextMenuPosition] = useState({ x: 0, y: 0 });
|
|
64
|
-
const handleContextMenu = (event) => {
|
|
65
|
-
event.preventDefault(); // Prevent default context menu
|
|
66
|
-
const clickX = event.clientX;
|
|
67
|
-
const clickY = event.clientY;
|
|
68
|
-
setContextMenuPosition({ x: clickX, y: clickY });
|
|
69
|
-
setShowContextMenu(true);
|
|
70
|
-
};
|
|
71
|
-
// const cardBackground = useColorModeValue('rgba(255,255,255,.8)', 'hsla(0,0%,0%,.80)')
|
|
72
|
-
return (_jsx(AppLayout, { theme: theme, accent: accent, children: _jsx(Box, { position: 'absolute', top: '0', right: '0', bottom: '0', left: '0', style: {}, children: _jsx(Box, { position: 'relative', style: { width: '100%', height: '100%', contain: 'paint', willChange: 'transform', transform: 'translate(0)', position: 'relative' }, children: _jsxs(ReactFlow, { nodes: nodes, edges: edges, onNodesChange: onNodesChange, onEdgesChange: onEdgesChange, onConnect: onConnect, nodeTypes: nodeTypes, snapToGrid: true,
|
|
73
|
-
// onEdgeUpdate={onEdgeUpdate}
|
|
74
|
-
// onEdgeUpdateStart={onEdgeUpdateStart}
|
|
75
|
-
// onEdgeUpdateEnd={onEdgeUpdateEnd}
|
|
76
|
-
attributionPosition: "top-right", edgeTypes: { default: CustomSmoothstepEdge }, fitView: true, minZoom: 0.2, maxZoom: 1, colorMode: appTheme, children: [_jsx(Controls, {}), _jsx(MiniMap, {}), _jsx(Background, { gap: 12, size: 1 }), _jsxs(Panel, { position: "top-center", children: [" ", _jsx(DockPanel, { projectIdentifier: identifier })] })] }) }) }) }));
|
|
77
|
-
}
|
|
78
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/studio/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/xnode.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from "react";
|
|
3
|
-
import { Button, Card, Flex, Badge, Text, Popover, TextField, TextArea, Inset, } from "@radix-ui/themes";
|
|
4
|
-
import { CiMenuKebab } from "react-icons/ci";
|
|
5
|
-
import { Handle, Position } from "@xyflow/react";
|
|
6
|
-
import { BiPlus, BiTrash } from "react-icons/bi";
|
|
7
|
-
import { useConfigStore } from "../zustand/store";
|
|
8
|
-
// Constants
|
|
9
|
-
const color_start = '#009688';
|
|
10
|
-
const color_normal = '#2196f3';
|
|
11
|
-
const color_end = '#ff5c4d';
|
|
12
|
-
export default function XNode({ id = 0, data, fns = [], inputs = [], type = 'normal' }) {
|
|
13
|
-
const { stateType, setStateType } = useConfigStore();
|
|
14
|
-
return (_jsx(Card, { style: { overflow: 'unset', contain: 'layout' }, children: _jsx(Inset, { style: { overflow: 'unset' }, children: _jsxs(Flex, { direction: 'column', gap: '3', children: [_jsxs(Flex, { width: '100%', align: 'center', justify: 'between', p: '1', className: "drag-handle", style: { backgroundColor: type == 'start' ? color_start : type == 'normal' ? color_normal : type == 'end' ? color_end : color_normal, borderTopLeftRadius: 7, borderTopRightRadius: 7 }, children: [_jsx(Text, { size: '2', ml: '1', children: type == 'start' ? 'Start' : type == 'normal' ? 'Normal' : type == 'end' ? 'End' : 'Normal' }), _jsxs(Popover.Root, { children: [_jsx(Popover.Trigger, { children: _jsx(Button, { size: '1', variant: 'soft', "aria-label": 'Options', children: _jsx(CiMenuKebab, {}) }) }), _jsx(Popover.Content, { size: '1', align: "end", children: _jsxs(Flex, { direction: 'column', gap: '3', children: [_jsx(Button, { variant: 'ghost', size: '1', onClick: () => { }, children: "Change Node" }), _jsx(Button, { variant: 'ghost', size: '1', onClick: () => { }, color: 'red', children: "Delete Node" })] }) })] })] }), _jsxs(Flex, { direction: 'column', gap: '3', px: '3', children: [stateType == 'build' ?
|
|
15
|
-
_jsx(TextArea, { size: '1', className: "nodrag", placeholder: 'Message', defaultValue: (data === null || data === void 0 ? void 0 : data.message) || '' })
|
|
16
|
-
: _jsx(Text, { size: '1', color: 'gray', style: { maxWidth: '180px', textWrap: 'wrap' }, children: data === null || data === void 0 ? void 0 : data.message }), type != 'end' && inputs.length > 0 &&
|
|
17
|
-
_jsx(Flex, { direction: 'column', gap: '2', children: inputs.map((val, ind) => (_jsx(InputNode, { identifier: ind, id: val.id, parentType: type, type: val.type, text: val.text, inputType: val.inputType, allowDrag: inputs.length > 1, allowInsert: inputs.length == (ind + 1) }, ind))) })] }), _jsxs(Flex, { width: '100%', align: 'center', px: '2', pb: '2', children: [_jsx(Flex, { flexGrow: '1', children: fns.length > 0 &&
|
|
18
|
-
_jsx(Flex, { wrap: 'wrap', gap: '2', children: fns.map((val, ind) => (_jsxs(Badge, { size: '1', color: val.type == 'system' ? 'green' : 'purple', children: ["fn (", val.functions.length, ")"] }, ind))) }) }), _jsx(Flex, { flexShrink: '0', children: _jsx(Text, { size: '1', children: "1pg (50)" }) })] }), type != 'start' &&
|
|
19
|
-
_jsx(Handle, { type: "target", position: Position.Left, id: "g", style: { left: -6, background: type == 'normal' ? color_normal : type == 'end' ? color_end : color_normal, borderColor: '#fff', borderWidth: 1, width: 10, height: 15, borderRadius: 3, zIndex: 10 } })] }) }) }));
|
|
20
|
-
}
|
|
21
|
-
export function InputNode({ identifier, id = 0, parentType, type = 'choice', text = '', inputType = 'text', allowDrag = false, allowInsert = false }) {
|
|
22
|
-
const [show, setShow] = useState(false);
|
|
23
|
-
const handleClick = () => setShow(!show);
|
|
24
|
-
return (_jsxs(Flex, { position: 'relative', gap: '0', align: 'center', style: { zIndex: 20 }, children: [_jsxs(Flex, { width: '100%', direction: 'column', align: 'end', children: [_jsxs(Flex, { width: '100%', align: 'center', children: [allowDrag && _jsx(Flex, { gap: '1', children: _jsx(Button, { size: '1', variant: 'soft', style: { borderTopRightRadius: 0, borderBottomRightRadius: 0 }, children: id }) }), _jsx(TextField.Root, { type: inputType, defaultValue: text, id: 'text_value', placeholder: type == 'choice' ? 'Option Text' : inputType == 'number' ? '0' : 'User Input', autoComplete: 'off', style: { width: '100%' }, children: identifier != 0 &&
|
|
25
|
-
_jsx(TextField.Slot, { side: 'right', pr: '1', children: _jsx(Button, { color: 'red', "aria-label": 'close', size: '1', variant: 'soft', onClick: handleClick, style: { width: 20, padding: 4 }, children: _jsx(BiTrash, { size: 20 }) }) }) })] }), allowInsert &&
|
|
26
|
-
_jsx(Button, { "aria-label": 'Add', size: '1', style: { borderTopLeftRadius: 0, borderTopRightRadius: 0, marginRight: 5 }, children: _jsx(BiPlus, {}) })] }), _jsx(Handle, { type: "source", position: Position.Right, isConnectable: true, id: id, style: { right: -19, background: parentType == 'start' ? color_start : parentType == 'normal' ? color_normal : parentType == 'end' ? color_end : color_normal, borderColor: '#fff', borderWidth: 1, width: 10, height: 15, borderRadius: 3, position: 'absolute', top: 16, zIndex: 20 } })] }));
|
|
27
|
-
}
|
|
28
|
-
//# sourceMappingURL=xnode.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"xnode.js","sourceRoot":"","sources":["../../src/components/xnode.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAG,IAAI,EAAE,KAAK,EAAE,IAAI,EAAc,OAAO,EAAE,SAAS,EAAO,QAAQ,EAAE,KAAK,GAAI,MAAM,kBAAkB,CAAC;AAC5H,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEjD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,YAAY;AACZ,MAAM,WAAW,GAAG,SAAS,CAAA;AAC7B,MAAM,YAAY,GAAG,SAAS,CAAA;AAC9B,MAAM,SAAS,GAAG,SAAS,CAAA;AAE3B,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,IAAI,GAAG,QAAQ,EAAO;IACvF,MAAM,EAAC,SAAS,EAAE,YAAY,EAAC,GAAG,cAAc,EAAE,CAAA;IAElD,OAAO,CACH,KAAC,IAAI,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAC,QAAQ,EAAC,YAG7C,KAAC,KAAK,IAAC,KAAK,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAC,YAChC,MAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,aAC/B,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,EAAE,SAAS,EAAC,aAAa,EACrF,KAAK,EAAE,EAAC,eAAe,EAAC,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAAE,mBAAmB,EAAC,CAAC,EAAE,oBAAoB,EAAC,CAAC,EAAQ,aAEzL,KAAC,IAAI,IAAC,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,YAAG,IAAI,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,GAAQ,EAC7H,MAAC,OAAO,CAAC,IAAI,eACT,KAAC,OAAO,CAAC,OAAO,cACZ,KAAC,MAAM,IAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,gBAAa,SAAS,YAAE,KAAC,WAAW,KAAG,GAAS,GACpE,EAClB,KAAC,OAAO,CAAC,OAAO,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAC,KAAK,YACnC,MAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,aAC/B,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAG,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,4BAAuB,EAC9E,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAG,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,EAAG,KAAK,EAAE,KAAK,4BAAsB,IACzF,GACO,IACP,IACZ,EAEP,MAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,aACvC,SAAS,IAAI,OAAO,CAAC,CAAC;gCACvB,KAAC,QAAQ,IAAE,IAAI,EAAE,GAAG,EAAE,SAAS,EAAC,QAAQ,EAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,KAAI,EAAE,GAAa;gCAC/G,CAAC,CAAA,KAAC,IAAI,IAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,EAAC,QAAQ,EAAC,OAAO,EAAE,QAAQ,EAAC,MAAM,EAAC,YAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,GAAQ,EAElG,IAAI,IAAI,KAAK,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC;gCAC/B,KAAC,IAAI,IAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,YAC9B,MAAM,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,GAAQ,EAAE,EAAE,CAAC,CAChC,KAAC,SAAS,IAAW,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,EAAG,WAAW,EAAE,MAAM,CAAC,MAAM,IAAI,CAAC,GAAG,GAAC,CAAC,CAAC,IAAlL,GAAG,CAAmL,CACzM,CAAC,GACC,IAER,EAEP,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,aAClD,KAAC,IAAI,IAAC,QAAQ,EAAE,GAAG,YACtB,GAAG,CAAC,MAAM,GAAG,CAAC;oCACX,KAAC,IAAI,IAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YACvB,GAAG,CAAC,GAAG,CAAC,CAAC,GAAQ,EAAE,GAAQ,EAAE,EAAE,CAAC,CAC7B,MAAC,KAAK,IAAW,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,qBAAQ,GAAG,CAAC,SAAS,CAAC,MAAM,UAA5F,GAAG,CAAmG,CACrH,CAAC,GACC,GAEJ,EACP,KAAC,IAAI,IAAC,UAAU,EAAE,GAAG,YACjB,KAAC,IAAI,IAAC,IAAI,EAAE,GAAG,yBAAiB,GAC7B,IACA,EAEN,IAAI,IAAI,OAAO;wBACZ,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAC,EAAE,EAAE,GAAI,IAE1P,GACH,GACL,CACV,CAAA;AACL,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,EAAE,UAAU,EAAE,EAAE,GAAG,CAAC,EAAE,UAAU,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,GAAG,MAAM,EAAE,SAAS,GAAC,KAAK,EAAE,WAAW,GAAC,KAAK,EAAO;IACjJ,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;IAExC,OAAO,CACH,MAAC,IAAI,IAAC,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,aACrE,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,aAClD,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,aACnC,SAAS,IAAI,KAAC,IAAI,IAAC,GAAG,EAAE,GAAG,YAExB,KAAC,MAAM,IAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,EAAC,oBAAoB,EAAC,CAAC,EAAE,uBAAuB,EAAC,CAAC,EAAC,YAAI,EAAE,GAAU,GACvG,EACP,KAAC,SAAS,CAAC,IAAI,IAAC,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,EAAE,YAAY,EAAE,WAAW,EAAE,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE,EAAC,KAAK,EAAC,MAAM,EAAC,YACxM,UAAU,IAAI,CAAC;oCACZ,KAAC,SAAS,CAAC,IAAI,IAAC,IAAI,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,YAClC,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,gBAAc,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,EAAC,KAAK,EAAC,EAAE,EAAE,OAAO,EAAC,CAAC,EAAC,YAAE,KAAC,OAAO,IAAC,IAAI,EAAE,EAAE,GAAI,GAAS,GAC5I,GAGR,IACd,EACN,WAAW;wBACZ,KAAC,MAAM,kBAAa,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,EAAC,mBAAmB,EAAC,CAAC,EAAE,oBAAoB,EAAC,CAAC,EAAE,WAAW,EAAC,CAAC,EAAC,YAAE,KAAC,MAAM,KAAE,GAAS,IAE5H,EAEP,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,UAAU,EAAC,UAAU,IAAI,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,IAAI,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,IAAI,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAC,EAAE,EAAE,GAAI,IACnW,CACV,CAAA;AACL,CAAC"}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
[
|
|
2
|
-
{
|
|
3
|
-
"identifier": "1234",
|
|
4
|
-
"type": "ussd",
|
|
5
|
-
"name": "Wigal",
|
|
6
|
-
"ip": "::1",
|
|
7
|
-
"service_code": "800*008",
|
|
8
|
-
"session_map": {
|
|
9
|
-
"id": "sessionid",
|
|
10
|
-
"mode": "mode",
|
|
11
|
-
"mno": "network",
|
|
12
|
-
"msisdn": "msisdn",
|
|
13
|
-
"user_input": "userdata",
|
|
14
|
-
"meta": {
|
|
15
|
-
"username": "",
|
|
16
|
-
"trafficid": "",
|
|
17
|
-
"other": ""
|
|
18
|
-
},
|
|
19
|
-
"response_prefix": "",
|
|
20
|
-
"response_suffix": "",
|
|
21
|
-
"nl_char": "^"
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
{
|
|
25
|
-
"identifier": "1235",
|
|
26
|
-
"type": "sms",
|
|
27
|
-
"name": "IT Consortium",
|
|
28
|
-
"ip": "::2",
|
|
29
|
-
"service_code": "887*4445",
|
|
30
|
-
"session_map": {
|
|
31
|
-
"id": "sessionid",
|
|
32
|
-
"mode": "requestType",
|
|
33
|
-
"mno": "operator",
|
|
34
|
-
"msisdn": "msisdn",
|
|
35
|
-
"user_input": "userdata",
|
|
36
|
-
"meta": {
|
|
37
|
-
"username": "",
|
|
38
|
-
"trafficid": "",
|
|
39
|
-
"other": ""
|
|
40
|
-
},
|
|
41
|
-
"response_prefix": "",
|
|
42
|
-
"response_suffix": "",
|
|
43
|
-
"nl_char": "^"
|
|
44
|
-
}
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"identifier": "1236",
|
|
48
|
-
"type": "payment",
|
|
49
|
-
"name": "Hubtel",
|
|
50
|
-
"ip": "::3",
|
|
51
|
-
"service_code": ""
|
|
52
|
-
},
|
|
53
|
-
{
|
|
54
|
-
"identifier": "1237",
|
|
55
|
-
"type": "sms",
|
|
56
|
-
"name": "Twilio",
|
|
57
|
-
"ip": "::3",
|
|
58
|
-
"service_code": ""
|
|
59
|
-
},
|
|
60
|
-
{
|
|
61
|
-
"identifier": "1238",
|
|
62
|
-
"type": "sms",
|
|
63
|
-
"name": "Africas Talking",
|
|
64
|
-
"ip": "::3",
|
|
65
|
-
"service_code": ""
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
"identifier": "1237",
|
|
69
|
-
"type": "sms",
|
|
70
|
-
"name": "Twilio",
|
|
71
|
-
"ip": "::3",
|
|
72
|
-
"service_code": ""
|
|
73
|
-
}
|
|
74
|
-
]
|
package/dist/styles/sheet.css
DELETED
|
@@ -1,155 +0,0 @@
|
|
|
1
|
-
/* SlidingDialog.css */
|
|
2
|
-
/* .dialog-overlay {
|
|
3
|
-
position: fixed;
|
|
4
|
-
inset: 0;
|
|
5
|
-
background: rgba(0, 0, 0, 0.5);
|
|
6
|
-
animation: overlayShow 300ms cubic-bezier(0.16, 1, 0.3, 1);
|
|
7
|
-
} */
|
|
8
|
-
|
|
9
|
-
.dialog-content {
|
|
10
|
-
/* background: white; */
|
|
11
|
-
position: fixed;
|
|
12
|
-
/* width: 300px; */
|
|
13
|
-
height: 100%;
|
|
14
|
-
overflow: auto;
|
|
15
|
-
box-shadow: 0 10px 38px -10px rgba(0, 0, 0, 0.35);
|
|
16
|
-
outline: none;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.dialog-close {
|
|
20
|
-
position: absolute;
|
|
21
|
-
top: 10px;
|
|
22
|
-
right: 10px;
|
|
23
|
-
background: none;
|
|
24
|
-
border: none;
|
|
25
|
-
font-size: 20px;
|
|
26
|
-
cursor: pointer;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
@keyframes slideInFromRight {
|
|
30
|
-
from {
|
|
31
|
-
transform: translateX(100%);
|
|
32
|
-
}
|
|
33
|
-
to {
|
|
34
|
-
transform: translateX(0);
|
|
35
|
-
}
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
@keyframes slideOutToRight {
|
|
39
|
-
from {
|
|
40
|
-
transform: translateX(0);
|
|
41
|
-
}
|
|
42
|
-
to {
|
|
43
|
-
transform: translateX(100%);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
@keyframes slideInFromLeft {
|
|
48
|
-
from {
|
|
49
|
-
transform: translateX(-100%);
|
|
50
|
-
}
|
|
51
|
-
to {
|
|
52
|
-
transform: translateX(0);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
@keyframes slideOutToLeft {
|
|
57
|
-
from {
|
|
58
|
-
transform: translateX(0);
|
|
59
|
-
}
|
|
60
|
-
to {
|
|
61
|
-
transform: translateX(-100%);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
@keyframes slideInFromTop {
|
|
66
|
-
from {
|
|
67
|
-
transform: translateY(-100%);
|
|
68
|
-
}
|
|
69
|
-
to {
|
|
70
|
-
transform: translateY(0);
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
@keyframes slideOutToTop {
|
|
75
|
-
from {
|
|
76
|
-
transform: translateY(0);
|
|
77
|
-
}
|
|
78
|
-
to {
|
|
79
|
-
transform: translateY(-100%);
|
|
80
|
-
}
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
@keyframes slideInFromBottom {
|
|
84
|
-
from {
|
|
85
|
-
transform: translateY(100%);
|
|
86
|
-
}
|
|
87
|
-
to {
|
|
88
|
-
transform: translateY(0);
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
|
|
92
|
-
@keyframes slideOutToBottom {
|
|
93
|
-
from {
|
|
94
|
-
transform: translateY(0);
|
|
95
|
-
}
|
|
96
|
-
to {
|
|
97
|
-
transform: translateY(100%);
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.slide-in-right {
|
|
102
|
-
top: 0;
|
|
103
|
-
right: 0;
|
|
104
|
-
animation: slideInFromRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.slide-out-right {
|
|
108
|
-
top: 0;
|
|
109
|
-
right: 0;
|
|
110
|
-
animation: slideOutToRight 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
.slide-in-left {
|
|
114
|
-
top: 0;
|
|
115
|
-
left: 0;
|
|
116
|
-
animation: slideInFromLeft 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
.slide-out-left {
|
|
120
|
-
top: 0;
|
|
121
|
-
left: 0;
|
|
122
|
-
animation: slideOutToLeft 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
.slide-in-top {
|
|
126
|
-
top: 0;
|
|
127
|
-
left: 0;
|
|
128
|
-
width: 100%;
|
|
129
|
-
height: auto;
|
|
130
|
-
animation: slideInFromTop 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
131
|
-
}
|
|
132
|
-
|
|
133
|
-
.slide-out-top {
|
|
134
|
-
top: 0;
|
|
135
|
-
left: 0;
|
|
136
|
-
width: 100%;
|
|
137
|
-
height: auto;
|
|
138
|
-
animation: slideOutToTop 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
139
|
-
}
|
|
140
|
-
|
|
141
|
-
.slide-in-bottom {
|
|
142
|
-
bottom: 0;
|
|
143
|
-
left: 0;
|
|
144
|
-
width: 100%;
|
|
145
|
-
height: auto;
|
|
146
|
-
animation: slideInFromBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
147
|
-
}
|
|
148
|
-
|
|
149
|
-
.slide-out-bottom {
|
|
150
|
-
bottom: 0;
|
|
151
|
-
left: 0;
|
|
152
|
-
width: 100%;
|
|
153
|
-
height: auto;
|
|
154
|
-
animation: slideOutToBottom 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
|
155
|
-
}
|