@ixo/editor 1.18.0 → 1.20.0
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/{chunk-JQ2HK6IY.mjs → chunk-O477KPVK.mjs} +844 -678
- package/dist/chunk-O477KPVK.mjs.map +1 -0
- package/dist/index.d.ts +17 -2
- package/dist/index.mjs +1 -1
- package/dist/mantine/index.d.ts +18 -0
- package/dist/mantine/index.mjs +7 -3
- package/package.json +1 -1
- package/dist/chunk-JQ2HK6IY.mjs.map +0 -1
|
@@ -1,5 +1,53 @@
|
|
|
1
|
+
// src/mantine/hooks/usePanel.ts
|
|
2
|
+
import { useCallback, useMemo, useEffect, useRef } from "react";
|
|
3
|
+
import { create } from "zustand";
|
|
4
|
+
var usePanelStore = create((set) => ({
|
|
5
|
+
activePanel: null,
|
|
6
|
+
registeredPanels: /* @__PURE__ */ new Map(),
|
|
7
|
+
setActivePanel: (panelId) => set({ activePanel: panelId }),
|
|
8
|
+
closePanel: () => set({ activePanel: null }),
|
|
9
|
+
registerPanel: (id, content) => set((state) => {
|
|
10
|
+
const newPanels = new Map(state.registeredPanels);
|
|
11
|
+
newPanels.set(id, content);
|
|
12
|
+
return { registeredPanels: newPanels };
|
|
13
|
+
}),
|
|
14
|
+
unregisterPanel: (id) => set((state) => {
|
|
15
|
+
const newPanels = new Map(state.registeredPanels);
|
|
16
|
+
newPanels.delete(id);
|
|
17
|
+
return { registeredPanels: newPanels };
|
|
18
|
+
})
|
|
19
|
+
}));
|
|
20
|
+
var usePanel = (panelId, content) => {
|
|
21
|
+
const activePanel = usePanelStore((state) => state.activePanel);
|
|
22
|
+
const setActivePanel = usePanelStore((state) => state.setActivePanel);
|
|
23
|
+
const closePanel = usePanelStore((state) => state.closePanel);
|
|
24
|
+
const isOpen = useMemo(() => activePanel === panelId, [activePanel, panelId]);
|
|
25
|
+
const contentRef = useRef(content);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
contentRef.current = content;
|
|
28
|
+
});
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
const { registerPanel, unregisterPanel } = usePanelStore.getState();
|
|
31
|
+
registerPanel(panelId, contentRef.current);
|
|
32
|
+
return () => {
|
|
33
|
+
unregisterPanel(panelId);
|
|
34
|
+
};
|
|
35
|
+
}, [panelId]);
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
const { registerPanel } = usePanelStore.getState();
|
|
38
|
+
registerPanel(panelId, content);
|
|
39
|
+
}, [content, panelId]);
|
|
40
|
+
const open = useCallback(() => {
|
|
41
|
+
setActivePanel(panelId);
|
|
42
|
+
}, [panelId, setActivePanel]);
|
|
43
|
+
const close = useCallback(() => {
|
|
44
|
+
closePanel();
|
|
45
|
+
}, [closePanel]);
|
|
46
|
+
return { opened: isOpen, open, close };
|
|
47
|
+
};
|
|
48
|
+
|
|
1
49
|
// src/mantine/context/BlocknoteContext.tsx
|
|
2
|
-
import React, { createContext, useContext, useState, useCallback, useRef, useEffect } from "react";
|
|
50
|
+
import React, { createContext, useContext, useState, useCallback as useCallback2, useRef as useRef2, useEffect as useEffect2 } from "react";
|
|
3
51
|
var BlocknoteContext = createContext({
|
|
4
52
|
docType: "flow",
|
|
5
53
|
sharedProposals: {},
|
|
@@ -21,16 +69,16 @@ var BlocknoteContext = createContext({
|
|
|
21
69
|
});
|
|
22
70
|
var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editable }) => {
|
|
23
71
|
const [sharedProposals, setSharedProposals] = useState({});
|
|
24
|
-
const sharedProposalsRef =
|
|
72
|
+
const sharedProposalsRef = useRef2({});
|
|
25
73
|
const [activeDrawerId, setActiveDrawerId] = useState(null);
|
|
26
74
|
const [drawerContent, setDrawerContent] = useState(null);
|
|
27
75
|
const initialDocType = editor?.getDocType?.() || "flow";
|
|
28
76
|
console.log("[BlocknoteContext] Initial docType from editor:", initialDocType);
|
|
29
77
|
const [docType, setDocType] = useState(initialDocType);
|
|
30
|
-
|
|
78
|
+
useEffect2(() => {
|
|
31
79
|
console.log("[BlocknoteContext] docType state updated to:", docType);
|
|
32
80
|
}, [docType]);
|
|
33
|
-
|
|
81
|
+
useEffect2(() => {
|
|
34
82
|
if (!editor?._yRoot) {
|
|
35
83
|
console.log("[BlocknoteContext] No editor._yRoot, skipping observer setup");
|
|
36
84
|
return;
|
|
@@ -64,10 +112,10 @@ var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editab
|
|
|
64
112
|
editor._yRoot?.unobserve(observer);
|
|
65
113
|
};
|
|
66
114
|
}, [editor, docType]);
|
|
67
|
-
|
|
115
|
+
useEffect2(() => {
|
|
68
116
|
sharedProposalsRef.current = sharedProposals;
|
|
69
117
|
}, [sharedProposals]);
|
|
70
|
-
const fetchSharedProposal =
|
|
118
|
+
const fetchSharedProposal = useCallback2(
|
|
71
119
|
async (proposalId, contractAddress, force = false) => {
|
|
72
120
|
const cacheKey = `${contractAddress}:${proposalId}`;
|
|
73
121
|
const cached = sharedProposalsRef.current[cacheKey];
|
|
@@ -106,7 +154,7 @@ var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editab
|
|
|
106
154
|
},
|
|
107
155
|
[handlers]
|
|
108
156
|
);
|
|
109
|
-
const invalidateProposal =
|
|
157
|
+
const invalidateProposal = useCallback2((proposalId) => {
|
|
110
158
|
setSharedProposals((prev) => {
|
|
111
159
|
const updated = { ...prev };
|
|
112
160
|
Object.keys(updated).forEach((key) => {
|
|
@@ -121,17 +169,17 @@ var BlocknoteProvider = ({ children, editor, handlers, blockRequirements, editab
|
|
|
121
169
|
return updated;
|
|
122
170
|
});
|
|
123
171
|
}, []);
|
|
124
|
-
const subscribeToProposal =
|
|
172
|
+
const subscribeToProposal = useCallback2(
|
|
125
173
|
(cacheKey) => {
|
|
126
174
|
return sharedProposals[cacheKey]?.proposal;
|
|
127
175
|
},
|
|
128
176
|
[sharedProposals]
|
|
129
177
|
);
|
|
130
|
-
const openDrawer =
|
|
178
|
+
const openDrawer = useCallback2((id, content) => {
|
|
131
179
|
setActiveDrawerId(id);
|
|
132
180
|
setDrawerContent(content);
|
|
133
181
|
}, []);
|
|
134
|
-
const closeDrawer =
|
|
182
|
+
const closeDrawer = useCallback2(() => {
|
|
135
183
|
setActiveDrawerId(null);
|
|
136
184
|
setDrawerContent(null);
|
|
137
185
|
}, []);
|
|
@@ -191,7 +239,7 @@ import React6 from "react";
|
|
|
191
239
|
import { Tabs } from "@mantine/core";
|
|
192
240
|
|
|
193
241
|
// src/mantine/components/ConditionsTab.tsx
|
|
194
|
-
import React5, { useCallback as
|
|
242
|
+
import React5, { useCallback as useCallback6 } from "react";
|
|
195
243
|
import { Stack as Stack4, SegmentedControl as SegmentedControl2, Button as Button3, Text as Text2, Alert as Alert2 } from "@mantine/core";
|
|
196
244
|
|
|
197
245
|
// src/mantine/blocks/utils/conditionUtils.ts
|
|
@@ -268,11 +316,11 @@ function hasEnableConditions(conditionConfig) {
|
|
|
268
316
|
}
|
|
269
317
|
|
|
270
318
|
// src/mantine/blocks/components/ConditionBuilder/ConditionBuilderTab.tsx
|
|
271
|
-
import React4, { useCallback as
|
|
319
|
+
import React4, { useCallback as useCallback5 } from "react";
|
|
272
320
|
import { Stack as Stack3, SegmentedControl, Button as Button2, Text, Alert } from "@mantine/core";
|
|
273
321
|
|
|
274
322
|
// src/mantine/blocks/components/ConditionBuilder/ConditionRow.tsx
|
|
275
|
-
import React3, { useCallback as
|
|
323
|
+
import React3, { useCallback as useCallback4, useMemo as useMemo2 } from "react";
|
|
276
324
|
import { Card, Stack as Stack2, TextInput as TextInput2, Select as Select2, Group, Button } from "@mantine/core";
|
|
277
325
|
|
|
278
326
|
// src/mantine/blocks/apiRequest/types.ts
|
|
@@ -524,28 +572,28 @@ function getPropertyByName(blockType, propertyName) {
|
|
|
524
572
|
}
|
|
525
573
|
|
|
526
574
|
// src/mantine/blocks/components/ConditionBuilder/PropertyValueInput.tsx
|
|
527
|
-
import React2, { useCallback as
|
|
575
|
+
import React2, { useCallback as useCallback3 } from "react";
|
|
528
576
|
import { TextInput, NumberInput, Switch, Select, Stack } from "@mantine/core";
|
|
529
577
|
function PropertyValueInput({ property, value, onChange, disabled = false }) {
|
|
530
|
-
const handleStringChange =
|
|
578
|
+
const handleStringChange = useCallback3(
|
|
531
579
|
(event) => {
|
|
532
580
|
onChange(event.currentTarget.value);
|
|
533
581
|
},
|
|
534
582
|
[onChange]
|
|
535
583
|
);
|
|
536
|
-
const handleNumberChange =
|
|
584
|
+
const handleNumberChange = useCallback3(
|
|
537
585
|
(val) => {
|
|
538
586
|
onChange(typeof val === "number" ? val : parseFloat(val) || 0);
|
|
539
587
|
},
|
|
540
588
|
[onChange]
|
|
541
589
|
);
|
|
542
|
-
const handleBooleanChange =
|
|
590
|
+
const handleBooleanChange = useCallback3(
|
|
543
591
|
(event) => {
|
|
544
592
|
onChange(event.currentTarget.checked);
|
|
545
593
|
},
|
|
546
594
|
[onChange]
|
|
547
595
|
);
|
|
548
|
-
const handleSelectChange =
|
|
596
|
+
const handleSelectChange = useCallback3(
|
|
549
597
|
(val) => {
|
|
550
598
|
if (val === null) return;
|
|
551
599
|
if (val === "true") onChange(true);
|
|
@@ -580,15 +628,15 @@ function PropertyValueInput({ property, value, onChange, disabled = false }) {
|
|
|
580
628
|
|
|
581
629
|
// src/mantine/blocks/components/ConditionBuilder/ConditionRow.tsx
|
|
582
630
|
function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
|
|
583
|
-
const availableProperties =
|
|
631
|
+
const availableProperties = useMemo2(() => {
|
|
584
632
|
if (!condition.sourceBlockType) return [];
|
|
585
633
|
return getConditionableProperties(condition.sourceBlockType);
|
|
586
634
|
}, [condition.sourceBlockType]);
|
|
587
|
-
const selectedProperty =
|
|
635
|
+
const selectedProperty = useMemo2(() => {
|
|
588
636
|
if (!condition.sourceBlockType || !condition.rule.property) return null;
|
|
589
637
|
return getPropertyByName(condition.sourceBlockType, condition.rule.property);
|
|
590
638
|
}, [condition.sourceBlockType, condition.rule.property]);
|
|
591
|
-
const availableOperators =
|
|
639
|
+
const availableOperators = useMemo2(() => {
|
|
592
640
|
if (!selectedProperty) return [];
|
|
593
641
|
const baseOperators = [
|
|
594
642
|
{ value: "equals", label: "equals" },
|
|
@@ -607,13 +655,13 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
|
|
|
607
655
|
}
|
|
608
656
|
return baseOperators;
|
|
609
657
|
}, [selectedProperty]);
|
|
610
|
-
const handleNameChange =
|
|
658
|
+
const handleNameChange = useCallback4(
|
|
611
659
|
(name) => {
|
|
612
660
|
onUpdate({ ...condition, name });
|
|
613
661
|
},
|
|
614
662
|
[condition, onUpdate]
|
|
615
663
|
);
|
|
616
|
-
const handleSourceBlockChange =
|
|
664
|
+
const handleSourceBlockChange = useCallback4(
|
|
617
665
|
(value) => {
|
|
618
666
|
if (!value) {
|
|
619
667
|
const updatedCondition2 = {
|
|
@@ -636,7 +684,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
|
|
|
636
684
|
},
|
|
637
685
|
[condition, onUpdate]
|
|
638
686
|
);
|
|
639
|
-
const handlePropertyChange =
|
|
687
|
+
const handlePropertyChange = useCallback4(
|
|
640
688
|
(property) => {
|
|
641
689
|
if (!property) return;
|
|
642
690
|
onUpdate({
|
|
@@ -651,7 +699,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
|
|
|
651
699
|
},
|
|
652
700
|
[condition, onUpdate]
|
|
653
701
|
);
|
|
654
|
-
const handleOperatorChange =
|
|
702
|
+
const handleOperatorChange = useCallback4(
|
|
655
703
|
(operator) => {
|
|
656
704
|
if (!operator) return;
|
|
657
705
|
onUpdate({
|
|
@@ -664,7 +712,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
|
|
|
664
712
|
},
|
|
665
713
|
[condition, onUpdate]
|
|
666
714
|
);
|
|
667
|
-
const handleValueChange =
|
|
715
|
+
const handleValueChange = useCallback4(
|
|
668
716
|
(value) => {
|
|
669
717
|
onUpdate({
|
|
670
718
|
...condition,
|
|
@@ -676,7 +724,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
|
|
|
676
724
|
},
|
|
677
725
|
[condition, onUpdate]
|
|
678
726
|
);
|
|
679
|
-
const handleActionChange =
|
|
727
|
+
const handleActionChange = useCallback4(
|
|
680
728
|
(action) => {
|
|
681
729
|
if (!action) return;
|
|
682
730
|
onUpdate({
|
|
@@ -689,7 +737,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
|
|
|
689
737
|
},
|
|
690
738
|
[condition, onUpdate]
|
|
691
739
|
);
|
|
692
|
-
const handleMessageChange =
|
|
740
|
+
const handleMessageChange = useCallback4(
|
|
693
741
|
(message) => {
|
|
694
742
|
onUpdate({
|
|
695
743
|
...condition,
|
|
@@ -749,7 +797,7 @@ function ConditionRow({ condition, availableBlocks, onUpdate, onDelete }) {
|
|
|
749
797
|
function ConditionsTab({ block, editor }) {
|
|
750
798
|
const currentConditions = parseConditionConfig(block.props.conditions);
|
|
751
799
|
const availableBlocks = getAvailableBlocks(editor?.document || [], block.id);
|
|
752
|
-
const updateConditions =
|
|
800
|
+
const updateConditions = useCallback6(
|
|
753
801
|
(newConfig) => {
|
|
754
802
|
const conditionsString = stringifyConditionConfig(newConfig);
|
|
755
803
|
editor.updateBlock(block, {
|
|
@@ -761,7 +809,7 @@ function ConditionsTab({ block, editor }) {
|
|
|
761
809
|
},
|
|
762
810
|
[editor, block]
|
|
763
811
|
);
|
|
764
|
-
const handleModeChange =
|
|
812
|
+
const handleModeChange = useCallback6(
|
|
765
813
|
(mode) => {
|
|
766
814
|
updateConditions({
|
|
767
815
|
...currentConditions,
|
|
@@ -770,7 +818,7 @@ function ConditionsTab({ block, editor }) {
|
|
|
770
818
|
},
|
|
771
819
|
[currentConditions, updateConditions]
|
|
772
820
|
);
|
|
773
|
-
const handleAddCondition =
|
|
821
|
+
const handleAddCondition = useCallback6(() => {
|
|
774
822
|
const newCondition = createDefaultCondition();
|
|
775
823
|
const newConfig = {
|
|
776
824
|
...currentConditions,
|
|
@@ -780,7 +828,7 @@ function ConditionsTab({ block, editor }) {
|
|
|
780
828
|
};
|
|
781
829
|
updateConditions(newConfig);
|
|
782
830
|
}, [currentConditions, updateConditions]);
|
|
783
|
-
const handleUpdateCondition =
|
|
831
|
+
const handleUpdateCondition = useCallback6(
|
|
784
832
|
(index, updatedCondition) => {
|
|
785
833
|
const newConditions = [...currentConditions.conditions];
|
|
786
834
|
newConditions[index] = updatedCondition;
|
|
@@ -792,7 +840,7 @@ function ConditionsTab({ block, editor }) {
|
|
|
792
840
|
},
|
|
793
841
|
[currentConditions, updateConditions]
|
|
794
842
|
);
|
|
795
|
-
const handleDeleteCondition =
|
|
843
|
+
const handleDeleteCondition = useCallback6(
|
|
796
844
|
(index) => {
|
|
797
845
|
const newConditions = currentConditions.conditions.filter((_, i) => i !== index);
|
|
798
846
|
updateConditions({
|
|
@@ -850,7 +898,7 @@ function ReusablePanel({ extraTabs, context }) {
|
|
|
850
898
|
}
|
|
851
899
|
|
|
852
900
|
// src/mantine/blocks/checkbox/template/GeneralTab.tsx
|
|
853
|
-
import React7, { useEffect as
|
|
901
|
+
import React7, { useEffect as useEffect3, useMemo as useMemo3, useState as useState2 } from "react";
|
|
854
902
|
import { Divider, SegmentedControl as SegmentedControl3, Stack as Stack5, Switch as Switch2, Text as Text3, TextInput as TextInput3, Textarea, PillsInput, Pill } from "@mantine/core";
|
|
855
903
|
var GeneralTab = ({
|
|
856
904
|
title,
|
|
@@ -869,19 +917,19 @@ var GeneralTab = ({
|
|
|
869
917
|
const [localMode, setLocalMode] = useState2(allowedMode);
|
|
870
918
|
const [localValues, setLocalValues] = useState2(allowedValues);
|
|
871
919
|
const [inputValue, setInputValue] = useState2("");
|
|
872
|
-
|
|
920
|
+
useEffect3(() => {
|
|
873
921
|
setLocalTitle(title || "");
|
|
874
922
|
}, [title]);
|
|
875
|
-
|
|
923
|
+
useEffect3(() => {
|
|
876
924
|
setLocalDescription(description || "");
|
|
877
925
|
}, [description]);
|
|
878
|
-
|
|
926
|
+
useEffect3(() => {
|
|
879
927
|
setLocalInitialChecked(initialChecked);
|
|
880
928
|
}, [initialChecked]);
|
|
881
|
-
|
|
929
|
+
useEffect3(() => {
|
|
882
930
|
setLocalMode(allowedMode);
|
|
883
931
|
}, [allowedMode]);
|
|
884
|
-
|
|
932
|
+
useEffect3(() => {
|
|
885
933
|
setLocalValues(allowedValues);
|
|
886
934
|
}, [allowedValues]);
|
|
887
935
|
const handleModeChange = (value) => {
|
|
@@ -912,7 +960,7 @@ var GeneralTab = ({
|
|
|
912
960
|
onAllowedChange(localMode, newValues);
|
|
913
961
|
}
|
|
914
962
|
};
|
|
915
|
-
const allowedHint =
|
|
963
|
+
const allowedHint = useMemo3(() => {
|
|
916
964
|
if (localMode === "all") {
|
|
917
965
|
return "Everyone in the flow can toggle this checkbox.";
|
|
918
966
|
}
|
|
@@ -978,54 +1026,6 @@ var GeneralTab = ({
|
|
|
978
1026
|
))))));
|
|
979
1027
|
};
|
|
980
1028
|
|
|
981
|
-
// src/mantine/hooks/usePanel.ts
|
|
982
|
-
import { useCallback as useCallback6, useMemo as useMemo3, useEffect as useEffect3, useRef as useRef2 } from "react";
|
|
983
|
-
import { create } from "zustand";
|
|
984
|
-
var usePanelStore = create((set) => ({
|
|
985
|
-
activePanel: null,
|
|
986
|
-
registeredPanels: /* @__PURE__ */ new Map(),
|
|
987
|
-
setActivePanel: (panelId) => set({ activePanel: panelId }),
|
|
988
|
-
closePanel: () => set({ activePanel: null }),
|
|
989
|
-
registerPanel: (id, content) => set((state) => {
|
|
990
|
-
const newPanels = new Map(state.registeredPanels);
|
|
991
|
-
newPanels.set(id, content);
|
|
992
|
-
return { registeredPanels: newPanels };
|
|
993
|
-
}),
|
|
994
|
-
unregisterPanel: (id) => set((state) => {
|
|
995
|
-
const newPanels = new Map(state.registeredPanels);
|
|
996
|
-
newPanels.delete(id);
|
|
997
|
-
return { registeredPanels: newPanels };
|
|
998
|
-
})
|
|
999
|
-
}));
|
|
1000
|
-
var usePanel = (panelId, content) => {
|
|
1001
|
-
const activePanel = usePanelStore((state) => state.activePanel);
|
|
1002
|
-
const setActivePanel = usePanelStore((state) => state.setActivePanel);
|
|
1003
|
-
const closePanel = usePanelStore((state) => state.closePanel);
|
|
1004
|
-
const isOpen = useMemo3(() => activePanel === panelId, [activePanel, panelId]);
|
|
1005
|
-
const contentRef = useRef2(content);
|
|
1006
|
-
useEffect3(() => {
|
|
1007
|
-
contentRef.current = content;
|
|
1008
|
-
});
|
|
1009
|
-
useEffect3(() => {
|
|
1010
|
-
const { registerPanel, unregisterPanel } = usePanelStore.getState();
|
|
1011
|
-
registerPanel(panelId, contentRef.current);
|
|
1012
|
-
return () => {
|
|
1013
|
-
unregisterPanel(panelId);
|
|
1014
|
-
};
|
|
1015
|
-
}, [panelId]);
|
|
1016
|
-
useEffect3(() => {
|
|
1017
|
-
const { registerPanel } = usePanelStore.getState();
|
|
1018
|
-
registerPanel(panelId, content);
|
|
1019
|
-
}, [content, panelId]);
|
|
1020
|
-
const open = useCallback6(() => {
|
|
1021
|
-
setActivePanel(panelId);
|
|
1022
|
-
}, [panelId, setActivePanel]);
|
|
1023
|
-
const close = useCallback6(() => {
|
|
1024
|
-
closePanel();
|
|
1025
|
-
}, [closePanel]);
|
|
1026
|
-
return { opened: isOpen, open, close };
|
|
1027
|
-
};
|
|
1028
|
-
|
|
1029
1029
|
// src/mantine/blocks/checkbox/template/TemplateConfig.tsx
|
|
1030
1030
|
var TemplateConfig = ({ editor, block }) => {
|
|
1031
1031
|
const { closePanel } = usePanelStore();
|
|
@@ -1396,11 +1396,11 @@ var CheckboxBlockSpec = createReactBlockSpec(
|
|
|
1396
1396
|
);
|
|
1397
1397
|
|
|
1398
1398
|
// src/mantine/blocks/list/ListBlockSpec.tsx
|
|
1399
|
-
import
|
|
1399
|
+
import React43 from "react";
|
|
1400
1400
|
import { createReactBlockSpec as createReactBlockSpec2 } from "@blocknote/react";
|
|
1401
1401
|
|
|
1402
1402
|
// src/mantine/blocks/list/ListBlock.tsx
|
|
1403
|
-
import
|
|
1403
|
+
import React42 from "react";
|
|
1404
1404
|
|
|
1405
1405
|
// src/mantine/blocks/list/template/TemplateView.tsx
|
|
1406
1406
|
import React16, { useMemo as useMemo6 } from "react";
|
|
@@ -1464,7 +1464,15 @@ var assetsConfigFields = [
|
|
|
1464
1464
|
description: "The DID of the collection to fetch assets from",
|
|
1465
1465
|
type: "text",
|
|
1466
1466
|
placeholder: "did:ixo:entity:collection123",
|
|
1467
|
-
required:
|
|
1467
|
+
required: false
|
|
1468
|
+
},
|
|
1469
|
+
{
|
|
1470
|
+
key: "ownerBased",
|
|
1471
|
+
label: "Owner-based",
|
|
1472
|
+
description: "Fetch assets based on the owner address",
|
|
1473
|
+
type: "switch",
|
|
1474
|
+
required: false,
|
|
1475
|
+
defaultValue: false
|
|
1468
1476
|
}
|
|
1469
1477
|
// {
|
|
1470
1478
|
// key: 'showTableHeaders',
|
|
@@ -1939,6 +1947,41 @@ var daosSelectionPanelConfig = {
|
|
|
1939
1947
|
detailsHandlerKey: "getDaoDetails"
|
|
1940
1948
|
};
|
|
1941
1949
|
|
|
1950
|
+
// src/mantine/blocks/list/balances/config.ts
|
|
1951
|
+
var balancesMetadata = {
|
|
1952
|
+
id: "balances",
|
|
1953
|
+
name: "Balances",
|
|
1954
|
+
description: "Display balances of an address",
|
|
1955
|
+
icon: "\u{1F4B2}"
|
|
1956
|
+
};
|
|
1957
|
+
var balancesConfigFields = [
|
|
1958
|
+
{
|
|
1959
|
+
key: "address",
|
|
1960
|
+
label: "Address",
|
|
1961
|
+
description: "The address to fetch balances from",
|
|
1962
|
+
type: "text",
|
|
1963
|
+
required: false
|
|
1964
|
+
}
|
|
1965
|
+
];
|
|
1966
|
+
var balancesSortFields = [
|
|
1967
|
+
{ key: "amount", label: "Amount", type: "number" },
|
|
1968
|
+
{ key: "usdAmount", label: "USD Amount", type: "number" }
|
|
1969
|
+
];
|
|
1970
|
+
var balancesFilterFields = [
|
|
1971
|
+
{ key: "isCoin", label: "Coins", type: true },
|
|
1972
|
+
{ key: "isShare", label: "Shares", type: true },
|
|
1973
|
+
{ key: "isCredit", label: "Credits", type: true }
|
|
1974
|
+
];
|
|
1975
|
+
var balancesHandlerKey = "getBalances";
|
|
1976
|
+
var balancesSelectionPanelConfig = {
|
|
1977
|
+
title: (item) => item.tokenName || "Unnamed Token",
|
|
1978
|
+
image: (item) => item.tokenImage,
|
|
1979
|
+
description: (item) => item.description || "No description",
|
|
1980
|
+
prompts: (item) => [{ text: `Amount: ${item.amount}` }, { text: `USD Amount: ${item.usdAmount}` }],
|
|
1981
|
+
actionSections: (item) => item.actionSections,
|
|
1982
|
+
detailsHandlerKey: "getBalanceDetails"
|
|
1983
|
+
};
|
|
1984
|
+
|
|
1942
1985
|
// src/mantine/blocks/list/registry.ts
|
|
1943
1986
|
var listTypeRegistry = {
|
|
1944
1987
|
linked_resources: {
|
|
@@ -2038,6 +2081,13 @@ var listTypeRegistry = {
|
|
|
2038
2081
|
sortFields: daosSortFields,
|
|
2039
2082
|
filterFields: daosFilterFields,
|
|
2040
2083
|
handlerKey: daosHandlerKey
|
|
2084
|
+
},
|
|
2085
|
+
balances: {
|
|
2086
|
+
metadata: balancesMetadata,
|
|
2087
|
+
configFields: balancesConfigFields,
|
|
2088
|
+
sortFields: balancesSortFields,
|
|
2089
|
+
filterFields: balancesFilterFields,
|
|
2090
|
+
handlerKey: balancesHandlerKey
|
|
2041
2091
|
}
|
|
2042
2092
|
};
|
|
2043
2093
|
var getAllListTypes = () => {
|
|
@@ -2063,11 +2113,13 @@ var listSelectionPanelRegistry = {
|
|
|
2063
2113
|
validators: validatorsSelectionPanelConfig,
|
|
2064
2114
|
dao_members: daoMembersSelectionPanelConfig,
|
|
2065
2115
|
projects: projectsSelectionPanelConfig,
|
|
2066
|
-
daos: daosSelectionPanelConfig
|
|
2116
|
+
daos: daosSelectionPanelConfig,
|
|
2117
|
+
balances: balancesSelectionPanelConfig
|
|
2067
2118
|
};
|
|
2068
2119
|
var getSelectionPanelConfig = (type) => {
|
|
2069
2120
|
return listSelectionPanelRegistry[type];
|
|
2070
2121
|
};
|
|
2122
|
+
var listTypesWithAddresses = ["transactions"];
|
|
2071
2123
|
|
|
2072
2124
|
// src/mantine/blocks/list/template/GeneralTab.tsx
|
|
2073
2125
|
var GeneralTab2 = ({ initialConfig, onSave }) => {
|
|
@@ -2096,7 +2148,7 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
|
|
|
2096
2148
|
setConfig((prev) => ({ ...prev, [key]: value }));
|
|
2097
2149
|
};
|
|
2098
2150
|
const handleAutoFill = async () => {
|
|
2099
|
-
if (selectedType
|
|
2151
|
+
if (selectedType && listTypesWithAddresses.includes(selectedType) && handlers?.getCurrentUser) {
|
|
2100
2152
|
try {
|
|
2101
2153
|
const user = handlers.getCurrentUser();
|
|
2102
2154
|
handleConfigChange("address", user.address);
|
|
@@ -2142,7 +2194,7 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
|
|
|
2142
2194
|
}
|
|
2143
2195
|
}
|
|
2144
2196
|
}
|
|
2145
|
-
), field.key === "address" && selectedType
|
|
2197
|
+
), field.key === "address" && selectedType && listTypesWithAddresses.includes(selectedType) && /* @__PURE__ */ React14.createElement(Button4, { size: "xs", variant: "subtle", onClick: handleAutoFill }, "Use Current User Address"));
|
|
2146
2198
|
case "switch":
|
|
2147
2199
|
return /* @__PURE__ */ React14.createElement(
|
|
2148
2200
|
Switch3,
|
|
@@ -2185,7 +2237,22 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
|
|
|
2185
2237
|
}
|
|
2186
2238
|
};
|
|
2187
2239
|
const typeConfig = selectedType ? getListTypeConfig(selectedType) : null;
|
|
2188
|
-
return /* @__PURE__ */ React14.createElement(Stack8, { gap: "lg" }, /* @__PURE__ */ React14.createElement(Accordion, { value: accordionValue, onChange: setAccordionValue }, /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "type" }, /* @__PURE__ */ React14.createElement(
|
|
2240
|
+
return /* @__PURE__ */ React14.createElement(Stack8, { gap: "lg" }, /* @__PURE__ */ React14.createElement(Accordion, { value: accordionValue, onChange: setAccordionValue }, /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "type" }, /* @__PURE__ */ React14.createElement(
|
|
2241
|
+
Accordion.Control,
|
|
2242
|
+
{
|
|
2243
|
+
styles: {
|
|
2244
|
+
control: {
|
|
2245
|
+
"&:hover": {
|
|
2246
|
+
backgroundColor: "var(--mantine-color-dark-7) !important"
|
|
2247
|
+
}
|
|
2248
|
+
},
|
|
2249
|
+
chevron: {
|
|
2250
|
+
color: "var(--mantine-color-dark-1)"
|
|
2251
|
+
}
|
|
2252
|
+
}
|
|
2253
|
+
},
|
|
2254
|
+
/* @__PURE__ */ React14.createElement(Text6, { fw: 600 }, "Choose List Type")
|
|
2255
|
+
), /* @__PURE__ */ React14.createElement(Accordion.Panel, null, /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm", mt: "md" }, listTypes.map((listType) => /* @__PURE__ */ React14.createElement(
|
|
2189
2256
|
Card4,
|
|
2190
2257
|
{
|
|
2191
2258
|
key: listType.id,
|
|
@@ -2196,6 +2263,11 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
|
|
|
2196
2263
|
style: {
|
|
2197
2264
|
cursor: "pointer"
|
|
2198
2265
|
},
|
|
2266
|
+
styles: {
|
|
2267
|
+
root: {
|
|
2268
|
+
border: "1px solid var(--mantine-color-gray-8)"
|
|
2269
|
+
}
|
|
2270
|
+
},
|
|
2199
2271
|
onClick: () => handleTypeSelect(listType.id)
|
|
2200
2272
|
},
|
|
2201
2273
|
/* @__PURE__ */ React14.createElement(Group4, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React14.createElement(
|
|
@@ -2215,7 +2287,22 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
|
|
|
2215
2287
|
},
|
|
2216
2288
|
listType.icon
|
|
2217
2289
|
), /* @__PURE__ */ React14.createElement(Stack8, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React14.createElement(Text6, { size: "md", fw: 600 }, listType.name), /* @__PURE__ */ React14.createElement(Text6, { size: "sm", c: "dimmed" }, listType.description)))
|
|
2218
|
-
))))), selectedType && typeConfig && /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "configure" }, /* @__PURE__ */ React14.createElement(
|
|
2290
|
+
))))), selectedType && typeConfig && /* @__PURE__ */ React14.createElement(Accordion.Item, { value: "configure" }, /* @__PURE__ */ React14.createElement(
|
|
2291
|
+
Accordion.Control,
|
|
2292
|
+
{
|
|
2293
|
+
styles: {
|
|
2294
|
+
control: {
|
|
2295
|
+
"&:hover": {
|
|
2296
|
+
backgroundColor: "var(--mantine-color-dark-7)"
|
|
2297
|
+
}
|
|
2298
|
+
},
|
|
2299
|
+
chevron: {
|
|
2300
|
+
color: "var(--mantine-color-dark-1)"
|
|
2301
|
+
}
|
|
2302
|
+
}
|
|
2303
|
+
},
|
|
2304
|
+
/* @__PURE__ */ React14.createElement(Text6, { fw: 600 }, "Configure ", typeConfig.metadata.name)
|
|
2305
|
+
), /* @__PURE__ */ React14.createElement(Accordion.Panel, null, /* @__PURE__ */ React14.createElement(Stack8, { gap: "md", mt: "md" }, /* @__PURE__ */ React14.createElement(Text6, { size: "sm", c: "dimmed" }, typeConfig.metadata.description), /* @__PURE__ */ React14.createElement(Stack8, { gap: "sm" }, typeConfig.configFields.map((field) => renderConfigField(field))))))), selectedType && /* @__PURE__ */ React14.createElement(Button4, { onClick: handleSaveConfig, disabled: !isConfigValid(), fullWidth: true }, "Save Configuration"));
|
|
2219
2306
|
};
|
|
2220
2307
|
|
|
2221
2308
|
// src/mantine/blocks/list/template/TemplateConfig.tsx
|
|
@@ -2277,6 +2364,7 @@ var TemplateConfig2 = ({ editor, block }) => {
|
|
|
2277
2364
|
p: "md",
|
|
2278
2365
|
shadow: "sm",
|
|
2279
2366
|
style: {
|
|
2367
|
+
flex: 1,
|
|
2280
2368
|
display: "flex",
|
|
2281
2369
|
flexDirection: "column"
|
|
2282
2370
|
}
|
|
@@ -2311,8 +2399,8 @@ var ListTemplateView = ({ editor, block }) => {
|
|
|
2311
2399
|
};
|
|
2312
2400
|
|
|
2313
2401
|
// src/mantine/blocks/list/flow/ListFlowView.tsx
|
|
2314
|
-
import
|
|
2315
|
-
import { Group as
|
|
2402
|
+
import React41, { useState as useState6, useEffect as useEffect6, useMemo as useMemo9, useCallback as useCallback10 } from "react";
|
|
2403
|
+
import { Group as Group8, Stack as Stack27, Text as Text27, ActionIcon as ActionIcon5, Alert as Alert4, Loader as Loader2, Center as Center2, Flex as Flex19, Button as Button5, Title as Title4, Collapse } from "@mantine/core";
|
|
2316
2404
|
|
|
2317
2405
|
// src/mantine/blocks/list/linked_resources/LinkedResourcesList.tsx
|
|
2318
2406
|
import React20 from "react";
|
|
@@ -2485,14 +2573,53 @@ var CollectionsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
|
2485
2573
|
return /* @__PURE__ */ React23.createElement(Box5, { flex: 1 }, /* @__PURE__ */ React23.createElement(Stack13, null, rows));
|
|
2486
2574
|
};
|
|
2487
2575
|
|
|
2488
|
-
// src/mantine/blocks/list/
|
|
2576
|
+
// src/mantine/blocks/list/balances/BalancesList.tsx
|
|
2489
2577
|
import React24 from "react";
|
|
2490
|
-
import { Text as Text12, Box as Box6,
|
|
2578
|
+
import { Text as Text12, Box as Box6, Stack as Stack14, Flex as Flex7, Avatar, Group as Group6 } from "@mantine/core";
|
|
2579
|
+
|
|
2580
|
+
// src/core/utils/numbers.ts
|
|
2581
|
+
var numberFormatter = (num, digits) => {
|
|
2582
|
+
const lookup = [
|
|
2583
|
+
{ value: 1, symbol: "" },
|
|
2584
|
+
{ value: 1e3, symbol: "k" },
|
|
2585
|
+
{ value: 1e6, symbol: "M" },
|
|
2586
|
+
{ value: 1e9, symbol: "G" },
|
|
2587
|
+
{ value: 1e12, symbol: "T" },
|
|
2588
|
+
{ value: 1e15, symbol: "P" },
|
|
2589
|
+
{ value: 1e18, symbol: "E" }
|
|
2590
|
+
];
|
|
2591
|
+
const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
|
|
2592
|
+
const item = lookup.slice().reverse().find((lookupItem) => num >= lookupItem.value);
|
|
2593
|
+
return item ? (num / item.value).toFixed(digits).replace(rx, "$1") + item.symbol : "0";
|
|
2594
|
+
};
|
|
2595
|
+
var microAmountToAmount = (microAmount, microUnits = 6) => {
|
|
2596
|
+
const amount = (microAmount ?? 0) / Math.pow(10, microUnits);
|
|
2597
|
+
return amount;
|
|
2598
|
+
};
|
|
2599
|
+
function renderNumber(value) {
|
|
2600
|
+
if (value === 0) return "0";
|
|
2601
|
+
if (!value) return "";
|
|
2602
|
+
const formattedValue = value.toLocaleString(void 0, { minimumFractionDigits: 0, maximumFractionDigits: 6 });
|
|
2603
|
+
return formattedValue;
|
|
2604
|
+
}
|
|
2605
|
+
|
|
2606
|
+
// src/mantine/blocks/list/balances/BalancesList.tsx
|
|
2607
|
+
var BalancesList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2608
|
+
if (!items || items.length === 0) {
|
|
2609
|
+
return /* @__PURE__ */ React24.createElement(Text12, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No balances found");
|
|
2610
|
+
}
|
|
2611
|
+
const rows = items.map((balance) => /* @__PURE__ */ React24.createElement(ListItemContainer, { key: balance.denom }, /* @__PURE__ */ React24.createElement(Group6, { gap: 12 }, /* @__PURE__ */ React24.createElement(Avatar, { src: balance.tokenImage, size: 40, radius: "xl" }), /* @__PURE__ */ React24.createElement(Stack14, { gap: 4 }, /* @__PURE__ */ React24.createElement(Text12, { size: "sm", fw: 500 }, balance.tokenName), balance.chainCount > 1 && /* @__PURE__ */ React24.createElement(Group6, { gap: 4 }, /* @__PURE__ */ React24.createElement(Text12, { size: "xs", c: "dimmed" }, balance.chainCount, " chains"), /* @__PURE__ */ React24.createElement(Group6, { gap: -4 }, /* @__PURE__ */ React24.createElement(Avatar, { size: 16, radius: "xl", bg: "dimmed" }), /* @__PURE__ */ React24.createElement(Avatar, { size: 16, radius: "xl", bg: "dimmed", ml: -4 }), balance.chainCount > 2 && /* @__PURE__ */ React24.createElement(Avatar, { size: 16, radius: "xl", bg: "dimmed", ml: -4 }))))), /* @__PURE__ */ React24.createElement(Flex7, { align: "center", gap: "md" }, /* @__PURE__ */ React24.createElement(Stack14, { gap: 4, align: "flex-end" }, /* @__PURE__ */ React24.createElement(Text12, { size: "sm", fw: 500 }, renderNumber(balance.amount)), /* @__PURE__ */ React24.createElement(Text12, { size: "xs", c: "dimmed" }, "$", renderNumber(balance.usdAmount))), mods && /* @__PURE__ */ React24.createElement(ListItemCheckbox, { ariaLabel: `Select balance ${balance.denom}`, checked: isItemChecked?.(balance.denom), onCheck: (checked) => onItemCheck?.(balance.denom, checked) }))));
|
|
2612
|
+
return /* @__PURE__ */ React24.createElement(Box6, { flex: 1 }, /* @__PURE__ */ React24.createElement(Stack14, null, rows));
|
|
2613
|
+
};
|
|
2614
|
+
|
|
2615
|
+
// src/mantine/blocks/list/investments/InvestmentsList.tsx
|
|
2616
|
+
import React25 from "react";
|
|
2617
|
+
import { Text as Text13, Box as Box7, Image as Image3, Stack as Stack15, Flex as Flex8, Progress } from "@mantine/core";
|
|
2491
2618
|
var InvestmentsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2492
2619
|
if (!items || items.length === 0) {
|
|
2493
|
-
return /* @__PURE__ */
|
|
2620
|
+
return /* @__PURE__ */ React25.createElement(Text13, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No investments found");
|
|
2494
2621
|
}
|
|
2495
|
-
const rows = items.map((investment) => /* @__PURE__ */
|
|
2622
|
+
const rows = items.map((investment) => /* @__PURE__ */ React25.createElement(ListItemContainer, { key: investment.did }, /* @__PURE__ */ React25.createElement(Flex8, { align: "center", gap: "sm" }, /* @__PURE__ */ React25.createElement(Image3, { radius: 16, w: 32, h: 32, src: investment.icon }), /* @__PURE__ */ React25.createElement(Stack15, { gap: 0 }, /* @__PURE__ */ React25.createElement(Text13, { size: "sm" }, investment.name || "-"), /* @__PURE__ */ React25.createElement(Text13, { size: "sm", c: "dimmed" }, investment.brand || "-"))), /* @__PURE__ */ React25.createElement(Flex8, { align: "center", gap: "md" }, /* @__PURE__ */ React25.createElement(Stack15, { ta: "right", gap: 0 }, /* @__PURE__ */ React25.createElement(Flex8, { gap: "5px" }, /* @__PURE__ */ React25.createElement(Text13, { size: "sm" }, investment.currency + formatNumber(investment.currentAmount)), /* @__PURE__ */ React25.createElement(Text13, { size: "sm", c: "dimmed" }, "/ ", investment.currency + formatNumber(investment.maxAmount))), /* @__PURE__ */ React25.createElement(Text13, { size: "xs", c: "dimmed" }, /* @__PURE__ */ React25.createElement(Progress, { color: "rgb(0, 255, 157)", radius: "xl", size: "lg", value: investment.currentAmount * 100 / investment.maxAmount }))), mods && /* @__PURE__ */ React25.createElement(
|
|
2496
2623
|
ListItemCheckbox,
|
|
2497
2624
|
{
|
|
2498
2625
|
ariaLabel: `Select investment ${investment.did}`,
|
|
@@ -2500,87 +2627,67 @@ var InvestmentsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
|
2500
2627
|
onCheck: (checked) => onItemCheck?.(investment.did, checked)
|
|
2501
2628
|
}
|
|
2502
2629
|
))));
|
|
2503
|
-
return /* @__PURE__ */
|
|
2630
|
+
return /* @__PURE__ */ React25.createElement(Box7, { flex: 1 }, /* @__PURE__ */ React25.createElement(Stack15, null, rows));
|
|
2504
2631
|
};
|
|
2505
2632
|
|
|
2506
2633
|
// src/mantine/blocks/list/oracles/OraclesList.tsx
|
|
2507
|
-
import
|
|
2508
|
-
import { Text as
|
|
2634
|
+
import React26 from "react";
|
|
2635
|
+
import { Text as Text14, Box as Box8, Image as Image4, Stack as Stack16, Flex as Flex9 } from "@mantine/core";
|
|
2509
2636
|
var OraclesList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2510
2637
|
if (!items || items.length === 0) {
|
|
2511
|
-
return /* @__PURE__ */
|
|
2638
|
+
return /* @__PURE__ */ React26.createElement(Text14, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No oracles found");
|
|
2512
2639
|
}
|
|
2513
|
-
const rows = items.map((oracle) => /* @__PURE__ */
|
|
2514
|
-
return /* @__PURE__ */
|
|
2640
|
+
const rows = items.map((oracle) => /* @__PURE__ */ React26.createElement(ListItemContainer, { key: oracle.did }, /* @__PURE__ */ React26.createElement(Flex9, { align: "center", gap: "sm" }, /* @__PURE__ */ React26.createElement(Image4, { radius: 16, w: 32, h: 32, src: oracle.icon }), /* @__PURE__ */ React26.createElement(Stack16, { gap: 0 }, /* @__PURE__ */ React26.createElement(Text14, { size: "sm" }, oracle.name || "-"), /* @__PURE__ */ React26.createElement(Text14, { size: "sm", c: "dimmed" }, oracle.brand || "-"))), /* @__PURE__ */ React26.createElement(Flex9, { align: "center", gap: "md" }, /* @__PURE__ */ React26.createElement(Stack16, { ta: "right", gap: 0 }, /* @__PURE__ */ React26.createElement(Text14, { size: "sm" }, oracle.currency || "-"), /* @__PURE__ */ React26.createElement(Text14, { size: "xs", c: "dimmed" }, oracle.minPoints, " - ", oracle.maxPoints, " pts"), /* @__PURE__ */ React26.createElement(Text14, { size: "xs", c: "dimmed" }, oracle.flowsAmount, " Flows")), mods && /* @__PURE__ */ React26.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${oracle.did}`, checked: isItemChecked?.(oracle.did), onCheck: (checked) => onItemCheck?.(oracle.did, checked) }))));
|
|
2641
|
+
return /* @__PURE__ */ React26.createElement(Box8, { flex: 1 }, /* @__PURE__ */ React26.createElement(Stack16, null, rows));
|
|
2515
2642
|
};
|
|
2516
2643
|
|
|
2517
2644
|
// src/mantine/blocks/list/pods/PODsList.tsx
|
|
2518
|
-
import
|
|
2519
|
-
import { Text as
|
|
2645
|
+
import React27 from "react";
|
|
2646
|
+
import { Text as Text15, Box as Box9, Image as Image5, Stack as Stack17, Flex as Flex10 } from "@mantine/core";
|
|
2520
2647
|
var PodsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2521
2648
|
if (!items || items.length === 0) {
|
|
2522
|
-
return /* @__PURE__ */
|
|
2649
|
+
return /* @__PURE__ */ React27.createElement(Text15, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No PODs found");
|
|
2523
2650
|
}
|
|
2524
|
-
const rows = items.map((pod) => /* @__PURE__ */
|
|
2525
|
-
return /* @__PURE__ */
|
|
2651
|
+
const rows = items.map((pod) => /* @__PURE__ */ React27.createElement(ListItemContainer, { key: pod.did }, /* @__PURE__ */ React27.createElement(Flex10, { align: "center", gap: "sm" }, /* @__PURE__ */ React27.createElement(Image5, { radius: 16, w: 32, h: 32, src: pod.icon }), /* @__PURE__ */ React27.createElement(Stack17, { gap: 0 }, /* @__PURE__ */ React27.createElement(Text15, { size: "sm" }, pod.name || "-"), /* @__PURE__ */ React27.createElement(Text15, { size: "sm", c: "dimmed" }, pod.startDate, " \u2192 ", pod.endDate))), /* @__PURE__ */ React27.createElement(Flex10, { align: "center", gap: "md" }, /* @__PURE__ */ React27.createElement(Stack17, { ta: "right", gap: 0 }, /* @__PURE__ */ React27.createElement(Text15, { size: "sm" }, pod.members, " Members"), /* @__PURE__ */ React27.createElement(Text15, { size: "sm", c: "dimmed" }, pod.totalProposals, " Proposals")), mods && /* @__PURE__ */ React27.createElement(ListItemCheckbox, { ariaLabel: `Select pod ${pod.did}`, checked: isItemChecked?.(pod.did), onCheck: (checked) => onItemCheck?.(pod.did, checked) }))));
|
|
2652
|
+
return /* @__PURE__ */ React27.createElement(Box9, { flex: 1 }, /* @__PURE__ */ React27.createElement(Stack17, null, rows));
|
|
2526
2653
|
};
|
|
2527
2654
|
|
|
2528
2655
|
// src/mantine/blocks/list/proposals/ProposalsList.tsx
|
|
2529
|
-
import
|
|
2530
|
-
import { Text as
|
|
2656
|
+
import React28 from "react";
|
|
2657
|
+
import { Text as Text16, Box as Box10, Image as Image6, Stack as Stack18, Flex as Flex11, Badge as Badge4 } from "@mantine/core";
|
|
2531
2658
|
var ProposalsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2532
2659
|
if (!items || items.length === 0) {
|
|
2533
|
-
return /* @__PURE__ */
|
|
2660
|
+
return /* @__PURE__ */ React28.createElement(Text16, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No proposals found");
|
|
2534
2661
|
}
|
|
2535
|
-
const rows = items.map((proposal) => /* @__PURE__ */
|
|
2536
|
-
return /* @__PURE__ */
|
|
2662
|
+
const rows = items.map((proposal) => /* @__PURE__ */ React28.createElement(ListItemContainer, { key: proposal.did }, /* @__PURE__ */ React28.createElement(Flex11, { align: "center", gap: "sm" }, /* @__PURE__ */ React28.createElement(Image6, { radius: 16, w: 32, h: 32, src: proposal.icon }), /* @__PURE__ */ React28.createElement(Stack18, { gap: 0 }, /* @__PURE__ */ React28.createElement(Text16, { size: "sm" }, proposal.name || "-"), /* @__PURE__ */ React28.createElement(Text16, { size: "xs", c: "dimmed" }, proposal.description || "-"))), /* @__PURE__ */ React28.createElement(Flex11, { align: "center", gap: "md" }, /* @__PURE__ */ React28.createElement(Stack18, { ta: "right", align: "end", gap: 0 }, /* @__PURE__ */ React28.createElement(Badge4, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, proposal.status), /* @__PURE__ */ React28.createElement(Text16, { size: "sm", c: "dimmed" }, proposal.isVotedOn ? "Voted" : "Not voted")), mods && /* @__PURE__ */ React28.createElement(ListItemCheckbox, { ariaLabel: `Select proposal ${proposal.did}`, checked: isItemChecked?.(proposal.did), onCheck: (checked) => onItemCheck?.(proposal.did, checked) }))));
|
|
2663
|
+
return /* @__PURE__ */ React28.createElement(Box10, { flex: 1 }, /* @__PURE__ */ React28.createElement(Stack18, null, rows));
|
|
2537
2664
|
};
|
|
2538
2665
|
|
|
2539
2666
|
// src/mantine/blocks/list/requests/RequestsList.tsx
|
|
2540
|
-
import
|
|
2541
|
-
import { Text as
|
|
2667
|
+
import React29 from "react";
|
|
2668
|
+
import { Text as Text17, Box as Box11, Image as Image7, Stack as Stack19, Flex as Flex12 } from "@mantine/core";
|
|
2542
2669
|
var RequestsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2543
2670
|
if (!items || items.length === 0) {
|
|
2544
|
-
return /* @__PURE__ */
|
|
2671
|
+
return /* @__PURE__ */ React29.createElement(Text17, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No requests found");
|
|
2545
2672
|
}
|
|
2546
|
-
const rows = items.map((request) => /* @__PURE__ */
|
|
2547
|
-
return /* @__PURE__ */
|
|
2673
|
+
const rows = items.map((request) => /* @__PURE__ */ React29.createElement(ListItemContainer, { key: request.did }, /* @__PURE__ */ React29.createElement(Flex12, { align: "center", gap: "sm" }, /* @__PURE__ */ React29.createElement(Image7, { radius: 16, w: 32, h: 32, src: request.icon }), /* @__PURE__ */ React29.createElement(Stack19, { gap: 0 }, /* @__PURE__ */ React29.createElement(Text17, { size: "sm" }, request.name || "-"), /* @__PURE__ */ React29.createElement(Text17, { size: "sm", c: "dimmed" }, request.brand || "-"))), /* @__PURE__ */ React29.createElement(Flex12, { align: "center", gap: "md" }, /* @__PURE__ */ React29.createElement(Stack19, { ta: "right", gap: 0 }, /* @__PURE__ */ React29.createElement(Text17, { size: "sm", c: "dimmed" }, request.currency || "", request.budget ?? "-"), /* @__PURE__ */ React29.createElement(Text17, { size: "xs", c: "dimmed" }, request.totalApplications ?? 0, " Applications")), mods && /* @__PURE__ */ React29.createElement(ListItemCheckbox, { ariaLabel: `Select request ${request.did}`, checked: isItemChecked?.(request.did), onCheck: (checked) => onItemCheck?.(request.did, checked) }))));
|
|
2674
|
+
return /* @__PURE__ */ React29.createElement(Box11, { flex: 1 }, /* @__PURE__ */ React29.createElement(Stack19, null, rows));
|
|
2548
2675
|
};
|
|
2549
2676
|
|
|
2550
2677
|
// src/mantine/blocks/list/members/MembersList.tsx
|
|
2551
|
-
import
|
|
2552
|
-
import { Text as
|
|
2678
|
+
import React30 from "react";
|
|
2679
|
+
import { Text as Text18, Box as Box12, Image as Image8, Stack as Stack20, Flex as Flex13 } from "@mantine/core";
|
|
2553
2680
|
var MembersList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2554
2681
|
if (!items || items.length === 0) {
|
|
2555
|
-
return /* @__PURE__ */
|
|
2682
|
+
return /* @__PURE__ */ React30.createElement(Text18, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
|
|
2556
2683
|
}
|
|
2557
|
-
const rows = items.map((member) => /* @__PURE__ */
|
|
2558
|
-
return /* @__PURE__ */
|
|
2684
|
+
const rows = items.map((member) => /* @__PURE__ */ React30.createElement(ListItemContainer, { key: member.did }, /* @__PURE__ */ React30.createElement(Flex13, { align: "center", gap: "sm" }, /* @__PURE__ */ React30.createElement(Image8, { radius: 16, w: 32, h: 32, src: member.icon }), /* @__PURE__ */ React30.createElement(Stack20, { gap: 0 }, /* @__PURE__ */ React30.createElement(Text18, { size: "sm" }, member.username || "-"), /* @__PURE__ */ React30.createElement(Text18, { size: "xs", c: "dimmed" }, member.address || "-"))), /* @__PURE__ */ React30.createElement(Flex13, { align: "center", gap: "md" }, /* @__PURE__ */ React30.createElement(Stack20, { ta: "right", gap: 0 }, /* @__PURE__ */ React30.createElement(Text18, { size: "sm" }, member.percentage), /* @__PURE__ */ React30.createElement(Text18, { size: "sm", c: "dimmed" }, member.role)), mods && /* @__PURE__ */ React30.createElement(ListItemCheckbox, { ariaLabel: `Select member ${member.did}`, checked: isItemChecked?.(member.did), onCheck: (checked) => onItemCheck?.(member.did, checked) }))));
|
|
2685
|
+
return /* @__PURE__ */ React30.createElement(Box12, { flex: 1 }, /* @__PURE__ */ React30.createElement(Stack20, null, rows));
|
|
2559
2686
|
};
|
|
2560
2687
|
|
|
2561
2688
|
// src/mantine/blocks/list/validators/ValidatorsList.tsx
|
|
2562
|
-
import
|
|
2563
|
-
import { Text as
|
|
2564
|
-
|
|
2565
|
-
// src/core/utils/numbers.ts
|
|
2566
|
-
var numberFormatter = (num, digits) => {
|
|
2567
|
-
const lookup = [
|
|
2568
|
-
{ value: 1, symbol: "" },
|
|
2569
|
-
{ value: 1e3, symbol: "k" },
|
|
2570
|
-
{ value: 1e6, symbol: "M" },
|
|
2571
|
-
{ value: 1e9, symbol: "G" },
|
|
2572
|
-
{ value: 1e12, symbol: "T" },
|
|
2573
|
-
{ value: 1e15, symbol: "P" },
|
|
2574
|
-
{ value: 1e18, symbol: "E" }
|
|
2575
|
-
];
|
|
2576
|
-
const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
|
|
2577
|
-
const item = lookup.slice().reverse().find((lookupItem) => num >= lookupItem.value);
|
|
2578
|
-
return item ? (num / item.value).toFixed(digits).replace(rx, "$1") + item.symbol : "0";
|
|
2579
|
-
};
|
|
2580
|
-
var microAmountToAmount = (microAmount, microUnits = 6) => {
|
|
2581
|
-
const amount = (microAmount ?? 0) / Math.pow(10, microUnits);
|
|
2582
|
-
return amount;
|
|
2583
|
-
};
|
|
2689
|
+
import React31 from "react";
|
|
2690
|
+
import { Text as Text19, Box as Box13, Image as Image9, Stack as Stack21, Flex as Flex14 } from "@mantine/core";
|
|
2584
2691
|
|
|
2585
2692
|
// src/core/lib/validators.ts
|
|
2586
2693
|
var getDelegatedTokensFromValidator = (validator) => Number(validator?.amount ?? 0);
|
|
@@ -2589,25 +2696,25 @@ var getDisplayDelegatedTokensFromValidator = (validator) => microAmountToAmount(
|
|
|
2589
2696
|
// src/mantine/blocks/list/validators/ValidatorsList.tsx
|
|
2590
2697
|
var ValidatorsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2591
2698
|
if (!items || items.length === 0) {
|
|
2592
|
-
return /* @__PURE__ */
|
|
2699
|
+
return /* @__PURE__ */ React31.createElement(Text19, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No validators found");
|
|
2593
2700
|
}
|
|
2594
|
-
const rows = items.map((v) => /* @__PURE__ */
|
|
2595
|
-
return /* @__PURE__ */
|
|
2701
|
+
const rows = items.map((v) => /* @__PURE__ */ React31.createElement(ListItemContainer, { key: v.did }, /* @__PURE__ */ React31.createElement(Flex14, { align: "center", gap: "sm" }, /* @__PURE__ */ React31.createElement(Image9, { radius: 16, w: 32, h: 32, src: v.icon }), /* @__PURE__ */ React31.createElement(Stack21, { gap: 0 }, /* @__PURE__ */ React31.createElement(Text19, { size: "sm" }, v.name || "-"), /* @__PURE__ */ React31.createElement(Text19, { size: "xs", c: "dimmed" }, v.description || "-"))), /* @__PURE__ */ React31.createElement(Flex14, { align: "center", gap: "md" }, /* @__PURE__ */ React31.createElement(Stack21, { ta: "right", gap: 0 }, /* @__PURE__ */ React31.createElement(Text19, { size: "sm" }, numberFormatter(getDisplayDelegatedTokensFromValidator(v), 2), " ", v.currency), /* @__PURE__ */ React31.createElement(Text19, { size: "sm", c: "dimmed" }, v.commission, "% fee"), /* @__PURE__ */ React31.createElement(Text19, { size: "xs", c: "dimmed" }, v.isActive ? "Active" : "Inactive", " \u2022 ", v.isStaked ? "Staked" : "Not staked", " \u2022 ", v.isBonding ? "Bonding" : "Not bonding")), mods && /* @__PURE__ */ React31.createElement(ListItemCheckbox, { ariaLabel: `Select validator ${v.did}`, checked: isItemChecked?.(v.did), onCheck: (checked) => onItemCheck?.(v.did, checked) }))));
|
|
2702
|
+
return /* @__PURE__ */ React31.createElement(Box13, { flex: 1 }, /* @__PURE__ */ React31.createElement(Stack21, null, rows));
|
|
2596
2703
|
};
|
|
2597
2704
|
|
|
2598
2705
|
// src/mantine/blocks/list/ListActionsMenu.tsx
|
|
2599
|
-
import
|
|
2600
|
-
import { Menu, Text as
|
|
2706
|
+
import React32 from "react";
|
|
2707
|
+
import { Menu, Text as Text20, ActionIcon as ActionIcon4 } from "@mantine/core";
|
|
2601
2708
|
import { IconArrowDown, IconArrowUp, IconAdjustments, IconCheckbox as IconCheckbox2, IconAdjustmentsHorizontal, IconDownload } from "@tabler/icons-react";
|
|
2602
2709
|
var ListActionsMenu = ({ options, selectionMode, onSelectActionClick, value, onChange, onDownloadCsv }) => {
|
|
2603
2710
|
const renderItem = (opt, direction) => {
|
|
2604
2711
|
const isActive = value?.key === opt.key && value?.direction === direction;
|
|
2605
2712
|
const Icon = direction === "asc" ? IconArrowUp : IconArrowDown;
|
|
2606
|
-
return /* @__PURE__ */
|
|
2713
|
+
return /* @__PURE__ */ React32.createElement(
|
|
2607
2714
|
Menu.Item,
|
|
2608
2715
|
{
|
|
2609
2716
|
key: `${opt.key}-${direction}`,
|
|
2610
|
-
leftSection: /* @__PURE__ */
|
|
2717
|
+
leftSection: /* @__PURE__ */ React32.createElement(Icon, { size: 16 }),
|
|
2611
2718
|
onClick: () => {
|
|
2612
2719
|
onChange({ key: opt.key, direction });
|
|
2613
2720
|
},
|
|
@@ -2616,7 +2723,37 @@ var ListActionsMenu = ({ options, selectionMode, onSelectActionClick, value, onC
|
|
|
2616
2723
|
opt.label
|
|
2617
2724
|
);
|
|
2618
2725
|
};
|
|
2619
|
-
return /* @__PURE__ */
|
|
2726
|
+
return /* @__PURE__ */ React32.createElement(
|
|
2727
|
+
Menu,
|
|
2728
|
+
{
|
|
2729
|
+
shadow: "md",
|
|
2730
|
+
width: 220,
|
|
2731
|
+
styles: {
|
|
2732
|
+
dropdown: {
|
|
2733
|
+
backgroundColor: "var(--mantine-color-dark-7)",
|
|
2734
|
+
borderColor: "var(--mantine-color-dark-4)"
|
|
2735
|
+
},
|
|
2736
|
+
item: {
|
|
2737
|
+
color: "#fff",
|
|
2738
|
+
backgroundColor: "var(--mantine-color-dark-7)",
|
|
2739
|
+
"&:hover": {
|
|
2740
|
+
backgroundColor: "var(--mantine-color-dark-6)"
|
|
2741
|
+
},
|
|
2742
|
+
'&[data-active="true"]': {
|
|
2743
|
+
backgroundColor: "var(--mantine-color-dark-5)"
|
|
2744
|
+
}
|
|
2745
|
+
},
|
|
2746
|
+
label: {
|
|
2747
|
+
color: "#fff"
|
|
2748
|
+
},
|
|
2749
|
+
divider: {
|
|
2750
|
+
borderColor: "var(--mantine-color-dark-4)"
|
|
2751
|
+
}
|
|
2752
|
+
}
|
|
2753
|
+
},
|
|
2754
|
+
/* @__PURE__ */ React32.createElement(Menu.Target, null, /* @__PURE__ */ React32.createElement(ActionIcon4, { variant: "subtle", size: "sm", "aria-label": "List actions", title: "List actions" }, /* @__PURE__ */ React32.createElement(IconAdjustmentsHorizontal, { size: 18 }))),
|
|
2755
|
+
/* @__PURE__ */ React32.createElement(Menu.Dropdown, null, /* @__PURE__ */ React32.createElement(Menu.Label, null, /* @__PURE__ */ React32.createElement(Text20, null, "Order By")), options.map((opt) => /* @__PURE__ */ React32.createElement(React32.Fragment, { key: opt.key }, renderItem(opt, "desc"), renderItem(opt, "asc"))), /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { leftSection: /* @__PURE__ */ React32.createElement(IconAdjustments, { size: 16 }) }, "Smart Filter"), /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "single" ? null : "single"), leftSection: /* @__PURE__ */ React32.createElement(IconCheckbox2, { size: 16 }) }, "Single Select"), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "multi" ? null : "multi"), leftSection: /* @__PURE__ */ React32.createElement(IconCheckbox2, { size: 16 }) }, "Multi Select"), onDownloadCsv && /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: onDownloadCsv, leftSection: /* @__PURE__ */ React32.createElement(IconDownload, { size: 16 }) }, "Download CSV")))
|
|
2756
|
+
);
|
|
2620
2757
|
};
|
|
2621
2758
|
|
|
2622
2759
|
// src/core/lib/sortListItems.ts
|
|
@@ -2639,10 +2776,10 @@ function sortListItems(data, sortOption) {
|
|
|
2639
2776
|
}
|
|
2640
2777
|
|
|
2641
2778
|
// src/mantine/blocks/list/FilterTab.tsx
|
|
2642
|
-
import
|
|
2643
|
-
import { UnstyledButton, Text as
|
|
2779
|
+
import React33 from "react";
|
|
2780
|
+
import { UnstyledButton, Text as Text21 } from "@mantine/core";
|
|
2644
2781
|
function FilterTab({ onClick, label, isActive }) {
|
|
2645
|
-
return /* @__PURE__ */
|
|
2782
|
+
return /* @__PURE__ */ React33.createElement(
|
|
2646
2783
|
UnstyledButton,
|
|
2647
2784
|
{
|
|
2648
2785
|
onClick,
|
|
@@ -2673,7 +2810,7 @@ function FilterTab({ onClick, label, isActive }) {
|
|
|
2673
2810
|
if (!isActive) e.currentTarget.style.background = "transparent";
|
|
2674
2811
|
}
|
|
2675
2812
|
},
|
|
2676
|
-
/* @__PURE__ */
|
|
2813
|
+
/* @__PURE__ */ React33.createElement(Text21, { size: "sm", fw: 500 }, label)
|
|
2677
2814
|
);
|
|
2678
2815
|
}
|
|
2679
2816
|
|
|
@@ -2693,10 +2830,10 @@ function filterListItems(items, filterOption) {
|
|
|
2693
2830
|
import { IconArrowDown as IconArrowDown2, IconArrowUp as IconArrowUp2, IconChevronDown, IconChevronUp, IconRefresh, IconSettings, IconAlertCircle } from "@tabler/icons-react";
|
|
2694
2831
|
|
|
2695
2832
|
// src/mantine/blocks/list/ListPagination.tsx
|
|
2696
|
-
import
|
|
2833
|
+
import React34 from "react";
|
|
2697
2834
|
import { Pagination } from "@mantine/core";
|
|
2698
2835
|
function ListPagination({ page, setPage, totalPages }) {
|
|
2699
|
-
return /* @__PURE__ */
|
|
2836
|
+
return /* @__PURE__ */ React34.createElement(
|
|
2700
2837
|
Pagination,
|
|
2701
2838
|
{
|
|
2702
2839
|
value: page,
|
|
@@ -2723,13 +2860,13 @@ function ListPagination({ page, setPage, totalPages }) {
|
|
|
2723
2860
|
var DEFAULT_PAGE_SIZE = 5;
|
|
2724
2861
|
|
|
2725
2862
|
// src/mantine/blocks/list/dao_members/MembersList.tsx
|
|
2726
|
-
import
|
|
2727
|
-
import { Text as
|
|
2863
|
+
import React35 from "react";
|
|
2864
|
+
import { Text as Text22, Box as Box14, Image as Image10, Stack as Stack22, Flex as Flex15 } from "@mantine/core";
|
|
2728
2865
|
var DaoMembersList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2729
2866
|
if (!items || items.length === 0) {
|
|
2730
|
-
return /* @__PURE__ */
|
|
2867
|
+
return /* @__PURE__ */ React35.createElement(Text22, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
|
|
2731
2868
|
}
|
|
2732
|
-
const rows = items.map((member) => /* @__PURE__ */
|
|
2869
|
+
const rows = items.map((member) => /* @__PURE__ */ React35.createElement(ListItemContainer, { key: member.did }, /* @__PURE__ */ React35.createElement(Flex15, { align: "center", gap: "sm" }, /* @__PURE__ */ React35.createElement(Image10, { radius: 16, w: 32, h: 32, src: member.icon }), /* @__PURE__ */ React35.createElement(Stack22, { gap: 0 }, /* @__PURE__ */ React35.createElement(Text22, { size: "sm", fw: 500 }, member.username || "Unknown User"), /* @__PURE__ */ React35.createElement(Text22, { size: "xs", c: "dimmed", lineClamp: 1 }, member.address || "No address"))), /* @__PURE__ */ React35.createElement(Flex15, { align: "center", gap: "md" }, /* @__PURE__ */ React35.createElement(Stack22, { ta: "right", gap: 0 }, /* @__PURE__ */ React35.createElement(Text22, { size: "sm", fw: 500, c: "blue" }, member.percentage || "0%"), /* @__PURE__ */ React35.createElement(Text22, { size: "xs", c: "dimmed", tt: "capitalize" }, member.role || "member")), mods && /* @__PURE__ */ React35.createElement(
|
|
2733
2870
|
ListItemCheckbox,
|
|
2734
2871
|
{
|
|
2735
2872
|
ariaLabel: `Select member ${member.username || member.did}`,
|
|
@@ -2737,34 +2874,34 @@ var DaoMembersList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
|
2737
2874
|
onCheck: (checked) => onItemCheck?.(member.did, checked)
|
|
2738
2875
|
}
|
|
2739
2876
|
))));
|
|
2740
|
-
return /* @__PURE__ */
|
|
2877
|
+
return /* @__PURE__ */ React35.createElement(Box14, { flex: 1 }, /* @__PURE__ */ React35.createElement(Stack22, { gap: "xs" }, rows));
|
|
2741
2878
|
};
|
|
2742
2879
|
|
|
2743
2880
|
// src/mantine/blocks/list/ListSelectionPanel.tsx
|
|
2744
|
-
import
|
|
2745
|
-
import { Paper as Paper4, CloseButton as CloseButton3, Stack as
|
|
2881
|
+
import React37, { useState as useState5, useEffect as useEffect5, useMemo as useMemo7 } from "react";
|
|
2882
|
+
import { Paper as Paper4, CloseButton as CloseButton3, Stack as Stack24, Alert as Alert3, Text as Text24, Loader, Center } from "@mantine/core";
|
|
2746
2883
|
|
|
2747
2884
|
// src/mantine/blocks/list/components/SelectionPanelContent.tsx
|
|
2748
|
-
import
|
|
2749
|
-
import { Stack as
|
|
2885
|
+
import React36 from "react";
|
|
2886
|
+
import { Stack as Stack23, Text as Text23, Title as Title3, Divider as Divider2, Flex as Flex16, Paper as Paper3, Group as Group7 } from "@mantine/core";
|
|
2750
2887
|
import { useHover } from "@mantine/hooks";
|
|
2751
2888
|
import { IconArrowRight, IconTarget } from "@tabler/icons-react";
|
|
2752
2889
|
var SelectionPanelHeader = ({ title, description }) => {
|
|
2753
|
-
return /* @__PURE__ */
|
|
2890
|
+
return /* @__PURE__ */ React36.createElement(Stack23, { gap: "xs" }, /* @__PURE__ */ React36.createElement(Title3, { fw: 400, order: 3 }, title), /* @__PURE__ */ React36.createElement(Text23, { c: "dimmed" }, description));
|
|
2754
2891
|
};
|
|
2755
2892
|
var SelectionPromptItem = ({ prompt }) => {
|
|
2756
|
-
return /* @__PURE__ */
|
|
2893
|
+
return /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(Flex16, { gap: 10 }, /* @__PURE__ */ React36.createElement(IconArrowRight, { size: 24, color: "white" }), /* @__PURE__ */ React36.createElement(Text23, null, prompt.text)), /* @__PURE__ */ React36.createElement(Divider2, { c: "dimmed", h: 1 }));
|
|
2757
2894
|
};
|
|
2758
2895
|
var SelectionPrompts = ({ prompts }) => {
|
|
2759
2896
|
if (!prompts || prompts.length === 0) return null;
|
|
2760
|
-
return /* @__PURE__ */
|
|
2897
|
+
return /* @__PURE__ */ React36.createElement(Stack23, { gap: "xs" }, prompts.map((prompt, index) => /* @__PURE__ */ React36.createElement(SelectionPromptItem, { key: index, prompt })));
|
|
2761
2898
|
};
|
|
2762
2899
|
var SelectionActionButton = ({ action, itemId, itemData }) => {
|
|
2763
2900
|
const { hovered, ref } = useHover();
|
|
2764
2901
|
const handleClick = () => {
|
|
2765
2902
|
action.onClick(itemId, itemData);
|
|
2766
2903
|
};
|
|
2767
|
-
return /* @__PURE__ */
|
|
2904
|
+
return /* @__PURE__ */ React36.createElement(
|
|
2768
2905
|
Paper3,
|
|
2769
2906
|
{
|
|
2770
2907
|
ref,
|
|
@@ -2779,19 +2916,19 @@ var SelectionActionButton = ({ action, itemId, itemData }) => {
|
|
|
2779
2916
|
},
|
|
2780
2917
|
onClick: handleClick
|
|
2781
2918
|
},
|
|
2782
|
-
/* @__PURE__ */
|
|
2919
|
+
/* @__PURE__ */ React36.createElement(Group7, { justify: "space-between", align: "center" }, /* @__PURE__ */ React36.createElement(Group7, { gap: "sm" }, /* @__PURE__ */ React36.createElement(IconTarget, { size: 20, color: "var(--mantine-color-gray-3)" }), /* @__PURE__ */ React36.createElement(Text23, { size: "sm", fw: 500, c: "white" }, action.label)), /* @__PURE__ */ React36.createElement(IconArrowRight, { size: 16, color: "var(--mantine-color-gray-4)" }))
|
|
2783
2920
|
);
|
|
2784
2921
|
};
|
|
2785
2922
|
var SelectionActionSectionComponent = ({ section, itemId, itemData }) => {
|
|
2786
2923
|
if (!section.actions || section.actions.length === 0) return null;
|
|
2787
|
-
return /* @__PURE__ */
|
|
2924
|
+
return /* @__PURE__ */ React36.createElement(Stack23, { gap: "xs" }, /* @__PURE__ */ React36.createElement(Text23, { fw: 500 }, section.title), section.description && /* @__PURE__ */ React36.createElement(Text23, { size: "sm", c: "dimmed" }, section.description), /* @__PURE__ */ React36.createElement(Stack23, { gap: "xs" }, section.actions.map((action) => /* @__PURE__ */ React36.createElement(SelectionActionButton, { key: action.id, action, itemId, itemData }))));
|
|
2788
2925
|
};
|
|
2789
2926
|
var SelectionActionSections = ({ sections, itemId, itemData }) => {
|
|
2790
2927
|
if (!sections || sections.length === 0) return null;
|
|
2791
|
-
return /* @__PURE__ */
|
|
2928
|
+
return /* @__PURE__ */ React36.createElement(Stack23, { gap: "md" }, sections.map((section, index) => /* @__PURE__ */ React36.createElement(React36.Fragment, { key: index }, /* @__PURE__ */ React36.createElement(SelectionActionSectionComponent, { section, itemId, itemData }), index < sections.length - 1 && /* @__PURE__ */ React36.createElement(Divider2, null))));
|
|
2792
2929
|
};
|
|
2793
2930
|
var SelectionPanelEmpty = ({ message = "No item selected" }) => {
|
|
2794
|
-
return /* @__PURE__ */
|
|
2931
|
+
return /* @__PURE__ */ React36.createElement(Stack23, { gap: "md", align: "center", py: "xl" }, /* @__PURE__ */ React36.createElement(Text23, { size: "sm", c: "dimmed", ta: "center" }, message));
|
|
2795
2932
|
};
|
|
2796
2933
|
|
|
2797
2934
|
// src/mantine/blocks/list/ListSelectionPanel.tsx
|
|
@@ -2837,7 +2974,7 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2837
2974
|
fetchItemDetails();
|
|
2838
2975
|
}, [selectedItemId, listType, handlers, panelConfig]);
|
|
2839
2976
|
if (!listType || !panelConfig) {
|
|
2840
|
-
return /* @__PURE__ */
|
|
2977
|
+
return /* @__PURE__ */ React37.createElement(
|
|
2841
2978
|
Paper4,
|
|
2842
2979
|
{
|
|
2843
2980
|
p: "md",
|
|
@@ -2849,7 +2986,7 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2849
2986
|
position: "relative"
|
|
2850
2987
|
}
|
|
2851
2988
|
},
|
|
2852
|
-
/* @__PURE__ */
|
|
2989
|
+
/* @__PURE__ */ React37.createElement(
|
|
2853
2990
|
CloseButton3,
|
|
2854
2991
|
{
|
|
2855
2992
|
onClick: closePanel,
|
|
@@ -2861,11 +2998,11 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2861
2998
|
}
|
|
2862
2999
|
}
|
|
2863
3000
|
),
|
|
2864
|
-
/* @__PURE__ */
|
|
3001
|
+
/* @__PURE__ */ React37.createElement(SelectionPanelEmpty, { message: "List type not configured" })
|
|
2865
3002
|
);
|
|
2866
3003
|
}
|
|
2867
3004
|
if (!selectedItemId) {
|
|
2868
|
-
return /* @__PURE__ */
|
|
3005
|
+
return /* @__PURE__ */ React37.createElement(
|
|
2869
3006
|
Paper4,
|
|
2870
3007
|
{
|
|
2871
3008
|
p: "md",
|
|
@@ -2877,7 +3014,7 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2877
3014
|
position: "relative"
|
|
2878
3015
|
}
|
|
2879
3016
|
},
|
|
2880
|
-
/* @__PURE__ */
|
|
3017
|
+
/* @__PURE__ */ React37.createElement(
|
|
2881
3018
|
CloseButton3,
|
|
2882
3019
|
{
|
|
2883
3020
|
onClick: closePanel,
|
|
@@ -2889,10 +3026,10 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2889
3026
|
}
|
|
2890
3027
|
}
|
|
2891
3028
|
),
|
|
2892
|
-
/* @__PURE__ */
|
|
3029
|
+
/* @__PURE__ */ React37.createElement(SelectionPanelEmpty, { message: "No item selected" })
|
|
2893
3030
|
);
|
|
2894
3031
|
}
|
|
2895
|
-
return /* @__PURE__ */
|
|
3032
|
+
return /* @__PURE__ */ React37.createElement(
|
|
2896
3033
|
Paper4,
|
|
2897
3034
|
{
|
|
2898
3035
|
p: "md",
|
|
@@ -2904,7 +3041,7 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2904
3041
|
position: "relative"
|
|
2905
3042
|
}
|
|
2906
3043
|
},
|
|
2907
|
-
/* @__PURE__ */
|
|
3044
|
+
/* @__PURE__ */ React37.createElement(
|
|
2908
3045
|
CloseButton3,
|
|
2909
3046
|
{
|
|
2910
3047
|
onClick: closePanel,
|
|
@@ -2916,7 +3053,7 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2916
3053
|
}
|
|
2917
3054
|
}
|
|
2918
3055
|
),
|
|
2919
|
-
loading ? /* @__PURE__ */
|
|
3056
|
+
loading ? /* @__PURE__ */ React37.createElement(Center, { h: 200 }, /* @__PURE__ */ React37.createElement(Loader, null)) : error ? /* @__PURE__ */ React37.createElement(Alert3, { color: "red", title: "Error" }, /* @__PURE__ */ React37.createElement(Text24, { size: "sm" }, error)) : itemData ? /* @__PURE__ */ React37.createElement(Stack24, { gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React37.createElement(SelectionPanelHeader, { title: panelConfig.title(itemData), description: panelConfig.description(itemData) }), panelConfig?.image && /* @__PURE__ */ React37.createElement(
|
|
2920
3057
|
"img",
|
|
2921
3058
|
{
|
|
2922
3059
|
src: panelConfig?.image(itemData),
|
|
@@ -2928,30 +3065,30 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2928
3065
|
objectFit: "cover"
|
|
2929
3066
|
}
|
|
2930
3067
|
}
|
|
2931
|
-
), /* @__PURE__ */
|
|
3068
|
+
), /* @__PURE__ */ React37.createElement(SelectionPrompts, { prompts: panelConfig.prompts(itemData) }), /* @__PURE__ */ React37.createElement(SelectionActionSections, { sections: panelConfig.actionSections(itemData), itemId: selectedItemId, itemData })) : /* @__PURE__ */ React37.createElement(SelectionPanelEmpty, { message: "Failed to load item details" })
|
|
2932
3069
|
);
|
|
2933
3070
|
};
|
|
2934
3071
|
|
|
2935
3072
|
// src/mantine/blocks/list/projects/ProjectsList.tsx
|
|
2936
|
-
import
|
|
2937
|
-
import { Text as
|
|
3073
|
+
import React38 from "react";
|
|
3074
|
+
import { Text as Text25, Box as Box15, Image as Image11, Stack as Stack25, Flex as Flex17 } from "@mantine/core";
|
|
2938
3075
|
var ProjectsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2939
3076
|
if (!items || items.length === 0) {
|
|
2940
|
-
return /* @__PURE__ */
|
|
3077
|
+
return /* @__PURE__ */ React38.createElement(Text25, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No Projects found");
|
|
2941
3078
|
}
|
|
2942
|
-
const rows = items.map((project) => /* @__PURE__ */
|
|
2943
|
-
return /* @__PURE__ */
|
|
3079
|
+
const rows = items.map((project) => /* @__PURE__ */ React38.createElement(ListItemContainer, { key: project.did }, /* @__PURE__ */ React38.createElement(Flex17, { align: "center", gap: "sm" }, /* @__PURE__ */ React38.createElement(Image11, { radius: 16, w: 32, h: 32, src: project.icon }), /* @__PURE__ */ React38.createElement(Stack25, { gap: 0 }, /* @__PURE__ */ React38.createElement(Text25, { size: "sm" }, project.name || "-"), /* @__PURE__ */ React38.createElement(Text25, { size: "sm", c: "dimmed" }, shortStr(project.description, 50, 0) || "-"))), /* @__PURE__ */ React38.createElement(Flex17, { align: "center", gap: "md" }, mods && /* @__PURE__ */ React38.createElement(ListItemCheckbox, { ariaLabel: `Select request ${project.did}`, checked: isItemChecked?.(project.did), onCheck: (checked) => onItemCheck?.(project.did, checked) }))));
|
|
3080
|
+
return /* @__PURE__ */ React38.createElement(Box15, { flex: 1 }, /* @__PURE__ */ React38.createElement(Stack25, null, rows));
|
|
2944
3081
|
};
|
|
2945
3082
|
|
|
2946
3083
|
// src/mantine/blocks/list/daos/DaosList.tsx
|
|
2947
|
-
import
|
|
2948
|
-
import { Text as
|
|
3084
|
+
import React39 from "react";
|
|
3085
|
+
import { Text as Text26, Box as Box16, Image as Image12, Stack as Stack26, Flex as Flex18 } from "@mantine/core";
|
|
2949
3086
|
var DaosList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2950
3087
|
if (!items || items.length === 0) {
|
|
2951
|
-
return /* @__PURE__ */
|
|
3088
|
+
return /* @__PURE__ */ React39.createElement(Text26, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No Daos found");
|
|
2952
3089
|
}
|
|
2953
|
-
const rows = items.map((dao) => /* @__PURE__ */
|
|
2954
|
-
return /* @__PURE__ */
|
|
3090
|
+
const rows = items.map((dao) => /* @__PURE__ */ React39.createElement(ListItemContainer, { key: dao.did }, /* @__PURE__ */ React39.createElement(Flex18, { align: "center", gap: "sm" }, /* @__PURE__ */ React39.createElement(Image12, { radius: 16, w: 32, h: 32, src: dao.icon }), /* @__PURE__ */ React39.createElement(Stack26, { gap: 0 }, /* @__PURE__ */ React39.createElement(Text26, { size: "sm" }, dao.name || "-"), /* @__PURE__ */ React39.createElement(Text26, { size: "sm", c: "dimmed" }, shortStr(dao.description, 50, 0) || "-"))), /* @__PURE__ */ React39.createElement(Flex18, { align: "center", gap: "md" }, mods && /* @__PURE__ */ React39.createElement(ListItemCheckbox, { ariaLabel: `Select request ${dao.did}`, checked: isItemChecked?.(dao.did), onCheck: (checked) => onItemCheck?.(dao.did, checked) }))));
|
|
3091
|
+
return /* @__PURE__ */ React39.createElement(Box16, { flex: 1 }, /* @__PURE__ */ React39.createElement(Stack26, null, rows));
|
|
2955
3092
|
};
|
|
2956
3093
|
|
|
2957
3094
|
// src/core/utils/files.ts
|
|
@@ -3015,7 +3152,7 @@ function downloadArrayAsCsv(rows, options) {
|
|
|
3015
3152
|
import { useDisclosure } from "@mantine/hooks";
|
|
3016
3153
|
|
|
3017
3154
|
// src/mantine/blocks/list/ui/ListBlocksUIContext.tsx
|
|
3018
|
-
import
|
|
3155
|
+
import React40, { createContext as createContext2, useCallback as useCallback9, useContext as useContext2, useMemo as useMemo8, useRef as useRef3 } from "react";
|
|
3019
3156
|
var ListBlocksUIContext = createContext2(null);
|
|
3020
3157
|
var ListBlocksUIProvider = ({ children }) => {
|
|
3021
3158
|
const listenersRef = useRef3(/* @__PURE__ */ new Set());
|
|
@@ -3029,7 +3166,7 @@ var ListBlocksUIProvider = ({ children }) => {
|
|
|
3029
3166
|
listenersRef.current.forEach((listener) => listener(event));
|
|
3030
3167
|
}, []);
|
|
3031
3168
|
const value = useMemo8(() => ({ broadcastCollapse, subscribe }), [broadcastCollapse, subscribe]);
|
|
3032
|
-
return /* @__PURE__ */
|
|
3169
|
+
return /* @__PURE__ */ React40.createElement(ListBlocksUIContext.Provider, { value }, children);
|
|
3033
3170
|
};
|
|
3034
3171
|
var useListBlocksUI = () => {
|
|
3035
3172
|
const ctx = useContext2(ListBlocksUIContext);
|
|
@@ -3054,14 +3191,14 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3054
3191
|
const [totalPages, setTotalPages] = useState6(0);
|
|
3055
3192
|
const [selectedIds, setSelectedIds] = useState6(/* @__PURE__ */ new Set());
|
|
3056
3193
|
const panelId = `${LIST_FLOW_PANEL_ID}-${block.id}`;
|
|
3057
|
-
const panelContent = useMemo9(() => /* @__PURE__ */
|
|
3194
|
+
const panelContent = useMemo9(() => /* @__PURE__ */ React41.createElement(TemplateConfig2, { editor, block }), [editor, block]);
|
|
3058
3195
|
const { open: openPanel } = usePanel(panelId, panelContent);
|
|
3059
3196
|
const handlers = useBlocknoteHandlers();
|
|
3060
3197
|
const listType = block.props.listType && block.props.listType !== "" ? block.props.listType : null;
|
|
3061
3198
|
const { subscribe } = useListBlocksUI();
|
|
3062
3199
|
const selectionPanelId = `${LIST_SELECTION_FLOW_PANEL_ID}-${block.id}`;
|
|
3063
3200
|
const selectionPanelContent = useMemo9(
|
|
3064
|
-
() => /* @__PURE__ */
|
|
3201
|
+
() => /* @__PURE__ */ React41.createElement(ListSelectionPanel, { editor, block, selectedIds, listType }),
|
|
3065
3202
|
[editor, block, selectedIds, listType]
|
|
3066
3203
|
);
|
|
3067
3204
|
const { open: openSelectionPanel, close: closeSelectionPanel } = usePanel(selectionPanelId, selectionPanelContent);
|
|
@@ -3185,7 +3322,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3185
3322
|
let did;
|
|
3186
3323
|
let relayerDid;
|
|
3187
3324
|
let groupIds;
|
|
3188
|
-
let
|
|
3325
|
+
let user;
|
|
3189
3326
|
switch (listType) {
|
|
3190
3327
|
case "linked_resources":
|
|
3191
3328
|
did = handlers.getEntityDid();
|
|
@@ -3196,7 +3333,12 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3196
3333
|
case "assets":
|
|
3197
3334
|
did = handlers.getEntityDid();
|
|
3198
3335
|
if (!did && !listConfig.collectionDid) throw new Error("Collection DID is required");
|
|
3199
|
-
|
|
3336
|
+
if (listConfig.ownerBased) {
|
|
3337
|
+
user = handlers.getCurrentUser();
|
|
3338
|
+
result = await handlers.getAssets(listConfig.collectionDid || did, page, user.address);
|
|
3339
|
+
} else {
|
|
3340
|
+
result = await handlers.getAssets(listConfig.collectionDid || did, page);
|
|
3341
|
+
}
|
|
3200
3342
|
setTotalPages(Math.ceil(result.totalCount / DEFAULT_PAGE_SIZE));
|
|
3201
3343
|
setData({ items: result.data });
|
|
3202
3344
|
break;
|
|
@@ -3271,12 +3413,18 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3271
3413
|
result = await handlers.getValidators(listConfig.relayedNodeDid || relayerDid, page);
|
|
3272
3414
|
setData({ items: result.data });
|
|
3273
3415
|
break;
|
|
3416
|
+
case "balances":
|
|
3417
|
+
user = handlers.getCurrentUser();
|
|
3418
|
+
if (!user.address && !listConfig.address) throw new Error("Address is required");
|
|
3419
|
+
result = await handlers.getBalances(listConfig.address || user.address);
|
|
3420
|
+
setData({ items: result.data });
|
|
3421
|
+
break;
|
|
3274
3422
|
case "dao_members":
|
|
3275
|
-
|
|
3423
|
+
user = handlers.getCurrentUser();
|
|
3276
3424
|
groupIds = await handlers.getDaoGroupsIds();
|
|
3277
|
-
if (!
|
|
3425
|
+
if (!user.address && !listConfig.address) throw new Error("Address is required");
|
|
3278
3426
|
if (!groupIds && !listConfig.groupIds) throw new Error("Group Ids are required");
|
|
3279
|
-
result = await handlers.getDaoMembers(listConfig.address ||
|
|
3427
|
+
result = await handlers.getDaoMembers(listConfig.address || user.address, listConfig.groupIds || groupIds, listConfig.withBalance, page);
|
|
3280
3428
|
setData({ items: result.data });
|
|
3281
3429
|
break;
|
|
3282
3430
|
default:
|
|
@@ -3318,44 +3466,46 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3318
3466
|
if (!filteredData || !listType) return null;
|
|
3319
3467
|
switch (listType) {
|
|
3320
3468
|
case "linked_resources":
|
|
3321
|
-
return /* @__PURE__ */
|
|
3469
|
+
return /* @__PURE__ */ React41.createElement(LinkedResourcesList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3322
3470
|
case "assets":
|
|
3323
|
-
return /* @__PURE__ */
|
|
3471
|
+
return /* @__PURE__ */ React41.createElement(AssetsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3324
3472
|
case "transactions":
|
|
3325
|
-
return /* @__PURE__ */
|
|
3473
|
+
return /* @__PURE__ */ React41.createElement(TransactionsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3326
3474
|
case "collections":
|
|
3327
|
-
return /* @__PURE__ */
|
|
3475
|
+
return /* @__PURE__ */ React41.createElement(CollectionsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3476
|
+
case "balances":
|
|
3477
|
+
return /* @__PURE__ */ React41.createElement(BalancesList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3328
3478
|
case "investments":
|
|
3329
|
-
return /* @__PURE__ */
|
|
3479
|
+
return /* @__PURE__ */ React41.createElement(InvestmentsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3330
3480
|
case "oracles":
|
|
3331
|
-
return /* @__PURE__ */
|
|
3481
|
+
return /* @__PURE__ */ React41.createElement(OraclesList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3332
3482
|
case "pods":
|
|
3333
|
-
return /* @__PURE__ */
|
|
3483
|
+
return /* @__PURE__ */ React41.createElement(PodsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3334
3484
|
case "proposals":
|
|
3335
|
-
return /* @__PURE__ */
|
|
3485
|
+
return /* @__PURE__ */ React41.createElement(ProposalsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3336
3486
|
case "requests":
|
|
3337
|
-
return /* @__PURE__ */
|
|
3487
|
+
return /* @__PURE__ */ React41.createElement(RequestsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3338
3488
|
case "projects":
|
|
3339
|
-
return /* @__PURE__ */
|
|
3489
|
+
return /* @__PURE__ */ React41.createElement(ProjectsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3340
3490
|
case "daos":
|
|
3341
|
-
return /* @__PURE__ */
|
|
3491
|
+
return /* @__PURE__ */ React41.createElement(DaosList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3342
3492
|
case "group_members":
|
|
3343
|
-
return /* @__PURE__ */
|
|
3493
|
+
return /* @__PURE__ */ React41.createElement(MembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3344
3494
|
case "dao_members":
|
|
3345
|
-
return /* @__PURE__ */
|
|
3495
|
+
return /* @__PURE__ */ React41.createElement(DaoMembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3346
3496
|
case "validators":
|
|
3347
|
-
return /* @__PURE__ */
|
|
3497
|
+
return /* @__PURE__ */ React41.createElement(ValidatorsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3348
3498
|
default:
|
|
3349
3499
|
return null;
|
|
3350
3500
|
}
|
|
3351
3501
|
};
|
|
3352
3502
|
if (!listType) {
|
|
3353
|
-
return /* @__PURE__ */
|
|
3503
|
+
return /* @__PURE__ */ React41.createElement(Center2, { py: "xl" }, /* @__PURE__ */ React41.createElement(Text27, { size: "sm", c: "dimmed" }, "List not configured"));
|
|
3354
3504
|
}
|
|
3355
|
-
return /* @__PURE__ */
|
|
3505
|
+
return /* @__PURE__ */ React41.createElement(Stack27, { w: "100%" }, /* @__PURE__ */ React41.createElement(Flex19, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React41.createElement(Title4, { order: 4 }, getListNameByType(listType)), /* @__PURE__ */ React41.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: toggle, "aria-label": opened ? "Collapse" : "Expand", title: opened ? "Collapse" : "Expand" }, opened ? /* @__PURE__ */ React41.createElement(IconChevronUp, { size: 18 }) : /* @__PURE__ */ React41.createElement(IconChevronDown, { size: 18 }))), /* @__PURE__ */ React41.createElement(Collapse, { pb: 5, px: 5, in: opened }, /* @__PURE__ */ React41.createElement(Stack27, { mih: totalPages !== 1 ? 500 : void 0, w: "100%" }, /* @__PURE__ */ React41.createElement(Flex19, { align: "center", gap: "xs" }, listSortConfig?.key && /* @__PURE__ */ React41.createElement(Flex19, { align: "center" }, /* @__PURE__ */ React41.createElement(Text27, { size: "xs" }, listSortConfig.key?.replace(/([A-Z])/g, " $1").replace(
|
|
3356
3506
|
/^./,
|
|
3357
3507
|
(str) => str.toUpperCase()
|
|
3358
|
-
), " "), /* @__PURE__ */
|
|
3508
|
+
), " "), /* @__PURE__ */ React41.createElement(Text27, { lh: 0.5 }, listSortConfig.direction === "asc" && /* @__PURE__ */ React41.createElement(IconArrowUp2, { size: 18 }), listSortConfig.direction === "desc" && /* @__PURE__ */ React41.createElement(IconArrowDown2, { size: 18 }))), selectionMode && /* @__PURE__ */ React41.createElement(Text27, { lh: 0.5 }, selectionMode === "single" ? "Single Selection" : "Multi Selection")), /* @__PURE__ */ React41.createElement(Flex19, { justify: "space-between" }, /* @__PURE__ */ React41.createElement(Flex19, { gap: "xs", align: "center" }, /* @__PURE__ */ React41.createElement(FilterTab, { key: "All", label: "All", isActive: !listFilterConfig?.key, onClick: () => handleFilterChange(null) }), Array.isArray(listFilterConfigOptions) && listFilterConfigOptions.length > 0 && listFilterConfigOptions.map(({ key, label, type }) => /* @__PURE__ */ React41.createElement(
|
|
3359
3509
|
FilterTab,
|
|
3360
3510
|
{
|
|
3361
3511
|
key: label,
|
|
@@ -3363,7 +3513,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3363
3513
|
isActive: listFilterConfig?.key === key && listFilterConfig?.value === type,
|
|
3364
3514
|
onClick: () => handleFilterChange({ key, value: type })
|
|
3365
3515
|
}
|
|
3366
|
-
))), /* @__PURE__ */
|
|
3516
|
+
))), /* @__PURE__ */ React41.createElement(Flex19, { gap: "xs" }, /* @__PURE__ */ React41.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: fetchData, loading }, /* @__PURE__ */ React41.createElement(IconRefresh, { size: 18 })), editable && /* @__PURE__ */ React41.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: openPanel }, /* @__PURE__ */ React41.createElement(IconSettings, { size: 18 })), listConfig && listSortConfigOptions && listSortConfigOptions?.length > 0 && /* @__PURE__ */ React41.createElement(
|
|
3367
3517
|
ListActionsMenu,
|
|
3368
3518
|
{
|
|
3369
3519
|
onSelectActionClick: (mode) => setSelectionMode(mode),
|
|
@@ -3373,7 +3523,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3373
3523
|
onChange: (sortOption) => handleSortChange(sortOption),
|
|
3374
3524
|
onDownloadCsv: data?.items ? () => downloadArrayAsCsv(data.items) : void 0
|
|
3375
3525
|
}
|
|
3376
|
-
))), /* @__PURE__ */
|
|
3526
|
+
))), /* @__PURE__ */ React41.createElement(Flex19, { flex: 1 }, loading ? /* @__PURE__ */ React41.createElement(Center2, { py: "xl", w: "100%" }, /* @__PURE__ */ React41.createElement(Loader2, { size: "md", mx: "auto" })) : error ? /* @__PURE__ */ React41.createElement(Alert4, { color: "red", title: "Failed to load data", icon: /* @__PURE__ */ React41.createElement(IconAlertCircle, { size: 18 }) }, /* @__PURE__ */ React41.createElement(Stack27, { gap: "xs" }, /* @__PURE__ */ React41.createElement(Text27, { size: "sm" }, showErrorDetails ? error : "Unable to fetch list data"), /* @__PURE__ */ React41.createElement(Group8, { gap: "xs" }, /* @__PURE__ */ React41.createElement(Button5, { size: "xs", variant: "subtle", onClick: fetchData }, "Retry"), /* @__PURE__ */ React41.createElement(Button5, { size: "xs", variant: "subtle", onClick: () => setShowErrorDetails(!showErrorDetails) }, showErrorDetails ? "Hide" : "Show", " Details")))) : /* @__PURE__ */ React41.createElement(Stack27, { flex: 1 }, /* @__PURE__ */ React41.createElement(Stack27, { gap: "md" }, renderListComponent(), /* @__PURE__ */ React41.createElement(
|
|
3377
3527
|
ListPagination,
|
|
3378
3528
|
{
|
|
3379
3529
|
page,
|
|
@@ -3391,9 +3541,9 @@ function ListBlock({ editor, block }) {
|
|
|
3391
3541
|
const listType = block.props.listType && block.props.listType !== "";
|
|
3392
3542
|
const isConfigured = listType;
|
|
3393
3543
|
if (editable && !isConfigured) {
|
|
3394
|
-
return /* @__PURE__ */
|
|
3544
|
+
return /* @__PURE__ */ React42.createElement(ListTemplateView, { editor, block });
|
|
3395
3545
|
}
|
|
3396
|
-
return /* @__PURE__ */
|
|
3546
|
+
return /* @__PURE__ */ React42.createElement(ListFlowView, { block, editor });
|
|
3397
3547
|
}
|
|
3398
3548
|
|
|
3399
3549
|
// src/mantine/blocks/list/ListBlockSpec.tsx
|
|
@@ -3428,16 +3578,16 @@ var ListBlockSpec = createReactBlockSpec2(
|
|
|
3428
3578
|
{
|
|
3429
3579
|
render: (props) => {
|
|
3430
3580
|
const ixoProps = props;
|
|
3431
|
-
return /* @__PURE__ */
|
|
3581
|
+
return /* @__PURE__ */ React43.createElement(ListBlock, { ...ixoProps });
|
|
3432
3582
|
}
|
|
3433
3583
|
}
|
|
3434
3584
|
);
|
|
3435
3585
|
|
|
3436
3586
|
// src/mantine/blocks/overview/OverviewBlock.tsx
|
|
3437
|
-
import
|
|
3587
|
+
import React44 from "react";
|
|
3438
3588
|
import { createReactBlockSpec as createReactBlockSpec3 } from "@blocknote/react";
|
|
3439
3589
|
var OverviewBlockContent = ({ block, editor }) => {
|
|
3440
|
-
return /* @__PURE__ */
|
|
3590
|
+
return /* @__PURE__ */ React44.createElement(
|
|
3441
3591
|
"div",
|
|
3442
3592
|
{
|
|
3443
3593
|
style: {
|
|
@@ -3449,7 +3599,7 @@ var OverviewBlockContent = ({ block, editor }) => {
|
|
|
3449
3599
|
border: "1px solid #e5e7eb"
|
|
3450
3600
|
}
|
|
3451
3601
|
},
|
|
3452
|
-
/* @__PURE__ */
|
|
3602
|
+
/* @__PURE__ */ React44.createElement("div", { style: { marginBottom: "12px" } }, /* @__PURE__ */ React44.createElement(
|
|
3453
3603
|
"input",
|
|
3454
3604
|
{
|
|
3455
3605
|
type: "text",
|
|
@@ -3475,7 +3625,7 @@ var OverviewBlockContent = ({ block, editor }) => {
|
|
|
3475
3625
|
}
|
|
3476
3626
|
}
|
|
3477
3627
|
)),
|
|
3478
|
-
/* @__PURE__ */
|
|
3628
|
+
/* @__PURE__ */ React44.createElement("div", { style: { minHeight: "40px", color: "#6b7280" } }, block.props.did ? /* @__PURE__ */ React44.createElement("p", null, "Loading overview for DID: ", block.props.did) : /* @__PURE__ */ React44.createElement("p", null, "Enter a DID to load overview data"))
|
|
3479
3629
|
);
|
|
3480
3630
|
};
|
|
3481
3631
|
var OverviewBlock = createReactBlockSpec3(
|
|
@@ -3489,7 +3639,7 @@ var OverviewBlock = createReactBlockSpec3(
|
|
|
3489
3639
|
content: "none"
|
|
3490
3640
|
},
|
|
3491
3641
|
{
|
|
3492
|
-
render: (props) => /* @__PURE__ */
|
|
3642
|
+
render: (props) => /* @__PURE__ */ React44.createElement(OverviewBlockContent, { ...props })
|
|
3493
3643
|
}
|
|
3494
3644
|
);
|
|
3495
3645
|
|
|
@@ -3545,22 +3695,22 @@ var useSharedProposal = ({ proposalId, contractAddress, autoFetch = true }) => {
|
|
|
3545
3695
|
};
|
|
3546
3696
|
|
|
3547
3697
|
// src/mantine/blocks/proposal/ProposalBlockSpec.tsx
|
|
3548
|
-
import
|
|
3698
|
+
import React88 from "react";
|
|
3549
3699
|
import { createReactBlockSpec as createReactBlockSpec4 } from "@blocknote/react";
|
|
3550
3700
|
|
|
3551
3701
|
// src/mantine/blocks/proposal/ProposalBlock.tsx
|
|
3552
|
-
import
|
|
3702
|
+
import React87 from "react";
|
|
3553
3703
|
|
|
3554
3704
|
// src/mantine/blocks/proposal/template/TemplateView.tsx
|
|
3555
|
-
import
|
|
3705
|
+
import React81, { useMemo as useMemo11 } from "react";
|
|
3556
3706
|
|
|
3557
3707
|
// src/mantine/blocks/proposal/template/TemplateConfig.tsx
|
|
3558
|
-
import
|
|
3708
|
+
import React80, { useCallback as useCallback13 } from "react";
|
|
3559
3709
|
import { Paper as Paper6, CloseButton as CloseButton4, Title as Title5 } from "@mantine/core";
|
|
3560
3710
|
|
|
3561
3711
|
// src/mantine/blocks/proposal/template/GeneralTab.tsx
|
|
3562
|
-
import
|
|
3563
|
-
import { Stack as
|
|
3712
|
+
import React45, { useEffect as useEffect8, useState as useState8 } from "react";
|
|
3713
|
+
import { Stack as Stack28, Text as Text28, TextInput as TextInput5, Textarea as Textarea2, Select as Select3, Loader as Loader3, SegmentedControl as SegmentedControl4 } from "@mantine/core";
|
|
3564
3714
|
var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescriptionChange, onGroupChange }) => {
|
|
3565
3715
|
const handlers = useBlocknoteHandlers();
|
|
3566
3716
|
const [localTitle, setLocalTitle] = useState8(title || "");
|
|
@@ -3604,7 +3754,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3604
3754
|
};
|
|
3605
3755
|
fetchGroups();
|
|
3606
3756
|
}, [handlers]);
|
|
3607
|
-
return /* @__PURE__ */
|
|
3757
|
+
return /* @__PURE__ */ React45.createElement(Stack28, { gap: "lg" }, /* @__PURE__ */ React45.createElement(Stack28, { gap: "xs" }, /* @__PURE__ */ React45.createElement(Text28, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React45.createElement(
|
|
3608
3758
|
TextInput5,
|
|
3609
3759
|
{
|
|
3610
3760
|
placeholder: "e.g. Proposal Title",
|
|
@@ -3615,7 +3765,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3615
3765
|
onTitleChange(newTitle);
|
|
3616
3766
|
}
|
|
3617
3767
|
}
|
|
3618
|
-
)), /* @__PURE__ */
|
|
3768
|
+
)), /* @__PURE__ */ React45.createElement(Stack28, { gap: "xs" }, /* @__PURE__ */ React45.createElement(Text28, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React45.createElement(
|
|
3619
3769
|
Textarea2,
|
|
3620
3770
|
{
|
|
3621
3771
|
placeholder: "Describe what this proposal is about",
|
|
@@ -3627,7 +3777,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3627
3777
|
onDescriptionChange(newDescription);
|
|
3628
3778
|
}
|
|
3629
3779
|
}
|
|
3630
|
-
)), /* @__PURE__ */
|
|
3780
|
+
)), /* @__PURE__ */ React45.createElement(Stack28, { gap: "xs" }, /* @__PURE__ */ React45.createElement(Text28, { size: "sm", fw: 600 }, "Group"), /* @__PURE__ */ React45.createElement(
|
|
3631
3781
|
SegmentedControl4,
|
|
3632
3782
|
{
|
|
3633
3783
|
value: inputMode,
|
|
@@ -3638,7 +3788,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3638
3788
|
],
|
|
3639
3789
|
fullWidth: true
|
|
3640
3790
|
}
|
|
3641
|
-
), inputMode === "select" ? /* @__PURE__ */
|
|
3791
|
+
), inputMode === "select" ? /* @__PURE__ */ React45.createElement(
|
|
3642
3792
|
Select3,
|
|
3643
3793
|
{
|
|
3644
3794
|
placeholder: loadingGroups ? "Loading groups..." : "Select a DAO group",
|
|
@@ -3656,10 +3806,10 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3656
3806
|
label: group.name
|
|
3657
3807
|
})),
|
|
3658
3808
|
disabled: loadingGroups,
|
|
3659
|
-
rightSection: loadingGroups ? /* @__PURE__ */
|
|
3809
|
+
rightSection: loadingGroups ? /* @__PURE__ */ React45.createElement(Loader3, { size: "xs" }) : void 0,
|
|
3660
3810
|
searchable: true
|
|
3661
3811
|
}
|
|
3662
|
-
) : /* @__PURE__ */
|
|
3812
|
+
) : /* @__PURE__ */ React45.createElement(
|
|
3663
3813
|
TextInput5,
|
|
3664
3814
|
{
|
|
3665
3815
|
placeholder: "Enter DAO core address",
|
|
@@ -3674,12 +3824,12 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3674
3824
|
};
|
|
3675
3825
|
|
|
3676
3826
|
// src/mantine/blocks/proposal/template/ActionsTab.tsx
|
|
3677
|
-
import
|
|
3678
|
-
import { Card as Card13, Stack as
|
|
3827
|
+
import React78, { useCallback as useCallback12, useEffect as useEffect11, useState as useState16 } from "react";
|
|
3828
|
+
import { Card as Card13, Stack as Stack61 } from "@mantine/core";
|
|
3679
3829
|
|
|
3680
3830
|
// src/mantine/blocks/proposal/actions-components/ActionsCard.tsx
|
|
3681
|
-
import
|
|
3682
|
-
import { Card as Card6, Group as
|
|
3831
|
+
import React46 from "react";
|
|
3832
|
+
import { Card as Card6, Group as Group9, Text as Text29, Badge as Badge5, Stack as Stack29, ActionIcon as ActionIcon6, ScrollArea } from "@mantine/core";
|
|
3683
3833
|
var getActionSummary = (action) => {
|
|
3684
3834
|
switch (action.type) {
|
|
3685
3835
|
case "Spend":
|
|
@@ -3711,7 +3861,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3711
3861
|
}
|
|
3712
3862
|
onClick();
|
|
3713
3863
|
};
|
|
3714
|
-
return /* @__PURE__ */
|
|
3864
|
+
return /* @__PURE__ */ React46.createElement(
|
|
3715
3865
|
Card6,
|
|
3716
3866
|
{
|
|
3717
3867
|
shadow: "sm",
|
|
@@ -3728,7 +3878,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3728
3878
|
},
|
|
3729
3879
|
onClick: handleCardClick
|
|
3730
3880
|
},
|
|
3731
|
-
/* @__PURE__ */
|
|
3881
|
+
/* @__PURE__ */ React46.createElement(Group9, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React46.createElement(Stack29, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React46.createElement(Text29, { size: "md", fw: 600, style: { color: "#f1f3f5" } }, "Proposal Actions (", actions.length, ")"), actions.length === 0 ? /* @__PURE__ */ React46.createElement(Text29, { size: "sm", style: { color: "#868e96" } }, "No actions added yet.") : /* @__PURE__ */ React46.createElement(ScrollArea, { h: actions.length > 3 ? 150 : void 0, style: { marginTop: 8 } }, /* @__PURE__ */ React46.createElement(Stack29, { gap: "xs" }, actions.map((action, index) => /* @__PURE__ */ React46.createElement(
|
|
3732
3882
|
Card6,
|
|
3733
3883
|
{
|
|
3734
3884
|
key: index,
|
|
@@ -3739,7 +3889,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3739
3889
|
borderColor: "#333"
|
|
3740
3890
|
}
|
|
3741
3891
|
},
|
|
3742
|
-
/* @__PURE__ */
|
|
3892
|
+
/* @__PURE__ */ React46.createElement(Group9, { justify: "space-between", align: "center" }, /* @__PURE__ */ React46.createElement(Group9, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React46.createElement(
|
|
3743
3893
|
Badge5,
|
|
3744
3894
|
{
|
|
3745
3895
|
size: "sm",
|
|
@@ -3750,7 +3900,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3750
3900
|
}
|
|
3751
3901
|
},
|
|
3752
3902
|
action.type
|
|
3753
|
-
), /* @__PURE__ */
|
|
3903
|
+
), /* @__PURE__ */ React46.createElement(Text29, { size: "sm", style: { color: "#adb5bd" } }, getActionSummary(action))), !disabled && /* @__PURE__ */ React46.createElement(Group9, { gap: 4 }, /* @__PURE__ */ React46.createElement(
|
|
3754
3904
|
ActionIcon6,
|
|
3755
3905
|
{
|
|
3756
3906
|
size: "sm",
|
|
@@ -3763,7 +3913,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3763
3913
|
style: { color: "#4dabf7" }
|
|
3764
3914
|
},
|
|
3765
3915
|
"\u270F\uFE0F"
|
|
3766
|
-
), /* @__PURE__ */
|
|
3916
|
+
), /* @__PURE__ */ React46.createElement(
|
|
3767
3917
|
ActionIcon6,
|
|
3768
3918
|
{
|
|
3769
3919
|
size: "sm",
|
|
@@ -3782,14 +3932,14 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3782
3932
|
};
|
|
3783
3933
|
|
|
3784
3934
|
// src/mantine/blocks/proposal/ActionsPanel.tsx
|
|
3785
|
-
import
|
|
3786
|
-
import { Stack as
|
|
3935
|
+
import React77, { useState as useState15, useEffect as useEffect10, useMemo as useMemo10 } from "react";
|
|
3936
|
+
import { Stack as Stack60, Button as Button11, Group as Group20, Text as Text37, Card as Card12, Badge as Badge8, Divider as Divider4, ScrollArea as ScrollArea3, Alert as Alert7, Tabs as Tabs2, SimpleGrid, Paper as Paper5 } from "@mantine/core";
|
|
3787
3937
|
|
|
3788
3938
|
// src/mantine/blocks/proposal/actions-components/SpendActionForm.tsx
|
|
3789
|
-
import
|
|
3790
|
-
import { TextInput as TextInput6, Stack as
|
|
3939
|
+
import React47 from "react";
|
|
3940
|
+
import { TextInput as TextInput6, Stack as Stack30 } from "@mantine/core";
|
|
3791
3941
|
var SpendActionForm = ({ data, onChange }) => {
|
|
3792
|
-
return /* @__PURE__ */
|
|
3942
|
+
return /* @__PURE__ */ React47.createElement(Stack30, null, /* @__PURE__ */ React47.createElement(
|
|
3793
3943
|
TextInput6,
|
|
3794
3944
|
{
|
|
3795
3945
|
label: "Recipient Address",
|
|
@@ -3809,7 +3959,7 @@ var SpendActionForm = ({ data, onChange }) => {
|
|
|
3809
3959
|
}
|
|
3810
3960
|
}
|
|
3811
3961
|
}
|
|
3812
|
-
), /* @__PURE__ */
|
|
3962
|
+
), /* @__PURE__ */ React47.createElement(
|
|
3813
3963
|
TextInput6,
|
|
3814
3964
|
{
|
|
3815
3965
|
label: "Denomination",
|
|
@@ -3829,7 +3979,7 @@ var SpendActionForm = ({ data, onChange }) => {
|
|
|
3829
3979
|
}
|
|
3830
3980
|
}
|
|
3831
3981
|
}
|
|
3832
|
-
), /* @__PURE__ */
|
|
3982
|
+
), /* @__PURE__ */ React47.createElement(
|
|
3833
3983
|
TextInput6,
|
|
3834
3984
|
{
|
|
3835
3985
|
label: "Amount",
|
|
@@ -3853,8 +4003,8 @@ var SpendActionForm = ({ data, onChange }) => {
|
|
|
3853
4003
|
};
|
|
3854
4004
|
|
|
3855
4005
|
// src/mantine/blocks/proposal/actions-components/UpdateMembersActionForm.tsx
|
|
3856
|
-
import
|
|
3857
|
-
import { Stack as
|
|
4006
|
+
import React48, { useState as useState9 } from "react";
|
|
4007
|
+
import { Stack as Stack31, TextInput as TextInput7, NumberInput as NumberInput2, Button as Button6, Group as Group10, Text as Text30, Card as Card7, Badge as Badge6, ActionIcon as ActionIcon7, Divider as Divider3, ScrollArea as ScrollArea2 } from "@mantine/core";
|
|
3858
4008
|
var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
3859
4009
|
const [newMember, setNewMember] = useState9({ addr: "", weight: 1 });
|
|
3860
4010
|
const [newRemoveAddress, setNewRemoveAddress] = useState9("");
|
|
@@ -3897,7 +4047,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3897
4047
|
}
|
|
3898
4048
|
}
|
|
3899
4049
|
};
|
|
3900
|
-
return /* @__PURE__ */
|
|
4050
|
+
return /* @__PURE__ */ React48.createElement(Stack31, null, /* @__PURE__ */ React48.createElement(Stack31, { gap: "xs" }, /* @__PURE__ */ React48.createElement(Text30, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Add"), /* @__PURE__ */ React48.createElement(ScrollArea2, { h: 150 }, /* @__PURE__ */ React48.createElement(Stack31, { gap: "xs" }, (data.add || []).map((member, index) => /* @__PURE__ */ React48.createElement(
|
|
3901
4051
|
Card7,
|
|
3902
4052
|
{
|
|
3903
4053
|
key: index,
|
|
@@ -3908,7 +4058,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3908
4058
|
borderColor: "#333"
|
|
3909
4059
|
}
|
|
3910
4060
|
},
|
|
3911
|
-
/* @__PURE__ */
|
|
4061
|
+
/* @__PURE__ */ React48.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React48.createElement("div", null, /* @__PURE__ */ React48.createElement(Text30, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, member.addr.slice(0, 20), "..."), /* @__PURE__ */ React48.createElement(
|
|
3912
4062
|
Badge6,
|
|
3913
4063
|
{
|
|
3914
4064
|
size: "sm",
|
|
@@ -3919,8 +4069,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3919
4069
|
},
|
|
3920
4070
|
"Weight: ",
|
|
3921
4071
|
member.weight
|
|
3922
|
-
)), /* @__PURE__ */
|
|
3923
|
-
)))), /* @__PURE__ */
|
|
4072
|
+
)), /* @__PURE__ */ React48.createElement(ActionIcon7, { size: "sm", variant: "subtle", onClick: () => handleRemoveMember(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
|
|
4073
|
+
)))), /* @__PURE__ */ React48.createElement(Group10, { grow: true }, /* @__PURE__ */ React48.createElement(TextInput7, { placeholder: "Member address", value: newMember.addr, onChange: (e) => setNewMember({ ...newMember, addr: e.currentTarget.value }), styles: inputStyles29 }), /* @__PURE__ */ React48.createElement(
|
|
3924
4074
|
NumberInput2,
|
|
3925
4075
|
{
|
|
3926
4076
|
placeholder: "Weight",
|
|
@@ -3929,7 +4079,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3929
4079
|
min: 1,
|
|
3930
4080
|
styles: inputStyles29
|
|
3931
4081
|
}
|
|
3932
|
-
), /* @__PURE__ */
|
|
4082
|
+
), /* @__PURE__ */ React48.createElement(
|
|
3933
4083
|
Button6,
|
|
3934
4084
|
{
|
|
3935
4085
|
size: "sm",
|
|
@@ -3942,7 +4092,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3942
4092
|
}
|
|
3943
4093
|
},
|
|
3944
4094
|
"\u2795 Add"
|
|
3945
|
-
))), /* @__PURE__ */
|
|
4095
|
+
))), /* @__PURE__ */ React48.createElement(Divider3, { color: "#333" }), /* @__PURE__ */ React48.createElement(Stack31, { gap: "xs" }, /* @__PURE__ */ React48.createElement(Text30, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Remove"), /* @__PURE__ */ React48.createElement(ScrollArea2, { h: 100 }, /* @__PURE__ */ React48.createElement(Stack31, { gap: "xs" }, (data.remove || []).map((item, index) => /* @__PURE__ */ React48.createElement(
|
|
3946
4096
|
Card7,
|
|
3947
4097
|
{
|
|
3948
4098
|
key: index,
|
|
@@ -3953,8 +4103,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3953
4103
|
borderColor: "#333"
|
|
3954
4104
|
}
|
|
3955
4105
|
},
|
|
3956
|
-
/* @__PURE__ */
|
|
3957
|
-
)))), /* @__PURE__ */
|
|
4106
|
+
/* @__PURE__ */ React48.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React48.createElement(Text30, { size: "sm", style: { color: "#adb5bd" } }, item.addr.slice(0, 30), "..."), /* @__PURE__ */ React48.createElement(ActionIcon7, { size: "sm", variant: "subtle", onClick: () => handleRemoveRemoveAddress(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
|
|
4107
|
+
)))), /* @__PURE__ */ React48.createElement(Group10, { grow: true }, /* @__PURE__ */ React48.createElement(TextInput7, { placeholder: "Address to remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles29 }), /* @__PURE__ */ React48.createElement(
|
|
3958
4108
|
Button6,
|
|
3959
4109
|
{
|
|
3960
4110
|
size: "sm",
|
|
@@ -3971,8 +4121,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3971
4121
|
};
|
|
3972
4122
|
|
|
3973
4123
|
// src/mantine/blocks/proposal/actions-components/StakeActionForm.tsx
|
|
3974
|
-
import
|
|
3975
|
-
import { Stack as
|
|
4124
|
+
import React49 from "react";
|
|
4125
|
+
import { Stack as Stack32, TextInput as TextInput8, Select as Select4, NumberInput as NumberInput3 } from "@mantine/core";
|
|
3976
4126
|
var stakeTypeOptions = [
|
|
3977
4127
|
{ value: StakeType.Delegate, label: "Delegate" },
|
|
3978
4128
|
{ value: StakeType.Undelegate, label: "Undelegate" },
|
|
@@ -4017,7 +4167,7 @@ var selectStyles = {
|
|
|
4017
4167
|
var StakeActionForm = ({ data, onChange }) => {
|
|
4018
4168
|
const isRedelegate = data.stakeType === StakeType.Redelegate;
|
|
4019
4169
|
const needsAmount = data.stakeType !== StakeType.WithdrawDelegatorReward;
|
|
4020
|
-
return /* @__PURE__ */
|
|
4170
|
+
return /* @__PURE__ */ React49.createElement(Stack32, { gap: "md" }, /* @__PURE__ */ React49.createElement(
|
|
4021
4171
|
Select4,
|
|
4022
4172
|
{
|
|
4023
4173
|
label: "Stake Type",
|
|
@@ -4027,7 +4177,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
4027
4177
|
required: true,
|
|
4028
4178
|
styles: selectStyles
|
|
4029
4179
|
}
|
|
4030
|
-
), /* @__PURE__ */
|
|
4180
|
+
), /* @__PURE__ */ React49.createElement(
|
|
4031
4181
|
TextInput8,
|
|
4032
4182
|
{
|
|
4033
4183
|
label: "Validator Address",
|
|
@@ -4037,7 +4187,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
4037
4187
|
required: true,
|
|
4038
4188
|
styles: inputStyles
|
|
4039
4189
|
}
|
|
4040
|
-
), isRedelegate && /* @__PURE__ */
|
|
4190
|
+
), isRedelegate && /* @__PURE__ */ React49.createElement(
|
|
4041
4191
|
TextInput8,
|
|
4042
4192
|
{
|
|
4043
4193
|
label: "Destination Validator Address",
|
|
@@ -4047,7 +4197,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
4047
4197
|
required: true,
|
|
4048
4198
|
styles: inputStyles
|
|
4049
4199
|
}
|
|
4050
|
-
), needsAmount && /* @__PURE__ */
|
|
4200
|
+
), needsAmount && /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(
|
|
4051
4201
|
NumberInput3,
|
|
4052
4202
|
{
|
|
4053
4203
|
label: "Amount",
|
|
@@ -4059,7 +4209,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
4059
4209
|
required: true,
|
|
4060
4210
|
styles: inputStyles
|
|
4061
4211
|
}
|
|
4062
|
-
), /* @__PURE__ */
|
|
4212
|
+
), /* @__PURE__ */ React49.createElement(
|
|
4063
4213
|
Select4,
|
|
4064
4214
|
{
|
|
4065
4215
|
label: "Denomination",
|
|
@@ -4076,8 +4226,8 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
4076
4226
|
};
|
|
4077
4227
|
|
|
4078
4228
|
// src/mantine/blocks/proposal/actions-components/JoinActionForm.tsx
|
|
4079
|
-
import
|
|
4080
|
-
import { Stack as
|
|
4229
|
+
import React50 from "react";
|
|
4230
|
+
import { Stack as Stack33, TextInput as TextInput9 } from "@mantine/core";
|
|
4081
4231
|
var inputStyles2 = {
|
|
4082
4232
|
label: { color: "#adb5bd" },
|
|
4083
4233
|
input: {
|
|
@@ -4090,7 +4240,7 @@ var inputStyles2 = {
|
|
|
4090
4240
|
}
|
|
4091
4241
|
};
|
|
4092
4242
|
var JoinActionForm = ({ data, onChange }) => {
|
|
4093
|
-
return /* @__PURE__ */
|
|
4243
|
+
return /* @__PURE__ */ React50.createElement(Stack33, { gap: "md" }, /* @__PURE__ */ React50.createElement(TextInput9, { label: "ID", placeholder: "did:ixo:entity:abc123...", value: data.id, onChange: (e) => onChange({ ...data, id: e.target.value }), required: true, styles: inputStyles2 }), /* @__PURE__ */ React50.createElement(
|
|
4094
4244
|
TextInput9,
|
|
4095
4245
|
{
|
|
4096
4246
|
label: "Core Address",
|
|
@@ -4100,12 +4250,12 @@ var JoinActionForm = ({ data, onChange }) => {
|
|
|
4100
4250
|
required: true,
|
|
4101
4251
|
styles: inputStyles2
|
|
4102
4252
|
}
|
|
4103
|
-
), /* @__PURE__ */
|
|
4253
|
+
), /* @__PURE__ */ React50.createElement(TextInput9, { label: "Address", placeholder: "ixo1...", value: data.address, onChange: (e) => onChange({ ...data, address: e.target.value }), required: true, styles: inputStyles2 }));
|
|
4104
4254
|
};
|
|
4105
4255
|
|
|
4106
4256
|
// src/mantine/blocks/proposal/actions-components/forms/MintActionForm.tsx
|
|
4107
|
-
import
|
|
4108
|
-
import { Stack as
|
|
4257
|
+
import React51 from "react";
|
|
4258
|
+
import { Stack as Stack34, TextInput as TextInput10, NumberInput as NumberInput4 } from "@mantine/core";
|
|
4109
4259
|
var inputStyles3 = {
|
|
4110
4260
|
label: { color: "#adb5bd" },
|
|
4111
4261
|
input: {
|
|
@@ -4118,7 +4268,7 @@ var inputStyles3 = {
|
|
|
4118
4268
|
}
|
|
4119
4269
|
};
|
|
4120
4270
|
var MintActionForm = ({ data, onChange }) => {
|
|
4121
|
-
return /* @__PURE__ */
|
|
4271
|
+
return /* @__PURE__ */ React51.createElement(Stack34, { gap: "md" }, /* @__PURE__ */ React51.createElement(TextInput10, { label: "Recipient Address", placeholder: "ixo1...", value: data.to, onChange: (e) => onChange({ ...data, to: e.currentTarget.value }), required: true, styles: inputStyles3 }), /* @__PURE__ */ React51.createElement(
|
|
4122
4272
|
NumberInput4,
|
|
4123
4273
|
{
|
|
4124
4274
|
label: "Amount",
|
|
@@ -4134,8 +4284,8 @@ var MintActionForm = ({ data, onChange }) => {
|
|
|
4134
4284
|
};
|
|
4135
4285
|
|
|
4136
4286
|
// src/mantine/blocks/proposal/actions-components/forms/ExecuteActionForm.tsx
|
|
4137
|
-
import
|
|
4138
|
-
import { Stack as
|
|
4287
|
+
import React52, { useState as useState10 } from "react";
|
|
4288
|
+
import { Stack as Stack35, TextInput as TextInput11, Textarea as Textarea3, Button as Button7, Group as Group11, Text as Text31, Card as Card8 } from "@mantine/core";
|
|
4139
4289
|
var inputStyles4 = {
|
|
4140
4290
|
label: { color: "#adb5bd" },
|
|
4141
4291
|
input: {
|
|
@@ -4172,7 +4322,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
|
|
|
4172
4322
|
return data.message;
|
|
4173
4323
|
}
|
|
4174
4324
|
};
|
|
4175
|
-
return /* @__PURE__ */
|
|
4325
|
+
return /* @__PURE__ */ React52.createElement(Stack35, { gap: "md" }, /* @__PURE__ */ React52.createElement(
|
|
4176
4326
|
TextInput11,
|
|
4177
4327
|
{
|
|
4178
4328
|
label: "Contract Address",
|
|
@@ -4182,7 +4332,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
|
|
|
4182
4332
|
required: true,
|
|
4183
4333
|
styles: inputStyles4
|
|
4184
4334
|
}
|
|
4185
|
-
), /* @__PURE__ */
|
|
4335
|
+
), /* @__PURE__ */ React52.createElement(
|
|
4186
4336
|
Textarea3,
|
|
4187
4337
|
{
|
|
4188
4338
|
label: "Message (JSON)",
|
|
@@ -4193,7 +4343,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
|
|
|
4193
4343
|
required: true,
|
|
4194
4344
|
styles: inputStyles4
|
|
4195
4345
|
}
|
|
4196
|
-
), /* @__PURE__ */
|
|
4346
|
+
), /* @__PURE__ */ React52.createElement(Stack35, { gap: "xs" }, /* @__PURE__ */ React52.createElement(Text31, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React52.createElement(Card8, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React52.createElement(Group11, { justify: "space-between" }, /* @__PURE__ */ React52.createElement(Text31, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React52.createElement(Button7, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React52.createElement(Group11, { grow: true }, /* @__PURE__ */ React52.createElement(TextInput11, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React52.createElement(TextInput11, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React52.createElement(
|
|
4197
4347
|
Button7,
|
|
4198
4348
|
{
|
|
4199
4349
|
size: "sm",
|
|
@@ -4208,9 +4358,9 @@ var ExecuteActionForm = ({ data, onChange }) => {
|
|
|
4208
4358
|
};
|
|
4209
4359
|
|
|
4210
4360
|
// src/mantine/blocks/proposal/actions-components/forms/CustomActionForm.tsx
|
|
4211
|
-
import
|
|
4212
|
-
import { Stack as
|
|
4213
|
-
import { Group as
|
|
4361
|
+
import React53, { useState as useState11, useEffect as useEffect9 } from "react";
|
|
4362
|
+
import { Stack as Stack36, Textarea as Textarea4, Alert as Alert5, Text as Text32, Badge as Badge7 } from "@mantine/core";
|
|
4363
|
+
import { Group as Group12 } from "@mantine/core";
|
|
4214
4364
|
var inputStyles5 = {
|
|
4215
4365
|
label: { color: "#adb5bd" },
|
|
4216
4366
|
input: {
|
|
@@ -4246,7 +4396,7 @@ var CustomActionForm = ({ data, onChange }) => {
|
|
|
4246
4396
|
return data.message;
|
|
4247
4397
|
}
|
|
4248
4398
|
};
|
|
4249
|
-
return /* @__PURE__ */
|
|
4399
|
+
return /* @__PURE__ */ React53.createElement(Stack36, { gap: "md" }, /* @__PURE__ */ React53.createElement(Alert5, { color: "yellow", style: { backgroundColor: "#2a2a2a", borderColor: "#ffd43b" } }, /* @__PURE__ */ React53.createElement(Text32, { size: "sm", style: { color: "#ffd43b" } }, "\u26A0\uFE0F Custom actions require valid JSON messages. Supports both Wasm and Stargate message formats.")), /* @__PURE__ */ React53.createElement("div", null, /* @__PURE__ */ React53.createElement(Group12, { gap: "xs", mb: "xs" }, /* @__PURE__ */ React53.createElement(Text32, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Custom Message (JSON)"), /* @__PURE__ */ React53.createElement(
|
|
4250
4400
|
Badge7,
|
|
4251
4401
|
{
|
|
4252
4402
|
size: "sm",
|
|
@@ -4256,7 +4406,7 @@ var CustomActionForm = ({ data, onChange }) => {
|
|
|
4256
4406
|
}
|
|
4257
4407
|
},
|
|
4258
4408
|
isValid ? "Valid JSON" : "Invalid JSON"
|
|
4259
|
-
)), /* @__PURE__ */
|
|
4409
|
+
)), /* @__PURE__ */ React53.createElement(
|
|
4260
4410
|
Textarea4,
|
|
4261
4411
|
{
|
|
4262
4412
|
placeholder: `Example Wasm message:
|
|
@@ -4289,8 +4439,8 @@ Example Stargate message:
|
|
|
4289
4439
|
};
|
|
4290
4440
|
|
|
4291
4441
|
// src/mantine/blocks/proposal/actions-components/forms/AuthzExecActionForm.tsx
|
|
4292
|
-
import
|
|
4293
|
-
import { Stack as
|
|
4442
|
+
import React54 from "react";
|
|
4443
|
+
import { Stack as Stack37, Select as Select5, TextInput as TextInput12, Textarea as Textarea5 } from "@mantine/core";
|
|
4294
4444
|
var inputStyles6 = {
|
|
4295
4445
|
label: { color: "#adb5bd" },
|
|
4296
4446
|
input: {
|
|
@@ -4325,7 +4475,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4325
4475
|
onChange({ ...data, [field]: value });
|
|
4326
4476
|
}
|
|
4327
4477
|
};
|
|
4328
|
-
return /* @__PURE__ */
|
|
4478
|
+
return /* @__PURE__ */ React54.createElement(Stack37, { gap: "md" }, /* @__PURE__ */ React54.createElement(
|
|
4329
4479
|
Select5,
|
|
4330
4480
|
{
|
|
4331
4481
|
label: "Action Type",
|
|
@@ -4336,7 +4486,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4336
4486
|
required: true,
|
|
4337
4487
|
styles: inputStyles6
|
|
4338
4488
|
}
|
|
4339
|
-
), data.authzExecActionType === AuthzExecActionTypes.Delegate && /* @__PURE__ */
|
|
4489
|
+
), data.authzExecActionType === AuthzExecActionTypes.Delegate && /* @__PURE__ */ React54.createElement(
|
|
4340
4490
|
Textarea5,
|
|
4341
4491
|
{
|
|
4342
4492
|
label: "Delegate Message (JSON)",
|
|
@@ -4346,7 +4496,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4346
4496
|
minRows: 4,
|
|
4347
4497
|
styles: inputStyles6
|
|
4348
4498
|
}
|
|
4349
|
-
), data.authzExecActionType === AuthzExecActionTypes.Undelegate && /* @__PURE__ */
|
|
4499
|
+
), data.authzExecActionType === AuthzExecActionTypes.Undelegate && /* @__PURE__ */ React54.createElement(
|
|
4350
4500
|
Textarea5,
|
|
4351
4501
|
{
|
|
4352
4502
|
label: "Undelegate Message (JSON)",
|
|
@@ -4356,7 +4506,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4356
4506
|
minRows: 4,
|
|
4357
4507
|
styles: inputStyles6
|
|
4358
4508
|
}
|
|
4359
|
-
), data.authzExecActionType === AuthzExecActionTypes.Redelegate && /* @__PURE__ */
|
|
4509
|
+
), data.authzExecActionType === AuthzExecActionTypes.Redelegate && /* @__PURE__ */ React54.createElement(
|
|
4360
4510
|
Textarea5,
|
|
4361
4511
|
{
|
|
4362
4512
|
label: "Redelegate Message (JSON)",
|
|
@@ -4366,7 +4516,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4366
4516
|
minRows: 4,
|
|
4367
4517
|
styles: inputStyles6
|
|
4368
4518
|
}
|
|
4369
|
-
), data.authzExecActionType === AuthzExecActionTypes.ClaimRewards && /* @__PURE__ */
|
|
4519
|
+
), data.authzExecActionType === AuthzExecActionTypes.ClaimRewards && /* @__PURE__ */ React54.createElement(
|
|
4370
4520
|
Textarea5,
|
|
4371
4521
|
{
|
|
4372
4522
|
label: "Claim Rewards Message (JSON)",
|
|
@@ -4376,7 +4526,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4376
4526
|
minRows: 3,
|
|
4377
4527
|
styles: inputStyles6
|
|
4378
4528
|
}
|
|
4379
|
-
), data.authzExecActionType === AuthzExecActionTypes.Custom && /* @__PURE__ */
|
|
4529
|
+
), data.authzExecActionType === AuthzExecActionTypes.Custom && /* @__PURE__ */ React54.createElement(
|
|
4380
4530
|
TextInput12,
|
|
4381
4531
|
{
|
|
4382
4532
|
label: "Custom Message",
|
|
@@ -4389,8 +4539,8 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4389
4539
|
};
|
|
4390
4540
|
|
|
4391
4541
|
// src/mantine/blocks/proposal/actions-components/forms/AuthzGrantActionForm.tsx
|
|
4392
|
-
import
|
|
4393
|
-
import { Stack as
|
|
4542
|
+
import React55 from "react";
|
|
4543
|
+
import { Stack as Stack38, TextInput as TextInput13 } from "@mantine/core";
|
|
4394
4544
|
var inputStyles7 = {
|
|
4395
4545
|
label: { color: "#adb5bd" },
|
|
4396
4546
|
input: {
|
|
@@ -4403,7 +4553,7 @@ var inputStyles7 = {
|
|
|
4403
4553
|
}
|
|
4404
4554
|
};
|
|
4405
4555
|
var AuthzGrantActionForm = ({ data, onChange }) => {
|
|
4406
|
-
return /* @__PURE__ */
|
|
4556
|
+
return /* @__PURE__ */ React55.createElement(Stack38, { gap: "md" }, /* @__PURE__ */ React55.createElement(
|
|
4407
4557
|
TextInput13,
|
|
4408
4558
|
{
|
|
4409
4559
|
label: "Type URL",
|
|
@@ -4413,7 +4563,7 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
|
|
|
4413
4563
|
required: true,
|
|
4414
4564
|
styles: inputStyles7
|
|
4415
4565
|
}
|
|
4416
|
-
), /* @__PURE__ */
|
|
4566
|
+
), /* @__PURE__ */ React55.createElement(
|
|
4417
4567
|
TextInput13,
|
|
4418
4568
|
{
|
|
4419
4569
|
label: "Grantee Address",
|
|
@@ -4426,7 +4576,7 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
|
|
|
4426
4576
|
required: true,
|
|
4427
4577
|
styles: inputStyles7
|
|
4428
4578
|
}
|
|
4429
|
-
), /* @__PURE__ */
|
|
4579
|
+
), /* @__PURE__ */ React55.createElement(
|
|
4430
4580
|
TextInput13,
|
|
4431
4581
|
{
|
|
4432
4582
|
label: "Message Type URL",
|
|
@@ -4443,8 +4593,8 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
|
|
|
4443
4593
|
};
|
|
4444
4594
|
|
|
4445
4595
|
// src/mantine/blocks/proposal/actions-components/forms/BurnNftActionForm.tsx
|
|
4446
|
-
import
|
|
4447
|
-
import { Stack as
|
|
4596
|
+
import React56 from "react";
|
|
4597
|
+
import { Stack as Stack39, TextInput as TextInput14 } from "@mantine/core";
|
|
4448
4598
|
var inputStyles8 = {
|
|
4449
4599
|
label: { color: "#adb5bd" },
|
|
4450
4600
|
input: {
|
|
@@ -4457,7 +4607,7 @@ var inputStyles8 = {
|
|
|
4457
4607
|
}
|
|
4458
4608
|
};
|
|
4459
4609
|
var BurnNftActionForm = ({ data, onChange }) => {
|
|
4460
|
-
return /* @__PURE__ */
|
|
4610
|
+
return /* @__PURE__ */ React56.createElement(Stack39, { gap: "md" }, /* @__PURE__ */ React56.createElement(
|
|
4461
4611
|
TextInput14,
|
|
4462
4612
|
{
|
|
4463
4613
|
label: "Collection Address",
|
|
@@ -4467,12 +4617,12 @@ var BurnNftActionForm = ({ data, onChange }) => {
|
|
|
4467
4617
|
required: true,
|
|
4468
4618
|
styles: inputStyles8
|
|
4469
4619
|
}
|
|
4470
|
-
), /* @__PURE__ */
|
|
4620
|
+
), /* @__PURE__ */ React56.createElement(TextInput14, { label: "Token ID", placeholder: "1", value: data.tokenId, onChange: (e) => onChange({ ...data, tokenId: e.currentTarget.value }), required: true, styles: inputStyles8 }));
|
|
4471
4621
|
};
|
|
4472
4622
|
|
|
4473
4623
|
// src/mantine/blocks/proposal/actions-components/forms/TransferNftActionForm.tsx
|
|
4474
|
-
import
|
|
4475
|
-
import { Stack as
|
|
4624
|
+
import React57 from "react";
|
|
4625
|
+
import { Stack as Stack40, TextInput as TextInput15, Checkbox as Checkbox4, Textarea as Textarea6 } from "@mantine/core";
|
|
4476
4626
|
var inputStyles9 = {
|
|
4477
4627
|
label: { color: "#adb5bd" },
|
|
4478
4628
|
input: {
|
|
@@ -4485,7 +4635,7 @@ var inputStyles9 = {
|
|
|
4485
4635
|
}
|
|
4486
4636
|
};
|
|
4487
4637
|
var TransferNftActionForm = ({ data, onChange }) => {
|
|
4488
|
-
return /* @__PURE__ */
|
|
4638
|
+
return /* @__PURE__ */ React57.createElement(Stack40, { gap: "md" }, /* @__PURE__ */ React57.createElement(
|
|
4489
4639
|
TextInput15,
|
|
4490
4640
|
{
|
|
4491
4641
|
label: "Collection Address",
|
|
@@ -4495,7 +4645,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
|
|
|
4495
4645
|
required: true,
|
|
4496
4646
|
styles: inputStyles9
|
|
4497
4647
|
}
|
|
4498
|
-
), /* @__PURE__ */
|
|
4648
|
+
), /* @__PURE__ */ React57.createElement(TextInput15, { label: "Token ID", placeholder: "1", value: data.tokenId, onChange: (e) => onChange({ ...data, tokenId: e.currentTarget.value }), required: true, styles: inputStyles9 }), /* @__PURE__ */ React57.createElement(
|
|
4499
4649
|
TextInput15,
|
|
4500
4650
|
{
|
|
4501
4651
|
label: "Recipient Address",
|
|
@@ -4505,7 +4655,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
|
|
|
4505
4655
|
required: true,
|
|
4506
4656
|
styles: inputStyles9
|
|
4507
4657
|
}
|
|
4508
|
-
), /* @__PURE__ */
|
|
4658
|
+
), /* @__PURE__ */ React57.createElement(
|
|
4509
4659
|
Checkbox4,
|
|
4510
4660
|
{
|
|
4511
4661
|
label: "Execute Smart Contract",
|
|
@@ -4516,7 +4666,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
|
|
|
4516
4666
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4517
4667
|
}
|
|
4518
4668
|
}
|
|
4519
|
-
), data.executeSmartContract && /* @__PURE__ */
|
|
4669
|
+
), data.executeSmartContract && /* @__PURE__ */ React57.createElement(
|
|
4520
4670
|
Textarea6,
|
|
4521
4671
|
{
|
|
4522
4672
|
label: "Smart Contract Message (JSON)",
|
|
@@ -4530,8 +4680,8 @@ var TransferNftActionForm = ({ data, onChange }) => {
|
|
|
4530
4680
|
};
|
|
4531
4681
|
|
|
4532
4682
|
// src/mantine/blocks/proposal/actions-components/forms/ManageCw721ActionForm.tsx
|
|
4533
|
-
import
|
|
4534
|
-
import { Stack as
|
|
4683
|
+
import React58 from "react";
|
|
4684
|
+
import { Stack as Stack41, TextInput as TextInput16, Radio, Group as Group13 } from "@mantine/core";
|
|
4535
4685
|
var inputStyles10 = {
|
|
4536
4686
|
label: { color: "#adb5bd" },
|
|
4537
4687
|
input: {
|
|
@@ -4544,7 +4694,7 @@ var inputStyles10 = {
|
|
|
4544
4694
|
}
|
|
4545
4695
|
};
|
|
4546
4696
|
var ManageCw721ActionForm = ({ data, onChange }) => {
|
|
4547
|
-
return /* @__PURE__ */
|
|
4697
|
+
return /* @__PURE__ */ React58.createElement(Stack41, { gap: "md" }, /* @__PURE__ */ React58.createElement(Radio.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React58.createElement(Group13, { mt: "xs" }, /* @__PURE__ */ React58.createElement(
|
|
4548
4698
|
Radio,
|
|
4549
4699
|
{
|
|
4550
4700
|
value: "add",
|
|
@@ -4554,7 +4704,7 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
|
|
|
4554
4704
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4555
4705
|
}
|
|
4556
4706
|
}
|
|
4557
|
-
), /* @__PURE__ */
|
|
4707
|
+
), /* @__PURE__ */ React58.createElement(
|
|
4558
4708
|
Radio,
|
|
4559
4709
|
{
|
|
4560
4710
|
value: "remove",
|
|
@@ -4564,7 +4714,7 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
|
|
|
4564
4714
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4565
4715
|
}
|
|
4566
4716
|
}
|
|
4567
|
-
))), /* @__PURE__ */
|
|
4717
|
+
))), /* @__PURE__ */ React58.createElement(
|
|
4568
4718
|
TextInput16,
|
|
4569
4719
|
{
|
|
4570
4720
|
label: "NFT Contract Address",
|
|
@@ -4578,8 +4728,8 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
|
|
|
4578
4728
|
};
|
|
4579
4729
|
|
|
4580
4730
|
// src/mantine/blocks/proposal/actions-components/forms/InstantiateActionForm.tsx
|
|
4581
|
-
import
|
|
4582
|
-
import { Stack as
|
|
4731
|
+
import React59, { useState as useState12 } from "react";
|
|
4732
|
+
import { Stack as Stack42, TextInput as TextInput17, Textarea as Textarea7, NumberInput as NumberInput5, Button as Button8, Group as Group14, Text as Text33, Card as Card9 } from "@mantine/core";
|
|
4583
4733
|
var inputStyles11 = {
|
|
4584
4734
|
label: { color: "#adb5bd" },
|
|
4585
4735
|
input: {
|
|
@@ -4616,7 +4766,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4616
4766
|
return data.message;
|
|
4617
4767
|
}
|
|
4618
4768
|
};
|
|
4619
|
-
return /* @__PURE__ */
|
|
4769
|
+
return /* @__PURE__ */ React59.createElement(Stack42, { gap: "md" }, /* @__PURE__ */ React59.createElement(
|
|
4620
4770
|
TextInput17,
|
|
4621
4771
|
{
|
|
4622
4772
|
label: "Admin Address",
|
|
@@ -4626,7 +4776,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4626
4776
|
required: true,
|
|
4627
4777
|
styles: inputStyles11
|
|
4628
4778
|
}
|
|
4629
|
-
), /* @__PURE__ */
|
|
4779
|
+
), /* @__PURE__ */ React59.createElement(
|
|
4630
4780
|
NumberInput5,
|
|
4631
4781
|
{
|
|
4632
4782
|
label: "Code ID",
|
|
@@ -4637,7 +4787,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4637
4787
|
required: true,
|
|
4638
4788
|
styles: inputStyles11
|
|
4639
4789
|
}
|
|
4640
|
-
), /* @__PURE__ */
|
|
4790
|
+
), /* @__PURE__ */ React59.createElement(TextInput17, { label: "Label", placeholder: "My Contract", value: data.label, onChange: (e) => onChange({ ...data, label: e.currentTarget.value }), required: true, styles: inputStyles11 }), /* @__PURE__ */ React59.createElement(
|
|
4641
4791
|
Textarea7,
|
|
4642
4792
|
{
|
|
4643
4793
|
label: "Instantiate Message (JSON)",
|
|
@@ -4648,7 +4798,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4648
4798
|
required: true,
|
|
4649
4799
|
styles: inputStyles11
|
|
4650
4800
|
}
|
|
4651
|
-
), /* @__PURE__ */
|
|
4801
|
+
), /* @__PURE__ */ React59.createElement(Stack42, { gap: "xs" }, /* @__PURE__ */ React59.createElement(Text33, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React59.createElement(Card9, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React59.createElement(Group14, { justify: "space-between" }, /* @__PURE__ */ React59.createElement(Text33, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React59.createElement(Button8, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React59.createElement(Group14, { grow: true }, /* @__PURE__ */ React59.createElement(TextInput17, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React59.createElement(TextInput17, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React59.createElement(
|
|
4652
4802
|
Button8,
|
|
4653
4803
|
{
|
|
4654
4804
|
size: "sm",
|
|
@@ -4663,8 +4813,8 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4663
4813
|
};
|
|
4664
4814
|
|
|
4665
4815
|
// src/mantine/blocks/proposal/actions-components/forms/MigrateActionForm.tsx
|
|
4666
|
-
import
|
|
4667
|
-
import { Stack as
|
|
4816
|
+
import React60 from "react";
|
|
4817
|
+
import { Stack as Stack43, TextInput as TextInput18, Textarea as Textarea8, NumberInput as NumberInput6 } from "@mantine/core";
|
|
4668
4818
|
var inputStyles12 = {
|
|
4669
4819
|
label: { color: "#adb5bd" },
|
|
4670
4820
|
input: {
|
|
@@ -4685,7 +4835,7 @@ var MigrateActionForm = ({ data, onChange }) => {
|
|
|
4685
4835
|
return data.msg;
|
|
4686
4836
|
}
|
|
4687
4837
|
};
|
|
4688
|
-
return /* @__PURE__ */
|
|
4838
|
+
return /* @__PURE__ */ React60.createElement(Stack43, { gap: "md" }, /* @__PURE__ */ React60.createElement(
|
|
4689
4839
|
TextInput18,
|
|
4690
4840
|
{
|
|
4691
4841
|
label: "Contract Address",
|
|
@@ -4695,7 +4845,7 @@ var MigrateActionForm = ({ data, onChange }) => {
|
|
|
4695
4845
|
required: true,
|
|
4696
4846
|
styles: inputStyles12
|
|
4697
4847
|
}
|
|
4698
|
-
), /* @__PURE__ */
|
|
4848
|
+
), /* @__PURE__ */ React60.createElement(
|
|
4699
4849
|
NumberInput6,
|
|
4700
4850
|
{
|
|
4701
4851
|
label: "New Code ID",
|
|
@@ -4706,7 +4856,7 @@ var MigrateActionForm = ({ data, onChange }) => {
|
|
|
4706
4856
|
required: true,
|
|
4707
4857
|
styles: inputStyles12
|
|
4708
4858
|
}
|
|
4709
|
-
), /* @__PURE__ */
|
|
4859
|
+
), /* @__PURE__ */ React60.createElement(
|
|
4710
4860
|
Textarea8,
|
|
4711
4861
|
{
|
|
4712
4862
|
label: "Migration Message (JSON)",
|
|
@@ -4721,8 +4871,8 @@ var MigrateActionForm = ({ data, onChange }) => {
|
|
|
4721
4871
|
};
|
|
4722
4872
|
|
|
4723
4873
|
// src/mantine/blocks/proposal/actions-components/forms/UpdateAdminActionForm.tsx
|
|
4724
|
-
import
|
|
4725
|
-
import { Stack as
|
|
4874
|
+
import React61 from "react";
|
|
4875
|
+
import { Stack as Stack44, TextInput as TextInput19 } from "@mantine/core";
|
|
4726
4876
|
var inputStyles13 = {
|
|
4727
4877
|
label: { color: "#adb5bd" },
|
|
4728
4878
|
input: {
|
|
@@ -4735,7 +4885,7 @@ var inputStyles13 = {
|
|
|
4735
4885
|
}
|
|
4736
4886
|
};
|
|
4737
4887
|
var UpdateAdminActionForm = ({ data, onChange }) => {
|
|
4738
|
-
return /* @__PURE__ */
|
|
4888
|
+
return /* @__PURE__ */ React61.createElement(Stack44, { gap: "md" }, /* @__PURE__ */ React61.createElement(
|
|
4739
4889
|
TextInput19,
|
|
4740
4890
|
{
|
|
4741
4891
|
label: "Contract Address",
|
|
@@ -4745,7 +4895,7 @@ var UpdateAdminActionForm = ({ data, onChange }) => {
|
|
|
4745
4895
|
required: true,
|
|
4746
4896
|
styles: inputStyles13
|
|
4747
4897
|
}
|
|
4748
|
-
), /* @__PURE__ */
|
|
4898
|
+
), /* @__PURE__ */ React61.createElement(
|
|
4749
4899
|
TextInput19,
|
|
4750
4900
|
{
|
|
4751
4901
|
label: "New Admin Address",
|
|
@@ -4759,8 +4909,8 @@ var UpdateAdminActionForm = ({ data, onChange }) => {
|
|
|
4759
4909
|
};
|
|
4760
4910
|
|
|
4761
4911
|
// src/mantine/blocks/proposal/actions-components/forms/ManageCw20ActionForm.tsx
|
|
4762
|
-
import
|
|
4763
|
-
import { Stack as
|
|
4912
|
+
import React62 from "react";
|
|
4913
|
+
import { Stack as Stack45, TextInput as TextInput20, Radio as Radio2, Group as Group15 } from "@mantine/core";
|
|
4764
4914
|
var inputStyles14 = {
|
|
4765
4915
|
label: { color: "#adb5bd" },
|
|
4766
4916
|
input: {
|
|
@@ -4773,7 +4923,7 @@ var inputStyles14 = {
|
|
|
4773
4923
|
}
|
|
4774
4924
|
};
|
|
4775
4925
|
var ManageCw20ActionForm = ({ data, onChange }) => {
|
|
4776
|
-
return /* @__PURE__ */
|
|
4926
|
+
return /* @__PURE__ */ React62.createElement(Stack45, { gap: "md" }, /* @__PURE__ */ React62.createElement(Radio2.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React62.createElement(Group15, { mt: "xs" }, /* @__PURE__ */ React62.createElement(
|
|
4777
4927
|
Radio2,
|
|
4778
4928
|
{
|
|
4779
4929
|
value: "add",
|
|
@@ -4783,7 +4933,7 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
|
|
|
4783
4933
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4784
4934
|
}
|
|
4785
4935
|
}
|
|
4786
|
-
), /* @__PURE__ */
|
|
4936
|
+
), /* @__PURE__ */ React62.createElement(
|
|
4787
4937
|
Radio2,
|
|
4788
4938
|
{
|
|
4789
4939
|
value: "remove",
|
|
@@ -4793,7 +4943,7 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
|
|
|
4793
4943
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4794
4944
|
}
|
|
4795
4945
|
}
|
|
4796
|
-
))), /* @__PURE__ */
|
|
4946
|
+
))), /* @__PURE__ */ React62.createElement(
|
|
4797
4947
|
TextInput20,
|
|
4798
4948
|
{
|
|
4799
4949
|
label: "Token Contract Address",
|
|
@@ -4807,8 +4957,8 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
|
|
|
4807
4957
|
};
|
|
4808
4958
|
|
|
4809
4959
|
// src/mantine/blocks/proposal/actions-components/forms/ManageSubDaosActionForm.tsx
|
|
4810
|
-
import
|
|
4811
|
-
import { Stack as
|
|
4960
|
+
import React63, { useState as useState13 } from "react";
|
|
4961
|
+
import { Stack as Stack46, TextInput as TextInput21, Button as Button9, Group as Group16, Text as Text34, Card as Card10, Textarea as Textarea9 } from "@mantine/core";
|
|
4812
4962
|
var inputStyles15 = {
|
|
4813
4963
|
label: { color: "#adb5bd" },
|
|
4814
4964
|
input: {
|
|
@@ -4853,7 +5003,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
|
|
|
4853
5003
|
toRemove: (data.toRemove || []).filter((_, i) => i !== index)
|
|
4854
5004
|
});
|
|
4855
5005
|
};
|
|
4856
|
-
return /* @__PURE__ */
|
|
5006
|
+
return /* @__PURE__ */ React63.createElement(Stack46, { gap: "md" }, /* @__PURE__ */ React63.createElement(Stack46, { gap: "xs" }, /* @__PURE__ */ React63.createElement(Text34, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Add"), (data.toAdd || []).map((subDao, index) => /* @__PURE__ */ React63.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React63.createElement(Stack46, { gap: "xs" }, /* @__PURE__ */ React63.createElement(Group16, { justify: "space-between" }, /* @__PURE__ */ React63.createElement(Text34, { size: "sm", style: { color: "#f1f3f5" } }, subDao.addr), /* @__PURE__ */ React63.createElement(Button9, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromAddList(index), style: { color: "#ff6b6b" } }, "Remove")), subDao.charter && /* @__PURE__ */ React63.createElement(Text34, { size: "xs", style: { color: "#adb5bd" } }, "Charter: ", subDao.charter)))), /* @__PURE__ */ React63.createElement(Stack46, { gap: "xs" }, /* @__PURE__ */ React63.createElement(TextInput21, { placeholder: "SubDAO Address", value: newSubDao.addr, onChange: (e) => setNewSubDao({ ...newSubDao, addr: e.currentTarget.value }), styles: inputStyles15 }), /* @__PURE__ */ React63.createElement(
|
|
4857
5007
|
Textarea9,
|
|
4858
5008
|
{
|
|
4859
5009
|
placeholder: "Charter (optional)",
|
|
@@ -4862,7 +5012,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
|
|
|
4862
5012
|
minRows: 2,
|
|
4863
5013
|
styles: inputStyles15
|
|
4864
5014
|
}
|
|
4865
|
-
), /* @__PURE__ */
|
|
5015
|
+
), /* @__PURE__ */ React63.createElement(
|
|
4866
5016
|
Button9,
|
|
4867
5017
|
{
|
|
4868
5018
|
size: "sm",
|
|
@@ -4873,7 +5023,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
|
|
|
4873
5023
|
}
|
|
4874
5024
|
},
|
|
4875
5025
|
"Add SubDAO"
|
|
4876
|
-
))), /* @__PURE__ */
|
|
5026
|
+
))), /* @__PURE__ */ React63.createElement(Stack46, { gap: "xs" }, /* @__PURE__ */ React63.createElement(Text34, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Remove"), (data.toRemove || []).map((subDao, index) => /* @__PURE__ */ React63.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React63.createElement(Group16, { justify: "space-between" }, /* @__PURE__ */ React63.createElement(Text34, { size: "sm", style: { color: "#f1f3f5" } }, subDao.address), /* @__PURE__ */ React63.createElement(Button9, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromRemoveList(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React63.createElement(Group16, { grow: true }, /* @__PURE__ */ React63.createElement(TextInput21, { placeholder: "SubDAO Address to Remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles15 }), /* @__PURE__ */ React63.createElement(
|
|
4877
5027
|
Button9,
|
|
4878
5028
|
{
|
|
4879
5029
|
size: "sm",
|
|
@@ -4888,8 +5038,8 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
|
|
|
4888
5038
|
};
|
|
4889
5039
|
|
|
4890
5040
|
// src/mantine/blocks/proposal/actions-components/forms/UpdateInfoActionForm.tsx
|
|
4891
|
-
import
|
|
4892
|
-
import { Stack as
|
|
5041
|
+
import React64 from "react";
|
|
5042
|
+
import { Stack as Stack47, TextInput as TextInput22, Textarea as Textarea10, Checkbox as Checkbox5 } from "@mantine/core";
|
|
4893
5043
|
var inputStyles16 = {
|
|
4894
5044
|
label: { color: "#adb5bd" },
|
|
4895
5045
|
input: {
|
|
@@ -4902,7 +5052,7 @@ var inputStyles16 = {
|
|
|
4902
5052
|
}
|
|
4903
5053
|
};
|
|
4904
5054
|
var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
4905
|
-
return /* @__PURE__ */
|
|
5055
|
+
return /* @__PURE__ */ React64.createElement(Stack47, { gap: "md" }, /* @__PURE__ */ React64.createElement(TextInput22, { label: "DAO Name", placeholder: "My DAO", value: data.name, onChange: (e) => onChange({ ...data, name: e.currentTarget.value }), required: true, styles: inputStyles16 }), /* @__PURE__ */ React64.createElement(
|
|
4906
5056
|
Textarea10,
|
|
4907
5057
|
{
|
|
4908
5058
|
label: "Description",
|
|
@@ -4912,7 +5062,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4912
5062
|
minRows: 3,
|
|
4913
5063
|
styles: inputStyles16
|
|
4914
5064
|
}
|
|
4915
|
-
), /* @__PURE__ */
|
|
5065
|
+
), /* @__PURE__ */ React64.createElement(
|
|
4916
5066
|
TextInput22,
|
|
4917
5067
|
{
|
|
4918
5068
|
label: "Image URL (Optional)",
|
|
@@ -4921,7 +5071,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4921
5071
|
onChange: (e) => onChange({ ...data, image_url: e.currentTarget.value || null }),
|
|
4922
5072
|
styles: inputStyles16
|
|
4923
5073
|
}
|
|
4924
|
-
), /* @__PURE__ */
|
|
5074
|
+
), /* @__PURE__ */ React64.createElement(
|
|
4925
5075
|
TextInput22,
|
|
4926
5076
|
{
|
|
4927
5077
|
label: "DAO URI (Optional)",
|
|
@@ -4930,7 +5080,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4930
5080
|
onChange: (e) => onChange({ ...data, dao_uri: e.currentTarget.value || null }),
|
|
4931
5081
|
styles: inputStyles16
|
|
4932
5082
|
}
|
|
4933
|
-
), /* @__PURE__ */
|
|
5083
|
+
), /* @__PURE__ */ React64.createElement(
|
|
4934
5084
|
Checkbox5,
|
|
4935
5085
|
{
|
|
4936
5086
|
label: "Automatically add CW20 tokens",
|
|
@@ -4941,7 +5091,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4941
5091
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4942
5092
|
}
|
|
4943
5093
|
}
|
|
4944
|
-
), /* @__PURE__ */
|
|
5094
|
+
), /* @__PURE__ */ React64.createElement(
|
|
4945
5095
|
Checkbox5,
|
|
4946
5096
|
{
|
|
4947
5097
|
label: "Automatically add CW721 NFTs",
|
|
@@ -4956,8 +5106,8 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4956
5106
|
};
|
|
4957
5107
|
|
|
4958
5108
|
// src/mantine/blocks/proposal/actions-components/forms/ManageStorageItemsActionForm.tsx
|
|
4959
|
-
import
|
|
4960
|
-
import { Stack as
|
|
5109
|
+
import React65 from "react";
|
|
5110
|
+
import { Stack as Stack48, TextInput as TextInput23, Radio as Radio3, Group as Group17, Textarea as Textarea11 } from "@mantine/core";
|
|
4961
5111
|
var inputStyles17 = {
|
|
4962
5112
|
label: { color: "#adb5bd" },
|
|
4963
5113
|
input: {
|
|
@@ -4970,7 +5120,7 @@ var inputStyles17 = {
|
|
|
4970
5120
|
}
|
|
4971
5121
|
};
|
|
4972
5122
|
var ManageStorageItemsActionForm = ({ data, onChange }) => {
|
|
4973
|
-
return /* @__PURE__ */
|
|
5123
|
+
return /* @__PURE__ */ React65.createElement(Stack48, { gap: "md" }, /* @__PURE__ */ React65.createElement(Radio3.Group, { label: "Action", value: data.setting ? "set" : "remove", onChange: (value) => onChange({ ...data, setting: value === "set" }) }, /* @__PURE__ */ React65.createElement(Group17, { mt: "xs" }, /* @__PURE__ */ React65.createElement(
|
|
4974
5124
|
Radio3,
|
|
4975
5125
|
{
|
|
4976
5126
|
value: "set",
|
|
@@ -4980,7 +5130,7 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
|
|
|
4980
5130
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4981
5131
|
}
|
|
4982
5132
|
}
|
|
4983
|
-
), /* @__PURE__ */
|
|
5133
|
+
), /* @__PURE__ */ React65.createElement(
|
|
4984
5134
|
Radio3,
|
|
4985
5135
|
{
|
|
4986
5136
|
value: "remove",
|
|
@@ -4990,7 +5140,7 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
|
|
|
4990
5140
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4991
5141
|
}
|
|
4992
5142
|
}
|
|
4993
|
-
))), /* @__PURE__ */
|
|
5143
|
+
))), /* @__PURE__ */ React65.createElement(TextInput23, { label: "Storage Key", placeholder: "config_key", value: data.key, onChange: (e) => onChange({ ...data, key: e.currentTarget.value }), required: true, styles: inputStyles17 }), data.setting && /* @__PURE__ */ React65.createElement(
|
|
4994
5144
|
Textarea11,
|
|
4995
5145
|
{
|
|
4996
5146
|
label: "Storage Value",
|
|
@@ -5005,8 +5155,8 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
|
|
|
5005
5155
|
};
|
|
5006
5156
|
|
|
5007
5157
|
// src/mantine/blocks/proposal/actions-components/forms/DaoAdminExecActionForm.tsx
|
|
5008
|
-
import
|
|
5009
|
-
import { Stack as
|
|
5158
|
+
import React66, { useState as useState14 } from "react";
|
|
5159
|
+
import { Stack as Stack49, TextInput as TextInput24, Button as Button10, Group as Group18, Text as Text35, Card as Card11, Textarea as Textarea12 } from "@mantine/core";
|
|
5010
5160
|
var inputStyles18 = {
|
|
5011
5161
|
label: { color: "#adb5bd" },
|
|
5012
5162
|
input: {
|
|
@@ -5039,7 +5189,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
|
|
|
5039
5189
|
msgs: (data.msgs || []).filter((_, i) => i !== index)
|
|
5040
5190
|
});
|
|
5041
5191
|
};
|
|
5042
|
-
return /* @__PURE__ */
|
|
5192
|
+
return /* @__PURE__ */ React66.createElement(Stack49, { gap: "md" }, /* @__PURE__ */ React66.createElement(
|
|
5043
5193
|
TextInput24,
|
|
5044
5194
|
{
|
|
5045
5195
|
label: "Core Address",
|
|
@@ -5049,7 +5199,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
|
|
|
5049
5199
|
required: true,
|
|
5050
5200
|
styles: inputStyles18
|
|
5051
5201
|
}
|
|
5052
|
-
), /* @__PURE__ */
|
|
5202
|
+
), /* @__PURE__ */ React66.createElement(Stack49, { gap: "xs" }, /* @__PURE__ */ React66.createElement(Text35, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Messages to Execute"), (data.msgs || []).map((msg, index) => /* @__PURE__ */ React66.createElement(Card11, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React66.createElement(Group18, { justify: "space-between" }, /* @__PURE__ */ React66.createElement(Text35, { size: "sm", style: { color: "#f1f3f5" } }, "Message ", index + 1), /* @__PURE__ */ React66.createElement(Button10, { size: "xs", variant: "subtle", onClick: () => handleRemoveMessage(index), style: { color: "#ff6b6b" } }, "Remove")), /* @__PURE__ */ React66.createElement(Text35, { size: "xs", style: { color: "#adb5bd", fontFamily: "monospace" } }, JSON.stringify(msg, null, 2).substring(0, 100), "..."))), /* @__PURE__ */ React66.createElement(
|
|
5053
5203
|
Textarea12,
|
|
5054
5204
|
{
|
|
5055
5205
|
placeholder: 'Add cosmos message as JSON:\\n{"bank": {"send": {"to_address": "ixo1...", "amount": [{"denom": "uixo", "amount": "1000"}]}}}',
|
|
@@ -5058,7 +5208,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
|
|
|
5058
5208
|
minRows: 4,
|
|
5059
5209
|
styles: inputStyles18
|
|
5060
5210
|
}
|
|
5061
|
-
), /* @__PURE__ */
|
|
5211
|
+
), /* @__PURE__ */ React66.createElement(
|
|
5062
5212
|
Button10,
|
|
5063
5213
|
{
|
|
5064
5214
|
size: "sm",
|
|
@@ -5073,8 +5223,8 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
|
|
|
5073
5223
|
};
|
|
5074
5224
|
|
|
5075
5225
|
// src/mantine/blocks/proposal/actions-components/forms/AcceptToMarketplaceActionForm.tsx
|
|
5076
|
-
import
|
|
5077
|
-
import { Stack as
|
|
5226
|
+
import React67 from "react";
|
|
5227
|
+
import { Stack as Stack50, TextInput as TextInput25 } from "@mantine/core";
|
|
5078
5228
|
var inputStyles19 = {
|
|
5079
5229
|
label: { color: "#adb5bd" },
|
|
5080
5230
|
input: {
|
|
@@ -5087,7 +5237,7 @@ var inputStyles19 = {
|
|
|
5087
5237
|
}
|
|
5088
5238
|
};
|
|
5089
5239
|
var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
|
|
5090
|
-
return /* @__PURE__ */
|
|
5240
|
+
return /* @__PURE__ */ React67.createElement(Stack50, { gap: "md" }, /* @__PURE__ */ React67.createElement(TextInput25, { label: "DID", placeholder: "did:ixo:...", value: data.did, onChange: (e) => onChange({ ...data, did: e.currentTarget.value }), required: true, styles: inputStyles19 }), /* @__PURE__ */ React67.createElement(
|
|
5091
5241
|
TextInput25,
|
|
5092
5242
|
{
|
|
5093
5243
|
label: "Relayer Node DID",
|
|
@@ -5097,7 +5247,7 @@ var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
|
|
|
5097
5247
|
required: true,
|
|
5098
5248
|
styles: inputStyles19
|
|
5099
5249
|
}
|
|
5100
|
-
), /* @__PURE__ */
|
|
5250
|
+
), /* @__PURE__ */ React67.createElement(
|
|
5101
5251
|
TextInput25,
|
|
5102
5252
|
{
|
|
5103
5253
|
label: "Relayer Node Address",
|
|
@@ -5111,8 +5261,8 @@ var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
|
|
|
5111
5261
|
};
|
|
5112
5262
|
|
|
5113
5263
|
// src/mantine/blocks/proposal/actions-components/forms/CreateEntityActionForm.tsx
|
|
5114
|
-
import
|
|
5115
|
-
import { Stack as
|
|
5264
|
+
import React68 from "react";
|
|
5265
|
+
import { Stack as Stack51, Textarea as Textarea13, Alert as Alert6, Text as Text36 } from "@mantine/core";
|
|
5116
5266
|
var inputStyles20 = {
|
|
5117
5267
|
label: { color: "#adb5bd" },
|
|
5118
5268
|
input: {
|
|
@@ -5132,7 +5282,7 @@ var CreateEntityActionForm = ({ data, onChange }) => {
|
|
|
5132
5282
|
} catch {
|
|
5133
5283
|
}
|
|
5134
5284
|
};
|
|
5135
|
-
return /* @__PURE__ */
|
|
5285
|
+
return /* @__PURE__ */ React68.createElement(Stack51, { gap: "md" }, /* @__PURE__ */ React68.createElement(Alert6, { color: "blue", style: { backgroundColor: "#2a2a2a", borderColor: "#4dabf7" } }, /* @__PURE__ */ React68.createElement(Text36, { size: "sm", style: { color: "#4dabf7" } }, "This is a complex entity creation action. Please provide the complete entity data as JSON.")), /* @__PURE__ */ React68.createElement(
|
|
5136
5286
|
Textarea13,
|
|
5137
5287
|
{
|
|
5138
5288
|
label: "Entity Data (JSON)",
|
|
@@ -5147,8 +5297,8 @@ var CreateEntityActionForm = ({ data, onChange }) => {
|
|
|
5147
5297
|
};
|
|
5148
5298
|
|
|
5149
5299
|
// src/mantine/blocks/proposal/actions-components/forms/UpdateVotingConfigActionForm.tsx
|
|
5150
|
-
import
|
|
5151
|
-
import { Stack as
|
|
5300
|
+
import React69 from "react";
|
|
5301
|
+
import { Stack as Stack52, Checkbox as Checkbox6, Select as Select6, NumberInput as NumberInput7, Group as Group19 } from "@mantine/core";
|
|
5152
5302
|
var inputStyles21 = {
|
|
5153
5303
|
label: { color: "#adb5bd" },
|
|
5154
5304
|
input: {
|
|
@@ -5161,7 +5311,7 @@ var inputStyles21 = {
|
|
|
5161
5311
|
}
|
|
5162
5312
|
};
|
|
5163
5313
|
var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
5164
|
-
return /* @__PURE__ */
|
|
5314
|
+
return /* @__PURE__ */ React69.createElement(Stack52, { gap: "md" }, /* @__PURE__ */ React69.createElement(
|
|
5165
5315
|
Checkbox6,
|
|
5166
5316
|
{
|
|
5167
5317
|
label: "Only members can execute",
|
|
@@ -5172,7 +5322,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5172
5322
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5173
5323
|
}
|
|
5174
5324
|
}
|
|
5175
|
-
), /* @__PURE__ */
|
|
5325
|
+
), /* @__PURE__ */ React69.createElement(
|
|
5176
5326
|
Select6,
|
|
5177
5327
|
{
|
|
5178
5328
|
label: "Threshold Type",
|
|
@@ -5184,7 +5334,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5184
5334
|
],
|
|
5185
5335
|
styles: inputStyles21
|
|
5186
5336
|
}
|
|
5187
|
-
), data.thresholdType === "%" && /* @__PURE__ */
|
|
5337
|
+
), data.thresholdType === "%" && /* @__PURE__ */ React69.createElement(
|
|
5188
5338
|
NumberInput7,
|
|
5189
5339
|
{
|
|
5190
5340
|
label: "Threshold Percentage",
|
|
@@ -5196,7 +5346,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5196
5346
|
suffix: "%",
|
|
5197
5347
|
styles: inputStyles21
|
|
5198
5348
|
}
|
|
5199
|
-
), /* @__PURE__ */
|
|
5349
|
+
), /* @__PURE__ */ React69.createElement(
|
|
5200
5350
|
Checkbox6,
|
|
5201
5351
|
{
|
|
5202
5352
|
label: "Enable Quorum",
|
|
@@ -5207,7 +5357,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5207
5357
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5208
5358
|
}
|
|
5209
5359
|
}
|
|
5210
|
-
), data.quorumEnabled && /* @__PURE__ */
|
|
5360
|
+
), data.quorumEnabled && /* @__PURE__ */ React69.createElement(React69.Fragment, null, /* @__PURE__ */ React69.createElement(
|
|
5211
5361
|
Select6,
|
|
5212
5362
|
{
|
|
5213
5363
|
label: "Quorum Type",
|
|
@@ -5219,7 +5369,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5219
5369
|
],
|
|
5220
5370
|
styles: inputStyles21
|
|
5221
5371
|
}
|
|
5222
|
-
), data.quorumType === "%" && /* @__PURE__ */
|
|
5372
|
+
), data.quorumType === "%" && /* @__PURE__ */ React69.createElement(
|
|
5223
5373
|
NumberInput7,
|
|
5224
5374
|
{
|
|
5225
5375
|
label: "Quorum Percentage",
|
|
@@ -5231,7 +5381,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5231
5381
|
suffix: "%",
|
|
5232
5382
|
styles: inputStyles21
|
|
5233
5383
|
}
|
|
5234
|
-
)), /* @__PURE__ */
|
|
5384
|
+
)), /* @__PURE__ */ React69.createElement(Group19, { grow: true }, /* @__PURE__ */ React69.createElement(
|
|
5235
5385
|
NumberInput7,
|
|
5236
5386
|
{
|
|
5237
5387
|
label: "Proposal Duration",
|
|
@@ -5241,7 +5391,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5241
5391
|
min: 1,
|
|
5242
5392
|
styles: inputStyles21
|
|
5243
5393
|
}
|
|
5244
|
-
), /* @__PURE__ */
|
|
5394
|
+
), /* @__PURE__ */ React69.createElement(
|
|
5245
5395
|
Select6,
|
|
5246
5396
|
{
|
|
5247
5397
|
label: "Duration Units",
|
|
@@ -5255,7 +5405,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5255
5405
|
],
|
|
5256
5406
|
styles: inputStyles21
|
|
5257
5407
|
}
|
|
5258
|
-
)), /* @__PURE__ */
|
|
5408
|
+
)), /* @__PURE__ */ React69.createElement(
|
|
5259
5409
|
Checkbox6,
|
|
5260
5410
|
{
|
|
5261
5411
|
label: "Allow revoting",
|
|
@@ -5270,8 +5420,8 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5270
5420
|
};
|
|
5271
5421
|
|
|
5272
5422
|
// src/mantine/blocks/proposal/actions-components/forms/UpdatePreProposeConfigActionForm.tsx
|
|
5273
|
-
import
|
|
5274
|
-
import { Stack as
|
|
5423
|
+
import React70 from "react";
|
|
5424
|
+
import { Stack as Stack53, Checkbox as Checkbox7, TextInput as TextInput26, Select as Select7, Textarea as Textarea14 } from "@mantine/core";
|
|
5275
5425
|
var inputStyles22 = {
|
|
5276
5426
|
label: { color: "#adb5bd" },
|
|
5277
5427
|
input: {
|
|
@@ -5284,7 +5434,7 @@ var inputStyles22 = {
|
|
|
5284
5434
|
}
|
|
5285
5435
|
};
|
|
5286
5436
|
var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
5287
|
-
return /* @__PURE__ */
|
|
5437
|
+
return /* @__PURE__ */ React70.createElement(Stack53, { gap: "md" }, /* @__PURE__ */ React70.createElement(
|
|
5288
5438
|
Checkbox7,
|
|
5289
5439
|
{
|
|
5290
5440
|
label: "Anyone can propose",
|
|
@@ -5295,7 +5445,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5295
5445
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5296
5446
|
}
|
|
5297
5447
|
}
|
|
5298
|
-
), /* @__PURE__ */
|
|
5448
|
+
), /* @__PURE__ */ React70.createElement(
|
|
5299
5449
|
Checkbox7,
|
|
5300
5450
|
{
|
|
5301
5451
|
label: "Deposit required",
|
|
@@ -5306,7 +5456,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5306
5456
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5307
5457
|
}
|
|
5308
5458
|
}
|
|
5309
|
-
), data.depositRequired && /* @__PURE__ */
|
|
5459
|
+
), data.depositRequired && /* @__PURE__ */ React70.createElement(React70.Fragment, null, /* @__PURE__ */ React70.createElement(
|
|
5310
5460
|
TextInput26,
|
|
5311
5461
|
{
|
|
5312
5462
|
label: "Deposit Amount",
|
|
@@ -5319,7 +5469,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5319
5469
|
required: true,
|
|
5320
5470
|
styles: inputStyles22
|
|
5321
5471
|
}
|
|
5322
|
-
), /* @__PURE__ */
|
|
5472
|
+
), /* @__PURE__ */ React70.createElement(
|
|
5323
5473
|
Select7,
|
|
5324
5474
|
{
|
|
5325
5475
|
label: "Deposit Type",
|
|
@@ -5335,7 +5485,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5335
5485
|
],
|
|
5336
5486
|
styles: inputStyles22
|
|
5337
5487
|
}
|
|
5338
|
-
), /* @__PURE__ */
|
|
5488
|
+
), /* @__PURE__ */ React70.createElement(
|
|
5339
5489
|
TextInput26,
|
|
5340
5490
|
{
|
|
5341
5491
|
label: "Token Denomination or Address",
|
|
@@ -5348,7 +5498,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5348
5498
|
required: true,
|
|
5349
5499
|
styles: inputStyles22
|
|
5350
5500
|
}
|
|
5351
|
-
), /* @__PURE__ */
|
|
5501
|
+
), /* @__PURE__ */ React70.createElement(
|
|
5352
5502
|
TextInput26,
|
|
5353
5503
|
{
|
|
5354
5504
|
label: "Refund Policy",
|
|
@@ -5361,7 +5511,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5361
5511
|
required: true,
|
|
5362
5512
|
styles: inputStyles22
|
|
5363
5513
|
}
|
|
5364
|
-
), data.depositInfo.type !== "native" && /* @__PURE__ */
|
|
5514
|
+
), data.depositInfo.type !== "native" && /* @__PURE__ */ React70.createElement(
|
|
5365
5515
|
Textarea14,
|
|
5366
5516
|
{
|
|
5367
5517
|
label: "Token Configuration (JSON)",
|
|
@@ -5384,8 +5534,8 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5384
5534
|
};
|
|
5385
5535
|
|
|
5386
5536
|
// src/mantine/blocks/proposal/actions-components/forms/GovernanceVoteActionForm.tsx
|
|
5387
|
-
import
|
|
5388
|
-
import { Stack as
|
|
5537
|
+
import React71 from "react";
|
|
5538
|
+
import { Stack as Stack54, TextInput as TextInput27, Select as Select8 } from "@mantine/core";
|
|
5389
5539
|
var inputStyles23 = {
|
|
5390
5540
|
label: { color: "#adb5bd" },
|
|
5391
5541
|
input: {
|
|
@@ -5404,7 +5554,7 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
|
|
|
5404
5554
|
{ value: "3", label: "No" },
|
|
5405
5555
|
{ value: "4", label: "No with Veto" }
|
|
5406
5556
|
];
|
|
5407
|
-
return /* @__PURE__ */
|
|
5557
|
+
return /* @__PURE__ */ React71.createElement(Stack54, { gap: "md" }, /* @__PURE__ */ React71.createElement(
|
|
5408
5558
|
TextInput27,
|
|
5409
5559
|
{
|
|
5410
5560
|
label: "Proposal ID",
|
|
@@ -5414,7 +5564,7 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
|
|
|
5414
5564
|
required: true,
|
|
5415
5565
|
styles: inputStyles23
|
|
5416
5566
|
}
|
|
5417
|
-
), /* @__PURE__ */
|
|
5567
|
+
), /* @__PURE__ */ React71.createElement(
|
|
5418
5568
|
Select8,
|
|
5419
5569
|
{
|
|
5420
5570
|
label: "Vote Option",
|
|
@@ -5428,8 +5578,8 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
|
|
|
5428
5578
|
};
|
|
5429
5579
|
|
|
5430
5580
|
// src/mantine/blocks/proposal/actions-components/forms/WithdrawTokenSwapActionForm.tsx
|
|
5431
|
-
import
|
|
5432
|
-
import { Stack as
|
|
5581
|
+
import React72 from "react";
|
|
5582
|
+
import { Stack as Stack55, TextInput as TextInput28, Checkbox as Checkbox8 } from "@mantine/core";
|
|
5433
5583
|
var inputStyles24 = {
|
|
5434
5584
|
label: { color: "#adb5bd" },
|
|
5435
5585
|
input: {
|
|
@@ -5442,7 +5592,7 @@ var inputStyles24 = {
|
|
|
5442
5592
|
}
|
|
5443
5593
|
};
|
|
5444
5594
|
var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
|
|
5445
|
-
return /* @__PURE__ */
|
|
5595
|
+
return /* @__PURE__ */ React72.createElement(Stack55, { gap: "md" }, /* @__PURE__ */ React72.createElement(
|
|
5446
5596
|
Checkbox8,
|
|
5447
5597
|
{
|
|
5448
5598
|
label: "Contract chosen",
|
|
@@ -5453,7 +5603,7 @@ var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5453
5603
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5454
5604
|
}
|
|
5455
5605
|
}
|
|
5456
|
-
), data.contractChosen && /* @__PURE__ */
|
|
5606
|
+
), data.contractChosen && /* @__PURE__ */ React72.createElement(
|
|
5457
5607
|
TextInput28,
|
|
5458
5608
|
{
|
|
5459
5609
|
label: "Token Swap Contract Address",
|
|
@@ -5467,8 +5617,8 @@ var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5467
5617
|
};
|
|
5468
5618
|
|
|
5469
5619
|
// src/mantine/blocks/proposal/actions-components/forms/PerformTokenSwapActionForm.tsx
|
|
5470
|
-
import
|
|
5471
|
-
import { Stack as
|
|
5620
|
+
import React73 from "react";
|
|
5621
|
+
import { Stack as Stack56, TextInput as TextInput29, Checkbox as Checkbox9, Textarea as Textarea15 } from "@mantine/core";
|
|
5472
5622
|
var inputStyles25 = {
|
|
5473
5623
|
label: { color: "#adb5bd" },
|
|
5474
5624
|
input: {
|
|
@@ -5481,7 +5631,7 @@ var inputStyles25 = {
|
|
|
5481
5631
|
}
|
|
5482
5632
|
};
|
|
5483
5633
|
var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
5484
|
-
return /* @__PURE__ */
|
|
5634
|
+
return /* @__PURE__ */ React73.createElement(Stack56, { gap: "md" }, /* @__PURE__ */ React73.createElement(
|
|
5485
5635
|
Checkbox9,
|
|
5486
5636
|
{
|
|
5487
5637
|
label: "Contract chosen",
|
|
@@ -5492,7 +5642,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5492
5642
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5493
5643
|
}
|
|
5494
5644
|
}
|
|
5495
|
-
), data.contractChosen && /* @__PURE__ */
|
|
5645
|
+
), data.contractChosen && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement(
|
|
5496
5646
|
TextInput29,
|
|
5497
5647
|
{
|
|
5498
5648
|
label: "Token Swap Contract Address",
|
|
@@ -5502,7 +5652,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5502
5652
|
required: true,
|
|
5503
5653
|
styles: inputStyles25
|
|
5504
5654
|
}
|
|
5505
|
-
), /* @__PURE__ */
|
|
5655
|
+
), /* @__PURE__ */ React73.createElement(
|
|
5506
5656
|
Textarea15,
|
|
5507
5657
|
{
|
|
5508
5658
|
label: "Self Party Information (JSON)",
|
|
@@ -5518,7 +5668,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5518
5668
|
minRows: 4,
|
|
5519
5669
|
styles: inputStyles25
|
|
5520
5670
|
}
|
|
5521
|
-
), /* @__PURE__ */
|
|
5671
|
+
), /* @__PURE__ */ React73.createElement(
|
|
5522
5672
|
Textarea15,
|
|
5523
5673
|
{
|
|
5524
5674
|
label: "Counterparty Information (JSON)",
|
|
@@ -5538,8 +5688,8 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5538
5688
|
};
|
|
5539
5689
|
|
|
5540
5690
|
// src/mantine/blocks/proposal/actions-components/forms/StakeToGroupActionForm.tsx
|
|
5541
|
-
import
|
|
5542
|
-
import { Stack as
|
|
5691
|
+
import React74 from "react";
|
|
5692
|
+
import { Stack as Stack57, TextInput as TextInput30 } from "@mantine/core";
|
|
5543
5693
|
var inputStyles26 = {
|
|
5544
5694
|
label: { color: "#adb5bd" },
|
|
5545
5695
|
input: {
|
|
@@ -5552,7 +5702,7 @@ var inputStyles26 = {
|
|
|
5552
5702
|
}
|
|
5553
5703
|
};
|
|
5554
5704
|
var StakeToGroupActionForm = ({ data, onChange }) => {
|
|
5555
|
-
return /* @__PURE__ */
|
|
5705
|
+
return /* @__PURE__ */ React74.createElement(Stack57, { gap: "md" }, /* @__PURE__ */ React74.createElement(
|
|
5556
5706
|
TextInput30,
|
|
5557
5707
|
{
|
|
5558
5708
|
label: "Token Contract Address",
|
|
@@ -5562,7 +5712,7 @@ var StakeToGroupActionForm = ({ data, onChange }) => {
|
|
|
5562
5712
|
required: true,
|
|
5563
5713
|
styles: inputStyles26
|
|
5564
5714
|
}
|
|
5565
|
-
), /* @__PURE__ */
|
|
5715
|
+
), /* @__PURE__ */ React74.createElement(
|
|
5566
5716
|
TextInput30,
|
|
5567
5717
|
{
|
|
5568
5718
|
label: "Staking Contract Address",
|
|
@@ -5572,12 +5722,12 @@ var StakeToGroupActionForm = ({ data, onChange }) => {
|
|
|
5572
5722
|
required: true,
|
|
5573
5723
|
styles: inputStyles26
|
|
5574
5724
|
}
|
|
5575
|
-
), /* @__PURE__ */
|
|
5725
|
+
), /* @__PURE__ */ React74.createElement(TextInput30, { label: "Amount", placeholder: "1000", value: data.amount, onChange: (e) => onChange({ ...data, amount: e.currentTarget.value }), required: true, styles: inputStyles26 }));
|
|
5576
5726
|
};
|
|
5577
5727
|
|
|
5578
5728
|
// src/mantine/blocks/proposal/actions-components/forms/SendGroupTokenActionForm.tsx
|
|
5579
|
-
import
|
|
5580
|
-
import { Stack as
|
|
5729
|
+
import React75 from "react";
|
|
5730
|
+
import { Stack as Stack58, TextInput as TextInput31 } from "@mantine/core";
|
|
5581
5731
|
var inputStyles27 = {
|
|
5582
5732
|
label: { color: "#adb5bd" },
|
|
5583
5733
|
input: {
|
|
@@ -5590,7 +5740,7 @@ var inputStyles27 = {
|
|
|
5590
5740
|
}
|
|
5591
5741
|
};
|
|
5592
5742
|
var SendGroupTokenActionForm = ({ data, onChange }) => {
|
|
5593
|
-
return /* @__PURE__ */
|
|
5743
|
+
return /* @__PURE__ */ React75.createElement(Stack58, { gap: "md" }, /* @__PURE__ */ React75.createElement(
|
|
5594
5744
|
TextInput31,
|
|
5595
5745
|
{
|
|
5596
5746
|
label: "Contract Address",
|
|
@@ -5600,7 +5750,7 @@ var SendGroupTokenActionForm = ({ data, onChange }) => {
|
|
|
5600
5750
|
required: true,
|
|
5601
5751
|
styles: inputStyles27
|
|
5602
5752
|
}
|
|
5603
|
-
), /* @__PURE__ */
|
|
5753
|
+
), /* @__PURE__ */ React75.createElement(
|
|
5604
5754
|
TextInput31,
|
|
5605
5755
|
{
|
|
5606
5756
|
label: "Recipient Address",
|
|
@@ -5610,12 +5760,12 @@ var SendGroupTokenActionForm = ({ data, onChange }) => {
|
|
|
5610
5760
|
required: true,
|
|
5611
5761
|
styles: inputStyles27
|
|
5612
5762
|
}
|
|
5613
|
-
), /* @__PURE__ */
|
|
5763
|
+
), /* @__PURE__ */ React75.createElement(TextInput31, { label: "Amount", placeholder: "1000", value: data.amount, onChange: (e) => onChange({ ...data, amount: e.currentTarget.value }), required: true, styles: inputStyles27 }));
|
|
5614
5764
|
};
|
|
5615
5765
|
|
|
5616
5766
|
// src/mantine/blocks/proposal/actions-components/forms/ValidatorActionsActionForm.tsx
|
|
5617
|
-
import
|
|
5618
|
-
import { Stack as
|
|
5767
|
+
import React76 from "react";
|
|
5768
|
+
import { Stack as Stack59, Select as Select9, Textarea as Textarea16 } from "@mantine/core";
|
|
5619
5769
|
var inputStyles28 = {
|
|
5620
5770
|
label: { color: "#adb5bd" },
|
|
5621
5771
|
input: {
|
|
@@ -5634,7 +5784,7 @@ var ValidatorActionsActionForm = ({ data, onChange }) => {
|
|
|
5634
5784
|
{ value: "/cosmos.slashing.v1beta1.MsgUnjail" /* UnjailValidator */, label: "Unjail Validator" },
|
|
5635
5785
|
{ value: "/cosmos.distribution.v1beta1.MsgWithdrawValidatorCommission" /* WithdrawValidatorCommission */, label: "Withdraw Commission" }
|
|
5636
5786
|
];
|
|
5637
|
-
return /* @__PURE__ */
|
|
5787
|
+
return /* @__PURE__ */ React76.createElement(Stack59, { gap: "md" }, /* @__PURE__ */ React76.createElement(
|
|
5638
5788
|
Select9,
|
|
5639
5789
|
{
|
|
5640
5790
|
label: "Validator Action Type",
|
|
@@ -5644,7 +5794,7 @@ var ValidatorActionsActionForm = ({ data, onChange }) => {
|
|
|
5644
5794
|
required: true,
|
|
5645
5795
|
styles: inputStyles28
|
|
5646
5796
|
}
|
|
5647
|
-
), data.validatorActionType === "/cosmos.staking.v1beta1.MsgCreateValidator" /* CreateValidator */ && /* @__PURE__ */
|
|
5797
|
+
), data.validatorActionType === "/cosmos.staking.v1beta1.MsgCreateValidator" /* CreateValidator */ && /* @__PURE__ */ React76.createElement(
|
|
5648
5798
|
Textarea16,
|
|
5649
5799
|
{
|
|
5650
5800
|
label: "Create Validator Message (JSON)",
|
|
@@ -5655,7 +5805,7 @@ var ValidatorActionsActionForm = ({ data, onChange }) => {
|
|
|
5655
5805
|
required: true,
|
|
5656
5806
|
styles: inputStyles28
|
|
5657
5807
|
}
|
|
5658
|
-
), data.validatorActionType === "/cosmos.staking.v1beta1.MsgEditValidator" /* EditValidator */ && /* @__PURE__ */
|
|
5808
|
+
), data.validatorActionType === "/cosmos.staking.v1beta1.MsgEditValidator" /* EditValidator */ && /* @__PURE__ */ React76.createElement(
|
|
5659
5809
|
Textarea16,
|
|
5660
5810
|
{
|
|
5661
5811
|
label: "Edit Validator Message (JSON)",
|
|
@@ -6360,10 +6510,10 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6360
6510
|
};
|
|
6361
6511
|
const renderActionForm = () => {
|
|
6362
6512
|
if (!currentActionConfig) {
|
|
6363
|
-
return /* @__PURE__ */
|
|
6513
|
+
return /* @__PURE__ */ React77.createElement(Alert7, { color: "red", style: { backgroundColor: "#2a2a2a", borderColor: "#ff6b6b" } }, /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#ff6b6b" } }, "Unknown action type selected"));
|
|
6364
6514
|
}
|
|
6365
6515
|
const FormComponent = currentActionConfig.FormComponent;
|
|
6366
|
-
return /* @__PURE__ */
|
|
6516
|
+
return /* @__PURE__ */ React77.createElement(FormComponent, { data: actionData, onChange: setActionData, isTemplateMode });
|
|
6367
6517
|
};
|
|
6368
6518
|
const getCategoryColor = (category) => {
|
|
6369
6519
|
const colors = {
|
|
@@ -6378,7 +6528,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6378
6528
|
};
|
|
6379
6529
|
return colors[category] || "#6b7280";
|
|
6380
6530
|
};
|
|
6381
|
-
return /* @__PURE__ */
|
|
6531
|
+
return /* @__PURE__ */ React77.createElement(Stack60, { style: { backgroundColor: "#1a1a1a", color: "#f1f3f5", height: "100%" } }, /* @__PURE__ */ React77.createElement(Text37, { size: "lg", fw: 600, style: { color: "#f1f3f5" } }, isEditing ? "Edit Action" : "Add New Action"), !isEditing ? /* @__PURE__ */ React77.createElement(Stack60, { gap: "md" }, /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Select Action Type"), /* @__PURE__ */ React77.createElement(
|
|
6382
6532
|
Tabs2,
|
|
6383
6533
|
{
|
|
6384
6534
|
defaultValue: ACTION_CATEGORIES[0].id,
|
|
@@ -6399,8 +6549,8 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6399
6549
|
panel: { paddingTop: "md" }
|
|
6400
6550
|
}
|
|
6401
6551
|
},
|
|
6402
|
-
/* @__PURE__ */
|
|
6403
|
-
ACTION_CATEGORIES.map((category) => /* @__PURE__ */
|
|
6552
|
+
/* @__PURE__ */ React77.createElement(Tabs2.List, null, ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React77.createElement(Tabs2.Tab, { key: category.id, value: category.id }, /* @__PURE__ */ React77.createElement(Group20, { gap: "xs" }, /* @__PURE__ */ React77.createElement("span", null, category.icon), /* @__PURE__ */ React77.createElement("span", null, category.label))))),
|
|
6553
|
+
ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React77.createElement(Tabs2.Panel, { key: category.id, value: category.id, mt: 10 }, /* @__PURE__ */ React77.createElement(SimpleGrid, { cols: 2, spacing: "xs" }, (categorizedActions.get(category.id) || []).map((config) => /* @__PURE__ */ React77.createElement(
|
|
6404
6554
|
Paper5,
|
|
6405
6555
|
{
|
|
6406
6556
|
key: config.value,
|
|
@@ -6414,9 +6564,9 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6414
6564
|
},
|
|
6415
6565
|
onClick: () => setSelectedActionType(config.value)
|
|
6416
6566
|
},
|
|
6417
|
-
/* @__PURE__ */
|
|
6567
|
+
/* @__PURE__ */ React77.createElement(Stack60, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Group20, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, config.label), selectedActionType === config.value && /* @__PURE__ */ React77.createElement(Badge8, { size: "xs", style: { backgroundColor: "#4dabf7" } }, "Selected")), config.description && /* @__PURE__ */ React77.createElement(Text37, { size: "xs", style: { color: "#adb5bd" } }, config.description))
|
|
6418
6568
|
)))))
|
|
6419
|
-
)) : /* @__PURE__ */
|
|
6569
|
+
)) : /* @__PURE__ */ React77.createElement(
|
|
6420
6570
|
Card12,
|
|
6421
6571
|
{
|
|
6422
6572
|
withBorder: true,
|
|
@@ -6426,7 +6576,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6426
6576
|
borderColor: "#333"
|
|
6427
6577
|
}
|
|
6428
6578
|
},
|
|
6429
|
-
/* @__PURE__ */
|
|
6579
|
+
/* @__PURE__ */ React77.createElement(Group20, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Group20, { gap: "xs" }, /* @__PURE__ */ React77.createElement(
|
|
6430
6580
|
Badge8,
|
|
6431
6581
|
{
|
|
6432
6582
|
size: "sm",
|
|
@@ -6436,10 +6586,10 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6436
6586
|
}
|
|
6437
6587
|
},
|
|
6438
6588
|
currentActionConfig?.label || selectedActionType
|
|
6439
|
-
), /* @__PURE__ */
|
|
6440
|
-
), /* @__PURE__ */
|
|
6589
|
+
), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#adb5bd" } }, "(Editing)")))
|
|
6590
|
+
), /* @__PURE__ */ React77.createElement(Divider4, { color: "#333" }), /* @__PURE__ */ React77.createElement(ScrollArea3, { style: { flex: 1 } }, renderActionForm()), /* @__PURE__ */ React77.createElement(Divider4, { color: "#333" }), /* @__PURE__ */ React77.createElement(Stack60, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Current Actions (", actions.length, ")"), /* @__PURE__ */ React77.createElement(ScrollArea3, { h: 100 }, /* @__PURE__ */ React77.createElement(Stack60, { gap: "xs" }, actions.map((action, index) => {
|
|
6441
6591
|
const config = getActionConfig(action.type);
|
|
6442
|
-
return /* @__PURE__ */
|
|
6592
|
+
return /* @__PURE__ */ React77.createElement(
|
|
6443
6593
|
Card12,
|
|
6444
6594
|
{
|
|
6445
6595
|
key: index,
|
|
@@ -6452,7 +6602,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6452
6602
|
opacity: index === editingIndex ? 0.7 : 1
|
|
6453
6603
|
}
|
|
6454
6604
|
},
|
|
6455
|
-
/* @__PURE__ */
|
|
6605
|
+
/* @__PURE__ */ React77.createElement(Group20, { gap: "xs" }, /* @__PURE__ */ React77.createElement(
|
|
6456
6606
|
Badge8,
|
|
6457
6607
|
{
|
|
6458
6608
|
size: "sm",
|
|
@@ -6462,9 +6612,9 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6462
6612
|
}
|
|
6463
6613
|
},
|
|
6464
6614
|
config?.label || action.type
|
|
6465
|
-
), /* @__PURE__ */
|
|
6615
|
+
), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#adb5bd" } }, config?.getSummary(action.data) || "Action"), index === editingIndex && /* @__PURE__ */ React77.createElement(Badge8, { size: "xs", style: { backgroundColor: "#4dabf7", color: "#fff" } }, "Editing"))
|
|
6466
6616
|
);
|
|
6467
|
-
})))), /* @__PURE__ */
|
|
6617
|
+
})))), /* @__PURE__ */ React77.createElement(Group20, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React77.createElement(
|
|
6468
6618
|
Button11,
|
|
6469
6619
|
{
|
|
6470
6620
|
variant: "default",
|
|
@@ -6479,7 +6629,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6479
6629
|
}
|
|
6480
6630
|
},
|
|
6481
6631
|
"Cancel"
|
|
6482
|
-
), /* @__PURE__ */
|
|
6632
|
+
), /* @__PURE__ */ React77.createElement(
|
|
6483
6633
|
Button11,
|
|
6484
6634
|
{
|
|
6485
6635
|
onClick: handleSave,
|
|
@@ -6552,8 +6702,8 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
|
|
|
6552
6702
|
setIsEditorVisible(false);
|
|
6553
6703
|
setEditingIndex(null);
|
|
6554
6704
|
}, []);
|
|
6555
|
-
return /* @__PURE__ */
|
|
6556
|
-
}, onEditAction: handleEditAction, onRemoveAction: handleRemoveAction }), isEditorVisible && /* @__PURE__ */
|
|
6705
|
+
return /* @__PURE__ */ React78.createElement(Stack61, { gap: "md" }, /* @__PURE__ */ React78.createElement(ActionsCard, { actions: currentActions, isSelected: false, onClick: () => {
|
|
6706
|
+
}, onEditAction: handleEditAction, onRemoveAction: handleRemoveAction }), isEditorVisible && /* @__PURE__ */ React78.createElement(
|
|
6557
6707
|
Card13,
|
|
6558
6708
|
{
|
|
6559
6709
|
withBorder: true,
|
|
@@ -6564,15 +6714,15 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
|
|
|
6564
6714
|
borderColor: "#333"
|
|
6565
6715
|
}
|
|
6566
6716
|
},
|
|
6567
|
-
/* @__PURE__ */
|
|
6717
|
+
/* @__PURE__ */ React78.createElement(ActionsPanel, { actions: currentActions, editingIndex, onSave: handleSaveAction, onCancel: handleCancelEditor, isTemplateMode: true })
|
|
6568
6718
|
));
|
|
6569
6719
|
};
|
|
6570
6720
|
|
|
6571
6721
|
// src/mantine/blocks/proposal/template/VoteTab.tsx
|
|
6572
|
-
import
|
|
6573
|
-
import { Stack as
|
|
6722
|
+
import React79 from "react";
|
|
6723
|
+
import { Stack as Stack62, TextInput as TextInput32 } from "@mantine/core";
|
|
6574
6724
|
var VoteTab = ({ voteTitle, voteSubtitle, voteIcon, onVoteTitleChange, onVoteSubtitleChange, onVoteIconChange }) => {
|
|
6575
|
-
return /* @__PURE__ */
|
|
6725
|
+
return /* @__PURE__ */ React79.createElement(Stack62, { gap: "md" }, /* @__PURE__ */ React79.createElement(TextInput32, { label: "Vote Button Title", placeholder: "Vote on this proposal", value: voteTitle, onChange: (event) => onVoteTitleChange(event.currentTarget.value) }), /* @__PURE__ */ React79.createElement(TextInput32, { label: "Vote Button Subtitle", placeholder: "Cast your vote", value: voteSubtitle, onChange: (event) => onVoteSubtitleChange(event.currentTarget.value) }), /* @__PURE__ */ React79.createElement(TextInput32, { label: "Vote Icon", placeholder: "checklist", value: voteIcon, onChange: (event) => onVoteIconChange(event.currentTarget.value) }));
|
|
6576
6726
|
};
|
|
6577
6727
|
|
|
6578
6728
|
// src/mantine/blocks/proposal/template/TemplateConfig.tsx
|
|
@@ -6589,7 +6739,7 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6589
6739
|
},
|
|
6590
6740
|
[editor, block]
|
|
6591
6741
|
);
|
|
6592
|
-
return /* @__PURE__ */
|
|
6742
|
+
return /* @__PURE__ */ React80.createElement(
|
|
6593
6743
|
Paper6,
|
|
6594
6744
|
{
|
|
6595
6745
|
p: "md",
|
|
@@ -6600,7 +6750,7 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6600
6750
|
flexDirection: "column"
|
|
6601
6751
|
}
|
|
6602
6752
|
},
|
|
6603
|
-
/* @__PURE__ */
|
|
6753
|
+
/* @__PURE__ */ React80.createElement(
|
|
6604
6754
|
"div",
|
|
6605
6755
|
{
|
|
6606
6756
|
style: {
|
|
@@ -6610,17 +6760,17 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6610
6760
|
marginBottom: "1rem"
|
|
6611
6761
|
}
|
|
6612
6762
|
},
|
|
6613
|
-
/* @__PURE__ */
|
|
6614
|
-
/* @__PURE__ */
|
|
6763
|
+
/* @__PURE__ */ React80.createElement(Title5, { order: 3 }, "Proposal Settings"),
|
|
6764
|
+
/* @__PURE__ */ React80.createElement(CloseButton4, { onClick: closePanel })
|
|
6615
6765
|
),
|
|
6616
|
-
/* @__PURE__ */
|
|
6766
|
+
/* @__PURE__ */ React80.createElement(
|
|
6617
6767
|
ReusablePanel,
|
|
6618
6768
|
{
|
|
6619
6769
|
extraTabs: [
|
|
6620
6770
|
{
|
|
6621
6771
|
label: "General",
|
|
6622
6772
|
value: "general",
|
|
6623
|
-
content: /* @__PURE__ */
|
|
6773
|
+
content: /* @__PURE__ */ React80.createElement(
|
|
6624
6774
|
GeneralTab3,
|
|
6625
6775
|
{
|
|
6626
6776
|
title: block.props.title || "",
|
|
@@ -6635,12 +6785,12 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6635
6785
|
{
|
|
6636
6786
|
label: "Actions",
|
|
6637
6787
|
value: "actions",
|
|
6638
|
-
content: /* @__PURE__ */
|
|
6788
|
+
content: /* @__PURE__ */ React80.createElement(ActionsTab, { actions: block.props.actions || "[]", onActionsChange: (actions) => updateProp("actions", JSON.stringify(actions)), editor, block })
|
|
6639
6789
|
},
|
|
6640
6790
|
{
|
|
6641
6791
|
label: "Vote",
|
|
6642
6792
|
value: "vote",
|
|
6643
|
-
content: /* @__PURE__ */
|
|
6793
|
+
content: /* @__PURE__ */ React80.createElement(
|
|
6644
6794
|
VoteTab,
|
|
6645
6795
|
{
|
|
6646
6796
|
voteTitle: block.props.voteTitle || "",
|
|
@@ -6660,21 +6810,21 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6660
6810
|
};
|
|
6661
6811
|
|
|
6662
6812
|
// src/mantine/blocks/proposal/template/TemplateView.tsx
|
|
6663
|
-
import { Card as Card14, Group as
|
|
6813
|
+
import { Card as Card14, Group as Group21, Stack as Stack63, Text as Text38, ActionIcon as ActionIcon8 } from "@mantine/core";
|
|
6664
6814
|
var PROPOSAL_TEMPLATE_PANEL_ID = "proposal-template-panel";
|
|
6665
6815
|
var ProposalTemplateView = ({ editor, block }) => {
|
|
6666
6816
|
const panelId = `${PROPOSAL_TEMPLATE_PANEL_ID}-${block.id}`;
|
|
6667
|
-
const panelContent = useMemo11(() => /* @__PURE__ */
|
|
6817
|
+
const panelContent = useMemo11(() => /* @__PURE__ */ React81.createElement(TemplateConfig3, { editor, block }), [editor, block]);
|
|
6668
6818
|
const { open } = usePanel(panelId, panelContent);
|
|
6669
|
-
return /* @__PURE__ */
|
|
6819
|
+
return /* @__PURE__ */ React81.createElement(Card14, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer" }, onClick: open }, /* @__PURE__ */ React81.createElement(Group21, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React81.createElement(Group21, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React81.createElement(ActionIcon8, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "file-text")), /* @__PURE__ */ React81.createElement(Stack63, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React81.createElement(Text38, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Proposal Title"), /* @__PURE__ */ React81.createElement(Text38, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Proposal description"))), /* @__PURE__ */ React81.createElement(Text38, { size: "xs", c: "dimmed", contentEditable: false }, block.props.status || "draft")));
|
|
6670
6820
|
};
|
|
6671
6821
|
|
|
6672
6822
|
// src/mantine/blocks/proposal/flow/FlowView.tsx
|
|
6673
|
-
import
|
|
6823
|
+
import React86, { useMemo as useMemo12 } from "react";
|
|
6674
6824
|
|
|
6675
6825
|
// src/mantine/blocks/proposal/components/OnChainProposalCard.tsx
|
|
6676
|
-
import
|
|
6677
|
-
import { Card as Card15, Group as
|
|
6826
|
+
import React82 from "react";
|
|
6827
|
+
import { Card as Card15, Group as Group22, Stack as Stack64, Text as Text39, Skeleton, Badge as Badge9, Button as Button13, ActionIcon as ActionIcon9 } from "@mantine/core";
|
|
6678
6828
|
var statusColor = {
|
|
6679
6829
|
open: "#4dabf7",
|
|
6680
6830
|
passed: "#51cf66",
|
|
@@ -6703,7 +6853,7 @@ var OnChainProposalCard = ({
|
|
|
6703
6853
|
onVote,
|
|
6704
6854
|
voteEnabled = false
|
|
6705
6855
|
}) => {
|
|
6706
|
-
return /* @__PURE__ */
|
|
6856
|
+
return /* @__PURE__ */ React82.createElement(
|
|
6707
6857
|
Card15,
|
|
6708
6858
|
{
|
|
6709
6859
|
shadow: "sm",
|
|
@@ -6716,9 +6866,9 @@ var OnChainProposalCard = ({
|
|
|
6716
6866
|
},
|
|
6717
6867
|
onClick
|
|
6718
6868
|
},
|
|
6719
|
-
isFetching && /* @__PURE__ */
|
|
6720
|
-
error && /* @__PURE__ */
|
|
6721
|
-
!isFetching && /* @__PURE__ */
|
|
6869
|
+
isFetching && /* @__PURE__ */ React82.createElement(Stack64, null, /* @__PURE__ */ React82.createElement(Skeleton, { height: 20, width: "70%" }), /* @__PURE__ */ React82.createElement(Skeleton, { height: 16 }), /* @__PURE__ */ React82.createElement(Skeleton, { height: 16, width: "40%" })),
|
|
6870
|
+
error && /* @__PURE__ */ React82.createElement(Text39, { size: "sm", c: "red" }, typeof error === "string" ? error : error.message || "An error occurred while loading the proposal."),
|
|
6871
|
+
!isFetching && /* @__PURE__ */ React82.createElement(Group22, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React82.createElement(Group22, { align: "flex-start", gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React82.createElement(ActionIcon9, { variant: "light", color: "blue", size: "xl", radius: "xl", style: { flexShrink: 0 } }, getIcon(icon, 24, 1.5, "file-text")), /* @__PURE__ */ React82.createElement(Stack64, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Text39, { size: "md", fw: 600 }, title || "Proposal"), /* @__PURE__ */ React82.createElement(Badge9, { color: statusColor[status], variant: "filled", size: "sm", radius: "sm" }, status.replace(/_/g, " ").toUpperCase())), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", c: "dimmed" }, getDisplayDescription(description)))), /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, voteEnabled && onVote && status === "open" && /* @__PURE__ */ React82.createElement(
|
|
6722
6872
|
Button13,
|
|
6723
6873
|
{
|
|
6724
6874
|
size: "sm",
|
|
@@ -6731,7 +6881,7 @@ var OnChainProposalCard = ({
|
|
|
6731
6881
|
style: { flexShrink: 0 }
|
|
6732
6882
|
},
|
|
6733
6883
|
"Vote"
|
|
6734
|
-
), status === "passed" && onExecute && /* @__PURE__ */
|
|
6884
|
+
), status === "passed" && onExecute && /* @__PURE__ */ React82.createElement(
|
|
6735
6885
|
Button13,
|
|
6736
6886
|
{
|
|
6737
6887
|
size: "sm",
|
|
@@ -6750,8 +6900,8 @@ var OnChainProposalCard = ({
|
|
|
6750
6900
|
};
|
|
6751
6901
|
|
|
6752
6902
|
// src/mantine/blocks/proposal/flow/FlowConfig.tsx
|
|
6753
|
-
import
|
|
6754
|
-
import { Paper as Paper7, CloseButton as CloseButton5, Title as Title6, Stack as
|
|
6903
|
+
import React85, { useCallback as useCallback15, useState as useState21, useEffect as useEffect15 } from "react";
|
|
6904
|
+
import { Paper as Paper7, CloseButton as CloseButton5, Title as Title6, Stack as Stack67, TextInput as TextInput33, Textarea as Textarea18, Button as Button16, Text as Text42, Card as Card18, Select as Select10, Loader as Loader4, SegmentedControl as SegmentedControl5 } from "@mantine/core";
|
|
6755
6905
|
|
|
6756
6906
|
// src/mantine/blocks/proposal/flow/useFlowBusinessLogic.ts
|
|
6757
6907
|
import { useEffect as useEffect12, useState as useState17 } from "react";
|
|
@@ -6991,8 +7141,8 @@ var useVoteBusinessLogic = ({ block, editor }) => {
|
|
|
6991
7141
|
};
|
|
6992
7142
|
|
|
6993
7143
|
// src/mantine/blocks/proposal/flow/VoteGeneralTab.tsx
|
|
6994
|
-
import
|
|
6995
|
-
import { Stack as
|
|
7144
|
+
import React83, { useState as useState19 } from "react";
|
|
7145
|
+
import { Stack as Stack65, Text as Text40, Group as Group23, Card as Card16, Button as Button14, Progress as Progress2, Box as Box17, Textarea as Textarea17, Tooltip as Tooltip3 } from "@mantine/core";
|
|
6996
7146
|
var getVoteIcon = (voteType) => {
|
|
6997
7147
|
switch (voteType) {
|
|
6998
7148
|
case "yes":
|
|
@@ -7034,7 +7184,7 @@ var FlowGeneralTab = ({
|
|
|
7034
7184
|
setRationale("");
|
|
7035
7185
|
}
|
|
7036
7186
|
};
|
|
7037
|
-
return /* @__PURE__ */
|
|
7187
|
+
return /* @__PURE__ */ React83.createElement(Stack65, { gap: "lg" }, !hasSubmittedProposal && /* @__PURE__ */ React83.createElement(
|
|
7038
7188
|
Card16,
|
|
7039
7189
|
{
|
|
7040
7190
|
padding: "md",
|
|
@@ -7045,8 +7195,8 @@ var FlowGeneralTab = ({
|
|
|
7045
7195
|
color: "#f1f3f5"
|
|
7046
7196
|
}
|
|
7047
7197
|
},
|
|
7048
|
-
/* @__PURE__ */
|
|
7049
|
-
|
|
7198
|
+
/* @__PURE__ */ React83.createElement(Group23, { gap: "xs", align: "center" }, /* @__PURE__ */ React83.createElement(
|
|
7199
|
+
Box17,
|
|
7050
7200
|
{
|
|
7051
7201
|
style: {
|
|
7052
7202
|
width: 8,
|
|
@@ -7055,9 +7205,9 @@ var FlowGeneralTab = ({
|
|
|
7055
7205
|
borderRadius: "50%"
|
|
7056
7206
|
}
|
|
7057
7207
|
}
|
|
7058
|
-
), /* @__PURE__ */
|
|
7059
|
-
/* @__PURE__ */
|
|
7060
|
-
), /* @__PURE__ */
|
|
7208
|
+
), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, "Waiting for Proposal Submission")),
|
|
7209
|
+
/* @__PURE__ */ React83.createElement(Text40, { size: "xs", style: { color: "#adb5bd", marginTop: 4 } }, "The connected proposal needs to be submitted before voting can begin.")
|
|
7210
|
+
), /* @__PURE__ */ React83.createElement(
|
|
7061
7211
|
Card16,
|
|
7062
7212
|
{
|
|
7063
7213
|
padding: "lg",
|
|
@@ -7069,8 +7219,8 @@ var FlowGeneralTab = ({
|
|
|
7069
7219
|
opacity: !hasSubmittedProposal ? 0.6 : 1
|
|
7070
7220
|
}
|
|
7071
7221
|
},
|
|
7072
|
-
/* @__PURE__ */
|
|
7073
|
-
|
|
7222
|
+
/* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React83.createElement(
|
|
7223
|
+
Box17,
|
|
7074
7224
|
{
|
|
7075
7225
|
w: 8,
|
|
7076
7226
|
h: 8,
|
|
@@ -7079,8 +7229,8 @@ var FlowGeneralTab = ({
|
|
|
7079
7229
|
borderRadius: "50%"
|
|
7080
7230
|
}
|
|
7081
7231
|
}
|
|
7082
|
-
), /* @__PURE__ */
|
|
7083
|
-
|
|
7232
|
+
), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "Status")), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? proposalStatus === "open" ? "Active" : proposalStatus || "Active" : "Waiting")), /* @__PURE__ */ React83.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Box17, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "Proposal ID")), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? `#${proposalId}` : "TBD")), /* @__PURE__ */ React83.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Box17, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "Title")), /* @__PURE__ */ React83.createElement(
|
|
7233
|
+
Text40,
|
|
7084
7234
|
{
|
|
7085
7235
|
size: "sm",
|
|
7086
7236
|
fw: 500,
|
|
@@ -7089,8 +7239,8 @@ var FlowGeneralTab = ({
|
|
|
7089
7239
|
}
|
|
7090
7240
|
},
|
|
7091
7241
|
hasSubmittedProposal ? proposalTitle || "Untitled" : "N/A"
|
|
7092
|
-
)), /* @__PURE__ */
|
|
7093
|
-
/* @__PURE__ */
|
|
7242
|
+
)), /* @__PURE__ */ React83.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Box17, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "Description")), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#f1f3f5" }, title: proposalDescription }, hasSubmittedProposal ? proposalDescription ? proposalDescription.length > 30 ? proposalDescription.substring(0, 30) + "..." : proposalDescription : "No description" : "N/A")), /* @__PURE__ */ React83.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Box17, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "My Vote")), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? userVote?.vote ? userVote.vote.vote : "Pending" : "N/A"))),
|
|
7243
|
+
/* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, hasSubmittedProposal ? "Voting is open" : "Voting pending"), /* @__PURE__ */ React83.createElement(
|
|
7094
7244
|
Progress2,
|
|
7095
7245
|
{
|
|
7096
7246
|
value: hasSubmittedProposal ? 75 : 0,
|
|
@@ -7103,7 +7253,7 @@ var FlowGeneralTab = ({
|
|
|
7103
7253
|
}
|
|
7104
7254
|
}
|
|
7105
7255
|
))
|
|
7106
|
-
), hasSubmittedProposal && !hasVoted && (status === "open" || proposalStatus === "open") && /* @__PURE__ */
|
|
7256
|
+
), hasSubmittedProposal && !hasVoted && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React83.createElement(Stack65, { gap: "lg" }, disabled && isDisabled?.message && /* @__PURE__ */ React83.createElement(
|
|
7107
7257
|
Card16,
|
|
7108
7258
|
{
|
|
7109
7259
|
padding: "md",
|
|
@@ -7114,8 +7264,8 @@ var FlowGeneralTab = ({
|
|
|
7114
7264
|
color: "#f1f3f5"
|
|
7115
7265
|
}
|
|
7116
7266
|
},
|
|
7117
|
-
/* @__PURE__ */
|
|
7118
|
-
|
|
7267
|
+
/* @__PURE__ */ React83.createElement(Group23, { gap: "xs", align: "center" }, /* @__PURE__ */ React83.createElement(
|
|
7268
|
+
Box17,
|
|
7119
7269
|
{
|
|
7120
7270
|
style: {
|
|
7121
7271
|
width: 8,
|
|
@@ -7124,8 +7274,8 @@ var FlowGeneralTab = ({
|
|
|
7124
7274
|
borderRadius: "50%"
|
|
7125
7275
|
}
|
|
7126
7276
|
}
|
|
7127
|
-
), /* @__PURE__ */
|
|
7128
|
-
), /* @__PURE__ */
|
|
7277
|
+
), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, isDisabled.message))
|
|
7278
|
+
), /* @__PURE__ */ React83.createElement(Stack65, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React83.createElement(Tooltip3, { key: voteType, label: disabled ? isDisabled?.message : void 0, disabled: !disabled, position: "top" }, /* @__PURE__ */ React83.createElement(
|
|
7129
7279
|
Button14,
|
|
7130
7280
|
{
|
|
7131
7281
|
variant: "outline",
|
|
@@ -7144,8 +7294,8 @@ var FlowGeneralTab = ({
|
|
|
7144
7294
|
opacity: disabled ? 0.5 : 1
|
|
7145
7295
|
}
|
|
7146
7296
|
},
|
|
7147
|
-
/* @__PURE__ */
|
|
7148
|
-
)))), /* @__PURE__ */
|
|
7297
|
+
/* @__PURE__ */ React83.createElement(Text40, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
|
|
7298
|
+
)))), /* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "Rationale (optional)"), /* @__PURE__ */ React83.createElement(
|
|
7149
7299
|
Textarea17,
|
|
7150
7300
|
{
|
|
7151
7301
|
value: rationale,
|
|
@@ -7162,7 +7312,7 @@ var FlowGeneralTab = ({
|
|
|
7162
7312
|
}
|
|
7163
7313
|
}
|
|
7164
7314
|
}
|
|
7165
|
-
))), (status === "executed" || proposalStatus === "executed") && /* @__PURE__ */
|
|
7315
|
+
))), (status === "executed" || proposalStatus === "executed") && /* @__PURE__ */ React83.createElement(
|
|
7166
7316
|
Card16,
|
|
7167
7317
|
{
|
|
7168
7318
|
padding: "md",
|
|
@@ -7172,8 +7322,8 @@ var FlowGeneralTab = ({
|
|
|
7172
7322
|
border: "1px solid #333"
|
|
7173
7323
|
}
|
|
7174
7324
|
},
|
|
7175
|
-
/* @__PURE__ */
|
|
7176
|
-
), !hasSubmittedProposal && /* @__PURE__ */
|
|
7325
|
+
/* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text40, { fw: 500, size: "sm", style: { color: "#f1f3f5" } }, "Proposal Executed"), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "This proposal has been successfully executed."))
|
|
7326
|
+
), !hasSubmittedProposal && /* @__PURE__ */ React83.createElement(Stack65, { gap: "lg" }, /* @__PURE__ */ React83.createElement(Stack65, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React83.createElement(Tooltip3, { key: voteType, label: "Proposal must be submitted before voting", position: "top" }, /* @__PURE__ */ React83.createElement(
|
|
7177
7327
|
Button14,
|
|
7178
7328
|
{
|
|
7179
7329
|
variant: "outline",
|
|
@@ -7190,8 +7340,8 @@ var FlowGeneralTab = ({
|
|
|
7190
7340
|
opacity: 0.5
|
|
7191
7341
|
}
|
|
7192
7342
|
},
|
|
7193
|
-
/* @__PURE__ */
|
|
7194
|
-
))))), hasSubmittedProposal && !hasVoted && selectedVote && (status === "open" || proposalStatus === "open") && /* @__PURE__ */
|
|
7343
|
+
/* @__PURE__ */ React83.createElement(Text40, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
|
|
7344
|
+
))))), hasSubmittedProposal && !hasVoted && selectedVote && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React83.createElement(Tooltip3, { label: disabled ? isDisabled?.message : "Sign to vote", position: "top" }, /* @__PURE__ */ React83.createElement("div", null, /* @__PURE__ */ React83.createElement(
|
|
7195
7345
|
Button14,
|
|
7196
7346
|
{
|
|
7197
7347
|
size: "sm",
|
|
@@ -7207,7 +7357,7 @@ var FlowGeneralTab = ({
|
|
|
7207
7357
|
}
|
|
7208
7358
|
},
|
|
7209
7359
|
"Sign"
|
|
7210
|
-
))), hasVoted && hasSubmittedProposal && /* @__PURE__ */
|
|
7360
|
+
))), hasVoted && hasSubmittedProposal && /* @__PURE__ */ React83.createElement(
|
|
7211
7361
|
Card16,
|
|
7212
7362
|
{
|
|
7213
7363
|
padding: "md",
|
|
@@ -7218,8 +7368,8 @@ var FlowGeneralTab = ({
|
|
|
7218
7368
|
color: "#f1f3f5"
|
|
7219
7369
|
}
|
|
7220
7370
|
},
|
|
7221
|
-
/* @__PURE__ */
|
|
7222
|
-
|
|
7371
|
+
/* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Group23, { gap: "xs", align: "center" }, /* @__PURE__ */ React83.createElement(
|
|
7372
|
+
Box17,
|
|
7223
7373
|
{
|
|
7224
7374
|
style: {
|
|
7225
7375
|
width: 8,
|
|
@@ -7228,13 +7378,13 @@ var FlowGeneralTab = ({
|
|
|
7228
7378
|
borderRadius: "50%"
|
|
7229
7379
|
}
|
|
7230
7380
|
}
|
|
7231
|
-
), /* @__PURE__ */
|
|
7381
|
+
), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#51cf66" } }, "Vote Submitted")), /* @__PURE__ */ React83.createElement(Text40, { size: "xs", style: { color: "#adb5bd" } }, "You have already voted on this proposal. Your vote:", " ", /* @__PURE__ */ React83.createElement(Text40, { span: true, fw: 500, tt: "capitalize" }, userVote?.vote?.vote)))
|
|
7232
7382
|
));
|
|
7233
7383
|
};
|
|
7234
7384
|
|
|
7235
7385
|
// src/mantine/blocks/proposal/flow/ActionsTab.tsx
|
|
7236
|
-
import
|
|
7237
|
-
import { Alert as Alert8, Button as Button15, Card as Card17, Stack as
|
|
7386
|
+
import React84, { useCallback as useCallback14, useEffect as useEffect14, useState as useState20 } from "react";
|
|
7387
|
+
import { Alert as Alert8, Button as Button15, Card as Card17, Stack as Stack66, Text as Text41 } from "@mantine/core";
|
|
7238
7388
|
var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated }) => {
|
|
7239
7389
|
const [isEditorVisible, setIsEditorVisible] = useState20(false);
|
|
7240
7390
|
const [editingIndex, setEditingIndex] = useState20(null);
|
|
@@ -7293,7 +7443,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7293
7443
|
setIsEditorVisible(false);
|
|
7294
7444
|
setEditingIndex(null);
|
|
7295
7445
|
}, []);
|
|
7296
|
-
return /* @__PURE__ */
|
|
7446
|
+
return /* @__PURE__ */ React84.createElement(Stack66, { gap: "md" }, isProposalCreated && /* @__PURE__ */ React84.createElement(Alert8, { color: "yellow", title: "Actions Locked" }, /* @__PURE__ */ React84.createElement(Text41, { size: "sm" }, "Actions cannot be edited after the proposal has been created. These actions are now part of the on-chain proposal.")), /* @__PURE__ */ React84.createElement(Stack66, { gap: "sm" }, !isProposalCreated && /* @__PURE__ */ React84.createElement(
|
|
7297
7447
|
Button15,
|
|
7298
7448
|
{
|
|
7299
7449
|
onClick: handleAddAction,
|
|
@@ -7305,7 +7455,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7305
7455
|
}
|
|
7306
7456
|
},
|
|
7307
7457
|
"Add Action"
|
|
7308
|
-
), /* @__PURE__ */
|
|
7458
|
+
), /* @__PURE__ */ React84.createElement(
|
|
7309
7459
|
ActionsCard,
|
|
7310
7460
|
{
|
|
7311
7461
|
actions: currentActions,
|
|
@@ -7316,7 +7466,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7316
7466
|
onRemoveAction: handleRemoveAction,
|
|
7317
7467
|
disabled: isProposalCreated
|
|
7318
7468
|
}
|
|
7319
|
-
)), !isProposalCreated && isEditorVisible && /* @__PURE__ */
|
|
7469
|
+
)), !isProposalCreated && isEditorVisible && /* @__PURE__ */ React84.createElement(
|
|
7320
7470
|
Card17,
|
|
7321
7471
|
{
|
|
7322
7472
|
withBorder: true,
|
|
@@ -7327,7 +7477,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7327
7477
|
borderColor: "#333"
|
|
7328
7478
|
}
|
|
7329
7479
|
},
|
|
7330
|
-
/* @__PURE__ */
|
|
7480
|
+
/* @__PURE__ */ React84.createElement(ActionsPanel, { actions: currentActions, editingIndex, onSave: handleSaveAction, onCancel: handleCancelEditor, isTemplateMode: false })
|
|
7331
7481
|
));
|
|
7332
7482
|
};
|
|
7333
7483
|
|
|
@@ -7414,7 +7564,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7414
7564
|
setIsCreating(false);
|
|
7415
7565
|
}
|
|
7416
7566
|
};
|
|
7417
|
-
const createProposalTab = /* @__PURE__ */
|
|
7567
|
+
const createProposalTab = /* @__PURE__ */ React85.createElement(Stack67, { gap: "lg" }, /* @__PURE__ */ React85.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React85.createElement(Text42, { size: "sm", fw: 600 }, "DAO Group"), /* @__PURE__ */ React85.createElement(
|
|
7418
7568
|
SegmentedControl5,
|
|
7419
7569
|
{
|
|
7420
7570
|
value: inputMode,
|
|
@@ -7426,7 +7576,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7426
7576
|
fullWidth: true,
|
|
7427
7577
|
disabled: isProposalCreated
|
|
7428
7578
|
}
|
|
7429
|
-
), inputMode === "select" ? /* @__PURE__ */
|
|
7579
|
+
), inputMode === "select" ? /* @__PURE__ */ React85.createElement(
|
|
7430
7580
|
Select10,
|
|
7431
7581
|
{
|
|
7432
7582
|
placeholder: loadingGroups ? "Loading groups..." : "Select a DAO group",
|
|
@@ -7444,10 +7594,10 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7444
7594
|
label: group.name
|
|
7445
7595
|
})),
|
|
7446
7596
|
disabled: loadingGroups || isProposalCreated,
|
|
7447
|
-
rightSection: loadingGroups ? /* @__PURE__ */
|
|
7597
|
+
rightSection: loadingGroups ? /* @__PURE__ */ React85.createElement(Loader4, { size: "xs" }) : void 0,
|
|
7448
7598
|
searchable: true
|
|
7449
7599
|
}
|
|
7450
|
-
) : /* @__PURE__ */
|
|
7600
|
+
) : /* @__PURE__ */ React85.createElement(
|
|
7451
7601
|
TextInput33,
|
|
7452
7602
|
{
|
|
7453
7603
|
placeholder: "Enter DAO core address",
|
|
@@ -7459,7 +7609,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7459
7609
|
},
|
|
7460
7610
|
disabled: isProposalCreated
|
|
7461
7611
|
}
|
|
7462
|
-
), coreAddress && /* @__PURE__ */
|
|
7612
|
+
), coreAddress && /* @__PURE__ */ React85.createElement(Card18, { padding: "sm", radius: "md", withBorder: true }, /* @__PURE__ */ React85.createElement(Text42, { size: "xs", c: "dimmed" }, "Core Address:", " ", /* @__PURE__ */ React85.createElement(Text42, { span: true, ff: "monospace", c: "bright" }, coreAddress.slice(0, 20), "...", coreAddress.slice(-10))))), /* @__PURE__ */ React85.createElement(
|
|
7463
7613
|
TextInput33,
|
|
7464
7614
|
{
|
|
7465
7615
|
label: "Title",
|
|
@@ -7470,7 +7620,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7470
7620
|
required: true,
|
|
7471
7621
|
disabled: isProposalCreated
|
|
7472
7622
|
}
|
|
7473
|
-
), /* @__PURE__ */
|
|
7623
|
+
), /* @__PURE__ */ React85.createElement(
|
|
7474
7624
|
Textarea18,
|
|
7475
7625
|
{
|
|
7476
7626
|
label: "Description",
|
|
@@ -7482,7 +7632,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7482
7632
|
required: true,
|
|
7483
7633
|
disabled: isProposalCreated
|
|
7484
7634
|
}
|
|
7485
|
-
), errors.general && /* @__PURE__ */
|
|
7635
|
+
), errors.general && /* @__PURE__ */ React85.createElement(Text42, { size: "sm", c: "red" }, errors.general), isProposalCreated && /* @__PURE__ */ React85.createElement(Card18, { padding: "md", radius: "md", withBorder: true, style: { borderColor: "var(--mantine-color-green-6)" } }, /* @__PURE__ */ React85.createElement(Text42, { fw: 500, size: "sm", c: "green" }, "Proposal Created Successfully"), /* @__PURE__ */ React85.createElement(Text42, { size: "sm", c: "dimmed" }, "Your proposal has been created and is now open for voting.")), /* @__PURE__ */ React85.createElement(Button16, { fullWidth: true, onClick: handleCreateProposal, disabled: isProposalCreated, loading: isCreating }, isProposalCreated ? "Proposal Created" : "Create Proposal"));
|
|
7486
7636
|
const handleActionsChange = useCallback15(
|
|
7487
7637
|
(newActions) => {
|
|
7488
7638
|
updateProp("actions", JSON.stringify(newActions));
|
|
@@ -7498,12 +7648,12 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7498
7648
|
{
|
|
7499
7649
|
label: "Actions",
|
|
7500
7650
|
value: "actions",
|
|
7501
|
-
content: /* @__PURE__ */
|
|
7651
|
+
content: /* @__PURE__ */ React85.createElement(ActionsTab2, { actions: block.props.actions || "[]", onActionsChange: handleActionsChange, editor, block, isProposalCreated })
|
|
7502
7652
|
},
|
|
7503
7653
|
{
|
|
7504
7654
|
label: "Vote",
|
|
7505
7655
|
value: "vote",
|
|
7506
|
-
content: /* @__PURE__ */
|
|
7656
|
+
content: /* @__PURE__ */ React85.createElement(
|
|
7507
7657
|
FlowGeneralTab,
|
|
7508
7658
|
{
|
|
7509
7659
|
proposalId: voteLogic.proposalId,
|
|
@@ -7519,7 +7669,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7519
7669
|
)
|
|
7520
7670
|
}
|
|
7521
7671
|
];
|
|
7522
|
-
return /* @__PURE__ */
|
|
7672
|
+
return /* @__PURE__ */ React85.createElement(
|
|
7523
7673
|
Paper7,
|
|
7524
7674
|
{
|
|
7525
7675
|
p: "md",
|
|
@@ -7530,7 +7680,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7530
7680
|
flexDirection: "column"
|
|
7531
7681
|
}
|
|
7532
7682
|
},
|
|
7533
|
-
/* @__PURE__ */
|
|
7683
|
+
/* @__PURE__ */ React85.createElement(
|
|
7534
7684
|
"div",
|
|
7535
7685
|
{
|
|
7536
7686
|
style: {
|
|
@@ -7540,10 +7690,10 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7540
7690
|
marginBottom: "1rem"
|
|
7541
7691
|
}
|
|
7542
7692
|
},
|
|
7543
|
-
/* @__PURE__ */
|
|
7544
|
-
/* @__PURE__ */
|
|
7693
|
+
/* @__PURE__ */ React85.createElement(Title6, { order: 3 }, "Proposal Settings"),
|
|
7694
|
+
/* @__PURE__ */ React85.createElement(CloseButton5, { onClick: closePanel })
|
|
7545
7695
|
),
|
|
7546
|
-
/* @__PURE__ */
|
|
7696
|
+
/* @__PURE__ */ React85.createElement(ReusablePanel, { extraTabs, context: { editor, block } })
|
|
7547
7697
|
);
|
|
7548
7698
|
};
|
|
7549
7699
|
|
|
@@ -7555,13 +7705,13 @@ var ProposalFlowView = ({ block, editor }) => {
|
|
|
7555
7705
|
block,
|
|
7556
7706
|
editor
|
|
7557
7707
|
});
|
|
7558
|
-
const panelContent = useMemo12(() => /* @__PURE__ */
|
|
7708
|
+
const panelContent = useMemo12(() => /* @__PURE__ */ React86.createElement(FlowConfig, { editor, block }), [editor, block]);
|
|
7559
7709
|
const { open } = usePanel(panelId, panelContent);
|
|
7560
7710
|
const handleVote = () => {
|
|
7561
7711
|
open();
|
|
7562
7712
|
};
|
|
7563
7713
|
const showVoteButton = (block.props.voteEnabled || false) && proposalId;
|
|
7564
|
-
return /* @__PURE__ */
|
|
7714
|
+
return /* @__PURE__ */ React86.createElement(
|
|
7565
7715
|
OnChainProposalCard,
|
|
7566
7716
|
{
|
|
7567
7717
|
title,
|
|
@@ -7588,10 +7738,10 @@ function ProposalBlock({ editor, block }) {
|
|
|
7588
7738
|
console.log("[ProposalBlock] Rendering with docType:", docType);
|
|
7589
7739
|
if (docType === "template") {
|
|
7590
7740
|
console.log("[ProposalBlock] Rendering ProposalTemplateView (docType is template)");
|
|
7591
|
-
return /* @__PURE__ */
|
|
7741
|
+
return /* @__PURE__ */ React87.createElement(ProposalTemplateView, { editor, block });
|
|
7592
7742
|
}
|
|
7593
7743
|
console.log("[ProposalBlock] Rendering ProposalFlowView (docType is flow)");
|
|
7594
|
-
return /* @__PURE__ */
|
|
7744
|
+
return /* @__PURE__ */ React87.createElement(ProposalFlowView, { block, editor });
|
|
7595
7745
|
}
|
|
7596
7746
|
|
|
7597
7747
|
// src/mantine/blocks/proposal/ProposalBlockSpec.tsx
|
|
@@ -7650,38 +7800,38 @@ var ProposalBlockSpec = createReactBlockSpec4(
|
|
|
7650
7800
|
{
|
|
7651
7801
|
render: (props) => {
|
|
7652
7802
|
const ixoProps = props;
|
|
7653
|
-
return /* @__PURE__ */
|
|
7803
|
+
return /* @__PURE__ */ React88.createElement(ProposalBlock, { ...ixoProps });
|
|
7654
7804
|
}
|
|
7655
7805
|
}
|
|
7656
7806
|
);
|
|
7657
7807
|
|
|
7658
7808
|
// src/mantine/blocks/apiRequest/ApiRequestBlockSpec.tsx
|
|
7659
|
-
import
|
|
7809
|
+
import React97 from "react";
|
|
7660
7810
|
import { createReactBlockSpec as createReactBlockSpec5 } from "@blocknote/react";
|
|
7661
7811
|
|
|
7662
7812
|
// src/mantine/blocks/apiRequest/ApiRequestBlock.tsx
|
|
7663
|
-
import
|
|
7813
|
+
import React96 from "react";
|
|
7664
7814
|
|
|
7665
7815
|
// src/mantine/blocks/apiRequest/template/TemplateView.tsx
|
|
7666
|
-
import
|
|
7816
|
+
import React94, { useMemo as useMemo16 } from "react";
|
|
7667
7817
|
|
|
7668
7818
|
// src/mantine/blocks/apiRequest/template/TemplateConfig.tsx
|
|
7669
|
-
import
|
|
7819
|
+
import React93, { useCallback as useCallback17, useMemo as useMemo15 } from "react";
|
|
7670
7820
|
import { Paper as Paper10, CloseButton as CloseButton6, Title as Title7 } from "@mantine/core";
|
|
7671
7821
|
|
|
7672
7822
|
// src/mantine/blocks/apiRequest/template/GeneralTab.tsx
|
|
7673
|
-
import
|
|
7674
|
-
import { Divider as Divider5, Select as Select11, Stack as
|
|
7823
|
+
import React91, { useEffect as useEffect16, useState as useState24 } from "react";
|
|
7824
|
+
import { Divider as Divider5, Select as Select11, Stack as Stack69, Text as Text44, TextInput as TextInput34, Textarea as Textarea19, Button as Button18, Group as Group26, ActionIcon as ActionIcon12, Paper as Paper8 } from "@mantine/core";
|
|
7675
7825
|
import { IconTrash, IconPlus } from "@tabler/icons-react";
|
|
7676
7826
|
|
|
7677
7827
|
// src/mantine/components/DataInput/DataInput.tsx
|
|
7678
|
-
import
|
|
7679
|
-
import { Input as Input2, ActionIcon as ActionIcon11, Tooltip as Tooltip5, Badge as Badge11, Group as
|
|
7828
|
+
import React90, { useState as useState23, useCallback as useCallback16, useMemo as useMemo14 } from "react";
|
|
7829
|
+
import { Input as Input2, ActionIcon as ActionIcon11, Tooltip as Tooltip5, Badge as Badge11, Group as Group25 } from "@mantine/core";
|
|
7680
7830
|
import { IconVariable, IconX as IconX2 } from "@tabler/icons-react";
|
|
7681
7831
|
|
|
7682
7832
|
// src/mantine/components/DataInput/BlockPropSelector.tsx
|
|
7683
|
-
import
|
|
7684
|
-
import { Popover, Text as
|
|
7833
|
+
import React89, { useState as useState22, useMemo as useMemo13 } from "react";
|
|
7834
|
+
import { Popover, Text as Text43, Stack as Stack68, Group as Group24, ActionIcon as ActionIcon10, Input, ScrollArea as ScrollArea4, Badge as Badge10, Box as Box18, Tooltip as Tooltip4 } from "@mantine/core";
|
|
7685
7835
|
import { IconSearch, IconX, IconCircle, IconChevronRight, IconArrowLeft } from "@tabler/icons-react";
|
|
7686
7836
|
function buildPropertyTree(properties) {
|
|
7687
7837
|
const root = [];
|
|
@@ -7804,20 +7954,20 @@ function BlockPropSelector({ children, opened, onClose, onSelect, editorDocument
|
|
|
7804
7954
|
setSearchQuery("");
|
|
7805
7955
|
onClose();
|
|
7806
7956
|
};
|
|
7807
|
-
return /* @__PURE__ */
|
|
7957
|
+
return /* @__PURE__ */ React89.createElement(Popover, { opened, onClose: handleClose, position: "bottom-end", width: 420, shadow: "md", withinPortal: true }, /* @__PURE__ */ React89.createElement(Popover.Target, null, children), /* @__PURE__ */ React89.createElement(Popover.Dropdown, { p: "md" }, /* @__PURE__ */ React89.createElement(Stack68, { gap: "md" }, /* @__PURE__ */ React89.createElement(Group24, { justify: "space-between", align: "center" }, /* @__PURE__ */ React89.createElement(Group24, { gap: "xs" }, (selectedBlock || navigationPath.length > 0) && /* @__PURE__ */ React89.createElement(ActionIcon10, { variant: "subtle", size: "sm", onClick: handleBack }, /* @__PURE__ */ React89.createElement(IconArrowLeft, { size: 16 })), /* @__PURE__ */ React89.createElement(Text43, { fw: 600, size: "sm" }, !selectedBlock ? "Select a Block" : navigationPath.length === 0 ? `${selectedBlock.displayName} - Select Property` : `${navigationPath[navigationPath.length - 1].displayName}`)), /* @__PURE__ */ React89.createElement(ActionIcon10, { variant: "subtle", size: "sm", onClick: handleClose }, /* @__PURE__ */ React89.createElement(IconX, { size: 16 }))), !selectedBlock && /* @__PURE__ */ React89.createElement(
|
|
7808
7958
|
Input,
|
|
7809
7959
|
{
|
|
7810
7960
|
placeholder: "Search blocks and properties...",
|
|
7811
|
-
leftSection: /* @__PURE__ */
|
|
7961
|
+
leftSection: /* @__PURE__ */ React89.createElement(IconSearch, { size: 16 }),
|
|
7812
7962
|
value: searchQuery,
|
|
7813
7963
|
onChange: (e) => setSearchQuery(e.currentTarget.value),
|
|
7814
7964
|
size: "xs",
|
|
7815
|
-
rightSection: searchQuery && /* @__PURE__ */
|
|
7965
|
+
rightSection: searchQuery && /* @__PURE__ */ React89.createElement(ActionIcon10, { variant: "subtle", onClick: () => setSearchQuery(""), size: "xs" }, /* @__PURE__ */ React89.createElement(IconX, { size: 12 }))
|
|
7816
7966
|
}
|
|
7817
|
-
), /* @__PURE__ */
|
|
7967
|
+
), /* @__PURE__ */ React89.createElement(ScrollArea4, { h: 300, type: "auto" }, !selectedBlock ? (
|
|
7818
7968
|
// Block selection view
|
|
7819
|
-
filteredBlocks.length === 0 ? /* @__PURE__ */
|
|
7820
|
-
|
|
7969
|
+
filteredBlocks.length === 0 ? /* @__PURE__ */ React89.createElement(Text43, { c: "dimmed", ta: "center", py: "xl", size: "sm" }, availableBlocks.length === 0 ? "No blocks with referenceable properties found" : "No blocks match your search") : /* @__PURE__ */ React89.createElement(Stack68, { gap: "sm" }, filteredBlocks.map((block) => /* @__PURE__ */ React89.createElement(
|
|
7970
|
+
Box18,
|
|
7821
7971
|
{
|
|
7822
7972
|
key: block.id,
|
|
7823
7973
|
onClick: () => handleBlockSelect(block),
|
|
@@ -7837,19 +7987,19 @@ function BlockPropSelector({ children, opened, onClose, onSelect, editorDocument
|
|
|
7837
7987
|
e.currentTarget.style.borderColor = "var(--mantine-color-gray-3)";
|
|
7838
7988
|
}
|
|
7839
7989
|
},
|
|
7840
|
-
/* @__PURE__ */
|
|
7990
|
+
/* @__PURE__ */ React89.createElement(Group24, { gap: "xs", justify: "space-between" }, /* @__PURE__ */ React89.createElement(Group24, { gap: "xs" }, /* @__PURE__ */ React89.createElement(
|
|
7841
7991
|
IconCircle,
|
|
7842
7992
|
{
|
|
7843
7993
|
size: 10,
|
|
7844
7994
|
fill: `var(--mantine-color-${getBlockTypeColor(block.type)}-6)`,
|
|
7845
7995
|
color: `var(--mantine-color-${getBlockTypeColor(block.type)}-6)`
|
|
7846
7996
|
}
|
|
7847
|
-
), /* @__PURE__ */
|
|
7997
|
+
), /* @__PURE__ */ React89.createElement(Text43, { fw: 500, size: "sm" }, block.displayName), /* @__PURE__ */ React89.createElement(Badge10, { size: "xs", variant: "light", color: getBlockTypeColor(block.type) }, block.type)), /* @__PURE__ */ React89.createElement(IconChevronRight, { size: 16, color: "var(--mantine-color-gray-5)" }))
|
|
7848
7998
|
)))
|
|
7849
7999
|
) : (
|
|
7850
8000
|
// Property navigation view
|
|
7851
|
-
currentNodes.length === 0 ? /* @__PURE__ */
|
|
7852
|
-
|
|
8001
|
+
currentNodes.length === 0 ? /* @__PURE__ */ React89.createElement(Text43, { c: "dimmed", ta: "center", py: "xl", size: "sm" }, "No properties available") : /* @__PURE__ */ React89.createElement(Stack68, { gap: "xs" }, currentNodes.map((node, index) => /* @__PURE__ */ React89.createElement(Tooltip4, { key: index, label: node.isLeaf ? `Select ${node.displayName}` : `Navigate into ${node.displayName}`, position: "left", withArrow: true }, /* @__PURE__ */ React89.createElement(
|
|
8002
|
+
Box18,
|
|
7853
8003
|
{
|
|
7854
8004
|
onClick: () => handleNodeClick(node),
|
|
7855
8005
|
style: {
|
|
@@ -7868,7 +8018,7 @@ function BlockPropSelector({ children, opened, onClose, onSelect, editorDocument
|
|
|
7868
8018
|
e.currentTarget.style.borderColor = "transparent";
|
|
7869
8019
|
}
|
|
7870
8020
|
},
|
|
7871
|
-
/* @__PURE__ */
|
|
8021
|
+
/* @__PURE__ */ React89.createElement(Group24, { gap: "xs", justify: "space-between" }, /* @__PURE__ */ React89.createElement(Group24, { gap: "xs" }, /* @__PURE__ */ React89.createElement(Text43, { size: "sm" }, node.displayName), /* @__PURE__ */ React89.createElement(Badge10, { size: "xs", variant: "dot", color: "gray" }, node.type)), !node.isLeaf && /* @__PURE__ */ React89.createElement(IconChevronRight, { size: 16, color: "var(--mantine-color-gray-5)" }))
|
|
7872
8022
|
))))
|
|
7873
8023
|
)))));
|
|
7874
8024
|
}
|
|
@@ -8006,7 +8156,7 @@ function DataInput({
|
|
|
8006
8156
|
});
|
|
8007
8157
|
onChange(newValue);
|
|
8008
8158
|
}, [value, references, onChange]);
|
|
8009
|
-
return /* @__PURE__ */
|
|
8159
|
+
return /* @__PURE__ */ React90.createElement(Input2.Wrapper, { label, description, required, size, style: { width: "100%" } }, /* @__PURE__ */ React90.createElement(
|
|
8010
8160
|
Input2,
|
|
8011
8161
|
{
|
|
8012
8162
|
value: value || "",
|
|
@@ -8017,7 +8167,7 @@ function DataInput({
|
|
|
8017
8167
|
size,
|
|
8018
8168
|
style: { width: "100%" },
|
|
8019
8169
|
rightSectionPointerEvents: "all",
|
|
8020
|
-
rightSection: /* @__PURE__ */
|
|
8170
|
+
rightSection: /* @__PURE__ */ React90.createElement(Group25, { gap: 4, wrap: "nowrap" }, containsReferences && /* @__PURE__ */ React90.createElement(Tooltip5, { label: "Click to clear all references", position: "left" }, /* @__PURE__ */ React90.createElement(Badge11, { size: "sm", variant: "light", color: "blue", style: { cursor: "pointer" }, onClick: handleClearReferences, leftSection: /* @__PURE__ */ React90.createElement(IconX2, { size: 10 }) }, references.length, " ref", references.length !== 1 ? "s" : "")), /* @__PURE__ */ React90.createElement(
|
|
8021
8171
|
BlockPropSelector,
|
|
8022
8172
|
{
|
|
8023
8173
|
opened: selectorOpened,
|
|
@@ -8026,7 +8176,7 @@ function DataInput({
|
|
|
8026
8176
|
editorDocument,
|
|
8027
8177
|
currentBlockId
|
|
8028
8178
|
},
|
|
8029
|
-
/* @__PURE__ */
|
|
8179
|
+
/* @__PURE__ */ React90.createElement(Tooltip5, { label: "Insert reference to another block's property", position: "left" }, /* @__PURE__ */ React90.createElement(
|
|
8030
8180
|
ActionIcon11,
|
|
8031
8181
|
{
|
|
8032
8182
|
variant: containsReferences ? "light" : "subtle",
|
|
@@ -8035,7 +8185,7 @@ function DataInput({
|
|
|
8035
8185
|
disabled,
|
|
8036
8186
|
size
|
|
8037
8187
|
},
|
|
8038
|
-
/* @__PURE__ */
|
|
8188
|
+
/* @__PURE__ */ React90.createElement(IconVariable, { size: 16 })
|
|
8039
8189
|
))
|
|
8040
8190
|
))
|
|
8041
8191
|
}
|
|
@@ -8103,7 +8253,7 @@ var GeneralTab4 = ({
|
|
|
8103
8253
|
setLocalBody(newBody);
|
|
8104
8254
|
onBodyChange(newBody);
|
|
8105
8255
|
};
|
|
8106
|
-
return /* @__PURE__ */
|
|
8256
|
+
return /* @__PURE__ */ React91.createElement(Stack69, { gap: "lg" }, /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React91.createElement(
|
|
8107
8257
|
TextInput34,
|
|
8108
8258
|
{
|
|
8109
8259
|
placeholder: "e.g. Submit User Data",
|
|
@@ -8114,7 +8264,7 @@ var GeneralTab4 = ({
|
|
|
8114
8264
|
onTitleChange(newTitle);
|
|
8115
8265
|
}
|
|
8116
8266
|
}
|
|
8117
|
-
)), /* @__PURE__ */
|
|
8267
|
+
)), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React91.createElement(
|
|
8118
8268
|
Textarea19,
|
|
8119
8269
|
{
|
|
8120
8270
|
placeholder: "Describe what this API request does",
|
|
@@ -8126,7 +8276,7 @@ var GeneralTab4 = ({
|
|
|
8126
8276
|
onDescriptionChange(newDescription);
|
|
8127
8277
|
}
|
|
8128
8278
|
}
|
|
8129
|
-
)), /* @__PURE__ */
|
|
8279
|
+
)), /* @__PURE__ */ React91.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "HTTP Method"), /* @__PURE__ */ React91.createElement(
|
|
8130
8280
|
Select11,
|
|
8131
8281
|
{
|
|
8132
8282
|
value: localMethod,
|
|
@@ -8143,7 +8293,7 @@ var GeneralTab4 = ({
|
|
|
8143
8293
|
{ value: "PATCH", label: "PATCH" }
|
|
8144
8294
|
]
|
|
8145
8295
|
}
|
|
8146
|
-
)), /* @__PURE__ */
|
|
8296
|
+
)), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "Endpoint URL"), /* @__PURE__ */ React91.createElement(
|
|
8147
8297
|
TextInput34,
|
|
8148
8298
|
{
|
|
8149
8299
|
placeholder: "https://api.example.com/endpoint",
|
|
@@ -8154,7 +8304,7 @@ var GeneralTab4 = ({
|
|
|
8154
8304
|
onEndpointChange(newEndpoint);
|
|
8155
8305
|
}
|
|
8156
8306
|
}
|
|
8157
|
-
)), /* @__PURE__ */
|
|
8307
|
+
)), /* @__PURE__ */ React91.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Group26, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "Request Headers"), /* @__PURE__ */ React91.createElement(Button18, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React91.createElement(IconPlus, { size: 14 }), onClick: handleAddHeader }, "Add Header")), /* @__PURE__ */ React91.createElement(Text44, { size: "xs" }, "Add custom headers to your API request (e.g., Authorization, Content-Type)"), localHeaders.length > 0 && /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, localHeaders.map((header, index) => /* @__PURE__ */ React91.createElement(Paper8, { key: index, p: "xs" }, /* @__PURE__ */ React91.createElement(Group26, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React91.createElement(
|
|
8158
8308
|
DataInput,
|
|
8159
8309
|
{
|
|
8160
8310
|
placeholder: "Header key (e.g., Authorization)",
|
|
@@ -8164,7 +8314,7 @@ var GeneralTab4 = ({
|
|
|
8164
8314
|
currentBlockId: blockId,
|
|
8165
8315
|
size: "sm"
|
|
8166
8316
|
}
|
|
8167
|
-
), /* @__PURE__ */
|
|
8317
|
+
), /* @__PURE__ */ React91.createElement(
|
|
8168
8318
|
DataInput,
|
|
8169
8319
|
{
|
|
8170
8320
|
placeholder: "Header value (e.g., Bearer token123)",
|
|
@@ -8174,7 +8324,7 @@ var GeneralTab4 = ({
|
|
|
8174
8324
|
currentBlockId: blockId,
|
|
8175
8325
|
size: "sm"
|
|
8176
8326
|
}
|
|
8177
|
-
), /* @__PURE__ */
|
|
8327
|
+
), /* @__PURE__ */ React91.createElement(ActionIcon12, { color: "red", variant: "subtle", onClick: () => handleRemoveHeader(index) }, /* @__PURE__ */ React91.createElement(IconTrash, { size: 16 }))))))), /* @__PURE__ */ React91.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Group26, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "Request Body (JSON)"), /* @__PURE__ */ React91.createElement(Button18, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React91.createElement(IconPlus, { size: 14 }), onClick: handleAddBodyField }, "Add Field")), /* @__PURE__ */ React91.createElement(Text44, { size: "xs" }, "Build your JSON request body as key-value pairs"), localBody.length > 0 && /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, localBody.map((field, index) => /* @__PURE__ */ React91.createElement(Paper8, { key: index, p: "xs" }, /* @__PURE__ */ React91.createElement(Group26, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React91.createElement(
|
|
8178
8328
|
DataInput,
|
|
8179
8329
|
{
|
|
8180
8330
|
placeholder: "Field key (e.g., name)",
|
|
@@ -8184,7 +8334,7 @@ var GeneralTab4 = ({
|
|
|
8184
8334
|
currentBlockId: blockId,
|
|
8185
8335
|
size: "sm"
|
|
8186
8336
|
}
|
|
8187
|
-
), /* @__PURE__ */
|
|
8337
|
+
), /* @__PURE__ */ React91.createElement(
|
|
8188
8338
|
DataInput,
|
|
8189
8339
|
{
|
|
8190
8340
|
placeholder: "Field value (e.g., John Doe)",
|
|
@@ -8194,12 +8344,12 @@ var GeneralTab4 = ({
|
|
|
8194
8344
|
currentBlockId: blockId,
|
|
8195
8345
|
size: "sm"
|
|
8196
8346
|
}
|
|
8197
|
-
), /* @__PURE__ */
|
|
8347
|
+
), /* @__PURE__ */ React91.createElement(ActionIcon12, { color: "red", variant: "subtle", onClick: () => handleRemoveBodyField(index) }, /* @__PURE__ */ React91.createElement(IconTrash, { size: 16 }))))))));
|
|
8198
8348
|
};
|
|
8199
8349
|
|
|
8200
8350
|
// src/mantine/blocks/apiRequest/template/ResponseSchemaTab.tsx
|
|
8201
|
-
import
|
|
8202
|
-
import { Stack as
|
|
8351
|
+
import React92 from "react";
|
|
8352
|
+
import { Stack as Stack70, Text as Text45, Button as Button19, Group as Group27, ActionIcon as ActionIcon13, Paper as Paper9, TextInput as TextInput35, Select as Select12, Textarea as Textarea20, Alert as Alert9, Code } from "@mantine/core";
|
|
8203
8353
|
import { IconTrash as IconTrash2, IconPlus as IconPlus2, IconInfoCircle } from "@tabler/icons-react";
|
|
8204
8354
|
var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
8205
8355
|
const fields = schema?.fields || [];
|
|
@@ -8224,7 +8374,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
|
8224
8374
|
newFields[index] = { ...newFields[index], [key]: value };
|
|
8225
8375
|
onSchemaChange({ fields: newFields });
|
|
8226
8376
|
};
|
|
8227
|
-
return /* @__PURE__ */
|
|
8377
|
+
return /* @__PURE__ */ React92.createElement(Stack70, { gap: "lg" }, /* @__PURE__ */ React92.createElement(Alert9, { icon: /* @__PURE__ */ React92.createElement(IconInfoCircle, { size: 16 }), title: "Response Schema", color: "blue" }, /* @__PURE__ */ React92.createElement(Text45, { size: "xs" }, "Define the expected structure of your API response. This allows other blocks to reference specific fields from the response data using the DataInput component.")), /* @__PURE__ */ React92.createElement(Stack70, { gap: "xs" }, /* @__PURE__ */ React92.createElement(Text45, { size: "sm", fw: 600 }, "How it works"), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "1. Define response fields using dot notation (e.g., ", /* @__PURE__ */ React92.createElement(Code, null, "customer.email"), ")"), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "2. Fields become available in DataInput selectors across other blocks"), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "3. Reference them like: ", /* @__PURE__ */ React92.createElement(Code, null, `{{${blockId}.response.customer.email}}`))), /* @__PURE__ */ React92.createElement(Stack70, { gap: "xs" }, /* @__PURE__ */ React92.createElement(Group27, { justify: "space-between" }, /* @__PURE__ */ React92.createElement(Text45, { size: "sm", fw: 600 }, "Response Fields"), /* @__PURE__ */ React92.createElement(Button19, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React92.createElement(IconPlus2, { size: 14 }), onClick: handleAddField }, "Add Field")), fields.length === 0 ? /* @__PURE__ */ React92.createElement(Paper9, { p: "md", withBorder: true, style: { backgroundColor: "var(--mantine-color-gray-0)" } }, /* @__PURE__ */ React92.createElement(Text45, { size: "sm", c: "dimmed", ta: "center" }, 'No response fields defined yet. Click "Add Field" to start defining your response structure.')) : /* @__PURE__ */ React92.createElement(Stack70, { gap: "md" }, fields.map((field, index) => /* @__PURE__ */ React92.createElement(Paper9, { key: index, p: "md", withBorder: true }, /* @__PURE__ */ React92.createElement(Stack70, { gap: "sm" }, /* @__PURE__ */ React92.createElement(Group27, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React92.createElement(Text45, { size: "sm", fw: 500 }, "Field ", index + 1), /* @__PURE__ */ React92.createElement(ActionIcon13, { color: "red", variant: "subtle", onClick: () => handleRemoveField(index) }, /* @__PURE__ */ React92.createElement(IconTrash2, { size: 16 }))), /* @__PURE__ */ React92.createElement(
|
|
8228
8378
|
TextInput35,
|
|
8229
8379
|
{
|
|
8230
8380
|
label: "Field Path",
|
|
@@ -8235,7 +8385,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
|
8235
8385
|
required: true,
|
|
8236
8386
|
size: "sm"
|
|
8237
8387
|
}
|
|
8238
|
-
), /* @__PURE__ */
|
|
8388
|
+
), /* @__PURE__ */ React92.createElement(
|
|
8239
8389
|
TextInput35,
|
|
8240
8390
|
{
|
|
8241
8391
|
label: "Display Name",
|
|
@@ -8246,7 +8396,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
|
8246
8396
|
required: true,
|
|
8247
8397
|
size: "sm"
|
|
8248
8398
|
}
|
|
8249
|
-
), /* @__PURE__ */
|
|
8399
|
+
), /* @__PURE__ */ React92.createElement(
|
|
8250
8400
|
Select12,
|
|
8251
8401
|
{
|
|
8252
8402
|
label: "Type",
|
|
@@ -8262,7 +8412,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
|
8262
8412
|
],
|
|
8263
8413
|
size: "sm"
|
|
8264
8414
|
}
|
|
8265
|
-
), /* @__PURE__ */
|
|
8415
|
+
), /* @__PURE__ */ React92.createElement(
|
|
8266
8416
|
Textarea20,
|
|
8267
8417
|
{
|
|
8268
8418
|
label: "Description (optional)",
|
|
@@ -8272,7 +8422,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
|
8272
8422
|
minRows: 2,
|
|
8273
8423
|
size: "sm"
|
|
8274
8424
|
}
|
|
8275
|
-
), field.path && field.displayName && /* @__PURE__ */
|
|
8425
|
+
), field.path && field.displayName && /* @__PURE__ */ React92.createElement(Stack70, { gap: 4 }, /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "Reference format:"), /* @__PURE__ */ React92.createElement(Code, { block: true, style: { fontSize: "11px" } }, `{{${blockId}.response.${field.path}}}`))))))), fields.length === 0 && /* @__PURE__ */ React92.createElement(Stack70, { gap: "xs" }, /* @__PURE__ */ React92.createElement(Text45, { size: "sm", fw: 600 }, "Example Schema"), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "For a typical API response like:"), /* @__PURE__ */ React92.createElement(Code, { block: true, style: { fontSize: "11px" } }, `{
|
|
8276
8426
|
"customer": {
|
|
8277
8427
|
"email": "user@example.com",
|
|
8278
8428
|
"name": "John Doe"
|
|
@@ -8281,7 +8431,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
|
8281
8431
|
"id": "l1v6r07b",
|
|
8282
8432
|
"name": "Product-1"
|
|
8283
8433
|
}
|
|
8284
|
-
}`), /* @__PURE__ */
|
|
8434
|
+
}`), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "You would define fields like:"), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React92.createElement(Code, null, "customer.email"), ', Display Name: "Customer Email", Type: string'), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React92.createElement(Code, null, "customer.name"), ', Display Name: "Customer Name", Type: string'), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React92.createElement(Code, null, "product.id"), ', Display Name: "Product ID", Type: string'), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React92.createElement(Code, null, "product.name"), ', Display Name: "Product Name", Type: string')));
|
|
8285
8435
|
};
|
|
8286
8436
|
|
|
8287
8437
|
// src/mantine/blocks/apiRequest/template/TemplateConfig.tsx
|
|
@@ -8324,7 +8474,7 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
8324
8474
|
{
|
|
8325
8475
|
label: "General",
|
|
8326
8476
|
value: "general",
|
|
8327
|
-
content: /* @__PURE__ */
|
|
8477
|
+
content: /* @__PURE__ */ React93.createElement(
|
|
8328
8478
|
GeneralTab4,
|
|
8329
8479
|
{
|
|
8330
8480
|
title: block.props.title || "",
|
|
@@ -8359,7 +8509,7 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
8359
8509
|
{
|
|
8360
8510
|
label: "Response Schema",
|
|
8361
8511
|
value: "response-schema",
|
|
8362
|
-
content: /* @__PURE__ */
|
|
8512
|
+
content: /* @__PURE__ */ React93.createElement(ResponseSchemaTab, { schema: parsedResponseSchema, onSchemaChange: handleSchemaChange, blockId: block.id })
|
|
8363
8513
|
}
|
|
8364
8514
|
],
|
|
8365
8515
|
[
|
|
@@ -8378,7 +8528,7 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
8378
8528
|
editor
|
|
8379
8529
|
]
|
|
8380
8530
|
);
|
|
8381
|
-
return /* @__PURE__ */
|
|
8531
|
+
return /* @__PURE__ */ React93.createElement(
|
|
8382
8532
|
Paper10,
|
|
8383
8533
|
{
|
|
8384
8534
|
p: "md",
|
|
@@ -8389,7 +8539,7 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
8389
8539
|
flexDirection: "column"
|
|
8390
8540
|
}
|
|
8391
8541
|
},
|
|
8392
|
-
/* @__PURE__ */
|
|
8542
|
+
/* @__PURE__ */ React93.createElement(
|
|
8393
8543
|
"div",
|
|
8394
8544
|
{
|
|
8395
8545
|
style: {
|
|
@@ -8399,19 +8549,19 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
8399
8549
|
marginBottom: "1rem"
|
|
8400
8550
|
}
|
|
8401
8551
|
},
|
|
8402
|
-
/* @__PURE__ */
|
|
8403
|
-
/* @__PURE__ */
|
|
8552
|
+
/* @__PURE__ */ React93.createElement(Title7, { order: 3 }, "API Request Settings"),
|
|
8553
|
+
/* @__PURE__ */ React93.createElement(CloseButton6, { onClick: closePanel })
|
|
8404
8554
|
),
|
|
8405
|
-
/* @__PURE__ */
|
|
8555
|
+
/* @__PURE__ */ React93.createElement(ReusablePanel, { extraTabs: tabs, context: { editor, block } })
|
|
8406
8556
|
);
|
|
8407
8557
|
};
|
|
8408
8558
|
|
|
8409
8559
|
// src/mantine/blocks/apiRequest/template/TemplateView.tsx
|
|
8410
|
-
import { Card as Card19, Group as
|
|
8560
|
+
import { Card as Card19, Group as Group28, Stack as Stack71, Text as Text46, ActionIcon as ActionIcon14, Badge as Badge12 } from "@mantine/core";
|
|
8411
8561
|
var API_REQUEST_TEMPLATE_PANEL_ID = "api-request-template-panel";
|
|
8412
8562
|
var ApiRequestTemplateView = ({ editor, block }) => {
|
|
8413
8563
|
const panelId = `${API_REQUEST_TEMPLATE_PANEL_ID}-${block.id}`;
|
|
8414
|
-
const panelContent = useMemo16(() => /* @__PURE__ */
|
|
8564
|
+
const panelContent = useMemo16(() => /* @__PURE__ */ React94.createElement(TemplateConfig4, { editor, block }), [editor, block]);
|
|
8415
8565
|
const { open } = usePanel(panelId, panelContent);
|
|
8416
8566
|
const method = block.props.method || "GET";
|
|
8417
8567
|
const endpoint = block.props.endpoint || "https://api.example.com/endpoint";
|
|
@@ -8431,12 +8581,12 @@ var ApiRequestTemplateView = ({ editor, block }) => {
|
|
|
8431
8581
|
return "gray";
|
|
8432
8582
|
}
|
|
8433
8583
|
};
|
|
8434
|
-
return /* @__PURE__ */
|
|
8584
|
+
return /* @__PURE__ */ React94.createElement(Card19, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React94.createElement(Badge12, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React94.createElement(Group28, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React94.createElement(Group28, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React94.createElement(ActionIcon14, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React94.createElement(Stack71, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React94.createElement(Group28, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React94.createElement(Badge12, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React94.createElement(Text46, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request")), /* @__PURE__ */ React94.createElement(Text46, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, endpoint), block.props.description && /* @__PURE__ */ React94.createElement(Text46, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
|
|
8435
8585
|
};
|
|
8436
8586
|
|
|
8437
8587
|
// src/mantine/blocks/apiRequest/flow/FlowView.tsx
|
|
8438
|
-
import
|
|
8439
|
-
import { Card as Card20, Group as
|
|
8588
|
+
import React95, { useState as useState25 } from "react";
|
|
8589
|
+
import { Card as Card20, Group as Group29, Stack as Stack72, Text as Text47, ActionIcon as ActionIcon15, Tooltip as Tooltip6, Button as Button20, Badge as Badge13, Collapse as Collapse2, Code as Code2, Loader as Loader5, Alert as Alert10 } from "@mantine/core";
|
|
8440
8590
|
import { IconSend, IconChevronDown as IconChevronDown2, IconChevronUp as IconChevronUp2, IconAlertTriangle } from "@tabler/icons-react";
|
|
8441
8591
|
var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
8442
8592
|
const disabled = isDisabled?.isDisabled === "disable";
|
|
@@ -8564,21 +8714,21 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
|
8564
8714
|
setIsLoading(false);
|
|
8565
8715
|
}
|
|
8566
8716
|
};
|
|
8567
|
-
const executeButton = /* @__PURE__ */
|
|
8717
|
+
const executeButton = /* @__PURE__ */ React95.createElement(
|
|
8568
8718
|
Button20,
|
|
8569
8719
|
{
|
|
8570
8720
|
size: "sm",
|
|
8571
8721
|
variant: "light",
|
|
8572
8722
|
color: getMethodColor(method),
|
|
8573
|
-
leftSection: isLoading ? /* @__PURE__ */
|
|
8723
|
+
leftSection: isLoading ? /* @__PURE__ */ React95.createElement(Loader5, { size: 14 }) : /* @__PURE__ */ React95.createElement(IconSend, { size: 14 }),
|
|
8574
8724
|
onClick: handleExecuteRequest,
|
|
8575
8725
|
disabled: disabled || isLoading || !endpoint,
|
|
8576
8726
|
style: { flexShrink: 0 }
|
|
8577
8727
|
},
|
|
8578
8728
|
isLoading ? "Sending..." : "Execute"
|
|
8579
8729
|
);
|
|
8580
|
-
return /* @__PURE__ */
|
|
8581
|
-
|
|
8730
|
+
return /* @__PURE__ */ React95.createElement(Card20, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React95.createElement(Stack72, { gap: "md" }, /* @__PURE__ */ React95.createElement(Group29, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React95.createElement(Group29, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React95.createElement(ActionIcon15, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React95.createElement(Stack72, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React95.createElement(Group29, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React95.createElement(Badge13, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React95.createElement(Text47, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request"), status !== "idle" && /* @__PURE__ */ React95.createElement(Badge13, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React95.createElement(
|
|
8731
|
+
Text47,
|
|
8582
8732
|
{
|
|
8583
8733
|
size: "xs",
|
|
8584
8734
|
c: "dimmed",
|
|
@@ -8590,7 +8740,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
|
8590
8740
|
}
|
|
8591
8741
|
},
|
|
8592
8742
|
endpoint || "No endpoint configured"
|
|
8593
|
-
), block.props.description && /* @__PURE__ */
|
|
8743
|
+
), block.props.description && /* @__PURE__ */ React95.createElement(Text47, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React95.createElement(Group29, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React95.createElement(Tooltip6, { label: isDisabled.message, position: "left", withArrow: true }, executeButton) : executeButton, /* @__PURE__ */ React95.createElement(ActionIcon15, { variant: "subtle", onClick: () => setShowDetails(!showDetails), disabled: headers.length === 0 && body.length === 0 && !response }, showDetails ? /* @__PURE__ */ React95.createElement(IconChevronUp2, { size: 16 }) : /* @__PURE__ */ React95.createElement(IconChevronDown2, { size: 16 })))), /* @__PURE__ */ React95.createElement(Collapse2, { in: showDetails }, /* @__PURE__ */ React95.createElement(Stack72, { gap: "md" }, validationWarnings.length > 0 && /* @__PURE__ */ React95.createElement(Alert10, { icon: /* @__PURE__ */ React95.createElement(IconAlertTriangle, { size: 16 }), title: "Schema Validation Warnings", color: "yellow" }, /* @__PURE__ */ React95.createElement(Stack72, { gap: "xs" }, /* @__PURE__ */ React95.createElement(Text47, { size: "xs" }, "The API response does not match the defined schema:"), validationWarnings.map((warning, index) => /* @__PURE__ */ React95.createElement(Text47, { key: index, size: "xs", c: "dimmed" }, "\u2022 ", warning)))), headers.length > 0 && /* @__PURE__ */ React95.createElement(Stack72, { gap: "xs" }, /* @__PURE__ */ React95.createElement(Text47, { size: "xs", fw: 600, c: "dimmed" }, "Headers:"), /* @__PURE__ */ React95.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
|
|
8594
8744
|
headers.reduce(
|
|
8595
8745
|
(acc, h) => {
|
|
8596
8746
|
if (h.key && h.value) acc[h.key] = h.value;
|
|
@@ -8600,7 +8750,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
|
8600
8750
|
),
|
|
8601
8751
|
null,
|
|
8602
8752
|
2
|
|
8603
|
-
))), method !== "GET" && body.length > 0 && /* @__PURE__ */
|
|
8753
|
+
))), method !== "GET" && body.length > 0 && /* @__PURE__ */ React95.createElement(Stack72, { gap: "xs" }, /* @__PURE__ */ React95.createElement(Text47, { size: "xs", fw: 600, c: "dimmed" }, "Body:"), /* @__PURE__ */ React95.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
|
|
8604
8754
|
body.reduce(
|
|
8605
8755
|
(acc, b) => {
|
|
8606
8756
|
if (b.key && b.value) acc[b.key] = b.value;
|
|
@@ -8610,7 +8760,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
|
8610
8760
|
),
|
|
8611
8761
|
null,
|
|
8612
8762
|
2
|
|
8613
|
-
))), response && /* @__PURE__ */
|
|
8763
|
+
))), response && /* @__PURE__ */ React95.createElement(Stack72, { gap: "xs" }, /* @__PURE__ */ React95.createElement(Text47, { size: "xs", fw: 600, c: "dimmed" }, "Response:"), status === "error" ? /* @__PURE__ */ React95.createElement(Alert10, { color: "red", title: "Error", styles: { message: { fontSize: "11px" } } }, /* @__PURE__ */ React95.createElement(Code2, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React95.createElement(Code2, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response))))));
|
|
8614
8764
|
};
|
|
8615
8765
|
|
|
8616
8766
|
// src/mantine/blocks/apiRequest/ApiRequestBlock.tsx
|
|
@@ -8618,7 +8768,7 @@ function ApiRequestBlock({ editor, block }) {
|
|
|
8618
8768
|
const { docType } = useBlocknoteContext();
|
|
8619
8769
|
const { actions } = useBlockConditions(block, editor);
|
|
8620
8770
|
if (docType === "template") {
|
|
8621
|
-
return /* @__PURE__ */
|
|
8771
|
+
return /* @__PURE__ */ React96.createElement(ApiRequestTemplateView, { editor, block });
|
|
8622
8772
|
}
|
|
8623
8773
|
const conditionConfig = parseConditionConfig(block.props.conditions);
|
|
8624
8774
|
const hasVisibility = hasVisibilityConditions(conditionConfig);
|
|
@@ -8630,7 +8780,7 @@ function ApiRequestBlock({ editor, block }) {
|
|
|
8630
8780
|
const hasEnable = hasEnableConditions(conditionConfig);
|
|
8631
8781
|
const enableActionExists = actions.some((a) => a.action === "enable");
|
|
8632
8782
|
const shouldDisable = hasEnable && !enableActionExists;
|
|
8633
|
-
return /* @__PURE__ */
|
|
8783
|
+
return /* @__PURE__ */ React96.createElement(
|
|
8634
8784
|
ApiRequestFlowView,
|
|
8635
8785
|
{
|
|
8636
8786
|
block,
|
|
@@ -8687,36 +8837,36 @@ var ApiRequestBlockSpec = createReactBlockSpec5(
|
|
|
8687
8837
|
{
|
|
8688
8838
|
render: (props) => {
|
|
8689
8839
|
const ixoProps = props;
|
|
8690
|
-
return /* @__PURE__ */
|
|
8840
|
+
return /* @__PURE__ */ React97.createElement(ApiRequestBlock, { ...ixoProps });
|
|
8691
8841
|
}
|
|
8692
8842
|
}
|
|
8693
8843
|
);
|
|
8694
8844
|
|
|
8695
8845
|
// src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
|
|
8696
|
-
import
|
|
8846
|
+
import React104, { useState as useState27, useEffect as useEffect17, useMemo as useMemo17, useCallback as useCallback18 } from "react";
|
|
8697
8847
|
import { createReactBlockSpec as createReactBlockSpec6 } from "@blocknote/react";
|
|
8698
|
-
import { Stack as
|
|
8848
|
+
import { Stack as Stack78, Text as Text53, Button as Button25, ActionIcon as ActionIcon16, Center as Center3, Flex as Flex21 } from "@mantine/core";
|
|
8699
8849
|
|
|
8700
8850
|
// src/mantine/blocks/enumChecklist/oracle_personalities/index.tsx
|
|
8701
|
-
import
|
|
8702
|
-
import { Box as
|
|
8851
|
+
import React98 from "react";
|
|
8852
|
+
import { Box as Box19, Flex as Flex20, Stack as Stack73, Text as Text48, Image as Image13 } from "@mantine/core";
|
|
8703
8853
|
function OraclePersonalitiesEnumList({ selectionMode, isItemChecked, onItemCheck, items }) {
|
|
8704
8854
|
if (!items || items.length === 0) {
|
|
8705
|
-
return /* @__PURE__ */
|
|
8855
|
+
return /* @__PURE__ */ React98.createElement(Text48, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
|
|
8706
8856
|
}
|
|
8707
|
-
const rows = items.map(({ id, name, description, voice, icon }) => /* @__PURE__ */
|
|
8708
|
-
return /* @__PURE__ */
|
|
8857
|
+
const rows = items.map(({ id, name, description, voice, icon }) => /* @__PURE__ */ React98.createElement(ListItemContainer, { key: id }, /* @__PURE__ */ React98.createElement(Flex20, { align: "center", gap: "sm" }, /* @__PURE__ */ React98.createElement(Image13, { radius: 16, w: 62, h: 62, src: icon, alt: name }), /* @__PURE__ */ React98.createElement(Stack73, { gap: 0 }, /* @__PURE__ */ React98.createElement(Text48, { size: "sm", fw: 500 }, name || "-"), description !== void 0 && /* @__PURE__ */ React98.createElement(Text48, { size: "sm", c: "dimmed" }, description))), /* @__PURE__ */ React98.createElement(Flex20, { align: "center", gap: "md" }, /* @__PURE__ */ React98.createElement(Stack73, { ta: "right", gap: 0 }, /* @__PURE__ */ React98.createElement(Text48, { size: "sm", fw: 500 }, "Voice"), /* @__PURE__ */ React98.createElement(Text48, { size: "sm", c: "dimmed" }, voice)), selectionMode && /* @__PURE__ */ React98.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${name}`, checked: isItemChecked?.(id), onCheck: (checked) => onItemCheck?.(id, checked) }))));
|
|
8858
|
+
return /* @__PURE__ */ React98.createElement(Box19, { flex: 1 }, /* @__PURE__ */ React98.createElement(Stack73, null, rows));
|
|
8709
8859
|
}
|
|
8710
8860
|
|
|
8711
8861
|
// src/mantine/blocks/enumChecklist/EnumChecklistConfigModal.tsx
|
|
8712
|
-
import
|
|
8713
|
-
import { Modal, Group as
|
|
8862
|
+
import React103, { useState as useState26 } from "react";
|
|
8863
|
+
import { Modal, Group as Group33, Box as Box21 } from "@mantine/core";
|
|
8714
8864
|
|
|
8715
8865
|
// src/mantine/blocks/list/modal/ModalNavigation.tsx
|
|
8716
|
-
import
|
|
8717
|
-
import { Stack as
|
|
8866
|
+
import React99 from "react";
|
|
8867
|
+
import { Stack as Stack74, Button as Button21, Text as Text49 } from "@mantine/core";
|
|
8718
8868
|
var ModalNavigation = ({ steps, activeStep, onStepChange, showUpdateButton = false, onUpdateBlock }) => {
|
|
8719
|
-
return /* @__PURE__ */
|
|
8869
|
+
return /* @__PURE__ */ React99.createElement(Stack74, { gap: "xs", style: { height: "100%" } }, /* @__PURE__ */ React99.createElement(Stack74, { gap: "xs", style: { flex: 1 } }, steps.map((step) => /* @__PURE__ */ React99.createElement(
|
|
8720
8870
|
Button21,
|
|
8721
8871
|
{
|
|
8722
8872
|
key: step.id,
|
|
@@ -8734,13 +8884,13 @@ var ModalNavigation = ({ steps, activeStep, onStepChange, showUpdateButton = fal
|
|
|
8734
8884
|
}
|
|
8735
8885
|
}
|
|
8736
8886
|
},
|
|
8737
|
-
/* @__PURE__ */
|
|
8738
|
-
))), showUpdateButton && /* @__PURE__ */
|
|
8887
|
+
/* @__PURE__ */ React99.createElement(Stack74, { gap: 2, align: "flex-start" }, /* @__PURE__ */ React99.createElement(Text49, { size: "sm", fw: 500 }, step.label), /* @__PURE__ */ React99.createElement(Text49, { size: "xs", opacity: 0.7 }, step.description))
|
|
8888
|
+
))), showUpdateButton && /* @__PURE__ */ React99.createElement(Button21, { variant: "filled", color: "blue", onClick: onUpdateBlock, style: { marginTop: "auto" } }, "Update Block"));
|
|
8739
8889
|
};
|
|
8740
8890
|
|
|
8741
8891
|
// src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
|
|
8742
|
-
import
|
|
8743
|
-
import { Stack as
|
|
8892
|
+
import React100 from "react";
|
|
8893
|
+
import { Stack as Stack75, Card as Card21, Group as Group30, Text as Text50, Box as Box20, Button as Button22 } from "@mantine/core";
|
|
8744
8894
|
|
|
8745
8895
|
// src/mantine/blocks/enumChecklist/oracle_personalities/config.ts
|
|
8746
8896
|
var oraclePersonalitiesMetadata = {
|
|
@@ -8869,7 +9019,7 @@ function getEnumListItems(type) {
|
|
|
8869
9019
|
// src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
|
|
8870
9020
|
var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
|
|
8871
9021
|
const enumListsMeta = getEnumListTypesMetadata();
|
|
8872
|
-
return /* @__PURE__ */
|
|
9022
|
+
return /* @__PURE__ */ React100.createElement(Stack75, { gap: "md" }, /* @__PURE__ */ React100.createElement("div", null, /* @__PURE__ */ React100.createElement(Text50, { size: "lg", fw: 600, mb: "xs" }, "Choose List Type"), /* @__PURE__ */ React100.createElement(Text50, { size: "sm", c: "dimmed" }, "Select the type of list you want to create")), /* @__PURE__ */ React100.createElement(Stack75, { gap: "sm" }, enumListsMeta.map((enumChecklistMeta) => /* @__PURE__ */ React100.createElement(
|
|
8873
9023
|
Card21,
|
|
8874
9024
|
{
|
|
8875
9025
|
key: enumChecklistMeta.id,
|
|
@@ -8882,8 +9032,8 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
|
|
|
8882
9032
|
},
|
|
8883
9033
|
onClick: () => onTypeSelect(enumChecklistMeta.id)
|
|
8884
9034
|
},
|
|
8885
|
-
/* @__PURE__ */
|
|
8886
|
-
|
|
9035
|
+
/* @__PURE__ */ React100.createElement(Group30, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React100.createElement(
|
|
9036
|
+
Box20,
|
|
8887
9037
|
{
|
|
8888
9038
|
style: {
|
|
8889
9039
|
width: 48,
|
|
@@ -8898,35 +9048,35 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
|
|
|
8898
9048
|
}
|
|
8899
9049
|
},
|
|
8900
9050
|
enumChecklistMeta.icon
|
|
8901
|
-
), /* @__PURE__ */
|
|
8902
|
-
))), /* @__PURE__ */
|
|
9051
|
+
), /* @__PURE__ */ React100.createElement(Stack75, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React100.createElement(Text50, { size: "md", fw: 600 }, enumChecklistMeta.name), /* @__PURE__ */ React100.createElement(Text50, { size: "sm", c: "dimmed" }, enumChecklistMeta.description)))
|
|
9052
|
+
))), /* @__PURE__ */ React100.createElement(Group30, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React100.createElement(Button22, { onClick: onNext, disabled: !selectedType }, "Next")));
|
|
8903
9053
|
};
|
|
8904
9054
|
|
|
8905
9055
|
// src/mantine/blocks/enumChecklist/EnumChecklistPreviewStep.tsx
|
|
8906
|
-
import
|
|
8907
|
-
import { Stack as
|
|
9056
|
+
import React101 from "react";
|
|
9057
|
+
import { Stack as Stack76, Text as Text51, Button as Button23, Group as Group31 } from "@mantine/core";
|
|
8908
9058
|
var EnumChecklistPreviewStep = ({ listType, onAddToBlock, onPrev }) => {
|
|
8909
9059
|
const renderListComponent = () => {
|
|
8910
9060
|
switch (listType) {
|
|
8911
9061
|
case "oracle_personalities":
|
|
8912
|
-
return /* @__PURE__ */
|
|
9062
|
+
return /* @__PURE__ */ React101.createElement(OraclePersonalitiesEnumList, { items: getEnumListItems(listType) });
|
|
8913
9063
|
default:
|
|
8914
9064
|
return null;
|
|
8915
9065
|
}
|
|
8916
9066
|
};
|
|
8917
|
-
return /* @__PURE__ */
|
|
9067
|
+
return /* @__PURE__ */ React101.createElement(Stack76, { gap: "md" }, /* @__PURE__ */ React101.createElement("div", null, /* @__PURE__ */ React101.createElement(Text51, { size: "lg", fw: 600, mb: "xs" }, "Preview ", getEnumListNameByType(listType)), /* @__PURE__ */ React101.createElement(Text51, { size: "sm", c: "dimmed" }, "Preview how your list will look with the current configuration")), /* @__PURE__ */ React101.createElement("div", { style: { maxHeight: "400px", overflow: "auto" } }, renderListComponent()), /* @__PURE__ */ React101.createElement(Group31, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React101.createElement(Button23, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React101.createElement(Button23, { onClick: onAddToBlock }, "Add to Block")));
|
|
8918
9068
|
};
|
|
8919
9069
|
|
|
8920
9070
|
// src/mantine/blocks/enumChecklist/EnumChecklistConfigurationStep.tsx
|
|
8921
|
-
import
|
|
8922
|
-
import { Stack as
|
|
9071
|
+
import React102 from "react";
|
|
9072
|
+
import { Stack as Stack77, TextInput as TextInput36, Text as Text52, Button as Button24, Group as Group32, Switch as Switch4, Select as Select13 } from "@mantine/core";
|
|
8923
9073
|
var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onConfigChange, onPrev, onNext, isValid }) => {
|
|
8924
9074
|
const typeConfig = ENUM_LIST_CONFIG[listType];
|
|
8925
9075
|
const configFields = getEnumListTypesConfigFields(listType);
|
|
8926
9076
|
const renderListConfigField = (field) => {
|
|
8927
9077
|
switch (field.type) {
|
|
8928
9078
|
case "text":
|
|
8929
|
-
return /* @__PURE__ */
|
|
9079
|
+
return /* @__PURE__ */ React102.createElement(
|
|
8930
9080
|
TextInput36,
|
|
8931
9081
|
{
|
|
8932
9082
|
label: field.label,
|
|
@@ -8938,7 +9088,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8938
9088
|
}
|
|
8939
9089
|
);
|
|
8940
9090
|
case "switch":
|
|
8941
|
-
return /* @__PURE__ */
|
|
9091
|
+
return /* @__PURE__ */ React102.createElement(
|
|
8942
9092
|
Switch4,
|
|
8943
9093
|
{
|
|
8944
9094
|
label: field.label,
|
|
@@ -8948,7 +9098,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8948
9098
|
}
|
|
8949
9099
|
);
|
|
8950
9100
|
case "select":
|
|
8951
|
-
return /* @__PURE__ */
|
|
9101
|
+
return /* @__PURE__ */ React102.createElement(
|
|
8952
9102
|
Select13,
|
|
8953
9103
|
{
|
|
8954
9104
|
label: field.label,
|
|
@@ -8961,7 +9111,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8961
9111
|
}
|
|
8962
9112
|
);
|
|
8963
9113
|
default:
|
|
8964
|
-
return /* @__PURE__ */
|
|
9114
|
+
return /* @__PURE__ */ React102.createElement(
|
|
8965
9115
|
TextInput36,
|
|
8966
9116
|
{
|
|
8967
9117
|
label: field.label,
|
|
@@ -8974,7 +9124,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8974
9124
|
);
|
|
8975
9125
|
}
|
|
8976
9126
|
};
|
|
8977
|
-
return /* @__PURE__ */
|
|
9127
|
+
return /* @__PURE__ */ React102.createElement(Stack77, { gap: "md" }, /* @__PURE__ */ React102.createElement("div", null, /* @__PURE__ */ React102.createElement(Text52, { size: "lg", fw: 600, mb: "xs" }, "Configure ", typeConfig.metadata.name), /* @__PURE__ */ React102.createElement(Text52, { size: "sm", c: "dimmed" }, typeConfig.metadata.description)), /* @__PURE__ */ React102.createElement(Stack77, { gap: "sm" }, configFields.map((field) => /* @__PURE__ */ React102.createElement("div", { key: field.key }, renderListConfigField(field)))), /* @__PURE__ */ React102.createElement(Group32, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React102.createElement(Button24, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React102.createElement(Button24, { onClick: onNext, disabled: !isValid }, "Next")));
|
|
8978
9128
|
};
|
|
8979
9129
|
|
|
8980
9130
|
// src/mantine/blocks/enumChecklist/EnumChecklistConfigModal.tsx
|
|
@@ -9036,9 +9186,9 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
|
|
|
9036
9186
|
const renderStepContent = () => {
|
|
9037
9187
|
switch (activeStep) {
|
|
9038
9188
|
case "type":
|
|
9039
|
-
return /* @__PURE__ */
|
|
9189
|
+
return /* @__PURE__ */ React103.createElement(EnumChecklistTypeSelection, { selectedType, onTypeSelect: handleTypeSelect, onNext: () => setActiveStep("configure") });
|
|
9040
9190
|
case "configure":
|
|
9041
|
-
return selectedType ? /* @__PURE__ */
|
|
9191
|
+
return selectedType ? /* @__PURE__ */ React103.createElement(
|
|
9042
9192
|
EnumChecklistConfigurationStep,
|
|
9043
9193
|
{
|
|
9044
9194
|
enumChecklistType: selectedType,
|
|
@@ -9050,16 +9200,16 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
|
|
|
9050
9200
|
}
|
|
9051
9201
|
) : null;
|
|
9052
9202
|
case "preview":
|
|
9053
|
-
return selectedType ? /* @__PURE__ */
|
|
9203
|
+
return selectedType ? /* @__PURE__ */ React103.createElement(EnumChecklistPreviewStep, { listType: selectedType, onAddToBlock: handleAddToBlock, onPrev: () => setActiveStep("configure") }) : null;
|
|
9054
9204
|
default:
|
|
9055
9205
|
return null;
|
|
9056
9206
|
}
|
|
9057
9207
|
};
|
|
9058
|
-
return /* @__PURE__ */
|
|
9208
|
+
return /* @__PURE__ */ React103.createElement(Modal, { opened, onClose: handleClose, title: "Configure Enum Checklist Block", size: "xl" }, /* @__PURE__ */ React103.createElement(Group33, { align: "flex-start", gap: "lg", style: { minHeight: "400px" } }, /* @__PURE__ */ React103.createElement(Box21, { style: { width: "200px", flexShrink: 0, height: "400px", display: "flex" } }, /* @__PURE__ */ React103.createElement(ModalNavigation, { steps, activeStep, onStepChange: setActiveStep, showUpdateButton: selectedType !== null, onUpdateBlock: handleAddToBlock })), /* @__PURE__ */ React103.createElement(Box21, { style: { flex: 1 } }, renderStepContent())));
|
|
9059
9209
|
};
|
|
9060
9210
|
|
|
9061
9211
|
// src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
|
|
9062
|
-
var IconSettings2 = () => /* @__PURE__ */
|
|
9212
|
+
var IconSettings2 = () => /* @__PURE__ */ React104.createElement("span", null, "\u2699\uFE0F");
|
|
9063
9213
|
var EnumChecklistBlockType = "enumChecklist";
|
|
9064
9214
|
var EnumChecklistBlockContent = ({ block, editor }) => {
|
|
9065
9215
|
const [modalOpened, setModalOpened] = useState27(false);
|
|
@@ -9145,7 +9295,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
|
|
|
9145
9295
|
if (!listType) return null;
|
|
9146
9296
|
switch (listType) {
|
|
9147
9297
|
case "oracle_personalities":
|
|
9148
|
-
return /* @__PURE__ */
|
|
9298
|
+
return /* @__PURE__ */ React104.createElement(
|
|
9149
9299
|
OraclePersonalitiesEnumList,
|
|
9150
9300
|
{
|
|
9151
9301
|
items: getEnumListItems(listType),
|
|
@@ -9158,7 +9308,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
|
|
|
9158
9308
|
return null;
|
|
9159
9309
|
}
|
|
9160
9310
|
};
|
|
9161
|
-
return /* @__PURE__ */
|
|
9311
|
+
return /* @__PURE__ */ React104.createElement(Stack78, { w: "100%" }, listType && /* @__PURE__ */ React104.createElement(Flex21, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, null, getEnumListNameByType(listType)), listConfig.listSelectionMode && /* @__PURE__ */ React104.createElement(Text53, { lh: 0.5, c: "dimmed" }, listConfig?.selection_mode === "single" ? "Single Selection" : "Multi Selection"), editable && /* @__PURE__ */ React104.createElement(Flex21, { justify: listType ? "space-between" : "flex-end" }, /* @__PURE__ */ React104.createElement(Flex21, { gap: "xs" }, /* @__PURE__ */ React104.createElement(ActionIcon16, { variant: "subtle", size: "sm", onClick: () => setModalOpened(true) }, /* @__PURE__ */ React104.createElement(IconSettings2, null))))), /* @__PURE__ */ React104.createElement(Flex21, { flex: 1 }, !listType ? /* @__PURE__ */ React104.createElement(Center3, { py: "xl" }, /* @__PURE__ */ React104.createElement(Stack78, { align: "center", gap: "sm" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", c: "dimmed", ta: "center" }, "No list type configured"), /* @__PURE__ */ React104.createElement(Button25, { size: "sm", variant: "light", onClick: () => setModalOpened(true) }, "Configure List"))) : /* @__PURE__ */ React104.createElement(Stack78, { gap: "md", flex: 1 }, renderListComponent())), /* @__PURE__ */ React104.createElement(
|
|
9162
9312
|
EnumChecklistConfigModal,
|
|
9163
9313
|
{
|
|
9164
9314
|
opened: modalOpened,
|
|
@@ -9190,27 +9340,27 @@ var EnumChecklistBlock = createReactBlockSpec6(
|
|
|
9190
9340
|
content: "none"
|
|
9191
9341
|
},
|
|
9192
9342
|
{
|
|
9193
|
-
render: (props) => /* @__PURE__ */
|
|
9343
|
+
render: (props) => /* @__PURE__ */ React104.createElement(EnumChecklistBlockContent, { ...props })
|
|
9194
9344
|
}
|
|
9195
9345
|
);
|
|
9196
9346
|
|
|
9197
9347
|
// src/mantine/blocks/notify/NotifyBlockSpec.tsx
|
|
9198
|
-
import
|
|
9348
|
+
import React110 from "react";
|
|
9199
9349
|
import { createReactBlockSpec as createReactBlockSpec7 } from "@blocknote/react";
|
|
9200
9350
|
|
|
9201
9351
|
// src/mantine/blocks/notify/NotifyBlock.tsx
|
|
9202
|
-
import
|
|
9352
|
+
import React109 from "react";
|
|
9203
9353
|
|
|
9204
9354
|
// src/mantine/blocks/notify/template/TemplateView.tsx
|
|
9205
|
-
import
|
|
9355
|
+
import React107, { useMemo as useMemo18 } from "react";
|
|
9206
9356
|
|
|
9207
9357
|
// src/mantine/blocks/notify/template/TemplateConfig.tsx
|
|
9208
|
-
import
|
|
9358
|
+
import React106, { useCallback as useCallback19 } from "react";
|
|
9209
9359
|
import { Paper as Paper12, CloseButton as CloseButton7, Title as Title8 } from "@mantine/core";
|
|
9210
9360
|
|
|
9211
9361
|
// src/mantine/blocks/notify/template/GeneralTab.tsx
|
|
9212
|
-
import
|
|
9213
|
-
import { Divider as Divider6, Select as Select14, Stack as
|
|
9362
|
+
import React105, { useEffect as useEffect18, useState as useState28 } from "react";
|
|
9363
|
+
import { Divider as Divider6, Select as Select14, Stack as Stack79, Text as Text54, TextInput as TextInput37, Textarea as Textarea21, Button as Button26, Group as Group34, ActionIcon as ActionIcon17, Paper as Paper11 } from "@mantine/core";
|
|
9214
9364
|
import { IconTrash as IconTrash3, IconPlus as IconPlus3 } from "@tabler/icons-react";
|
|
9215
9365
|
var GeneralTab5 = ({
|
|
9216
9366
|
title,
|
|
@@ -9285,7 +9435,7 @@ var GeneralTab5 = ({
|
|
|
9285
9435
|
setter(newRecipients);
|
|
9286
9436
|
callback(newRecipients);
|
|
9287
9437
|
};
|
|
9288
|
-
return /* @__PURE__ */
|
|
9438
|
+
return /* @__PURE__ */ React105.createElement(Stack79, { gap: "lg" }, /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React105.createElement(
|
|
9289
9439
|
TextInput37,
|
|
9290
9440
|
{
|
|
9291
9441
|
placeholder: "e.g. Welcome Email",
|
|
@@ -9296,7 +9446,7 @@ var GeneralTab5 = ({
|
|
|
9296
9446
|
onTitleChange(newTitle);
|
|
9297
9447
|
}
|
|
9298
9448
|
}
|
|
9299
|
-
)), /* @__PURE__ */
|
|
9449
|
+
)), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React105.createElement(
|
|
9300
9450
|
Textarea21,
|
|
9301
9451
|
{
|
|
9302
9452
|
placeholder: "Describe what this notification does",
|
|
@@ -9308,7 +9458,7 @@ var GeneralTab5 = ({
|
|
|
9308
9458
|
onDescriptionChange(newDescription);
|
|
9309
9459
|
}
|
|
9310
9460
|
}
|
|
9311
|
-
)), /* @__PURE__ */
|
|
9461
|
+
)), /* @__PURE__ */ React105.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Channel"), /* @__PURE__ */ React105.createElement(
|
|
9312
9462
|
Select14,
|
|
9313
9463
|
{
|
|
9314
9464
|
value: localChannel,
|
|
@@ -9324,7 +9474,7 @@ var GeneralTab5 = ({
|
|
|
9324
9474
|
{ value: "rcs", label: "RCS (Coming Soon)", disabled: true }
|
|
9325
9475
|
]
|
|
9326
9476
|
}
|
|
9327
|
-
)), /* @__PURE__ */
|
|
9477
|
+
)), /* @__PURE__ */ React105.createElement(Divider6, { variant: "dashed" }), localChannel === "email" && /* @__PURE__ */ React105.createElement(React105.Fragment, null, /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Group34, { justify: "space-between" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "To (Recipients)"), /* @__PURE__ */ React105.createElement(Button26, { size: "xs", leftSection: /* @__PURE__ */ React105.createElement(IconPlus3, { size: 14 }), onClick: () => handleAddRecipient("to") }, "Add")), localTo.length === 0 && /* @__PURE__ */ React105.createElement(Text54, { size: "xs", c: "dimmed" }, "No recipients added yet"), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, localTo.map((recipient, index) => /* @__PURE__ */ React105.createElement(Paper11, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React105.createElement(Group34, { gap: "xs", wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React105.createElement(
|
|
9328
9478
|
DataInput,
|
|
9329
9479
|
{
|
|
9330
9480
|
placeholder: "email@example.com or reference",
|
|
@@ -9334,7 +9484,7 @@ var GeneralTab5 = ({
|
|
|
9334
9484
|
currentBlockId: blockId,
|
|
9335
9485
|
size: "sm"
|
|
9336
9486
|
}
|
|
9337
|
-
), /* @__PURE__ */
|
|
9487
|
+
), /* @__PURE__ */ React105.createElement(ActionIcon17, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("to", index) }, /* @__PURE__ */ React105.createElement(IconTrash3, { size: 16 }))))))), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Group34, { justify: "space-between" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "CC (Optional)"), /* @__PURE__ */ React105.createElement(Button26, { size: "xs", leftSection: /* @__PURE__ */ React105.createElement(IconPlus3, { size: 14 }), onClick: () => handleAddRecipient("cc") }, "Add")), localCc.length > 0 && /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, localCc.map((recipient, index) => /* @__PURE__ */ React105.createElement(Paper11, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React105.createElement(Group34, { gap: "xs", wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React105.createElement(
|
|
9338
9488
|
DataInput,
|
|
9339
9489
|
{
|
|
9340
9490
|
placeholder: "email@example.com or reference",
|
|
@@ -9344,7 +9494,7 @@ var GeneralTab5 = ({
|
|
|
9344
9494
|
currentBlockId: blockId,
|
|
9345
9495
|
size: "sm"
|
|
9346
9496
|
}
|
|
9347
|
-
), /* @__PURE__ */
|
|
9497
|
+
), /* @__PURE__ */ React105.createElement(ActionIcon17, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("cc", index) }, /* @__PURE__ */ React105.createElement(IconTrash3, { size: 16 }))))))), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Group34, { justify: "space-between" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "BCC (Optional)"), /* @__PURE__ */ React105.createElement(Button26, { size: "xs", leftSection: /* @__PURE__ */ React105.createElement(IconPlus3, { size: 14 }), onClick: () => handleAddRecipient("bcc") }, "Add")), localBcc.length > 0 && /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, localBcc.map((recipient, index) => /* @__PURE__ */ React105.createElement(Paper11, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React105.createElement(Group34, { gap: "xs", wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React105.createElement(
|
|
9348
9498
|
DataInput,
|
|
9349
9499
|
{
|
|
9350
9500
|
placeholder: "email@example.com or reference",
|
|
@@ -9354,7 +9504,7 @@ var GeneralTab5 = ({
|
|
|
9354
9504
|
currentBlockId: blockId,
|
|
9355
9505
|
size: "sm"
|
|
9356
9506
|
}
|
|
9357
|
-
), /* @__PURE__ */
|
|
9507
|
+
), /* @__PURE__ */ React105.createElement(ActionIcon17, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("bcc", index) }, /* @__PURE__ */ React105.createElement(IconTrash3, { size: 16 }))))))), /* @__PURE__ */ React105.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "From (Optional)"), /* @__PURE__ */ React105.createElement(
|
|
9358
9508
|
TextInput37,
|
|
9359
9509
|
{
|
|
9360
9510
|
placeholder: "sender@example.com",
|
|
@@ -9365,7 +9515,7 @@ var GeneralTab5 = ({
|
|
|
9365
9515
|
onFromChange(newFrom);
|
|
9366
9516
|
}
|
|
9367
9517
|
}
|
|
9368
|
-
), /* @__PURE__ */
|
|
9518
|
+
), /* @__PURE__ */ React105.createElement(Text54, { size: "xs", c: "dimmed" }, "Custom sender email address")), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Reply-To (Optional)"), /* @__PURE__ */ React105.createElement(
|
|
9369
9519
|
TextInput37,
|
|
9370
9520
|
{
|
|
9371
9521
|
placeholder: "reply@example.com",
|
|
@@ -9376,7 +9526,7 @@ var GeneralTab5 = ({
|
|
|
9376
9526
|
onReplyToChange(newReplyTo);
|
|
9377
9527
|
}
|
|
9378
9528
|
}
|
|
9379
|
-
), /* @__PURE__ */
|
|
9529
|
+
), /* @__PURE__ */ React105.createElement(Text54, { size: "xs", c: "dimmed" }, "Where replies should be sent")), /* @__PURE__ */ React105.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Subject"), /* @__PURE__ */ React105.createElement(
|
|
9380
9530
|
TextInput37,
|
|
9381
9531
|
{
|
|
9382
9532
|
placeholder: "Email subject line",
|
|
@@ -9387,7 +9537,7 @@ var GeneralTab5 = ({
|
|
|
9387
9537
|
onSubjectChange(newSubject);
|
|
9388
9538
|
}
|
|
9389
9539
|
}
|
|
9390
|
-
)), /* @__PURE__ */
|
|
9540
|
+
)), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Body Type"), /* @__PURE__ */ React105.createElement(
|
|
9391
9541
|
Select14,
|
|
9392
9542
|
{
|
|
9393
9543
|
value: localBodyType,
|
|
@@ -9401,7 +9551,7 @@ var GeneralTab5 = ({
|
|
|
9401
9551
|
{ value: "html", label: "HTML" }
|
|
9402
9552
|
]
|
|
9403
9553
|
}
|
|
9404
|
-
)), /* @__PURE__ */
|
|
9554
|
+
)), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Body"), /* @__PURE__ */ React105.createElement(
|
|
9405
9555
|
Textarea21,
|
|
9406
9556
|
{
|
|
9407
9557
|
placeholder: localBodyType === "html" ? "<h1>Hello!</h1><p>Welcome to our service.</p>" : "Email body content",
|
|
@@ -9413,7 +9563,7 @@ var GeneralTab5 = ({
|
|
|
9413
9563
|
onBodyChange(newBody);
|
|
9414
9564
|
}
|
|
9415
9565
|
}
|
|
9416
|
-
), /* @__PURE__ */
|
|
9566
|
+
), /* @__PURE__ */ React105.createElement(Text54, { size: "xs", c: "dimmed" }, localBodyType === "html" ? "HTML content for the email body" : "Plain text content for the email body"))));
|
|
9417
9567
|
};
|
|
9418
9568
|
|
|
9419
9569
|
// src/mantine/blocks/notify/template/TemplateConfig.tsx
|
|
@@ -9448,7 +9598,7 @@ var TemplateConfig5 = ({ editor, block }) => {
|
|
|
9448
9598
|
},
|
|
9449
9599
|
[updateProp]
|
|
9450
9600
|
);
|
|
9451
|
-
return /* @__PURE__ */
|
|
9601
|
+
return /* @__PURE__ */ React106.createElement(
|
|
9452
9602
|
Paper12,
|
|
9453
9603
|
{
|
|
9454
9604
|
p: "md",
|
|
@@ -9459,7 +9609,7 @@ var TemplateConfig5 = ({ editor, block }) => {
|
|
|
9459
9609
|
flexDirection: "column"
|
|
9460
9610
|
}
|
|
9461
9611
|
},
|
|
9462
|
-
/* @__PURE__ */
|
|
9612
|
+
/* @__PURE__ */ React106.createElement(
|
|
9463
9613
|
"div",
|
|
9464
9614
|
{
|
|
9465
9615
|
style: {
|
|
@@ -9469,17 +9619,17 @@ var TemplateConfig5 = ({ editor, block }) => {
|
|
|
9469
9619
|
marginBottom: "1rem"
|
|
9470
9620
|
}
|
|
9471
9621
|
},
|
|
9472
|
-
/* @__PURE__ */
|
|
9473
|
-
/* @__PURE__ */
|
|
9622
|
+
/* @__PURE__ */ React106.createElement(Title8, { order: 3 }, "Notification Settings"),
|
|
9623
|
+
/* @__PURE__ */ React106.createElement(CloseButton7, { onClick: closePanel })
|
|
9474
9624
|
),
|
|
9475
|
-
/* @__PURE__ */
|
|
9625
|
+
/* @__PURE__ */ React106.createElement(
|
|
9476
9626
|
ReusablePanel,
|
|
9477
9627
|
{
|
|
9478
9628
|
extraTabs: [
|
|
9479
9629
|
{
|
|
9480
9630
|
label: "General",
|
|
9481
9631
|
value: "general",
|
|
9482
|
-
content: /* @__PURE__ */
|
|
9632
|
+
content: /* @__PURE__ */ React106.createElement(
|
|
9483
9633
|
GeneralTab5,
|
|
9484
9634
|
{
|
|
9485
9635
|
title: block.props.title || "",
|
|
@@ -9535,11 +9685,11 @@ var TemplateConfig5 = ({ editor, block }) => {
|
|
|
9535
9685
|
};
|
|
9536
9686
|
|
|
9537
9687
|
// src/mantine/blocks/notify/template/TemplateView.tsx
|
|
9538
|
-
import { Card as Card22, Group as
|
|
9688
|
+
import { Card as Card22, Group as Group35, Stack as Stack80, Text as Text55, ActionIcon as ActionIcon18, Badge as Badge14 } from "@mantine/core";
|
|
9539
9689
|
var NOTIFY_TEMPLATE_PANEL_ID = "notify-template-panel";
|
|
9540
9690
|
var NotifyTemplateView = ({ editor, block }) => {
|
|
9541
9691
|
const panelId = `${NOTIFY_TEMPLATE_PANEL_ID}-${block.id}`;
|
|
9542
|
-
const panelContent = useMemo18(() => /* @__PURE__ */
|
|
9692
|
+
const panelContent = useMemo18(() => /* @__PURE__ */ React107.createElement(TemplateConfig5, { editor, block }), [editor, block]);
|
|
9543
9693
|
const { open } = usePanel(panelId, panelContent);
|
|
9544
9694
|
const channel = block.props.channel || "email";
|
|
9545
9695
|
const to = (() => {
|
|
@@ -9564,12 +9714,12 @@ var NotifyTemplateView = ({ editor, block }) => {
|
|
|
9564
9714
|
return "gray";
|
|
9565
9715
|
}
|
|
9566
9716
|
};
|
|
9567
|
-
return /* @__PURE__ */
|
|
9717
|
+
return /* @__PURE__ */ React107.createElement(Card22, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React107.createElement(Badge14, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React107.createElement(Group35, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React107.createElement(Group35, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React107.createElement(ActionIcon18, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React107.createElement(Stack80, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React107.createElement(Group35, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React107.createElement(Badge14, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React107.createElement(Text55, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification")), /* @__PURE__ */ React107.createElement(Text55, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.join(", ")}` : "Click to configure recipients"), block.props.description && /* @__PURE__ */ React107.createElement(Text55, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
|
|
9568
9718
|
};
|
|
9569
9719
|
|
|
9570
9720
|
// src/mantine/blocks/notify/flow/FlowView.tsx
|
|
9571
|
-
import
|
|
9572
|
-
import { Card as Card23, Group as
|
|
9721
|
+
import React108, { useState as useState29 } from "react";
|
|
9722
|
+
import { Card as Card23, Group as Group36, Stack as Stack81, Text as Text56, ActionIcon as ActionIcon19, Tooltip as Tooltip7, Button as Button27, Badge as Badge15, Collapse as Collapse3, Alert as Alert11, Loader as Loader6, Code as Code3 } from "@mantine/core";
|
|
9573
9723
|
import { IconSend as IconSend2, IconChevronDown as IconChevronDown3, IconChevronUp as IconChevronUp3, IconCheck, IconX as IconX3 } from "@tabler/icons-react";
|
|
9574
9724
|
var NotifyFlowView = ({ editor, block, isDisabled }) => {
|
|
9575
9725
|
const disabled = isDisabled?.isDisabled === "disable";
|
|
@@ -9683,20 +9833,20 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
|
|
|
9683
9833
|
}
|
|
9684
9834
|
};
|
|
9685
9835
|
const canSend = !disabled && !isLoading && handlers && to.length > 0 && (channel === "email" ? block.props.subject && block.props.body : true);
|
|
9686
|
-
const sendButton = /* @__PURE__ */
|
|
9836
|
+
const sendButton = /* @__PURE__ */ React108.createElement(
|
|
9687
9837
|
Button27,
|
|
9688
9838
|
{
|
|
9689
9839
|
size: "sm",
|
|
9690
9840
|
variant: "light",
|
|
9691
9841
|
color: getChannelColor(channel),
|
|
9692
|
-
leftSection: isLoading ? /* @__PURE__ */
|
|
9842
|
+
leftSection: isLoading ? /* @__PURE__ */ React108.createElement(Loader6, { size: 14 }) : status === "sent" ? /* @__PURE__ */ React108.createElement(IconCheck, { size: 14 }) : /* @__PURE__ */ React108.createElement(IconSend2, { size: 14 }),
|
|
9693
9843
|
onClick: handleSendNotification,
|
|
9694
9844
|
disabled: !canSend,
|
|
9695
9845
|
style: { flexShrink: 0 }
|
|
9696
9846
|
},
|
|
9697
9847
|
isLoading ? "Sending..." : status === "sent" ? "Sent" : "Send"
|
|
9698
9848
|
);
|
|
9699
|
-
return /* @__PURE__ */
|
|
9849
|
+
return /* @__PURE__ */ React108.createElement(Card23, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React108.createElement(Stack81, { gap: "md" }, /* @__PURE__ */ React108.createElement(Group36, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React108.createElement(Group36, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React108.createElement(ActionIcon19, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React108.createElement(Stack81, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React108.createElement(Group36, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React108.createElement(Badge15, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React108.createElement(Text56, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification"), status !== "idle" && /* @__PURE__ */ React108.createElement(Badge15, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React108.createElement(Text56, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.slice(0, 2).join(", ")}${to.length > 2 ? ` +${to.length - 2} more` : ""}` : "No recipients"), block.props.description && /* @__PURE__ */ React108.createElement(Text56, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React108.createElement(Group36, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React108.createElement(Tooltip7, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, /* @__PURE__ */ React108.createElement(ActionIcon19, { variant: "subtle", onClick: () => setShowDetails(!showDetails) }, showDetails ? /* @__PURE__ */ React108.createElement(IconChevronUp3, { size: 16 }) : /* @__PURE__ */ React108.createElement(IconChevronDown3, { size: 16 })))), status === "failed" && block.props.errorMessage && /* @__PURE__ */ React108.createElement(Alert11, { color: "red", icon: /* @__PURE__ */ React108.createElement(IconX3, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, block.props.errorMessage), status === "sent" && block.props.messageId && /* @__PURE__ */ React108.createElement(Alert11, { color: "green", icon: /* @__PURE__ */ React108.createElement(IconCheck, { size: 16 }), title: "Sent successfully", styles: { message: { fontSize: "12px" } } }, "Message ID: ", block.props.messageId, block.props.sentAt && /* @__PURE__ */ React108.createElement(React108.Fragment, null, /* @__PURE__ */ React108.createElement("br", null), "Sent at: ", new Date(block.props.sentAt).toLocaleString())), /* @__PURE__ */ React108.createElement(Collapse3, { in: showDetails }, /* @__PURE__ */ React108.createElement(Stack81, { gap: "md" }, channel === "email" && /* @__PURE__ */ React108.createElement(React108.Fragment, null, /* @__PURE__ */ React108.createElement(Stack81, { gap: "xs" }, /* @__PURE__ */ React108.createElement(Text56, { size: "xs", fw: 600, c: "dimmed" }, "Recipients:"), /* @__PURE__ */ React108.createElement(Code3, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
|
|
9700
9850
|
{
|
|
9701
9851
|
to: to.filter((e) => e.trim() !== ""),
|
|
9702
9852
|
...cc.length > 0 && { cc: cc.filter((e) => e.trim() !== "") },
|
|
@@ -9704,7 +9854,7 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
|
|
|
9704
9854
|
},
|
|
9705
9855
|
null,
|
|
9706
9856
|
2
|
|
9707
|
-
))), block.props.subject && /* @__PURE__ */
|
|
9857
|
+
))), block.props.subject && /* @__PURE__ */ React108.createElement(Stack81, { gap: "xs" }, /* @__PURE__ */ React108.createElement(Text56, { size: "xs", fw: 600, c: "dimmed" }, "Subject:"), /* @__PURE__ */ React108.createElement(Text56, { size: "xs" }, block.props.subject)), block.props.body && /* @__PURE__ */ React108.createElement(Stack81, { gap: "xs" }, /* @__PURE__ */ React108.createElement(Text56, { size: "xs", fw: 600, c: "dimmed" }, "Body (", block.props.bodyType || "text", "):"), /* @__PURE__ */ React108.createElement(Code3, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, block.props.body)), (block.props.from || block.props.replyTo) && /* @__PURE__ */ React108.createElement(Stack81, { gap: "xs" }, /* @__PURE__ */ React108.createElement(Text56, { size: "xs", fw: 600, c: "dimmed" }, "Additional:"), /* @__PURE__ */ React108.createElement(Code3, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
|
|
9708
9858
|
{
|
|
9709
9859
|
...block.props.from && { from: block.props.from },
|
|
9710
9860
|
...block.props.replyTo && { replyTo: block.props.replyTo }
|
|
@@ -9719,7 +9869,7 @@ function NotifyBlock({ editor, block }) {
|
|
|
9719
9869
|
const { editable } = useBlocknoteContext();
|
|
9720
9870
|
const { actions } = useBlockConditions(block, editor);
|
|
9721
9871
|
if (editable) {
|
|
9722
|
-
return /* @__PURE__ */
|
|
9872
|
+
return /* @__PURE__ */ React109.createElement(NotifyTemplateView, { editor, block });
|
|
9723
9873
|
}
|
|
9724
9874
|
const conditionConfig = parseConditionConfig(block.props.conditions);
|
|
9725
9875
|
const hasVisibility = hasVisibilityConditions(conditionConfig);
|
|
@@ -9731,7 +9881,7 @@ function NotifyBlock({ editor, block }) {
|
|
|
9731
9881
|
const hasEnable = hasEnableConditions(conditionConfig);
|
|
9732
9882
|
const enableActionExists = actions.some((a) => a.action === "enable");
|
|
9733
9883
|
const shouldDisable = hasEnable && !enableActionExists;
|
|
9734
|
-
return /* @__PURE__ */
|
|
9884
|
+
return /* @__PURE__ */ React109.createElement(NotifyFlowView, { block, editor, isDisabled: shouldDisable ? { isDisabled: "disable", message: "Notification disabled by conditions" } : void 0 });
|
|
9735
9885
|
}
|
|
9736
9886
|
|
|
9737
9887
|
// src/mantine/blocks/notify/NotifyBlockSpec.tsx
|
|
@@ -9775,18 +9925,18 @@ var NotifyBlockSpec = createReactBlockSpec7(
|
|
|
9775
9925
|
{
|
|
9776
9926
|
render: (props) => {
|
|
9777
9927
|
const ixoProps = props;
|
|
9778
|
-
return /* @__PURE__ */
|
|
9928
|
+
return /* @__PURE__ */ React110.createElement(NotifyBlock, { ...ixoProps });
|
|
9779
9929
|
}
|
|
9780
9930
|
}
|
|
9781
9931
|
);
|
|
9782
9932
|
|
|
9783
9933
|
// src/mantine/blocks/list/ui/ListBlocksToolbar.tsx
|
|
9784
|
-
import
|
|
9785
|
-
import { ActionIcon as ActionIcon20, Group as
|
|
9934
|
+
import React111 from "react";
|
|
9935
|
+
import { ActionIcon as ActionIcon20, Group as Group37, Tooltip as Tooltip8 } from "@mantine/core";
|
|
9786
9936
|
import { IconChevronUp as IconChevronUp4, IconChevronDown as IconChevronDown4 } from "@tabler/icons-react";
|
|
9787
9937
|
var ListBlocksToolbar = () => {
|
|
9788
9938
|
const { broadcastCollapse } = useListBlocksUI();
|
|
9789
|
-
return /* @__PURE__ */
|
|
9939
|
+
return /* @__PURE__ */ React111.createElement(Group37, { gap: "xs" }, /* @__PURE__ */ React111.createElement(Tooltip8, { label: "Collapse all lists", withArrow: true }, /* @__PURE__ */ React111.createElement(ActionIcon20, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Collapse all lists", onClick: () => broadcastCollapse("collapse") }, /* @__PURE__ */ React111.createElement(IconChevronUp4, { size: 18 }))), /* @__PURE__ */ React111.createElement(Tooltip8, { label: "Expand all lists", withArrow: true }, /* @__PURE__ */ React111.createElement(ActionIcon20, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Expand all lists", onClick: () => broadcastCollapse("expand") }, /* @__PURE__ */ React111.createElement(IconChevronDown4, { size: 18 }))));
|
|
9790
9940
|
};
|
|
9791
9941
|
|
|
9792
9942
|
// src/mantine/blocks/registry/blockRegistry.ts
|
|
@@ -10495,21 +10645,21 @@ function useCreateCollaborativeIxoEditor(options) {
|
|
|
10495
10645
|
}
|
|
10496
10646
|
|
|
10497
10647
|
// src/mantine/IxoEditor.tsx
|
|
10498
|
-
import
|
|
10648
|
+
import React113 from "react";
|
|
10499
10649
|
import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
|
|
10500
10650
|
import { BlockNoteView } from "@blocknote/mantine";
|
|
10501
10651
|
import { filterSuggestionItems } from "@blocknote/core";
|
|
10502
|
-
import { Flex as
|
|
10652
|
+
import { Flex as Flex22, MantineProvider, Text as Text57 } from "@mantine/core";
|
|
10503
10653
|
|
|
10504
10654
|
// src/mantine/components/PanelContent.tsx
|
|
10505
|
-
import
|
|
10506
|
-
import { Box as
|
|
10655
|
+
import React112 from "react";
|
|
10656
|
+
import { Box as Box22 } from "@mantine/core";
|
|
10507
10657
|
function PanelContent() {
|
|
10508
10658
|
const { activePanel, registeredPanels } = usePanelStore();
|
|
10509
10659
|
const isOpen = activePanel !== null;
|
|
10510
10660
|
const content = activePanel ? registeredPanels.get(activePanel) : null;
|
|
10511
|
-
return /* @__PURE__ */
|
|
10512
|
-
|
|
10661
|
+
return /* @__PURE__ */ React112.createElement(
|
|
10662
|
+
Box22,
|
|
10513
10663
|
{
|
|
10514
10664
|
pos: "sticky",
|
|
10515
10665
|
right: 0,
|
|
@@ -10533,9 +10683,10 @@ function IxoEditorContent({
|
|
|
10533
10683
|
className,
|
|
10534
10684
|
onChange,
|
|
10535
10685
|
onSelectionChange,
|
|
10686
|
+
isPanelVisible = true,
|
|
10536
10687
|
children
|
|
10537
10688
|
}) {
|
|
10538
|
-
return /* @__PURE__ */
|
|
10689
|
+
return /* @__PURE__ */ React113.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React113.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React113.createElement(
|
|
10539
10690
|
BlockNoteView,
|
|
10540
10691
|
{
|
|
10541
10692
|
editor,
|
|
@@ -10550,7 +10701,7 @@ function IxoEditorContent({
|
|
|
10550
10701
|
onChange,
|
|
10551
10702
|
onSelectionChange
|
|
10552
10703
|
},
|
|
10553
|
-
config.slashMenu && /* @__PURE__ */
|
|
10704
|
+
config.slashMenu && /* @__PURE__ */ React113.createElement(
|
|
10554
10705
|
SuggestionMenuController,
|
|
10555
10706
|
{
|
|
10556
10707
|
triggerCharacter: "/",
|
|
@@ -10562,7 +10713,7 @@ function IxoEditorContent({
|
|
|
10562
10713
|
}
|
|
10563
10714
|
),
|
|
10564
10715
|
children
|
|
10565
|
-
)), /* @__PURE__ */
|
|
10716
|
+
)), isPanelVisible && /* @__PURE__ */ React113.createElement(PanelContent, null));
|
|
10566
10717
|
}
|
|
10567
10718
|
function IxoEditor({
|
|
10568
10719
|
editor,
|
|
@@ -10573,7 +10724,8 @@ function IxoEditor({
|
|
|
10573
10724
|
children,
|
|
10574
10725
|
mantineTheme,
|
|
10575
10726
|
handlers,
|
|
10576
|
-
blockRequirements
|
|
10727
|
+
blockRequirements,
|
|
10728
|
+
isPanelVisible
|
|
10577
10729
|
}) {
|
|
10578
10730
|
if (!editor) {
|
|
10579
10731
|
return null;
|
|
@@ -10588,9 +10740,21 @@ function IxoEditor({
|
|
|
10588
10740
|
tableHandles: true
|
|
10589
10741
|
};
|
|
10590
10742
|
const isEditable = editable;
|
|
10591
|
-
const editorContent = /* @__PURE__ */
|
|
10743
|
+
const editorContent = /* @__PURE__ */ React113.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React113.createElement(ListBlocksUIProvider, null, /* @__PURE__ */ React113.createElement(Flex22, { pr: 25, justify: "flex-end", align: "center", gap: "xs" }, /* @__PURE__ */ React113.createElement(Text57, { size: "xs", c: "dimmed", tt: "uppercase" }, "Global actions"), /* @__PURE__ */ React113.createElement(ListBlocksToolbar, null)), /* @__PURE__ */ React113.createElement(
|
|
10744
|
+
IxoEditorContent,
|
|
10745
|
+
{
|
|
10746
|
+
isPanelVisible,
|
|
10747
|
+
editor,
|
|
10748
|
+
config,
|
|
10749
|
+
isEditable,
|
|
10750
|
+
className,
|
|
10751
|
+
onChange,
|
|
10752
|
+
onSelectionChange
|
|
10753
|
+
},
|
|
10754
|
+
children
|
|
10755
|
+
)));
|
|
10592
10756
|
if (mantineTheme) {
|
|
10593
|
-
return /* @__PURE__ */
|
|
10757
|
+
return /* @__PURE__ */ React113.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
|
|
10594
10758
|
}
|
|
10595
10759
|
return editorContent;
|
|
10596
10760
|
}
|
|
@@ -10654,6 +10818,8 @@ async function getEntity(entityId) {
|
|
|
10654
10818
|
}
|
|
10655
10819
|
|
|
10656
10820
|
export {
|
|
10821
|
+
usePanelStore,
|
|
10822
|
+
usePanel,
|
|
10657
10823
|
BlocknoteProvider,
|
|
10658
10824
|
useBlocknoteContext,
|
|
10659
10825
|
useBlocknoteHandlers,
|
|
@@ -10674,4 +10840,4 @@ export {
|
|
|
10674
10840
|
ixoGraphQLClient,
|
|
10675
10841
|
getEntity
|
|
10676
10842
|
};
|
|
10677
|
-
//# sourceMappingURL=chunk-
|
|
10843
|
+
//# sourceMappingURL=chunk-O477KPVK.mjs.map
|