@ixo/editor 1.15.0 → 1.16.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.
|
@@ -1287,11 +1287,11 @@ var CheckboxBlockSpec = createReactBlockSpec(
|
|
|
1287
1287
|
);
|
|
1288
1288
|
|
|
1289
1289
|
// src/mantine/blocks/list/ListBlockSpec.tsx
|
|
1290
|
-
import
|
|
1290
|
+
import React42 from "react";
|
|
1291
1291
|
import { createReactBlockSpec as createReactBlockSpec2 } from "@blocknote/react";
|
|
1292
1292
|
|
|
1293
1293
|
// src/mantine/blocks/list/ListBlock.tsx
|
|
1294
|
-
import
|
|
1294
|
+
import React41 from "react";
|
|
1295
1295
|
|
|
1296
1296
|
// src/mantine/blocks/list/template/TemplateView.tsx
|
|
1297
1297
|
import React16, { useMemo as useMemo6 } from "react";
|
|
@@ -2202,8 +2202,8 @@ var ListTemplateView = ({ editor, block }) => {
|
|
|
2202
2202
|
return /* @__PURE__ */ React16.createElement(Card5, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React16.createElement(Badge2, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React16.createElement(Group5, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React16.createElement(Group5, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React16.createElement(ActionIcon3, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "checklist")), /* @__PURE__ */ React16.createElement(Stack9, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React16.createElement(Text7, { fw: 500, size: "sm", contentEditable: false }, listName), /* @__PURE__ */ React16.createElement(Text7, { size: "xs", c: "dimmed", contentEditable: false }, listType ? `List of ${listName.toLowerCase()}` : "Click to configure list type and settings")))));
|
|
2203
2203
|
};
|
|
2204
2204
|
|
|
2205
|
-
// src/mantine/blocks/list/flow/
|
|
2206
|
-
import
|
|
2205
|
+
// src/mantine/blocks/list/flow/ListFlowView.tsx
|
|
2206
|
+
import React40, { useState as useState6, useEffect as useEffect6, useMemo as useMemo9, useCallback as useCallback10 } from "react";
|
|
2207
2207
|
import { Group as Group7, Stack as Stack26, Text as Text26, ActionIcon as ActionIcon5, Alert as Alert4, Loader as Loader2, Center as Center2, Flex as Flex17, Button as Button5, Title as Title4, Collapse } from "@mantine/core";
|
|
2208
2208
|
|
|
2209
2209
|
// src/mantine/blocks/list/linked_resources/LinkedResourcesList.tsx
|
|
@@ -2581,7 +2581,7 @@ function filterListItems(items, filterOption) {
|
|
|
2581
2581
|
});
|
|
2582
2582
|
}
|
|
2583
2583
|
|
|
2584
|
-
// src/mantine/blocks/list/flow/
|
|
2584
|
+
// src/mantine/blocks/list/flow/ListFlowView.tsx
|
|
2585
2585
|
import { IconArrowDown as IconArrowDown2, IconArrowRight as IconArrowRight2, IconArrowUp as IconArrowUp2, IconChevronDown, IconChevronUp, IconRefresh, IconSettings, IconAlertCircle } from "@tabler/icons-react";
|
|
2586
2586
|
|
|
2587
2587
|
// src/mantine/blocks/list/ListPagination.tsx
|
|
@@ -2891,15 +2891,42 @@ function downloadArrayAsCsv(rows, options) {
|
|
|
2891
2891
|
URL.revokeObjectURL(url);
|
|
2892
2892
|
}
|
|
2893
2893
|
|
|
2894
|
-
// src/mantine/blocks/list/flow/
|
|
2894
|
+
// src/mantine/blocks/list/flow/ListFlowView.tsx
|
|
2895
2895
|
import { useDisclosure } from "@mantine/hooks";
|
|
2896
|
+
|
|
2897
|
+
// src/mantine/blocks/list/ui/ListBlocksUIContext.tsx
|
|
2898
|
+
import React39, { createContext as createContext2, useCallback as useCallback9, useContext as useContext2, useMemo as useMemo8, useRef as useRef3 } from "react";
|
|
2899
|
+
var ListBlocksUIContext = createContext2(null);
|
|
2900
|
+
var ListBlocksUIProvider = ({ children }) => {
|
|
2901
|
+
const listenersRef = useRef3(/* @__PURE__ */ new Set());
|
|
2902
|
+
const subscribe = useCallback9((listener) => {
|
|
2903
|
+
listenersRef.current.add(listener);
|
|
2904
|
+
return () => {
|
|
2905
|
+
listenersRef.current.delete(listener);
|
|
2906
|
+
};
|
|
2907
|
+
}, []);
|
|
2908
|
+
const broadcastCollapse = useCallback9((event) => {
|
|
2909
|
+
listenersRef.current.forEach((listener) => listener(event));
|
|
2910
|
+
}, []);
|
|
2911
|
+
const value = useMemo8(() => ({ broadcastCollapse, subscribe }), [broadcastCollapse, subscribe]);
|
|
2912
|
+
return /* @__PURE__ */ React39.createElement(ListBlocksUIContext.Provider, { value }, children);
|
|
2913
|
+
};
|
|
2914
|
+
var useListBlocksUI = () => {
|
|
2915
|
+
const ctx = useContext2(ListBlocksUIContext);
|
|
2916
|
+
if (!ctx) {
|
|
2917
|
+
throw new Error("useListBlocksUI must be used within a ListBlocksUIProvider");
|
|
2918
|
+
}
|
|
2919
|
+
return ctx;
|
|
2920
|
+
};
|
|
2921
|
+
|
|
2922
|
+
// src/mantine/blocks/list/flow/ListFlowView.tsx
|
|
2896
2923
|
var LIST_FLOW_PANEL_ID = "list-flow-panel";
|
|
2897
2924
|
var LIST_SELECTION_FLOW_PANEL_ID = "list-selection-flow-panel";
|
|
2898
2925
|
var ListFlowView = ({ block, editor }) => {
|
|
2899
2926
|
const { editable } = useBlocknoteContext();
|
|
2900
2927
|
const [data, setData] = useState6(null);
|
|
2901
2928
|
const [loading, setLoading] = useState6(false);
|
|
2902
|
-
const [opened, { toggle }] = useDisclosure(true);
|
|
2929
|
+
const [opened, { toggle, open, close }] = useDisclosure(true);
|
|
2903
2930
|
const [error, setError] = useState6(null);
|
|
2904
2931
|
const [showErrorDetails, setShowErrorDetails] = useState6(false);
|
|
2905
2932
|
const [page, setPage] = useState6(1);
|
|
@@ -2907,13 +2934,14 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
2907
2934
|
const [totalPages, setTotalPages] = useState6(0);
|
|
2908
2935
|
const [selectedIds, setSelectedIds] = useState6(/* @__PURE__ */ new Set());
|
|
2909
2936
|
const panelId = `${LIST_FLOW_PANEL_ID}-${block.id}`;
|
|
2910
|
-
const panelContent =
|
|
2937
|
+
const panelContent = useMemo9(() => /* @__PURE__ */ React40.createElement(TemplateConfig2, { editor, block }), [editor, block]);
|
|
2911
2938
|
const { open: openPanel } = usePanel(panelId, panelContent);
|
|
2912
2939
|
const handlers = useBlocknoteHandlers();
|
|
2913
2940
|
const listType = block.props.listType && block.props.listType !== "" ? block.props.listType : null;
|
|
2941
|
+
const { subscribe } = useListBlocksUI();
|
|
2914
2942
|
const selectionPanelId = `${LIST_SELECTION_FLOW_PANEL_ID}-${block.id}`;
|
|
2915
|
-
const selectionPanelContent =
|
|
2916
|
-
() => /* @__PURE__ */
|
|
2943
|
+
const selectionPanelContent = useMemo9(
|
|
2944
|
+
() => /* @__PURE__ */ React40.createElement(ListSelectionPanel, { editor, block, selectedIds, listType }),
|
|
2917
2945
|
[editor, block, selectedIds, listType]
|
|
2918
2946
|
);
|
|
2919
2947
|
const { open: openSelectionPanel } = usePanel(selectionPanelId, selectionPanelContent);
|
|
@@ -2924,13 +2952,13 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
2924
2952
|
setSelectedIds(new Set(lastSelected ? [lastSelected] : []));
|
|
2925
2953
|
}
|
|
2926
2954
|
}, [selectionMode, selectedIds]);
|
|
2927
|
-
const isItemChecked =
|
|
2955
|
+
const isItemChecked = useCallback10(
|
|
2928
2956
|
(id) => {
|
|
2929
2957
|
return selectedIds.has(id);
|
|
2930
2958
|
},
|
|
2931
2959
|
[selectedIds]
|
|
2932
2960
|
);
|
|
2933
|
-
const onItemCheck =
|
|
2961
|
+
const onItemCheck = useCallback10(
|
|
2934
2962
|
(id, checked) => {
|
|
2935
2963
|
setSelectedIds((prev) => {
|
|
2936
2964
|
const nextSelectedIds = new Set(prev);
|
|
@@ -2951,7 +2979,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
2951
2979
|
},
|
|
2952
2980
|
[selectionMode]
|
|
2953
2981
|
);
|
|
2954
|
-
const listConfig =
|
|
2982
|
+
const listConfig = useMemo9(() => {
|
|
2955
2983
|
if (block.props.listConfig && block.props.listConfig !== "{}") {
|
|
2956
2984
|
try {
|
|
2957
2985
|
return JSON.parse(block.props.listConfig);
|
|
@@ -2962,7 +2990,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
2962
2990
|
}
|
|
2963
2991
|
return {};
|
|
2964
2992
|
}, [block.props.listConfig]);
|
|
2965
|
-
const listSortConfigOptions =
|
|
2993
|
+
const listSortConfigOptions = useMemo9(() => {
|
|
2966
2994
|
if (block.props.sortOptions && block.props.sortOptions !== "{}") {
|
|
2967
2995
|
try {
|
|
2968
2996
|
return JSON.parse(block.props.sortOptions);
|
|
@@ -2973,7 +3001,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
2973
3001
|
}
|
|
2974
3002
|
return {};
|
|
2975
3003
|
}, [block.props.sortOptions]);
|
|
2976
|
-
const listFilterConfigOptions =
|
|
3004
|
+
const listFilterConfigOptions = useMemo9(() => {
|
|
2977
3005
|
if (block.props.filterOptions && block.props.filterOptions !== "{}") {
|
|
2978
3006
|
try {
|
|
2979
3007
|
return JSON.parse(block.props.filterOptions);
|
|
@@ -2984,7 +3012,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
2984
3012
|
}
|
|
2985
3013
|
return {};
|
|
2986
3014
|
}, [block.props.filterOptions]);
|
|
2987
|
-
const listFilterConfig =
|
|
3015
|
+
const listFilterConfig = useMemo9(() => {
|
|
2988
3016
|
if (block.props.filter && block.props.filter !== "{}") {
|
|
2989
3017
|
try {
|
|
2990
3018
|
return JSON.parse(block.props.filter);
|
|
@@ -2995,7 +3023,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
2995
3023
|
}
|
|
2996
3024
|
return {};
|
|
2997
3025
|
}, [block.props.filter]);
|
|
2998
|
-
const listSortConfig =
|
|
3026
|
+
const listSortConfig = useMemo9(() => {
|
|
2999
3027
|
if (block.props.sort && block.props.sort !== "{}") {
|
|
3000
3028
|
try {
|
|
3001
3029
|
return JSON.parse(block.props.sort);
|
|
@@ -3006,6 +3034,14 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3006
3034
|
}
|
|
3007
3035
|
return {};
|
|
3008
3036
|
}, [block.props.sort]);
|
|
3037
|
+
useEffect6(() => {
|
|
3038
|
+
const unsubscribe = subscribe((event) => {
|
|
3039
|
+
if (event === "collapse") close();
|
|
3040
|
+
else if (event === "expand") open();
|
|
3041
|
+
else toggle();
|
|
3042
|
+
});
|
|
3043
|
+
return unsubscribe;
|
|
3044
|
+
}, [subscribe, close, open, toggle]);
|
|
3009
3045
|
const updateProps = (props) => {
|
|
3010
3046
|
editor.updateBlock(block, {
|
|
3011
3047
|
props: {
|
|
@@ -3014,7 +3050,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3014
3050
|
}
|
|
3015
3051
|
});
|
|
3016
3052
|
};
|
|
3017
|
-
const fetchData =
|
|
3053
|
+
const fetchData = useCallback10(async () => {
|
|
3018
3054
|
if (!handlers || !listType || !listConfig) return;
|
|
3019
3055
|
setLoading(true);
|
|
3020
3056
|
setError(null);
|
|
@@ -3143,11 +3179,11 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3143
3179
|
}
|
|
3144
3180
|
updateProps({ sort: JSON.stringify(sortOption) });
|
|
3145
3181
|
};
|
|
3146
|
-
const sortedData =
|
|
3182
|
+
const sortedData = useMemo9(() => {
|
|
3147
3183
|
if (!data) return null;
|
|
3148
3184
|
return sortListItems(data, listSortConfig);
|
|
3149
3185
|
}, [data?.items, listSortConfig]);
|
|
3150
|
-
const filteredData =
|
|
3186
|
+
const filteredData = useMemo9(() => {
|
|
3151
3187
|
if (!listFilterConfig?.key) return sortedData;
|
|
3152
3188
|
if (!sortedData) return null;
|
|
3153
3189
|
return filterListItems(sortedData, listFilterConfig);
|
|
@@ -3156,44 +3192,44 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3156
3192
|
if (!filteredData || !listType) return null;
|
|
3157
3193
|
switch (listType) {
|
|
3158
3194
|
case "linked_resources":
|
|
3159
|
-
return /* @__PURE__ */
|
|
3195
|
+
return /* @__PURE__ */ React40.createElement(LinkedResourcesList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3160
3196
|
case "assets":
|
|
3161
|
-
return /* @__PURE__ */
|
|
3197
|
+
return /* @__PURE__ */ React40.createElement(AssetsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3162
3198
|
case "transactions":
|
|
3163
|
-
return /* @__PURE__ */
|
|
3199
|
+
return /* @__PURE__ */ React40.createElement(TransactionsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3164
3200
|
case "collections":
|
|
3165
|
-
return /* @__PURE__ */
|
|
3201
|
+
return /* @__PURE__ */ React40.createElement(CollectionsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3166
3202
|
case "investments":
|
|
3167
|
-
return /* @__PURE__ */
|
|
3203
|
+
return /* @__PURE__ */ React40.createElement(InvestmentsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3168
3204
|
case "oracles":
|
|
3169
|
-
return /* @__PURE__ */
|
|
3205
|
+
return /* @__PURE__ */ React40.createElement(OraclesList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3170
3206
|
case "pods":
|
|
3171
|
-
return /* @__PURE__ */
|
|
3207
|
+
return /* @__PURE__ */ React40.createElement(PodsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3172
3208
|
case "proposals":
|
|
3173
|
-
return /* @__PURE__ */
|
|
3209
|
+
return /* @__PURE__ */ React40.createElement(ProposalsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3174
3210
|
case "requests":
|
|
3175
|
-
return /* @__PURE__ */
|
|
3211
|
+
return /* @__PURE__ */ React40.createElement(RequestsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3176
3212
|
case "projects":
|
|
3177
|
-
return /* @__PURE__ */
|
|
3213
|
+
return /* @__PURE__ */ React40.createElement(ProjectsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3178
3214
|
case "daos":
|
|
3179
|
-
return /* @__PURE__ */
|
|
3215
|
+
return /* @__PURE__ */ React40.createElement(DaosList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3180
3216
|
case "group_members":
|
|
3181
|
-
return /* @__PURE__ */
|
|
3217
|
+
return /* @__PURE__ */ React40.createElement(MembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3182
3218
|
case "dao_members":
|
|
3183
|
-
return /* @__PURE__ */
|
|
3219
|
+
return /* @__PURE__ */ React40.createElement(DaoMembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3184
3220
|
case "validators":
|
|
3185
|
-
return /* @__PURE__ */
|
|
3221
|
+
return /* @__PURE__ */ React40.createElement(ValidatorsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3186
3222
|
default:
|
|
3187
3223
|
return null;
|
|
3188
3224
|
}
|
|
3189
3225
|
};
|
|
3190
3226
|
if (!listType) {
|
|
3191
|
-
return /* @__PURE__ */
|
|
3227
|
+
return /* @__PURE__ */ React40.createElement(Center2, { py: "xl" }, /* @__PURE__ */ React40.createElement(Text26, { size: "sm", c: "dimmed" }, "List not configured"));
|
|
3192
3228
|
}
|
|
3193
|
-
return /* @__PURE__ */
|
|
3229
|
+
return /* @__PURE__ */ React40.createElement(Stack26, { w: "100%" }, /* @__PURE__ */ React40.createElement(Flex17, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React40.createElement(Title4, { order: 4 }, getListNameByType(listType)), /* @__PURE__ */ React40.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: toggle, "aria-label": opened ? "Collapse" : "Expand", title: opened ? "Collapse" : "Expand" }, opened ? /* @__PURE__ */ React40.createElement(IconChevronUp, { size: 18 }) : /* @__PURE__ */ React40.createElement(IconChevronDown, { size: 18 }))), /* @__PURE__ */ React40.createElement(Collapse, { pb: 5, px: 5, in: opened }, /* @__PURE__ */ React40.createElement(Stack26, { mih: totalPages !== 1 ? 500 : void 0, w: "100%" }, /* @__PURE__ */ React40.createElement(Flex17, { align: "center", gap: "xs" }, listSortConfig?.key && /* @__PURE__ */ React40.createElement(Flex17, { align: "center" }, /* @__PURE__ */ React40.createElement(Text26, { size: "xs" }, listSortConfig.key?.replace(/([A-Z])/g, " $1").replace(
|
|
3194
3230
|
/^./,
|
|
3195
3231
|
(str) => str.toUpperCase()
|
|
3196
|
-
), " "), /* @__PURE__ */
|
|
3232
|
+
), " "), /* @__PURE__ */ React40.createElement(Text26, { lh: 0.5 }, listSortConfig.direction === "asc" && /* @__PURE__ */ React40.createElement(IconArrowUp2, { size: 18 }), listSortConfig.direction === "desc" && /* @__PURE__ */ React40.createElement(IconArrowDown2, { size: 18 }))), selectionMode && /* @__PURE__ */ React40.createElement(Text26, { lh: 0.5 }, selectionMode === "single" ? "Single Selection" : "Multi Selection")), /* @__PURE__ */ React40.createElement(Flex17, { justify: "space-between" }, /* @__PURE__ */ React40.createElement(Flex17, { gap: "xs", align: "center" }, /* @__PURE__ */ React40.createElement(FilterTab, { key: "All", label: "All", isActive: !listFilterConfig?.key, onClick: () => handleFilterChange(null) }), Array.isArray(listFilterConfigOptions) && listFilterConfigOptions.length > 0 && listFilterConfigOptions.map(({ key, label, type }) => /* @__PURE__ */ React40.createElement(
|
|
3197
3233
|
FilterTab,
|
|
3198
3234
|
{
|
|
3199
3235
|
key: label,
|
|
@@ -3201,7 +3237,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3201
3237
|
isActive: listFilterConfig?.key === key && listFilterConfig?.value === type,
|
|
3202
3238
|
onClick: () => handleFilterChange({ key, value: type })
|
|
3203
3239
|
}
|
|
3204
|
-
))), /* @__PURE__ */
|
|
3240
|
+
))), /* @__PURE__ */ React40.createElement(Flex17, { gap: "xs" }, /* @__PURE__ */ React40.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: fetchData, loading }, /* @__PURE__ */ React40.createElement(IconRefresh, { size: 18 })), editable && /* @__PURE__ */ React40.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: openPanel }, /* @__PURE__ */ React40.createElement(IconSettings, { size: 18 })), selectedIds.size > 0 && /* @__PURE__ */ React40.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: openSelectionPanel }, /* @__PURE__ */ React40.createElement(IconArrowRight2, null)), listConfig && listSortConfigOptions && listSortConfigOptions?.length > 0 && /* @__PURE__ */ React40.createElement(
|
|
3205
3241
|
ListActionsMenu,
|
|
3206
3242
|
{
|
|
3207
3243
|
onSelectActionClick: (mode) => setSelectionMode(mode),
|
|
@@ -3211,7 +3247,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3211
3247
|
onChange: (sortOption) => handleSortChange(sortOption),
|
|
3212
3248
|
onDownloadCsv: data?.items ? () => downloadArrayAsCsv(data.items) : void 0
|
|
3213
3249
|
}
|
|
3214
|
-
))), /* @__PURE__ */
|
|
3250
|
+
))), /* @__PURE__ */ React40.createElement(Flex17, { flex: 1 }, loading ? /* @__PURE__ */ React40.createElement(Center2, { py: "xl", w: "100%" }, /* @__PURE__ */ React40.createElement(Loader2, { size: "md", mx: "auto" })) : error ? /* @__PURE__ */ React40.createElement(Alert4, { color: "red", title: "Failed to load data", icon: /* @__PURE__ */ React40.createElement(IconAlertCircle, { size: 18 }) }, /* @__PURE__ */ React40.createElement(Stack26, { gap: "xs" }, /* @__PURE__ */ React40.createElement(Text26, { size: "sm" }, showErrorDetails ? error : "Unable to fetch list data"), /* @__PURE__ */ React40.createElement(Group7, { gap: "xs" }, /* @__PURE__ */ React40.createElement(Button5, { size: "xs", variant: "subtle", onClick: fetchData }, "Retry"), /* @__PURE__ */ React40.createElement(Button5, { size: "xs", variant: "subtle", onClick: () => setShowErrorDetails(!showErrorDetails) }, showErrorDetails ? "Hide" : "Show", " Details")))) : /* @__PURE__ */ React40.createElement(Stack26, { flex: 1 }, /* @__PURE__ */ React40.createElement(Stack26, { gap: "md" }, renderListComponent(), /* @__PURE__ */ React40.createElement(
|
|
3215
3251
|
ListPagination,
|
|
3216
3252
|
{
|
|
3217
3253
|
page,
|
|
@@ -3229,9 +3265,9 @@ function ListBlock({ editor, block }) {
|
|
|
3229
3265
|
const listType = block.props.listType && block.props.listType !== "";
|
|
3230
3266
|
const isConfigured = listType;
|
|
3231
3267
|
if (editable && !isConfigured) {
|
|
3232
|
-
return /* @__PURE__ */
|
|
3268
|
+
return /* @__PURE__ */ React41.createElement(ListTemplateView, { editor, block });
|
|
3233
3269
|
}
|
|
3234
|
-
return /* @__PURE__ */
|
|
3270
|
+
return /* @__PURE__ */ React41.createElement(ListFlowView, { block, editor });
|
|
3235
3271
|
}
|
|
3236
3272
|
|
|
3237
3273
|
// src/mantine/blocks/list/ListBlockSpec.tsx
|
|
@@ -3266,16 +3302,16 @@ var ListBlockSpec = createReactBlockSpec2(
|
|
|
3266
3302
|
{
|
|
3267
3303
|
render: (props) => {
|
|
3268
3304
|
const ixoProps = props;
|
|
3269
|
-
return /* @__PURE__ */
|
|
3305
|
+
return /* @__PURE__ */ React42.createElement(ListBlock, { ...ixoProps });
|
|
3270
3306
|
}
|
|
3271
3307
|
}
|
|
3272
3308
|
);
|
|
3273
3309
|
|
|
3274
3310
|
// src/mantine/blocks/overview/OverviewBlock.tsx
|
|
3275
|
-
import
|
|
3311
|
+
import React43 from "react";
|
|
3276
3312
|
import { createReactBlockSpec as createReactBlockSpec3 } from "@blocknote/react";
|
|
3277
3313
|
var OverviewBlockContent = ({ block, editor }) => {
|
|
3278
|
-
return /* @__PURE__ */
|
|
3314
|
+
return /* @__PURE__ */ React43.createElement(
|
|
3279
3315
|
"div",
|
|
3280
3316
|
{
|
|
3281
3317
|
style: {
|
|
@@ -3287,7 +3323,7 @@ var OverviewBlockContent = ({ block, editor }) => {
|
|
|
3287
3323
|
border: "1px solid #e5e7eb"
|
|
3288
3324
|
}
|
|
3289
3325
|
},
|
|
3290
|
-
/* @__PURE__ */
|
|
3326
|
+
/* @__PURE__ */ React43.createElement("div", { style: { marginBottom: "12px" } }, /* @__PURE__ */ React43.createElement(
|
|
3291
3327
|
"input",
|
|
3292
3328
|
{
|
|
3293
3329
|
type: "text",
|
|
@@ -3313,7 +3349,7 @@ var OverviewBlockContent = ({ block, editor }) => {
|
|
|
3313
3349
|
}
|
|
3314
3350
|
}
|
|
3315
3351
|
)),
|
|
3316
|
-
/* @__PURE__ */
|
|
3352
|
+
/* @__PURE__ */ React43.createElement("div", { style: { minHeight: "40px", color: "#6b7280" } }, block.props.did ? /* @__PURE__ */ React43.createElement("p", null, "Loading overview for DID: ", block.props.did) : /* @__PURE__ */ React43.createElement("p", null, "Enter a DID to load overview data"))
|
|
3317
3353
|
);
|
|
3318
3354
|
};
|
|
3319
3355
|
var OverviewBlock = createReactBlockSpec3(
|
|
@@ -3327,7 +3363,7 @@ var OverviewBlock = createReactBlockSpec3(
|
|
|
3327
3363
|
content: "none"
|
|
3328
3364
|
},
|
|
3329
3365
|
{
|
|
3330
|
-
render: (props) => /* @__PURE__ */
|
|
3366
|
+
render: (props) => /* @__PURE__ */ React43.createElement(OverviewBlockContent, { ...props })
|
|
3331
3367
|
}
|
|
3332
3368
|
);
|
|
3333
3369
|
|
|
@@ -3354,7 +3390,7 @@ var ValidatorActionType = /* @__PURE__ */ ((ValidatorActionType2) => {
|
|
|
3354
3390
|
})(ValidatorActionType || {});
|
|
3355
3391
|
|
|
3356
3392
|
// src/mantine/context/hooks/useSharedProposal.ts
|
|
3357
|
-
import { useState as useState7, useEffect as useEffect7, useCallback as
|
|
3393
|
+
import { useState as useState7, useEffect as useEffect7, useCallback as useCallback11 } from "react";
|
|
3358
3394
|
var useSharedProposal = ({ proposalId, contractAddress, autoFetch = true }) => {
|
|
3359
3395
|
const { sharedProposals, fetchSharedProposal, invalidateProposal, subscribeToProposal } = useBlocknoteContext();
|
|
3360
3396
|
const [localProposal, setLocalProposal] = useState7(null);
|
|
@@ -3371,8 +3407,8 @@ var useSharedProposal = ({ proposalId, contractAddress, autoFetch = true }) => {
|
|
|
3371
3407
|
setLocalProposal(proposal);
|
|
3372
3408
|
}
|
|
3373
3409
|
}, [subscribeToProposal, cacheKey]);
|
|
3374
|
-
const refetch =
|
|
3375
|
-
const invalidate =
|
|
3410
|
+
const refetch = useCallback11(() => fetchSharedProposal(proposalId, contractAddress, true), [fetchSharedProposal, proposalId, contractAddress]);
|
|
3411
|
+
const invalidate = useCallback11(() => invalidateProposal(proposalId), [invalidateProposal, proposalId]);
|
|
3376
3412
|
return {
|
|
3377
3413
|
proposal: localProposal,
|
|
3378
3414
|
loading: sharedProposals[cacheKey]?.loading ?? false,
|
|
@@ -3383,21 +3419,21 @@ var useSharedProposal = ({ proposalId, contractAddress, autoFetch = true }) => {
|
|
|
3383
3419
|
};
|
|
3384
3420
|
|
|
3385
3421
|
// src/mantine/blocks/proposal/ProposalBlockSpec.tsx
|
|
3386
|
-
import
|
|
3422
|
+
import React87 from "react";
|
|
3387
3423
|
import { createReactBlockSpec as createReactBlockSpec4 } from "@blocknote/react";
|
|
3388
3424
|
|
|
3389
3425
|
// src/mantine/blocks/proposal/ProposalBlock.tsx
|
|
3390
|
-
import
|
|
3426
|
+
import React86 from "react";
|
|
3391
3427
|
|
|
3392
3428
|
// src/mantine/blocks/proposal/template/TemplateView.tsx
|
|
3393
|
-
import
|
|
3429
|
+
import React80, { useMemo as useMemo11 } from "react";
|
|
3394
3430
|
|
|
3395
3431
|
// src/mantine/blocks/proposal/template/TemplateConfig.tsx
|
|
3396
|
-
import
|
|
3432
|
+
import React79, { useCallback as useCallback13 } from "react";
|
|
3397
3433
|
import { Paper as Paper6, CloseButton as CloseButton4, Title as Title5 } from "@mantine/core";
|
|
3398
3434
|
|
|
3399
3435
|
// src/mantine/blocks/proposal/template/GeneralTab.tsx
|
|
3400
|
-
import
|
|
3436
|
+
import React44, { useEffect as useEffect8, useState as useState8 } from "react";
|
|
3401
3437
|
import { Stack as Stack27, Text as Text27, TextInput as TextInput5, Textarea as Textarea2, Select as Select3, Loader as Loader3 } from "@mantine/core";
|
|
3402
3438
|
var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescriptionChange, onGroupChange }) => {
|
|
3403
3439
|
const handlers = useBlocknoteHandlers();
|
|
@@ -3429,7 +3465,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3429
3465
|
};
|
|
3430
3466
|
fetchGroups();
|
|
3431
3467
|
}, [handlers]);
|
|
3432
|
-
return /* @__PURE__ */
|
|
3468
|
+
return /* @__PURE__ */ React44.createElement(Stack27, { gap: "lg" }, /* @__PURE__ */ React44.createElement(Stack27, { gap: "xs" }, /* @__PURE__ */ React44.createElement(Text27, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React44.createElement(
|
|
3433
3469
|
TextInput5,
|
|
3434
3470
|
{
|
|
3435
3471
|
placeholder: "e.g. Proposal Title",
|
|
@@ -3440,7 +3476,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3440
3476
|
onTitleChange(newTitle);
|
|
3441
3477
|
}
|
|
3442
3478
|
}
|
|
3443
|
-
)), /* @__PURE__ */
|
|
3479
|
+
)), /* @__PURE__ */ React44.createElement(Stack27, { gap: "xs" }, /* @__PURE__ */ React44.createElement(Text27, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React44.createElement(
|
|
3444
3480
|
Textarea2,
|
|
3445
3481
|
{
|
|
3446
3482
|
placeholder: "Describe what this proposal is about",
|
|
@@ -3452,7 +3488,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3452
3488
|
onDescriptionChange(newDescription);
|
|
3453
3489
|
}
|
|
3454
3490
|
}
|
|
3455
|
-
)), /* @__PURE__ */
|
|
3491
|
+
)), /* @__PURE__ */ React44.createElement(Stack27, { gap: "xs" }, /* @__PURE__ */ React44.createElement(Text27, { size: "sm", fw: 600 }, "Group"), /* @__PURE__ */ React44.createElement(
|
|
3456
3492
|
Select3,
|
|
3457
3493
|
{
|
|
3458
3494
|
placeholder: loadingGroups ? "Loading groups..." : "Select a DAO group",
|
|
@@ -3470,18 +3506,18 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3470
3506
|
label: group.name
|
|
3471
3507
|
})),
|
|
3472
3508
|
disabled: loadingGroups,
|
|
3473
|
-
rightSection: loadingGroups ? /* @__PURE__ */
|
|
3509
|
+
rightSection: loadingGroups ? /* @__PURE__ */ React44.createElement(Loader3, { size: "xs" }) : void 0,
|
|
3474
3510
|
searchable: true
|
|
3475
3511
|
}
|
|
3476
3512
|
)));
|
|
3477
3513
|
};
|
|
3478
3514
|
|
|
3479
3515
|
// src/mantine/blocks/proposal/template/ActionsTab.tsx
|
|
3480
|
-
import
|
|
3516
|
+
import React77, { useCallback as useCallback12, useEffect as useEffect11, useState as useState16 } from "react";
|
|
3481
3517
|
import { Card as Card13, Stack as Stack60 } from "@mantine/core";
|
|
3482
3518
|
|
|
3483
3519
|
// src/mantine/blocks/proposal/actions-components/ActionsCard.tsx
|
|
3484
|
-
import
|
|
3520
|
+
import React45 from "react";
|
|
3485
3521
|
import { Card as Card6, Group as Group8, Text as Text28, Badge as Badge5, Stack as Stack28, ActionIcon as ActionIcon6, ScrollArea } from "@mantine/core";
|
|
3486
3522
|
var getActionSummary = (action) => {
|
|
3487
3523
|
switch (action.type) {
|
|
@@ -3514,7 +3550,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3514
3550
|
}
|
|
3515
3551
|
onClick();
|
|
3516
3552
|
};
|
|
3517
|
-
return /* @__PURE__ */
|
|
3553
|
+
return /* @__PURE__ */ React45.createElement(
|
|
3518
3554
|
Card6,
|
|
3519
3555
|
{
|
|
3520
3556
|
shadow: "sm",
|
|
@@ -3531,7 +3567,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3531
3567
|
},
|
|
3532
3568
|
onClick: handleCardClick
|
|
3533
3569
|
},
|
|
3534
|
-
/* @__PURE__ */
|
|
3570
|
+
/* @__PURE__ */ React45.createElement(Group8, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React45.createElement(Stack28, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React45.createElement(Text28, { size: "md", fw: 600, style: { color: "#f1f3f5" } }, "Proposal Actions (", actions.length, ")"), actions.length === 0 ? /* @__PURE__ */ React45.createElement(Text28, { size: "sm", style: { color: "#868e96" } }, "No actions added yet.") : /* @__PURE__ */ React45.createElement(ScrollArea, { h: actions.length > 3 ? 150 : void 0, style: { marginTop: 8 } }, /* @__PURE__ */ React45.createElement(Stack28, { gap: "xs" }, actions.map((action, index) => /* @__PURE__ */ React45.createElement(
|
|
3535
3571
|
Card6,
|
|
3536
3572
|
{
|
|
3537
3573
|
key: index,
|
|
@@ -3542,7 +3578,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3542
3578
|
borderColor: "#333"
|
|
3543
3579
|
}
|
|
3544
3580
|
},
|
|
3545
|
-
/* @__PURE__ */
|
|
3581
|
+
/* @__PURE__ */ React45.createElement(Group8, { justify: "space-between", align: "center" }, /* @__PURE__ */ React45.createElement(Group8, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React45.createElement(
|
|
3546
3582
|
Badge5,
|
|
3547
3583
|
{
|
|
3548
3584
|
size: "sm",
|
|
@@ -3553,7 +3589,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3553
3589
|
}
|
|
3554
3590
|
},
|
|
3555
3591
|
action.type
|
|
3556
|
-
), /* @__PURE__ */
|
|
3592
|
+
), /* @__PURE__ */ React45.createElement(Text28, { size: "sm", style: { color: "#adb5bd" } }, getActionSummary(action))), !disabled && /* @__PURE__ */ React45.createElement(Group8, { gap: 4 }, /* @__PURE__ */ React45.createElement(
|
|
3557
3593
|
ActionIcon6,
|
|
3558
3594
|
{
|
|
3559
3595
|
size: "sm",
|
|
@@ -3566,7 +3602,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3566
3602
|
style: { color: "#4dabf7" }
|
|
3567
3603
|
},
|
|
3568
3604
|
"\u270F\uFE0F"
|
|
3569
|
-
), /* @__PURE__ */
|
|
3605
|
+
), /* @__PURE__ */ React45.createElement(
|
|
3570
3606
|
ActionIcon6,
|
|
3571
3607
|
{
|
|
3572
3608
|
size: "sm",
|
|
@@ -3585,14 +3621,14 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3585
3621
|
};
|
|
3586
3622
|
|
|
3587
3623
|
// src/mantine/blocks/proposal/ActionsPanel.tsx
|
|
3588
|
-
import
|
|
3624
|
+
import React76, { useState as useState15, useEffect as useEffect10, useMemo as useMemo10 } from "react";
|
|
3589
3625
|
import { Stack as Stack59, Button as Button11, Group as Group19, Text as Text36, 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";
|
|
3590
3626
|
|
|
3591
3627
|
// src/mantine/blocks/proposal/actions-components/SpendActionForm.tsx
|
|
3592
|
-
import
|
|
3628
|
+
import React46 from "react";
|
|
3593
3629
|
import { TextInput as TextInput6, Stack as Stack29 } from "@mantine/core";
|
|
3594
3630
|
var SpendActionForm = ({ data, onChange }) => {
|
|
3595
|
-
return /* @__PURE__ */
|
|
3631
|
+
return /* @__PURE__ */ React46.createElement(Stack29, null, /* @__PURE__ */ React46.createElement(
|
|
3596
3632
|
TextInput6,
|
|
3597
3633
|
{
|
|
3598
3634
|
label: "Recipient Address",
|
|
@@ -3612,7 +3648,7 @@ var SpendActionForm = ({ data, onChange }) => {
|
|
|
3612
3648
|
}
|
|
3613
3649
|
}
|
|
3614
3650
|
}
|
|
3615
|
-
), /* @__PURE__ */
|
|
3651
|
+
), /* @__PURE__ */ React46.createElement(
|
|
3616
3652
|
TextInput6,
|
|
3617
3653
|
{
|
|
3618
3654
|
label: "Denomination",
|
|
@@ -3632,7 +3668,7 @@ var SpendActionForm = ({ data, onChange }) => {
|
|
|
3632
3668
|
}
|
|
3633
3669
|
}
|
|
3634
3670
|
}
|
|
3635
|
-
), /* @__PURE__ */
|
|
3671
|
+
), /* @__PURE__ */ React46.createElement(
|
|
3636
3672
|
TextInput6,
|
|
3637
3673
|
{
|
|
3638
3674
|
label: "Amount",
|
|
@@ -3656,7 +3692,7 @@ var SpendActionForm = ({ data, onChange }) => {
|
|
|
3656
3692
|
};
|
|
3657
3693
|
|
|
3658
3694
|
// src/mantine/blocks/proposal/actions-components/UpdateMembersActionForm.tsx
|
|
3659
|
-
import
|
|
3695
|
+
import React47, { useState as useState9 } from "react";
|
|
3660
3696
|
import { Stack as Stack30, TextInput as TextInput7, NumberInput as NumberInput2, Button as Button6, Group as Group9, Text as Text29, Card as Card7, Badge as Badge6, ActionIcon as ActionIcon7, Divider as Divider3, ScrollArea as ScrollArea2 } from "@mantine/core";
|
|
3661
3697
|
var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
3662
3698
|
const [newMember, setNewMember] = useState9({ addr: "", weight: 1 });
|
|
@@ -3700,7 +3736,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3700
3736
|
}
|
|
3701
3737
|
}
|
|
3702
3738
|
};
|
|
3703
|
-
return /* @__PURE__ */
|
|
3739
|
+
return /* @__PURE__ */ React47.createElement(Stack30, null, /* @__PURE__ */ React47.createElement(Stack30, { gap: "xs" }, /* @__PURE__ */ React47.createElement(Text29, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Add"), /* @__PURE__ */ React47.createElement(ScrollArea2, { h: 150 }, /* @__PURE__ */ React47.createElement(Stack30, { gap: "xs" }, (data.add || []).map((member, index) => /* @__PURE__ */ React47.createElement(
|
|
3704
3740
|
Card7,
|
|
3705
3741
|
{
|
|
3706
3742
|
key: index,
|
|
@@ -3711,7 +3747,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3711
3747
|
borderColor: "#333"
|
|
3712
3748
|
}
|
|
3713
3749
|
},
|
|
3714
|
-
/* @__PURE__ */
|
|
3750
|
+
/* @__PURE__ */ React47.createElement(Group9, { justify: "space-between" }, /* @__PURE__ */ React47.createElement("div", null, /* @__PURE__ */ React47.createElement(Text29, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, member.addr.slice(0, 20), "..."), /* @__PURE__ */ React47.createElement(
|
|
3715
3751
|
Badge6,
|
|
3716
3752
|
{
|
|
3717
3753
|
size: "sm",
|
|
@@ -3722,8 +3758,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3722
3758
|
},
|
|
3723
3759
|
"Weight: ",
|
|
3724
3760
|
member.weight
|
|
3725
|
-
)), /* @__PURE__ */
|
|
3726
|
-
)))), /* @__PURE__ */
|
|
3761
|
+
)), /* @__PURE__ */ React47.createElement(ActionIcon7, { size: "sm", variant: "subtle", onClick: () => handleRemoveMember(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
|
|
3762
|
+
)))), /* @__PURE__ */ React47.createElement(Group9, { grow: true }, /* @__PURE__ */ React47.createElement(TextInput7, { placeholder: "Member address", value: newMember.addr, onChange: (e) => setNewMember({ ...newMember, addr: e.currentTarget.value }), styles: inputStyles29 }), /* @__PURE__ */ React47.createElement(
|
|
3727
3763
|
NumberInput2,
|
|
3728
3764
|
{
|
|
3729
3765
|
placeholder: "Weight",
|
|
@@ -3732,7 +3768,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3732
3768
|
min: 1,
|
|
3733
3769
|
styles: inputStyles29
|
|
3734
3770
|
}
|
|
3735
|
-
), /* @__PURE__ */
|
|
3771
|
+
), /* @__PURE__ */ React47.createElement(
|
|
3736
3772
|
Button6,
|
|
3737
3773
|
{
|
|
3738
3774
|
size: "sm",
|
|
@@ -3745,7 +3781,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3745
3781
|
}
|
|
3746
3782
|
},
|
|
3747
3783
|
"\u2795 Add"
|
|
3748
|
-
))), /* @__PURE__ */
|
|
3784
|
+
))), /* @__PURE__ */ React47.createElement(Divider3, { color: "#333" }), /* @__PURE__ */ React47.createElement(Stack30, { gap: "xs" }, /* @__PURE__ */ React47.createElement(Text29, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Remove"), /* @__PURE__ */ React47.createElement(ScrollArea2, { h: 100 }, /* @__PURE__ */ React47.createElement(Stack30, { gap: "xs" }, (data.remove || []).map((item, index) => /* @__PURE__ */ React47.createElement(
|
|
3749
3785
|
Card7,
|
|
3750
3786
|
{
|
|
3751
3787
|
key: index,
|
|
@@ -3756,8 +3792,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3756
3792
|
borderColor: "#333"
|
|
3757
3793
|
}
|
|
3758
3794
|
},
|
|
3759
|
-
/* @__PURE__ */
|
|
3760
|
-
)))), /* @__PURE__ */
|
|
3795
|
+
/* @__PURE__ */ React47.createElement(Group9, { justify: "space-between" }, /* @__PURE__ */ React47.createElement(Text29, { size: "sm", style: { color: "#adb5bd" } }, item.addr.slice(0, 30), "..."), /* @__PURE__ */ React47.createElement(ActionIcon7, { size: "sm", variant: "subtle", onClick: () => handleRemoveRemoveAddress(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
|
|
3796
|
+
)))), /* @__PURE__ */ React47.createElement(Group9, { grow: true }, /* @__PURE__ */ React47.createElement(TextInput7, { placeholder: "Address to remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles29 }), /* @__PURE__ */ React47.createElement(
|
|
3761
3797
|
Button6,
|
|
3762
3798
|
{
|
|
3763
3799
|
size: "sm",
|
|
@@ -3774,7 +3810,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3774
3810
|
};
|
|
3775
3811
|
|
|
3776
3812
|
// src/mantine/blocks/proposal/actions-components/StakeActionForm.tsx
|
|
3777
|
-
import
|
|
3813
|
+
import React48 from "react";
|
|
3778
3814
|
import { Stack as Stack31, TextInput as TextInput8, Select as Select4, NumberInput as NumberInput3 } from "@mantine/core";
|
|
3779
3815
|
var stakeTypeOptions = [
|
|
3780
3816
|
{ value: StakeType.Delegate, label: "Delegate" },
|
|
@@ -3820,7 +3856,7 @@ var selectStyles = {
|
|
|
3820
3856
|
var StakeActionForm = ({ data, onChange }) => {
|
|
3821
3857
|
const isRedelegate = data.stakeType === StakeType.Redelegate;
|
|
3822
3858
|
const needsAmount = data.stakeType !== StakeType.WithdrawDelegatorReward;
|
|
3823
|
-
return /* @__PURE__ */
|
|
3859
|
+
return /* @__PURE__ */ React48.createElement(Stack31, { gap: "md" }, /* @__PURE__ */ React48.createElement(
|
|
3824
3860
|
Select4,
|
|
3825
3861
|
{
|
|
3826
3862
|
label: "Stake Type",
|
|
@@ -3830,7 +3866,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
3830
3866
|
required: true,
|
|
3831
3867
|
styles: selectStyles
|
|
3832
3868
|
}
|
|
3833
|
-
), /* @__PURE__ */
|
|
3869
|
+
), /* @__PURE__ */ React48.createElement(
|
|
3834
3870
|
TextInput8,
|
|
3835
3871
|
{
|
|
3836
3872
|
label: "Validator Address",
|
|
@@ -3840,7 +3876,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
3840
3876
|
required: true,
|
|
3841
3877
|
styles: inputStyles
|
|
3842
3878
|
}
|
|
3843
|
-
), isRedelegate && /* @__PURE__ */
|
|
3879
|
+
), isRedelegate && /* @__PURE__ */ React48.createElement(
|
|
3844
3880
|
TextInput8,
|
|
3845
3881
|
{
|
|
3846
3882
|
label: "Destination Validator Address",
|
|
@@ -3850,7 +3886,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
3850
3886
|
required: true,
|
|
3851
3887
|
styles: inputStyles
|
|
3852
3888
|
}
|
|
3853
|
-
), needsAmount && /* @__PURE__ */
|
|
3889
|
+
), needsAmount && /* @__PURE__ */ React48.createElement(React48.Fragment, null, /* @__PURE__ */ React48.createElement(
|
|
3854
3890
|
NumberInput3,
|
|
3855
3891
|
{
|
|
3856
3892
|
label: "Amount",
|
|
@@ -3862,7 +3898,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
3862
3898
|
required: true,
|
|
3863
3899
|
styles: inputStyles
|
|
3864
3900
|
}
|
|
3865
|
-
), /* @__PURE__ */
|
|
3901
|
+
), /* @__PURE__ */ React48.createElement(
|
|
3866
3902
|
Select4,
|
|
3867
3903
|
{
|
|
3868
3904
|
label: "Denomination",
|
|
@@ -3879,7 +3915,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
3879
3915
|
};
|
|
3880
3916
|
|
|
3881
3917
|
// src/mantine/blocks/proposal/actions-components/JoinActionForm.tsx
|
|
3882
|
-
import
|
|
3918
|
+
import React49 from "react";
|
|
3883
3919
|
import { Stack as Stack32, TextInput as TextInput9 } from "@mantine/core";
|
|
3884
3920
|
var inputStyles2 = {
|
|
3885
3921
|
label: { color: "#adb5bd" },
|
|
@@ -3893,7 +3929,7 @@ var inputStyles2 = {
|
|
|
3893
3929
|
}
|
|
3894
3930
|
};
|
|
3895
3931
|
var JoinActionForm = ({ data, onChange }) => {
|
|
3896
|
-
return /* @__PURE__ */
|
|
3932
|
+
return /* @__PURE__ */ React49.createElement(Stack32, { gap: "md" }, /* @__PURE__ */ React49.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__ */ React49.createElement(
|
|
3897
3933
|
TextInput9,
|
|
3898
3934
|
{
|
|
3899
3935
|
label: "Core Address",
|
|
@@ -3903,11 +3939,11 @@ var JoinActionForm = ({ data, onChange }) => {
|
|
|
3903
3939
|
required: true,
|
|
3904
3940
|
styles: inputStyles2
|
|
3905
3941
|
}
|
|
3906
|
-
), /* @__PURE__ */
|
|
3942
|
+
), /* @__PURE__ */ React49.createElement(TextInput9, { label: "Address", placeholder: "ixo1...", value: data.address, onChange: (e) => onChange({ ...data, address: e.target.value }), required: true, styles: inputStyles2 }));
|
|
3907
3943
|
};
|
|
3908
3944
|
|
|
3909
3945
|
// src/mantine/blocks/proposal/actions-components/forms/MintActionForm.tsx
|
|
3910
|
-
import
|
|
3946
|
+
import React50 from "react";
|
|
3911
3947
|
import { Stack as Stack33, TextInput as TextInput10, NumberInput as NumberInput4 } from "@mantine/core";
|
|
3912
3948
|
var inputStyles3 = {
|
|
3913
3949
|
label: { color: "#adb5bd" },
|
|
@@ -3921,7 +3957,7 @@ var inputStyles3 = {
|
|
|
3921
3957
|
}
|
|
3922
3958
|
};
|
|
3923
3959
|
var MintActionForm = ({ data, onChange }) => {
|
|
3924
|
-
return /* @__PURE__ */
|
|
3960
|
+
return /* @__PURE__ */ React50.createElement(Stack33, { gap: "md" }, /* @__PURE__ */ React50.createElement(TextInput10, { label: "Recipient Address", placeholder: "ixo1...", value: data.to, onChange: (e) => onChange({ ...data, to: e.currentTarget.value }), required: true, styles: inputStyles3 }), /* @__PURE__ */ React50.createElement(
|
|
3925
3961
|
NumberInput4,
|
|
3926
3962
|
{
|
|
3927
3963
|
label: "Amount",
|
|
@@ -3937,7 +3973,7 @@ var MintActionForm = ({ data, onChange }) => {
|
|
|
3937
3973
|
};
|
|
3938
3974
|
|
|
3939
3975
|
// src/mantine/blocks/proposal/actions-components/forms/ExecuteActionForm.tsx
|
|
3940
|
-
import
|
|
3976
|
+
import React51, { useState as useState10 } from "react";
|
|
3941
3977
|
import { Stack as Stack34, TextInput as TextInput11, Textarea as Textarea3, Button as Button7, Group as Group10, Text as Text30, Card as Card8 } from "@mantine/core";
|
|
3942
3978
|
var inputStyles4 = {
|
|
3943
3979
|
label: { color: "#adb5bd" },
|
|
@@ -3975,7 +4011,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
|
|
|
3975
4011
|
return data.message;
|
|
3976
4012
|
}
|
|
3977
4013
|
};
|
|
3978
|
-
return /* @__PURE__ */
|
|
4014
|
+
return /* @__PURE__ */ React51.createElement(Stack34, { gap: "md" }, /* @__PURE__ */ React51.createElement(
|
|
3979
4015
|
TextInput11,
|
|
3980
4016
|
{
|
|
3981
4017
|
label: "Contract Address",
|
|
@@ -3985,7 +4021,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
|
|
|
3985
4021
|
required: true,
|
|
3986
4022
|
styles: inputStyles4
|
|
3987
4023
|
}
|
|
3988
|
-
), /* @__PURE__ */
|
|
4024
|
+
), /* @__PURE__ */ React51.createElement(
|
|
3989
4025
|
Textarea3,
|
|
3990
4026
|
{
|
|
3991
4027
|
label: "Message (JSON)",
|
|
@@ -3996,7 +4032,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
|
|
|
3996
4032
|
required: true,
|
|
3997
4033
|
styles: inputStyles4
|
|
3998
4034
|
}
|
|
3999
|
-
), /* @__PURE__ */
|
|
4035
|
+
), /* @__PURE__ */ React51.createElement(Stack34, { gap: "xs" }, /* @__PURE__ */ React51.createElement(Text30, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React51.createElement(Card8, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React51.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React51.createElement(Text30, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React51.createElement(Button7, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React51.createElement(Group10, { grow: true }, /* @__PURE__ */ React51.createElement(TextInput11, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React51.createElement(TextInput11, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React51.createElement(
|
|
4000
4036
|
Button7,
|
|
4001
4037
|
{
|
|
4002
4038
|
size: "sm",
|
|
@@ -4011,7 +4047,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
|
|
|
4011
4047
|
};
|
|
4012
4048
|
|
|
4013
4049
|
// src/mantine/blocks/proposal/actions-components/forms/CustomActionForm.tsx
|
|
4014
|
-
import
|
|
4050
|
+
import React52, { useState as useState11, useEffect as useEffect9 } from "react";
|
|
4015
4051
|
import { Stack as Stack35, Textarea as Textarea4, Alert as Alert5, Text as Text31, Badge as Badge7 } from "@mantine/core";
|
|
4016
4052
|
import { Group as Group11 } from "@mantine/core";
|
|
4017
4053
|
var inputStyles5 = {
|
|
@@ -4049,7 +4085,7 @@ var CustomActionForm = ({ data, onChange }) => {
|
|
|
4049
4085
|
return data.message;
|
|
4050
4086
|
}
|
|
4051
4087
|
};
|
|
4052
|
-
return /* @__PURE__ */
|
|
4088
|
+
return /* @__PURE__ */ React52.createElement(Stack35, { gap: "md" }, /* @__PURE__ */ React52.createElement(Alert5, { color: "yellow", style: { backgroundColor: "#2a2a2a", borderColor: "#ffd43b" } }, /* @__PURE__ */ React52.createElement(Text31, { size: "sm", style: { color: "#ffd43b" } }, "\u26A0\uFE0F Custom actions require valid JSON messages. Supports both Wasm and Stargate message formats.")), /* @__PURE__ */ React52.createElement("div", null, /* @__PURE__ */ React52.createElement(Group11, { gap: "xs", mb: "xs" }, /* @__PURE__ */ React52.createElement(Text31, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Custom Message (JSON)"), /* @__PURE__ */ React52.createElement(
|
|
4053
4089
|
Badge7,
|
|
4054
4090
|
{
|
|
4055
4091
|
size: "sm",
|
|
@@ -4059,7 +4095,7 @@ var CustomActionForm = ({ data, onChange }) => {
|
|
|
4059
4095
|
}
|
|
4060
4096
|
},
|
|
4061
4097
|
isValid ? "Valid JSON" : "Invalid JSON"
|
|
4062
|
-
)), /* @__PURE__ */
|
|
4098
|
+
)), /* @__PURE__ */ React52.createElement(
|
|
4063
4099
|
Textarea4,
|
|
4064
4100
|
{
|
|
4065
4101
|
placeholder: `Example Wasm message:
|
|
@@ -4092,7 +4128,7 @@ Example Stargate message:
|
|
|
4092
4128
|
};
|
|
4093
4129
|
|
|
4094
4130
|
// src/mantine/blocks/proposal/actions-components/forms/AuthzExecActionForm.tsx
|
|
4095
|
-
import
|
|
4131
|
+
import React53 from "react";
|
|
4096
4132
|
import { Stack as Stack36, Select as Select5, TextInput as TextInput12, Textarea as Textarea5 } from "@mantine/core";
|
|
4097
4133
|
var inputStyles6 = {
|
|
4098
4134
|
label: { color: "#adb5bd" },
|
|
@@ -4128,7 +4164,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4128
4164
|
onChange({ ...data, [field]: value });
|
|
4129
4165
|
}
|
|
4130
4166
|
};
|
|
4131
|
-
return /* @__PURE__ */
|
|
4167
|
+
return /* @__PURE__ */ React53.createElement(Stack36, { gap: "md" }, /* @__PURE__ */ React53.createElement(
|
|
4132
4168
|
Select5,
|
|
4133
4169
|
{
|
|
4134
4170
|
label: "Action Type",
|
|
@@ -4139,7 +4175,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4139
4175
|
required: true,
|
|
4140
4176
|
styles: inputStyles6
|
|
4141
4177
|
}
|
|
4142
|
-
), data.authzExecActionType === AuthzExecActionTypes.Delegate && /* @__PURE__ */
|
|
4178
|
+
), data.authzExecActionType === AuthzExecActionTypes.Delegate && /* @__PURE__ */ React53.createElement(
|
|
4143
4179
|
Textarea5,
|
|
4144
4180
|
{
|
|
4145
4181
|
label: "Delegate Message (JSON)",
|
|
@@ -4149,7 +4185,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4149
4185
|
minRows: 4,
|
|
4150
4186
|
styles: inputStyles6
|
|
4151
4187
|
}
|
|
4152
|
-
), data.authzExecActionType === AuthzExecActionTypes.Undelegate && /* @__PURE__ */
|
|
4188
|
+
), data.authzExecActionType === AuthzExecActionTypes.Undelegate && /* @__PURE__ */ React53.createElement(
|
|
4153
4189
|
Textarea5,
|
|
4154
4190
|
{
|
|
4155
4191
|
label: "Undelegate Message (JSON)",
|
|
@@ -4159,7 +4195,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4159
4195
|
minRows: 4,
|
|
4160
4196
|
styles: inputStyles6
|
|
4161
4197
|
}
|
|
4162
|
-
), data.authzExecActionType === AuthzExecActionTypes.Redelegate && /* @__PURE__ */
|
|
4198
|
+
), data.authzExecActionType === AuthzExecActionTypes.Redelegate && /* @__PURE__ */ React53.createElement(
|
|
4163
4199
|
Textarea5,
|
|
4164
4200
|
{
|
|
4165
4201
|
label: "Redelegate Message (JSON)",
|
|
@@ -4169,7 +4205,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4169
4205
|
minRows: 4,
|
|
4170
4206
|
styles: inputStyles6
|
|
4171
4207
|
}
|
|
4172
|
-
), data.authzExecActionType === AuthzExecActionTypes.ClaimRewards && /* @__PURE__ */
|
|
4208
|
+
), data.authzExecActionType === AuthzExecActionTypes.ClaimRewards && /* @__PURE__ */ React53.createElement(
|
|
4173
4209
|
Textarea5,
|
|
4174
4210
|
{
|
|
4175
4211
|
label: "Claim Rewards Message (JSON)",
|
|
@@ -4179,7 +4215,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4179
4215
|
minRows: 3,
|
|
4180
4216
|
styles: inputStyles6
|
|
4181
4217
|
}
|
|
4182
|
-
), data.authzExecActionType === AuthzExecActionTypes.Custom && /* @__PURE__ */
|
|
4218
|
+
), data.authzExecActionType === AuthzExecActionTypes.Custom && /* @__PURE__ */ React53.createElement(
|
|
4183
4219
|
TextInput12,
|
|
4184
4220
|
{
|
|
4185
4221
|
label: "Custom Message",
|
|
@@ -4192,7 +4228,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4192
4228
|
};
|
|
4193
4229
|
|
|
4194
4230
|
// src/mantine/blocks/proposal/actions-components/forms/AuthzGrantActionForm.tsx
|
|
4195
|
-
import
|
|
4231
|
+
import React54 from "react";
|
|
4196
4232
|
import { Stack as Stack37, TextInput as TextInput13 } from "@mantine/core";
|
|
4197
4233
|
var inputStyles7 = {
|
|
4198
4234
|
label: { color: "#adb5bd" },
|
|
@@ -4206,7 +4242,7 @@ var inputStyles7 = {
|
|
|
4206
4242
|
}
|
|
4207
4243
|
};
|
|
4208
4244
|
var AuthzGrantActionForm = ({ data, onChange }) => {
|
|
4209
|
-
return /* @__PURE__ */
|
|
4245
|
+
return /* @__PURE__ */ React54.createElement(Stack37, { gap: "md" }, /* @__PURE__ */ React54.createElement(
|
|
4210
4246
|
TextInput13,
|
|
4211
4247
|
{
|
|
4212
4248
|
label: "Type URL",
|
|
@@ -4216,7 +4252,7 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
|
|
|
4216
4252
|
required: true,
|
|
4217
4253
|
styles: inputStyles7
|
|
4218
4254
|
}
|
|
4219
|
-
), /* @__PURE__ */
|
|
4255
|
+
), /* @__PURE__ */ React54.createElement(
|
|
4220
4256
|
TextInput13,
|
|
4221
4257
|
{
|
|
4222
4258
|
label: "Grantee Address",
|
|
@@ -4229,7 +4265,7 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
|
|
|
4229
4265
|
required: true,
|
|
4230
4266
|
styles: inputStyles7
|
|
4231
4267
|
}
|
|
4232
|
-
), /* @__PURE__ */
|
|
4268
|
+
), /* @__PURE__ */ React54.createElement(
|
|
4233
4269
|
TextInput13,
|
|
4234
4270
|
{
|
|
4235
4271
|
label: "Message Type URL",
|
|
@@ -4246,7 +4282,7 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
|
|
|
4246
4282
|
};
|
|
4247
4283
|
|
|
4248
4284
|
// src/mantine/blocks/proposal/actions-components/forms/BurnNftActionForm.tsx
|
|
4249
|
-
import
|
|
4285
|
+
import React55 from "react";
|
|
4250
4286
|
import { Stack as Stack38, TextInput as TextInput14 } from "@mantine/core";
|
|
4251
4287
|
var inputStyles8 = {
|
|
4252
4288
|
label: { color: "#adb5bd" },
|
|
@@ -4260,7 +4296,7 @@ var inputStyles8 = {
|
|
|
4260
4296
|
}
|
|
4261
4297
|
};
|
|
4262
4298
|
var BurnNftActionForm = ({ data, onChange }) => {
|
|
4263
|
-
return /* @__PURE__ */
|
|
4299
|
+
return /* @__PURE__ */ React55.createElement(Stack38, { gap: "md" }, /* @__PURE__ */ React55.createElement(
|
|
4264
4300
|
TextInput14,
|
|
4265
4301
|
{
|
|
4266
4302
|
label: "Collection Address",
|
|
@@ -4270,11 +4306,11 @@ var BurnNftActionForm = ({ data, onChange }) => {
|
|
|
4270
4306
|
required: true,
|
|
4271
4307
|
styles: inputStyles8
|
|
4272
4308
|
}
|
|
4273
|
-
), /* @__PURE__ */
|
|
4309
|
+
), /* @__PURE__ */ React55.createElement(TextInput14, { label: "Token ID", placeholder: "1", value: data.tokenId, onChange: (e) => onChange({ ...data, tokenId: e.currentTarget.value }), required: true, styles: inputStyles8 }));
|
|
4274
4310
|
};
|
|
4275
4311
|
|
|
4276
4312
|
// src/mantine/blocks/proposal/actions-components/forms/TransferNftActionForm.tsx
|
|
4277
|
-
import
|
|
4313
|
+
import React56 from "react";
|
|
4278
4314
|
import { Stack as Stack39, TextInput as TextInput15, Checkbox as Checkbox4, Textarea as Textarea6 } from "@mantine/core";
|
|
4279
4315
|
var inputStyles9 = {
|
|
4280
4316
|
label: { color: "#adb5bd" },
|
|
@@ -4288,7 +4324,7 @@ var inputStyles9 = {
|
|
|
4288
4324
|
}
|
|
4289
4325
|
};
|
|
4290
4326
|
var TransferNftActionForm = ({ data, onChange }) => {
|
|
4291
|
-
return /* @__PURE__ */
|
|
4327
|
+
return /* @__PURE__ */ React56.createElement(Stack39, { gap: "md" }, /* @__PURE__ */ React56.createElement(
|
|
4292
4328
|
TextInput15,
|
|
4293
4329
|
{
|
|
4294
4330
|
label: "Collection Address",
|
|
@@ -4298,7 +4334,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
|
|
|
4298
4334
|
required: true,
|
|
4299
4335
|
styles: inputStyles9
|
|
4300
4336
|
}
|
|
4301
|
-
), /* @__PURE__ */
|
|
4337
|
+
), /* @__PURE__ */ React56.createElement(TextInput15, { label: "Token ID", placeholder: "1", value: data.tokenId, onChange: (e) => onChange({ ...data, tokenId: e.currentTarget.value }), required: true, styles: inputStyles9 }), /* @__PURE__ */ React56.createElement(
|
|
4302
4338
|
TextInput15,
|
|
4303
4339
|
{
|
|
4304
4340
|
label: "Recipient Address",
|
|
@@ -4308,7 +4344,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
|
|
|
4308
4344
|
required: true,
|
|
4309
4345
|
styles: inputStyles9
|
|
4310
4346
|
}
|
|
4311
|
-
), /* @__PURE__ */
|
|
4347
|
+
), /* @__PURE__ */ React56.createElement(
|
|
4312
4348
|
Checkbox4,
|
|
4313
4349
|
{
|
|
4314
4350
|
label: "Execute Smart Contract",
|
|
@@ -4319,7 +4355,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
|
|
|
4319
4355
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4320
4356
|
}
|
|
4321
4357
|
}
|
|
4322
|
-
), data.executeSmartContract && /* @__PURE__ */
|
|
4358
|
+
), data.executeSmartContract && /* @__PURE__ */ React56.createElement(
|
|
4323
4359
|
Textarea6,
|
|
4324
4360
|
{
|
|
4325
4361
|
label: "Smart Contract Message (JSON)",
|
|
@@ -4333,7 +4369,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
|
|
|
4333
4369
|
};
|
|
4334
4370
|
|
|
4335
4371
|
// src/mantine/blocks/proposal/actions-components/forms/ManageCw721ActionForm.tsx
|
|
4336
|
-
import
|
|
4372
|
+
import React57 from "react";
|
|
4337
4373
|
import { Stack as Stack40, TextInput as TextInput16, Radio, Group as Group12 } from "@mantine/core";
|
|
4338
4374
|
var inputStyles10 = {
|
|
4339
4375
|
label: { color: "#adb5bd" },
|
|
@@ -4347,7 +4383,7 @@ var inputStyles10 = {
|
|
|
4347
4383
|
}
|
|
4348
4384
|
};
|
|
4349
4385
|
var ManageCw721ActionForm = ({ data, onChange }) => {
|
|
4350
|
-
return /* @__PURE__ */
|
|
4386
|
+
return /* @__PURE__ */ React57.createElement(Stack40, { gap: "md" }, /* @__PURE__ */ React57.createElement(Radio.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React57.createElement(Group12, { mt: "xs" }, /* @__PURE__ */ React57.createElement(
|
|
4351
4387
|
Radio,
|
|
4352
4388
|
{
|
|
4353
4389
|
value: "add",
|
|
@@ -4357,7 +4393,7 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
|
|
|
4357
4393
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4358
4394
|
}
|
|
4359
4395
|
}
|
|
4360
|
-
), /* @__PURE__ */
|
|
4396
|
+
), /* @__PURE__ */ React57.createElement(
|
|
4361
4397
|
Radio,
|
|
4362
4398
|
{
|
|
4363
4399
|
value: "remove",
|
|
@@ -4367,7 +4403,7 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
|
|
|
4367
4403
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4368
4404
|
}
|
|
4369
4405
|
}
|
|
4370
|
-
))), /* @__PURE__ */
|
|
4406
|
+
))), /* @__PURE__ */ React57.createElement(
|
|
4371
4407
|
TextInput16,
|
|
4372
4408
|
{
|
|
4373
4409
|
label: "NFT Contract Address",
|
|
@@ -4381,7 +4417,7 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
|
|
|
4381
4417
|
};
|
|
4382
4418
|
|
|
4383
4419
|
// src/mantine/blocks/proposal/actions-components/forms/InstantiateActionForm.tsx
|
|
4384
|
-
import
|
|
4420
|
+
import React58, { useState as useState12 } from "react";
|
|
4385
4421
|
import { Stack as Stack41, TextInput as TextInput17, Textarea as Textarea7, NumberInput as NumberInput5, Button as Button8, Group as Group13, Text as Text32, Card as Card9 } from "@mantine/core";
|
|
4386
4422
|
var inputStyles11 = {
|
|
4387
4423
|
label: { color: "#adb5bd" },
|
|
@@ -4419,7 +4455,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4419
4455
|
return data.message;
|
|
4420
4456
|
}
|
|
4421
4457
|
};
|
|
4422
|
-
return /* @__PURE__ */
|
|
4458
|
+
return /* @__PURE__ */ React58.createElement(Stack41, { gap: "md" }, /* @__PURE__ */ React58.createElement(
|
|
4423
4459
|
TextInput17,
|
|
4424
4460
|
{
|
|
4425
4461
|
label: "Admin Address",
|
|
@@ -4429,7 +4465,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4429
4465
|
required: true,
|
|
4430
4466
|
styles: inputStyles11
|
|
4431
4467
|
}
|
|
4432
|
-
), /* @__PURE__ */
|
|
4468
|
+
), /* @__PURE__ */ React58.createElement(
|
|
4433
4469
|
NumberInput5,
|
|
4434
4470
|
{
|
|
4435
4471
|
label: "Code ID",
|
|
@@ -4440,7 +4476,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4440
4476
|
required: true,
|
|
4441
4477
|
styles: inputStyles11
|
|
4442
4478
|
}
|
|
4443
|
-
), /* @__PURE__ */
|
|
4479
|
+
), /* @__PURE__ */ React58.createElement(TextInput17, { label: "Label", placeholder: "My Contract", value: data.label, onChange: (e) => onChange({ ...data, label: e.currentTarget.value }), required: true, styles: inputStyles11 }), /* @__PURE__ */ React58.createElement(
|
|
4444
4480
|
Textarea7,
|
|
4445
4481
|
{
|
|
4446
4482
|
label: "Instantiate Message (JSON)",
|
|
@@ -4451,7 +4487,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4451
4487
|
required: true,
|
|
4452
4488
|
styles: inputStyles11
|
|
4453
4489
|
}
|
|
4454
|
-
), /* @__PURE__ */
|
|
4490
|
+
), /* @__PURE__ */ React58.createElement(Stack41, { gap: "xs" }, /* @__PURE__ */ React58.createElement(Text32, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React58.createElement(Card9, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React58.createElement(Group13, { justify: "space-between" }, /* @__PURE__ */ React58.createElement(Text32, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React58.createElement(Button8, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React58.createElement(Group13, { grow: true }, /* @__PURE__ */ React58.createElement(TextInput17, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React58.createElement(TextInput17, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React58.createElement(
|
|
4455
4491
|
Button8,
|
|
4456
4492
|
{
|
|
4457
4493
|
size: "sm",
|
|
@@ -4466,7 +4502,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4466
4502
|
};
|
|
4467
4503
|
|
|
4468
4504
|
// src/mantine/blocks/proposal/actions-components/forms/MigrateActionForm.tsx
|
|
4469
|
-
import
|
|
4505
|
+
import React59 from "react";
|
|
4470
4506
|
import { Stack as Stack42, TextInput as TextInput18, Textarea as Textarea8, NumberInput as NumberInput6 } from "@mantine/core";
|
|
4471
4507
|
var inputStyles12 = {
|
|
4472
4508
|
label: { color: "#adb5bd" },
|
|
@@ -4488,7 +4524,7 @@ var MigrateActionForm = ({ data, onChange }) => {
|
|
|
4488
4524
|
return data.msg;
|
|
4489
4525
|
}
|
|
4490
4526
|
};
|
|
4491
|
-
return /* @__PURE__ */
|
|
4527
|
+
return /* @__PURE__ */ React59.createElement(Stack42, { gap: "md" }, /* @__PURE__ */ React59.createElement(
|
|
4492
4528
|
TextInput18,
|
|
4493
4529
|
{
|
|
4494
4530
|
label: "Contract Address",
|
|
@@ -4498,7 +4534,7 @@ var MigrateActionForm = ({ data, onChange }) => {
|
|
|
4498
4534
|
required: true,
|
|
4499
4535
|
styles: inputStyles12
|
|
4500
4536
|
}
|
|
4501
|
-
), /* @__PURE__ */
|
|
4537
|
+
), /* @__PURE__ */ React59.createElement(
|
|
4502
4538
|
NumberInput6,
|
|
4503
4539
|
{
|
|
4504
4540
|
label: "New Code ID",
|
|
@@ -4509,7 +4545,7 @@ var MigrateActionForm = ({ data, onChange }) => {
|
|
|
4509
4545
|
required: true,
|
|
4510
4546
|
styles: inputStyles12
|
|
4511
4547
|
}
|
|
4512
|
-
), /* @__PURE__ */
|
|
4548
|
+
), /* @__PURE__ */ React59.createElement(
|
|
4513
4549
|
Textarea8,
|
|
4514
4550
|
{
|
|
4515
4551
|
label: "Migration Message (JSON)",
|
|
@@ -4524,7 +4560,7 @@ var MigrateActionForm = ({ data, onChange }) => {
|
|
|
4524
4560
|
};
|
|
4525
4561
|
|
|
4526
4562
|
// src/mantine/blocks/proposal/actions-components/forms/UpdateAdminActionForm.tsx
|
|
4527
|
-
import
|
|
4563
|
+
import React60 from "react";
|
|
4528
4564
|
import { Stack as Stack43, TextInput as TextInput19 } from "@mantine/core";
|
|
4529
4565
|
var inputStyles13 = {
|
|
4530
4566
|
label: { color: "#adb5bd" },
|
|
@@ -4538,7 +4574,7 @@ var inputStyles13 = {
|
|
|
4538
4574
|
}
|
|
4539
4575
|
};
|
|
4540
4576
|
var UpdateAdminActionForm = ({ data, onChange }) => {
|
|
4541
|
-
return /* @__PURE__ */
|
|
4577
|
+
return /* @__PURE__ */ React60.createElement(Stack43, { gap: "md" }, /* @__PURE__ */ React60.createElement(
|
|
4542
4578
|
TextInput19,
|
|
4543
4579
|
{
|
|
4544
4580
|
label: "Contract Address",
|
|
@@ -4548,7 +4584,7 @@ var UpdateAdminActionForm = ({ data, onChange }) => {
|
|
|
4548
4584
|
required: true,
|
|
4549
4585
|
styles: inputStyles13
|
|
4550
4586
|
}
|
|
4551
|
-
), /* @__PURE__ */
|
|
4587
|
+
), /* @__PURE__ */ React60.createElement(
|
|
4552
4588
|
TextInput19,
|
|
4553
4589
|
{
|
|
4554
4590
|
label: "New Admin Address",
|
|
@@ -4562,7 +4598,7 @@ var UpdateAdminActionForm = ({ data, onChange }) => {
|
|
|
4562
4598
|
};
|
|
4563
4599
|
|
|
4564
4600
|
// src/mantine/blocks/proposal/actions-components/forms/ManageCw20ActionForm.tsx
|
|
4565
|
-
import
|
|
4601
|
+
import React61 from "react";
|
|
4566
4602
|
import { Stack as Stack44, TextInput as TextInput20, Radio as Radio2, Group as Group14 } from "@mantine/core";
|
|
4567
4603
|
var inputStyles14 = {
|
|
4568
4604
|
label: { color: "#adb5bd" },
|
|
@@ -4576,7 +4612,7 @@ var inputStyles14 = {
|
|
|
4576
4612
|
}
|
|
4577
4613
|
};
|
|
4578
4614
|
var ManageCw20ActionForm = ({ data, onChange }) => {
|
|
4579
|
-
return /* @__PURE__ */
|
|
4615
|
+
return /* @__PURE__ */ React61.createElement(Stack44, { gap: "md" }, /* @__PURE__ */ React61.createElement(Radio2.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React61.createElement(Group14, { mt: "xs" }, /* @__PURE__ */ React61.createElement(
|
|
4580
4616
|
Radio2,
|
|
4581
4617
|
{
|
|
4582
4618
|
value: "add",
|
|
@@ -4586,7 +4622,7 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
|
|
|
4586
4622
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4587
4623
|
}
|
|
4588
4624
|
}
|
|
4589
|
-
), /* @__PURE__ */
|
|
4625
|
+
), /* @__PURE__ */ React61.createElement(
|
|
4590
4626
|
Radio2,
|
|
4591
4627
|
{
|
|
4592
4628
|
value: "remove",
|
|
@@ -4596,7 +4632,7 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
|
|
|
4596
4632
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4597
4633
|
}
|
|
4598
4634
|
}
|
|
4599
|
-
))), /* @__PURE__ */
|
|
4635
|
+
))), /* @__PURE__ */ React61.createElement(
|
|
4600
4636
|
TextInput20,
|
|
4601
4637
|
{
|
|
4602
4638
|
label: "Token Contract Address",
|
|
@@ -4610,7 +4646,7 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
|
|
|
4610
4646
|
};
|
|
4611
4647
|
|
|
4612
4648
|
// src/mantine/blocks/proposal/actions-components/forms/ManageSubDaosActionForm.tsx
|
|
4613
|
-
import
|
|
4649
|
+
import React62, { useState as useState13 } from "react";
|
|
4614
4650
|
import { Stack as Stack45, TextInput as TextInput21, Button as Button9, Group as Group15, Text as Text33, Card as Card10, Textarea as Textarea9 } from "@mantine/core";
|
|
4615
4651
|
var inputStyles15 = {
|
|
4616
4652
|
label: { color: "#adb5bd" },
|
|
@@ -4656,7 +4692,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
|
|
|
4656
4692
|
toRemove: (data.toRemove || []).filter((_, i) => i !== index)
|
|
4657
4693
|
});
|
|
4658
4694
|
};
|
|
4659
|
-
return /* @__PURE__ */
|
|
4695
|
+
return /* @__PURE__ */ React62.createElement(Stack45, { gap: "md" }, /* @__PURE__ */ React62.createElement(Stack45, { gap: "xs" }, /* @__PURE__ */ React62.createElement(Text33, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Add"), (data.toAdd || []).map((subDao, index) => /* @__PURE__ */ React62.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React62.createElement(Stack45, { gap: "xs" }, /* @__PURE__ */ React62.createElement(Group15, { justify: "space-between" }, /* @__PURE__ */ React62.createElement(Text33, { size: "sm", style: { color: "#f1f3f5" } }, subDao.addr), /* @__PURE__ */ React62.createElement(Button9, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromAddList(index), style: { color: "#ff6b6b" } }, "Remove")), subDao.charter && /* @__PURE__ */ React62.createElement(Text33, { size: "xs", style: { color: "#adb5bd" } }, "Charter: ", subDao.charter)))), /* @__PURE__ */ React62.createElement(Stack45, { gap: "xs" }, /* @__PURE__ */ React62.createElement(TextInput21, { placeholder: "SubDAO Address", value: newSubDao.addr, onChange: (e) => setNewSubDao({ ...newSubDao, addr: e.currentTarget.value }), styles: inputStyles15 }), /* @__PURE__ */ React62.createElement(
|
|
4660
4696
|
Textarea9,
|
|
4661
4697
|
{
|
|
4662
4698
|
placeholder: "Charter (optional)",
|
|
@@ -4665,7 +4701,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
|
|
|
4665
4701
|
minRows: 2,
|
|
4666
4702
|
styles: inputStyles15
|
|
4667
4703
|
}
|
|
4668
|
-
), /* @__PURE__ */
|
|
4704
|
+
), /* @__PURE__ */ React62.createElement(
|
|
4669
4705
|
Button9,
|
|
4670
4706
|
{
|
|
4671
4707
|
size: "sm",
|
|
@@ -4676,7 +4712,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
|
|
|
4676
4712
|
}
|
|
4677
4713
|
},
|
|
4678
4714
|
"Add SubDAO"
|
|
4679
|
-
))), /* @__PURE__ */
|
|
4715
|
+
))), /* @__PURE__ */ React62.createElement(Stack45, { gap: "xs" }, /* @__PURE__ */ React62.createElement(Text33, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Remove"), (data.toRemove || []).map((subDao, index) => /* @__PURE__ */ React62.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React62.createElement(Group15, { justify: "space-between" }, /* @__PURE__ */ React62.createElement(Text33, { size: "sm", style: { color: "#f1f3f5" } }, subDao.address), /* @__PURE__ */ React62.createElement(Button9, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromRemoveList(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React62.createElement(Group15, { grow: true }, /* @__PURE__ */ React62.createElement(TextInput21, { placeholder: "SubDAO Address to Remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles15 }), /* @__PURE__ */ React62.createElement(
|
|
4680
4716
|
Button9,
|
|
4681
4717
|
{
|
|
4682
4718
|
size: "sm",
|
|
@@ -4691,7 +4727,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
|
|
|
4691
4727
|
};
|
|
4692
4728
|
|
|
4693
4729
|
// src/mantine/blocks/proposal/actions-components/forms/UpdateInfoActionForm.tsx
|
|
4694
|
-
import
|
|
4730
|
+
import React63 from "react";
|
|
4695
4731
|
import { Stack as Stack46, TextInput as TextInput22, Textarea as Textarea10, Checkbox as Checkbox5 } from "@mantine/core";
|
|
4696
4732
|
var inputStyles16 = {
|
|
4697
4733
|
label: { color: "#adb5bd" },
|
|
@@ -4705,7 +4741,7 @@ var inputStyles16 = {
|
|
|
4705
4741
|
}
|
|
4706
4742
|
};
|
|
4707
4743
|
var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
4708
|
-
return /* @__PURE__ */
|
|
4744
|
+
return /* @__PURE__ */ React63.createElement(Stack46, { gap: "md" }, /* @__PURE__ */ React63.createElement(TextInput22, { label: "DAO Name", placeholder: "My DAO", value: data.name, onChange: (e) => onChange({ ...data, name: e.currentTarget.value }), required: true, styles: inputStyles16 }), /* @__PURE__ */ React63.createElement(
|
|
4709
4745
|
Textarea10,
|
|
4710
4746
|
{
|
|
4711
4747
|
label: "Description",
|
|
@@ -4715,7 +4751,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4715
4751
|
minRows: 3,
|
|
4716
4752
|
styles: inputStyles16
|
|
4717
4753
|
}
|
|
4718
|
-
), /* @__PURE__ */
|
|
4754
|
+
), /* @__PURE__ */ React63.createElement(
|
|
4719
4755
|
TextInput22,
|
|
4720
4756
|
{
|
|
4721
4757
|
label: "Image URL (Optional)",
|
|
@@ -4724,7 +4760,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4724
4760
|
onChange: (e) => onChange({ ...data, image_url: e.currentTarget.value || null }),
|
|
4725
4761
|
styles: inputStyles16
|
|
4726
4762
|
}
|
|
4727
|
-
), /* @__PURE__ */
|
|
4763
|
+
), /* @__PURE__ */ React63.createElement(
|
|
4728
4764
|
TextInput22,
|
|
4729
4765
|
{
|
|
4730
4766
|
label: "DAO URI (Optional)",
|
|
@@ -4733,7 +4769,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4733
4769
|
onChange: (e) => onChange({ ...data, dao_uri: e.currentTarget.value || null }),
|
|
4734
4770
|
styles: inputStyles16
|
|
4735
4771
|
}
|
|
4736
|
-
), /* @__PURE__ */
|
|
4772
|
+
), /* @__PURE__ */ React63.createElement(
|
|
4737
4773
|
Checkbox5,
|
|
4738
4774
|
{
|
|
4739
4775
|
label: "Automatically add CW20 tokens",
|
|
@@ -4744,7 +4780,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4744
4780
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4745
4781
|
}
|
|
4746
4782
|
}
|
|
4747
|
-
), /* @__PURE__ */
|
|
4783
|
+
), /* @__PURE__ */ React63.createElement(
|
|
4748
4784
|
Checkbox5,
|
|
4749
4785
|
{
|
|
4750
4786
|
label: "Automatically add CW721 NFTs",
|
|
@@ -4759,7 +4795,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4759
4795
|
};
|
|
4760
4796
|
|
|
4761
4797
|
// src/mantine/blocks/proposal/actions-components/forms/ManageStorageItemsActionForm.tsx
|
|
4762
|
-
import
|
|
4798
|
+
import React64 from "react";
|
|
4763
4799
|
import { Stack as Stack47, TextInput as TextInput23, Radio as Radio3, Group as Group16, Textarea as Textarea11 } from "@mantine/core";
|
|
4764
4800
|
var inputStyles17 = {
|
|
4765
4801
|
label: { color: "#adb5bd" },
|
|
@@ -4773,7 +4809,7 @@ var inputStyles17 = {
|
|
|
4773
4809
|
}
|
|
4774
4810
|
};
|
|
4775
4811
|
var ManageStorageItemsActionForm = ({ data, onChange }) => {
|
|
4776
|
-
return /* @__PURE__ */
|
|
4812
|
+
return /* @__PURE__ */ React64.createElement(Stack47, { gap: "md" }, /* @__PURE__ */ React64.createElement(Radio3.Group, { label: "Action", value: data.setting ? "set" : "remove", onChange: (value) => onChange({ ...data, setting: value === "set" }) }, /* @__PURE__ */ React64.createElement(Group16, { mt: "xs" }, /* @__PURE__ */ React64.createElement(
|
|
4777
4813
|
Radio3,
|
|
4778
4814
|
{
|
|
4779
4815
|
value: "set",
|
|
@@ -4783,7 +4819,7 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
|
|
|
4783
4819
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4784
4820
|
}
|
|
4785
4821
|
}
|
|
4786
|
-
), /* @__PURE__ */
|
|
4822
|
+
), /* @__PURE__ */ React64.createElement(
|
|
4787
4823
|
Radio3,
|
|
4788
4824
|
{
|
|
4789
4825
|
value: "remove",
|
|
@@ -4793,7 +4829,7 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
|
|
|
4793
4829
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4794
4830
|
}
|
|
4795
4831
|
}
|
|
4796
|
-
))), /* @__PURE__ */
|
|
4832
|
+
))), /* @__PURE__ */ React64.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__ */ React64.createElement(
|
|
4797
4833
|
Textarea11,
|
|
4798
4834
|
{
|
|
4799
4835
|
label: "Storage Value",
|
|
@@ -4808,7 +4844,7 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
|
|
|
4808
4844
|
};
|
|
4809
4845
|
|
|
4810
4846
|
// src/mantine/blocks/proposal/actions-components/forms/DaoAdminExecActionForm.tsx
|
|
4811
|
-
import
|
|
4847
|
+
import React65, { useState as useState14 } from "react";
|
|
4812
4848
|
import { Stack as Stack48, TextInput as TextInput24, Button as Button10, Group as Group17, Text as Text34, Card as Card11, Textarea as Textarea12 } from "@mantine/core";
|
|
4813
4849
|
var inputStyles18 = {
|
|
4814
4850
|
label: { color: "#adb5bd" },
|
|
@@ -4842,7 +4878,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
|
|
|
4842
4878
|
msgs: (data.msgs || []).filter((_, i) => i !== index)
|
|
4843
4879
|
});
|
|
4844
4880
|
};
|
|
4845
|
-
return /* @__PURE__ */
|
|
4881
|
+
return /* @__PURE__ */ React65.createElement(Stack48, { gap: "md" }, /* @__PURE__ */ React65.createElement(
|
|
4846
4882
|
TextInput24,
|
|
4847
4883
|
{
|
|
4848
4884
|
label: "Core Address",
|
|
@@ -4852,7 +4888,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
|
|
|
4852
4888
|
required: true,
|
|
4853
4889
|
styles: inputStyles18
|
|
4854
4890
|
}
|
|
4855
|
-
), /* @__PURE__ */
|
|
4891
|
+
), /* @__PURE__ */ React65.createElement(Stack48, { gap: "xs" }, /* @__PURE__ */ React65.createElement(Text34, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Messages to Execute"), (data.msgs || []).map((msg, index) => /* @__PURE__ */ React65.createElement(Card11, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React65.createElement(Group17, { justify: "space-between" }, /* @__PURE__ */ React65.createElement(Text34, { size: "sm", style: { color: "#f1f3f5" } }, "Message ", index + 1), /* @__PURE__ */ React65.createElement(Button10, { size: "xs", variant: "subtle", onClick: () => handleRemoveMessage(index), style: { color: "#ff6b6b" } }, "Remove")), /* @__PURE__ */ React65.createElement(Text34, { size: "xs", style: { color: "#adb5bd", fontFamily: "monospace" } }, JSON.stringify(msg, null, 2).substring(0, 100), "..."))), /* @__PURE__ */ React65.createElement(
|
|
4856
4892
|
Textarea12,
|
|
4857
4893
|
{
|
|
4858
4894
|
placeholder: 'Add cosmos message as JSON:\\n{"bank": {"send": {"to_address": "ixo1...", "amount": [{"denom": "uixo", "amount": "1000"}]}}}',
|
|
@@ -4861,7 +4897,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
|
|
|
4861
4897
|
minRows: 4,
|
|
4862
4898
|
styles: inputStyles18
|
|
4863
4899
|
}
|
|
4864
|
-
), /* @__PURE__ */
|
|
4900
|
+
), /* @__PURE__ */ React65.createElement(
|
|
4865
4901
|
Button10,
|
|
4866
4902
|
{
|
|
4867
4903
|
size: "sm",
|
|
@@ -4876,7 +4912,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
|
|
|
4876
4912
|
};
|
|
4877
4913
|
|
|
4878
4914
|
// src/mantine/blocks/proposal/actions-components/forms/AcceptToMarketplaceActionForm.tsx
|
|
4879
|
-
import
|
|
4915
|
+
import React66 from "react";
|
|
4880
4916
|
import { Stack as Stack49, TextInput as TextInput25 } from "@mantine/core";
|
|
4881
4917
|
var inputStyles19 = {
|
|
4882
4918
|
label: { color: "#adb5bd" },
|
|
@@ -4890,7 +4926,7 @@ var inputStyles19 = {
|
|
|
4890
4926
|
}
|
|
4891
4927
|
};
|
|
4892
4928
|
var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
|
|
4893
|
-
return /* @__PURE__ */
|
|
4929
|
+
return /* @__PURE__ */ React66.createElement(Stack49, { gap: "md" }, /* @__PURE__ */ React66.createElement(TextInput25, { label: "DID", placeholder: "did:ixo:...", value: data.did, onChange: (e) => onChange({ ...data, did: e.currentTarget.value }), required: true, styles: inputStyles19 }), /* @__PURE__ */ React66.createElement(
|
|
4894
4930
|
TextInput25,
|
|
4895
4931
|
{
|
|
4896
4932
|
label: "Relayer Node DID",
|
|
@@ -4900,7 +4936,7 @@ var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
|
|
|
4900
4936
|
required: true,
|
|
4901
4937
|
styles: inputStyles19
|
|
4902
4938
|
}
|
|
4903
|
-
), /* @__PURE__ */
|
|
4939
|
+
), /* @__PURE__ */ React66.createElement(
|
|
4904
4940
|
TextInput25,
|
|
4905
4941
|
{
|
|
4906
4942
|
label: "Relayer Node Address",
|
|
@@ -4914,7 +4950,7 @@ var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
|
|
|
4914
4950
|
};
|
|
4915
4951
|
|
|
4916
4952
|
// src/mantine/blocks/proposal/actions-components/forms/CreateEntityActionForm.tsx
|
|
4917
|
-
import
|
|
4953
|
+
import React67 from "react";
|
|
4918
4954
|
import { Stack as Stack50, Textarea as Textarea13, Alert as Alert6, Text as Text35 } from "@mantine/core";
|
|
4919
4955
|
var inputStyles20 = {
|
|
4920
4956
|
label: { color: "#adb5bd" },
|
|
@@ -4935,7 +4971,7 @@ var CreateEntityActionForm = ({ data, onChange }) => {
|
|
|
4935
4971
|
} catch {
|
|
4936
4972
|
}
|
|
4937
4973
|
};
|
|
4938
|
-
return /* @__PURE__ */
|
|
4974
|
+
return /* @__PURE__ */ React67.createElement(Stack50, { gap: "md" }, /* @__PURE__ */ React67.createElement(Alert6, { color: "blue", style: { backgroundColor: "#2a2a2a", borderColor: "#4dabf7" } }, /* @__PURE__ */ React67.createElement(Text35, { size: "sm", style: { color: "#4dabf7" } }, "This is a complex entity creation action. Please provide the complete entity data as JSON.")), /* @__PURE__ */ React67.createElement(
|
|
4939
4975
|
Textarea13,
|
|
4940
4976
|
{
|
|
4941
4977
|
label: "Entity Data (JSON)",
|
|
@@ -4950,7 +4986,7 @@ var CreateEntityActionForm = ({ data, onChange }) => {
|
|
|
4950
4986
|
};
|
|
4951
4987
|
|
|
4952
4988
|
// src/mantine/blocks/proposal/actions-components/forms/UpdateVotingConfigActionForm.tsx
|
|
4953
|
-
import
|
|
4989
|
+
import React68 from "react";
|
|
4954
4990
|
import { Stack as Stack51, Checkbox as Checkbox6, Select as Select6, NumberInput as NumberInput7, Group as Group18 } from "@mantine/core";
|
|
4955
4991
|
var inputStyles21 = {
|
|
4956
4992
|
label: { color: "#adb5bd" },
|
|
@@ -4964,7 +5000,7 @@ var inputStyles21 = {
|
|
|
4964
5000
|
}
|
|
4965
5001
|
};
|
|
4966
5002
|
var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
4967
|
-
return /* @__PURE__ */
|
|
5003
|
+
return /* @__PURE__ */ React68.createElement(Stack51, { gap: "md" }, /* @__PURE__ */ React68.createElement(
|
|
4968
5004
|
Checkbox6,
|
|
4969
5005
|
{
|
|
4970
5006
|
label: "Only members can execute",
|
|
@@ -4975,7 +5011,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
4975
5011
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4976
5012
|
}
|
|
4977
5013
|
}
|
|
4978
|
-
), /* @__PURE__ */
|
|
5014
|
+
), /* @__PURE__ */ React68.createElement(
|
|
4979
5015
|
Select6,
|
|
4980
5016
|
{
|
|
4981
5017
|
label: "Threshold Type",
|
|
@@ -4987,7 +5023,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
4987
5023
|
],
|
|
4988
5024
|
styles: inputStyles21
|
|
4989
5025
|
}
|
|
4990
|
-
), data.thresholdType === "%" && /* @__PURE__ */
|
|
5026
|
+
), data.thresholdType === "%" && /* @__PURE__ */ React68.createElement(
|
|
4991
5027
|
NumberInput7,
|
|
4992
5028
|
{
|
|
4993
5029
|
label: "Threshold Percentage",
|
|
@@ -4999,7 +5035,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
4999
5035
|
suffix: "%",
|
|
5000
5036
|
styles: inputStyles21
|
|
5001
5037
|
}
|
|
5002
|
-
), /* @__PURE__ */
|
|
5038
|
+
), /* @__PURE__ */ React68.createElement(
|
|
5003
5039
|
Checkbox6,
|
|
5004
5040
|
{
|
|
5005
5041
|
label: "Enable Quorum",
|
|
@@ -5010,7 +5046,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5010
5046
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5011
5047
|
}
|
|
5012
5048
|
}
|
|
5013
|
-
), data.quorumEnabled && /* @__PURE__ */
|
|
5049
|
+
), data.quorumEnabled && /* @__PURE__ */ React68.createElement(React68.Fragment, null, /* @__PURE__ */ React68.createElement(
|
|
5014
5050
|
Select6,
|
|
5015
5051
|
{
|
|
5016
5052
|
label: "Quorum Type",
|
|
@@ -5022,7 +5058,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5022
5058
|
],
|
|
5023
5059
|
styles: inputStyles21
|
|
5024
5060
|
}
|
|
5025
|
-
), data.quorumType === "%" && /* @__PURE__ */
|
|
5061
|
+
), data.quorumType === "%" && /* @__PURE__ */ React68.createElement(
|
|
5026
5062
|
NumberInput7,
|
|
5027
5063
|
{
|
|
5028
5064
|
label: "Quorum Percentage",
|
|
@@ -5034,7 +5070,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5034
5070
|
suffix: "%",
|
|
5035
5071
|
styles: inputStyles21
|
|
5036
5072
|
}
|
|
5037
|
-
)), /* @__PURE__ */
|
|
5073
|
+
)), /* @__PURE__ */ React68.createElement(Group18, { grow: true }, /* @__PURE__ */ React68.createElement(
|
|
5038
5074
|
NumberInput7,
|
|
5039
5075
|
{
|
|
5040
5076
|
label: "Proposal Duration",
|
|
@@ -5044,7 +5080,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5044
5080
|
min: 1,
|
|
5045
5081
|
styles: inputStyles21
|
|
5046
5082
|
}
|
|
5047
|
-
), /* @__PURE__ */
|
|
5083
|
+
), /* @__PURE__ */ React68.createElement(
|
|
5048
5084
|
Select6,
|
|
5049
5085
|
{
|
|
5050
5086
|
label: "Duration Units",
|
|
@@ -5058,7 +5094,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5058
5094
|
],
|
|
5059
5095
|
styles: inputStyles21
|
|
5060
5096
|
}
|
|
5061
|
-
)), /* @__PURE__ */
|
|
5097
|
+
)), /* @__PURE__ */ React68.createElement(
|
|
5062
5098
|
Checkbox6,
|
|
5063
5099
|
{
|
|
5064
5100
|
label: "Allow revoting",
|
|
@@ -5073,7 +5109,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5073
5109
|
};
|
|
5074
5110
|
|
|
5075
5111
|
// src/mantine/blocks/proposal/actions-components/forms/UpdatePreProposeConfigActionForm.tsx
|
|
5076
|
-
import
|
|
5112
|
+
import React69 from "react";
|
|
5077
5113
|
import { Stack as Stack52, Checkbox as Checkbox7, TextInput as TextInput26, Select as Select7, Textarea as Textarea14 } from "@mantine/core";
|
|
5078
5114
|
var inputStyles22 = {
|
|
5079
5115
|
label: { color: "#adb5bd" },
|
|
@@ -5087,7 +5123,7 @@ var inputStyles22 = {
|
|
|
5087
5123
|
}
|
|
5088
5124
|
};
|
|
5089
5125
|
var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
5090
|
-
return /* @__PURE__ */
|
|
5126
|
+
return /* @__PURE__ */ React69.createElement(Stack52, { gap: "md" }, /* @__PURE__ */ React69.createElement(
|
|
5091
5127
|
Checkbox7,
|
|
5092
5128
|
{
|
|
5093
5129
|
label: "Anyone can propose",
|
|
@@ -5098,7 +5134,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5098
5134
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5099
5135
|
}
|
|
5100
5136
|
}
|
|
5101
|
-
), /* @__PURE__ */
|
|
5137
|
+
), /* @__PURE__ */ React69.createElement(
|
|
5102
5138
|
Checkbox7,
|
|
5103
5139
|
{
|
|
5104
5140
|
label: "Deposit required",
|
|
@@ -5109,7 +5145,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5109
5145
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5110
5146
|
}
|
|
5111
5147
|
}
|
|
5112
|
-
), data.depositRequired && /* @__PURE__ */
|
|
5148
|
+
), data.depositRequired && /* @__PURE__ */ React69.createElement(React69.Fragment, null, /* @__PURE__ */ React69.createElement(
|
|
5113
5149
|
TextInput26,
|
|
5114
5150
|
{
|
|
5115
5151
|
label: "Deposit Amount",
|
|
@@ -5122,7 +5158,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5122
5158
|
required: true,
|
|
5123
5159
|
styles: inputStyles22
|
|
5124
5160
|
}
|
|
5125
|
-
), /* @__PURE__ */
|
|
5161
|
+
), /* @__PURE__ */ React69.createElement(
|
|
5126
5162
|
Select7,
|
|
5127
5163
|
{
|
|
5128
5164
|
label: "Deposit Type",
|
|
@@ -5138,7 +5174,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5138
5174
|
],
|
|
5139
5175
|
styles: inputStyles22
|
|
5140
5176
|
}
|
|
5141
|
-
), /* @__PURE__ */
|
|
5177
|
+
), /* @__PURE__ */ React69.createElement(
|
|
5142
5178
|
TextInput26,
|
|
5143
5179
|
{
|
|
5144
5180
|
label: "Token Denomination or Address",
|
|
@@ -5151,7 +5187,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5151
5187
|
required: true,
|
|
5152
5188
|
styles: inputStyles22
|
|
5153
5189
|
}
|
|
5154
|
-
), /* @__PURE__ */
|
|
5190
|
+
), /* @__PURE__ */ React69.createElement(
|
|
5155
5191
|
TextInput26,
|
|
5156
5192
|
{
|
|
5157
5193
|
label: "Refund Policy",
|
|
@@ -5164,7 +5200,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5164
5200
|
required: true,
|
|
5165
5201
|
styles: inputStyles22
|
|
5166
5202
|
}
|
|
5167
|
-
), data.depositInfo.type !== "native" && /* @__PURE__ */
|
|
5203
|
+
), data.depositInfo.type !== "native" && /* @__PURE__ */ React69.createElement(
|
|
5168
5204
|
Textarea14,
|
|
5169
5205
|
{
|
|
5170
5206
|
label: "Token Configuration (JSON)",
|
|
@@ -5187,7 +5223,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5187
5223
|
};
|
|
5188
5224
|
|
|
5189
5225
|
// src/mantine/blocks/proposal/actions-components/forms/GovernanceVoteActionForm.tsx
|
|
5190
|
-
import
|
|
5226
|
+
import React70 from "react";
|
|
5191
5227
|
import { Stack as Stack53, TextInput as TextInput27, Select as Select8 } from "@mantine/core";
|
|
5192
5228
|
var inputStyles23 = {
|
|
5193
5229
|
label: { color: "#adb5bd" },
|
|
@@ -5207,7 +5243,7 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
|
|
|
5207
5243
|
{ value: "3", label: "No" },
|
|
5208
5244
|
{ value: "4", label: "No with Veto" }
|
|
5209
5245
|
];
|
|
5210
|
-
return /* @__PURE__ */
|
|
5246
|
+
return /* @__PURE__ */ React70.createElement(Stack53, { gap: "md" }, /* @__PURE__ */ React70.createElement(
|
|
5211
5247
|
TextInput27,
|
|
5212
5248
|
{
|
|
5213
5249
|
label: "Proposal ID",
|
|
@@ -5217,7 +5253,7 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
|
|
|
5217
5253
|
required: true,
|
|
5218
5254
|
styles: inputStyles23
|
|
5219
5255
|
}
|
|
5220
|
-
), /* @__PURE__ */
|
|
5256
|
+
), /* @__PURE__ */ React70.createElement(
|
|
5221
5257
|
Select8,
|
|
5222
5258
|
{
|
|
5223
5259
|
label: "Vote Option",
|
|
@@ -5231,7 +5267,7 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
|
|
|
5231
5267
|
};
|
|
5232
5268
|
|
|
5233
5269
|
// src/mantine/blocks/proposal/actions-components/forms/WithdrawTokenSwapActionForm.tsx
|
|
5234
|
-
import
|
|
5270
|
+
import React71 from "react";
|
|
5235
5271
|
import { Stack as Stack54, TextInput as TextInput28, Checkbox as Checkbox8 } from "@mantine/core";
|
|
5236
5272
|
var inputStyles24 = {
|
|
5237
5273
|
label: { color: "#adb5bd" },
|
|
@@ -5245,7 +5281,7 @@ var inputStyles24 = {
|
|
|
5245
5281
|
}
|
|
5246
5282
|
};
|
|
5247
5283
|
var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
|
|
5248
|
-
return /* @__PURE__ */
|
|
5284
|
+
return /* @__PURE__ */ React71.createElement(Stack54, { gap: "md" }, /* @__PURE__ */ React71.createElement(
|
|
5249
5285
|
Checkbox8,
|
|
5250
5286
|
{
|
|
5251
5287
|
label: "Contract chosen",
|
|
@@ -5256,7 +5292,7 @@ var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5256
5292
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5257
5293
|
}
|
|
5258
5294
|
}
|
|
5259
|
-
), data.contractChosen && /* @__PURE__ */
|
|
5295
|
+
), data.contractChosen && /* @__PURE__ */ React71.createElement(
|
|
5260
5296
|
TextInput28,
|
|
5261
5297
|
{
|
|
5262
5298
|
label: "Token Swap Contract Address",
|
|
@@ -5270,7 +5306,7 @@ var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5270
5306
|
};
|
|
5271
5307
|
|
|
5272
5308
|
// src/mantine/blocks/proposal/actions-components/forms/PerformTokenSwapActionForm.tsx
|
|
5273
|
-
import
|
|
5309
|
+
import React72 from "react";
|
|
5274
5310
|
import { Stack as Stack55, TextInput as TextInput29, Checkbox as Checkbox9, Textarea as Textarea15 } from "@mantine/core";
|
|
5275
5311
|
var inputStyles25 = {
|
|
5276
5312
|
label: { color: "#adb5bd" },
|
|
@@ -5284,7 +5320,7 @@ var inputStyles25 = {
|
|
|
5284
5320
|
}
|
|
5285
5321
|
};
|
|
5286
5322
|
var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
5287
|
-
return /* @__PURE__ */
|
|
5323
|
+
return /* @__PURE__ */ React72.createElement(Stack55, { gap: "md" }, /* @__PURE__ */ React72.createElement(
|
|
5288
5324
|
Checkbox9,
|
|
5289
5325
|
{
|
|
5290
5326
|
label: "Contract chosen",
|
|
@@ -5295,7 +5331,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5295
5331
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5296
5332
|
}
|
|
5297
5333
|
}
|
|
5298
|
-
), data.contractChosen && /* @__PURE__ */
|
|
5334
|
+
), data.contractChosen && /* @__PURE__ */ React72.createElement(React72.Fragment, null, /* @__PURE__ */ React72.createElement(
|
|
5299
5335
|
TextInput29,
|
|
5300
5336
|
{
|
|
5301
5337
|
label: "Token Swap Contract Address",
|
|
@@ -5305,7 +5341,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5305
5341
|
required: true,
|
|
5306
5342
|
styles: inputStyles25
|
|
5307
5343
|
}
|
|
5308
|
-
), /* @__PURE__ */
|
|
5344
|
+
), /* @__PURE__ */ React72.createElement(
|
|
5309
5345
|
Textarea15,
|
|
5310
5346
|
{
|
|
5311
5347
|
label: "Self Party Information (JSON)",
|
|
@@ -5321,7 +5357,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5321
5357
|
minRows: 4,
|
|
5322
5358
|
styles: inputStyles25
|
|
5323
5359
|
}
|
|
5324
|
-
), /* @__PURE__ */
|
|
5360
|
+
), /* @__PURE__ */ React72.createElement(
|
|
5325
5361
|
Textarea15,
|
|
5326
5362
|
{
|
|
5327
5363
|
label: "Counterparty Information (JSON)",
|
|
@@ -5341,7 +5377,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5341
5377
|
};
|
|
5342
5378
|
|
|
5343
5379
|
// src/mantine/blocks/proposal/actions-components/forms/StakeToGroupActionForm.tsx
|
|
5344
|
-
import
|
|
5380
|
+
import React73 from "react";
|
|
5345
5381
|
import { Stack as Stack56, TextInput as TextInput30 } from "@mantine/core";
|
|
5346
5382
|
var inputStyles26 = {
|
|
5347
5383
|
label: { color: "#adb5bd" },
|
|
@@ -5355,7 +5391,7 @@ var inputStyles26 = {
|
|
|
5355
5391
|
}
|
|
5356
5392
|
};
|
|
5357
5393
|
var StakeToGroupActionForm = ({ data, onChange }) => {
|
|
5358
|
-
return /* @__PURE__ */
|
|
5394
|
+
return /* @__PURE__ */ React73.createElement(Stack56, { gap: "md" }, /* @__PURE__ */ React73.createElement(
|
|
5359
5395
|
TextInput30,
|
|
5360
5396
|
{
|
|
5361
5397
|
label: "Token Contract Address",
|
|
@@ -5365,7 +5401,7 @@ var StakeToGroupActionForm = ({ data, onChange }) => {
|
|
|
5365
5401
|
required: true,
|
|
5366
5402
|
styles: inputStyles26
|
|
5367
5403
|
}
|
|
5368
|
-
), /* @__PURE__ */
|
|
5404
|
+
), /* @__PURE__ */ React73.createElement(
|
|
5369
5405
|
TextInput30,
|
|
5370
5406
|
{
|
|
5371
5407
|
label: "Staking Contract Address",
|
|
@@ -5375,11 +5411,11 @@ var StakeToGroupActionForm = ({ data, onChange }) => {
|
|
|
5375
5411
|
required: true,
|
|
5376
5412
|
styles: inputStyles26
|
|
5377
5413
|
}
|
|
5378
|
-
), /* @__PURE__ */
|
|
5414
|
+
), /* @__PURE__ */ React73.createElement(TextInput30, { label: "Amount", placeholder: "1000", value: data.amount, onChange: (e) => onChange({ ...data, amount: e.currentTarget.value }), required: true, styles: inputStyles26 }));
|
|
5379
5415
|
};
|
|
5380
5416
|
|
|
5381
5417
|
// src/mantine/blocks/proposal/actions-components/forms/SendGroupTokenActionForm.tsx
|
|
5382
|
-
import
|
|
5418
|
+
import React74 from "react";
|
|
5383
5419
|
import { Stack as Stack57, TextInput as TextInput31 } from "@mantine/core";
|
|
5384
5420
|
var inputStyles27 = {
|
|
5385
5421
|
label: { color: "#adb5bd" },
|
|
@@ -5393,7 +5429,7 @@ var inputStyles27 = {
|
|
|
5393
5429
|
}
|
|
5394
5430
|
};
|
|
5395
5431
|
var SendGroupTokenActionForm = ({ data, onChange }) => {
|
|
5396
|
-
return /* @__PURE__ */
|
|
5432
|
+
return /* @__PURE__ */ React74.createElement(Stack57, { gap: "md" }, /* @__PURE__ */ React74.createElement(
|
|
5397
5433
|
TextInput31,
|
|
5398
5434
|
{
|
|
5399
5435
|
label: "Contract Address",
|
|
@@ -5403,7 +5439,7 @@ var SendGroupTokenActionForm = ({ data, onChange }) => {
|
|
|
5403
5439
|
required: true,
|
|
5404
5440
|
styles: inputStyles27
|
|
5405
5441
|
}
|
|
5406
|
-
), /* @__PURE__ */
|
|
5442
|
+
), /* @__PURE__ */ React74.createElement(
|
|
5407
5443
|
TextInput31,
|
|
5408
5444
|
{
|
|
5409
5445
|
label: "Recipient Address",
|
|
@@ -5413,11 +5449,11 @@ var SendGroupTokenActionForm = ({ data, onChange }) => {
|
|
|
5413
5449
|
required: true,
|
|
5414
5450
|
styles: inputStyles27
|
|
5415
5451
|
}
|
|
5416
|
-
), /* @__PURE__ */
|
|
5452
|
+
), /* @__PURE__ */ React74.createElement(TextInput31, { label: "Amount", placeholder: "1000", value: data.amount, onChange: (e) => onChange({ ...data, amount: e.currentTarget.value }), required: true, styles: inputStyles27 }));
|
|
5417
5453
|
};
|
|
5418
5454
|
|
|
5419
5455
|
// src/mantine/blocks/proposal/actions-components/forms/ValidatorActionsActionForm.tsx
|
|
5420
|
-
import
|
|
5456
|
+
import React75 from "react";
|
|
5421
5457
|
import { Stack as Stack58, Select as Select9, Textarea as Textarea16 } from "@mantine/core";
|
|
5422
5458
|
var inputStyles28 = {
|
|
5423
5459
|
label: { color: "#adb5bd" },
|
|
@@ -5437,7 +5473,7 @@ var ValidatorActionsActionForm = ({ data, onChange }) => {
|
|
|
5437
5473
|
{ value: "/cosmos.slashing.v1beta1.MsgUnjail" /* UnjailValidator */, label: "Unjail Validator" },
|
|
5438
5474
|
{ value: "/cosmos.distribution.v1beta1.MsgWithdrawValidatorCommission" /* WithdrawValidatorCommission */, label: "Withdraw Commission" }
|
|
5439
5475
|
];
|
|
5440
|
-
return /* @__PURE__ */
|
|
5476
|
+
return /* @__PURE__ */ React75.createElement(Stack58, { gap: "md" }, /* @__PURE__ */ React75.createElement(
|
|
5441
5477
|
Select9,
|
|
5442
5478
|
{
|
|
5443
5479
|
label: "Validator Action Type",
|
|
@@ -5447,7 +5483,7 @@ var ValidatorActionsActionForm = ({ data, onChange }) => {
|
|
|
5447
5483
|
required: true,
|
|
5448
5484
|
styles: inputStyles28
|
|
5449
5485
|
}
|
|
5450
|
-
), data.validatorActionType === "/cosmos.staking.v1beta1.MsgCreateValidator" /* CreateValidator */ && /* @__PURE__ */
|
|
5486
|
+
), data.validatorActionType === "/cosmos.staking.v1beta1.MsgCreateValidator" /* CreateValidator */ && /* @__PURE__ */ React75.createElement(
|
|
5451
5487
|
Textarea16,
|
|
5452
5488
|
{
|
|
5453
5489
|
label: "Create Validator Message (JSON)",
|
|
@@ -5458,7 +5494,7 @@ var ValidatorActionsActionForm = ({ data, onChange }) => {
|
|
|
5458
5494
|
required: true,
|
|
5459
5495
|
styles: inputStyles28
|
|
5460
5496
|
}
|
|
5461
|
-
), data.validatorActionType === "/cosmos.staking.v1beta1.MsgEditValidator" /* EditValidator */ && /* @__PURE__ */
|
|
5497
|
+
), data.validatorActionType === "/cosmos.staking.v1beta1.MsgEditValidator" /* EditValidator */ && /* @__PURE__ */ React75.createElement(
|
|
5462
5498
|
Textarea16,
|
|
5463
5499
|
{
|
|
5464
5500
|
label: "Edit Validator Message (JSON)",
|
|
@@ -6139,7 +6175,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6139
6175
|
return config?.getDefaultData() || {};
|
|
6140
6176
|
});
|
|
6141
6177
|
const currentActionConfig = getActionConfig(selectedActionType);
|
|
6142
|
-
const categorizedActions =
|
|
6178
|
+
const categorizedActions = useMemo10(() => getCategorizedActions(), []);
|
|
6143
6179
|
useEffect10(() => {
|
|
6144
6180
|
if (!isEditing) {
|
|
6145
6181
|
const config = getActionConfig(selectedActionType);
|
|
@@ -6163,10 +6199,10 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6163
6199
|
};
|
|
6164
6200
|
const renderActionForm = () => {
|
|
6165
6201
|
if (!currentActionConfig) {
|
|
6166
|
-
return /* @__PURE__ */
|
|
6202
|
+
return /* @__PURE__ */ React76.createElement(Alert7, { color: "red", style: { backgroundColor: "#2a2a2a", borderColor: "#ff6b6b" } }, /* @__PURE__ */ React76.createElement(Text36, { size: "sm", style: { color: "#ff6b6b" } }, "Unknown action type selected"));
|
|
6167
6203
|
}
|
|
6168
6204
|
const FormComponent = currentActionConfig.FormComponent;
|
|
6169
|
-
return /* @__PURE__ */
|
|
6205
|
+
return /* @__PURE__ */ React76.createElement(FormComponent, { data: actionData, onChange: setActionData, isTemplateMode });
|
|
6170
6206
|
};
|
|
6171
6207
|
const getCategoryColor = (category) => {
|
|
6172
6208
|
const colors = {
|
|
@@ -6181,7 +6217,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6181
6217
|
};
|
|
6182
6218
|
return colors[category] || "#6b7280";
|
|
6183
6219
|
};
|
|
6184
|
-
return /* @__PURE__ */
|
|
6220
|
+
return /* @__PURE__ */ React76.createElement(Stack59, { style: { backgroundColor: "#1a1a1a", color: "#f1f3f5", height: "100%" } }, /* @__PURE__ */ React76.createElement(Text36, { size: "lg", fw: 600, style: { color: "#f1f3f5" } }, isEditing ? "Edit Action" : "Add New Action"), !isEditing ? /* @__PURE__ */ React76.createElement(Stack59, { gap: "md" }, /* @__PURE__ */ React76.createElement(Text36, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Select Action Type"), /* @__PURE__ */ React76.createElement(
|
|
6185
6221
|
Tabs2,
|
|
6186
6222
|
{
|
|
6187
6223
|
defaultValue: ACTION_CATEGORIES[0].id,
|
|
@@ -6202,8 +6238,8 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6202
6238
|
panel: { paddingTop: "md" }
|
|
6203
6239
|
}
|
|
6204
6240
|
},
|
|
6205
|
-
/* @__PURE__ */
|
|
6206
|
-
ACTION_CATEGORIES.map((category) => /* @__PURE__ */
|
|
6241
|
+
/* @__PURE__ */ React76.createElement(Tabs2.List, null, ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React76.createElement(Tabs2.Tab, { key: category.id, value: category.id }, /* @__PURE__ */ React76.createElement(Group19, { gap: "xs" }, /* @__PURE__ */ React76.createElement("span", null, category.icon), /* @__PURE__ */ React76.createElement("span", null, category.label))))),
|
|
6242
|
+
ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React76.createElement(Tabs2.Panel, { key: category.id, value: category.id, mt: 10 }, /* @__PURE__ */ React76.createElement(SimpleGrid, { cols: 2, spacing: "xs" }, (categorizedActions.get(category.id) || []).map((config) => /* @__PURE__ */ React76.createElement(
|
|
6207
6243
|
Paper5,
|
|
6208
6244
|
{
|
|
6209
6245
|
key: config.value,
|
|
@@ -6217,9 +6253,9 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6217
6253
|
},
|
|
6218
6254
|
onClick: () => setSelectedActionType(config.value)
|
|
6219
6255
|
},
|
|
6220
|
-
/* @__PURE__ */
|
|
6256
|
+
/* @__PURE__ */ React76.createElement(Stack59, { gap: "xs" }, /* @__PURE__ */ React76.createElement(Group19, { justify: "space-between" }, /* @__PURE__ */ React76.createElement(Text36, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, config.label), selectedActionType === config.value && /* @__PURE__ */ React76.createElement(Badge8, { size: "xs", style: { backgroundColor: "#4dabf7" } }, "Selected")), config.description && /* @__PURE__ */ React76.createElement(Text36, { size: "xs", style: { color: "#adb5bd" } }, config.description))
|
|
6221
6257
|
)))))
|
|
6222
|
-
)) : /* @__PURE__ */
|
|
6258
|
+
)) : /* @__PURE__ */ React76.createElement(
|
|
6223
6259
|
Card12,
|
|
6224
6260
|
{
|
|
6225
6261
|
withBorder: true,
|
|
@@ -6229,7 +6265,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6229
6265
|
borderColor: "#333"
|
|
6230
6266
|
}
|
|
6231
6267
|
},
|
|
6232
|
-
/* @__PURE__ */
|
|
6268
|
+
/* @__PURE__ */ React76.createElement(Group19, { justify: "space-between" }, /* @__PURE__ */ React76.createElement(Group19, { gap: "xs" }, /* @__PURE__ */ React76.createElement(
|
|
6233
6269
|
Badge8,
|
|
6234
6270
|
{
|
|
6235
6271
|
size: "sm",
|
|
@@ -6239,10 +6275,10 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6239
6275
|
}
|
|
6240
6276
|
},
|
|
6241
6277
|
currentActionConfig?.label || selectedActionType
|
|
6242
|
-
), /* @__PURE__ */
|
|
6243
|
-
), /* @__PURE__ */
|
|
6278
|
+
), /* @__PURE__ */ React76.createElement(Text36, { size: "sm", style: { color: "#adb5bd" } }, "(Editing)")))
|
|
6279
|
+
), /* @__PURE__ */ React76.createElement(Divider4, { color: "#333" }), /* @__PURE__ */ React76.createElement(ScrollArea3, { style: { flex: 1 } }, renderActionForm()), /* @__PURE__ */ React76.createElement(Divider4, { color: "#333" }), /* @__PURE__ */ React76.createElement(Stack59, { gap: "xs" }, /* @__PURE__ */ React76.createElement(Text36, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Current Actions (", actions.length, ")"), /* @__PURE__ */ React76.createElement(ScrollArea3, { h: 100 }, /* @__PURE__ */ React76.createElement(Stack59, { gap: "xs" }, actions.map((action, index) => {
|
|
6244
6280
|
const config = getActionConfig(action.type);
|
|
6245
|
-
return /* @__PURE__ */
|
|
6281
|
+
return /* @__PURE__ */ React76.createElement(
|
|
6246
6282
|
Card12,
|
|
6247
6283
|
{
|
|
6248
6284
|
key: index,
|
|
@@ -6255,7 +6291,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6255
6291
|
opacity: index === editingIndex ? 0.7 : 1
|
|
6256
6292
|
}
|
|
6257
6293
|
},
|
|
6258
|
-
/* @__PURE__ */
|
|
6294
|
+
/* @__PURE__ */ React76.createElement(Group19, { gap: "xs" }, /* @__PURE__ */ React76.createElement(
|
|
6259
6295
|
Badge8,
|
|
6260
6296
|
{
|
|
6261
6297
|
size: "sm",
|
|
@@ -6265,9 +6301,9 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6265
6301
|
}
|
|
6266
6302
|
},
|
|
6267
6303
|
config?.label || action.type
|
|
6268
|
-
), /* @__PURE__ */
|
|
6304
|
+
), /* @__PURE__ */ React76.createElement(Text36, { size: "sm", style: { color: "#adb5bd" } }, config?.getSummary(action.data) || "Action"), index === editingIndex && /* @__PURE__ */ React76.createElement(Badge8, { size: "xs", style: { backgroundColor: "#4dabf7", color: "#fff" } }, "Editing"))
|
|
6269
6305
|
);
|
|
6270
|
-
})))), /* @__PURE__ */
|
|
6306
|
+
})))), /* @__PURE__ */ React76.createElement(Group19, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React76.createElement(
|
|
6271
6307
|
Button11,
|
|
6272
6308
|
{
|
|
6273
6309
|
variant: "default",
|
|
@@ -6282,7 +6318,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6282
6318
|
}
|
|
6283
6319
|
},
|
|
6284
6320
|
"Cancel"
|
|
6285
|
-
), /* @__PURE__ */
|
|
6321
|
+
), /* @__PURE__ */ React76.createElement(
|
|
6286
6322
|
Button11,
|
|
6287
6323
|
{
|
|
6288
6324
|
onClick: handleSave,
|
|
@@ -6322,22 +6358,22 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
|
|
|
6322
6358
|
setIsEditorVisible(true);
|
|
6323
6359
|
}
|
|
6324
6360
|
}, [currentActions.length, isEditorVisible]);
|
|
6325
|
-
const handleAddAction =
|
|
6361
|
+
const handleAddAction = useCallback12(() => {
|
|
6326
6362
|
setEditingIndex(null);
|
|
6327
6363
|
setIsEditorVisible(true);
|
|
6328
6364
|
}, []);
|
|
6329
|
-
const handleEditAction =
|
|
6365
|
+
const handleEditAction = useCallback12((index) => {
|
|
6330
6366
|
setEditingIndex(index);
|
|
6331
6367
|
setIsEditorVisible(true);
|
|
6332
6368
|
}, []);
|
|
6333
|
-
const handleRemoveAction =
|
|
6369
|
+
const handleRemoveAction = useCallback12(
|
|
6334
6370
|
(index) => {
|
|
6335
6371
|
const newActions = currentActions.filter((_, i) => i !== index);
|
|
6336
6372
|
onActionsChange(newActions);
|
|
6337
6373
|
},
|
|
6338
6374
|
[currentActions, onActionsChange]
|
|
6339
6375
|
);
|
|
6340
|
-
const handleSaveAction =
|
|
6376
|
+
const handleSaveAction = useCallback12(
|
|
6341
6377
|
(action) => {
|
|
6342
6378
|
let newActions;
|
|
6343
6379
|
if (editingIndex !== null) {
|
|
@@ -6351,12 +6387,12 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
|
|
|
6351
6387
|
},
|
|
6352
6388
|
[editingIndex, currentActions, onActionsChange]
|
|
6353
6389
|
);
|
|
6354
|
-
const handleCancelEditor =
|
|
6390
|
+
const handleCancelEditor = useCallback12(() => {
|
|
6355
6391
|
setIsEditorVisible(false);
|
|
6356
6392
|
setEditingIndex(null);
|
|
6357
6393
|
}, []);
|
|
6358
|
-
return /* @__PURE__ */
|
|
6359
|
-
}, onEditAction: handleEditAction, onRemoveAction: handleRemoveAction }), isEditorVisible && /* @__PURE__ */
|
|
6394
|
+
return /* @__PURE__ */ React77.createElement(Stack60, { gap: "md" }, /* @__PURE__ */ React77.createElement(ActionsCard, { actions: currentActions, isSelected: false, onClick: () => {
|
|
6395
|
+
}, onEditAction: handleEditAction, onRemoveAction: handleRemoveAction }), isEditorVisible && /* @__PURE__ */ React77.createElement(
|
|
6360
6396
|
Card13,
|
|
6361
6397
|
{
|
|
6362
6398
|
withBorder: true,
|
|
@@ -6367,21 +6403,21 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
|
|
|
6367
6403
|
borderColor: "#333"
|
|
6368
6404
|
}
|
|
6369
6405
|
},
|
|
6370
|
-
/* @__PURE__ */
|
|
6406
|
+
/* @__PURE__ */ React77.createElement(ActionsPanel, { actions: currentActions, editingIndex, onSave: handleSaveAction, onCancel: handleCancelEditor, isTemplateMode: true })
|
|
6371
6407
|
));
|
|
6372
6408
|
};
|
|
6373
6409
|
|
|
6374
6410
|
// src/mantine/blocks/proposal/template/VoteTab.tsx
|
|
6375
|
-
import
|
|
6411
|
+
import React78 from "react";
|
|
6376
6412
|
import { Stack as Stack61, TextInput as TextInput32 } from "@mantine/core";
|
|
6377
6413
|
var VoteTab = ({ voteTitle, voteSubtitle, voteIcon, onVoteTitleChange, onVoteSubtitleChange, onVoteIconChange }) => {
|
|
6378
|
-
return /* @__PURE__ */
|
|
6414
|
+
return /* @__PURE__ */ React78.createElement(Stack61, { gap: "md" }, /* @__PURE__ */ React78.createElement(TextInput32, { label: "Vote Button Title", placeholder: "Vote on this proposal", value: voteTitle, onChange: (event) => onVoteTitleChange(event.currentTarget.value) }), /* @__PURE__ */ React78.createElement(TextInput32, { label: "Vote Button Subtitle", placeholder: "Cast your vote", value: voteSubtitle, onChange: (event) => onVoteSubtitleChange(event.currentTarget.value) }), /* @__PURE__ */ React78.createElement(TextInput32, { label: "Vote Icon", placeholder: "checklist", value: voteIcon, onChange: (event) => onVoteIconChange(event.currentTarget.value) }));
|
|
6379
6415
|
};
|
|
6380
6416
|
|
|
6381
6417
|
// src/mantine/blocks/proposal/template/TemplateConfig.tsx
|
|
6382
6418
|
var TemplateConfig3 = ({ editor, block }) => {
|
|
6383
6419
|
const { closePanel } = usePanelStore();
|
|
6384
|
-
const updateProp =
|
|
6420
|
+
const updateProp = useCallback13(
|
|
6385
6421
|
(key, value) => {
|
|
6386
6422
|
editor.updateBlock(block, {
|
|
6387
6423
|
props: {
|
|
@@ -6392,7 +6428,7 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6392
6428
|
},
|
|
6393
6429
|
[editor, block]
|
|
6394
6430
|
);
|
|
6395
|
-
return /* @__PURE__ */
|
|
6431
|
+
return /* @__PURE__ */ React79.createElement(
|
|
6396
6432
|
Paper6,
|
|
6397
6433
|
{
|
|
6398
6434
|
p: "md",
|
|
@@ -6403,7 +6439,7 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6403
6439
|
flexDirection: "column"
|
|
6404
6440
|
}
|
|
6405
6441
|
},
|
|
6406
|
-
/* @__PURE__ */
|
|
6442
|
+
/* @__PURE__ */ React79.createElement(
|
|
6407
6443
|
"div",
|
|
6408
6444
|
{
|
|
6409
6445
|
style: {
|
|
@@ -6413,17 +6449,17 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6413
6449
|
marginBottom: "1rem"
|
|
6414
6450
|
}
|
|
6415
6451
|
},
|
|
6416
|
-
/* @__PURE__ */
|
|
6417
|
-
/* @__PURE__ */
|
|
6452
|
+
/* @__PURE__ */ React79.createElement(Title5, { order: 3 }, "Proposal Settings"),
|
|
6453
|
+
/* @__PURE__ */ React79.createElement(CloseButton4, { onClick: closePanel })
|
|
6418
6454
|
),
|
|
6419
|
-
/* @__PURE__ */
|
|
6455
|
+
/* @__PURE__ */ React79.createElement(
|
|
6420
6456
|
ReusablePanel,
|
|
6421
6457
|
{
|
|
6422
6458
|
extraTabs: [
|
|
6423
6459
|
{
|
|
6424
6460
|
label: "General",
|
|
6425
6461
|
value: "general",
|
|
6426
|
-
content: /* @__PURE__ */
|
|
6462
|
+
content: /* @__PURE__ */ React79.createElement(
|
|
6427
6463
|
GeneralTab3,
|
|
6428
6464
|
{
|
|
6429
6465
|
title: block.props.title || "",
|
|
@@ -6438,12 +6474,12 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6438
6474
|
{
|
|
6439
6475
|
label: "Actions",
|
|
6440
6476
|
value: "actions",
|
|
6441
|
-
content: /* @__PURE__ */
|
|
6477
|
+
content: /* @__PURE__ */ React79.createElement(ActionsTab, { actions: block.props.actions || "[]", onActionsChange: (actions) => updateProp("actions", JSON.stringify(actions)), editor, block })
|
|
6442
6478
|
},
|
|
6443
6479
|
{
|
|
6444
6480
|
label: "Vote",
|
|
6445
6481
|
value: "vote",
|
|
6446
|
-
content: /* @__PURE__ */
|
|
6482
|
+
content: /* @__PURE__ */ React79.createElement(
|
|
6447
6483
|
VoteTab,
|
|
6448
6484
|
{
|
|
6449
6485
|
voteTitle: block.props.voteTitle || "",
|
|
@@ -6467,16 +6503,16 @@ import { Card as Card14, Group as Group20, Stack as Stack62, Text as Text37, Act
|
|
|
6467
6503
|
var PROPOSAL_TEMPLATE_PANEL_ID = "proposal-template-panel";
|
|
6468
6504
|
var ProposalTemplateView = ({ editor, block }) => {
|
|
6469
6505
|
const panelId = `${PROPOSAL_TEMPLATE_PANEL_ID}-${block.id}`;
|
|
6470
|
-
const panelContent =
|
|
6506
|
+
const panelContent = useMemo11(() => /* @__PURE__ */ React80.createElement(TemplateConfig3, { editor, block }), [editor, block]);
|
|
6471
6507
|
const { open } = usePanel(panelId, panelContent);
|
|
6472
|
-
return /* @__PURE__ */
|
|
6508
|
+
return /* @__PURE__ */ React80.createElement(Card14, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer" }, onClick: open }, /* @__PURE__ */ React80.createElement(Group20, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React80.createElement(Group20, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React80.createElement(ActionIcon8, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "file-text")), /* @__PURE__ */ React80.createElement(Stack62, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React80.createElement(Text37, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Proposal Title"), /* @__PURE__ */ React80.createElement(Text37, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Proposal description"))), /* @__PURE__ */ React80.createElement(Text37, { size: "xs", c: "dimmed", contentEditable: false }, block.props.status || "draft")));
|
|
6473
6509
|
};
|
|
6474
6510
|
|
|
6475
6511
|
// src/mantine/blocks/proposal/flow/FlowView.tsx
|
|
6476
|
-
import
|
|
6512
|
+
import React85, { useMemo as useMemo12 } from "react";
|
|
6477
6513
|
|
|
6478
6514
|
// src/mantine/blocks/proposal/components/OnChainProposalCard.tsx
|
|
6479
|
-
import
|
|
6515
|
+
import React81 from "react";
|
|
6480
6516
|
import { Card as Card15, Group as Group21, Stack as Stack63, Text as Text38, Skeleton, Badge as Badge9, Button as Button13, ActionIcon as ActionIcon9 } from "@mantine/core";
|
|
6481
6517
|
var statusColor = {
|
|
6482
6518
|
open: "#4dabf7",
|
|
@@ -6506,7 +6542,7 @@ var OnChainProposalCard = ({
|
|
|
6506
6542
|
onVote,
|
|
6507
6543
|
voteEnabled = false
|
|
6508
6544
|
}) => {
|
|
6509
|
-
return /* @__PURE__ */
|
|
6545
|
+
return /* @__PURE__ */ React81.createElement(
|
|
6510
6546
|
Card15,
|
|
6511
6547
|
{
|
|
6512
6548
|
shadow: "sm",
|
|
@@ -6519,9 +6555,9 @@ var OnChainProposalCard = ({
|
|
|
6519
6555
|
},
|
|
6520
6556
|
onClick
|
|
6521
6557
|
},
|
|
6522
|
-
isFetching && /* @__PURE__ */
|
|
6523
|
-
error && /* @__PURE__ */
|
|
6524
|
-
!isFetching && /* @__PURE__ */
|
|
6558
|
+
isFetching && /* @__PURE__ */ React81.createElement(Stack63, null, /* @__PURE__ */ React81.createElement(Skeleton, { height: 20, width: "70%" }), /* @__PURE__ */ React81.createElement(Skeleton, { height: 16 }), /* @__PURE__ */ React81.createElement(Skeleton, { height: 16, width: "40%" })),
|
|
6559
|
+
error && /* @__PURE__ */ React81.createElement(Text38, { size: "sm", c: "red" }, typeof error === "string" ? error : error.message || "An error occurred while loading the proposal."),
|
|
6560
|
+
!isFetching && /* @__PURE__ */ React81.createElement(Group21, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React81.createElement(Group21, { align: "flex-start", gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React81.createElement(ActionIcon9, { variant: "light", color: "blue", size: "xl", radius: "xl", style: { flexShrink: 0 } }, getIcon(icon, 24, 1.5, "file-text")), /* @__PURE__ */ React81.createElement(Stack63, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React81.createElement(Group21, { gap: "xs" }, /* @__PURE__ */ React81.createElement(Text38, { size: "md", fw: 600 }, title || "Proposal"), /* @__PURE__ */ React81.createElement(Badge9, { color: statusColor[status], variant: "filled", size: "sm", radius: "sm" }, status.replace(/_/g, " ").toUpperCase())), /* @__PURE__ */ React81.createElement(Text38, { size: "sm", c: "dimmed" }, getDisplayDescription(description)))), /* @__PURE__ */ React81.createElement(Group21, { gap: "xs" }, voteEnabled && onVote && status === "open" && /* @__PURE__ */ React81.createElement(
|
|
6525
6561
|
Button13,
|
|
6526
6562
|
{
|
|
6527
6563
|
size: "sm",
|
|
@@ -6534,7 +6570,7 @@ var OnChainProposalCard = ({
|
|
|
6534
6570
|
style: { flexShrink: 0 }
|
|
6535
6571
|
},
|
|
6536
6572
|
"Vote"
|
|
6537
|
-
), status === "passed" && onExecute && /* @__PURE__ */
|
|
6573
|
+
), status === "passed" && onExecute && /* @__PURE__ */ React81.createElement(
|
|
6538
6574
|
Button13,
|
|
6539
6575
|
{
|
|
6540
6576
|
size: "sm",
|
|
@@ -6553,7 +6589,7 @@ var OnChainProposalCard = ({
|
|
|
6553
6589
|
};
|
|
6554
6590
|
|
|
6555
6591
|
// src/mantine/blocks/proposal/flow/FlowConfig.tsx
|
|
6556
|
-
import
|
|
6592
|
+
import React84, { useCallback as useCallback15, useState as useState21 } from "react";
|
|
6557
6593
|
import { Paper as Paper7, CloseButton as CloseButton5, Title as Title6, Stack as Stack66, TextInput as TextInput33, Textarea as Textarea18, Button as Button16, Text as Text41, Card as Card18 } from "@mantine/core";
|
|
6558
6594
|
|
|
6559
6595
|
// src/mantine/blocks/proposal/flow/useFlowBusinessLogic.ts
|
|
@@ -6794,7 +6830,7 @@ var useVoteBusinessLogic = ({ block, editor }) => {
|
|
|
6794
6830
|
};
|
|
6795
6831
|
|
|
6796
6832
|
// src/mantine/blocks/proposal/flow/VoteGeneralTab.tsx
|
|
6797
|
-
import
|
|
6833
|
+
import React82, { useState as useState19 } from "react";
|
|
6798
6834
|
import { Stack as Stack64, Text as Text39, Group as Group22, Card as Card16, Button as Button14, Progress as Progress2, Box as Box16, Textarea as Textarea17, Tooltip as Tooltip3 } from "@mantine/core";
|
|
6799
6835
|
var getVoteIcon = (voteType) => {
|
|
6800
6836
|
switch (voteType) {
|
|
@@ -6837,7 +6873,7 @@ var FlowGeneralTab = ({
|
|
|
6837
6873
|
setRationale("");
|
|
6838
6874
|
}
|
|
6839
6875
|
};
|
|
6840
|
-
return /* @__PURE__ */
|
|
6876
|
+
return /* @__PURE__ */ React82.createElement(Stack64, { gap: "lg" }, !hasSubmittedProposal && /* @__PURE__ */ React82.createElement(
|
|
6841
6877
|
Card16,
|
|
6842
6878
|
{
|
|
6843
6879
|
padding: "md",
|
|
@@ -6848,7 +6884,7 @@ var FlowGeneralTab = ({
|
|
|
6848
6884
|
color: "#f1f3f5"
|
|
6849
6885
|
}
|
|
6850
6886
|
},
|
|
6851
|
-
/* @__PURE__ */
|
|
6887
|
+
/* @__PURE__ */ React82.createElement(Group22, { gap: "xs", align: "center" }, /* @__PURE__ */ React82.createElement(
|
|
6852
6888
|
Box16,
|
|
6853
6889
|
{
|
|
6854
6890
|
style: {
|
|
@@ -6858,9 +6894,9 @@ var FlowGeneralTab = ({
|
|
|
6858
6894
|
borderRadius: "50%"
|
|
6859
6895
|
}
|
|
6860
6896
|
}
|
|
6861
|
-
), /* @__PURE__ */
|
|
6862
|
-
/* @__PURE__ */
|
|
6863
|
-
), /* @__PURE__ */
|
|
6897
|
+
), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, "Waiting for Proposal Submission")),
|
|
6898
|
+
/* @__PURE__ */ React82.createElement(Text39, { size: "xs", style: { color: "#adb5bd", marginTop: 4 } }, "The connected proposal needs to be submitted before voting can begin.")
|
|
6899
|
+
), /* @__PURE__ */ React82.createElement(
|
|
6864
6900
|
Card16,
|
|
6865
6901
|
{
|
|
6866
6902
|
padding: "lg",
|
|
@@ -6872,7 +6908,7 @@ var FlowGeneralTab = ({
|
|
|
6872
6908
|
opacity: !hasSubmittedProposal ? 0.6 : 1
|
|
6873
6909
|
}
|
|
6874
6910
|
},
|
|
6875
|
-
/* @__PURE__ */
|
|
6911
|
+
/* @__PURE__ */ React82.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React82.createElement(
|
|
6876
6912
|
Box16,
|
|
6877
6913
|
{
|
|
6878
6914
|
w: 8,
|
|
@@ -6882,7 +6918,7 @@ var FlowGeneralTab = ({
|
|
|
6882
6918
|
borderRadius: "50%"
|
|
6883
6919
|
}
|
|
6884
6920
|
}
|
|
6885
|
-
), /* @__PURE__ */
|
|
6921
|
+
), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Status")), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? proposalStatus === "open" ? "Active" : proposalStatus || "Active" : "Waiting")), /* @__PURE__ */ React82.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Box16, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Proposal ID")), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? `#${proposalId}` : "TBD")), /* @__PURE__ */ React82.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Box16, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Title")), /* @__PURE__ */ React82.createElement(
|
|
6886
6922
|
Text39,
|
|
6887
6923
|
{
|
|
6888
6924
|
size: "sm",
|
|
@@ -6892,8 +6928,8 @@ var FlowGeneralTab = ({
|
|
|
6892
6928
|
}
|
|
6893
6929
|
},
|
|
6894
6930
|
hasSubmittedProposal ? proposalTitle || "Untitled" : "N/A"
|
|
6895
|
-
)), /* @__PURE__ */
|
|
6896
|
-
/* @__PURE__ */
|
|
6931
|
+
)), /* @__PURE__ */ React82.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Box16, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Description")), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#f1f3f5" }, title: proposalDescription }, hasSubmittedProposal ? proposalDescription ? proposalDescription.length > 30 ? proposalDescription.substring(0, 30) + "..." : proposalDescription : "No description" : "N/A")), /* @__PURE__ */ React82.createElement(Group22, { justify: "space-between" }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Box16, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "My Vote")), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? userVote?.vote ? userVote.vote.vote : "Pending" : "N/A"))),
|
|
6932
|
+
/* @__PURE__ */ React82.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, hasSubmittedProposal ? "Voting is open" : "Voting pending"), /* @__PURE__ */ React82.createElement(
|
|
6897
6933
|
Progress2,
|
|
6898
6934
|
{
|
|
6899
6935
|
value: hasSubmittedProposal ? 75 : 0,
|
|
@@ -6906,7 +6942,7 @@ var FlowGeneralTab = ({
|
|
|
6906
6942
|
}
|
|
6907
6943
|
}
|
|
6908
6944
|
))
|
|
6909
|
-
), hasSubmittedProposal && !hasVoted && (status === "open" || proposalStatus === "open") && /* @__PURE__ */
|
|
6945
|
+
), hasSubmittedProposal && !hasVoted && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React82.createElement(Stack64, { gap: "lg" }, disabled && isDisabled?.message && /* @__PURE__ */ React82.createElement(
|
|
6910
6946
|
Card16,
|
|
6911
6947
|
{
|
|
6912
6948
|
padding: "md",
|
|
@@ -6917,7 +6953,7 @@ var FlowGeneralTab = ({
|
|
|
6917
6953
|
color: "#f1f3f5"
|
|
6918
6954
|
}
|
|
6919
6955
|
},
|
|
6920
|
-
/* @__PURE__ */
|
|
6956
|
+
/* @__PURE__ */ React82.createElement(Group22, { gap: "xs", align: "center" }, /* @__PURE__ */ React82.createElement(
|
|
6921
6957
|
Box16,
|
|
6922
6958
|
{
|
|
6923
6959
|
style: {
|
|
@@ -6927,8 +6963,8 @@ var FlowGeneralTab = ({
|
|
|
6927
6963
|
borderRadius: "50%"
|
|
6928
6964
|
}
|
|
6929
6965
|
}
|
|
6930
|
-
), /* @__PURE__ */
|
|
6931
|
-
), /* @__PURE__ */
|
|
6966
|
+
), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, isDisabled.message))
|
|
6967
|
+
), /* @__PURE__ */ React82.createElement(Stack64, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React82.createElement(Tooltip3, { key: voteType, label: disabled ? isDisabled?.message : void 0, disabled: !disabled, position: "top" }, /* @__PURE__ */ React82.createElement(
|
|
6932
6968
|
Button14,
|
|
6933
6969
|
{
|
|
6934
6970
|
variant: "outline",
|
|
@@ -6947,8 +6983,8 @@ var FlowGeneralTab = ({
|
|
|
6947
6983
|
opacity: disabled ? 0.5 : 1
|
|
6948
6984
|
}
|
|
6949
6985
|
},
|
|
6950
|
-
/* @__PURE__ */
|
|
6951
|
-
)))), /* @__PURE__ */
|
|
6986
|
+
/* @__PURE__ */ React82.createElement(Text39, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
|
|
6987
|
+
)))), /* @__PURE__ */ React82.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "Rationale (optional)"), /* @__PURE__ */ React82.createElement(
|
|
6952
6988
|
Textarea17,
|
|
6953
6989
|
{
|
|
6954
6990
|
value: rationale,
|
|
@@ -6965,7 +7001,7 @@ var FlowGeneralTab = ({
|
|
|
6965
7001
|
}
|
|
6966
7002
|
}
|
|
6967
7003
|
}
|
|
6968
|
-
))), (status === "executed" || proposalStatus === "executed") && /* @__PURE__ */
|
|
7004
|
+
))), (status === "executed" || proposalStatus === "executed") && /* @__PURE__ */ React82.createElement(
|
|
6969
7005
|
Card16,
|
|
6970
7006
|
{
|
|
6971
7007
|
padding: "md",
|
|
@@ -6975,8 +7011,8 @@ var FlowGeneralTab = ({
|
|
|
6975
7011
|
border: "1px solid #333"
|
|
6976
7012
|
}
|
|
6977
7013
|
},
|
|
6978
|
-
/* @__PURE__ */
|
|
6979
|
-
), !hasSubmittedProposal && /* @__PURE__ */
|
|
7014
|
+
/* @__PURE__ */ React82.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Text39, { fw: 500, size: "sm", style: { color: "#f1f3f5" } }, "Proposal Executed"), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", style: { color: "#adb5bd" } }, "This proposal has been successfully executed."))
|
|
7015
|
+
), !hasSubmittedProposal && /* @__PURE__ */ React82.createElement(Stack64, { gap: "lg" }, /* @__PURE__ */ React82.createElement(Stack64, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React82.createElement(Tooltip3, { key: voteType, label: "Proposal must be submitted before voting", position: "top" }, /* @__PURE__ */ React82.createElement(
|
|
6980
7016
|
Button14,
|
|
6981
7017
|
{
|
|
6982
7018
|
variant: "outline",
|
|
@@ -6993,8 +7029,8 @@ var FlowGeneralTab = ({
|
|
|
6993
7029
|
opacity: 0.5
|
|
6994
7030
|
}
|
|
6995
7031
|
},
|
|
6996
|
-
/* @__PURE__ */
|
|
6997
|
-
))))), hasSubmittedProposal && !hasVoted && selectedVote && (status === "open" || proposalStatus === "open") && /* @__PURE__ */
|
|
7032
|
+
/* @__PURE__ */ React82.createElement(Text39, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
|
|
7033
|
+
))))), hasSubmittedProposal && !hasVoted && selectedVote && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React82.createElement(Tooltip3, { label: disabled ? isDisabled?.message : "Sign to vote", position: "top" }, /* @__PURE__ */ React82.createElement("div", null, /* @__PURE__ */ React82.createElement(
|
|
6998
7034
|
Button14,
|
|
6999
7035
|
{
|
|
7000
7036
|
size: "sm",
|
|
@@ -7010,7 +7046,7 @@ var FlowGeneralTab = ({
|
|
|
7010
7046
|
}
|
|
7011
7047
|
},
|
|
7012
7048
|
"Sign"
|
|
7013
|
-
))), hasVoted && hasSubmittedProposal && /* @__PURE__ */
|
|
7049
|
+
))), hasVoted && hasSubmittedProposal && /* @__PURE__ */ React82.createElement(
|
|
7014
7050
|
Card16,
|
|
7015
7051
|
{
|
|
7016
7052
|
padding: "md",
|
|
@@ -7021,7 +7057,7 @@ var FlowGeneralTab = ({
|
|
|
7021
7057
|
color: "#f1f3f5"
|
|
7022
7058
|
}
|
|
7023
7059
|
},
|
|
7024
|
-
/* @__PURE__ */
|
|
7060
|
+
/* @__PURE__ */ React82.createElement(Stack64, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs", align: "center" }, /* @__PURE__ */ React82.createElement(
|
|
7025
7061
|
Box16,
|
|
7026
7062
|
{
|
|
7027
7063
|
style: {
|
|
@@ -7031,12 +7067,12 @@ var FlowGeneralTab = ({
|
|
|
7031
7067
|
borderRadius: "50%"
|
|
7032
7068
|
}
|
|
7033
7069
|
}
|
|
7034
|
-
), /* @__PURE__ */
|
|
7070
|
+
), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", fw: 500, style: { color: "#51cf66" } }, "Vote Submitted")), /* @__PURE__ */ React82.createElement(Text39, { size: "xs", style: { color: "#adb5bd" } }, "You have already voted on this proposal. Your vote:", " ", /* @__PURE__ */ React82.createElement(Text39, { span: true, fw: 500, tt: "capitalize" }, userVote?.vote?.vote)))
|
|
7035
7071
|
));
|
|
7036
7072
|
};
|
|
7037
7073
|
|
|
7038
7074
|
// src/mantine/blocks/proposal/flow/ActionsTab.tsx
|
|
7039
|
-
import
|
|
7075
|
+
import React83, { useCallback as useCallback14, useEffect as useEffect14, useState as useState20 } from "react";
|
|
7040
7076
|
import { Alert as Alert8, Button as Button15, Card as Card17, Stack as Stack65, Text as Text40 } from "@mantine/core";
|
|
7041
7077
|
var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated }) => {
|
|
7042
7078
|
const [isEditorVisible, setIsEditorVisible] = useState20(false);
|
|
@@ -7057,12 +7093,12 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7057
7093
|
setIsEditorVisible(true);
|
|
7058
7094
|
}
|
|
7059
7095
|
}, [currentActions.length, isEditorVisible, isProposalCreated]);
|
|
7060
|
-
const handleAddAction =
|
|
7096
|
+
const handleAddAction = useCallback14(() => {
|
|
7061
7097
|
if (isProposalCreated) return;
|
|
7062
7098
|
setEditingIndex(null);
|
|
7063
7099
|
setIsEditorVisible(true);
|
|
7064
7100
|
}, [isProposalCreated]);
|
|
7065
|
-
const handleEditAction =
|
|
7101
|
+
const handleEditAction = useCallback14(
|
|
7066
7102
|
(index) => {
|
|
7067
7103
|
if (isProposalCreated) return;
|
|
7068
7104
|
setEditingIndex(index);
|
|
@@ -7070,7 +7106,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7070
7106
|
},
|
|
7071
7107
|
[isProposalCreated]
|
|
7072
7108
|
);
|
|
7073
|
-
const handleRemoveAction =
|
|
7109
|
+
const handleRemoveAction = useCallback14(
|
|
7074
7110
|
(index) => {
|
|
7075
7111
|
if (isProposalCreated) return;
|
|
7076
7112
|
const newActions = currentActions.filter((_, i) => i !== index);
|
|
@@ -7078,7 +7114,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7078
7114
|
},
|
|
7079
7115
|
[currentActions, onActionsChange, isProposalCreated]
|
|
7080
7116
|
);
|
|
7081
|
-
const handleSaveAction =
|
|
7117
|
+
const handleSaveAction = useCallback14(
|
|
7082
7118
|
(action) => {
|
|
7083
7119
|
let newActions;
|
|
7084
7120
|
if (editingIndex !== null) {
|
|
@@ -7092,11 +7128,11 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7092
7128
|
},
|
|
7093
7129
|
[editingIndex, currentActions, onActionsChange]
|
|
7094
7130
|
);
|
|
7095
|
-
const handleCancelEditor =
|
|
7131
|
+
const handleCancelEditor = useCallback14(() => {
|
|
7096
7132
|
setIsEditorVisible(false);
|
|
7097
7133
|
setEditingIndex(null);
|
|
7098
7134
|
}, []);
|
|
7099
|
-
return /* @__PURE__ */
|
|
7135
|
+
return /* @__PURE__ */ React83.createElement(Stack65, { gap: "md" }, isProposalCreated && /* @__PURE__ */ React83.createElement(Alert8, { color: "yellow", title: "Actions Locked" }, /* @__PURE__ */ React83.createElement(Text40, { size: "sm" }, "Actions cannot be edited after the proposal has been created. These actions are now part of the on-chain proposal.")), /* @__PURE__ */ React83.createElement(Stack65, { gap: "sm" }, !isProposalCreated && /* @__PURE__ */ React83.createElement(
|
|
7100
7136
|
Button15,
|
|
7101
7137
|
{
|
|
7102
7138
|
onClick: handleAddAction,
|
|
@@ -7108,7 +7144,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7108
7144
|
}
|
|
7109
7145
|
},
|
|
7110
7146
|
"Add Action"
|
|
7111
|
-
), /* @__PURE__ */
|
|
7147
|
+
), /* @__PURE__ */ React83.createElement(
|
|
7112
7148
|
ActionsCard,
|
|
7113
7149
|
{
|
|
7114
7150
|
actions: currentActions,
|
|
@@ -7119,7 +7155,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7119
7155
|
onRemoveAction: handleRemoveAction,
|
|
7120
7156
|
disabled: isProposalCreated
|
|
7121
7157
|
}
|
|
7122
|
-
)), !isProposalCreated && isEditorVisible && /* @__PURE__ */
|
|
7158
|
+
)), !isProposalCreated && isEditorVisible && /* @__PURE__ */ React83.createElement(
|
|
7123
7159
|
Card17,
|
|
7124
7160
|
{
|
|
7125
7161
|
withBorder: true,
|
|
@@ -7130,7 +7166,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7130
7166
|
borderColor: "#333"
|
|
7131
7167
|
}
|
|
7132
7168
|
},
|
|
7133
|
-
/* @__PURE__ */
|
|
7169
|
+
/* @__PURE__ */ React83.createElement(ActionsPanel, { actions: currentActions, editingIndex, onSave: handleSaveAction, onCancel: handleCancelEditor, isTemplateMode: false })
|
|
7134
7170
|
));
|
|
7135
7171
|
};
|
|
7136
7172
|
|
|
@@ -7146,7 +7182,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7146
7182
|
});
|
|
7147
7183
|
const isProposalCreated = !!proposalId;
|
|
7148
7184
|
const voteLogic = useVoteBusinessLogic({ block, editor });
|
|
7149
|
-
const updateProp =
|
|
7185
|
+
const updateProp = useCallback15(
|
|
7150
7186
|
(key, value) => {
|
|
7151
7187
|
editor.updateBlock(block, {
|
|
7152
7188
|
props: {
|
|
@@ -7183,7 +7219,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7183
7219
|
setIsCreating(false);
|
|
7184
7220
|
}
|
|
7185
7221
|
};
|
|
7186
|
-
const createProposalTab = /* @__PURE__ */
|
|
7222
|
+
const createProposalTab = /* @__PURE__ */ React84.createElement(Stack66, { gap: "lg" }, coreAddress && /* @__PURE__ */ React84.createElement(Card18, { padding: "sm", radius: "md", withBorder: true }, /* @__PURE__ */ React84.createElement(Text41, { size: "xs", c: "dimmed" }, "Core Address:", " ", /* @__PURE__ */ React84.createElement(Text41, { span: true, ff: "monospace", c: "bright" }, coreAddress.slice(0, 20), "...", coreAddress.slice(-10)))), /* @__PURE__ */ React84.createElement(
|
|
7187
7223
|
TextInput33,
|
|
7188
7224
|
{
|
|
7189
7225
|
label: "Title",
|
|
@@ -7194,7 +7230,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7194
7230
|
required: true,
|
|
7195
7231
|
disabled: isProposalCreated
|
|
7196
7232
|
}
|
|
7197
|
-
), /* @__PURE__ */
|
|
7233
|
+
), /* @__PURE__ */ React84.createElement(
|
|
7198
7234
|
Textarea18,
|
|
7199
7235
|
{
|
|
7200
7236
|
label: "Description",
|
|
@@ -7206,8 +7242,8 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7206
7242
|
required: true,
|
|
7207
7243
|
disabled: isProposalCreated
|
|
7208
7244
|
}
|
|
7209
|
-
), errors.general && /* @__PURE__ */
|
|
7210
|
-
const handleActionsChange =
|
|
7245
|
+
), errors.general && /* @__PURE__ */ React84.createElement(Text41, { size: "sm", c: "red" }, errors.general), isProposalCreated && /* @__PURE__ */ React84.createElement(Card18, { padding: "md", radius: "md", withBorder: true, style: { borderColor: "var(--mantine-color-green-6)" } }, /* @__PURE__ */ React84.createElement(Text41, { fw: 500, size: "sm", c: "green" }, "Proposal Created Successfully"), /* @__PURE__ */ React84.createElement(Text41, { size: "sm", c: "dimmed" }, "Your proposal has been created and is now open for voting.")), /* @__PURE__ */ React84.createElement(Button16, { fullWidth: true, onClick: handleCreateProposal, disabled: isProposalCreated, loading: isCreating }, isProposalCreated ? "Proposal Created" : "Create Proposal"));
|
|
7246
|
+
const handleActionsChange = useCallback15(
|
|
7211
7247
|
(newActions) => {
|
|
7212
7248
|
updateProp("actions", JSON.stringify(newActions));
|
|
7213
7249
|
},
|
|
@@ -7222,12 +7258,12 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7222
7258
|
{
|
|
7223
7259
|
label: "Actions",
|
|
7224
7260
|
value: "actions",
|
|
7225
|
-
content: /* @__PURE__ */
|
|
7261
|
+
content: /* @__PURE__ */ React84.createElement(ActionsTab2, { actions: block.props.actions || "[]", onActionsChange: handleActionsChange, editor, block, isProposalCreated })
|
|
7226
7262
|
},
|
|
7227
7263
|
{
|
|
7228
7264
|
label: "Vote",
|
|
7229
7265
|
value: "vote",
|
|
7230
|
-
content: /* @__PURE__ */
|
|
7266
|
+
content: /* @__PURE__ */ React84.createElement(
|
|
7231
7267
|
FlowGeneralTab,
|
|
7232
7268
|
{
|
|
7233
7269
|
proposalId: voteLogic.proposalId,
|
|
@@ -7243,7 +7279,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7243
7279
|
)
|
|
7244
7280
|
}
|
|
7245
7281
|
];
|
|
7246
|
-
return /* @__PURE__ */
|
|
7282
|
+
return /* @__PURE__ */ React84.createElement(
|
|
7247
7283
|
Paper7,
|
|
7248
7284
|
{
|
|
7249
7285
|
p: "md",
|
|
@@ -7254,7 +7290,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7254
7290
|
flexDirection: "column"
|
|
7255
7291
|
}
|
|
7256
7292
|
},
|
|
7257
|
-
/* @__PURE__ */
|
|
7293
|
+
/* @__PURE__ */ React84.createElement(
|
|
7258
7294
|
"div",
|
|
7259
7295
|
{
|
|
7260
7296
|
style: {
|
|
@@ -7264,10 +7300,10 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7264
7300
|
marginBottom: "1rem"
|
|
7265
7301
|
}
|
|
7266
7302
|
},
|
|
7267
|
-
/* @__PURE__ */
|
|
7268
|
-
/* @__PURE__ */
|
|
7303
|
+
/* @__PURE__ */ React84.createElement(Title6, { order: 3 }, "Proposal Settings"),
|
|
7304
|
+
/* @__PURE__ */ React84.createElement(CloseButton5, { onClick: closePanel })
|
|
7269
7305
|
),
|
|
7270
|
-
/* @__PURE__ */
|
|
7306
|
+
/* @__PURE__ */ React84.createElement(ReusablePanel, { extraTabs, context: { editor, block } })
|
|
7271
7307
|
);
|
|
7272
7308
|
};
|
|
7273
7309
|
|
|
@@ -7279,13 +7315,13 @@ var ProposalFlowView = ({ block, editor }) => {
|
|
|
7279
7315
|
block,
|
|
7280
7316
|
editor
|
|
7281
7317
|
});
|
|
7282
|
-
const panelContent =
|
|
7318
|
+
const panelContent = useMemo12(() => /* @__PURE__ */ React85.createElement(FlowConfig, { editor, block }), [editor, block]);
|
|
7283
7319
|
const { open } = usePanel(panelId, panelContent);
|
|
7284
7320
|
const handleVote = () => {
|
|
7285
7321
|
open();
|
|
7286
7322
|
};
|
|
7287
7323
|
const showVoteButton = (block.props.voteEnabled || false) && proposalId;
|
|
7288
|
-
return /* @__PURE__ */
|
|
7324
|
+
return /* @__PURE__ */ React85.createElement(
|
|
7289
7325
|
OnChainProposalCard,
|
|
7290
7326
|
{
|
|
7291
7327
|
title,
|
|
@@ -7312,10 +7348,10 @@ function ProposalBlock({ editor, block }) {
|
|
|
7312
7348
|
console.log("[ProposalBlock] Rendering with docType:", docType);
|
|
7313
7349
|
if (docType === "template") {
|
|
7314
7350
|
console.log("[ProposalBlock] Rendering ProposalTemplateView (docType is template)");
|
|
7315
|
-
return /* @__PURE__ */
|
|
7351
|
+
return /* @__PURE__ */ React86.createElement(ProposalTemplateView, { editor, block });
|
|
7316
7352
|
}
|
|
7317
7353
|
console.log("[ProposalBlock] Rendering ProposalFlowView (docType is flow)");
|
|
7318
|
-
return /* @__PURE__ */
|
|
7354
|
+
return /* @__PURE__ */ React86.createElement(ProposalFlowView, { block, editor });
|
|
7319
7355
|
}
|
|
7320
7356
|
|
|
7321
7357
|
// src/mantine/blocks/proposal/ProposalBlockSpec.tsx
|
|
@@ -7374,27 +7410,27 @@ var ProposalBlockSpec = createReactBlockSpec4(
|
|
|
7374
7410
|
{
|
|
7375
7411
|
render: (props) => {
|
|
7376
7412
|
const ixoProps = props;
|
|
7377
|
-
return /* @__PURE__ */
|
|
7413
|
+
return /* @__PURE__ */ React87.createElement(ProposalBlock, { ...ixoProps });
|
|
7378
7414
|
}
|
|
7379
7415
|
}
|
|
7380
7416
|
);
|
|
7381
7417
|
|
|
7382
7418
|
// src/mantine/blocks/apiRequest/ApiRequestBlockSpec.tsx
|
|
7383
|
-
import
|
|
7419
|
+
import React93 from "react";
|
|
7384
7420
|
import { createReactBlockSpec as createReactBlockSpec5 } from "@blocknote/react";
|
|
7385
7421
|
|
|
7386
7422
|
// src/mantine/blocks/apiRequest/ApiRequestBlock.tsx
|
|
7387
|
-
import
|
|
7423
|
+
import React92 from "react";
|
|
7388
7424
|
|
|
7389
7425
|
// src/mantine/blocks/apiRequest/template/TemplateView.tsx
|
|
7390
|
-
import
|
|
7426
|
+
import React90, { useMemo as useMemo13 } from "react";
|
|
7391
7427
|
|
|
7392
7428
|
// src/mantine/blocks/apiRequest/template/TemplateConfig.tsx
|
|
7393
|
-
import
|
|
7429
|
+
import React89, { useCallback as useCallback16 } from "react";
|
|
7394
7430
|
import { Paper as Paper9, CloseButton as CloseButton6, Title as Title7 } from "@mantine/core";
|
|
7395
7431
|
|
|
7396
7432
|
// src/mantine/blocks/apiRequest/template/GeneralTab.tsx
|
|
7397
|
-
import
|
|
7433
|
+
import React88, { useEffect as useEffect15, useState as useState22 } from "react";
|
|
7398
7434
|
import { Divider as Divider5, Select as Select10, Stack as Stack67, Text as Text42, TextInput as TextInput34, Textarea as Textarea19, Button as Button17, Group as Group23, ActionIcon as ActionIcon10, Paper as Paper8 } from "@mantine/core";
|
|
7399
7435
|
import { IconTrash, IconPlus } from "@tabler/icons-react";
|
|
7400
7436
|
var GeneralTab4 = ({
|
|
@@ -7455,7 +7491,7 @@ var GeneralTab4 = ({
|
|
|
7455
7491
|
setLocalBody(newBody);
|
|
7456
7492
|
onBodyChange(newBody);
|
|
7457
7493
|
};
|
|
7458
|
-
return /* @__PURE__ */
|
|
7494
|
+
return /* @__PURE__ */ React88.createElement(Stack67, { gap: "lg" }, /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React88.createElement(
|
|
7459
7495
|
TextInput34,
|
|
7460
7496
|
{
|
|
7461
7497
|
placeholder: "e.g. Submit User Data",
|
|
@@ -7466,7 +7502,7 @@ var GeneralTab4 = ({
|
|
|
7466
7502
|
onTitleChange(newTitle);
|
|
7467
7503
|
}
|
|
7468
7504
|
}
|
|
7469
|
-
)), /* @__PURE__ */
|
|
7505
|
+
)), /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React88.createElement(
|
|
7470
7506
|
Textarea19,
|
|
7471
7507
|
{
|
|
7472
7508
|
placeholder: "Describe what this API request does",
|
|
@@ -7478,7 +7514,7 @@ var GeneralTab4 = ({
|
|
|
7478
7514
|
onDescriptionChange(newDescription);
|
|
7479
7515
|
}
|
|
7480
7516
|
}
|
|
7481
|
-
)), /* @__PURE__ */
|
|
7517
|
+
)), /* @__PURE__ */ React88.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm", fw: 600 }, "HTTP Method"), /* @__PURE__ */ React88.createElement(
|
|
7482
7518
|
Select10,
|
|
7483
7519
|
{
|
|
7484
7520
|
value: localMethod,
|
|
@@ -7495,7 +7531,7 @@ var GeneralTab4 = ({
|
|
|
7495
7531
|
{ value: "PATCH", label: "PATCH" }
|
|
7496
7532
|
]
|
|
7497
7533
|
}
|
|
7498
|
-
)), /* @__PURE__ */
|
|
7534
|
+
)), /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm", fw: 600 }, "Endpoint URL"), /* @__PURE__ */ React88.createElement(
|
|
7499
7535
|
TextInput34,
|
|
7500
7536
|
{
|
|
7501
7537
|
placeholder: "https://api.example.com/endpoint",
|
|
@@ -7506,7 +7542,7 @@ var GeneralTab4 = ({
|
|
|
7506
7542
|
onEndpointChange(newEndpoint);
|
|
7507
7543
|
}
|
|
7508
7544
|
}
|
|
7509
|
-
)), /* @__PURE__ */
|
|
7545
|
+
)), /* @__PURE__ */ React88.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm", fw: 600 }, "Request Headers"), /* @__PURE__ */ React88.createElement(Button17, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React88.createElement(IconPlus, { size: 14 }), onClick: handleAddHeader }, "Add Header")), /* @__PURE__ */ React88.createElement(Text42, { size: "xs" }, "Add custom headers to your API request (e.g., Authorization, Content-Type)"), localHeaders.length > 0 && /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, localHeaders.map((header, index) => /* @__PURE__ */ React88.createElement(Paper8, { key: index, p: "xs" }, /* @__PURE__ */ React88.createElement(Group23, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React88.createElement(
|
|
7510
7546
|
TextInput34,
|
|
7511
7547
|
{
|
|
7512
7548
|
placeholder: "Header key (e.g., Authorization)",
|
|
@@ -7514,7 +7550,7 @@ var GeneralTab4 = ({
|
|
|
7514
7550
|
onChange: (event) => handleHeaderChange(index, "key", event.currentTarget.value),
|
|
7515
7551
|
style: { flex: 1 }
|
|
7516
7552
|
}
|
|
7517
|
-
), /* @__PURE__ */
|
|
7553
|
+
), /* @__PURE__ */ React88.createElement(
|
|
7518
7554
|
TextInput34,
|
|
7519
7555
|
{
|
|
7520
7556
|
placeholder: "Header value (e.g., Bearer token123)",
|
|
@@ -7522,7 +7558,7 @@ var GeneralTab4 = ({
|
|
|
7522
7558
|
onChange: (event) => handleHeaderChange(index, "value", event.currentTarget.value),
|
|
7523
7559
|
style: { flex: 1 }
|
|
7524
7560
|
}
|
|
7525
|
-
), /* @__PURE__ */
|
|
7561
|
+
), /* @__PURE__ */ React88.createElement(ActionIcon10, { color: "red", variant: "subtle", onClick: () => handleRemoveHeader(index) }, /* @__PURE__ */ React88.createElement(IconTrash, { size: 16 }))))))), /* @__PURE__ */ React88.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React88.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React88.createElement(Text42, { size: "sm", fw: 600 }, "Request Body (JSON)"), /* @__PURE__ */ React88.createElement(Button17, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React88.createElement(IconPlus, { size: 14 }), onClick: handleAddBodyField }, "Add Field")), /* @__PURE__ */ React88.createElement(Text42, { size: "xs" }, "Build your JSON request body as key-value pairs"), localBody.length > 0 && /* @__PURE__ */ React88.createElement(Stack67, { gap: "xs" }, localBody.map((field, index) => /* @__PURE__ */ React88.createElement(Paper8, { key: index, p: "xs" }, /* @__PURE__ */ React88.createElement(Group23, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React88.createElement(
|
|
7526
7562
|
TextInput34,
|
|
7527
7563
|
{
|
|
7528
7564
|
placeholder: "Field key (e.g., name)",
|
|
@@ -7530,7 +7566,7 @@ var GeneralTab4 = ({
|
|
|
7530
7566
|
onChange: (event) => handleBodyFieldChange(index, "key", event.currentTarget.value),
|
|
7531
7567
|
style: { flex: 1 }
|
|
7532
7568
|
}
|
|
7533
|
-
), /* @__PURE__ */
|
|
7569
|
+
), /* @__PURE__ */ React88.createElement(
|
|
7534
7570
|
TextInput34,
|
|
7535
7571
|
{
|
|
7536
7572
|
placeholder: "Field value (e.g., John Doe)",
|
|
@@ -7538,13 +7574,13 @@ var GeneralTab4 = ({
|
|
|
7538
7574
|
onChange: (event) => handleBodyFieldChange(index, "value", event.currentTarget.value),
|
|
7539
7575
|
style: { flex: 1 }
|
|
7540
7576
|
}
|
|
7541
|
-
), /* @__PURE__ */
|
|
7577
|
+
), /* @__PURE__ */ React88.createElement(ActionIcon10, { color: "red", variant: "subtle", onClick: () => handleRemoveBodyField(index) }, /* @__PURE__ */ React88.createElement(IconTrash, { size: 16 }))))))));
|
|
7542
7578
|
};
|
|
7543
7579
|
|
|
7544
7580
|
// src/mantine/blocks/apiRequest/template/TemplateConfig.tsx
|
|
7545
7581
|
var TemplateConfig4 = ({ editor, block }) => {
|
|
7546
7582
|
const { closePanel } = usePanelStore();
|
|
7547
|
-
const updateProp =
|
|
7583
|
+
const updateProp = useCallback16(
|
|
7548
7584
|
(key, value) => {
|
|
7549
7585
|
editor.updateBlock(block, {
|
|
7550
7586
|
props: {
|
|
@@ -7555,19 +7591,19 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
7555
7591
|
},
|
|
7556
7592
|
[editor, block]
|
|
7557
7593
|
);
|
|
7558
|
-
const handleHeadersChange =
|
|
7594
|
+
const handleHeadersChange = useCallback16(
|
|
7559
7595
|
(headers) => {
|
|
7560
7596
|
updateProp("headers", JSON.stringify(headers));
|
|
7561
7597
|
},
|
|
7562
7598
|
[updateProp]
|
|
7563
7599
|
);
|
|
7564
|
-
const handleBodyChange =
|
|
7600
|
+
const handleBodyChange = useCallback16(
|
|
7565
7601
|
(body) => {
|
|
7566
7602
|
updateProp("body", JSON.stringify(body));
|
|
7567
7603
|
},
|
|
7568
7604
|
[updateProp]
|
|
7569
7605
|
);
|
|
7570
|
-
return /* @__PURE__ */
|
|
7606
|
+
return /* @__PURE__ */ React89.createElement(
|
|
7571
7607
|
Paper9,
|
|
7572
7608
|
{
|
|
7573
7609
|
p: "md",
|
|
@@ -7578,7 +7614,7 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
7578
7614
|
flexDirection: "column"
|
|
7579
7615
|
}
|
|
7580
7616
|
},
|
|
7581
|
-
/* @__PURE__ */
|
|
7617
|
+
/* @__PURE__ */ React89.createElement(
|
|
7582
7618
|
"div",
|
|
7583
7619
|
{
|
|
7584
7620
|
style: {
|
|
@@ -7588,17 +7624,17 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
7588
7624
|
marginBottom: "1rem"
|
|
7589
7625
|
}
|
|
7590
7626
|
},
|
|
7591
|
-
/* @__PURE__ */
|
|
7592
|
-
/* @__PURE__ */
|
|
7627
|
+
/* @__PURE__ */ React89.createElement(Title7, { order: 3 }, "API Request Settings"),
|
|
7628
|
+
/* @__PURE__ */ React89.createElement(CloseButton6, { onClick: closePanel })
|
|
7593
7629
|
),
|
|
7594
|
-
/* @__PURE__ */
|
|
7630
|
+
/* @__PURE__ */ React89.createElement(
|
|
7595
7631
|
ReusablePanel,
|
|
7596
7632
|
{
|
|
7597
7633
|
extraTabs: [
|
|
7598
7634
|
{
|
|
7599
7635
|
label: "General",
|
|
7600
7636
|
value: "general",
|
|
7601
|
-
content: /* @__PURE__ */
|
|
7637
|
+
content: /* @__PURE__ */ React89.createElement(
|
|
7602
7638
|
GeneralTab4,
|
|
7603
7639
|
{
|
|
7604
7640
|
title: block.props.title || "",
|
|
@@ -7640,7 +7676,7 @@ import { Card as Card19, Group as Group24, Stack as Stack68, Text as Text43, Act
|
|
|
7640
7676
|
var API_REQUEST_TEMPLATE_PANEL_ID = "api-request-template-panel";
|
|
7641
7677
|
var ApiRequestTemplateView = ({ editor, block }) => {
|
|
7642
7678
|
const panelId = `${API_REQUEST_TEMPLATE_PANEL_ID}-${block.id}`;
|
|
7643
|
-
const panelContent =
|
|
7679
|
+
const panelContent = useMemo13(() => /* @__PURE__ */ React90.createElement(TemplateConfig4, { editor, block }), [editor, block]);
|
|
7644
7680
|
const { open } = usePanel(panelId, panelContent);
|
|
7645
7681
|
const method = block.props.method || "GET";
|
|
7646
7682
|
const endpoint = block.props.endpoint || "https://api.example.com/endpoint";
|
|
@@ -7660,11 +7696,11 @@ var ApiRequestTemplateView = ({ editor, block }) => {
|
|
|
7660
7696
|
return "gray";
|
|
7661
7697
|
}
|
|
7662
7698
|
};
|
|
7663
|
-
return /* @__PURE__ */
|
|
7699
|
+
return /* @__PURE__ */ React90.createElement(Card19, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React90.createElement(Badge10, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React90.createElement(Group24, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React90.createElement(Group24, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React90.createElement(ActionIcon11, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React90.createElement(Stack68, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React90.createElement(Group24, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React90.createElement(Badge10, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React90.createElement(Text43, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request")), /* @__PURE__ */ React90.createElement(Text43, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, endpoint), block.props.description && /* @__PURE__ */ React90.createElement(Text43, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
|
|
7664
7700
|
};
|
|
7665
7701
|
|
|
7666
7702
|
// src/mantine/blocks/apiRequest/flow/FlowView.tsx
|
|
7667
|
-
import
|
|
7703
|
+
import React91, { useState as useState23 } from "react";
|
|
7668
7704
|
import { Card as Card20, Group as Group25, Stack as Stack69, Text as Text44, ActionIcon as ActionIcon12, Tooltip as Tooltip4, Button as Button18, Badge as Badge11, Collapse as Collapse2, Code, Loader as Loader4, Alert as Alert9 } from "@mantine/core";
|
|
7669
7705
|
import { IconSend, IconChevronDown as IconChevronDown2, IconChevronUp as IconChevronUp2 } from "@tabler/icons-react";
|
|
7670
7706
|
var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
@@ -7783,20 +7819,20 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
|
7783
7819
|
setIsLoading(false);
|
|
7784
7820
|
}
|
|
7785
7821
|
};
|
|
7786
|
-
const executeButton = /* @__PURE__ */
|
|
7822
|
+
const executeButton = /* @__PURE__ */ React91.createElement(
|
|
7787
7823
|
Button18,
|
|
7788
7824
|
{
|
|
7789
7825
|
size: "sm",
|
|
7790
7826
|
variant: "light",
|
|
7791
7827
|
color: getMethodColor(method),
|
|
7792
|
-
leftSection: isLoading ? /* @__PURE__ */
|
|
7828
|
+
leftSection: isLoading ? /* @__PURE__ */ React91.createElement(Loader4, { size: 14 }) : /* @__PURE__ */ React91.createElement(IconSend, { size: 14 }),
|
|
7793
7829
|
onClick: handleExecuteRequest,
|
|
7794
7830
|
disabled: disabled || isLoading || !endpoint,
|
|
7795
7831
|
style: { flexShrink: 0 }
|
|
7796
7832
|
},
|
|
7797
7833
|
isLoading ? "Sending..." : "Execute"
|
|
7798
7834
|
);
|
|
7799
|
-
return /* @__PURE__ */
|
|
7835
|
+
return /* @__PURE__ */ React91.createElement(Card20, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React91.createElement(Stack69, { gap: "md" }, /* @__PURE__ */ React91.createElement(Group25, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React91.createElement(Group25, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React91.createElement(ActionIcon12, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React91.createElement(Group25, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React91.createElement(Badge11, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React91.createElement(Text44, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request"), status !== "idle" && /* @__PURE__ */ React91.createElement(Badge11, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React91.createElement(
|
|
7800
7836
|
Text44,
|
|
7801
7837
|
{
|
|
7802
7838
|
size: "xs",
|
|
@@ -7809,7 +7845,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
|
7809
7845
|
}
|
|
7810
7846
|
},
|
|
7811
7847
|
endpoint || "No endpoint configured"
|
|
7812
|
-
), block.props.description && /* @__PURE__ */
|
|
7848
|
+
), block.props.description && /* @__PURE__ */ React91.createElement(Text44, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React91.createElement(Group25, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React91.createElement(Tooltip4, { label: isDisabled.message, position: "left", withArrow: true }, executeButton) : executeButton, /* @__PURE__ */ React91.createElement(ActionIcon12, { variant: "subtle", onClick: () => setShowDetails(!showDetails), disabled: headers.length === 0 && body.length === 0 && !response }, showDetails ? /* @__PURE__ */ React91.createElement(IconChevronUp2, { size: 16 }) : /* @__PURE__ */ React91.createElement(IconChevronDown2, { size: 16 })))), /* @__PURE__ */ React91.createElement(Collapse2, { in: showDetails }, /* @__PURE__ */ React91.createElement(Stack69, { gap: "md" }, headers.length > 0 && /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "xs", fw: 600, c: "dimmed" }, "Headers:"), /* @__PURE__ */ React91.createElement(Code, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
|
|
7813
7849
|
headers.reduce(
|
|
7814
7850
|
(acc, h) => {
|
|
7815
7851
|
if (h.key && h.value) acc[h.key] = h.value;
|
|
@@ -7819,7 +7855,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
|
7819
7855
|
),
|
|
7820
7856
|
null,
|
|
7821
7857
|
2
|
|
7822
|
-
))), method !== "GET" && body.length > 0 && /* @__PURE__ */
|
|
7858
|
+
))), method !== "GET" && body.length > 0 && /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "xs", fw: 600, c: "dimmed" }, "Body:"), /* @__PURE__ */ React91.createElement(Code, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
|
|
7823
7859
|
body.reduce(
|
|
7824
7860
|
(acc, b) => {
|
|
7825
7861
|
if (b.key && b.value) acc[b.key] = b.value;
|
|
@@ -7829,7 +7865,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
|
7829
7865
|
),
|
|
7830
7866
|
null,
|
|
7831
7867
|
2
|
|
7832
|
-
))), response && /* @__PURE__ */
|
|
7868
|
+
))), response && /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "xs", fw: 600, c: "dimmed" }, "Response:"), status === "error" ? /* @__PURE__ */ React91.createElement(Alert9, { color: "red", title: "Error", styles: { message: { fontSize: "11px" } } }, /* @__PURE__ */ React91.createElement(Code, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React91.createElement(Code, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response))))));
|
|
7833
7869
|
};
|
|
7834
7870
|
|
|
7835
7871
|
// src/mantine/blocks/apiRequest/ApiRequestBlock.tsx
|
|
@@ -7837,7 +7873,7 @@ function ApiRequestBlock({ editor, block }) {
|
|
|
7837
7873
|
const { docType } = useBlocknoteContext();
|
|
7838
7874
|
const { actions } = useBlockConditions(block, editor);
|
|
7839
7875
|
if (docType === "template") {
|
|
7840
|
-
return /* @__PURE__ */
|
|
7876
|
+
return /* @__PURE__ */ React92.createElement(ApiRequestTemplateView, { editor, block });
|
|
7841
7877
|
}
|
|
7842
7878
|
const conditionConfig = parseConditionConfig(block.props.conditions);
|
|
7843
7879
|
const hasVisibility = hasVisibilityConditions(conditionConfig);
|
|
@@ -7849,7 +7885,7 @@ function ApiRequestBlock({ editor, block }) {
|
|
|
7849
7885
|
const hasEnable = hasEnableConditions(conditionConfig);
|
|
7850
7886
|
const enableActionExists = actions.some((a) => a.action === "enable");
|
|
7851
7887
|
const shouldDisable = hasEnable && !enableActionExists;
|
|
7852
|
-
return /* @__PURE__ */
|
|
7888
|
+
return /* @__PURE__ */ React92.createElement(
|
|
7853
7889
|
ApiRequestFlowView,
|
|
7854
7890
|
{
|
|
7855
7891
|
block,
|
|
@@ -7903,36 +7939,36 @@ var ApiRequestBlockSpec = createReactBlockSpec5(
|
|
|
7903
7939
|
{
|
|
7904
7940
|
render: (props) => {
|
|
7905
7941
|
const ixoProps = props;
|
|
7906
|
-
return /* @__PURE__ */
|
|
7942
|
+
return /* @__PURE__ */ React93.createElement(ApiRequestBlock, { ...ixoProps });
|
|
7907
7943
|
}
|
|
7908
7944
|
}
|
|
7909
7945
|
);
|
|
7910
7946
|
|
|
7911
7947
|
// src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
|
|
7912
|
-
import
|
|
7948
|
+
import React100, { useState as useState25, useEffect as useEffect16, useMemo as useMemo14, useCallback as useCallback17 } from "react";
|
|
7913
7949
|
import { createReactBlockSpec as createReactBlockSpec6 } from "@blocknote/react";
|
|
7914
7950
|
import { Stack as Stack75, Text as Text50, Button as Button23, ActionIcon as ActionIcon13, Center as Center3, Flex as Flex19 } from "@mantine/core";
|
|
7915
7951
|
|
|
7916
7952
|
// src/mantine/blocks/enumChecklist/oracle_personalities/index.tsx
|
|
7917
|
-
import
|
|
7953
|
+
import React94 from "react";
|
|
7918
7954
|
import { Box as Box17, Flex as Flex18, Stack as Stack70, Text as Text45, Image as Image13 } from "@mantine/core";
|
|
7919
7955
|
function OraclePersonalitiesEnumList({ selectionMode, isItemChecked, onItemCheck, items }) {
|
|
7920
7956
|
if (!items || items.length === 0) {
|
|
7921
|
-
return /* @__PURE__ */
|
|
7957
|
+
return /* @__PURE__ */ React94.createElement(Text45, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
|
|
7922
7958
|
}
|
|
7923
|
-
const rows = items.map(({ id, name, description, voice, icon }) => /* @__PURE__ */
|
|
7924
|
-
return /* @__PURE__ */
|
|
7959
|
+
const rows = items.map(({ id, name, description, voice, icon }) => /* @__PURE__ */ React94.createElement(ListItemContainer, { key: id }, /* @__PURE__ */ React94.createElement(Flex18, { align: "center", gap: "sm" }, /* @__PURE__ */ React94.createElement(Image13, { radius: 16, w: 62, h: 62, src: icon, alt: name }), /* @__PURE__ */ React94.createElement(Stack70, { gap: 0 }, /* @__PURE__ */ React94.createElement(Text45, { size: "sm", fw: 500 }, name || "-"), description !== void 0 && /* @__PURE__ */ React94.createElement(Text45, { size: "sm", c: "dimmed" }, description))), /* @__PURE__ */ React94.createElement(Flex18, { align: "center", gap: "md" }, /* @__PURE__ */ React94.createElement(Stack70, { ta: "right", gap: 0 }, /* @__PURE__ */ React94.createElement(Text45, { size: "sm", fw: 500 }, "Voice"), /* @__PURE__ */ React94.createElement(Text45, { size: "sm", c: "dimmed" }, voice)), selectionMode && /* @__PURE__ */ React94.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${name}`, checked: isItemChecked?.(id), onCheck: (checked) => onItemCheck?.(id, checked) }))));
|
|
7960
|
+
return /* @__PURE__ */ React94.createElement(Box17, { flex: 1 }, /* @__PURE__ */ React94.createElement(Stack70, null, rows));
|
|
7925
7961
|
}
|
|
7926
7962
|
|
|
7927
7963
|
// src/mantine/blocks/enumChecklist/EnumChecklistConfigModal.tsx
|
|
7928
|
-
import
|
|
7964
|
+
import React99, { useState as useState24 } from "react";
|
|
7929
7965
|
import { Modal, Group as Group29, Box as Box19 } from "@mantine/core";
|
|
7930
7966
|
|
|
7931
7967
|
// src/mantine/blocks/list/modal/ModalNavigation.tsx
|
|
7932
|
-
import
|
|
7968
|
+
import React95 from "react";
|
|
7933
7969
|
import { Stack as Stack71, Button as Button19, Text as Text46 } from "@mantine/core";
|
|
7934
7970
|
var ModalNavigation = ({ steps, activeStep, onStepChange, showUpdateButton = false, onUpdateBlock }) => {
|
|
7935
|
-
return /* @__PURE__ */
|
|
7971
|
+
return /* @__PURE__ */ React95.createElement(Stack71, { gap: "xs", style: { height: "100%" } }, /* @__PURE__ */ React95.createElement(Stack71, { gap: "xs", style: { flex: 1 } }, steps.map((step) => /* @__PURE__ */ React95.createElement(
|
|
7936
7972
|
Button19,
|
|
7937
7973
|
{
|
|
7938
7974
|
key: step.id,
|
|
@@ -7950,12 +7986,12 @@ var ModalNavigation = ({ steps, activeStep, onStepChange, showUpdateButton = fal
|
|
|
7950
7986
|
}
|
|
7951
7987
|
}
|
|
7952
7988
|
},
|
|
7953
|
-
/* @__PURE__ */
|
|
7954
|
-
))), showUpdateButton && /* @__PURE__ */
|
|
7989
|
+
/* @__PURE__ */ React95.createElement(Stack71, { gap: 2, align: "flex-start" }, /* @__PURE__ */ React95.createElement(Text46, { size: "sm", fw: 500 }, step.label), /* @__PURE__ */ React95.createElement(Text46, { size: "xs", opacity: 0.7 }, step.description))
|
|
7990
|
+
))), showUpdateButton && /* @__PURE__ */ React95.createElement(Button19, { variant: "filled", color: "blue", onClick: onUpdateBlock, style: { marginTop: "auto" } }, "Update Block"));
|
|
7955
7991
|
};
|
|
7956
7992
|
|
|
7957
7993
|
// src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
|
|
7958
|
-
import
|
|
7994
|
+
import React96 from "react";
|
|
7959
7995
|
import { Stack as Stack72, Card as Card21, Group as Group26, Text as Text47, Box as Box18, Button as Button20 } from "@mantine/core";
|
|
7960
7996
|
|
|
7961
7997
|
// src/mantine/blocks/enumChecklist/oracle_personalities/config.ts
|
|
@@ -8085,7 +8121,7 @@ function getEnumListItems(type) {
|
|
|
8085
8121
|
// src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
|
|
8086
8122
|
var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
|
|
8087
8123
|
const enumListsMeta = getEnumListTypesMetadata();
|
|
8088
|
-
return /* @__PURE__ */
|
|
8124
|
+
return /* @__PURE__ */ React96.createElement(Stack72, { gap: "md" }, /* @__PURE__ */ React96.createElement("div", null, /* @__PURE__ */ React96.createElement(Text47, { size: "lg", fw: 600, mb: "xs" }, "Choose List Type"), /* @__PURE__ */ React96.createElement(Text47, { size: "sm", c: "dimmed" }, "Select the type of list you want to create")), /* @__PURE__ */ React96.createElement(Stack72, { gap: "sm" }, enumListsMeta.map((enumChecklistMeta) => /* @__PURE__ */ React96.createElement(
|
|
8089
8125
|
Card21,
|
|
8090
8126
|
{
|
|
8091
8127
|
key: enumChecklistMeta.id,
|
|
@@ -8098,7 +8134,7 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
|
|
|
8098
8134
|
},
|
|
8099
8135
|
onClick: () => onTypeSelect(enumChecklistMeta.id)
|
|
8100
8136
|
},
|
|
8101
|
-
/* @__PURE__ */
|
|
8137
|
+
/* @__PURE__ */ React96.createElement(Group26, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React96.createElement(
|
|
8102
8138
|
Box18,
|
|
8103
8139
|
{
|
|
8104
8140
|
style: {
|
|
@@ -8114,27 +8150,27 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
|
|
|
8114
8150
|
}
|
|
8115
8151
|
},
|
|
8116
8152
|
enumChecklistMeta.icon
|
|
8117
|
-
), /* @__PURE__ */
|
|
8118
|
-
))), /* @__PURE__ */
|
|
8153
|
+
), /* @__PURE__ */ React96.createElement(Stack72, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React96.createElement(Text47, { size: "md", fw: 600 }, enumChecklistMeta.name), /* @__PURE__ */ React96.createElement(Text47, { size: "sm", c: "dimmed" }, enumChecklistMeta.description)))
|
|
8154
|
+
))), /* @__PURE__ */ React96.createElement(Group26, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React96.createElement(Button20, { onClick: onNext, disabled: !selectedType }, "Next")));
|
|
8119
8155
|
};
|
|
8120
8156
|
|
|
8121
8157
|
// src/mantine/blocks/enumChecklist/EnumChecklistPreviewStep.tsx
|
|
8122
|
-
import
|
|
8158
|
+
import React97 from "react";
|
|
8123
8159
|
import { Stack as Stack73, Text as Text48, Button as Button21, Group as Group27 } from "@mantine/core";
|
|
8124
8160
|
var EnumChecklistPreviewStep = ({ listType, onAddToBlock, onPrev }) => {
|
|
8125
8161
|
const renderListComponent = () => {
|
|
8126
8162
|
switch (listType) {
|
|
8127
8163
|
case "oracle_personalities":
|
|
8128
|
-
return /* @__PURE__ */
|
|
8164
|
+
return /* @__PURE__ */ React97.createElement(OraclePersonalitiesEnumList, { items: getEnumListItems(listType) });
|
|
8129
8165
|
default:
|
|
8130
8166
|
return null;
|
|
8131
8167
|
}
|
|
8132
8168
|
};
|
|
8133
|
-
return /* @__PURE__ */
|
|
8169
|
+
return /* @__PURE__ */ React97.createElement(Stack73, { gap: "md" }, /* @__PURE__ */ React97.createElement("div", null, /* @__PURE__ */ React97.createElement(Text48, { size: "lg", fw: 600, mb: "xs" }, "Preview ", getEnumListNameByType(listType)), /* @__PURE__ */ React97.createElement(Text48, { size: "sm", c: "dimmed" }, "Preview how your list will look with the current configuration")), /* @__PURE__ */ React97.createElement("div", { style: { maxHeight: "400px", overflow: "auto" } }, renderListComponent()), /* @__PURE__ */ React97.createElement(Group27, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React97.createElement(Button21, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React97.createElement(Button21, { onClick: onAddToBlock }, "Add to Block")));
|
|
8134
8170
|
};
|
|
8135
8171
|
|
|
8136
8172
|
// src/mantine/blocks/enumChecklist/EnumChecklistConfigurationStep.tsx
|
|
8137
|
-
import
|
|
8173
|
+
import React98 from "react";
|
|
8138
8174
|
import { Stack as Stack74, TextInput as TextInput35, Text as Text49, Button as Button22, Group as Group28, Switch as Switch4, Select as Select11 } from "@mantine/core";
|
|
8139
8175
|
var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onConfigChange, onPrev, onNext, isValid }) => {
|
|
8140
8176
|
const typeConfig = ENUM_LIST_CONFIG[listType];
|
|
@@ -8142,7 +8178,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8142
8178
|
const renderListConfigField = (field) => {
|
|
8143
8179
|
switch (field.type) {
|
|
8144
8180
|
case "text":
|
|
8145
|
-
return /* @__PURE__ */
|
|
8181
|
+
return /* @__PURE__ */ React98.createElement(
|
|
8146
8182
|
TextInput35,
|
|
8147
8183
|
{
|
|
8148
8184
|
label: field.label,
|
|
@@ -8154,7 +8190,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8154
8190
|
}
|
|
8155
8191
|
);
|
|
8156
8192
|
case "switch":
|
|
8157
|
-
return /* @__PURE__ */
|
|
8193
|
+
return /* @__PURE__ */ React98.createElement(
|
|
8158
8194
|
Switch4,
|
|
8159
8195
|
{
|
|
8160
8196
|
label: field.label,
|
|
@@ -8164,7 +8200,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8164
8200
|
}
|
|
8165
8201
|
);
|
|
8166
8202
|
case "select":
|
|
8167
|
-
return /* @__PURE__ */
|
|
8203
|
+
return /* @__PURE__ */ React98.createElement(
|
|
8168
8204
|
Select11,
|
|
8169
8205
|
{
|
|
8170
8206
|
label: field.label,
|
|
@@ -8177,7 +8213,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8177
8213
|
}
|
|
8178
8214
|
);
|
|
8179
8215
|
default:
|
|
8180
|
-
return /* @__PURE__ */
|
|
8216
|
+
return /* @__PURE__ */ React98.createElement(
|
|
8181
8217
|
TextInput35,
|
|
8182
8218
|
{
|
|
8183
8219
|
label: field.label,
|
|
@@ -8190,7 +8226,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8190
8226
|
);
|
|
8191
8227
|
}
|
|
8192
8228
|
};
|
|
8193
|
-
return /* @__PURE__ */
|
|
8229
|
+
return /* @__PURE__ */ React98.createElement(Stack74, { gap: "md" }, /* @__PURE__ */ React98.createElement("div", null, /* @__PURE__ */ React98.createElement(Text49, { size: "lg", fw: 600, mb: "xs" }, "Configure ", typeConfig.metadata.name), /* @__PURE__ */ React98.createElement(Text49, { size: "sm", c: "dimmed" }, typeConfig.metadata.description)), /* @__PURE__ */ React98.createElement(Stack74, { gap: "sm" }, configFields.map((field) => /* @__PURE__ */ React98.createElement("div", { key: field.key }, renderListConfigField(field)))), /* @__PURE__ */ React98.createElement(Group28, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React98.createElement(Button22, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React98.createElement(Button22, { onClick: onNext, disabled: !isValid }, "Next")));
|
|
8194
8230
|
};
|
|
8195
8231
|
|
|
8196
8232
|
// src/mantine/blocks/enumChecklist/EnumChecklistConfigModal.tsx
|
|
@@ -8252,9 +8288,9 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
|
|
|
8252
8288
|
const renderStepContent = () => {
|
|
8253
8289
|
switch (activeStep) {
|
|
8254
8290
|
case "type":
|
|
8255
|
-
return /* @__PURE__ */
|
|
8291
|
+
return /* @__PURE__ */ React99.createElement(EnumChecklistTypeSelection, { selectedType, onTypeSelect: handleTypeSelect, onNext: () => setActiveStep("configure") });
|
|
8256
8292
|
case "configure":
|
|
8257
|
-
return selectedType ? /* @__PURE__ */
|
|
8293
|
+
return selectedType ? /* @__PURE__ */ React99.createElement(
|
|
8258
8294
|
EnumChecklistConfigurationStep,
|
|
8259
8295
|
{
|
|
8260
8296
|
enumChecklistType: selectedType,
|
|
@@ -8266,22 +8302,22 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
|
|
|
8266
8302
|
}
|
|
8267
8303
|
) : null;
|
|
8268
8304
|
case "preview":
|
|
8269
|
-
return selectedType ? /* @__PURE__ */
|
|
8305
|
+
return selectedType ? /* @__PURE__ */ React99.createElement(EnumChecklistPreviewStep, { listType: selectedType, onAddToBlock: handleAddToBlock, onPrev: () => setActiveStep("configure") }) : null;
|
|
8270
8306
|
default:
|
|
8271
8307
|
return null;
|
|
8272
8308
|
}
|
|
8273
8309
|
};
|
|
8274
|
-
return /* @__PURE__ */
|
|
8310
|
+
return /* @__PURE__ */ React99.createElement(Modal, { opened, onClose: handleClose, title: "Configure Enum Checklist Block", size: "xl" }, /* @__PURE__ */ React99.createElement(Group29, { align: "flex-start", gap: "lg", style: { minHeight: "400px" } }, /* @__PURE__ */ React99.createElement(Box19, { style: { width: "200px", flexShrink: 0, height: "400px", display: "flex" } }, /* @__PURE__ */ React99.createElement(ModalNavigation, { steps, activeStep, onStepChange: setActiveStep, showUpdateButton: selectedType !== null, onUpdateBlock: handleAddToBlock })), /* @__PURE__ */ React99.createElement(Box19, { style: { flex: 1 } }, renderStepContent())));
|
|
8275
8311
|
};
|
|
8276
8312
|
|
|
8277
8313
|
// src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
|
|
8278
|
-
var IconSettings2 = () => /* @__PURE__ */
|
|
8314
|
+
var IconSettings2 = () => /* @__PURE__ */ React100.createElement("span", null, "\u2699\uFE0F");
|
|
8279
8315
|
var EnumChecklistBlockType = "enumChecklist";
|
|
8280
8316
|
var EnumChecklistBlockContent = ({ block, editor }) => {
|
|
8281
8317
|
const [modalOpened, setModalOpened] = useState25(false);
|
|
8282
8318
|
const { editable } = useBlocknoteContext();
|
|
8283
8319
|
const listType = block.props.listType && block.props.listType !== "" ? block.props.listType : null;
|
|
8284
|
-
const listConfig =
|
|
8320
|
+
const listConfig = useMemo14(() => {
|
|
8285
8321
|
if (block.props.listConfig && block.props.listConfig !== "{}") {
|
|
8286
8322
|
try {
|
|
8287
8323
|
return JSON.parse(block.props.listConfig);
|
|
@@ -8292,7 +8328,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
|
|
|
8292
8328
|
}
|
|
8293
8329
|
return {};
|
|
8294
8330
|
}, [block.props.listConfig]);
|
|
8295
|
-
const selectedIds =
|
|
8331
|
+
const selectedIds = useMemo14(() => {
|
|
8296
8332
|
if (block.props.selectedIds && block.props.selectedIds !== "[]") {
|
|
8297
8333
|
try {
|
|
8298
8334
|
return new Set(JSON.parse(block.props.selectedIds));
|
|
@@ -8312,13 +8348,13 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
|
|
|
8312
8348
|
});
|
|
8313
8349
|
}
|
|
8314
8350
|
}, [listConfig?.selection_mode, selectedIds]);
|
|
8315
|
-
const isItemChecked =
|
|
8351
|
+
const isItemChecked = useCallback17(
|
|
8316
8352
|
(id) => {
|
|
8317
8353
|
return selectedIds.has(id);
|
|
8318
8354
|
},
|
|
8319
8355
|
[selectedIds]
|
|
8320
8356
|
);
|
|
8321
|
-
const onItemCheck =
|
|
8357
|
+
const onItemCheck = useCallback17(
|
|
8322
8358
|
(id, checked) => {
|
|
8323
8359
|
const currentSelectedIds = Array.from(selectedIds);
|
|
8324
8360
|
let newSelectedIds;
|
|
@@ -8361,7 +8397,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
|
|
|
8361
8397
|
if (!listType) return null;
|
|
8362
8398
|
switch (listType) {
|
|
8363
8399
|
case "oracle_personalities":
|
|
8364
|
-
return /* @__PURE__ */
|
|
8400
|
+
return /* @__PURE__ */ React100.createElement(
|
|
8365
8401
|
OraclePersonalitiesEnumList,
|
|
8366
8402
|
{
|
|
8367
8403
|
items: getEnumListItems(listType),
|
|
@@ -8374,7 +8410,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
|
|
|
8374
8410
|
return null;
|
|
8375
8411
|
}
|
|
8376
8412
|
};
|
|
8377
|
-
return /* @__PURE__ */
|
|
8413
|
+
return /* @__PURE__ */ React100.createElement(Stack75, { w: "100%" }, listType && /* @__PURE__ */ React100.createElement(Flex19, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React100.createElement(Text50, null, getEnumListNameByType(listType)), listConfig.listSelectionMode && /* @__PURE__ */ React100.createElement(Text50, { lh: 0.5, c: "dimmed" }, listConfig?.selection_mode === "single" ? "Single Selection" : "Multi Selection"), editable && /* @__PURE__ */ React100.createElement(Flex19, { justify: listType ? "space-between" : "flex-end" }, /* @__PURE__ */ React100.createElement(Flex19, { gap: "xs" }, /* @__PURE__ */ React100.createElement(ActionIcon13, { variant: "subtle", size: "sm", onClick: () => setModalOpened(true) }, /* @__PURE__ */ React100.createElement(IconSettings2, null))))), /* @__PURE__ */ React100.createElement(Flex19, { flex: 1 }, !listType ? /* @__PURE__ */ React100.createElement(Center3, { py: "xl" }, /* @__PURE__ */ React100.createElement(Stack75, { align: "center", gap: "sm" }, /* @__PURE__ */ React100.createElement(Text50, { size: "sm", c: "dimmed", ta: "center" }, "No list type configured"), /* @__PURE__ */ React100.createElement(Button23, { size: "sm", variant: "light", onClick: () => setModalOpened(true) }, "Configure List"))) : /* @__PURE__ */ React100.createElement(Stack75, { gap: "md", flex: 1 }, renderListComponent())), /* @__PURE__ */ React100.createElement(
|
|
8378
8414
|
EnumChecklistConfigModal,
|
|
8379
8415
|
{
|
|
8380
8416
|
opened: modalOpened,
|
|
@@ -8406,26 +8442,26 @@ var EnumChecklistBlock = createReactBlockSpec6(
|
|
|
8406
8442
|
content: "none"
|
|
8407
8443
|
},
|
|
8408
8444
|
{
|
|
8409
|
-
render: (props) => /* @__PURE__ */
|
|
8445
|
+
render: (props) => /* @__PURE__ */ React100.createElement(EnumChecklistBlockContent, { ...props })
|
|
8410
8446
|
}
|
|
8411
8447
|
);
|
|
8412
8448
|
|
|
8413
8449
|
// src/mantine/blocks/notify/NotifyBlockSpec.tsx
|
|
8414
|
-
import
|
|
8450
|
+
import React106 from "react";
|
|
8415
8451
|
import { createReactBlockSpec as createReactBlockSpec7 } from "@blocknote/react";
|
|
8416
8452
|
|
|
8417
8453
|
// src/mantine/blocks/notify/NotifyBlock.tsx
|
|
8418
|
-
import
|
|
8454
|
+
import React105 from "react";
|
|
8419
8455
|
|
|
8420
8456
|
// src/mantine/blocks/notify/template/TemplateView.tsx
|
|
8421
|
-
import
|
|
8457
|
+
import React103, { useMemo as useMemo15 } from "react";
|
|
8422
8458
|
|
|
8423
8459
|
// src/mantine/blocks/notify/template/TemplateConfig.tsx
|
|
8424
|
-
import
|
|
8460
|
+
import React102, { useCallback as useCallback18 } from "react";
|
|
8425
8461
|
import { Paper as Paper11, CloseButton as CloseButton7, Title as Title8 } from "@mantine/core";
|
|
8426
8462
|
|
|
8427
8463
|
// src/mantine/blocks/notify/template/GeneralTab.tsx
|
|
8428
|
-
import
|
|
8464
|
+
import React101, { useEffect as useEffect17, useState as useState26 } from "react";
|
|
8429
8465
|
import { Divider as Divider6, Select as Select12, Stack as Stack76, Text as Text51, TextInput as TextInput36, Textarea as Textarea20, Button as Button24, Group as Group30, ActionIcon as ActionIcon14, Paper as Paper10 } from "@mantine/core";
|
|
8430
8466
|
import { IconTrash as IconTrash2, IconPlus as IconPlus2 } from "@tabler/icons-react";
|
|
8431
8467
|
var GeneralTab5 = ({
|
|
@@ -8499,7 +8535,7 @@ var GeneralTab5 = ({
|
|
|
8499
8535
|
setter(newRecipients);
|
|
8500
8536
|
callback(newRecipients);
|
|
8501
8537
|
};
|
|
8502
|
-
return /* @__PURE__ */
|
|
8538
|
+
return /* @__PURE__ */ React101.createElement(Stack76, { gap: "lg" }, /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React101.createElement(
|
|
8503
8539
|
TextInput36,
|
|
8504
8540
|
{
|
|
8505
8541
|
placeholder: "e.g. Welcome Email",
|
|
@@ -8510,7 +8546,7 @@ var GeneralTab5 = ({
|
|
|
8510
8546
|
onTitleChange(newTitle);
|
|
8511
8547
|
}
|
|
8512
8548
|
}
|
|
8513
|
-
)), /* @__PURE__ */
|
|
8549
|
+
)), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React101.createElement(
|
|
8514
8550
|
Textarea20,
|
|
8515
8551
|
{
|
|
8516
8552
|
placeholder: "Describe what this notification does",
|
|
@@ -8522,7 +8558,7 @@ var GeneralTab5 = ({
|
|
|
8522
8558
|
onDescriptionChange(newDescription);
|
|
8523
8559
|
}
|
|
8524
8560
|
}
|
|
8525
|
-
)), /* @__PURE__ */
|
|
8561
|
+
)), /* @__PURE__ */ React101.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Channel"), /* @__PURE__ */ React101.createElement(
|
|
8526
8562
|
Select12,
|
|
8527
8563
|
{
|
|
8528
8564
|
value: localChannel,
|
|
@@ -8538,7 +8574,7 @@ var GeneralTab5 = ({
|
|
|
8538
8574
|
{ value: "rcs", label: "RCS (Coming Soon)", disabled: true }
|
|
8539
8575
|
]
|
|
8540
8576
|
}
|
|
8541
|
-
)), /* @__PURE__ */
|
|
8577
|
+
)), /* @__PURE__ */ React101.createElement(Divider6, { variant: "dashed" }), localChannel === "email" && /* @__PURE__ */ React101.createElement(React101.Fragment, null, /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Group30, { justify: "space-between" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "To (Recipients)"), /* @__PURE__ */ React101.createElement(Button24, { size: "xs", leftSection: /* @__PURE__ */ React101.createElement(IconPlus2, { size: 14 }), onClick: () => handleAddRecipient("to") }, "Add")), localTo.length === 0 && /* @__PURE__ */ React101.createElement(Text51, { size: "xs", c: "dimmed" }, "No recipients added yet"), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, localTo.map((recipient, index) => /* @__PURE__ */ React101.createElement(Paper10, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React101.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React101.createElement(TextInput36, { style: { flex: 1 }, placeholder: "email@example.com", value: recipient, onChange: (e) => handleRecipientChange("to", index, e.currentTarget.value) }), /* @__PURE__ */ React101.createElement(ActionIcon14, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("to", index) }, /* @__PURE__ */ React101.createElement(IconTrash2, { size: 16 }))))))), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Group30, { justify: "space-between" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "CC (Optional)"), /* @__PURE__ */ React101.createElement(Button24, { size: "xs", leftSection: /* @__PURE__ */ React101.createElement(IconPlus2, { size: 14 }), onClick: () => handleAddRecipient("cc") }, "Add")), localCc.length > 0 && /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, localCc.map((recipient, index) => /* @__PURE__ */ React101.createElement(Paper10, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React101.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React101.createElement(
|
|
8542
8578
|
TextInput36,
|
|
8543
8579
|
{
|
|
8544
8580
|
style: { flex: 1 },
|
|
@@ -8546,7 +8582,7 @@ var GeneralTab5 = ({
|
|
|
8546
8582
|
value: recipient,
|
|
8547
8583
|
onChange: (e) => handleRecipientChange("cc", index, e.currentTarget.value)
|
|
8548
8584
|
}
|
|
8549
|
-
), /* @__PURE__ */
|
|
8585
|
+
), /* @__PURE__ */ React101.createElement(ActionIcon14, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("cc", index) }, /* @__PURE__ */ React101.createElement(IconTrash2, { size: 16 }))))))), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Group30, { justify: "space-between" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "BCC (Optional)"), /* @__PURE__ */ React101.createElement(Button24, { size: "xs", leftSection: /* @__PURE__ */ React101.createElement(IconPlus2, { size: 14 }), onClick: () => handleAddRecipient("bcc") }, "Add")), localBcc.length > 0 && /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, localBcc.map((recipient, index) => /* @__PURE__ */ React101.createElement(Paper10, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React101.createElement(Group30, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React101.createElement(
|
|
8550
8586
|
TextInput36,
|
|
8551
8587
|
{
|
|
8552
8588
|
style: { flex: 1 },
|
|
@@ -8554,7 +8590,7 @@ var GeneralTab5 = ({
|
|
|
8554
8590
|
value: recipient,
|
|
8555
8591
|
onChange: (e) => handleRecipientChange("bcc", index, e.currentTarget.value)
|
|
8556
8592
|
}
|
|
8557
|
-
), /* @__PURE__ */
|
|
8593
|
+
), /* @__PURE__ */ React101.createElement(ActionIcon14, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("bcc", index) }, /* @__PURE__ */ React101.createElement(IconTrash2, { size: 16 }))))))), /* @__PURE__ */ React101.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "From (Optional)"), /* @__PURE__ */ React101.createElement(
|
|
8558
8594
|
TextInput36,
|
|
8559
8595
|
{
|
|
8560
8596
|
placeholder: "sender@example.com",
|
|
@@ -8565,7 +8601,7 @@ var GeneralTab5 = ({
|
|
|
8565
8601
|
onFromChange(newFrom);
|
|
8566
8602
|
}
|
|
8567
8603
|
}
|
|
8568
|
-
), /* @__PURE__ */
|
|
8604
|
+
), /* @__PURE__ */ React101.createElement(Text51, { size: "xs", c: "dimmed" }, "Custom sender email address")), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Reply-To (Optional)"), /* @__PURE__ */ React101.createElement(
|
|
8569
8605
|
TextInput36,
|
|
8570
8606
|
{
|
|
8571
8607
|
placeholder: "reply@example.com",
|
|
@@ -8576,7 +8612,7 @@ var GeneralTab5 = ({
|
|
|
8576
8612
|
onReplyToChange(newReplyTo);
|
|
8577
8613
|
}
|
|
8578
8614
|
}
|
|
8579
|
-
), /* @__PURE__ */
|
|
8615
|
+
), /* @__PURE__ */ React101.createElement(Text51, { size: "xs", c: "dimmed" }, "Where replies should be sent")), /* @__PURE__ */ React101.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Subject"), /* @__PURE__ */ React101.createElement(
|
|
8580
8616
|
TextInput36,
|
|
8581
8617
|
{
|
|
8582
8618
|
placeholder: "Email subject line",
|
|
@@ -8587,7 +8623,7 @@ var GeneralTab5 = ({
|
|
|
8587
8623
|
onSubjectChange(newSubject);
|
|
8588
8624
|
}
|
|
8589
8625
|
}
|
|
8590
|
-
)), /* @__PURE__ */
|
|
8626
|
+
)), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Body Type"), /* @__PURE__ */ React101.createElement(
|
|
8591
8627
|
Select12,
|
|
8592
8628
|
{
|
|
8593
8629
|
value: localBodyType,
|
|
@@ -8601,7 +8637,7 @@ var GeneralTab5 = ({
|
|
|
8601
8637
|
{ value: "html", label: "HTML" }
|
|
8602
8638
|
]
|
|
8603
8639
|
}
|
|
8604
|
-
)), /* @__PURE__ */
|
|
8640
|
+
)), /* @__PURE__ */ React101.createElement(Stack76, { gap: "xs" }, /* @__PURE__ */ React101.createElement(Text51, { size: "sm", fw: 600 }, "Body"), /* @__PURE__ */ React101.createElement(
|
|
8605
8641
|
Textarea20,
|
|
8606
8642
|
{
|
|
8607
8643
|
placeholder: localBodyType === "html" ? "<h1>Hello!</h1><p>Welcome to our service.</p>" : "Email body content",
|
|
@@ -8613,13 +8649,13 @@ var GeneralTab5 = ({
|
|
|
8613
8649
|
onBodyChange(newBody);
|
|
8614
8650
|
}
|
|
8615
8651
|
}
|
|
8616
|
-
), /* @__PURE__ */
|
|
8652
|
+
), /* @__PURE__ */ React101.createElement(Text51, { size: "xs", c: "dimmed" }, localBodyType === "html" ? "HTML content for the email body" : "Plain text content for the email body"))));
|
|
8617
8653
|
};
|
|
8618
8654
|
|
|
8619
8655
|
// src/mantine/blocks/notify/template/TemplateConfig.tsx
|
|
8620
8656
|
var TemplateConfig5 = ({ editor, block }) => {
|
|
8621
8657
|
const { closePanel } = usePanelStore();
|
|
8622
|
-
const updateProp =
|
|
8658
|
+
const updateProp = useCallback18(
|
|
8623
8659
|
(key, value) => {
|
|
8624
8660
|
editor.updateBlock(block, {
|
|
8625
8661
|
props: {
|
|
@@ -8630,25 +8666,25 @@ var TemplateConfig5 = ({ editor, block }) => {
|
|
|
8630
8666
|
},
|
|
8631
8667
|
[editor, block]
|
|
8632
8668
|
);
|
|
8633
|
-
const handleToChange =
|
|
8669
|
+
const handleToChange = useCallback18(
|
|
8634
8670
|
(to) => {
|
|
8635
8671
|
updateProp("to", JSON.stringify(to));
|
|
8636
8672
|
},
|
|
8637
8673
|
[updateProp]
|
|
8638
8674
|
);
|
|
8639
|
-
const handleCcChange =
|
|
8675
|
+
const handleCcChange = useCallback18(
|
|
8640
8676
|
(cc) => {
|
|
8641
8677
|
updateProp("cc", JSON.stringify(cc));
|
|
8642
8678
|
},
|
|
8643
8679
|
[updateProp]
|
|
8644
8680
|
);
|
|
8645
|
-
const handleBccChange =
|
|
8681
|
+
const handleBccChange = useCallback18(
|
|
8646
8682
|
(bcc) => {
|
|
8647
8683
|
updateProp("bcc", JSON.stringify(bcc));
|
|
8648
8684
|
},
|
|
8649
8685
|
[updateProp]
|
|
8650
8686
|
);
|
|
8651
|
-
return /* @__PURE__ */
|
|
8687
|
+
return /* @__PURE__ */ React102.createElement(
|
|
8652
8688
|
Paper11,
|
|
8653
8689
|
{
|
|
8654
8690
|
p: "md",
|
|
@@ -8659,7 +8695,7 @@ var TemplateConfig5 = ({ editor, block }) => {
|
|
|
8659
8695
|
flexDirection: "column"
|
|
8660
8696
|
}
|
|
8661
8697
|
},
|
|
8662
|
-
/* @__PURE__ */
|
|
8698
|
+
/* @__PURE__ */ React102.createElement(
|
|
8663
8699
|
"div",
|
|
8664
8700
|
{
|
|
8665
8701
|
style: {
|
|
@@ -8669,17 +8705,17 @@ var TemplateConfig5 = ({ editor, block }) => {
|
|
|
8669
8705
|
marginBottom: "1rem"
|
|
8670
8706
|
}
|
|
8671
8707
|
},
|
|
8672
|
-
/* @__PURE__ */
|
|
8673
|
-
/* @__PURE__ */
|
|
8708
|
+
/* @__PURE__ */ React102.createElement(Title8, { order: 3 }, "Notification Settings"),
|
|
8709
|
+
/* @__PURE__ */ React102.createElement(CloseButton7, { onClick: closePanel })
|
|
8674
8710
|
),
|
|
8675
|
-
/* @__PURE__ */
|
|
8711
|
+
/* @__PURE__ */ React102.createElement(
|
|
8676
8712
|
ReusablePanel,
|
|
8677
8713
|
{
|
|
8678
8714
|
extraTabs: [
|
|
8679
8715
|
{
|
|
8680
8716
|
label: "General",
|
|
8681
8717
|
value: "general",
|
|
8682
|
-
content: /* @__PURE__ */
|
|
8718
|
+
content: /* @__PURE__ */ React102.createElement(
|
|
8683
8719
|
GeneralTab5,
|
|
8684
8720
|
{
|
|
8685
8721
|
title: block.props.title || "",
|
|
@@ -8737,7 +8773,7 @@ import { Card as Card22, Group as Group31, Stack as Stack77, Text as Text52, Act
|
|
|
8737
8773
|
var NOTIFY_TEMPLATE_PANEL_ID = "notify-template-panel";
|
|
8738
8774
|
var NotifyTemplateView = ({ editor, block }) => {
|
|
8739
8775
|
const panelId = `${NOTIFY_TEMPLATE_PANEL_ID}-${block.id}`;
|
|
8740
|
-
const panelContent =
|
|
8776
|
+
const panelContent = useMemo15(() => /* @__PURE__ */ React103.createElement(TemplateConfig5, { editor, block }), [editor, block]);
|
|
8741
8777
|
const { open } = usePanel(panelId, panelContent);
|
|
8742
8778
|
const channel = block.props.channel || "email";
|
|
8743
8779
|
const to = (() => {
|
|
@@ -8762,11 +8798,11 @@ var NotifyTemplateView = ({ editor, block }) => {
|
|
|
8762
8798
|
return "gray";
|
|
8763
8799
|
}
|
|
8764
8800
|
};
|
|
8765
|
-
return /* @__PURE__ */
|
|
8801
|
+
return /* @__PURE__ */ React103.createElement(Card22, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React103.createElement(Badge12, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React103.createElement(Group31, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React103.createElement(Group31, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React103.createElement(ActionIcon15, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React103.createElement(Stack77, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React103.createElement(Group31, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React103.createElement(Badge12, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React103.createElement(Text52, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification")), /* @__PURE__ */ React103.createElement(Text52, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.join(", ")}` : "Click to configure recipients"), block.props.description && /* @__PURE__ */ React103.createElement(Text52, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
|
|
8766
8802
|
};
|
|
8767
8803
|
|
|
8768
8804
|
// src/mantine/blocks/notify/flow/FlowView.tsx
|
|
8769
|
-
import
|
|
8805
|
+
import React104, { useState as useState27 } from "react";
|
|
8770
8806
|
import { Card as Card23, Group as Group32, Stack as Stack78, Text as Text53, ActionIcon as ActionIcon16, Tooltip as Tooltip5, Button as Button25, Badge as Badge13, Collapse as Collapse3, Alert as Alert10, Loader as Loader5, Code as Code2 } from "@mantine/core";
|
|
8771
8807
|
import { IconSend as IconSend2, IconChevronDown as IconChevronDown3, IconChevronUp as IconChevronUp3, IconCheck, IconX } from "@tabler/icons-react";
|
|
8772
8808
|
var NotifyFlowView = ({ editor, block, isDisabled }) => {
|
|
@@ -8873,20 +8909,20 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
|
|
|
8873
8909
|
}
|
|
8874
8910
|
};
|
|
8875
8911
|
const canSend = !disabled && !isLoading && handlers && to.length > 0 && (channel === "email" ? block.props.subject && block.props.body : true);
|
|
8876
|
-
const sendButton = /* @__PURE__ */
|
|
8912
|
+
const sendButton = /* @__PURE__ */ React104.createElement(
|
|
8877
8913
|
Button25,
|
|
8878
8914
|
{
|
|
8879
8915
|
size: "sm",
|
|
8880
8916
|
variant: "light",
|
|
8881
8917
|
color: getChannelColor(channel),
|
|
8882
|
-
leftSection: isLoading ? /* @__PURE__ */
|
|
8918
|
+
leftSection: isLoading ? /* @__PURE__ */ React104.createElement(Loader5, { size: 14 }) : status === "sent" ? /* @__PURE__ */ React104.createElement(IconCheck, { size: 14 }) : /* @__PURE__ */ React104.createElement(IconSend2, { size: 14 }),
|
|
8883
8919
|
onClick: handleSendNotification,
|
|
8884
8920
|
disabled: !canSend,
|
|
8885
8921
|
style: { flexShrink: 0 }
|
|
8886
8922
|
},
|
|
8887
8923
|
isLoading ? "Sending..." : status === "sent" ? "Sent" : "Send"
|
|
8888
8924
|
);
|
|
8889
|
-
return /* @__PURE__ */
|
|
8925
|
+
return /* @__PURE__ */ React104.createElement(Card23, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React104.createElement(Stack78, { gap: "md" }, /* @__PURE__ */ React104.createElement(Group32, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React104.createElement(Group32, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React104.createElement(ActionIcon16, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React104.createElement(Group32, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React104.createElement(Badge13, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React104.createElement(Text53, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification"), status !== "idle" && /* @__PURE__ */ React104.createElement(Badge13, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React104.createElement(Text53, { 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__ */ React104.createElement(Text53, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React104.createElement(Group32, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React104.createElement(Tooltip5, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, /* @__PURE__ */ React104.createElement(ActionIcon16, { variant: "subtle", onClick: () => setShowDetails(!showDetails) }, showDetails ? /* @__PURE__ */ React104.createElement(IconChevronUp3, { size: 16 }) : /* @__PURE__ */ React104.createElement(IconChevronDown3, { size: 16 })))), status === "failed" && block.props.errorMessage && /* @__PURE__ */ React104.createElement(Alert10, { color: "red", icon: /* @__PURE__ */ React104.createElement(IconX, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, block.props.errorMessage), status === "sent" && block.props.messageId && /* @__PURE__ */ React104.createElement(Alert10, { color: "green", icon: /* @__PURE__ */ React104.createElement(IconCheck, { size: 16 }), title: "Sent successfully", styles: { message: { fontSize: "12px" } } }, "Message ID: ", block.props.messageId, block.props.sentAt && /* @__PURE__ */ React104.createElement(React104.Fragment, null, /* @__PURE__ */ React104.createElement("br", null), "Sent at: ", new Date(block.props.sentAt).toLocaleString())), /* @__PURE__ */ React104.createElement(Collapse3, { in: showDetails }, /* @__PURE__ */ React104.createElement(Stack78, { gap: "md" }, channel === "email" && /* @__PURE__ */ React104.createElement(React104.Fragment, null, /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "xs", fw: 600, c: "dimmed" }, "Recipients:"), /* @__PURE__ */ React104.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
|
|
8890
8926
|
{
|
|
8891
8927
|
to: to.filter((e) => e.trim() !== ""),
|
|
8892
8928
|
...cc.length > 0 && { cc: cc.filter((e) => e.trim() !== "") },
|
|
@@ -8894,7 +8930,7 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
|
|
|
8894
8930
|
},
|
|
8895
8931
|
null,
|
|
8896
8932
|
2
|
|
8897
|
-
))), block.props.subject && /* @__PURE__ */
|
|
8933
|
+
))), block.props.subject && /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "xs", fw: 600, c: "dimmed" }, "Subject:"), /* @__PURE__ */ React104.createElement(Text53, { size: "xs" }, block.props.subject)), block.props.body && /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "xs", fw: 600, c: "dimmed" }, "Body (", block.props.bodyType || "text", "):"), /* @__PURE__ */ React104.createElement(Code2, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, block.props.body)), (block.props.from || block.props.replyTo) && /* @__PURE__ */ React104.createElement(Stack78, { gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, { size: "xs", fw: 600, c: "dimmed" }, "Additional:"), /* @__PURE__ */ React104.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
|
|
8898
8934
|
{
|
|
8899
8935
|
...block.props.from && { from: block.props.from },
|
|
8900
8936
|
...block.props.replyTo && { replyTo: block.props.replyTo }
|
|
@@ -8909,7 +8945,7 @@ function NotifyBlock({ editor, block }) {
|
|
|
8909
8945
|
const { editable } = useBlocknoteContext();
|
|
8910
8946
|
const { actions } = useBlockConditions(block, editor);
|
|
8911
8947
|
if (editable) {
|
|
8912
|
-
return /* @__PURE__ */
|
|
8948
|
+
return /* @__PURE__ */ React105.createElement(NotifyTemplateView, { editor, block });
|
|
8913
8949
|
}
|
|
8914
8950
|
const conditionConfig = parseConditionConfig(block.props.conditions);
|
|
8915
8951
|
const hasVisibility = hasVisibilityConditions(conditionConfig);
|
|
@@ -8921,7 +8957,7 @@ function NotifyBlock({ editor, block }) {
|
|
|
8921
8957
|
const hasEnable = hasEnableConditions(conditionConfig);
|
|
8922
8958
|
const enableActionExists = actions.some((a) => a.action === "enable");
|
|
8923
8959
|
const shouldDisable = hasEnable && !enableActionExists;
|
|
8924
|
-
return /* @__PURE__ */
|
|
8960
|
+
return /* @__PURE__ */ React105.createElement(NotifyFlowView, { block, editor, isDisabled: shouldDisable ? { isDisabled: "disable", message: "Notification disabled by conditions" } : void 0 });
|
|
8925
8961
|
}
|
|
8926
8962
|
|
|
8927
8963
|
// src/mantine/blocks/notify/NotifyBlockSpec.tsx
|
|
@@ -8965,11 +9001,20 @@ var NotifyBlockSpec = createReactBlockSpec7(
|
|
|
8965
9001
|
{
|
|
8966
9002
|
render: (props) => {
|
|
8967
9003
|
const ixoProps = props;
|
|
8968
|
-
return /* @__PURE__ */
|
|
9004
|
+
return /* @__PURE__ */ React106.createElement(NotifyBlock, { ...ixoProps });
|
|
8969
9005
|
}
|
|
8970
9006
|
}
|
|
8971
9007
|
);
|
|
8972
9008
|
|
|
9009
|
+
// src/mantine/blocks/list/ui/ListBlocksToolbar.tsx
|
|
9010
|
+
import React107 from "react";
|
|
9011
|
+
import { ActionIcon as ActionIcon17, Group as Group33, Tooltip as Tooltip6 } from "@mantine/core";
|
|
9012
|
+
import { IconChevronUp as IconChevronUp4, IconChevronDown as IconChevronDown4 } from "@tabler/icons-react";
|
|
9013
|
+
var ListBlocksToolbar = () => {
|
|
9014
|
+
const { broadcastCollapse } = useListBlocksUI();
|
|
9015
|
+
return /* @__PURE__ */ React107.createElement(Group33, { gap: "xs" }, /* @__PURE__ */ React107.createElement(Tooltip6, { label: "Collapse all lists", withArrow: true }, /* @__PURE__ */ React107.createElement(ActionIcon17, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Collapse all lists", onClick: () => broadcastCollapse("collapse") }, /* @__PURE__ */ React107.createElement(IconChevronUp4, { size: 18 }))), /* @__PURE__ */ React107.createElement(Tooltip6, { label: "Expand all lists", withArrow: true }, /* @__PURE__ */ React107.createElement(ActionIcon17, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Expand all lists", onClick: () => broadcastCollapse("expand") }, /* @__PURE__ */ React107.createElement(IconChevronDown4, { size: 18 }))));
|
|
9016
|
+
};
|
|
9017
|
+
|
|
8973
9018
|
// src/mantine/blocks/registry/blockRegistry.ts
|
|
8974
9019
|
var BlockRegistry = class {
|
|
8975
9020
|
constructor() {
|
|
@@ -9096,10 +9141,10 @@ blockRegistry.register({
|
|
|
9096
9141
|
});
|
|
9097
9142
|
|
|
9098
9143
|
// src/mantine/blocks/hooks/useBlockDependencies.ts
|
|
9099
|
-
import { useMemo as
|
|
9144
|
+
import { useMemo as useMemo16, useEffect as useEffect18, useState as useState28, useCallback as useCallback19 } from "react";
|
|
9100
9145
|
|
|
9101
9146
|
// src/mantine/blocks/hooks/useDependsOn.ts
|
|
9102
|
-
import { useMemo as
|
|
9147
|
+
import { useMemo as useMemo17 } from "react";
|
|
9103
9148
|
|
|
9104
9149
|
// src/mantine/blocks/index.ts
|
|
9105
9150
|
var blockSpecs = {
|
|
@@ -9418,15 +9463,15 @@ import { useCreateBlockNote as useCreateBlockNote2 } from "@blocknote/react";
|
|
|
9418
9463
|
import { BlockNoteSchema as BlockNoteSchema2, defaultBlockSpecs as defaultBlockSpecs2, defaultInlineContentSpecs as defaultInlineContentSpecs2, defaultStyleSpecs as defaultStyleSpecs2 } from "@blocknote/core";
|
|
9419
9464
|
|
|
9420
9465
|
// src/core/hooks/useMatrixProvider.ts
|
|
9421
|
-
import { useEffect as useEffect19, useState as useState29, useRef as
|
|
9466
|
+
import { useEffect as useEffect19, useState as useState29, useRef as useRef4, useCallback as useCallback20, useMemo as useMemo18 } from "react";
|
|
9422
9467
|
import { MatrixProvider } from "@ixo/matrix-crdt";
|
|
9423
9468
|
function useMatrixProvider({ matrixClient, roomId, yDoc }) {
|
|
9424
9469
|
const [matrixProvider, setProvider] = useState29(null);
|
|
9425
9470
|
const [status, setStatus] = useState29("disconnected");
|
|
9426
|
-
const isMountedRef =
|
|
9427
|
-
const providerRef =
|
|
9428
|
-
const retryTimeoutRef =
|
|
9429
|
-
const providerOptions =
|
|
9471
|
+
const isMountedRef = useRef4(true);
|
|
9472
|
+
const providerRef = useRef4(null);
|
|
9473
|
+
const retryTimeoutRef = useRef4(null);
|
|
9474
|
+
const providerOptions = useMemo18(
|
|
9430
9475
|
() => ({
|
|
9431
9476
|
translator: {
|
|
9432
9477
|
updateEventType: "matrix-crdt.doc_update",
|
|
@@ -9439,22 +9484,22 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
|
|
|
9439
9484
|
}),
|
|
9440
9485
|
[]
|
|
9441
9486
|
);
|
|
9442
|
-
const handleDocumentAvailable =
|
|
9487
|
+
const handleDocumentAvailable = useCallback20(() => {
|
|
9443
9488
|
if (isMountedRef.current) {
|
|
9444
9489
|
setStatus("connected");
|
|
9445
9490
|
}
|
|
9446
9491
|
}, []);
|
|
9447
|
-
const handleDocumentUnavailable =
|
|
9492
|
+
const handleDocumentUnavailable = useCallback20(() => {
|
|
9448
9493
|
if (isMountedRef.current) {
|
|
9449
9494
|
setStatus("failed");
|
|
9450
9495
|
}
|
|
9451
9496
|
}, []);
|
|
9452
|
-
const handleCanWriteChanged =
|
|
9497
|
+
const handleCanWriteChanged = useCallback20(() => {
|
|
9453
9498
|
if (isMountedRef.current && providerRef.current) {
|
|
9454
9499
|
setStatus(providerRef.current.canWrite ? "connected" : "failed");
|
|
9455
9500
|
}
|
|
9456
9501
|
}, []);
|
|
9457
|
-
const initProvider =
|
|
9502
|
+
const initProvider = useCallback20(async () => {
|
|
9458
9503
|
if (!isMountedRef.current) return;
|
|
9459
9504
|
if (retryTimeoutRef.current) {
|
|
9460
9505
|
clearTimeout(retryTimeoutRef.current);
|
|
@@ -9514,17 +9559,17 @@ function useMatrixProvider({ matrixClient, roomId, yDoc }) {
|
|
|
9514
9559
|
}
|
|
9515
9560
|
|
|
9516
9561
|
// src/mantine/hooks/useCollaborativeYDoc.ts
|
|
9517
|
-
import { useMemo as
|
|
9562
|
+
import { useMemo as useMemo19 } from "react";
|
|
9518
9563
|
import * as Y from "yjs";
|
|
9519
9564
|
function useCollaborativeYDoc(_options) {
|
|
9520
|
-
return
|
|
9565
|
+
return useMemo19(() => {
|
|
9521
9566
|
const doc = new Y.Doc();
|
|
9522
9567
|
return doc;
|
|
9523
9568
|
}, []);
|
|
9524
9569
|
}
|
|
9525
9570
|
|
|
9526
9571
|
// src/mantine/hooks/useCollaborativeIxoEditor.ts
|
|
9527
|
-
import { useMemo as
|
|
9572
|
+
import { useMemo as useMemo20, useEffect as useEffect20 } from "react";
|
|
9528
9573
|
function useCreateCollaborativeIxoEditor(options) {
|
|
9529
9574
|
const yDoc = useCollaborativeYDoc(options);
|
|
9530
9575
|
const {
|
|
@@ -9542,7 +9587,7 @@ function useCreateCollaborativeIxoEditor(options) {
|
|
|
9542
9587
|
matrixClient,
|
|
9543
9588
|
permissions = { write: false }
|
|
9544
9589
|
} = options || {};
|
|
9545
|
-
const memoizedUser =
|
|
9590
|
+
const memoizedUser = useMemo20(
|
|
9546
9591
|
() => ({
|
|
9547
9592
|
id: user?.id || "",
|
|
9548
9593
|
name: user?.name || "",
|
|
@@ -9557,7 +9602,7 @@ function useCreateCollaborativeIxoEditor(options) {
|
|
|
9557
9602
|
matrixClient,
|
|
9558
9603
|
roomId: options.roomId
|
|
9559
9604
|
});
|
|
9560
|
-
const defaultUploadFile =
|
|
9605
|
+
const defaultUploadFile = useMemo20(
|
|
9561
9606
|
() => uploadFile || (async (file) => {
|
|
9562
9607
|
return new Promise((resolve, reject) => {
|
|
9563
9608
|
const reader = new FileReader();
|
|
@@ -9571,7 +9616,7 @@ function useCreateCollaborativeIxoEditor(options) {
|
|
|
9571
9616
|
}),
|
|
9572
9617
|
[uploadFile]
|
|
9573
9618
|
);
|
|
9574
|
-
const schema =
|
|
9619
|
+
const schema = useMemo20(
|
|
9575
9620
|
() => BlockNoteSchema2.create({
|
|
9576
9621
|
blockSpecs: {
|
|
9577
9622
|
...defaultBlockSpecs2,
|
|
@@ -9586,11 +9631,11 @@ function useCreateCollaborativeIxoEditor(options) {
|
|
|
9586
9631
|
}),
|
|
9587
9632
|
[]
|
|
9588
9633
|
);
|
|
9589
|
-
const root =
|
|
9590
|
-
const documentFragment =
|
|
9591
|
-
const flowArray =
|
|
9592
|
-
const userFragment =
|
|
9593
|
-
const collaborationConfig =
|
|
9634
|
+
const root = useMemo20(() => yDoc.getMap("root"), [yDoc]);
|
|
9635
|
+
const documentFragment = useMemo20(() => yDoc.getXmlFragment("document"), [yDoc]);
|
|
9636
|
+
const flowArray = useMemo20(() => yDoc.getArray("flow"), [yDoc]);
|
|
9637
|
+
const userFragment = useMemo20(() => yDoc.getMap(memoizedUser.id), [yDoc, memoizedUser.id]);
|
|
9638
|
+
const collaborationConfig = useMemo20(
|
|
9594
9639
|
() => ({
|
|
9595
9640
|
provider: matrixProvider,
|
|
9596
9641
|
fragment: documentFragment,
|
|
@@ -9602,7 +9647,7 @@ function useCreateCollaborativeIxoEditor(options) {
|
|
|
9602
9647
|
}),
|
|
9603
9648
|
[matrixProvider, documentFragment, memoizedUser.name, memoizedUser.color]
|
|
9604
9649
|
);
|
|
9605
|
-
const ixoConfig =
|
|
9650
|
+
const ixoConfig = useMemo20(
|
|
9606
9651
|
() => ({
|
|
9607
9652
|
theme,
|
|
9608
9653
|
editable,
|
|
@@ -9621,7 +9666,7 @@ function useCreateCollaborativeIxoEditor(options) {
|
|
|
9621
9666
|
uploadFile: defaultUploadFile,
|
|
9622
9667
|
collaboration: collaborationConfig
|
|
9623
9668
|
});
|
|
9624
|
-
const titleText =
|
|
9669
|
+
const titleText = useMemo20(() => yDoc.getText("title"), [yDoc]);
|
|
9625
9670
|
let ixoEditor;
|
|
9626
9671
|
if (editor) {
|
|
9627
9672
|
ixoEditor = editor;
|
|
@@ -9722,19 +9767,19 @@ function useCreateCollaborativeIxoEditor(options) {
|
|
|
9722
9767
|
}
|
|
9723
9768
|
|
|
9724
9769
|
// src/mantine/IxoEditor.tsx
|
|
9725
|
-
import
|
|
9770
|
+
import React109 from "react";
|
|
9726
9771
|
import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
|
|
9727
9772
|
import { BlockNoteView } from "@blocknote/mantine";
|
|
9728
9773
|
import { filterSuggestionItems } from "@blocknote/core";
|
|
9729
|
-
import { MantineProvider } from "@mantine/core";
|
|
9774
|
+
import { Flex as Flex20, MantineProvider, Text as Text54 } from "@mantine/core";
|
|
9730
9775
|
|
|
9731
9776
|
// src/mantine/components/PanelContent.tsx
|
|
9732
|
-
import
|
|
9777
|
+
import React108 from "react";
|
|
9733
9778
|
function PanelContent() {
|
|
9734
9779
|
const { activePanel, registeredPanels } = usePanelStore();
|
|
9735
9780
|
const isOpen = activePanel !== null;
|
|
9736
9781
|
const content = activePanel ? registeredPanels.get(activePanel) : null;
|
|
9737
|
-
return /* @__PURE__ */
|
|
9782
|
+
return /* @__PURE__ */ React108.createElement(
|
|
9738
9783
|
"div",
|
|
9739
9784
|
{
|
|
9740
9785
|
style: {
|
|
@@ -9758,7 +9803,7 @@ function IxoEditorContent({
|
|
|
9758
9803
|
onSelectionChange,
|
|
9759
9804
|
children
|
|
9760
9805
|
}) {
|
|
9761
|
-
return /* @__PURE__ */
|
|
9806
|
+
return /* @__PURE__ */ React109.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React109.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React109.createElement(
|
|
9762
9807
|
BlockNoteView,
|
|
9763
9808
|
{
|
|
9764
9809
|
editor,
|
|
@@ -9773,7 +9818,7 @@ function IxoEditorContent({
|
|
|
9773
9818
|
onChange,
|
|
9774
9819
|
onSelectionChange
|
|
9775
9820
|
},
|
|
9776
|
-
config.slashMenu && /* @__PURE__ */
|
|
9821
|
+
config.slashMenu && /* @__PURE__ */ React109.createElement(
|
|
9777
9822
|
SuggestionMenuController,
|
|
9778
9823
|
{
|
|
9779
9824
|
triggerCharacter: "/",
|
|
@@ -9785,7 +9830,7 @@ function IxoEditorContent({
|
|
|
9785
9830
|
}
|
|
9786
9831
|
),
|
|
9787
9832
|
children
|
|
9788
|
-
)), /* @__PURE__ */
|
|
9833
|
+
)), /* @__PURE__ */ React109.createElement(PanelContent, null));
|
|
9789
9834
|
}
|
|
9790
9835
|
function IxoEditor({
|
|
9791
9836
|
editor,
|
|
@@ -9811,9 +9856,9 @@ function IxoEditor({
|
|
|
9811
9856
|
tableHandles: true
|
|
9812
9857
|
};
|
|
9813
9858
|
const isEditable = editable;
|
|
9814
|
-
const editorContent = /* @__PURE__ */
|
|
9859
|
+
const editorContent = /* @__PURE__ */ React109.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React109.createElement(ListBlocksUIProvider, null, /* @__PURE__ */ React109.createElement(Flex20, { pr: 25, justify: "flex-end", align: "center", gap: "xs" }, /* @__PURE__ */ React109.createElement(Text54, { size: "xs", c: "dimmed", tt: "uppercase" }, "Global actions"), /* @__PURE__ */ React109.createElement(ListBlocksToolbar, null)), /* @__PURE__ */ React109.createElement(IxoEditorContent, { editor, config, isEditable, className, onChange, onSelectionChange }, children)));
|
|
9815
9860
|
if (mantineTheme) {
|
|
9816
|
-
return /* @__PURE__ */
|
|
9861
|
+
return /* @__PURE__ */ React109.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
|
|
9817
9862
|
}
|
|
9818
9863
|
return editorContent;
|
|
9819
9864
|
}
|
|
@@ -9897,4 +9942,4 @@ export {
|
|
|
9897
9942
|
ixoGraphQLClient,
|
|
9898
9943
|
getEntity
|
|
9899
9944
|
};
|
|
9900
|
-
//# sourceMappingURL=chunk-
|
|
9945
|
+
//# sourceMappingURL=chunk-BIYUE2UP.mjs.map
|