@ixo/editor 1.17.0 → 1.19.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.
|
@@ -1396,18 +1396,18 @@ var CheckboxBlockSpec = createReactBlockSpec(
|
|
|
1396
1396
|
);
|
|
1397
1397
|
|
|
1398
1398
|
// src/mantine/blocks/list/ListBlockSpec.tsx
|
|
1399
|
-
import
|
|
1399
|
+
import React43 from "react";
|
|
1400
1400
|
import { createReactBlockSpec as createReactBlockSpec2 } from "@blocknote/react";
|
|
1401
1401
|
|
|
1402
1402
|
// src/mantine/blocks/list/ListBlock.tsx
|
|
1403
|
-
import
|
|
1403
|
+
import React42 from "react";
|
|
1404
1404
|
|
|
1405
1405
|
// src/mantine/blocks/list/template/TemplateView.tsx
|
|
1406
1406
|
import React16, { useMemo as useMemo6 } from "react";
|
|
1407
1407
|
|
|
1408
1408
|
// src/mantine/blocks/list/template/TemplateConfig.tsx
|
|
1409
1409
|
import React15, { useCallback as useCallback8 } from "react";
|
|
1410
|
-
import { Paper as Paper2, CloseButton as CloseButton2, Title as Title2 } from "@mantine/core";
|
|
1410
|
+
import { Paper as Paper2, CloseButton as CloseButton2, Title as Title2, Flex } from "@mantine/core";
|
|
1411
1411
|
|
|
1412
1412
|
// src/mantine/blocks/list/template/GeneralTab.tsx
|
|
1413
1413
|
import React14, { useState as useState4 } from "react";
|
|
@@ -1442,7 +1442,8 @@ var linkedResourcesSortFields = [
|
|
|
1442
1442
|
{ key: "serviceEndpoint", label: "Service Endpoint", type: "string" }
|
|
1443
1443
|
];
|
|
1444
1444
|
var linkedResourcesSelectionPanelConfig = {
|
|
1445
|
-
|
|
1445
|
+
image: (item) => item.image,
|
|
1446
|
+
title: (item) => item.title || "Linked Resource",
|
|
1446
1447
|
description: (item) => item.description || "No description",
|
|
1447
1448
|
prompts: (item) => [{ text: `ID: ${item.id}` }, { text: `Encrypted: ${item.encrypted ? "Yes" : "No"}` }, { text: `Service Endpoint: ${item.serviceEndpoint}` }],
|
|
1448
1449
|
actionSections: (item) => item.actionSections,
|
|
@@ -1463,7 +1464,15 @@ var assetsConfigFields = [
|
|
|
1463
1464
|
description: "The DID of the collection to fetch assets from",
|
|
1464
1465
|
type: "text",
|
|
1465
1466
|
placeholder: "did:ixo:entity:collection123",
|
|
1466
|
-
required:
|
|
1467
|
+
required: false
|
|
1468
|
+
},
|
|
1469
|
+
{
|
|
1470
|
+
key: "ownerBased",
|
|
1471
|
+
label: "Owner-based",
|
|
1472
|
+
description: "Fetch assets based on the owner address",
|
|
1473
|
+
type: "switch",
|
|
1474
|
+
required: false,
|
|
1475
|
+
defaultValue: false
|
|
1467
1476
|
}
|
|
1468
1477
|
// {
|
|
1469
1478
|
// key: 'showTableHeaders',
|
|
@@ -1486,6 +1495,7 @@ var assetsFilterFields = [
|
|
|
1486
1495
|
{ key: "available", label: "Unavailable", type: false }
|
|
1487
1496
|
];
|
|
1488
1497
|
var assetsSelectionPanelConfig = {
|
|
1498
|
+
image: (item) => item.image,
|
|
1489
1499
|
title: (item) => item.name || "Unnamed Asset",
|
|
1490
1500
|
description: (item) => item.description || "No description",
|
|
1491
1501
|
prompts: () => [{ text: `How many assets are available?` }, { text: `What are carbon credits` }],
|
|
@@ -1555,6 +1565,7 @@ var collectionsSortFields = [
|
|
|
1555
1565
|
];
|
|
1556
1566
|
var collectionsHandlerKey = "getCollections";
|
|
1557
1567
|
var collectionsSelectionPanelConfig = {
|
|
1568
|
+
image: (item) => item.image,
|
|
1558
1569
|
title: (item) => item.name || "Unnamed Collection",
|
|
1559
1570
|
description: (item) => item.description || "No description",
|
|
1560
1571
|
prompts: (item) => [{ text: `DID: ${item.did}` }, { text: `Type: ${item.type}` }],
|
|
@@ -1594,6 +1605,7 @@ var investmentsFilterFields = [
|
|
|
1594
1605
|
var investmentsHandlerKey = "getInvestments";
|
|
1595
1606
|
var investmentsSelectionPanelConfig = {
|
|
1596
1607
|
title: (item) => item.name || "Investment Opportunity",
|
|
1608
|
+
image: (item) => item.image,
|
|
1597
1609
|
description: (item) => item.description || "No description",
|
|
1598
1610
|
prompts: (item) => [
|
|
1599
1611
|
{ text: `Price: ${item.price} ${item.currency}` },
|
|
@@ -1636,6 +1648,7 @@ var oraclesFilterFields = [
|
|
|
1636
1648
|
var oraclesHandlerKey = "getOracles";
|
|
1637
1649
|
var oraclesSelectionPanelConfig = {
|
|
1638
1650
|
title: (item) => item.name || "Oracle",
|
|
1651
|
+
image: (item) => item.image,
|
|
1639
1652
|
description: (item) => item.description || "No description",
|
|
1640
1653
|
prompts: (item) => [{ text: `Flows Amount: ${item.flowsAmount}` }, { text: `Active: ${item.isActive ? "Yes" : "No"}` }, { text: `Invited: ${item.isInvited ? "Yes" : "No"}` }],
|
|
1641
1654
|
actionSections: (item) => item.actionSections,
|
|
@@ -1671,6 +1684,7 @@ var podsFilterFields = [
|
|
|
1671
1684
|
];
|
|
1672
1685
|
var podsHandlerKey = "getPODs";
|
|
1673
1686
|
var podsSelectionPanelConfig = {
|
|
1687
|
+
image: (item) => item.image,
|
|
1674
1688
|
title: (item) => item.name || "POD",
|
|
1675
1689
|
description: (item) => item.description || "No description",
|
|
1676
1690
|
prompts: (item) => [{ text: `Start Date: ${item.startDate}` }, { text: `End Date: ${item.endDate}` }, { text: `Member: ${item.isMember ? "Yes" : "No"}` }],
|
|
@@ -1704,6 +1718,7 @@ var proposalsSortFields = [
|
|
|
1704
1718
|
];
|
|
1705
1719
|
var proposalsHandlerKey = "getProposals";
|
|
1706
1720
|
var proposalsSelectionPanelConfig = {
|
|
1721
|
+
image: (item) => item.image,
|
|
1707
1722
|
title: (item) => item.name || "Proposal",
|
|
1708
1723
|
description: (item) => item.description || "No description",
|
|
1709
1724
|
prompts: (item) => [{ text: `DID: ${item.did}` }, { text: `Status: ${item.status}` }],
|
|
@@ -1739,6 +1754,7 @@ var requestsFilterFields = [
|
|
|
1739
1754
|
];
|
|
1740
1755
|
var requestsHandlerKey = "getRequests";
|
|
1741
1756
|
var requestsSelectionPanelConfig = {
|
|
1757
|
+
image: (item) => item.image,
|
|
1742
1758
|
title: (item) => item.name || "Request",
|
|
1743
1759
|
description: (item) => item.description || "No description",
|
|
1744
1760
|
prompts: (item) => [{ text: `Total Applications: ${item.totalApplications}` }, { text: `Member: ${item.isMember ? "Yes" : "No"}` }, { text: `DID: ${item.did}` }],
|
|
@@ -1783,6 +1799,7 @@ var groupMembersSortFields = [
|
|
|
1783
1799
|
];
|
|
1784
1800
|
var groupMembersHandlerKey = "getGroupMembers";
|
|
1785
1801
|
var groupMembersSelectionPanelConfig = {
|
|
1802
|
+
image: (item) => item.image,
|
|
1786
1803
|
title: (item) => item.username || "Unknown Member",
|
|
1787
1804
|
description: (item) => item.description || "No description",
|
|
1788
1805
|
prompts: (item) => [{ text: `Address: ${item.address}` }, { text: `DID: ${item.did}` }],
|
|
@@ -1866,6 +1883,7 @@ var daoMembersSortFields = [
|
|
|
1866
1883
|
];
|
|
1867
1884
|
var daoMembersHandlerKey = "getDaoMembers";
|
|
1868
1885
|
var daoMembersSelectionPanelConfig = {
|
|
1886
|
+
image: (item) => item.image,
|
|
1869
1887
|
title: (item) => item.username || "Unknown Member",
|
|
1870
1888
|
description: (item) => item.description || "No description",
|
|
1871
1889
|
prompts: (item) => [{ text: `Address: ${item.address}` }, { text: `DID: ${item.did}` }],
|
|
@@ -1893,9 +1911,10 @@ var projectsSortFields = [{ key: "name", label: "Name", type: "string" }];
|
|
|
1893
1911
|
var projectsFilterFields = [];
|
|
1894
1912
|
var projectsHandlerKey = "getProjects";
|
|
1895
1913
|
var projectsSelectionPanelConfig = {
|
|
1914
|
+
image: (item) => item.image,
|
|
1896
1915
|
title: (item) => item.name || "Project",
|
|
1897
1916
|
description: (item) => item.description || "No description",
|
|
1898
|
-
prompts: (item) => [{ text: `DID: ${item.did}` }],
|
|
1917
|
+
prompts: (item) => [{ text: `DID: ${item.did}` }, { text: `Type: ${item.type}` }],
|
|
1899
1918
|
actionSections: (item) => item.actionSections,
|
|
1900
1919
|
detailsHandlerKey: "getProjectDetails"
|
|
1901
1920
|
};
|
|
@@ -1921,12 +1940,48 @@ var daosFilterFields = [];
|
|
|
1921
1940
|
var daosHandlerKey = "getDaos";
|
|
1922
1941
|
var daosSelectionPanelConfig = {
|
|
1923
1942
|
title: (item) => item.name || "Dao",
|
|
1943
|
+
image: (item) => item.image,
|
|
1924
1944
|
description: (item) => item.description || "No description",
|
|
1925
|
-
prompts: (item) => [{ text: `DID: ${item.did}` }],
|
|
1945
|
+
prompts: (item) => [{ text: `DID: ${item.did}` }, { text: `Type: ${item.type}` }],
|
|
1926
1946
|
actionSections: (item) => item.actionSections,
|
|
1927
1947
|
detailsHandlerKey: "getDaoDetails"
|
|
1928
1948
|
};
|
|
1929
1949
|
|
|
1950
|
+
// src/mantine/blocks/list/balances/config.ts
|
|
1951
|
+
var balancesMetadata = {
|
|
1952
|
+
id: "balances",
|
|
1953
|
+
name: "Balances",
|
|
1954
|
+
description: "Display balances of an address",
|
|
1955
|
+
icon: "\u{1F4B2}"
|
|
1956
|
+
};
|
|
1957
|
+
var balancesConfigFields = [
|
|
1958
|
+
{
|
|
1959
|
+
key: "address",
|
|
1960
|
+
label: "Address",
|
|
1961
|
+
description: "The address to fetch balances from",
|
|
1962
|
+
type: "text",
|
|
1963
|
+
required: false
|
|
1964
|
+
}
|
|
1965
|
+
];
|
|
1966
|
+
var balancesSortFields = [
|
|
1967
|
+
{ key: "amount", label: "Amount", type: "number" },
|
|
1968
|
+
{ key: "usdAmount", label: "USD Amount", type: "number" }
|
|
1969
|
+
];
|
|
1970
|
+
var balancesFilterFields = [
|
|
1971
|
+
{ key: "isCoin", label: "Coins", type: true },
|
|
1972
|
+
{ key: "isShare", label: "Shares", type: true },
|
|
1973
|
+
{ key: "isCredit", label: "Credits", type: true }
|
|
1974
|
+
];
|
|
1975
|
+
var balancesHandlerKey = "getBalances";
|
|
1976
|
+
var balancesSelectionPanelConfig = {
|
|
1977
|
+
title: (item) => item.tokenName || "Unnamed Token",
|
|
1978
|
+
image: (item) => item.tokenImage,
|
|
1979
|
+
description: (item) => item.description || "No description",
|
|
1980
|
+
prompts: (item) => [{ text: `Amount: ${item.amount}` }, { text: `USD Amount: ${item.usdAmount}` }],
|
|
1981
|
+
actionSections: (item) => item.actionSections,
|
|
1982
|
+
detailsHandlerKey: "getBalanceDetails"
|
|
1983
|
+
};
|
|
1984
|
+
|
|
1930
1985
|
// src/mantine/blocks/list/registry.ts
|
|
1931
1986
|
var listTypeRegistry = {
|
|
1932
1987
|
linked_resources: {
|
|
@@ -2026,6 +2081,13 @@ var listTypeRegistry = {
|
|
|
2026
2081
|
sortFields: daosSortFields,
|
|
2027
2082
|
filterFields: daosFilterFields,
|
|
2028
2083
|
handlerKey: daosHandlerKey
|
|
2084
|
+
},
|
|
2085
|
+
balances: {
|
|
2086
|
+
metadata: balancesMetadata,
|
|
2087
|
+
configFields: balancesConfigFields,
|
|
2088
|
+
sortFields: balancesSortFields,
|
|
2089
|
+
filterFields: balancesFilterFields,
|
|
2090
|
+
handlerKey: balancesHandlerKey
|
|
2029
2091
|
}
|
|
2030
2092
|
};
|
|
2031
2093
|
var getAllListTypes = () => {
|
|
@@ -2051,11 +2113,13 @@ var listSelectionPanelRegistry = {
|
|
|
2051
2113
|
validators: validatorsSelectionPanelConfig,
|
|
2052
2114
|
dao_members: daoMembersSelectionPanelConfig,
|
|
2053
2115
|
projects: projectsSelectionPanelConfig,
|
|
2054
|
-
daos: daosSelectionPanelConfig
|
|
2116
|
+
daos: daosSelectionPanelConfig,
|
|
2117
|
+
balances: balancesSelectionPanelConfig
|
|
2055
2118
|
};
|
|
2056
2119
|
var getSelectionPanelConfig = (type) => {
|
|
2057
2120
|
return listSelectionPanelRegistry[type];
|
|
2058
2121
|
};
|
|
2122
|
+
var listTypesWithAddresses = ["transactions"];
|
|
2059
2123
|
|
|
2060
2124
|
// src/mantine/blocks/list/template/GeneralTab.tsx
|
|
2061
2125
|
var GeneralTab2 = ({ initialConfig, onSave }) => {
|
|
@@ -2084,7 +2148,7 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
|
|
|
2084
2148
|
setConfig((prev) => ({ ...prev, [key]: value }));
|
|
2085
2149
|
};
|
|
2086
2150
|
const handleAutoFill = async () => {
|
|
2087
|
-
if (selectedType
|
|
2151
|
+
if (selectedType && listTypesWithAddresses.includes(selectedType) && handlers?.getCurrentUser) {
|
|
2088
2152
|
try {
|
|
2089
2153
|
const user = handlers.getCurrentUser();
|
|
2090
2154
|
handleConfigChange("address", user.address);
|
|
@@ -2130,7 +2194,7 @@ var GeneralTab2 = ({ initialConfig, onSave }) => {
|
|
|
2130
2194
|
}
|
|
2131
2195
|
}
|
|
2132
2196
|
}
|
|
2133
|
-
), field.key === "address" && selectedType
|
|
2197
|
+
), field.key === "address" && selectedType && listTypesWithAddresses.includes(selectedType) && /* @__PURE__ */ React14.createElement(Button4, { size: "xs", variant: "subtle", onClick: handleAutoFill }, "Use Current User Address"));
|
|
2134
2198
|
case "switch":
|
|
2135
2199
|
return /* @__PURE__ */ React14.createElement(
|
|
2136
2200
|
Switch3,
|
|
@@ -2265,24 +2329,11 @@ var TemplateConfig2 = ({ editor, block }) => {
|
|
|
2265
2329
|
p: "md",
|
|
2266
2330
|
shadow: "sm",
|
|
2267
2331
|
style: {
|
|
2268
|
-
height: "100%",
|
|
2269
2332
|
display: "flex",
|
|
2270
2333
|
flexDirection: "column"
|
|
2271
2334
|
}
|
|
2272
2335
|
},
|
|
2273
|
-
/* @__PURE__ */ React15.createElement(
|
|
2274
|
-
"div",
|
|
2275
|
-
{
|
|
2276
|
-
style: {
|
|
2277
|
-
display: "flex",
|
|
2278
|
-
justifyContent: "space-between",
|
|
2279
|
-
alignItems: "center",
|
|
2280
|
-
marginBottom: "1rem"
|
|
2281
|
-
}
|
|
2282
|
-
},
|
|
2283
|
-
/* @__PURE__ */ React15.createElement(Title2, { order: 3 }, "List Settings"),
|
|
2284
|
-
/* @__PURE__ */ React15.createElement(CloseButton2, { onClick: closePanel })
|
|
2285
|
-
),
|
|
2336
|
+
/* @__PURE__ */ React15.createElement(Flex, { align: "center", justify: "space-between", mb: "1rem" }, /* @__PURE__ */ React15.createElement(Title2, { order: 3 }, "List Settings"), /* @__PURE__ */ React15.createElement(CloseButton2, { onClick: closePanel })),
|
|
2286
2337
|
/* @__PURE__ */ React15.createElement(
|
|
2287
2338
|
ReusablePanel,
|
|
2288
2339
|
{
|
|
@@ -2312,12 +2363,12 @@ var ListTemplateView = ({ editor, block }) => {
|
|
|
2312
2363
|
};
|
|
2313
2364
|
|
|
2314
2365
|
// src/mantine/blocks/list/flow/ListFlowView.tsx
|
|
2315
|
-
import
|
|
2316
|
-
import { Group as
|
|
2366
|
+
import React41, { useState as useState6, useEffect as useEffect6, useMemo as useMemo9, useCallback as useCallback10 } from "react";
|
|
2367
|
+
import { Group as Group8, Stack as Stack27, Text as Text27, ActionIcon as ActionIcon5, Alert as Alert4, Loader as Loader2, Center as Center2, Flex as Flex19, Button as Button5, Title as Title4, Collapse } from "@mantine/core";
|
|
2317
2368
|
|
|
2318
2369
|
// src/mantine/blocks/list/linked_resources/LinkedResourcesList.tsx
|
|
2319
2370
|
import React20 from "react";
|
|
2320
|
-
import { Stack as Stack10, Text as Text8, Box as Box2, Flex as
|
|
2371
|
+
import { Stack as Stack10, Text as Text8, Box as Box2, Flex as Flex3 } from "@mantine/core";
|
|
2321
2372
|
|
|
2322
2373
|
// src/core/lib/getMediaTypeIcon.tsx
|
|
2323
2374
|
import { IconArchive, IconDeviceAudioTape, IconFileTypeXml, IconImageInPicture, IconPdf, IconFile, IconJson, IconVideo } from "@tabler/icons-react";
|
|
@@ -2352,10 +2403,10 @@ function getMediaTypeIcon(mediaType, props = {}) {
|
|
|
2352
2403
|
}
|
|
2353
2404
|
|
|
2354
2405
|
// src/mantine/blocks/list/ListItemContainer.tsx
|
|
2355
|
-
import { Flex } from "@mantine/core";
|
|
2406
|
+
import { Flex as Flex2 } from "@mantine/core";
|
|
2356
2407
|
import React18 from "react";
|
|
2357
2408
|
function ListItemContainer({ children }) {
|
|
2358
|
-
return /* @__PURE__ */ React18.createElement(
|
|
2409
|
+
return /* @__PURE__ */ React18.createElement(Flex2, { styles: { root: { borderRadius: 16, border: `1px solid rgba(255, 255, 255, 0.06)` } }, p: 20, bg: "rgba(255, 255, 255, 0.02)", justify: "space-between" }, children);
|
|
2359
2410
|
}
|
|
2360
2411
|
|
|
2361
2412
|
// src/mantine/blocks/list/ListItemCheckbox.tsx
|
|
@@ -2387,7 +2438,7 @@ var LinkedResourcesList = ({ items, mods, isItemChecked, onItemCheck, config: _c
|
|
|
2387
2438
|
}
|
|
2388
2439
|
const rows = items.map((item, index) => {
|
|
2389
2440
|
const title = item.description || item.id || `Resource ${index + 1}`;
|
|
2390
|
-
return /* @__PURE__ */ React20.createElement(ListItemContainer, { key: item.id || index }, /* @__PURE__ */ React20.createElement(
|
|
2441
|
+
return /* @__PURE__ */ React20.createElement(ListItemContainer, { key: item.id || index }, /* @__PURE__ */ React20.createElement(Flex3, { align: "center", gap: "sm" }, /* @__PURE__ */ React20.createElement(
|
|
2391
2442
|
Box2,
|
|
2392
2443
|
{
|
|
2393
2444
|
style: {
|
|
@@ -2402,7 +2453,7 @@ var LinkedResourcesList = ({ items, mods, isItemChecked, onItemCheck, config: _c
|
|
|
2402
2453
|
}
|
|
2403
2454
|
},
|
|
2404
2455
|
getMediaTypeIcon(item.mediaType, { size: 16 })
|
|
2405
|
-
), /* @__PURE__ */ React20.createElement(Stack10, { gap: 0 }, /* @__PURE__ */ React20.createElement(Text8, { size: "sm" }, title), item.type && /* @__PURE__ */ React20.createElement(Text8, { size: "xs", c: "dimmed" }, item.type))), /* @__PURE__ */ React20.createElement(
|
|
2456
|
+
), /* @__PURE__ */ React20.createElement(Stack10, { gap: 0 }, /* @__PURE__ */ React20.createElement(Text8, { size: "sm" }, title), item.type && /* @__PURE__ */ React20.createElement(Text8, { size: "xs", c: "dimmed" }, item.type))), /* @__PURE__ */ React20.createElement(Flex3, { align: "center", gap: "md" }, /* @__PURE__ */ React20.createElement(Stack10, { ta: "right", gap: 0 }, /* @__PURE__ */ React20.createElement(Text8, { size: "sm" }, item.encrypted === "true" ? "Private" : "Public"), /* @__PURE__ */ React20.createElement(Text8, { size: "xs", c: "dimmed" }, item.encrypted === "true" ? "Ask for access" : "Accessible")), mods && /* @__PURE__ */ React20.createElement(
|
|
2406
2457
|
ListItemCheckbox,
|
|
2407
2458
|
{
|
|
2408
2459
|
ariaLabel: `Select resource ${item.id}`,
|
|
@@ -2416,7 +2467,7 @@ var LinkedResourcesList = ({ items, mods, isItemChecked, onItemCheck, config: _c
|
|
|
2416
2467
|
|
|
2417
2468
|
// src/mantine/blocks/list/assets/AssetsList.tsx
|
|
2418
2469
|
import React21 from "react";
|
|
2419
|
-
import { Text as Text9, Box as Box3, Stack as Stack11, Flex as
|
|
2470
|
+
import { Text as Text9, Box as Box3, Stack as Stack11, Flex as Flex4, Image } from "@mantine/core";
|
|
2420
2471
|
|
|
2421
2472
|
// src/core/lib/formatters.ts
|
|
2422
2473
|
var formatNumber = (value) => typeof value === "number" ? value.toLocaleString() : "-";
|
|
@@ -2434,13 +2485,13 @@ var AssetsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
|
2434
2485
|
if (!items || items.length === 0) {
|
|
2435
2486
|
return /* @__PURE__ */ React21.createElement(Text9, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
|
|
2436
2487
|
}
|
|
2437
|
-
const rows = items.map((asset) => /* @__PURE__ */ React21.createElement(ListItemContainer, { key: asset.did }, /* @__PURE__ */ React21.createElement(
|
|
2488
|
+
const rows = items.map((asset) => /* @__PURE__ */ React21.createElement(ListItemContainer, { key: asset.did }, /* @__PURE__ */ React21.createElement(Flex4, { align: "center", gap: "sm" }, /* @__PURE__ */ React21.createElement(Image, { radius: 16, w: 32, h: 32, src: asset.icon }), /* @__PURE__ */ React21.createElement(Stack11, { gap: 0 }, /* @__PURE__ */ React21.createElement(Text9, { size: "sm" }, asset.name || "-", " ", asset.alsoKnownAs || "-"), asset.totalCarbon !== void 0 && /* @__PURE__ */ React21.createElement(Text9, { size: "sm", c: "dimmed" }, formatNumber(asset.totalCarbon), " CARBON"))), /* @__PURE__ */ React21.createElement(Flex4, { align: "center", gap: "md" }, /* @__PURE__ */ React21.createElement(Stack11, { ta: "right", gap: 0 }, /* @__PURE__ */ React21.createElement(Text9, { size: "sm" }, asset.currency || "", formatNumber(asset.price)), /* @__PURE__ */ React21.createElement(Text9, { size: "sm", c: "dimmed" }, asset.available ? "Available" : "Unavailable")), mods && /* @__PURE__ */ React21.createElement(ListItemCheckbox, { ariaLabel: `Select asset ${asset.did}`, checked: isItemChecked?.(asset.did), onCheck: (checked) => onItemCheck?.(asset.did, checked) }))));
|
|
2438
2489
|
return /* @__PURE__ */ React21.createElement(Box3, { flex: 1 }, /* @__PURE__ */ React21.createElement(Stack11, null, rows));
|
|
2439
2490
|
};
|
|
2440
2491
|
|
|
2441
2492
|
// src/mantine/blocks/list/transactions/TransactionsList.tsx
|
|
2442
2493
|
import React22 from "react";
|
|
2443
|
-
import { Text as Text10, Badge as Badge3, Tooltip as Tooltip2, Box as Box4, Flex as
|
|
2494
|
+
import { Text as Text10, Badge as Badge3, Tooltip as Tooltip2, Box as Box4, Flex as Flex5, Stack as Stack12 } from "@mantine/core";
|
|
2444
2495
|
var formatTime = (timeStr) => {
|
|
2445
2496
|
try {
|
|
2446
2497
|
const date = new Date(timeStr);
|
|
@@ -2457,7 +2508,7 @@ var TransactionsList = ({ items, mods, isItemChecked, onItemCheck, config: _conf
|
|
|
2457
2508
|
if (!items || items.length === 0) {
|
|
2458
2509
|
return /* @__PURE__ */ React22.createElement(Text10, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No transactions found");
|
|
2459
2510
|
}
|
|
2460
|
-
const rows = items.map((transaction, index) => /* @__PURE__ */ React22.createElement(ListItemContainer, { key: transaction.transactionHash || index }, /* @__PURE__ */ React22.createElement(
|
|
2511
|
+
const rows = items.map((transaction, index) => /* @__PURE__ */ React22.createElement(ListItemContainer, { key: transaction.transactionHash || index }, /* @__PURE__ */ React22.createElement(Flex5, { align: "center", gap: "sm" }, /* @__PURE__ */ React22.createElement(Stack12, { gap: 2 }, /* @__PURE__ */ React22.createElement(Tooltip2, { label: transaction.transactionHash, position: "top" }, /* @__PURE__ */ React22.createElement(Text10, { size: "sm", style: { fontFamily: "monospace" } }, truncateHash(transaction.transactionHash))), /* @__PURE__ */ React22.createElement(Text10, { size: "sm", c: "dimmed" }, transaction.memo || "-"))), /* @__PURE__ */ React22.createElement(Flex5, { align: "center", gap: "md" }, /* @__PURE__ */ React22.createElement(Stack12, { ta: "right", gap: 2 }, /* @__PURE__ */ React22.createElement(Badge3, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, transaction.typeUrl), /* @__PURE__ */ React22.createElement(Text10, { size: "xs", c: "dimmed" }, formatTime(transaction.time))), mods && /* @__PURE__ */ React22.createElement(
|
|
2461
2512
|
ListItemCheckbox,
|
|
2462
2513
|
{
|
|
2463
2514
|
ariaLabel: `Select transaction ${transaction.transactionHash}`,
|
|
@@ -2470,12 +2521,12 @@ var TransactionsList = ({ items, mods, isItemChecked, onItemCheck, config: _conf
|
|
|
2470
2521
|
|
|
2471
2522
|
// src/mantine/blocks/list/collections/CollectionsList.tsx
|
|
2472
2523
|
import React23 from "react";
|
|
2473
|
-
import { Text as Text11, Box as Box5, Image as Image2, Stack as Stack13, Flex as
|
|
2524
|
+
import { Text as Text11, Box as Box5, Image as Image2, Stack as Stack13, Flex as Flex6 } from "@mantine/core";
|
|
2474
2525
|
var CollectionsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2475
2526
|
if (!items || items.length === 0) {
|
|
2476
2527
|
return /* @__PURE__ */ React23.createElement(Text11, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No collections found");
|
|
2477
2528
|
}
|
|
2478
|
-
const rows = items.map((collection) => /* @__PURE__ */ React23.createElement(ListItemContainer, { key: collection.did }, /* @__PURE__ */ React23.createElement(
|
|
2529
|
+
const rows = items.map((collection) => /* @__PURE__ */ React23.createElement(ListItemContainer, { key: collection.did }, /* @__PURE__ */ React23.createElement(Flex6, { align: "center", gap: "sm" }, /* @__PURE__ */ React23.createElement(Image2, { radius: 16, w: 32, h: 32, src: collection.icon }), /* @__PURE__ */ React23.createElement(Stack13, { gap: 0 }, /* @__PURE__ */ React23.createElement(Text11, { size: "sm" }, collection.name), /* @__PURE__ */ React23.createElement(Text11, { size: "sm", c: "dimmed" }, collection.brand))), /* @__PURE__ */ React23.createElement(Flex6, { align: "center", gap: "md" }, /* @__PURE__ */ React23.createElement(Stack13, { ta: "right", gap: 0 }, /* @__PURE__ */ React23.createElement(Text11, { size: "sm" }, collection.totalAssets, " Assets"), /* @__PURE__ */ React23.createElement(Text11, { size: "sm", c: "dimmed" }, collection.currency, collection.price)), mods && /* @__PURE__ */ React23.createElement(
|
|
2479
2530
|
ListItemCheckbox,
|
|
2480
2531
|
{
|
|
2481
2532
|
ariaLabel: `Select collection ${collection.did}`,
|
|
@@ -2486,14 +2537,53 @@ var CollectionsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
|
2486
2537
|
return /* @__PURE__ */ React23.createElement(Box5, { flex: 1 }, /* @__PURE__ */ React23.createElement(Stack13, null, rows));
|
|
2487
2538
|
};
|
|
2488
2539
|
|
|
2489
|
-
// src/mantine/blocks/list/
|
|
2540
|
+
// src/mantine/blocks/list/balances/BalancesList.tsx
|
|
2490
2541
|
import React24 from "react";
|
|
2491
|
-
import { Text as Text12, Box as Box6,
|
|
2542
|
+
import { Text as Text12, Box as Box6, Stack as Stack14, Flex as Flex7, Avatar, Group as Group6 } from "@mantine/core";
|
|
2543
|
+
|
|
2544
|
+
// src/core/utils/numbers.ts
|
|
2545
|
+
var numberFormatter = (num, digits) => {
|
|
2546
|
+
const lookup = [
|
|
2547
|
+
{ value: 1, symbol: "" },
|
|
2548
|
+
{ value: 1e3, symbol: "k" },
|
|
2549
|
+
{ value: 1e6, symbol: "M" },
|
|
2550
|
+
{ value: 1e9, symbol: "G" },
|
|
2551
|
+
{ value: 1e12, symbol: "T" },
|
|
2552
|
+
{ value: 1e15, symbol: "P" },
|
|
2553
|
+
{ value: 1e18, symbol: "E" }
|
|
2554
|
+
];
|
|
2555
|
+
const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
|
|
2556
|
+
const item = lookup.slice().reverse().find((lookupItem) => num >= lookupItem.value);
|
|
2557
|
+
return item ? (num / item.value).toFixed(digits).replace(rx, "$1") + item.symbol : "0";
|
|
2558
|
+
};
|
|
2559
|
+
var microAmountToAmount = (microAmount, microUnits = 6) => {
|
|
2560
|
+
const amount = (microAmount ?? 0) / Math.pow(10, microUnits);
|
|
2561
|
+
return amount;
|
|
2562
|
+
};
|
|
2563
|
+
function renderNumber(value) {
|
|
2564
|
+
if (value === 0) return "0";
|
|
2565
|
+
if (!value) return "";
|
|
2566
|
+
const formattedValue = value.toLocaleString(void 0, { minimumFractionDigits: 0, maximumFractionDigits: 6 });
|
|
2567
|
+
return formattedValue;
|
|
2568
|
+
}
|
|
2569
|
+
|
|
2570
|
+
// src/mantine/blocks/list/balances/BalancesList.tsx
|
|
2571
|
+
var BalancesList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2572
|
+
if (!items || items.length === 0) {
|
|
2573
|
+
return /* @__PURE__ */ React24.createElement(Text12, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No balances found");
|
|
2574
|
+
}
|
|
2575
|
+
const rows = items.map((balance) => /* @__PURE__ */ React24.createElement(ListItemContainer, { key: balance.denom }, /* @__PURE__ */ React24.createElement(Group6, { gap: 12 }, /* @__PURE__ */ React24.createElement(Avatar, { src: balance.tokenImage, size: 40, radius: "xl" }), /* @__PURE__ */ React24.createElement(Stack14, { gap: 4 }, /* @__PURE__ */ React24.createElement(Text12, { size: "sm", fw: 500 }, balance.tokenName), balance.chainCount > 1 && /* @__PURE__ */ React24.createElement(Group6, { gap: 4 }, /* @__PURE__ */ React24.createElement(Text12, { size: "xs", c: "dimmed" }, balance.chainCount, " chains"), /* @__PURE__ */ React24.createElement(Group6, { gap: -4 }, /* @__PURE__ */ React24.createElement(Avatar, { size: 16, radius: "xl", bg: "dimmed" }), /* @__PURE__ */ React24.createElement(Avatar, { size: 16, radius: "xl", bg: "dimmed", ml: -4 }), balance.chainCount > 2 && /* @__PURE__ */ React24.createElement(Avatar, { size: 16, radius: "xl", bg: "dimmed", ml: -4 }))))), /* @__PURE__ */ React24.createElement(Flex7, { align: "center", gap: "md" }, /* @__PURE__ */ React24.createElement(Stack14, { gap: 4, align: "flex-end" }, /* @__PURE__ */ React24.createElement(Text12, { size: "sm", fw: 500 }, renderNumber(balance.amount)), /* @__PURE__ */ React24.createElement(Text12, { size: "xs", c: "dimmed" }, "$", renderNumber(balance.usdAmount))), mods && /* @__PURE__ */ React24.createElement(ListItemCheckbox, { ariaLabel: `Select balance ${balance.denom}`, checked: isItemChecked?.(balance.denom), onCheck: (checked) => onItemCheck?.(balance.denom, checked) }))));
|
|
2576
|
+
return /* @__PURE__ */ React24.createElement(Box6, { flex: 1 }, /* @__PURE__ */ React24.createElement(Stack14, null, rows));
|
|
2577
|
+
};
|
|
2578
|
+
|
|
2579
|
+
// src/mantine/blocks/list/investments/InvestmentsList.tsx
|
|
2580
|
+
import React25 from "react";
|
|
2581
|
+
import { Text as Text13, Box as Box7, Image as Image3, Stack as Stack15, Flex as Flex8, Progress } from "@mantine/core";
|
|
2492
2582
|
var InvestmentsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2493
2583
|
if (!items || items.length === 0) {
|
|
2494
|
-
return /* @__PURE__ */
|
|
2584
|
+
return /* @__PURE__ */ React25.createElement(Text13, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No investments found");
|
|
2495
2585
|
}
|
|
2496
|
-
const rows = items.map((investment) => /* @__PURE__ */
|
|
2586
|
+
const rows = items.map((investment) => /* @__PURE__ */ React25.createElement(ListItemContainer, { key: investment.did }, /* @__PURE__ */ React25.createElement(Flex8, { align: "center", gap: "sm" }, /* @__PURE__ */ React25.createElement(Image3, { radius: 16, w: 32, h: 32, src: investment.icon }), /* @__PURE__ */ React25.createElement(Stack15, { gap: 0 }, /* @__PURE__ */ React25.createElement(Text13, { size: "sm" }, investment.name || "-"), /* @__PURE__ */ React25.createElement(Text13, { size: "sm", c: "dimmed" }, investment.brand || "-"))), /* @__PURE__ */ React25.createElement(Flex8, { align: "center", gap: "md" }, /* @__PURE__ */ React25.createElement(Stack15, { ta: "right", gap: 0 }, /* @__PURE__ */ React25.createElement(Flex8, { gap: "5px" }, /* @__PURE__ */ React25.createElement(Text13, { size: "sm" }, investment.currency + formatNumber(investment.currentAmount)), /* @__PURE__ */ React25.createElement(Text13, { size: "sm", c: "dimmed" }, "/ ", investment.currency + formatNumber(investment.maxAmount))), /* @__PURE__ */ React25.createElement(Text13, { size: "xs", c: "dimmed" }, /* @__PURE__ */ React25.createElement(Progress, { color: "rgb(0, 255, 157)", radius: "xl", size: "lg", value: investment.currentAmount * 100 / investment.maxAmount }))), mods && /* @__PURE__ */ React25.createElement(
|
|
2497
2587
|
ListItemCheckbox,
|
|
2498
2588
|
{
|
|
2499
2589
|
ariaLabel: `Select investment ${investment.did}`,
|
|
@@ -2501,87 +2591,67 @@ var InvestmentsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
|
2501
2591
|
onCheck: (checked) => onItemCheck?.(investment.did, checked)
|
|
2502
2592
|
}
|
|
2503
2593
|
))));
|
|
2504
|
-
return /* @__PURE__ */
|
|
2594
|
+
return /* @__PURE__ */ React25.createElement(Box7, { flex: 1 }, /* @__PURE__ */ React25.createElement(Stack15, null, rows));
|
|
2505
2595
|
};
|
|
2506
2596
|
|
|
2507
2597
|
// src/mantine/blocks/list/oracles/OraclesList.tsx
|
|
2508
|
-
import
|
|
2509
|
-
import { Text as
|
|
2598
|
+
import React26 from "react";
|
|
2599
|
+
import { Text as Text14, Box as Box8, Image as Image4, Stack as Stack16, Flex as Flex9 } from "@mantine/core";
|
|
2510
2600
|
var OraclesList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2511
2601
|
if (!items || items.length === 0) {
|
|
2512
|
-
return /* @__PURE__ */
|
|
2602
|
+
return /* @__PURE__ */ React26.createElement(Text14, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No oracles found");
|
|
2513
2603
|
}
|
|
2514
|
-
const rows = items.map((oracle) => /* @__PURE__ */
|
|
2515
|
-
return /* @__PURE__ */
|
|
2604
|
+
const rows = items.map((oracle) => /* @__PURE__ */ React26.createElement(ListItemContainer, { key: oracle.did }, /* @__PURE__ */ React26.createElement(Flex9, { align: "center", gap: "sm" }, /* @__PURE__ */ React26.createElement(Image4, { radius: 16, w: 32, h: 32, src: oracle.icon }), /* @__PURE__ */ React26.createElement(Stack16, { gap: 0 }, /* @__PURE__ */ React26.createElement(Text14, { size: "sm" }, oracle.name || "-"), /* @__PURE__ */ React26.createElement(Text14, { size: "sm", c: "dimmed" }, oracle.brand || "-"))), /* @__PURE__ */ React26.createElement(Flex9, { align: "center", gap: "md" }, /* @__PURE__ */ React26.createElement(Stack16, { ta: "right", gap: 0 }, /* @__PURE__ */ React26.createElement(Text14, { size: "sm" }, oracle.currency || "-"), /* @__PURE__ */ React26.createElement(Text14, { size: "xs", c: "dimmed" }, oracle.minPoints, " - ", oracle.maxPoints, " pts"), /* @__PURE__ */ React26.createElement(Text14, { size: "xs", c: "dimmed" }, oracle.flowsAmount, " Flows")), mods && /* @__PURE__ */ React26.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${oracle.did}`, checked: isItemChecked?.(oracle.did), onCheck: (checked) => onItemCheck?.(oracle.did, checked) }))));
|
|
2605
|
+
return /* @__PURE__ */ React26.createElement(Box8, { flex: 1 }, /* @__PURE__ */ React26.createElement(Stack16, null, rows));
|
|
2516
2606
|
};
|
|
2517
2607
|
|
|
2518
2608
|
// src/mantine/blocks/list/pods/PODsList.tsx
|
|
2519
|
-
import
|
|
2520
|
-
import { Text as
|
|
2609
|
+
import React27 from "react";
|
|
2610
|
+
import { Text as Text15, Box as Box9, Image as Image5, Stack as Stack17, Flex as Flex10 } from "@mantine/core";
|
|
2521
2611
|
var PodsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2522
2612
|
if (!items || items.length === 0) {
|
|
2523
|
-
return /* @__PURE__ */
|
|
2613
|
+
return /* @__PURE__ */ React27.createElement(Text15, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No PODs found");
|
|
2524
2614
|
}
|
|
2525
|
-
const rows = items.map((pod) => /* @__PURE__ */
|
|
2526
|
-
return /* @__PURE__ */
|
|
2615
|
+
const rows = items.map((pod) => /* @__PURE__ */ React27.createElement(ListItemContainer, { key: pod.did }, /* @__PURE__ */ React27.createElement(Flex10, { align: "center", gap: "sm" }, /* @__PURE__ */ React27.createElement(Image5, { radius: 16, w: 32, h: 32, src: pod.icon }), /* @__PURE__ */ React27.createElement(Stack17, { gap: 0 }, /* @__PURE__ */ React27.createElement(Text15, { size: "sm" }, pod.name || "-"), /* @__PURE__ */ React27.createElement(Text15, { size: "sm", c: "dimmed" }, pod.startDate, " \u2192 ", pod.endDate))), /* @__PURE__ */ React27.createElement(Flex10, { align: "center", gap: "md" }, /* @__PURE__ */ React27.createElement(Stack17, { ta: "right", gap: 0 }, /* @__PURE__ */ React27.createElement(Text15, { size: "sm" }, pod.members, " Members"), /* @__PURE__ */ React27.createElement(Text15, { size: "sm", c: "dimmed" }, pod.totalProposals, " Proposals")), mods && /* @__PURE__ */ React27.createElement(ListItemCheckbox, { ariaLabel: `Select pod ${pod.did}`, checked: isItemChecked?.(pod.did), onCheck: (checked) => onItemCheck?.(pod.did, checked) }))));
|
|
2616
|
+
return /* @__PURE__ */ React27.createElement(Box9, { flex: 1 }, /* @__PURE__ */ React27.createElement(Stack17, null, rows));
|
|
2527
2617
|
};
|
|
2528
2618
|
|
|
2529
2619
|
// src/mantine/blocks/list/proposals/ProposalsList.tsx
|
|
2530
|
-
import
|
|
2531
|
-
import { Text as
|
|
2620
|
+
import React28 from "react";
|
|
2621
|
+
import { Text as Text16, Box as Box10, Image as Image6, Stack as Stack18, Flex as Flex11, Badge as Badge4 } from "@mantine/core";
|
|
2532
2622
|
var ProposalsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2533
2623
|
if (!items || items.length === 0) {
|
|
2534
|
-
return /* @__PURE__ */
|
|
2624
|
+
return /* @__PURE__ */ React28.createElement(Text16, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No proposals found");
|
|
2535
2625
|
}
|
|
2536
|
-
const rows = items.map((proposal) => /* @__PURE__ */
|
|
2537
|
-
return /* @__PURE__ */
|
|
2626
|
+
const rows = items.map((proposal) => /* @__PURE__ */ React28.createElement(ListItemContainer, { key: proposal.did }, /* @__PURE__ */ React28.createElement(Flex11, { align: "center", gap: "sm" }, /* @__PURE__ */ React28.createElement(Image6, { radius: 16, w: 32, h: 32, src: proposal.icon }), /* @__PURE__ */ React28.createElement(Stack18, { gap: 0 }, /* @__PURE__ */ React28.createElement(Text16, { size: "sm" }, proposal.name || "-"), /* @__PURE__ */ React28.createElement(Text16, { size: "xs", c: "dimmed" }, proposal.description || "-"))), /* @__PURE__ */ React28.createElement(Flex11, { align: "center", gap: "md" }, /* @__PURE__ */ React28.createElement(Stack18, { ta: "right", align: "end", gap: 0 }, /* @__PURE__ */ React28.createElement(Badge4, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, proposal.status), /* @__PURE__ */ React28.createElement(Text16, { size: "sm", c: "dimmed" }, proposal.isVotedOn ? "Voted" : "Not voted")), mods && /* @__PURE__ */ React28.createElement(ListItemCheckbox, { ariaLabel: `Select proposal ${proposal.did}`, checked: isItemChecked?.(proposal.did), onCheck: (checked) => onItemCheck?.(proposal.did, checked) }))));
|
|
2627
|
+
return /* @__PURE__ */ React28.createElement(Box10, { flex: 1 }, /* @__PURE__ */ React28.createElement(Stack18, null, rows));
|
|
2538
2628
|
};
|
|
2539
2629
|
|
|
2540
2630
|
// src/mantine/blocks/list/requests/RequestsList.tsx
|
|
2541
|
-
import
|
|
2542
|
-
import { Text as
|
|
2631
|
+
import React29 from "react";
|
|
2632
|
+
import { Text as Text17, Box as Box11, Image as Image7, Stack as Stack19, Flex as Flex12 } from "@mantine/core";
|
|
2543
2633
|
var RequestsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2544
2634
|
if (!items || items.length === 0) {
|
|
2545
|
-
return /* @__PURE__ */
|
|
2635
|
+
return /* @__PURE__ */ React29.createElement(Text17, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No requests found");
|
|
2546
2636
|
}
|
|
2547
|
-
const rows = items.map((request) => /* @__PURE__ */
|
|
2548
|
-
return /* @__PURE__ */
|
|
2637
|
+
const rows = items.map((request) => /* @__PURE__ */ React29.createElement(ListItemContainer, { key: request.did }, /* @__PURE__ */ React29.createElement(Flex12, { align: "center", gap: "sm" }, /* @__PURE__ */ React29.createElement(Image7, { radius: 16, w: 32, h: 32, src: request.icon }), /* @__PURE__ */ React29.createElement(Stack19, { gap: 0 }, /* @__PURE__ */ React29.createElement(Text17, { size: "sm" }, request.name || "-"), /* @__PURE__ */ React29.createElement(Text17, { size: "sm", c: "dimmed" }, request.brand || "-"))), /* @__PURE__ */ React29.createElement(Flex12, { align: "center", gap: "md" }, /* @__PURE__ */ React29.createElement(Stack19, { ta: "right", gap: 0 }, /* @__PURE__ */ React29.createElement(Text17, { size: "sm", c: "dimmed" }, request.currency || "", request.budget ?? "-"), /* @__PURE__ */ React29.createElement(Text17, { size: "xs", c: "dimmed" }, request.totalApplications ?? 0, " Applications")), mods && /* @__PURE__ */ React29.createElement(ListItemCheckbox, { ariaLabel: `Select request ${request.did}`, checked: isItemChecked?.(request.did), onCheck: (checked) => onItemCheck?.(request.did, checked) }))));
|
|
2638
|
+
return /* @__PURE__ */ React29.createElement(Box11, { flex: 1 }, /* @__PURE__ */ React29.createElement(Stack19, null, rows));
|
|
2549
2639
|
};
|
|
2550
2640
|
|
|
2551
2641
|
// src/mantine/blocks/list/members/MembersList.tsx
|
|
2552
|
-
import
|
|
2553
|
-
import { Text as
|
|
2642
|
+
import React30 from "react";
|
|
2643
|
+
import { Text as Text18, Box as Box12, Image as Image8, Stack as Stack20, Flex as Flex13 } from "@mantine/core";
|
|
2554
2644
|
var MembersList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2555
2645
|
if (!items || items.length === 0) {
|
|
2556
|
-
return /* @__PURE__ */
|
|
2646
|
+
return /* @__PURE__ */ React30.createElement(Text18, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
|
|
2557
2647
|
}
|
|
2558
|
-
const rows = items.map((member) => /* @__PURE__ */
|
|
2559
|
-
return /* @__PURE__ */
|
|
2648
|
+
const rows = items.map((member) => /* @__PURE__ */ React30.createElement(ListItemContainer, { key: member.did }, /* @__PURE__ */ React30.createElement(Flex13, { align: "center", gap: "sm" }, /* @__PURE__ */ React30.createElement(Image8, { radius: 16, w: 32, h: 32, src: member.icon }), /* @__PURE__ */ React30.createElement(Stack20, { gap: 0 }, /* @__PURE__ */ React30.createElement(Text18, { size: "sm" }, member.username || "-"), /* @__PURE__ */ React30.createElement(Text18, { size: "xs", c: "dimmed" }, member.address || "-"))), /* @__PURE__ */ React30.createElement(Flex13, { align: "center", gap: "md" }, /* @__PURE__ */ React30.createElement(Stack20, { ta: "right", gap: 0 }, /* @__PURE__ */ React30.createElement(Text18, { size: "sm" }, member.percentage), /* @__PURE__ */ React30.createElement(Text18, { size: "sm", c: "dimmed" }, member.role)), mods && /* @__PURE__ */ React30.createElement(ListItemCheckbox, { ariaLabel: `Select member ${member.did}`, checked: isItemChecked?.(member.did), onCheck: (checked) => onItemCheck?.(member.did, checked) }))));
|
|
2649
|
+
return /* @__PURE__ */ React30.createElement(Box12, { flex: 1 }, /* @__PURE__ */ React30.createElement(Stack20, null, rows));
|
|
2560
2650
|
};
|
|
2561
2651
|
|
|
2562
2652
|
// src/mantine/blocks/list/validators/ValidatorsList.tsx
|
|
2563
|
-
import
|
|
2564
|
-
import { Text as
|
|
2565
|
-
|
|
2566
|
-
// src/core/utils/numbers.ts
|
|
2567
|
-
var numberFormatter = (num, digits) => {
|
|
2568
|
-
const lookup = [
|
|
2569
|
-
{ value: 1, symbol: "" },
|
|
2570
|
-
{ value: 1e3, symbol: "k" },
|
|
2571
|
-
{ value: 1e6, symbol: "M" },
|
|
2572
|
-
{ value: 1e9, symbol: "G" },
|
|
2573
|
-
{ value: 1e12, symbol: "T" },
|
|
2574
|
-
{ value: 1e15, symbol: "P" },
|
|
2575
|
-
{ value: 1e18, symbol: "E" }
|
|
2576
|
-
];
|
|
2577
|
-
const rx = /\.0+$|(\.[0-9]*[1-9])0+$/;
|
|
2578
|
-
const item = lookup.slice().reverse().find((lookupItem) => num >= lookupItem.value);
|
|
2579
|
-
return item ? (num / item.value).toFixed(digits).replace(rx, "$1") + item.symbol : "0";
|
|
2580
|
-
};
|
|
2581
|
-
var microAmountToAmount = (microAmount, microUnits = 6) => {
|
|
2582
|
-
const amount = (microAmount ?? 0) / Math.pow(10, microUnits);
|
|
2583
|
-
return amount;
|
|
2584
|
-
};
|
|
2653
|
+
import React31 from "react";
|
|
2654
|
+
import { Text as Text19, Box as Box13, Image as Image9, Stack as Stack21, Flex as Flex14 } from "@mantine/core";
|
|
2585
2655
|
|
|
2586
2656
|
// src/core/lib/validators.ts
|
|
2587
2657
|
var getDelegatedTokensFromValidator = (validator) => Number(validator?.amount ?? 0);
|
|
@@ -2590,25 +2660,25 @@ var getDisplayDelegatedTokensFromValidator = (validator) => microAmountToAmount(
|
|
|
2590
2660
|
// src/mantine/blocks/list/validators/ValidatorsList.tsx
|
|
2591
2661
|
var ValidatorsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2592
2662
|
if (!items || items.length === 0) {
|
|
2593
|
-
return /* @__PURE__ */
|
|
2663
|
+
return /* @__PURE__ */ React31.createElement(Text19, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No validators found");
|
|
2594
2664
|
}
|
|
2595
|
-
const rows = items.map((v) => /* @__PURE__ */
|
|
2596
|
-
return /* @__PURE__ */
|
|
2665
|
+
const rows = items.map((v) => /* @__PURE__ */ React31.createElement(ListItemContainer, { key: v.did }, /* @__PURE__ */ React31.createElement(Flex14, { align: "center", gap: "sm" }, /* @__PURE__ */ React31.createElement(Image9, { radius: 16, w: 32, h: 32, src: v.icon }), /* @__PURE__ */ React31.createElement(Stack21, { gap: 0 }, /* @__PURE__ */ React31.createElement(Text19, { size: "sm" }, v.name || "-"), /* @__PURE__ */ React31.createElement(Text19, { size: "xs", c: "dimmed" }, v.description || "-"))), /* @__PURE__ */ React31.createElement(Flex14, { align: "center", gap: "md" }, /* @__PURE__ */ React31.createElement(Stack21, { ta: "right", gap: 0 }, /* @__PURE__ */ React31.createElement(Text19, { size: "sm" }, numberFormatter(getDisplayDelegatedTokensFromValidator(v), 2), " ", v.currency), /* @__PURE__ */ React31.createElement(Text19, { size: "sm", c: "dimmed" }, v.commission, "% fee"), /* @__PURE__ */ React31.createElement(Text19, { size: "xs", c: "dimmed" }, v.isActive ? "Active" : "Inactive", " \u2022 ", v.isStaked ? "Staked" : "Not staked", " \u2022 ", v.isBonding ? "Bonding" : "Not bonding")), mods && /* @__PURE__ */ React31.createElement(ListItemCheckbox, { ariaLabel: `Select validator ${v.did}`, checked: isItemChecked?.(v.did), onCheck: (checked) => onItemCheck?.(v.did, checked) }))));
|
|
2666
|
+
return /* @__PURE__ */ React31.createElement(Box13, { flex: 1 }, /* @__PURE__ */ React31.createElement(Stack21, null, rows));
|
|
2597
2667
|
};
|
|
2598
2668
|
|
|
2599
2669
|
// src/mantine/blocks/list/ListActionsMenu.tsx
|
|
2600
|
-
import
|
|
2601
|
-
import { Menu, Text as
|
|
2670
|
+
import React32 from "react";
|
|
2671
|
+
import { Menu, Text as Text20, ActionIcon as ActionIcon4 } from "@mantine/core";
|
|
2602
2672
|
import { IconArrowDown, IconArrowUp, IconAdjustments, IconCheckbox as IconCheckbox2, IconAdjustmentsHorizontal, IconDownload } from "@tabler/icons-react";
|
|
2603
2673
|
var ListActionsMenu = ({ options, selectionMode, onSelectActionClick, value, onChange, onDownloadCsv }) => {
|
|
2604
2674
|
const renderItem = (opt, direction) => {
|
|
2605
2675
|
const isActive = value?.key === opt.key && value?.direction === direction;
|
|
2606
2676
|
const Icon = direction === "asc" ? IconArrowUp : IconArrowDown;
|
|
2607
|
-
return /* @__PURE__ */
|
|
2677
|
+
return /* @__PURE__ */ React32.createElement(
|
|
2608
2678
|
Menu.Item,
|
|
2609
2679
|
{
|
|
2610
2680
|
key: `${opt.key}-${direction}`,
|
|
2611
|
-
leftSection: /* @__PURE__ */
|
|
2681
|
+
leftSection: /* @__PURE__ */ React32.createElement(Icon, { size: 16 }),
|
|
2612
2682
|
onClick: () => {
|
|
2613
2683
|
onChange({ key: opt.key, direction });
|
|
2614
2684
|
},
|
|
@@ -2617,7 +2687,7 @@ var ListActionsMenu = ({ options, selectionMode, onSelectActionClick, value, onC
|
|
|
2617
2687
|
opt.label
|
|
2618
2688
|
);
|
|
2619
2689
|
};
|
|
2620
|
-
return /* @__PURE__ */
|
|
2690
|
+
return /* @__PURE__ */ React32.createElement(Menu, { shadow: "md", width: 220 }, /* @__PURE__ */ React32.createElement(Menu.Target, null, /* @__PURE__ */ React32.createElement(ActionIcon4, { variant: "subtle", size: "sm", "aria-label": "List actions", title: "List actions" }, /* @__PURE__ */ React32.createElement(IconAdjustmentsHorizontal, { size: 18 }))), /* @__PURE__ */ React32.createElement(Menu.Dropdown, null, /* @__PURE__ */ React32.createElement(Menu.Label, null, /* @__PURE__ */ React32.createElement(Text20, { c: "dimmed" }, "Order By")), options.map((opt) => /* @__PURE__ */ React32.createElement(React32.Fragment, { key: opt.key }, renderItem(opt, "desc"), renderItem(opt, "asc"))), /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { leftSection: /* @__PURE__ */ React32.createElement(IconAdjustments, { size: 16 }) }, "Smart Filter"), /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "single" ? null : "single"), leftSection: /* @__PURE__ */ React32.createElement(IconCheckbox2, { size: 16 }) }, "Single Select"), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: () => onSelectActionClick(selectionMode === "multi" ? null : "multi"), leftSection: /* @__PURE__ */ React32.createElement(IconCheckbox2, { size: 16 }) }, "Multi Select"), onDownloadCsv && /* @__PURE__ */ React32.createElement(React32.Fragment, null, /* @__PURE__ */ React32.createElement(Menu.Divider, null), /* @__PURE__ */ React32.createElement(Menu.Item, { onClick: onDownloadCsv, leftSection: /* @__PURE__ */ React32.createElement(IconDownload, { size: 16 }) }, "Download CSV"))));
|
|
2621
2691
|
};
|
|
2622
2692
|
|
|
2623
2693
|
// src/core/lib/sortListItems.ts
|
|
@@ -2640,10 +2710,10 @@ function sortListItems(data, sortOption) {
|
|
|
2640
2710
|
}
|
|
2641
2711
|
|
|
2642
2712
|
// src/mantine/blocks/list/FilterTab.tsx
|
|
2643
|
-
import
|
|
2644
|
-
import { UnstyledButton, Text as
|
|
2713
|
+
import React33 from "react";
|
|
2714
|
+
import { UnstyledButton, Text as Text21 } from "@mantine/core";
|
|
2645
2715
|
function FilterTab({ onClick, label, isActive }) {
|
|
2646
|
-
return /* @__PURE__ */
|
|
2716
|
+
return /* @__PURE__ */ React33.createElement(
|
|
2647
2717
|
UnstyledButton,
|
|
2648
2718
|
{
|
|
2649
2719
|
onClick,
|
|
@@ -2674,7 +2744,7 @@ function FilterTab({ onClick, label, isActive }) {
|
|
|
2674
2744
|
if (!isActive) e.currentTarget.style.background = "transparent";
|
|
2675
2745
|
}
|
|
2676
2746
|
},
|
|
2677
|
-
/* @__PURE__ */
|
|
2747
|
+
/* @__PURE__ */ React33.createElement(Text21, { size: "sm", fw: 500 }, label)
|
|
2678
2748
|
);
|
|
2679
2749
|
}
|
|
2680
2750
|
|
|
@@ -2691,13 +2761,13 @@ function filterListItems(items, filterOption) {
|
|
|
2691
2761
|
}
|
|
2692
2762
|
|
|
2693
2763
|
// src/mantine/blocks/list/flow/ListFlowView.tsx
|
|
2694
|
-
import { IconArrowDown as IconArrowDown2,
|
|
2764
|
+
import { IconArrowDown as IconArrowDown2, IconArrowUp as IconArrowUp2, IconChevronDown, IconChevronUp, IconRefresh, IconSettings, IconAlertCircle } from "@tabler/icons-react";
|
|
2695
2765
|
|
|
2696
2766
|
// src/mantine/blocks/list/ListPagination.tsx
|
|
2697
|
-
import
|
|
2767
|
+
import React34 from "react";
|
|
2698
2768
|
import { Pagination } from "@mantine/core";
|
|
2699
2769
|
function ListPagination({ page, setPage, totalPages }) {
|
|
2700
|
-
return /* @__PURE__ */
|
|
2770
|
+
return /* @__PURE__ */ React34.createElement(
|
|
2701
2771
|
Pagination,
|
|
2702
2772
|
{
|
|
2703
2773
|
value: page,
|
|
@@ -2724,13 +2794,13 @@ function ListPagination({ page, setPage, totalPages }) {
|
|
|
2724
2794
|
var DEFAULT_PAGE_SIZE = 5;
|
|
2725
2795
|
|
|
2726
2796
|
// src/mantine/blocks/list/dao_members/MembersList.tsx
|
|
2727
|
-
import
|
|
2728
|
-
import { Text as
|
|
2797
|
+
import React35 from "react";
|
|
2798
|
+
import { Text as Text22, Box as Box14, Image as Image10, Stack as Stack22, Flex as Flex15 } from "@mantine/core";
|
|
2729
2799
|
var DaoMembersList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2730
2800
|
if (!items || items.length === 0) {
|
|
2731
|
-
return /* @__PURE__ */
|
|
2801
|
+
return /* @__PURE__ */ React35.createElement(Text22, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
|
|
2732
2802
|
}
|
|
2733
|
-
const rows = items.map((member) => /* @__PURE__ */
|
|
2803
|
+
const rows = items.map((member) => /* @__PURE__ */ React35.createElement(ListItemContainer, { key: member.did }, /* @__PURE__ */ React35.createElement(Flex15, { align: "center", gap: "sm" }, /* @__PURE__ */ React35.createElement(Image10, { radius: 16, w: 32, h: 32, src: member.icon }), /* @__PURE__ */ React35.createElement(Stack22, { gap: 0 }, /* @__PURE__ */ React35.createElement(Text22, { size: "sm", fw: 500 }, member.username || "Unknown User"), /* @__PURE__ */ React35.createElement(Text22, { size: "xs", c: "dimmed", lineClamp: 1 }, member.address || "No address"))), /* @__PURE__ */ React35.createElement(Flex15, { align: "center", gap: "md" }, /* @__PURE__ */ React35.createElement(Stack22, { ta: "right", gap: 0 }, /* @__PURE__ */ React35.createElement(Text22, { size: "sm", fw: 500, c: "blue" }, member.percentage || "0%"), /* @__PURE__ */ React35.createElement(Text22, { size: "xs", c: "dimmed", tt: "capitalize" }, member.role || "member")), mods && /* @__PURE__ */ React35.createElement(
|
|
2734
2804
|
ListItemCheckbox,
|
|
2735
2805
|
{
|
|
2736
2806
|
ariaLabel: `Select member ${member.username || member.did}`,
|
|
@@ -2738,34 +2808,34 @@ var DaoMembersList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
|
2738
2808
|
onCheck: (checked) => onItemCheck?.(member.did, checked)
|
|
2739
2809
|
}
|
|
2740
2810
|
))));
|
|
2741
|
-
return /* @__PURE__ */
|
|
2811
|
+
return /* @__PURE__ */ React35.createElement(Box14, { flex: 1 }, /* @__PURE__ */ React35.createElement(Stack22, { gap: "xs" }, rows));
|
|
2742
2812
|
};
|
|
2743
2813
|
|
|
2744
2814
|
// src/mantine/blocks/list/ListSelectionPanel.tsx
|
|
2745
|
-
import
|
|
2746
|
-
import { Paper as Paper4, CloseButton as CloseButton3, Stack as
|
|
2815
|
+
import React37, { useState as useState5, useEffect as useEffect5, useMemo as useMemo7 } from "react";
|
|
2816
|
+
import { Paper as Paper4, CloseButton as CloseButton3, Stack as Stack24, Alert as Alert3, Text as Text24, Loader, Center } from "@mantine/core";
|
|
2747
2817
|
|
|
2748
2818
|
// src/mantine/blocks/list/components/SelectionPanelContent.tsx
|
|
2749
|
-
import
|
|
2750
|
-
import { Stack as
|
|
2819
|
+
import React36 from "react";
|
|
2820
|
+
import { Stack as Stack23, Text as Text23, Title as Title3, Divider as Divider2, Flex as Flex16, Paper as Paper3, Group as Group7 } from "@mantine/core";
|
|
2751
2821
|
import { useHover } from "@mantine/hooks";
|
|
2752
2822
|
import { IconArrowRight, IconTarget } from "@tabler/icons-react";
|
|
2753
2823
|
var SelectionPanelHeader = ({ title, description }) => {
|
|
2754
|
-
return /* @__PURE__ */
|
|
2824
|
+
return /* @__PURE__ */ React36.createElement(Stack23, { gap: "xs" }, /* @__PURE__ */ React36.createElement(Title3, { fw: 400, order: 3 }, title), /* @__PURE__ */ React36.createElement(Text23, { c: "dimmed" }, description));
|
|
2755
2825
|
};
|
|
2756
2826
|
var SelectionPromptItem = ({ prompt }) => {
|
|
2757
|
-
return /* @__PURE__ */
|
|
2827
|
+
return /* @__PURE__ */ React36.createElement(React36.Fragment, null, /* @__PURE__ */ React36.createElement(Flex16, { gap: 10 }, /* @__PURE__ */ React36.createElement(IconArrowRight, { size: 24, color: "white" }), /* @__PURE__ */ React36.createElement(Text23, null, prompt.text)), /* @__PURE__ */ React36.createElement(Divider2, { c: "dimmed", h: 1 }));
|
|
2758
2828
|
};
|
|
2759
2829
|
var SelectionPrompts = ({ prompts }) => {
|
|
2760
2830
|
if (!prompts || prompts.length === 0) return null;
|
|
2761
|
-
return /* @__PURE__ */
|
|
2831
|
+
return /* @__PURE__ */ React36.createElement(Stack23, { gap: "xs" }, prompts.map((prompt, index) => /* @__PURE__ */ React36.createElement(SelectionPromptItem, { key: index, prompt })));
|
|
2762
2832
|
};
|
|
2763
2833
|
var SelectionActionButton = ({ action, itemId, itemData }) => {
|
|
2764
2834
|
const { hovered, ref } = useHover();
|
|
2765
2835
|
const handleClick = () => {
|
|
2766
2836
|
action.onClick(itemId, itemData);
|
|
2767
2837
|
};
|
|
2768
|
-
return /* @__PURE__ */
|
|
2838
|
+
return /* @__PURE__ */ React36.createElement(
|
|
2769
2839
|
Paper3,
|
|
2770
2840
|
{
|
|
2771
2841
|
ref,
|
|
@@ -2780,19 +2850,19 @@ var SelectionActionButton = ({ action, itemId, itemData }) => {
|
|
|
2780
2850
|
},
|
|
2781
2851
|
onClick: handleClick
|
|
2782
2852
|
},
|
|
2783
|
-
/* @__PURE__ */
|
|
2853
|
+
/* @__PURE__ */ React36.createElement(Group7, { justify: "space-between", align: "center" }, /* @__PURE__ */ React36.createElement(Group7, { gap: "sm" }, /* @__PURE__ */ React36.createElement(IconTarget, { size: 20, color: "var(--mantine-color-gray-3)" }), /* @__PURE__ */ React36.createElement(Text23, { size: "sm", fw: 500, c: "white" }, action.label)), /* @__PURE__ */ React36.createElement(IconArrowRight, { size: 16, color: "var(--mantine-color-gray-4)" }))
|
|
2784
2854
|
);
|
|
2785
2855
|
};
|
|
2786
2856
|
var SelectionActionSectionComponent = ({ section, itemId, itemData }) => {
|
|
2787
2857
|
if (!section.actions || section.actions.length === 0) return null;
|
|
2788
|
-
return /* @__PURE__ */
|
|
2858
|
+
return /* @__PURE__ */ React36.createElement(Stack23, { gap: "xs" }, /* @__PURE__ */ React36.createElement(Text23, { fw: 500 }, section.title), section.description && /* @__PURE__ */ React36.createElement(Text23, { size: "sm", c: "dimmed" }, section.description), /* @__PURE__ */ React36.createElement(Stack23, { gap: "xs" }, section.actions.map((action) => /* @__PURE__ */ React36.createElement(SelectionActionButton, { key: action.id, action, itemId, itemData }))));
|
|
2789
2859
|
};
|
|
2790
2860
|
var SelectionActionSections = ({ sections, itemId, itemData }) => {
|
|
2791
2861
|
if (!sections || sections.length === 0) return null;
|
|
2792
|
-
return /* @__PURE__ */
|
|
2862
|
+
return /* @__PURE__ */ React36.createElement(Stack23, { gap: "md" }, sections.map((section, index) => /* @__PURE__ */ React36.createElement(React36.Fragment, { key: index }, /* @__PURE__ */ React36.createElement(SelectionActionSectionComponent, { section, itemId, itemData }), index < sections.length - 1 && /* @__PURE__ */ React36.createElement(Divider2, null))));
|
|
2793
2863
|
};
|
|
2794
2864
|
var SelectionPanelEmpty = ({ message = "No item selected" }) => {
|
|
2795
|
-
return /* @__PURE__ */
|
|
2865
|
+
return /* @__PURE__ */ React36.createElement(Stack23, { gap: "md", align: "center", py: "xl" }, /* @__PURE__ */ React36.createElement(Text23, { size: "sm", c: "dimmed", ta: "center" }, message));
|
|
2796
2866
|
};
|
|
2797
2867
|
|
|
2798
2868
|
// src/mantine/blocks/list/ListSelectionPanel.tsx
|
|
@@ -2838,7 +2908,7 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2838
2908
|
fetchItemDetails();
|
|
2839
2909
|
}, [selectedItemId, listType, handlers, panelConfig]);
|
|
2840
2910
|
if (!listType || !panelConfig) {
|
|
2841
|
-
return /* @__PURE__ */
|
|
2911
|
+
return /* @__PURE__ */ React37.createElement(
|
|
2842
2912
|
Paper4,
|
|
2843
2913
|
{
|
|
2844
2914
|
p: "md",
|
|
@@ -2850,7 +2920,7 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2850
2920
|
position: "relative"
|
|
2851
2921
|
}
|
|
2852
2922
|
},
|
|
2853
|
-
/* @__PURE__ */
|
|
2923
|
+
/* @__PURE__ */ React37.createElement(
|
|
2854
2924
|
CloseButton3,
|
|
2855
2925
|
{
|
|
2856
2926
|
onClick: closePanel,
|
|
@@ -2862,11 +2932,11 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2862
2932
|
}
|
|
2863
2933
|
}
|
|
2864
2934
|
),
|
|
2865
|
-
/* @__PURE__ */
|
|
2935
|
+
/* @__PURE__ */ React37.createElement(SelectionPanelEmpty, { message: "List type not configured" })
|
|
2866
2936
|
);
|
|
2867
2937
|
}
|
|
2868
2938
|
if (!selectedItemId) {
|
|
2869
|
-
return /* @__PURE__ */
|
|
2939
|
+
return /* @__PURE__ */ React37.createElement(
|
|
2870
2940
|
Paper4,
|
|
2871
2941
|
{
|
|
2872
2942
|
p: "md",
|
|
@@ -2878,7 +2948,7 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2878
2948
|
position: "relative"
|
|
2879
2949
|
}
|
|
2880
2950
|
},
|
|
2881
|
-
/* @__PURE__ */
|
|
2951
|
+
/* @__PURE__ */ React37.createElement(
|
|
2882
2952
|
CloseButton3,
|
|
2883
2953
|
{
|
|
2884
2954
|
onClick: closePanel,
|
|
@@ -2890,10 +2960,10 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2890
2960
|
}
|
|
2891
2961
|
}
|
|
2892
2962
|
),
|
|
2893
|
-
/* @__PURE__ */
|
|
2963
|
+
/* @__PURE__ */ React37.createElement(SelectionPanelEmpty, { message: "No item selected" })
|
|
2894
2964
|
);
|
|
2895
2965
|
}
|
|
2896
|
-
return /* @__PURE__ */
|
|
2966
|
+
return /* @__PURE__ */ React37.createElement(
|
|
2897
2967
|
Paper4,
|
|
2898
2968
|
{
|
|
2899
2969
|
p: "md",
|
|
@@ -2905,7 +2975,7 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2905
2975
|
position: "relative"
|
|
2906
2976
|
}
|
|
2907
2977
|
},
|
|
2908
|
-
/* @__PURE__ */
|
|
2978
|
+
/* @__PURE__ */ React37.createElement(
|
|
2909
2979
|
CloseButton3,
|
|
2910
2980
|
{
|
|
2911
2981
|
onClick: closePanel,
|
|
@@ -2917,30 +2987,42 @@ var ListSelectionPanel = ({ selectedIds, listType }) => {
|
|
|
2917
2987
|
}
|
|
2918
2988
|
}
|
|
2919
2989
|
),
|
|
2920
|
-
loading ? /* @__PURE__ */
|
|
2990
|
+
loading ? /* @__PURE__ */ React37.createElement(Center, { h: 200 }, /* @__PURE__ */ React37.createElement(Loader, null)) : error ? /* @__PURE__ */ React37.createElement(Alert3, { color: "red", title: "Error" }, /* @__PURE__ */ React37.createElement(Text24, { size: "sm" }, error)) : itemData ? /* @__PURE__ */ React37.createElement(Stack24, { gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React37.createElement(SelectionPanelHeader, { title: panelConfig.title(itemData), description: panelConfig.description(itemData) }), panelConfig?.image && /* @__PURE__ */ React37.createElement(
|
|
2991
|
+
"img",
|
|
2992
|
+
{
|
|
2993
|
+
src: panelConfig?.image(itemData),
|
|
2994
|
+
alt: "Selected item preview",
|
|
2995
|
+
style: {
|
|
2996
|
+
borderRadius: 8,
|
|
2997
|
+
width: "100%",
|
|
2998
|
+
height: 240,
|
|
2999
|
+
objectFit: "cover"
|
|
3000
|
+
}
|
|
3001
|
+
}
|
|
3002
|
+
), /* @__PURE__ */ React37.createElement(SelectionPrompts, { prompts: panelConfig.prompts(itemData) }), /* @__PURE__ */ React37.createElement(SelectionActionSections, { sections: panelConfig.actionSections(itemData), itemId: selectedItemId, itemData })) : /* @__PURE__ */ React37.createElement(SelectionPanelEmpty, { message: "Failed to load item details" })
|
|
2921
3003
|
);
|
|
2922
3004
|
};
|
|
2923
3005
|
|
|
2924
3006
|
// src/mantine/blocks/list/projects/ProjectsList.tsx
|
|
2925
|
-
import
|
|
2926
|
-
import { Text as
|
|
3007
|
+
import React38 from "react";
|
|
3008
|
+
import { Text as Text25, Box as Box15, Image as Image11, Stack as Stack25, Flex as Flex17 } from "@mantine/core";
|
|
2927
3009
|
var ProjectsList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2928
3010
|
if (!items || items.length === 0) {
|
|
2929
|
-
return /* @__PURE__ */
|
|
3011
|
+
return /* @__PURE__ */ React38.createElement(Text25, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No Projects found");
|
|
2930
3012
|
}
|
|
2931
|
-
const rows = items.map((project) => /* @__PURE__ */
|
|
2932
|
-
return /* @__PURE__ */
|
|
3013
|
+
const rows = items.map((project) => /* @__PURE__ */ React38.createElement(ListItemContainer, { key: project.did }, /* @__PURE__ */ React38.createElement(Flex17, { align: "center", gap: "sm" }, /* @__PURE__ */ React38.createElement(Image11, { radius: 16, w: 32, h: 32, src: project.icon }), /* @__PURE__ */ React38.createElement(Stack25, { gap: 0 }, /* @__PURE__ */ React38.createElement(Text25, { size: "sm" }, project.name || "-"), /* @__PURE__ */ React38.createElement(Text25, { size: "sm", c: "dimmed" }, shortStr(project.description, 50, 0) || "-"))), /* @__PURE__ */ React38.createElement(Flex17, { align: "center", gap: "md" }, mods && /* @__PURE__ */ React38.createElement(ListItemCheckbox, { ariaLabel: `Select request ${project.did}`, checked: isItemChecked?.(project.did), onCheck: (checked) => onItemCheck?.(project.did, checked) }))));
|
|
3014
|
+
return /* @__PURE__ */ React38.createElement(Box15, { flex: 1 }, /* @__PURE__ */ React38.createElement(Stack25, null, rows));
|
|
2933
3015
|
};
|
|
2934
3016
|
|
|
2935
3017
|
// src/mantine/blocks/list/daos/DaosList.tsx
|
|
2936
|
-
import
|
|
2937
|
-
import { Text as
|
|
3018
|
+
import React39 from "react";
|
|
3019
|
+
import { Text as Text26, Box as Box16, Image as Image12, Stack as Stack26, Flex as Flex18 } from "@mantine/core";
|
|
2938
3020
|
var DaosList = ({ items, mods, isItemChecked, onItemCheck }) => {
|
|
2939
3021
|
if (!items || items.length === 0) {
|
|
2940
|
-
return /* @__PURE__ */
|
|
3022
|
+
return /* @__PURE__ */ React39.createElement(Text26, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No Daos found");
|
|
2941
3023
|
}
|
|
2942
|
-
const rows = items.map((dao) => /* @__PURE__ */
|
|
2943
|
-
return /* @__PURE__ */
|
|
3024
|
+
const rows = items.map((dao) => /* @__PURE__ */ React39.createElement(ListItemContainer, { key: dao.did }, /* @__PURE__ */ React39.createElement(Flex18, { align: "center", gap: "sm" }, /* @__PURE__ */ React39.createElement(Image12, { radius: 16, w: 32, h: 32, src: dao.icon }), /* @__PURE__ */ React39.createElement(Stack26, { gap: 0 }, /* @__PURE__ */ React39.createElement(Text26, { size: "sm" }, dao.name || "-"), /* @__PURE__ */ React39.createElement(Text26, { size: "sm", c: "dimmed" }, shortStr(dao.description, 50, 0) || "-"))), /* @__PURE__ */ React39.createElement(Flex18, { align: "center", gap: "md" }, mods && /* @__PURE__ */ React39.createElement(ListItemCheckbox, { ariaLabel: `Select request ${dao.did}`, checked: isItemChecked?.(dao.did), onCheck: (checked) => onItemCheck?.(dao.did, checked) }))));
|
|
3025
|
+
return /* @__PURE__ */ React39.createElement(Box16, { flex: 1 }, /* @__PURE__ */ React39.createElement(Stack26, null, rows));
|
|
2944
3026
|
};
|
|
2945
3027
|
|
|
2946
3028
|
// src/core/utils/files.ts
|
|
@@ -3004,7 +3086,7 @@ function downloadArrayAsCsv(rows, options) {
|
|
|
3004
3086
|
import { useDisclosure } from "@mantine/hooks";
|
|
3005
3087
|
|
|
3006
3088
|
// src/mantine/blocks/list/ui/ListBlocksUIContext.tsx
|
|
3007
|
-
import
|
|
3089
|
+
import React40, { createContext as createContext2, useCallback as useCallback9, useContext as useContext2, useMemo as useMemo8, useRef as useRef3 } from "react";
|
|
3008
3090
|
var ListBlocksUIContext = createContext2(null);
|
|
3009
3091
|
var ListBlocksUIProvider = ({ children }) => {
|
|
3010
3092
|
const listenersRef = useRef3(/* @__PURE__ */ new Set());
|
|
@@ -3018,7 +3100,7 @@ var ListBlocksUIProvider = ({ children }) => {
|
|
|
3018
3100
|
listenersRef.current.forEach((listener) => listener(event));
|
|
3019
3101
|
}, []);
|
|
3020
3102
|
const value = useMemo8(() => ({ broadcastCollapse, subscribe }), [broadcastCollapse, subscribe]);
|
|
3021
|
-
return /* @__PURE__ */
|
|
3103
|
+
return /* @__PURE__ */ React40.createElement(ListBlocksUIContext.Provider, { value }, children);
|
|
3022
3104
|
};
|
|
3023
3105
|
var useListBlocksUI = () => {
|
|
3024
3106
|
const ctx = useContext2(ListBlocksUIContext);
|
|
@@ -3043,17 +3125,17 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3043
3125
|
const [totalPages, setTotalPages] = useState6(0);
|
|
3044
3126
|
const [selectedIds, setSelectedIds] = useState6(/* @__PURE__ */ new Set());
|
|
3045
3127
|
const panelId = `${LIST_FLOW_PANEL_ID}-${block.id}`;
|
|
3046
|
-
const panelContent = useMemo9(() => /* @__PURE__ */
|
|
3128
|
+
const panelContent = useMemo9(() => /* @__PURE__ */ React41.createElement(TemplateConfig2, { editor, block }), [editor, block]);
|
|
3047
3129
|
const { open: openPanel } = usePanel(panelId, panelContent);
|
|
3048
3130
|
const handlers = useBlocknoteHandlers();
|
|
3049
3131
|
const listType = block.props.listType && block.props.listType !== "" ? block.props.listType : null;
|
|
3050
3132
|
const { subscribe } = useListBlocksUI();
|
|
3051
3133
|
const selectionPanelId = `${LIST_SELECTION_FLOW_PANEL_ID}-${block.id}`;
|
|
3052
3134
|
const selectionPanelContent = useMemo9(
|
|
3053
|
-
() => /* @__PURE__ */
|
|
3135
|
+
() => /* @__PURE__ */ React41.createElement(ListSelectionPanel, { editor, block, selectedIds, listType }),
|
|
3054
3136
|
[editor, block, selectedIds, listType]
|
|
3055
3137
|
);
|
|
3056
|
-
const { open: openSelectionPanel } = usePanel(selectionPanelId, selectionPanelContent);
|
|
3138
|
+
const { open: openSelectionPanel, close: closeSelectionPanel } = usePanel(selectionPanelId, selectionPanelContent);
|
|
3057
3139
|
useEffect6(() => {
|
|
3058
3140
|
if (selectionMode === "single" && selectedIds.size > 1) {
|
|
3059
3141
|
const arr = Array.from(selectedIds);
|
|
@@ -3073,15 +3155,21 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3073
3155
|
const nextSelectedIds = new Set(prev);
|
|
3074
3156
|
if (selectionMode === "single") {
|
|
3075
3157
|
if (checked) {
|
|
3158
|
+
openSelectionPanel();
|
|
3076
3159
|
return /* @__PURE__ */ new Set([id]);
|
|
3077
3160
|
}
|
|
3078
3161
|
nextSelectedIds.delete(id);
|
|
3162
|
+
closeSelectionPanel();
|
|
3079
3163
|
return nextSelectedIds;
|
|
3080
3164
|
}
|
|
3081
3165
|
if (checked) {
|
|
3166
|
+
openSelectionPanel();
|
|
3082
3167
|
nextSelectedIds.add(id);
|
|
3083
3168
|
} else {
|
|
3084
3169
|
nextSelectedIds.delete(id);
|
|
3170
|
+
if (nextSelectedIds.size === 0) {
|
|
3171
|
+
closeSelectionPanel();
|
|
3172
|
+
}
|
|
3085
3173
|
}
|
|
3086
3174
|
return nextSelectedIds;
|
|
3087
3175
|
});
|
|
@@ -3168,7 +3256,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3168
3256
|
let did;
|
|
3169
3257
|
let relayerDid;
|
|
3170
3258
|
let groupIds;
|
|
3171
|
-
let
|
|
3259
|
+
let user;
|
|
3172
3260
|
switch (listType) {
|
|
3173
3261
|
case "linked_resources":
|
|
3174
3262
|
did = handlers.getEntityDid();
|
|
@@ -3179,7 +3267,12 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3179
3267
|
case "assets":
|
|
3180
3268
|
did = handlers.getEntityDid();
|
|
3181
3269
|
if (!did && !listConfig.collectionDid) throw new Error("Collection DID is required");
|
|
3182
|
-
|
|
3270
|
+
if (listConfig.ownerBased) {
|
|
3271
|
+
user = handlers.getCurrentUser();
|
|
3272
|
+
result = await handlers.getAssets(listConfig.collectionDid || did, page, user.address);
|
|
3273
|
+
} else {
|
|
3274
|
+
result = await handlers.getAssets(listConfig.collectionDid || did, page);
|
|
3275
|
+
}
|
|
3183
3276
|
setTotalPages(Math.ceil(result.totalCount / DEFAULT_PAGE_SIZE));
|
|
3184
3277
|
setData({ items: result.data });
|
|
3185
3278
|
break;
|
|
@@ -3254,12 +3347,18 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3254
3347
|
result = await handlers.getValidators(listConfig.relayedNodeDid || relayerDid, page);
|
|
3255
3348
|
setData({ items: result.data });
|
|
3256
3349
|
break;
|
|
3350
|
+
case "balances":
|
|
3351
|
+
user = handlers.getCurrentUser();
|
|
3352
|
+
if (!user.address && !listConfig.address) throw new Error("Address is required");
|
|
3353
|
+
result = await handlers.getBalances(listConfig.address || user.address);
|
|
3354
|
+
setData({ items: result.data });
|
|
3355
|
+
break;
|
|
3257
3356
|
case "dao_members":
|
|
3258
|
-
|
|
3357
|
+
user = handlers.getCurrentUser();
|
|
3259
3358
|
groupIds = await handlers.getDaoGroupsIds();
|
|
3260
|
-
if (!
|
|
3359
|
+
if (!user.address && !listConfig.address) throw new Error("Address is required");
|
|
3261
3360
|
if (!groupIds && !listConfig.groupIds) throw new Error("Group Ids are required");
|
|
3262
|
-
result = await handlers.getDaoMembers(listConfig.address ||
|
|
3361
|
+
result = await handlers.getDaoMembers(listConfig.address || user.address, listConfig.groupIds || groupIds, listConfig.withBalance, page);
|
|
3263
3362
|
setData({ items: result.data });
|
|
3264
3363
|
break;
|
|
3265
3364
|
default:
|
|
@@ -3301,44 +3400,46 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3301
3400
|
if (!filteredData || !listType) return null;
|
|
3302
3401
|
switch (listType) {
|
|
3303
3402
|
case "linked_resources":
|
|
3304
|
-
return /* @__PURE__ */
|
|
3403
|
+
return /* @__PURE__ */ React41.createElement(LinkedResourcesList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3305
3404
|
case "assets":
|
|
3306
|
-
return /* @__PURE__ */
|
|
3405
|
+
return /* @__PURE__ */ React41.createElement(AssetsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3307
3406
|
case "transactions":
|
|
3308
|
-
return /* @__PURE__ */
|
|
3407
|
+
return /* @__PURE__ */ React41.createElement(TransactionsList, { items: filteredData, config: listConfig, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3309
3408
|
case "collections":
|
|
3310
|
-
return /* @__PURE__ */
|
|
3409
|
+
return /* @__PURE__ */ React41.createElement(CollectionsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3410
|
+
case "balances":
|
|
3411
|
+
return /* @__PURE__ */ React41.createElement(BalancesList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3311
3412
|
case "investments":
|
|
3312
|
-
return /* @__PURE__ */
|
|
3413
|
+
return /* @__PURE__ */ React41.createElement(InvestmentsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3313
3414
|
case "oracles":
|
|
3314
|
-
return /* @__PURE__ */
|
|
3415
|
+
return /* @__PURE__ */ React41.createElement(OraclesList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3315
3416
|
case "pods":
|
|
3316
|
-
return /* @__PURE__ */
|
|
3417
|
+
return /* @__PURE__ */ React41.createElement(PodsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3317
3418
|
case "proposals":
|
|
3318
|
-
return /* @__PURE__ */
|
|
3419
|
+
return /* @__PURE__ */ React41.createElement(ProposalsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3319
3420
|
case "requests":
|
|
3320
|
-
return /* @__PURE__ */
|
|
3421
|
+
return /* @__PURE__ */ React41.createElement(RequestsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3321
3422
|
case "projects":
|
|
3322
|
-
return /* @__PURE__ */
|
|
3423
|
+
return /* @__PURE__ */ React41.createElement(ProjectsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3323
3424
|
case "daos":
|
|
3324
|
-
return /* @__PURE__ */
|
|
3425
|
+
return /* @__PURE__ */ React41.createElement(DaosList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3325
3426
|
case "group_members":
|
|
3326
|
-
return /* @__PURE__ */
|
|
3427
|
+
return /* @__PURE__ */ React41.createElement(MembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3327
3428
|
case "dao_members":
|
|
3328
|
-
return /* @__PURE__ */
|
|
3429
|
+
return /* @__PURE__ */ React41.createElement(DaoMembersList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3329
3430
|
case "validators":
|
|
3330
|
-
return /* @__PURE__ */
|
|
3431
|
+
return /* @__PURE__ */ React41.createElement(ValidatorsList, { items: filteredData, mods: selectionMode, isItemChecked, onItemCheck });
|
|
3331
3432
|
default:
|
|
3332
3433
|
return null;
|
|
3333
3434
|
}
|
|
3334
3435
|
};
|
|
3335
3436
|
if (!listType) {
|
|
3336
|
-
return /* @__PURE__ */
|
|
3437
|
+
return /* @__PURE__ */ React41.createElement(Center2, { py: "xl" }, /* @__PURE__ */ React41.createElement(Text27, { size: "sm", c: "dimmed" }, "List not configured"));
|
|
3337
3438
|
}
|
|
3338
|
-
return /* @__PURE__ */
|
|
3439
|
+
return /* @__PURE__ */ React41.createElement(Stack27, { w: "100%" }, /* @__PURE__ */ React41.createElement(Flex19, { px: 5, align: "center", justify: "space-between" }, /* @__PURE__ */ React41.createElement(Title4, { order: 4 }, getListNameByType(listType)), /* @__PURE__ */ React41.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: toggle, "aria-label": opened ? "Collapse" : "Expand", title: opened ? "Collapse" : "Expand" }, opened ? /* @__PURE__ */ React41.createElement(IconChevronUp, { size: 18 }) : /* @__PURE__ */ React41.createElement(IconChevronDown, { size: 18 }))), /* @__PURE__ */ React41.createElement(Collapse, { pb: 5, px: 5, in: opened }, /* @__PURE__ */ React41.createElement(Stack27, { mih: totalPages !== 1 ? 500 : void 0, w: "100%" }, /* @__PURE__ */ React41.createElement(Flex19, { align: "center", gap: "xs" }, listSortConfig?.key && /* @__PURE__ */ React41.createElement(Flex19, { align: "center" }, /* @__PURE__ */ React41.createElement(Text27, { size: "xs" }, listSortConfig.key?.replace(/([A-Z])/g, " $1").replace(
|
|
3339
3440
|
/^./,
|
|
3340
3441
|
(str) => str.toUpperCase()
|
|
3341
|
-
), " "), /* @__PURE__ */
|
|
3442
|
+
), " "), /* @__PURE__ */ React41.createElement(Text27, { lh: 0.5 }, listSortConfig.direction === "asc" && /* @__PURE__ */ React41.createElement(IconArrowUp2, { size: 18 }), listSortConfig.direction === "desc" && /* @__PURE__ */ React41.createElement(IconArrowDown2, { size: 18 }))), selectionMode && /* @__PURE__ */ React41.createElement(Text27, { lh: 0.5 }, selectionMode === "single" ? "Single Selection" : "Multi Selection")), /* @__PURE__ */ React41.createElement(Flex19, { justify: "space-between" }, /* @__PURE__ */ React41.createElement(Flex19, { gap: "xs", align: "center" }, /* @__PURE__ */ React41.createElement(FilterTab, { key: "All", label: "All", isActive: !listFilterConfig?.key, onClick: () => handleFilterChange(null) }), Array.isArray(listFilterConfigOptions) && listFilterConfigOptions.length > 0 && listFilterConfigOptions.map(({ key, label, type }) => /* @__PURE__ */ React41.createElement(
|
|
3342
3443
|
FilterTab,
|
|
3343
3444
|
{
|
|
3344
3445
|
key: label,
|
|
@@ -3346,7 +3447,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3346
3447
|
isActive: listFilterConfig?.key === key && listFilterConfig?.value === type,
|
|
3347
3448
|
onClick: () => handleFilterChange({ key, value: type })
|
|
3348
3449
|
}
|
|
3349
|
-
))), /* @__PURE__ */
|
|
3450
|
+
))), /* @__PURE__ */ React41.createElement(Flex19, { gap: "xs" }, /* @__PURE__ */ React41.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: fetchData, loading }, /* @__PURE__ */ React41.createElement(IconRefresh, { size: 18 })), editable && /* @__PURE__ */ React41.createElement(ActionIcon5, { variant: "subtle", size: "sm", onClick: openPanel }, /* @__PURE__ */ React41.createElement(IconSettings, { size: 18 })), listConfig && listSortConfigOptions && listSortConfigOptions?.length > 0 && /* @__PURE__ */ React41.createElement(
|
|
3350
3451
|
ListActionsMenu,
|
|
3351
3452
|
{
|
|
3352
3453
|
onSelectActionClick: (mode) => setSelectionMode(mode),
|
|
@@ -3356,7 +3457,7 @@ var ListFlowView = ({ block, editor }) => {
|
|
|
3356
3457
|
onChange: (sortOption) => handleSortChange(sortOption),
|
|
3357
3458
|
onDownloadCsv: data?.items ? () => downloadArrayAsCsv(data.items) : void 0
|
|
3358
3459
|
}
|
|
3359
|
-
))), /* @__PURE__ */
|
|
3460
|
+
))), /* @__PURE__ */ React41.createElement(Flex19, { flex: 1 }, loading ? /* @__PURE__ */ React41.createElement(Center2, { py: "xl", w: "100%" }, /* @__PURE__ */ React41.createElement(Loader2, { size: "md", mx: "auto" })) : error ? /* @__PURE__ */ React41.createElement(Alert4, { color: "red", title: "Failed to load data", icon: /* @__PURE__ */ React41.createElement(IconAlertCircle, { size: 18 }) }, /* @__PURE__ */ React41.createElement(Stack27, { gap: "xs" }, /* @__PURE__ */ React41.createElement(Text27, { size: "sm" }, showErrorDetails ? error : "Unable to fetch list data"), /* @__PURE__ */ React41.createElement(Group8, { gap: "xs" }, /* @__PURE__ */ React41.createElement(Button5, { size: "xs", variant: "subtle", onClick: fetchData }, "Retry"), /* @__PURE__ */ React41.createElement(Button5, { size: "xs", variant: "subtle", onClick: () => setShowErrorDetails(!showErrorDetails) }, showErrorDetails ? "Hide" : "Show", " Details")))) : /* @__PURE__ */ React41.createElement(Stack27, { flex: 1 }, /* @__PURE__ */ React41.createElement(Stack27, { gap: "md" }, renderListComponent(), /* @__PURE__ */ React41.createElement(
|
|
3360
3461
|
ListPagination,
|
|
3361
3462
|
{
|
|
3362
3463
|
page,
|
|
@@ -3374,9 +3475,9 @@ function ListBlock({ editor, block }) {
|
|
|
3374
3475
|
const listType = block.props.listType && block.props.listType !== "";
|
|
3375
3476
|
const isConfigured = listType;
|
|
3376
3477
|
if (editable && !isConfigured) {
|
|
3377
|
-
return /* @__PURE__ */
|
|
3478
|
+
return /* @__PURE__ */ React42.createElement(ListTemplateView, { editor, block });
|
|
3378
3479
|
}
|
|
3379
|
-
return /* @__PURE__ */
|
|
3480
|
+
return /* @__PURE__ */ React42.createElement(ListFlowView, { block, editor });
|
|
3380
3481
|
}
|
|
3381
3482
|
|
|
3382
3483
|
// src/mantine/blocks/list/ListBlockSpec.tsx
|
|
@@ -3411,16 +3512,16 @@ var ListBlockSpec = createReactBlockSpec2(
|
|
|
3411
3512
|
{
|
|
3412
3513
|
render: (props) => {
|
|
3413
3514
|
const ixoProps = props;
|
|
3414
|
-
return /* @__PURE__ */
|
|
3515
|
+
return /* @__PURE__ */ React43.createElement(ListBlock, { ...ixoProps });
|
|
3415
3516
|
}
|
|
3416
3517
|
}
|
|
3417
3518
|
);
|
|
3418
3519
|
|
|
3419
3520
|
// src/mantine/blocks/overview/OverviewBlock.tsx
|
|
3420
|
-
import
|
|
3521
|
+
import React44 from "react";
|
|
3421
3522
|
import { createReactBlockSpec as createReactBlockSpec3 } from "@blocknote/react";
|
|
3422
3523
|
var OverviewBlockContent = ({ block, editor }) => {
|
|
3423
|
-
return /* @__PURE__ */
|
|
3524
|
+
return /* @__PURE__ */ React44.createElement(
|
|
3424
3525
|
"div",
|
|
3425
3526
|
{
|
|
3426
3527
|
style: {
|
|
@@ -3432,7 +3533,7 @@ var OverviewBlockContent = ({ block, editor }) => {
|
|
|
3432
3533
|
border: "1px solid #e5e7eb"
|
|
3433
3534
|
}
|
|
3434
3535
|
},
|
|
3435
|
-
/* @__PURE__ */
|
|
3536
|
+
/* @__PURE__ */ React44.createElement("div", { style: { marginBottom: "12px" } }, /* @__PURE__ */ React44.createElement(
|
|
3436
3537
|
"input",
|
|
3437
3538
|
{
|
|
3438
3539
|
type: "text",
|
|
@@ -3458,7 +3559,7 @@ var OverviewBlockContent = ({ block, editor }) => {
|
|
|
3458
3559
|
}
|
|
3459
3560
|
}
|
|
3460
3561
|
)),
|
|
3461
|
-
/* @__PURE__ */
|
|
3562
|
+
/* @__PURE__ */ React44.createElement("div", { style: { minHeight: "40px", color: "#6b7280" } }, block.props.did ? /* @__PURE__ */ React44.createElement("p", null, "Loading overview for DID: ", block.props.did) : /* @__PURE__ */ React44.createElement("p", null, "Enter a DID to load overview data"))
|
|
3462
3563
|
);
|
|
3463
3564
|
};
|
|
3464
3565
|
var OverviewBlock = createReactBlockSpec3(
|
|
@@ -3472,7 +3573,7 @@ var OverviewBlock = createReactBlockSpec3(
|
|
|
3472
3573
|
content: "none"
|
|
3473
3574
|
},
|
|
3474
3575
|
{
|
|
3475
|
-
render: (props) => /* @__PURE__ */
|
|
3576
|
+
render: (props) => /* @__PURE__ */ React44.createElement(OverviewBlockContent, { ...props })
|
|
3476
3577
|
}
|
|
3477
3578
|
);
|
|
3478
3579
|
|
|
@@ -3528,22 +3629,22 @@ var useSharedProposal = ({ proposalId, contractAddress, autoFetch = true }) => {
|
|
|
3528
3629
|
};
|
|
3529
3630
|
|
|
3530
3631
|
// src/mantine/blocks/proposal/ProposalBlockSpec.tsx
|
|
3531
|
-
import
|
|
3632
|
+
import React88 from "react";
|
|
3532
3633
|
import { createReactBlockSpec as createReactBlockSpec4 } from "@blocknote/react";
|
|
3533
3634
|
|
|
3534
3635
|
// src/mantine/blocks/proposal/ProposalBlock.tsx
|
|
3535
|
-
import
|
|
3636
|
+
import React87 from "react";
|
|
3536
3637
|
|
|
3537
3638
|
// src/mantine/blocks/proposal/template/TemplateView.tsx
|
|
3538
|
-
import
|
|
3639
|
+
import React81, { useMemo as useMemo11 } from "react";
|
|
3539
3640
|
|
|
3540
3641
|
// src/mantine/blocks/proposal/template/TemplateConfig.tsx
|
|
3541
|
-
import
|
|
3642
|
+
import React80, { useCallback as useCallback13 } from "react";
|
|
3542
3643
|
import { Paper as Paper6, CloseButton as CloseButton4, Title as Title5 } from "@mantine/core";
|
|
3543
3644
|
|
|
3544
3645
|
// src/mantine/blocks/proposal/template/GeneralTab.tsx
|
|
3545
|
-
import
|
|
3546
|
-
import { Stack as
|
|
3646
|
+
import React45, { useEffect as useEffect8, useState as useState8 } from "react";
|
|
3647
|
+
import { Stack as Stack28, Text as Text28, TextInput as TextInput5, Textarea as Textarea2, Select as Select3, Loader as Loader3, SegmentedControl as SegmentedControl4 } from "@mantine/core";
|
|
3547
3648
|
var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescriptionChange, onGroupChange }) => {
|
|
3548
3649
|
const handlers = useBlocknoteHandlers();
|
|
3549
3650
|
const [localTitle, setLocalTitle] = useState8(title || "");
|
|
@@ -3587,7 +3688,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3587
3688
|
};
|
|
3588
3689
|
fetchGroups();
|
|
3589
3690
|
}, [handlers]);
|
|
3590
|
-
return /* @__PURE__ */
|
|
3691
|
+
return /* @__PURE__ */ React45.createElement(Stack28, { gap: "lg" }, /* @__PURE__ */ React45.createElement(Stack28, { gap: "xs" }, /* @__PURE__ */ React45.createElement(Text28, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React45.createElement(
|
|
3591
3692
|
TextInput5,
|
|
3592
3693
|
{
|
|
3593
3694
|
placeholder: "e.g. Proposal Title",
|
|
@@ -3598,7 +3699,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3598
3699
|
onTitleChange(newTitle);
|
|
3599
3700
|
}
|
|
3600
3701
|
}
|
|
3601
|
-
)), /* @__PURE__ */
|
|
3702
|
+
)), /* @__PURE__ */ React45.createElement(Stack28, { gap: "xs" }, /* @__PURE__ */ React45.createElement(Text28, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React45.createElement(
|
|
3602
3703
|
Textarea2,
|
|
3603
3704
|
{
|
|
3604
3705
|
placeholder: "Describe what this proposal is about",
|
|
@@ -3610,7 +3711,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3610
3711
|
onDescriptionChange(newDescription);
|
|
3611
3712
|
}
|
|
3612
3713
|
}
|
|
3613
|
-
)), /* @__PURE__ */
|
|
3714
|
+
)), /* @__PURE__ */ React45.createElement(Stack28, { gap: "xs" }, /* @__PURE__ */ React45.createElement(Text28, { size: "sm", fw: 600 }, "Group"), /* @__PURE__ */ React45.createElement(
|
|
3614
3715
|
SegmentedControl4,
|
|
3615
3716
|
{
|
|
3616
3717
|
value: inputMode,
|
|
@@ -3621,7 +3722,7 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3621
3722
|
],
|
|
3622
3723
|
fullWidth: true
|
|
3623
3724
|
}
|
|
3624
|
-
), inputMode === "select" ? /* @__PURE__ */
|
|
3725
|
+
), inputMode === "select" ? /* @__PURE__ */ React45.createElement(
|
|
3625
3726
|
Select3,
|
|
3626
3727
|
{
|
|
3627
3728
|
placeholder: loadingGroups ? "Loading groups..." : "Select a DAO group",
|
|
@@ -3639,10 +3740,10 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3639
3740
|
label: group.name
|
|
3640
3741
|
})),
|
|
3641
3742
|
disabled: loadingGroups,
|
|
3642
|
-
rightSection: loadingGroups ? /* @__PURE__ */
|
|
3743
|
+
rightSection: loadingGroups ? /* @__PURE__ */ React45.createElement(Loader3, { size: "xs" }) : void 0,
|
|
3643
3744
|
searchable: true
|
|
3644
3745
|
}
|
|
3645
|
-
) : /* @__PURE__ */
|
|
3746
|
+
) : /* @__PURE__ */ React45.createElement(
|
|
3646
3747
|
TextInput5,
|
|
3647
3748
|
{
|
|
3648
3749
|
placeholder: "Enter DAO core address",
|
|
@@ -3657,12 +3758,12 @@ var GeneralTab3 = ({ title, description, coreAddress, onTitleChange, onDescripti
|
|
|
3657
3758
|
};
|
|
3658
3759
|
|
|
3659
3760
|
// src/mantine/blocks/proposal/template/ActionsTab.tsx
|
|
3660
|
-
import
|
|
3661
|
-
import { Card as Card13, Stack as
|
|
3761
|
+
import React78, { useCallback as useCallback12, useEffect as useEffect11, useState as useState16 } from "react";
|
|
3762
|
+
import { Card as Card13, Stack as Stack61 } from "@mantine/core";
|
|
3662
3763
|
|
|
3663
3764
|
// src/mantine/blocks/proposal/actions-components/ActionsCard.tsx
|
|
3664
|
-
import
|
|
3665
|
-
import { Card as Card6, Group as
|
|
3765
|
+
import React46 from "react";
|
|
3766
|
+
import { Card as Card6, Group as Group9, Text as Text29, Badge as Badge5, Stack as Stack29, ActionIcon as ActionIcon6, ScrollArea } from "@mantine/core";
|
|
3666
3767
|
var getActionSummary = (action) => {
|
|
3667
3768
|
switch (action.type) {
|
|
3668
3769
|
case "Spend":
|
|
@@ -3694,7 +3795,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3694
3795
|
}
|
|
3695
3796
|
onClick();
|
|
3696
3797
|
};
|
|
3697
|
-
return /* @__PURE__ */
|
|
3798
|
+
return /* @__PURE__ */ React46.createElement(
|
|
3698
3799
|
Card6,
|
|
3699
3800
|
{
|
|
3700
3801
|
shadow: "sm",
|
|
@@ -3711,7 +3812,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3711
3812
|
},
|
|
3712
3813
|
onClick: handleCardClick
|
|
3713
3814
|
},
|
|
3714
|
-
/* @__PURE__ */
|
|
3815
|
+
/* @__PURE__ */ React46.createElement(Group9, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React46.createElement(Stack29, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React46.createElement(Text29, { size: "md", fw: 600, style: { color: "#f1f3f5" } }, "Proposal Actions (", actions.length, ")"), actions.length === 0 ? /* @__PURE__ */ React46.createElement(Text29, { size: "sm", style: { color: "#868e96" } }, "No actions added yet.") : /* @__PURE__ */ React46.createElement(ScrollArea, { h: actions.length > 3 ? 150 : void 0, style: { marginTop: 8 } }, /* @__PURE__ */ React46.createElement(Stack29, { gap: "xs" }, actions.map((action, index) => /* @__PURE__ */ React46.createElement(
|
|
3715
3816
|
Card6,
|
|
3716
3817
|
{
|
|
3717
3818
|
key: index,
|
|
@@ -3722,7 +3823,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3722
3823
|
borderColor: "#333"
|
|
3723
3824
|
}
|
|
3724
3825
|
},
|
|
3725
|
-
/* @__PURE__ */
|
|
3826
|
+
/* @__PURE__ */ React46.createElement(Group9, { justify: "space-between", align: "center" }, /* @__PURE__ */ React46.createElement(Group9, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React46.createElement(
|
|
3726
3827
|
Badge5,
|
|
3727
3828
|
{
|
|
3728
3829
|
size: "sm",
|
|
@@ -3733,7 +3834,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3733
3834
|
}
|
|
3734
3835
|
},
|
|
3735
3836
|
action.type
|
|
3736
|
-
), /* @__PURE__ */
|
|
3837
|
+
), /* @__PURE__ */ React46.createElement(Text29, { size: "sm", style: { color: "#adb5bd" } }, getActionSummary(action))), !disabled && /* @__PURE__ */ React46.createElement(Group9, { gap: 4 }, /* @__PURE__ */ React46.createElement(
|
|
3737
3838
|
ActionIcon6,
|
|
3738
3839
|
{
|
|
3739
3840
|
size: "sm",
|
|
@@ -3746,7 +3847,7 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3746
3847
|
style: { color: "#4dabf7" }
|
|
3747
3848
|
},
|
|
3748
3849
|
"\u270F\uFE0F"
|
|
3749
|
-
), /* @__PURE__ */
|
|
3850
|
+
), /* @__PURE__ */ React46.createElement(
|
|
3750
3851
|
ActionIcon6,
|
|
3751
3852
|
{
|
|
3752
3853
|
size: "sm",
|
|
@@ -3765,14 +3866,14 @@ var ActionsCard = ({ actions, isSelected, onClick, onEditAction, onRemoveAction,
|
|
|
3765
3866
|
};
|
|
3766
3867
|
|
|
3767
3868
|
// src/mantine/blocks/proposal/ActionsPanel.tsx
|
|
3768
|
-
import
|
|
3769
|
-
import { Stack as
|
|
3869
|
+
import React77, { useState as useState15, useEffect as useEffect10, useMemo as useMemo10 } from "react";
|
|
3870
|
+
import { Stack as Stack60, Button as Button11, Group as Group20, Text as Text37, Card as Card12, Badge as Badge8, Divider as Divider4, ScrollArea as ScrollArea3, Alert as Alert7, Tabs as Tabs2, SimpleGrid, Paper as Paper5 } from "@mantine/core";
|
|
3770
3871
|
|
|
3771
3872
|
// src/mantine/blocks/proposal/actions-components/SpendActionForm.tsx
|
|
3772
|
-
import
|
|
3773
|
-
import { TextInput as TextInput6, Stack as
|
|
3873
|
+
import React47 from "react";
|
|
3874
|
+
import { TextInput as TextInput6, Stack as Stack30 } from "@mantine/core";
|
|
3774
3875
|
var SpendActionForm = ({ data, onChange }) => {
|
|
3775
|
-
return /* @__PURE__ */
|
|
3876
|
+
return /* @__PURE__ */ React47.createElement(Stack30, null, /* @__PURE__ */ React47.createElement(
|
|
3776
3877
|
TextInput6,
|
|
3777
3878
|
{
|
|
3778
3879
|
label: "Recipient Address",
|
|
@@ -3792,7 +3893,7 @@ var SpendActionForm = ({ data, onChange }) => {
|
|
|
3792
3893
|
}
|
|
3793
3894
|
}
|
|
3794
3895
|
}
|
|
3795
|
-
), /* @__PURE__ */
|
|
3896
|
+
), /* @__PURE__ */ React47.createElement(
|
|
3796
3897
|
TextInput6,
|
|
3797
3898
|
{
|
|
3798
3899
|
label: "Denomination",
|
|
@@ -3812,7 +3913,7 @@ var SpendActionForm = ({ data, onChange }) => {
|
|
|
3812
3913
|
}
|
|
3813
3914
|
}
|
|
3814
3915
|
}
|
|
3815
|
-
), /* @__PURE__ */
|
|
3916
|
+
), /* @__PURE__ */ React47.createElement(
|
|
3816
3917
|
TextInput6,
|
|
3817
3918
|
{
|
|
3818
3919
|
label: "Amount",
|
|
@@ -3836,8 +3937,8 @@ var SpendActionForm = ({ data, onChange }) => {
|
|
|
3836
3937
|
};
|
|
3837
3938
|
|
|
3838
3939
|
// src/mantine/blocks/proposal/actions-components/UpdateMembersActionForm.tsx
|
|
3839
|
-
import
|
|
3840
|
-
import { Stack as
|
|
3940
|
+
import React48, { useState as useState9 } from "react";
|
|
3941
|
+
import { Stack as Stack31, TextInput as TextInput7, NumberInput as NumberInput2, Button as Button6, Group as Group10, Text as Text30, Card as Card7, Badge as Badge6, ActionIcon as ActionIcon7, Divider as Divider3, ScrollArea as ScrollArea2 } from "@mantine/core";
|
|
3841
3942
|
var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
3842
3943
|
const [newMember, setNewMember] = useState9({ addr: "", weight: 1 });
|
|
3843
3944
|
const [newRemoveAddress, setNewRemoveAddress] = useState9("");
|
|
@@ -3880,7 +3981,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3880
3981
|
}
|
|
3881
3982
|
}
|
|
3882
3983
|
};
|
|
3883
|
-
return /* @__PURE__ */
|
|
3984
|
+
return /* @__PURE__ */ React48.createElement(Stack31, null, /* @__PURE__ */ React48.createElement(Stack31, { gap: "xs" }, /* @__PURE__ */ React48.createElement(Text30, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Add"), /* @__PURE__ */ React48.createElement(ScrollArea2, { h: 150 }, /* @__PURE__ */ React48.createElement(Stack31, { gap: "xs" }, (data.add || []).map((member, index) => /* @__PURE__ */ React48.createElement(
|
|
3884
3985
|
Card7,
|
|
3885
3986
|
{
|
|
3886
3987
|
key: index,
|
|
@@ -3891,7 +3992,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3891
3992
|
borderColor: "#333"
|
|
3892
3993
|
}
|
|
3893
3994
|
},
|
|
3894
|
-
/* @__PURE__ */
|
|
3995
|
+
/* @__PURE__ */ React48.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React48.createElement("div", null, /* @__PURE__ */ React48.createElement(Text30, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, member.addr.slice(0, 20), "..."), /* @__PURE__ */ React48.createElement(
|
|
3895
3996
|
Badge6,
|
|
3896
3997
|
{
|
|
3897
3998
|
size: "sm",
|
|
@@ -3902,8 +4003,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3902
4003
|
},
|
|
3903
4004
|
"Weight: ",
|
|
3904
4005
|
member.weight
|
|
3905
|
-
)), /* @__PURE__ */
|
|
3906
|
-
)))), /* @__PURE__ */
|
|
4006
|
+
)), /* @__PURE__ */ React48.createElement(ActionIcon7, { size: "sm", variant: "subtle", onClick: () => handleRemoveMember(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
|
|
4007
|
+
)))), /* @__PURE__ */ React48.createElement(Group10, { grow: true }, /* @__PURE__ */ React48.createElement(TextInput7, { placeholder: "Member address", value: newMember.addr, onChange: (e) => setNewMember({ ...newMember, addr: e.currentTarget.value }), styles: inputStyles29 }), /* @__PURE__ */ React48.createElement(
|
|
3907
4008
|
NumberInput2,
|
|
3908
4009
|
{
|
|
3909
4010
|
placeholder: "Weight",
|
|
@@ -3912,7 +4013,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3912
4013
|
min: 1,
|
|
3913
4014
|
styles: inputStyles29
|
|
3914
4015
|
}
|
|
3915
|
-
), /* @__PURE__ */
|
|
4016
|
+
), /* @__PURE__ */ React48.createElement(
|
|
3916
4017
|
Button6,
|
|
3917
4018
|
{
|
|
3918
4019
|
size: "sm",
|
|
@@ -3925,7 +4026,7 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3925
4026
|
}
|
|
3926
4027
|
},
|
|
3927
4028
|
"\u2795 Add"
|
|
3928
|
-
))), /* @__PURE__ */
|
|
4029
|
+
))), /* @__PURE__ */ React48.createElement(Divider3, { color: "#333" }), /* @__PURE__ */ React48.createElement(Stack31, { gap: "xs" }, /* @__PURE__ */ React48.createElement(Text30, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Members to Remove"), /* @__PURE__ */ React48.createElement(ScrollArea2, { h: 100 }, /* @__PURE__ */ React48.createElement(Stack31, { gap: "xs" }, (data.remove || []).map((item, index) => /* @__PURE__ */ React48.createElement(
|
|
3929
4030
|
Card7,
|
|
3930
4031
|
{
|
|
3931
4032
|
key: index,
|
|
@@ -3936,8 +4037,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3936
4037
|
borderColor: "#333"
|
|
3937
4038
|
}
|
|
3938
4039
|
},
|
|
3939
|
-
/* @__PURE__ */
|
|
3940
|
-
)))), /* @__PURE__ */
|
|
4040
|
+
/* @__PURE__ */ React48.createElement(Group10, { justify: "space-between" }, /* @__PURE__ */ React48.createElement(Text30, { size: "sm", style: { color: "#adb5bd" } }, item.addr.slice(0, 30), "..."), /* @__PURE__ */ React48.createElement(ActionIcon7, { size: "sm", variant: "subtle", onClick: () => handleRemoveRemoveAddress(index), style: { color: "#ff6b6b" } }, "\u{1F5D1}\uFE0F"))
|
|
4041
|
+
)))), /* @__PURE__ */ React48.createElement(Group10, { grow: true }, /* @__PURE__ */ React48.createElement(TextInput7, { placeholder: "Address to remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles29 }), /* @__PURE__ */ React48.createElement(
|
|
3941
4042
|
Button6,
|
|
3942
4043
|
{
|
|
3943
4044
|
size: "sm",
|
|
@@ -3954,8 +4055,8 @@ var UpdateMembersActionForm = ({ data, onChange }) => {
|
|
|
3954
4055
|
};
|
|
3955
4056
|
|
|
3956
4057
|
// src/mantine/blocks/proposal/actions-components/StakeActionForm.tsx
|
|
3957
|
-
import
|
|
3958
|
-
import { Stack as
|
|
4058
|
+
import React49 from "react";
|
|
4059
|
+
import { Stack as Stack32, TextInput as TextInput8, Select as Select4, NumberInput as NumberInput3 } from "@mantine/core";
|
|
3959
4060
|
var stakeTypeOptions = [
|
|
3960
4061
|
{ value: StakeType.Delegate, label: "Delegate" },
|
|
3961
4062
|
{ value: StakeType.Undelegate, label: "Undelegate" },
|
|
@@ -4000,7 +4101,7 @@ var selectStyles = {
|
|
|
4000
4101
|
var StakeActionForm = ({ data, onChange }) => {
|
|
4001
4102
|
const isRedelegate = data.stakeType === StakeType.Redelegate;
|
|
4002
4103
|
const needsAmount = data.stakeType !== StakeType.WithdrawDelegatorReward;
|
|
4003
|
-
return /* @__PURE__ */
|
|
4104
|
+
return /* @__PURE__ */ React49.createElement(Stack32, { gap: "md" }, /* @__PURE__ */ React49.createElement(
|
|
4004
4105
|
Select4,
|
|
4005
4106
|
{
|
|
4006
4107
|
label: "Stake Type",
|
|
@@ -4010,7 +4111,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
4010
4111
|
required: true,
|
|
4011
4112
|
styles: selectStyles
|
|
4012
4113
|
}
|
|
4013
|
-
), /* @__PURE__ */
|
|
4114
|
+
), /* @__PURE__ */ React49.createElement(
|
|
4014
4115
|
TextInput8,
|
|
4015
4116
|
{
|
|
4016
4117
|
label: "Validator Address",
|
|
@@ -4020,7 +4121,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
4020
4121
|
required: true,
|
|
4021
4122
|
styles: inputStyles
|
|
4022
4123
|
}
|
|
4023
|
-
), isRedelegate && /* @__PURE__ */
|
|
4124
|
+
), isRedelegate && /* @__PURE__ */ React49.createElement(
|
|
4024
4125
|
TextInput8,
|
|
4025
4126
|
{
|
|
4026
4127
|
label: "Destination Validator Address",
|
|
@@ -4030,7 +4131,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
4030
4131
|
required: true,
|
|
4031
4132
|
styles: inputStyles
|
|
4032
4133
|
}
|
|
4033
|
-
), needsAmount && /* @__PURE__ */
|
|
4134
|
+
), needsAmount && /* @__PURE__ */ React49.createElement(React49.Fragment, null, /* @__PURE__ */ React49.createElement(
|
|
4034
4135
|
NumberInput3,
|
|
4035
4136
|
{
|
|
4036
4137
|
label: "Amount",
|
|
@@ -4042,7 +4143,7 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
4042
4143
|
required: true,
|
|
4043
4144
|
styles: inputStyles
|
|
4044
4145
|
}
|
|
4045
|
-
), /* @__PURE__ */
|
|
4146
|
+
), /* @__PURE__ */ React49.createElement(
|
|
4046
4147
|
Select4,
|
|
4047
4148
|
{
|
|
4048
4149
|
label: "Denomination",
|
|
@@ -4059,8 +4160,8 @@ var StakeActionForm = ({ data, onChange }) => {
|
|
|
4059
4160
|
};
|
|
4060
4161
|
|
|
4061
4162
|
// src/mantine/blocks/proposal/actions-components/JoinActionForm.tsx
|
|
4062
|
-
import
|
|
4063
|
-
import { Stack as
|
|
4163
|
+
import React50 from "react";
|
|
4164
|
+
import { Stack as Stack33, TextInput as TextInput9 } from "@mantine/core";
|
|
4064
4165
|
var inputStyles2 = {
|
|
4065
4166
|
label: { color: "#adb5bd" },
|
|
4066
4167
|
input: {
|
|
@@ -4073,7 +4174,7 @@ var inputStyles2 = {
|
|
|
4073
4174
|
}
|
|
4074
4175
|
};
|
|
4075
4176
|
var JoinActionForm = ({ data, onChange }) => {
|
|
4076
|
-
return /* @__PURE__ */
|
|
4177
|
+
return /* @__PURE__ */ React50.createElement(Stack33, { gap: "md" }, /* @__PURE__ */ React50.createElement(TextInput9, { label: "ID", placeholder: "did:ixo:entity:abc123...", value: data.id, onChange: (e) => onChange({ ...data, id: e.target.value }), required: true, styles: inputStyles2 }), /* @__PURE__ */ React50.createElement(
|
|
4077
4178
|
TextInput9,
|
|
4078
4179
|
{
|
|
4079
4180
|
label: "Core Address",
|
|
@@ -4083,12 +4184,12 @@ var JoinActionForm = ({ data, onChange }) => {
|
|
|
4083
4184
|
required: true,
|
|
4084
4185
|
styles: inputStyles2
|
|
4085
4186
|
}
|
|
4086
|
-
), /* @__PURE__ */
|
|
4187
|
+
), /* @__PURE__ */ React50.createElement(TextInput9, { label: "Address", placeholder: "ixo1...", value: data.address, onChange: (e) => onChange({ ...data, address: e.target.value }), required: true, styles: inputStyles2 }));
|
|
4087
4188
|
};
|
|
4088
4189
|
|
|
4089
4190
|
// src/mantine/blocks/proposal/actions-components/forms/MintActionForm.tsx
|
|
4090
|
-
import
|
|
4091
|
-
import { Stack as
|
|
4191
|
+
import React51 from "react";
|
|
4192
|
+
import { Stack as Stack34, TextInput as TextInput10, NumberInput as NumberInput4 } from "@mantine/core";
|
|
4092
4193
|
var inputStyles3 = {
|
|
4093
4194
|
label: { color: "#adb5bd" },
|
|
4094
4195
|
input: {
|
|
@@ -4101,7 +4202,7 @@ var inputStyles3 = {
|
|
|
4101
4202
|
}
|
|
4102
4203
|
};
|
|
4103
4204
|
var MintActionForm = ({ data, onChange }) => {
|
|
4104
|
-
return /* @__PURE__ */
|
|
4205
|
+
return /* @__PURE__ */ React51.createElement(Stack34, { gap: "md" }, /* @__PURE__ */ React51.createElement(TextInput10, { label: "Recipient Address", placeholder: "ixo1...", value: data.to, onChange: (e) => onChange({ ...data, to: e.currentTarget.value }), required: true, styles: inputStyles3 }), /* @__PURE__ */ React51.createElement(
|
|
4105
4206
|
NumberInput4,
|
|
4106
4207
|
{
|
|
4107
4208
|
label: "Amount",
|
|
@@ -4117,8 +4218,8 @@ var MintActionForm = ({ data, onChange }) => {
|
|
|
4117
4218
|
};
|
|
4118
4219
|
|
|
4119
4220
|
// src/mantine/blocks/proposal/actions-components/forms/ExecuteActionForm.tsx
|
|
4120
|
-
import
|
|
4121
|
-
import { Stack as
|
|
4221
|
+
import React52, { useState as useState10 } from "react";
|
|
4222
|
+
import { Stack as Stack35, TextInput as TextInput11, Textarea as Textarea3, Button as Button7, Group as Group11, Text as Text31, Card as Card8 } from "@mantine/core";
|
|
4122
4223
|
var inputStyles4 = {
|
|
4123
4224
|
label: { color: "#adb5bd" },
|
|
4124
4225
|
input: {
|
|
@@ -4155,7 +4256,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
|
|
|
4155
4256
|
return data.message;
|
|
4156
4257
|
}
|
|
4157
4258
|
};
|
|
4158
|
-
return /* @__PURE__ */
|
|
4259
|
+
return /* @__PURE__ */ React52.createElement(Stack35, { gap: "md" }, /* @__PURE__ */ React52.createElement(
|
|
4159
4260
|
TextInput11,
|
|
4160
4261
|
{
|
|
4161
4262
|
label: "Contract Address",
|
|
@@ -4165,7 +4266,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
|
|
|
4165
4266
|
required: true,
|
|
4166
4267
|
styles: inputStyles4
|
|
4167
4268
|
}
|
|
4168
|
-
), /* @__PURE__ */
|
|
4269
|
+
), /* @__PURE__ */ React52.createElement(
|
|
4169
4270
|
Textarea3,
|
|
4170
4271
|
{
|
|
4171
4272
|
label: "Message (JSON)",
|
|
@@ -4176,7 +4277,7 @@ var ExecuteActionForm = ({ data, onChange }) => {
|
|
|
4176
4277
|
required: true,
|
|
4177
4278
|
styles: inputStyles4
|
|
4178
4279
|
}
|
|
4179
|
-
), /* @__PURE__ */
|
|
4280
|
+
), /* @__PURE__ */ React52.createElement(Stack35, { gap: "xs" }, /* @__PURE__ */ React52.createElement(Text31, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React52.createElement(Card8, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React52.createElement(Group11, { justify: "space-between" }, /* @__PURE__ */ React52.createElement(Text31, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React52.createElement(Button7, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React52.createElement(Group11, { grow: true }, /* @__PURE__ */ React52.createElement(TextInput11, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React52.createElement(TextInput11, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles4 }), /* @__PURE__ */ React52.createElement(
|
|
4180
4281
|
Button7,
|
|
4181
4282
|
{
|
|
4182
4283
|
size: "sm",
|
|
@@ -4191,9 +4292,9 @@ var ExecuteActionForm = ({ data, onChange }) => {
|
|
|
4191
4292
|
};
|
|
4192
4293
|
|
|
4193
4294
|
// src/mantine/blocks/proposal/actions-components/forms/CustomActionForm.tsx
|
|
4194
|
-
import
|
|
4195
|
-
import { Stack as
|
|
4196
|
-
import { Group as
|
|
4295
|
+
import React53, { useState as useState11, useEffect as useEffect9 } from "react";
|
|
4296
|
+
import { Stack as Stack36, Textarea as Textarea4, Alert as Alert5, Text as Text32, Badge as Badge7 } from "@mantine/core";
|
|
4297
|
+
import { Group as Group12 } from "@mantine/core";
|
|
4197
4298
|
var inputStyles5 = {
|
|
4198
4299
|
label: { color: "#adb5bd" },
|
|
4199
4300
|
input: {
|
|
@@ -4229,7 +4330,7 @@ var CustomActionForm = ({ data, onChange }) => {
|
|
|
4229
4330
|
return data.message;
|
|
4230
4331
|
}
|
|
4231
4332
|
};
|
|
4232
|
-
return /* @__PURE__ */
|
|
4333
|
+
return /* @__PURE__ */ React53.createElement(Stack36, { gap: "md" }, /* @__PURE__ */ React53.createElement(Alert5, { color: "yellow", style: { backgroundColor: "#2a2a2a", borderColor: "#ffd43b" } }, /* @__PURE__ */ React53.createElement(Text32, { size: "sm", style: { color: "#ffd43b" } }, "\u26A0\uFE0F Custom actions require valid JSON messages. Supports both Wasm and Stargate message formats.")), /* @__PURE__ */ React53.createElement("div", null, /* @__PURE__ */ React53.createElement(Group12, { gap: "xs", mb: "xs" }, /* @__PURE__ */ React53.createElement(Text32, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Custom Message (JSON)"), /* @__PURE__ */ React53.createElement(
|
|
4233
4334
|
Badge7,
|
|
4234
4335
|
{
|
|
4235
4336
|
size: "sm",
|
|
@@ -4239,7 +4340,7 @@ var CustomActionForm = ({ data, onChange }) => {
|
|
|
4239
4340
|
}
|
|
4240
4341
|
},
|
|
4241
4342
|
isValid ? "Valid JSON" : "Invalid JSON"
|
|
4242
|
-
)), /* @__PURE__ */
|
|
4343
|
+
)), /* @__PURE__ */ React53.createElement(
|
|
4243
4344
|
Textarea4,
|
|
4244
4345
|
{
|
|
4245
4346
|
placeholder: `Example Wasm message:
|
|
@@ -4272,8 +4373,8 @@ Example Stargate message:
|
|
|
4272
4373
|
};
|
|
4273
4374
|
|
|
4274
4375
|
// src/mantine/blocks/proposal/actions-components/forms/AuthzExecActionForm.tsx
|
|
4275
|
-
import
|
|
4276
|
-
import { Stack as
|
|
4376
|
+
import React54 from "react";
|
|
4377
|
+
import { Stack as Stack37, Select as Select5, TextInput as TextInput12, Textarea as Textarea5 } from "@mantine/core";
|
|
4277
4378
|
var inputStyles6 = {
|
|
4278
4379
|
label: { color: "#adb5bd" },
|
|
4279
4380
|
input: {
|
|
@@ -4308,7 +4409,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4308
4409
|
onChange({ ...data, [field]: value });
|
|
4309
4410
|
}
|
|
4310
4411
|
};
|
|
4311
|
-
return /* @__PURE__ */
|
|
4412
|
+
return /* @__PURE__ */ React54.createElement(Stack37, { gap: "md" }, /* @__PURE__ */ React54.createElement(
|
|
4312
4413
|
Select5,
|
|
4313
4414
|
{
|
|
4314
4415
|
label: "Action Type",
|
|
@@ -4319,7 +4420,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4319
4420
|
required: true,
|
|
4320
4421
|
styles: inputStyles6
|
|
4321
4422
|
}
|
|
4322
|
-
), data.authzExecActionType === AuthzExecActionTypes.Delegate && /* @__PURE__ */
|
|
4423
|
+
), data.authzExecActionType === AuthzExecActionTypes.Delegate && /* @__PURE__ */ React54.createElement(
|
|
4323
4424
|
Textarea5,
|
|
4324
4425
|
{
|
|
4325
4426
|
label: "Delegate Message (JSON)",
|
|
@@ -4329,7 +4430,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4329
4430
|
minRows: 4,
|
|
4330
4431
|
styles: inputStyles6
|
|
4331
4432
|
}
|
|
4332
|
-
), data.authzExecActionType === AuthzExecActionTypes.Undelegate && /* @__PURE__ */
|
|
4433
|
+
), data.authzExecActionType === AuthzExecActionTypes.Undelegate && /* @__PURE__ */ React54.createElement(
|
|
4333
4434
|
Textarea5,
|
|
4334
4435
|
{
|
|
4335
4436
|
label: "Undelegate Message (JSON)",
|
|
@@ -4339,7 +4440,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4339
4440
|
minRows: 4,
|
|
4340
4441
|
styles: inputStyles6
|
|
4341
4442
|
}
|
|
4342
|
-
), data.authzExecActionType === AuthzExecActionTypes.Redelegate && /* @__PURE__ */
|
|
4443
|
+
), data.authzExecActionType === AuthzExecActionTypes.Redelegate && /* @__PURE__ */ React54.createElement(
|
|
4343
4444
|
Textarea5,
|
|
4344
4445
|
{
|
|
4345
4446
|
label: "Redelegate Message (JSON)",
|
|
@@ -4349,7 +4450,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4349
4450
|
minRows: 4,
|
|
4350
4451
|
styles: inputStyles6
|
|
4351
4452
|
}
|
|
4352
|
-
), data.authzExecActionType === AuthzExecActionTypes.ClaimRewards && /* @__PURE__ */
|
|
4453
|
+
), data.authzExecActionType === AuthzExecActionTypes.ClaimRewards && /* @__PURE__ */ React54.createElement(
|
|
4353
4454
|
Textarea5,
|
|
4354
4455
|
{
|
|
4355
4456
|
label: "Claim Rewards Message (JSON)",
|
|
@@ -4359,7 +4460,7 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4359
4460
|
minRows: 3,
|
|
4360
4461
|
styles: inputStyles6
|
|
4361
4462
|
}
|
|
4362
|
-
), data.authzExecActionType === AuthzExecActionTypes.Custom && /* @__PURE__ */
|
|
4463
|
+
), data.authzExecActionType === AuthzExecActionTypes.Custom && /* @__PURE__ */ React54.createElement(
|
|
4363
4464
|
TextInput12,
|
|
4364
4465
|
{
|
|
4365
4466
|
label: "Custom Message",
|
|
@@ -4372,8 +4473,8 @@ var AuthzExecActionForm = ({ data, onChange }) => {
|
|
|
4372
4473
|
};
|
|
4373
4474
|
|
|
4374
4475
|
// src/mantine/blocks/proposal/actions-components/forms/AuthzGrantActionForm.tsx
|
|
4375
|
-
import
|
|
4376
|
-
import { Stack as
|
|
4476
|
+
import React55 from "react";
|
|
4477
|
+
import { Stack as Stack38, TextInput as TextInput13 } from "@mantine/core";
|
|
4377
4478
|
var inputStyles7 = {
|
|
4378
4479
|
label: { color: "#adb5bd" },
|
|
4379
4480
|
input: {
|
|
@@ -4386,7 +4487,7 @@ var inputStyles7 = {
|
|
|
4386
4487
|
}
|
|
4387
4488
|
};
|
|
4388
4489
|
var AuthzGrantActionForm = ({ data, onChange }) => {
|
|
4389
|
-
return /* @__PURE__ */
|
|
4490
|
+
return /* @__PURE__ */ React55.createElement(Stack38, { gap: "md" }, /* @__PURE__ */ React55.createElement(
|
|
4390
4491
|
TextInput13,
|
|
4391
4492
|
{
|
|
4392
4493
|
label: "Type URL",
|
|
@@ -4396,7 +4497,7 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
|
|
|
4396
4497
|
required: true,
|
|
4397
4498
|
styles: inputStyles7
|
|
4398
4499
|
}
|
|
4399
|
-
), /* @__PURE__ */
|
|
4500
|
+
), /* @__PURE__ */ React55.createElement(
|
|
4400
4501
|
TextInput13,
|
|
4401
4502
|
{
|
|
4402
4503
|
label: "Grantee Address",
|
|
@@ -4409,7 +4510,7 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
|
|
|
4409
4510
|
required: true,
|
|
4410
4511
|
styles: inputStyles7
|
|
4411
4512
|
}
|
|
4412
|
-
), /* @__PURE__ */
|
|
4513
|
+
), /* @__PURE__ */ React55.createElement(
|
|
4413
4514
|
TextInput13,
|
|
4414
4515
|
{
|
|
4415
4516
|
label: "Message Type URL",
|
|
@@ -4426,8 +4527,8 @@ var AuthzGrantActionForm = ({ data, onChange }) => {
|
|
|
4426
4527
|
};
|
|
4427
4528
|
|
|
4428
4529
|
// src/mantine/blocks/proposal/actions-components/forms/BurnNftActionForm.tsx
|
|
4429
|
-
import
|
|
4430
|
-
import { Stack as
|
|
4530
|
+
import React56 from "react";
|
|
4531
|
+
import { Stack as Stack39, TextInput as TextInput14 } from "@mantine/core";
|
|
4431
4532
|
var inputStyles8 = {
|
|
4432
4533
|
label: { color: "#adb5bd" },
|
|
4433
4534
|
input: {
|
|
@@ -4440,7 +4541,7 @@ var inputStyles8 = {
|
|
|
4440
4541
|
}
|
|
4441
4542
|
};
|
|
4442
4543
|
var BurnNftActionForm = ({ data, onChange }) => {
|
|
4443
|
-
return /* @__PURE__ */
|
|
4544
|
+
return /* @__PURE__ */ React56.createElement(Stack39, { gap: "md" }, /* @__PURE__ */ React56.createElement(
|
|
4444
4545
|
TextInput14,
|
|
4445
4546
|
{
|
|
4446
4547
|
label: "Collection Address",
|
|
@@ -4450,12 +4551,12 @@ var BurnNftActionForm = ({ data, onChange }) => {
|
|
|
4450
4551
|
required: true,
|
|
4451
4552
|
styles: inputStyles8
|
|
4452
4553
|
}
|
|
4453
|
-
), /* @__PURE__ */
|
|
4554
|
+
), /* @__PURE__ */ React56.createElement(TextInput14, { label: "Token ID", placeholder: "1", value: data.tokenId, onChange: (e) => onChange({ ...data, tokenId: e.currentTarget.value }), required: true, styles: inputStyles8 }));
|
|
4454
4555
|
};
|
|
4455
4556
|
|
|
4456
4557
|
// src/mantine/blocks/proposal/actions-components/forms/TransferNftActionForm.tsx
|
|
4457
|
-
import
|
|
4458
|
-
import { Stack as
|
|
4558
|
+
import React57 from "react";
|
|
4559
|
+
import { Stack as Stack40, TextInput as TextInput15, Checkbox as Checkbox4, Textarea as Textarea6 } from "@mantine/core";
|
|
4459
4560
|
var inputStyles9 = {
|
|
4460
4561
|
label: { color: "#adb5bd" },
|
|
4461
4562
|
input: {
|
|
@@ -4468,7 +4569,7 @@ var inputStyles9 = {
|
|
|
4468
4569
|
}
|
|
4469
4570
|
};
|
|
4470
4571
|
var TransferNftActionForm = ({ data, onChange }) => {
|
|
4471
|
-
return /* @__PURE__ */
|
|
4572
|
+
return /* @__PURE__ */ React57.createElement(Stack40, { gap: "md" }, /* @__PURE__ */ React57.createElement(
|
|
4472
4573
|
TextInput15,
|
|
4473
4574
|
{
|
|
4474
4575
|
label: "Collection Address",
|
|
@@ -4478,7 +4579,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
|
|
|
4478
4579
|
required: true,
|
|
4479
4580
|
styles: inputStyles9
|
|
4480
4581
|
}
|
|
4481
|
-
), /* @__PURE__ */
|
|
4582
|
+
), /* @__PURE__ */ React57.createElement(TextInput15, { label: "Token ID", placeholder: "1", value: data.tokenId, onChange: (e) => onChange({ ...data, tokenId: e.currentTarget.value }), required: true, styles: inputStyles9 }), /* @__PURE__ */ React57.createElement(
|
|
4482
4583
|
TextInput15,
|
|
4483
4584
|
{
|
|
4484
4585
|
label: "Recipient Address",
|
|
@@ -4488,7 +4589,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
|
|
|
4488
4589
|
required: true,
|
|
4489
4590
|
styles: inputStyles9
|
|
4490
4591
|
}
|
|
4491
|
-
), /* @__PURE__ */
|
|
4592
|
+
), /* @__PURE__ */ React57.createElement(
|
|
4492
4593
|
Checkbox4,
|
|
4493
4594
|
{
|
|
4494
4595
|
label: "Execute Smart Contract",
|
|
@@ -4499,7 +4600,7 @@ var TransferNftActionForm = ({ data, onChange }) => {
|
|
|
4499
4600
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4500
4601
|
}
|
|
4501
4602
|
}
|
|
4502
|
-
), data.executeSmartContract && /* @__PURE__ */
|
|
4603
|
+
), data.executeSmartContract && /* @__PURE__ */ React57.createElement(
|
|
4503
4604
|
Textarea6,
|
|
4504
4605
|
{
|
|
4505
4606
|
label: "Smart Contract Message (JSON)",
|
|
@@ -4513,8 +4614,8 @@ var TransferNftActionForm = ({ data, onChange }) => {
|
|
|
4513
4614
|
};
|
|
4514
4615
|
|
|
4515
4616
|
// src/mantine/blocks/proposal/actions-components/forms/ManageCw721ActionForm.tsx
|
|
4516
|
-
import
|
|
4517
|
-
import { Stack as
|
|
4617
|
+
import React58 from "react";
|
|
4618
|
+
import { Stack as Stack41, TextInput as TextInput16, Radio, Group as Group13 } from "@mantine/core";
|
|
4518
4619
|
var inputStyles10 = {
|
|
4519
4620
|
label: { color: "#adb5bd" },
|
|
4520
4621
|
input: {
|
|
@@ -4527,7 +4628,7 @@ var inputStyles10 = {
|
|
|
4527
4628
|
}
|
|
4528
4629
|
};
|
|
4529
4630
|
var ManageCw721ActionForm = ({ data, onChange }) => {
|
|
4530
|
-
return /* @__PURE__ */
|
|
4631
|
+
return /* @__PURE__ */ React58.createElement(Stack41, { gap: "md" }, /* @__PURE__ */ React58.createElement(Radio.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React58.createElement(Group13, { mt: "xs" }, /* @__PURE__ */ React58.createElement(
|
|
4531
4632
|
Radio,
|
|
4532
4633
|
{
|
|
4533
4634
|
value: "add",
|
|
@@ -4537,7 +4638,7 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
|
|
|
4537
4638
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4538
4639
|
}
|
|
4539
4640
|
}
|
|
4540
|
-
), /* @__PURE__ */
|
|
4641
|
+
), /* @__PURE__ */ React58.createElement(
|
|
4541
4642
|
Radio,
|
|
4542
4643
|
{
|
|
4543
4644
|
value: "remove",
|
|
@@ -4547,7 +4648,7 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
|
|
|
4547
4648
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4548
4649
|
}
|
|
4549
4650
|
}
|
|
4550
|
-
))), /* @__PURE__ */
|
|
4651
|
+
))), /* @__PURE__ */ React58.createElement(
|
|
4551
4652
|
TextInput16,
|
|
4552
4653
|
{
|
|
4553
4654
|
label: "NFT Contract Address",
|
|
@@ -4561,8 +4662,8 @@ var ManageCw721ActionForm = ({ data, onChange }) => {
|
|
|
4561
4662
|
};
|
|
4562
4663
|
|
|
4563
4664
|
// src/mantine/blocks/proposal/actions-components/forms/InstantiateActionForm.tsx
|
|
4564
|
-
import
|
|
4565
|
-
import { Stack as
|
|
4665
|
+
import React59, { useState as useState12 } from "react";
|
|
4666
|
+
import { Stack as Stack42, TextInput as TextInput17, Textarea as Textarea7, NumberInput as NumberInput5, Button as Button8, Group as Group14, Text as Text33, Card as Card9 } from "@mantine/core";
|
|
4566
4667
|
var inputStyles11 = {
|
|
4567
4668
|
label: { color: "#adb5bd" },
|
|
4568
4669
|
input: {
|
|
@@ -4599,7 +4700,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4599
4700
|
return data.message;
|
|
4600
4701
|
}
|
|
4601
4702
|
};
|
|
4602
|
-
return /* @__PURE__ */
|
|
4703
|
+
return /* @__PURE__ */ React59.createElement(Stack42, { gap: "md" }, /* @__PURE__ */ React59.createElement(
|
|
4603
4704
|
TextInput17,
|
|
4604
4705
|
{
|
|
4605
4706
|
label: "Admin Address",
|
|
@@ -4609,7 +4710,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4609
4710
|
required: true,
|
|
4610
4711
|
styles: inputStyles11
|
|
4611
4712
|
}
|
|
4612
|
-
), /* @__PURE__ */
|
|
4713
|
+
), /* @__PURE__ */ React59.createElement(
|
|
4613
4714
|
NumberInput5,
|
|
4614
4715
|
{
|
|
4615
4716
|
label: "Code ID",
|
|
@@ -4620,7 +4721,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4620
4721
|
required: true,
|
|
4621
4722
|
styles: inputStyles11
|
|
4622
4723
|
}
|
|
4623
|
-
), /* @__PURE__ */
|
|
4724
|
+
), /* @__PURE__ */ React59.createElement(TextInput17, { label: "Label", placeholder: "My Contract", value: data.label, onChange: (e) => onChange({ ...data, label: e.currentTarget.value }), required: true, styles: inputStyles11 }), /* @__PURE__ */ React59.createElement(
|
|
4624
4725
|
Textarea7,
|
|
4625
4726
|
{
|
|
4626
4727
|
label: "Instantiate Message (JSON)",
|
|
@@ -4631,7 +4732,7 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4631
4732
|
required: true,
|
|
4632
4733
|
styles: inputStyles11
|
|
4633
4734
|
}
|
|
4634
|
-
), /* @__PURE__ */
|
|
4735
|
+
), /* @__PURE__ */ React59.createElement(Stack42, { gap: "xs" }, /* @__PURE__ */ React59.createElement(Text33, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Funds (Optional)"), (data.funds || []).map((fund, index) => /* @__PURE__ */ React59.createElement(Card9, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React59.createElement(Group14, { justify: "space-between" }, /* @__PURE__ */ React59.createElement(Text33, { size: "sm", style: { color: "#f1f3f5" } }, fund.amount, " ", fund.denom), /* @__PURE__ */ React59.createElement(Button8, { size: "xs", variant: "subtle", onClick: () => handleRemoveFund(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React59.createElement(Group14, { grow: true }, /* @__PURE__ */ React59.createElement(TextInput17, { placeholder: "Amount", value: newFund.amount, onChange: (e) => setNewFund({ ...newFund, amount: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React59.createElement(TextInput17, { placeholder: "Denom (e.g., uixo)", value: newFund.denom, onChange: (e) => setNewFund({ ...newFund, denom: e.currentTarget.value }), styles: inputStyles11 }), /* @__PURE__ */ React59.createElement(
|
|
4635
4736
|
Button8,
|
|
4636
4737
|
{
|
|
4637
4738
|
size: "sm",
|
|
@@ -4646,8 +4747,8 @@ var InstantiateActionForm = ({ data, onChange }) => {
|
|
|
4646
4747
|
};
|
|
4647
4748
|
|
|
4648
4749
|
// src/mantine/blocks/proposal/actions-components/forms/MigrateActionForm.tsx
|
|
4649
|
-
import
|
|
4650
|
-
import { Stack as
|
|
4750
|
+
import React60 from "react";
|
|
4751
|
+
import { Stack as Stack43, TextInput as TextInput18, Textarea as Textarea8, NumberInput as NumberInput6 } from "@mantine/core";
|
|
4651
4752
|
var inputStyles12 = {
|
|
4652
4753
|
label: { color: "#adb5bd" },
|
|
4653
4754
|
input: {
|
|
@@ -4668,7 +4769,7 @@ var MigrateActionForm = ({ data, onChange }) => {
|
|
|
4668
4769
|
return data.msg;
|
|
4669
4770
|
}
|
|
4670
4771
|
};
|
|
4671
|
-
return /* @__PURE__ */
|
|
4772
|
+
return /* @__PURE__ */ React60.createElement(Stack43, { gap: "md" }, /* @__PURE__ */ React60.createElement(
|
|
4672
4773
|
TextInput18,
|
|
4673
4774
|
{
|
|
4674
4775
|
label: "Contract Address",
|
|
@@ -4678,7 +4779,7 @@ var MigrateActionForm = ({ data, onChange }) => {
|
|
|
4678
4779
|
required: true,
|
|
4679
4780
|
styles: inputStyles12
|
|
4680
4781
|
}
|
|
4681
|
-
), /* @__PURE__ */
|
|
4782
|
+
), /* @__PURE__ */ React60.createElement(
|
|
4682
4783
|
NumberInput6,
|
|
4683
4784
|
{
|
|
4684
4785
|
label: "New Code ID",
|
|
@@ -4689,7 +4790,7 @@ var MigrateActionForm = ({ data, onChange }) => {
|
|
|
4689
4790
|
required: true,
|
|
4690
4791
|
styles: inputStyles12
|
|
4691
4792
|
}
|
|
4692
|
-
), /* @__PURE__ */
|
|
4793
|
+
), /* @__PURE__ */ React60.createElement(
|
|
4693
4794
|
Textarea8,
|
|
4694
4795
|
{
|
|
4695
4796
|
label: "Migration Message (JSON)",
|
|
@@ -4704,8 +4805,8 @@ var MigrateActionForm = ({ data, onChange }) => {
|
|
|
4704
4805
|
};
|
|
4705
4806
|
|
|
4706
4807
|
// src/mantine/blocks/proposal/actions-components/forms/UpdateAdminActionForm.tsx
|
|
4707
|
-
import
|
|
4708
|
-
import { Stack as
|
|
4808
|
+
import React61 from "react";
|
|
4809
|
+
import { Stack as Stack44, TextInput as TextInput19 } from "@mantine/core";
|
|
4709
4810
|
var inputStyles13 = {
|
|
4710
4811
|
label: { color: "#adb5bd" },
|
|
4711
4812
|
input: {
|
|
@@ -4718,7 +4819,7 @@ var inputStyles13 = {
|
|
|
4718
4819
|
}
|
|
4719
4820
|
};
|
|
4720
4821
|
var UpdateAdminActionForm = ({ data, onChange }) => {
|
|
4721
|
-
return /* @__PURE__ */
|
|
4822
|
+
return /* @__PURE__ */ React61.createElement(Stack44, { gap: "md" }, /* @__PURE__ */ React61.createElement(
|
|
4722
4823
|
TextInput19,
|
|
4723
4824
|
{
|
|
4724
4825
|
label: "Contract Address",
|
|
@@ -4728,7 +4829,7 @@ var UpdateAdminActionForm = ({ data, onChange }) => {
|
|
|
4728
4829
|
required: true,
|
|
4729
4830
|
styles: inputStyles13
|
|
4730
4831
|
}
|
|
4731
|
-
), /* @__PURE__ */
|
|
4832
|
+
), /* @__PURE__ */ React61.createElement(
|
|
4732
4833
|
TextInput19,
|
|
4733
4834
|
{
|
|
4734
4835
|
label: "New Admin Address",
|
|
@@ -4742,8 +4843,8 @@ var UpdateAdminActionForm = ({ data, onChange }) => {
|
|
|
4742
4843
|
};
|
|
4743
4844
|
|
|
4744
4845
|
// src/mantine/blocks/proposal/actions-components/forms/ManageCw20ActionForm.tsx
|
|
4745
|
-
import
|
|
4746
|
-
import { Stack as
|
|
4846
|
+
import React62 from "react";
|
|
4847
|
+
import { Stack as Stack45, TextInput as TextInput20, Radio as Radio2, Group as Group15 } from "@mantine/core";
|
|
4747
4848
|
var inputStyles14 = {
|
|
4748
4849
|
label: { color: "#adb5bd" },
|
|
4749
4850
|
input: {
|
|
@@ -4756,7 +4857,7 @@ var inputStyles14 = {
|
|
|
4756
4857
|
}
|
|
4757
4858
|
};
|
|
4758
4859
|
var ManageCw20ActionForm = ({ data, onChange }) => {
|
|
4759
|
-
return /* @__PURE__ */
|
|
4860
|
+
return /* @__PURE__ */ React62.createElement(Stack45, { gap: "md" }, /* @__PURE__ */ React62.createElement(Radio2.Group, { label: "Action", value: data.adding ? "add" : "remove", onChange: (value) => onChange({ ...data, adding: value === "add" }) }, /* @__PURE__ */ React62.createElement(Group15, { mt: "xs" }, /* @__PURE__ */ React62.createElement(
|
|
4760
4861
|
Radio2,
|
|
4761
4862
|
{
|
|
4762
4863
|
value: "add",
|
|
@@ -4766,7 +4867,7 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
|
|
|
4766
4867
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4767
4868
|
}
|
|
4768
4869
|
}
|
|
4769
|
-
), /* @__PURE__ */
|
|
4870
|
+
), /* @__PURE__ */ React62.createElement(
|
|
4770
4871
|
Radio2,
|
|
4771
4872
|
{
|
|
4772
4873
|
value: "remove",
|
|
@@ -4776,7 +4877,7 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
|
|
|
4776
4877
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4777
4878
|
}
|
|
4778
4879
|
}
|
|
4779
|
-
))), /* @__PURE__ */
|
|
4880
|
+
))), /* @__PURE__ */ React62.createElement(
|
|
4780
4881
|
TextInput20,
|
|
4781
4882
|
{
|
|
4782
4883
|
label: "Token Contract Address",
|
|
@@ -4790,8 +4891,8 @@ var ManageCw20ActionForm = ({ data, onChange }) => {
|
|
|
4790
4891
|
};
|
|
4791
4892
|
|
|
4792
4893
|
// src/mantine/blocks/proposal/actions-components/forms/ManageSubDaosActionForm.tsx
|
|
4793
|
-
import
|
|
4794
|
-
import { Stack as
|
|
4894
|
+
import React63, { useState as useState13 } from "react";
|
|
4895
|
+
import { Stack as Stack46, TextInput as TextInput21, Button as Button9, Group as Group16, Text as Text34, Card as Card10, Textarea as Textarea9 } from "@mantine/core";
|
|
4795
4896
|
var inputStyles15 = {
|
|
4796
4897
|
label: { color: "#adb5bd" },
|
|
4797
4898
|
input: {
|
|
@@ -4836,7 +4937,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
|
|
|
4836
4937
|
toRemove: (data.toRemove || []).filter((_, i) => i !== index)
|
|
4837
4938
|
});
|
|
4838
4939
|
};
|
|
4839
|
-
return /* @__PURE__ */
|
|
4940
|
+
return /* @__PURE__ */ React63.createElement(Stack46, { gap: "md" }, /* @__PURE__ */ React63.createElement(Stack46, { gap: "xs" }, /* @__PURE__ */ React63.createElement(Text34, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Add"), (data.toAdd || []).map((subDao, index) => /* @__PURE__ */ React63.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React63.createElement(Stack46, { gap: "xs" }, /* @__PURE__ */ React63.createElement(Group16, { justify: "space-between" }, /* @__PURE__ */ React63.createElement(Text34, { size: "sm", style: { color: "#f1f3f5" } }, subDao.addr), /* @__PURE__ */ React63.createElement(Button9, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromAddList(index), style: { color: "#ff6b6b" } }, "Remove")), subDao.charter && /* @__PURE__ */ React63.createElement(Text34, { size: "xs", style: { color: "#adb5bd" } }, "Charter: ", subDao.charter)))), /* @__PURE__ */ React63.createElement(Stack46, { gap: "xs" }, /* @__PURE__ */ React63.createElement(TextInput21, { placeholder: "SubDAO Address", value: newSubDao.addr, onChange: (e) => setNewSubDao({ ...newSubDao, addr: e.currentTarget.value }), styles: inputStyles15 }), /* @__PURE__ */ React63.createElement(
|
|
4840
4941
|
Textarea9,
|
|
4841
4942
|
{
|
|
4842
4943
|
placeholder: "Charter (optional)",
|
|
@@ -4845,7 +4946,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
|
|
|
4845
4946
|
minRows: 2,
|
|
4846
4947
|
styles: inputStyles15
|
|
4847
4948
|
}
|
|
4848
|
-
), /* @__PURE__ */
|
|
4949
|
+
), /* @__PURE__ */ React63.createElement(
|
|
4849
4950
|
Button9,
|
|
4850
4951
|
{
|
|
4851
4952
|
size: "sm",
|
|
@@ -4856,7 +4957,7 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
|
|
|
4856
4957
|
}
|
|
4857
4958
|
},
|
|
4858
4959
|
"Add SubDAO"
|
|
4859
|
-
))), /* @__PURE__ */
|
|
4960
|
+
))), /* @__PURE__ */ React63.createElement(Stack46, { gap: "xs" }, /* @__PURE__ */ React63.createElement(Text34, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "SubDAOs to Remove"), (data.toRemove || []).map((subDao, index) => /* @__PURE__ */ React63.createElement(Card10, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React63.createElement(Group16, { justify: "space-between" }, /* @__PURE__ */ React63.createElement(Text34, { size: "sm", style: { color: "#f1f3f5" } }, subDao.address), /* @__PURE__ */ React63.createElement(Button9, { size: "xs", variant: "subtle", onClick: () => handleRemoveFromRemoveList(index), style: { color: "#ff6b6b" } }, "Remove")))), /* @__PURE__ */ React63.createElement(Group16, { grow: true }, /* @__PURE__ */ React63.createElement(TextInput21, { placeholder: "SubDAO Address to Remove", value: newRemoveAddress, onChange: (e) => setNewRemoveAddress(e.currentTarget.value), styles: inputStyles15 }), /* @__PURE__ */ React63.createElement(
|
|
4860
4961
|
Button9,
|
|
4861
4962
|
{
|
|
4862
4963
|
size: "sm",
|
|
@@ -4871,8 +4972,8 @@ var ManageSubDaosActionForm = ({ data, onChange }) => {
|
|
|
4871
4972
|
};
|
|
4872
4973
|
|
|
4873
4974
|
// src/mantine/blocks/proposal/actions-components/forms/UpdateInfoActionForm.tsx
|
|
4874
|
-
import
|
|
4875
|
-
import { Stack as
|
|
4975
|
+
import React64 from "react";
|
|
4976
|
+
import { Stack as Stack47, TextInput as TextInput22, Textarea as Textarea10, Checkbox as Checkbox5 } from "@mantine/core";
|
|
4876
4977
|
var inputStyles16 = {
|
|
4877
4978
|
label: { color: "#adb5bd" },
|
|
4878
4979
|
input: {
|
|
@@ -4885,7 +4986,7 @@ var inputStyles16 = {
|
|
|
4885
4986
|
}
|
|
4886
4987
|
};
|
|
4887
4988
|
var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
4888
|
-
return /* @__PURE__ */
|
|
4989
|
+
return /* @__PURE__ */ React64.createElement(Stack47, { gap: "md" }, /* @__PURE__ */ React64.createElement(TextInput22, { label: "DAO Name", placeholder: "My DAO", value: data.name, onChange: (e) => onChange({ ...data, name: e.currentTarget.value }), required: true, styles: inputStyles16 }), /* @__PURE__ */ React64.createElement(
|
|
4889
4990
|
Textarea10,
|
|
4890
4991
|
{
|
|
4891
4992
|
label: "Description",
|
|
@@ -4895,7 +4996,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4895
4996
|
minRows: 3,
|
|
4896
4997
|
styles: inputStyles16
|
|
4897
4998
|
}
|
|
4898
|
-
), /* @__PURE__ */
|
|
4999
|
+
), /* @__PURE__ */ React64.createElement(
|
|
4899
5000
|
TextInput22,
|
|
4900
5001
|
{
|
|
4901
5002
|
label: "Image URL (Optional)",
|
|
@@ -4904,7 +5005,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4904
5005
|
onChange: (e) => onChange({ ...data, image_url: e.currentTarget.value || null }),
|
|
4905
5006
|
styles: inputStyles16
|
|
4906
5007
|
}
|
|
4907
|
-
), /* @__PURE__ */
|
|
5008
|
+
), /* @__PURE__ */ React64.createElement(
|
|
4908
5009
|
TextInput22,
|
|
4909
5010
|
{
|
|
4910
5011
|
label: "DAO URI (Optional)",
|
|
@@ -4913,7 +5014,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4913
5014
|
onChange: (e) => onChange({ ...data, dao_uri: e.currentTarget.value || null }),
|
|
4914
5015
|
styles: inputStyles16
|
|
4915
5016
|
}
|
|
4916
|
-
), /* @__PURE__ */
|
|
5017
|
+
), /* @__PURE__ */ React64.createElement(
|
|
4917
5018
|
Checkbox5,
|
|
4918
5019
|
{
|
|
4919
5020
|
label: "Automatically add CW20 tokens",
|
|
@@ -4924,7 +5025,7 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4924
5025
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4925
5026
|
}
|
|
4926
5027
|
}
|
|
4927
|
-
), /* @__PURE__ */
|
|
5028
|
+
), /* @__PURE__ */ React64.createElement(
|
|
4928
5029
|
Checkbox5,
|
|
4929
5030
|
{
|
|
4930
5031
|
label: "Automatically add CW721 NFTs",
|
|
@@ -4939,8 +5040,8 @@ var UpdateInfoActionForm = ({ data, onChange }) => {
|
|
|
4939
5040
|
};
|
|
4940
5041
|
|
|
4941
5042
|
// src/mantine/blocks/proposal/actions-components/forms/ManageStorageItemsActionForm.tsx
|
|
4942
|
-
import
|
|
4943
|
-
import { Stack as
|
|
5043
|
+
import React65 from "react";
|
|
5044
|
+
import { Stack as Stack48, TextInput as TextInput23, Radio as Radio3, Group as Group17, Textarea as Textarea11 } from "@mantine/core";
|
|
4944
5045
|
var inputStyles17 = {
|
|
4945
5046
|
label: { color: "#adb5bd" },
|
|
4946
5047
|
input: {
|
|
@@ -4953,7 +5054,7 @@ var inputStyles17 = {
|
|
|
4953
5054
|
}
|
|
4954
5055
|
};
|
|
4955
5056
|
var ManageStorageItemsActionForm = ({ data, onChange }) => {
|
|
4956
|
-
return /* @__PURE__ */
|
|
5057
|
+
return /* @__PURE__ */ React65.createElement(Stack48, { gap: "md" }, /* @__PURE__ */ React65.createElement(Radio3.Group, { label: "Action", value: data.setting ? "set" : "remove", onChange: (value) => onChange({ ...data, setting: value === "set" }) }, /* @__PURE__ */ React65.createElement(Group17, { mt: "xs" }, /* @__PURE__ */ React65.createElement(
|
|
4957
5058
|
Radio3,
|
|
4958
5059
|
{
|
|
4959
5060
|
value: "set",
|
|
@@ -4963,7 +5064,7 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
|
|
|
4963
5064
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4964
5065
|
}
|
|
4965
5066
|
}
|
|
4966
|
-
), /* @__PURE__ */
|
|
5067
|
+
), /* @__PURE__ */ React65.createElement(
|
|
4967
5068
|
Radio3,
|
|
4968
5069
|
{
|
|
4969
5070
|
value: "remove",
|
|
@@ -4973,7 +5074,7 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
|
|
|
4973
5074
|
radio: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
4974
5075
|
}
|
|
4975
5076
|
}
|
|
4976
|
-
))), /* @__PURE__ */
|
|
5077
|
+
))), /* @__PURE__ */ React65.createElement(TextInput23, { label: "Storage Key", placeholder: "config_key", value: data.key, onChange: (e) => onChange({ ...data, key: e.currentTarget.value }), required: true, styles: inputStyles17 }), data.setting && /* @__PURE__ */ React65.createElement(
|
|
4977
5078
|
Textarea11,
|
|
4978
5079
|
{
|
|
4979
5080
|
label: "Storage Value",
|
|
@@ -4988,8 +5089,8 @@ var ManageStorageItemsActionForm = ({ data, onChange }) => {
|
|
|
4988
5089
|
};
|
|
4989
5090
|
|
|
4990
5091
|
// src/mantine/blocks/proposal/actions-components/forms/DaoAdminExecActionForm.tsx
|
|
4991
|
-
import
|
|
4992
|
-
import { Stack as
|
|
5092
|
+
import React66, { useState as useState14 } from "react";
|
|
5093
|
+
import { Stack as Stack49, TextInput as TextInput24, Button as Button10, Group as Group18, Text as Text35, Card as Card11, Textarea as Textarea12 } from "@mantine/core";
|
|
4993
5094
|
var inputStyles18 = {
|
|
4994
5095
|
label: { color: "#adb5bd" },
|
|
4995
5096
|
input: {
|
|
@@ -5022,7 +5123,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
|
|
|
5022
5123
|
msgs: (data.msgs || []).filter((_, i) => i !== index)
|
|
5023
5124
|
});
|
|
5024
5125
|
};
|
|
5025
|
-
return /* @__PURE__ */
|
|
5126
|
+
return /* @__PURE__ */ React66.createElement(Stack49, { gap: "md" }, /* @__PURE__ */ React66.createElement(
|
|
5026
5127
|
TextInput24,
|
|
5027
5128
|
{
|
|
5028
5129
|
label: "Core Address",
|
|
@@ -5032,7 +5133,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
|
|
|
5032
5133
|
required: true,
|
|
5033
5134
|
styles: inputStyles18
|
|
5034
5135
|
}
|
|
5035
|
-
), /* @__PURE__ */
|
|
5136
|
+
), /* @__PURE__ */ React66.createElement(Stack49, { gap: "xs" }, /* @__PURE__ */ React66.createElement(Text35, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Messages to Execute"), (data.msgs || []).map((msg, index) => /* @__PURE__ */ React66.createElement(Card11, { key: index, withBorder: true, padding: "xs", style: { backgroundColor: "#2a2a2a", borderColor: "#333" } }, /* @__PURE__ */ React66.createElement(Group18, { justify: "space-between" }, /* @__PURE__ */ React66.createElement(Text35, { size: "sm", style: { color: "#f1f3f5" } }, "Message ", index + 1), /* @__PURE__ */ React66.createElement(Button10, { size: "xs", variant: "subtle", onClick: () => handleRemoveMessage(index), style: { color: "#ff6b6b" } }, "Remove")), /* @__PURE__ */ React66.createElement(Text35, { size: "xs", style: { color: "#adb5bd", fontFamily: "monospace" } }, JSON.stringify(msg, null, 2).substring(0, 100), "..."))), /* @__PURE__ */ React66.createElement(
|
|
5036
5137
|
Textarea12,
|
|
5037
5138
|
{
|
|
5038
5139
|
placeholder: 'Add cosmos message as JSON:\\n{"bank": {"send": {"to_address": "ixo1...", "amount": [{"denom": "uixo", "amount": "1000"}]}}}',
|
|
@@ -5041,7 +5142,7 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
|
|
|
5041
5142
|
minRows: 4,
|
|
5042
5143
|
styles: inputStyles18
|
|
5043
5144
|
}
|
|
5044
|
-
), /* @__PURE__ */
|
|
5145
|
+
), /* @__PURE__ */ React66.createElement(
|
|
5045
5146
|
Button10,
|
|
5046
5147
|
{
|
|
5047
5148
|
size: "sm",
|
|
@@ -5056,8 +5157,8 @@ var DaoAdminExecActionForm = ({ data, onChange }) => {
|
|
|
5056
5157
|
};
|
|
5057
5158
|
|
|
5058
5159
|
// src/mantine/blocks/proposal/actions-components/forms/AcceptToMarketplaceActionForm.tsx
|
|
5059
|
-
import
|
|
5060
|
-
import { Stack as
|
|
5160
|
+
import React67 from "react";
|
|
5161
|
+
import { Stack as Stack50, TextInput as TextInput25 } from "@mantine/core";
|
|
5061
5162
|
var inputStyles19 = {
|
|
5062
5163
|
label: { color: "#adb5bd" },
|
|
5063
5164
|
input: {
|
|
@@ -5070,7 +5171,7 @@ var inputStyles19 = {
|
|
|
5070
5171
|
}
|
|
5071
5172
|
};
|
|
5072
5173
|
var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
|
|
5073
|
-
return /* @__PURE__ */
|
|
5174
|
+
return /* @__PURE__ */ React67.createElement(Stack50, { gap: "md" }, /* @__PURE__ */ React67.createElement(TextInput25, { label: "DID", placeholder: "did:ixo:...", value: data.did, onChange: (e) => onChange({ ...data, did: e.currentTarget.value }), required: true, styles: inputStyles19 }), /* @__PURE__ */ React67.createElement(
|
|
5074
5175
|
TextInput25,
|
|
5075
5176
|
{
|
|
5076
5177
|
label: "Relayer Node DID",
|
|
@@ -5080,7 +5181,7 @@ var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
|
|
|
5080
5181
|
required: true,
|
|
5081
5182
|
styles: inputStyles19
|
|
5082
5183
|
}
|
|
5083
|
-
), /* @__PURE__ */
|
|
5184
|
+
), /* @__PURE__ */ React67.createElement(
|
|
5084
5185
|
TextInput25,
|
|
5085
5186
|
{
|
|
5086
5187
|
label: "Relayer Node Address",
|
|
@@ -5094,8 +5195,8 @@ var AcceptToMarketplaceActionForm = ({ data, onChange }) => {
|
|
|
5094
5195
|
};
|
|
5095
5196
|
|
|
5096
5197
|
// src/mantine/blocks/proposal/actions-components/forms/CreateEntityActionForm.tsx
|
|
5097
|
-
import
|
|
5098
|
-
import { Stack as
|
|
5198
|
+
import React68 from "react";
|
|
5199
|
+
import { Stack as Stack51, Textarea as Textarea13, Alert as Alert6, Text as Text36 } from "@mantine/core";
|
|
5099
5200
|
var inputStyles20 = {
|
|
5100
5201
|
label: { color: "#adb5bd" },
|
|
5101
5202
|
input: {
|
|
@@ -5115,7 +5216,7 @@ var CreateEntityActionForm = ({ data, onChange }) => {
|
|
|
5115
5216
|
} catch {
|
|
5116
5217
|
}
|
|
5117
5218
|
};
|
|
5118
|
-
return /* @__PURE__ */
|
|
5219
|
+
return /* @__PURE__ */ React68.createElement(Stack51, { gap: "md" }, /* @__PURE__ */ React68.createElement(Alert6, { color: "blue", style: { backgroundColor: "#2a2a2a", borderColor: "#4dabf7" } }, /* @__PURE__ */ React68.createElement(Text36, { size: "sm", style: { color: "#4dabf7" } }, "This is a complex entity creation action. Please provide the complete entity data as JSON.")), /* @__PURE__ */ React68.createElement(
|
|
5119
5220
|
Textarea13,
|
|
5120
5221
|
{
|
|
5121
5222
|
label: "Entity Data (JSON)",
|
|
@@ -5130,8 +5231,8 @@ var CreateEntityActionForm = ({ data, onChange }) => {
|
|
|
5130
5231
|
};
|
|
5131
5232
|
|
|
5132
5233
|
// src/mantine/blocks/proposal/actions-components/forms/UpdateVotingConfigActionForm.tsx
|
|
5133
|
-
import
|
|
5134
|
-
import { Stack as
|
|
5234
|
+
import React69 from "react";
|
|
5235
|
+
import { Stack as Stack52, Checkbox as Checkbox6, Select as Select6, NumberInput as NumberInput7, Group as Group19 } from "@mantine/core";
|
|
5135
5236
|
var inputStyles21 = {
|
|
5136
5237
|
label: { color: "#adb5bd" },
|
|
5137
5238
|
input: {
|
|
@@ -5144,7 +5245,7 @@ var inputStyles21 = {
|
|
|
5144
5245
|
}
|
|
5145
5246
|
};
|
|
5146
5247
|
var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
5147
|
-
return /* @__PURE__ */
|
|
5248
|
+
return /* @__PURE__ */ React69.createElement(Stack52, { gap: "md" }, /* @__PURE__ */ React69.createElement(
|
|
5148
5249
|
Checkbox6,
|
|
5149
5250
|
{
|
|
5150
5251
|
label: "Only members can execute",
|
|
@@ -5155,7 +5256,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5155
5256
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5156
5257
|
}
|
|
5157
5258
|
}
|
|
5158
|
-
), /* @__PURE__ */
|
|
5259
|
+
), /* @__PURE__ */ React69.createElement(
|
|
5159
5260
|
Select6,
|
|
5160
5261
|
{
|
|
5161
5262
|
label: "Threshold Type",
|
|
@@ -5167,7 +5268,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5167
5268
|
],
|
|
5168
5269
|
styles: inputStyles21
|
|
5169
5270
|
}
|
|
5170
|
-
), data.thresholdType === "%" && /* @__PURE__ */
|
|
5271
|
+
), data.thresholdType === "%" && /* @__PURE__ */ React69.createElement(
|
|
5171
5272
|
NumberInput7,
|
|
5172
5273
|
{
|
|
5173
5274
|
label: "Threshold Percentage",
|
|
@@ -5179,7 +5280,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5179
5280
|
suffix: "%",
|
|
5180
5281
|
styles: inputStyles21
|
|
5181
5282
|
}
|
|
5182
|
-
), /* @__PURE__ */
|
|
5283
|
+
), /* @__PURE__ */ React69.createElement(
|
|
5183
5284
|
Checkbox6,
|
|
5184
5285
|
{
|
|
5185
5286
|
label: "Enable Quorum",
|
|
@@ -5190,7 +5291,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5190
5291
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5191
5292
|
}
|
|
5192
5293
|
}
|
|
5193
|
-
), data.quorumEnabled && /* @__PURE__ */
|
|
5294
|
+
), data.quorumEnabled && /* @__PURE__ */ React69.createElement(React69.Fragment, null, /* @__PURE__ */ React69.createElement(
|
|
5194
5295
|
Select6,
|
|
5195
5296
|
{
|
|
5196
5297
|
label: "Quorum Type",
|
|
@@ -5202,7 +5303,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5202
5303
|
],
|
|
5203
5304
|
styles: inputStyles21
|
|
5204
5305
|
}
|
|
5205
|
-
), data.quorumType === "%" && /* @__PURE__ */
|
|
5306
|
+
), data.quorumType === "%" && /* @__PURE__ */ React69.createElement(
|
|
5206
5307
|
NumberInput7,
|
|
5207
5308
|
{
|
|
5208
5309
|
label: "Quorum Percentage",
|
|
@@ -5214,7 +5315,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5214
5315
|
suffix: "%",
|
|
5215
5316
|
styles: inputStyles21
|
|
5216
5317
|
}
|
|
5217
|
-
)), /* @__PURE__ */
|
|
5318
|
+
)), /* @__PURE__ */ React69.createElement(Group19, { grow: true }, /* @__PURE__ */ React69.createElement(
|
|
5218
5319
|
NumberInput7,
|
|
5219
5320
|
{
|
|
5220
5321
|
label: "Proposal Duration",
|
|
@@ -5224,7 +5325,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5224
5325
|
min: 1,
|
|
5225
5326
|
styles: inputStyles21
|
|
5226
5327
|
}
|
|
5227
|
-
), /* @__PURE__ */
|
|
5328
|
+
), /* @__PURE__ */ React69.createElement(
|
|
5228
5329
|
Select6,
|
|
5229
5330
|
{
|
|
5230
5331
|
label: "Duration Units",
|
|
@@ -5238,7 +5339,7 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5238
5339
|
],
|
|
5239
5340
|
styles: inputStyles21
|
|
5240
5341
|
}
|
|
5241
|
-
)), /* @__PURE__ */
|
|
5342
|
+
)), /* @__PURE__ */ React69.createElement(
|
|
5242
5343
|
Checkbox6,
|
|
5243
5344
|
{
|
|
5244
5345
|
label: "Allow revoting",
|
|
@@ -5253,8 +5354,8 @@ var UpdateVotingConfigActionForm = ({ data, onChange }) => {
|
|
|
5253
5354
|
};
|
|
5254
5355
|
|
|
5255
5356
|
// src/mantine/blocks/proposal/actions-components/forms/UpdatePreProposeConfigActionForm.tsx
|
|
5256
|
-
import
|
|
5257
|
-
import { Stack as
|
|
5357
|
+
import React70 from "react";
|
|
5358
|
+
import { Stack as Stack53, Checkbox as Checkbox7, TextInput as TextInput26, Select as Select7, Textarea as Textarea14 } from "@mantine/core";
|
|
5258
5359
|
var inputStyles22 = {
|
|
5259
5360
|
label: { color: "#adb5bd" },
|
|
5260
5361
|
input: {
|
|
@@ -5267,7 +5368,7 @@ var inputStyles22 = {
|
|
|
5267
5368
|
}
|
|
5268
5369
|
};
|
|
5269
5370
|
var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
5270
|
-
return /* @__PURE__ */
|
|
5371
|
+
return /* @__PURE__ */ React70.createElement(Stack53, { gap: "md" }, /* @__PURE__ */ React70.createElement(
|
|
5271
5372
|
Checkbox7,
|
|
5272
5373
|
{
|
|
5273
5374
|
label: "Anyone can propose",
|
|
@@ -5278,7 +5379,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5278
5379
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5279
5380
|
}
|
|
5280
5381
|
}
|
|
5281
|
-
), /* @__PURE__ */
|
|
5382
|
+
), /* @__PURE__ */ React70.createElement(
|
|
5282
5383
|
Checkbox7,
|
|
5283
5384
|
{
|
|
5284
5385
|
label: "Deposit required",
|
|
@@ -5289,7 +5390,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5289
5390
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5290
5391
|
}
|
|
5291
5392
|
}
|
|
5292
|
-
), data.depositRequired && /* @__PURE__ */
|
|
5393
|
+
), data.depositRequired && /* @__PURE__ */ React70.createElement(React70.Fragment, null, /* @__PURE__ */ React70.createElement(
|
|
5293
5394
|
TextInput26,
|
|
5294
5395
|
{
|
|
5295
5396
|
label: "Deposit Amount",
|
|
@@ -5302,7 +5403,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5302
5403
|
required: true,
|
|
5303
5404
|
styles: inputStyles22
|
|
5304
5405
|
}
|
|
5305
|
-
), /* @__PURE__ */
|
|
5406
|
+
), /* @__PURE__ */ React70.createElement(
|
|
5306
5407
|
Select7,
|
|
5307
5408
|
{
|
|
5308
5409
|
label: "Deposit Type",
|
|
@@ -5318,7 +5419,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5318
5419
|
],
|
|
5319
5420
|
styles: inputStyles22
|
|
5320
5421
|
}
|
|
5321
|
-
), /* @__PURE__ */
|
|
5422
|
+
), /* @__PURE__ */ React70.createElement(
|
|
5322
5423
|
TextInput26,
|
|
5323
5424
|
{
|
|
5324
5425
|
label: "Token Denomination or Address",
|
|
@@ -5331,7 +5432,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5331
5432
|
required: true,
|
|
5332
5433
|
styles: inputStyles22
|
|
5333
5434
|
}
|
|
5334
|
-
), /* @__PURE__ */
|
|
5435
|
+
), /* @__PURE__ */ React70.createElement(
|
|
5335
5436
|
TextInput26,
|
|
5336
5437
|
{
|
|
5337
5438
|
label: "Refund Policy",
|
|
@@ -5344,7 +5445,7 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5344
5445
|
required: true,
|
|
5345
5446
|
styles: inputStyles22
|
|
5346
5447
|
}
|
|
5347
|
-
), data.depositInfo.type !== "native" && /* @__PURE__ */
|
|
5448
|
+
), data.depositInfo.type !== "native" && /* @__PURE__ */ React70.createElement(
|
|
5348
5449
|
Textarea14,
|
|
5349
5450
|
{
|
|
5350
5451
|
label: "Token Configuration (JSON)",
|
|
@@ -5367,8 +5468,8 @@ var UpdatePreProposeConfigActionForm = ({ data, onChange }) => {
|
|
|
5367
5468
|
};
|
|
5368
5469
|
|
|
5369
5470
|
// src/mantine/blocks/proposal/actions-components/forms/GovernanceVoteActionForm.tsx
|
|
5370
|
-
import
|
|
5371
|
-
import { Stack as
|
|
5471
|
+
import React71 from "react";
|
|
5472
|
+
import { Stack as Stack54, TextInput as TextInput27, Select as Select8 } from "@mantine/core";
|
|
5372
5473
|
var inputStyles23 = {
|
|
5373
5474
|
label: { color: "#adb5bd" },
|
|
5374
5475
|
input: {
|
|
@@ -5387,7 +5488,7 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
|
|
|
5387
5488
|
{ value: "3", label: "No" },
|
|
5388
5489
|
{ value: "4", label: "No with Veto" }
|
|
5389
5490
|
];
|
|
5390
|
-
return /* @__PURE__ */
|
|
5491
|
+
return /* @__PURE__ */ React71.createElement(Stack54, { gap: "md" }, /* @__PURE__ */ React71.createElement(
|
|
5391
5492
|
TextInput27,
|
|
5392
5493
|
{
|
|
5393
5494
|
label: "Proposal ID",
|
|
@@ -5397,7 +5498,7 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
|
|
|
5397
5498
|
required: true,
|
|
5398
5499
|
styles: inputStyles23
|
|
5399
5500
|
}
|
|
5400
|
-
), /* @__PURE__ */
|
|
5501
|
+
), /* @__PURE__ */ React71.createElement(
|
|
5401
5502
|
Select8,
|
|
5402
5503
|
{
|
|
5403
5504
|
label: "Vote Option",
|
|
@@ -5411,8 +5512,8 @@ var GovernanceVoteActionForm = ({ data, onChange }) => {
|
|
|
5411
5512
|
};
|
|
5412
5513
|
|
|
5413
5514
|
// src/mantine/blocks/proposal/actions-components/forms/WithdrawTokenSwapActionForm.tsx
|
|
5414
|
-
import
|
|
5415
|
-
import { Stack as
|
|
5515
|
+
import React72 from "react";
|
|
5516
|
+
import { Stack as Stack55, TextInput as TextInput28, Checkbox as Checkbox8 } from "@mantine/core";
|
|
5416
5517
|
var inputStyles24 = {
|
|
5417
5518
|
label: { color: "#adb5bd" },
|
|
5418
5519
|
input: {
|
|
@@ -5425,7 +5526,7 @@ var inputStyles24 = {
|
|
|
5425
5526
|
}
|
|
5426
5527
|
};
|
|
5427
5528
|
var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
|
|
5428
|
-
return /* @__PURE__ */
|
|
5529
|
+
return /* @__PURE__ */ React72.createElement(Stack55, { gap: "md" }, /* @__PURE__ */ React72.createElement(
|
|
5429
5530
|
Checkbox8,
|
|
5430
5531
|
{
|
|
5431
5532
|
label: "Contract chosen",
|
|
@@ -5436,7 +5537,7 @@ var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5436
5537
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5437
5538
|
}
|
|
5438
5539
|
}
|
|
5439
|
-
), data.contractChosen && /* @__PURE__ */
|
|
5540
|
+
), data.contractChosen && /* @__PURE__ */ React72.createElement(
|
|
5440
5541
|
TextInput28,
|
|
5441
5542
|
{
|
|
5442
5543
|
label: "Token Swap Contract Address",
|
|
@@ -5450,8 +5551,8 @@ var WithdrawTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5450
5551
|
};
|
|
5451
5552
|
|
|
5452
5553
|
// src/mantine/blocks/proposal/actions-components/forms/PerformTokenSwapActionForm.tsx
|
|
5453
|
-
import
|
|
5454
|
-
import { Stack as
|
|
5554
|
+
import React73 from "react";
|
|
5555
|
+
import { Stack as Stack56, TextInput as TextInput29, Checkbox as Checkbox9, Textarea as Textarea15 } from "@mantine/core";
|
|
5455
5556
|
var inputStyles25 = {
|
|
5456
5557
|
label: { color: "#adb5bd" },
|
|
5457
5558
|
input: {
|
|
@@ -5464,7 +5565,7 @@ var inputStyles25 = {
|
|
|
5464
5565
|
}
|
|
5465
5566
|
};
|
|
5466
5567
|
var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
5467
|
-
return /* @__PURE__ */
|
|
5568
|
+
return /* @__PURE__ */ React73.createElement(Stack56, { gap: "md" }, /* @__PURE__ */ React73.createElement(
|
|
5468
5569
|
Checkbox9,
|
|
5469
5570
|
{
|
|
5470
5571
|
label: "Contract chosen",
|
|
@@ -5475,7 +5576,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5475
5576
|
input: { backgroundColor: "#2a2a2a", borderColor: "#333" }
|
|
5476
5577
|
}
|
|
5477
5578
|
}
|
|
5478
|
-
), data.contractChosen && /* @__PURE__ */
|
|
5579
|
+
), data.contractChosen && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement(
|
|
5479
5580
|
TextInput29,
|
|
5480
5581
|
{
|
|
5481
5582
|
label: "Token Swap Contract Address",
|
|
@@ -5485,7 +5586,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5485
5586
|
required: true,
|
|
5486
5587
|
styles: inputStyles25
|
|
5487
5588
|
}
|
|
5488
|
-
), /* @__PURE__ */
|
|
5589
|
+
), /* @__PURE__ */ React73.createElement(
|
|
5489
5590
|
Textarea15,
|
|
5490
5591
|
{
|
|
5491
5592
|
label: "Self Party Information (JSON)",
|
|
@@ -5501,7 +5602,7 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5501
5602
|
minRows: 4,
|
|
5502
5603
|
styles: inputStyles25
|
|
5503
5604
|
}
|
|
5504
|
-
), /* @__PURE__ */
|
|
5605
|
+
), /* @__PURE__ */ React73.createElement(
|
|
5505
5606
|
Textarea15,
|
|
5506
5607
|
{
|
|
5507
5608
|
label: "Counterparty Information (JSON)",
|
|
@@ -5521,8 +5622,8 @@ var PerformTokenSwapActionForm = ({ data, onChange }) => {
|
|
|
5521
5622
|
};
|
|
5522
5623
|
|
|
5523
5624
|
// src/mantine/blocks/proposal/actions-components/forms/StakeToGroupActionForm.tsx
|
|
5524
|
-
import
|
|
5525
|
-
import { Stack as
|
|
5625
|
+
import React74 from "react";
|
|
5626
|
+
import { Stack as Stack57, TextInput as TextInput30 } from "@mantine/core";
|
|
5526
5627
|
var inputStyles26 = {
|
|
5527
5628
|
label: { color: "#adb5bd" },
|
|
5528
5629
|
input: {
|
|
@@ -5535,7 +5636,7 @@ var inputStyles26 = {
|
|
|
5535
5636
|
}
|
|
5536
5637
|
};
|
|
5537
5638
|
var StakeToGroupActionForm = ({ data, onChange }) => {
|
|
5538
|
-
return /* @__PURE__ */
|
|
5639
|
+
return /* @__PURE__ */ React74.createElement(Stack57, { gap: "md" }, /* @__PURE__ */ React74.createElement(
|
|
5539
5640
|
TextInput30,
|
|
5540
5641
|
{
|
|
5541
5642
|
label: "Token Contract Address",
|
|
@@ -5545,7 +5646,7 @@ var StakeToGroupActionForm = ({ data, onChange }) => {
|
|
|
5545
5646
|
required: true,
|
|
5546
5647
|
styles: inputStyles26
|
|
5547
5648
|
}
|
|
5548
|
-
), /* @__PURE__ */
|
|
5649
|
+
), /* @__PURE__ */ React74.createElement(
|
|
5549
5650
|
TextInput30,
|
|
5550
5651
|
{
|
|
5551
5652
|
label: "Staking Contract Address",
|
|
@@ -5555,12 +5656,12 @@ var StakeToGroupActionForm = ({ data, onChange }) => {
|
|
|
5555
5656
|
required: true,
|
|
5556
5657
|
styles: inputStyles26
|
|
5557
5658
|
}
|
|
5558
|
-
), /* @__PURE__ */
|
|
5659
|
+
), /* @__PURE__ */ React74.createElement(TextInput30, { label: "Amount", placeholder: "1000", value: data.amount, onChange: (e) => onChange({ ...data, amount: e.currentTarget.value }), required: true, styles: inputStyles26 }));
|
|
5559
5660
|
};
|
|
5560
5661
|
|
|
5561
5662
|
// src/mantine/blocks/proposal/actions-components/forms/SendGroupTokenActionForm.tsx
|
|
5562
|
-
import
|
|
5563
|
-
import { Stack as
|
|
5663
|
+
import React75 from "react";
|
|
5664
|
+
import { Stack as Stack58, TextInput as TextInput31 } from "@mantine/core";
|
|
5564
5665
|
var inputStyles27 = {
|
|
5565
5666
|
label: { color: "#adb5bd" },
|
|
5566
5667
|
input: {
|
|
@@ -5573,7 +5674,7 @@ var inputStyles27 = {
|
|
|
5573
5674
|
}
|
|
5574
5675
|
};
|
|
5575
5676
|
var SendGroupTokenActionForm = ({ data, onChange }) => {
|
|
5576
|
-
return /* @__PURE__ */
|
|
5677
|
+
return /* @__PURE__ */ React75.createElement(Stack58, { gap: "md" }, /* @__PURE__ */ React75.createElement(
|
|
5577
5678
|
TextInput31,
|
|
5578
5679
|
{
|
|
5579
5680
|
label: "Contract Address",
|
|
@@ -5583,7 +5684,7 @@ var SendGroupTokenActionForm = ({ data, onChange }) => {
|
|
|
5583
5684
|
required: true,
|
|
5584
5685
|
styles: inputStyles27
|
|
5585
5686
|
}
|
|
5586
|
-
), /* @__PURE__ */
|
|
5687
|
+
), /* @__PURE__ */ React75.createElement(
|
|
5587
5688
|
TextInput31,
|
|
5588
5689
|
{
|
|
5589
5690
|
label: "Recipient Address",
|
|
@@ -5593,12 +5694,12 @@ var SendGroupTokenActionForm = ({ data, onChange }) => {
|
|
|
5593
5694
|
required: true,
|
|
5594
5695
|
styles: inputStyles27
|
|
5595
5696
|
}
|
|
5596
|
-
), /* @__PURE__ */
|
|
5697
|
+
), /* @__PURE__ */ React75.createElement(TextInput31, { label: "Amount", placeholder: "1000", value: data.amount, onChange: (e) => onChange({ ...data, amount: e.currentTarget.value }), required: true, styles: inputStyles27 }));
|
|
5597
5698
|
};
|
|
5598
5699
|
|
|
5599
5700
|
// src/mantine/blocks/proposal/actions-components/forms/ValidatorActionsActionForm.tsx
|
|
5600
|
-
import
|
|
5601
|
-
import { Stack as
|
|
5701
|
+
import React76 from "react";
|
|
5702
|
+
import { Stack as Stack59, Select as Select9, Textarea as Textarea16 } from "@mantine/core";
|
|
5602
5703
|
var inputStyles28 = {
|
|
5603
5704
|
label: { color: "#adb5bd" },
|
|
5604
5705
|
input: {
|
|
@@ -5617,7 +5718,7 @@ var ValidatorActionsActionForm = ({ data, onChange }) => {
|
|
|
5617
5718
|
{ value: "/cosmos.slashing.v1beta1.MsgUnjail" /* UnjailValidator */, label: "Unjail Validator" },
|
|
5618
5719
|
{ value: "/cosmos.distribution.v1beta1.MsgWithdrawValidatorCommission" /* WithdrawValidatorCommission */, label: "Withdraw Commission" }
|
|
5619
5720
|
];
|
|
5620
|
-
return /* @__PURE__ */
|
|
5721
|
+
return /* @__PURE__ */ React76.createElement(Stack59, { gap: "md" }, /* @__PURE__ */ React76.createElement(
|
|
5621
5722
|
Select9,
|
|
5622
5723
|
{
|
|
5623
5724
|
label: "Validator Action Type",
|
|
@@ -5627,7 +5728,7 @@ var ValidatorActionsActionForm = ({ data, onChange }) => {
|
|
|
5627
5728
|
required: true,
|
|
5628
5729
|
styles: inputStyles28
|
|
5629
5730
|
}
|
|
5630
|
-
), data.validatorActionType === "/cosmos.staking.v1beta1.MsgCreateValidator" /* CreateValidator */ && /* @__PURE__ */
|
|
5731
|
+
), data.validatorActionType === "/cosmos.staking.v1beta1.MsgCreateValidator" /* CreateValidator */ && /* @__PURE__ */ React76.createElement(
|
|
5631
5732
|
Textarea16,
|
|
5632
5733
|
{
|
|
5633
5734
|
label: "Create Validator Message (JSON)",
|
|
@@ -5638,7 +5739,7 @@ var ValidatorActionsActionForm = ({ data, onChange }) => {
|
|
|
5638
5739
|
required: true,
|
|
5639
5740
|
styles: inputStyles28
|
|
5640
5741
|
}
|
|
5641
|
-
), data.validatorActionType === "/cosmos.staking.v1beta1.MsgEditValidator" /* EditValidator */ && /* @__PURE__ */
|
|
5742
|
+
), data.validatorActionType === "/cosmos.staking.v1beta1.MsgEditValidator" /* EditValidator */ && /* @__PURE__ */ React76.createElement(
|
|
5642
5743
|
Textarea16,
|
|
5643
5744
|
{
|
|
5644
5745
|
label: "Edit Validator Message (JSON)",
|
|
@@ -6343,10 +6444,10 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6343
6444
|
};
|
|
6344
6445
|
const renderActionForm = () => {
|
|
6345
6446
|
if (!currentActionConfig) {
|
|
6346
|
-
return /* @__PURE__ */
|
|
6447
|
+
return /* @__PURE__ */ React77.createElement(Alert7, { color: "red", style: { backgroundColor: "#2a2a2a", borderColor: "#ff6b6b" } }, /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#ff6b6b" } }, "Unknown action type selected"));
|
|
6347
6448
|
}
|
|
6348
6449
|
const FormComponent = currentActionConfig.FormComponent;
|
|
6349
|
-
return /* @__PURE__ */
|
|
6450
|
+
return /* @__PURE__ */ React77.createElement(FormComponent, { data: actionData, onChange: setActionData, isTemplateMode });
|
|
6350
6451
|
};
|
|
6351
6452
|
const getCategoryColor = (category) => {
|
|
6352
6453
|
const colors = {
|
|
@@ -6361,7 +6462,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6361
6462
|
};
|
|
6362
6463
|
return colors[category] || "#6b7280";
|
|
6363
6464
|
};
|
|
6364
|
-
return /* @__PURE__ */
|
|
6465
|
+
return /* @__PURE__ */ React77.createElement(Stack60, { style: { backgroundColor: "#1a1a1a", color: "#f1f3f5", height: "100%" } }, /* @__PURE__ */ React77.createElement(Text37, { size: "lg", fw: 600, style: { color: "#f1f3f5" } }, isEditing ? "Edit Action" : "Add New Action"), !isEditing ? /* @__PURE__ */ React77.createElement(Stack60, { gap: "md" }, /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Select Action Type"), /* @__PURE__ */ React77.createElement(
|
|
6365
6466
|
Tabs2,
|
|
6366
6467
|
{
|
|
6367
6468
|
defaultValue: ACTION_CATEGORIES[0].id,
|
|
@@ -6382,8 +6483,8 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6382
6483
|
panel: { paddingTop: "md" }
|
|
6383
6484
|
}
|
|
6384
6485
|
},
|
|
6385
|
-
/* @__PURE__ */
|
|
6386
|
-
ACTION_CATEGORIES.map((category) => /* @__PURE__ */
|
|
6486
|
+
/* @__PURE__ */ React77.createElement(Tabs2.List, null, ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React77.createElement(Tabs2.Tab, { key: category.id, value: category.id }, /* @__PURE__ */ React77.createElement(Group20, { gap: "xs" }, /* @__PURE__ */ React77.createElement("span", null, category.icon), /* @__PURE__ */ React77.createElement("span", null, category.label))))),
|
|
6487
|
+
ACTION_CATEGORIES.map((category) => /* @__PURE__ */ React77.createElement(Tabs2.Panel, { key: category.id, value: category.id, mt: 10 }, /* @__PURE__ */ React77.createElement(SimpleGrid, { cols: 2, spacing: "xs" }, (categorizedActions.get(category.id) || []).map((config) => /* @__PURE__ */ React77.createElement(
|
|
6387
6488
|
Paper5,
|
|
6388
6489
|
{
|
|
6389
6490
|
key: config.value,
|
|
@@ -6397,9 +6498,9 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6397
6498
|
},
|
|
6398
6499
|
onClick: () => setSelectedActionType(config.value)
|
|
6399
6500
|
},
|
|
6400
|
-
/* @__PURE__ */
|
|
6501
|
+
/* @__PURE__ */ React77.createElement(Stack60, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Group20, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, config.label), selectedActionType === config.value && /* @__PURE__ */ React77.createElement(Badge8, { size: "xs", style: { backgroundColor: "#4dabf7" } }, "Selected")), config.description && /* @__PURE__ */ React77.createElement(Text37, { size: "xs", style: { color: "#adb5bd" } }, config.description))
|
|
6401
6502
|
)))))
|
|
6402
|
-
)) : /* @__PURE__ */
|
|
6503
|
+
)) : /* @__PURE__ */ React77.createElement(
|
|
6403
6504
|
Card12,
|
|
6404
6505
|
{
|
|
6405
6506
|
withBorder: true,
|
|
@@ -6409,7 +6510,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6409
6510
|
borderColor: "#333"
|
|
6410
6511
|
}
|
|
6411
6512
|
},
|
|
6412
|
-
/* @__PURE__ */
|
|
6513
|
+
/* @__PURE__ */ React77.createElement(Group20, { justify: "space-between" }, /* @__PURE__ */ React77.createElement(Group20, { gap: "xs" }, /* @__PURE__ */ React77.createElement(
|
|
6413
6514
|
Badge8,
|
|
6414
6515
|
{
|
|
6415
6516
|
size: "sm",
|
|
@@ -6419,10 +6520,10 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6419
6520
|
}
|
|
6420
6521
|
},
|
|
6421
6522
|
currentActionConfig?.label || selectedActionType
|
|
6422
|
-
), /* @__PURE__ */
|
|
6423
|
-
), /* @__PURE__ */
|
|
6523
|
+
), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#adb5bd" } }, "(Editing)")))
|
|
6524
|
+
), /* @__PURE__ */ React77.createElement(Divider4, { color: "#333" }), /* @__PURE__ */ React77.createElement(ScrollArea3, { style: { flex: 1 } }, renderActionForm()), /* @__PURE__ */ React77.createElement(Divider4, { color: "#333" }), /* @__PURE__ */ React77.createElement(Stack60, { gap: "xs" }, /* @__PURE__ */ React77.createElement(Text37, { size: "sm", fw: 500, style: { color: "#adb5bd" } }, "Current Actions (", actions.length, ")"), /* @__PURE__ */ React77.createElement(ScrollArea3, { h: 100 }, /* @__PURE__ */ React77.createElement(Stack60, { gap: "xs" }, actions.map((action, index) => {
|
|
6424
6525
|
const config = getActionConfig(action.type);
|
|
6425
|
-
return /* @__PURE__ */
|
|
6526
|
+
return /* @__PURE__ */ React77.createElement(
|
|
6426
6527
|
Card12,
|
|
6427
6528
|
{
|
|
6428
6529
|
key: index,
|
|
@@ -6435,7 +6536,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6435
6536
|
opacity: index === editingIndex ? 0.7 : 1
|
|
6436
6537
|
}
|
|
6437
6538
|
},
|
|
6438
|
-
/* @__PURE__ */
|
|
6539
|
+
/* @__PURE__ */ React77.createElement(Group20, { gap: "xs" }, /* @__PURE__ */ React77.createElement(
|
|
6439
6540
|
Badge8,
|
|
6440
6541
|
{
|
|
6441
6542
|
size: "sm",
|
|
@@ -6445,9 +6546,9 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6445
6546
|
}
|
|
6446
6547
|
},
|
|
6447
6548
|
config?.label || action.type
|
|
6448
|
-
), /* @__PURE__ */
|
|
6549
|
+
), /* @__PURE__ */ React77.createElement(Text37, { size: "sm", style: { color: "#adb5bd" } }, config?.getSummary(action.data) || "Action"), index === editingIndex && /* @__PURE__ */ React77.createElement(Badge8, { size: "xs", style: { backgroundColor: "#4dabf7", color: "#fff" } }, "Editing"))
|
|
6449
6550
|
);
|
|
6450
|
-
})))), /* @__PURE__ */
|
|
6551
|
+
})))), /* @__PURE__ */ React77.createElement(Group20, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React77.createElement(
|
|
6451
6552
|
Button11,
|
|
6452
6553
|
{
|
|
6453
6554
|
variant: "default",
|
|
@@ -6462,7 +6563,7 @@ var ActionsPanel = ({ actions, editingIndex, onSave, onCancel, isTemplateMode =
|
|
|
6462
6563
|
}
|
|
6463
6564
|
},
|
|
6464
6565
|
"Cancel"
|
|
6465
|
-
), /* @__PURE__ */
|
|
6566
|
+
), /* @__PURE__ */ React77.createElement(
|
|
6466
6567
|
Button11,
|
|
6467
6568
|
{
|
|
6468
6569
|
onClick: handleSave,
|
|
@@ -6535,8 +6636,8 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
|
|
|
6535
6636
|
setIsEditorVisible(false);
|
|
6536
6637
|
setEditingIndex(null);
|
|
6537
6638
|
}, []);
|
|
6538
|
-
return /* @__PURE__ */
|
|
6539
|
-
}, onEditAction: handleEditAction, onRemoveAction: handleRemoveAction }), isEditorVisible && /* @__PURE__ */
|
|
6639
|
+
return /* @__PURE__ */ React78.createElement(Stack61, { gap: "md" }, /* @__PURE__ */ React78.createElement(ActionsCard, { actions: currentActions, isSelected: false, onClick: () => {
|
|
6640
|
+
}, onEditAction: handleEditAction, onRemoveAction: handleRemoveAction }), isEditorVisible && /* @__PURE__ */ React78.createElement(
|
|
6540
6641
|
Card13,
|
|
6541
6642
|
{
|
|
6542
6643
|
withBorder: true,
|
|
@@ -6547,15 +6648,15 @@ var ActionsTab = ({ actions, onActionsChange, editor, block }) => {
|
|
|
6547
6648
|
borderColor: "#333"
|
|
6548
6649
|
}
|
|
6549
6650
|
},
|
|
6550
|
-
/* @__PURE__ */
|
|
6651
|
+
/* @__PURE__ */ React78.createElement(ActionsPanel, { actions: currentActions, editingIndex, onSave: handleSaveAction, onCancel: handleCancelEditor, isTemplateMode: true })
|
|
6551
6652
|
));
|
|
6552
6653
|
};
|
|
6553
6654
|
|
|
6554
6655
|
// src/mantine/blocks/proposal/template/VoteTab.tsx
|
|
6555
|
-
import
|
|
6556
|
-
import { Stack as
|
|
6656
|
+
import React79 from "react";
|
|
6657
|
+
import { Stack as Stack62, TextInput as TextInput32 } from "@mantine/core";
|
|
6557
6658
|
var VoteTab = ({ voteTitle, voteSubtitle, voteIcon, onVoteTitleChange, onVoteSubtitleChange, onVoteIconChange }) => {
|
|
6558
|
-
return /* @__PURE__ */
|
|
6659
|
+
return /* @__PURE__ */ React79.createElement(Stack62, { gap: "md" }, /* @__PURE__ */ React79.createElement(TextInput32, { label: "Vote Button Title", placeholder: "Vote on this proposal", value: voteTitle, onChange: (event) => onVoteTitleChange(event.currentTarget.value) }), /* @__PURE__ */ React79.createElement(TextInput32, { label: "Vote Button Subtitle", placeholder: "Cast your vote", value: voteSubtitle, onChange: (event) => onVoteSubtitleChange(event.currentTarget.value) }), /* @__PURE__ */ React79.createElement(TextInput32, { label: "Vote Icon", placeholder: "checklist", value: voteIcon, onChange: (event) => onVoteIconChange(event.currentTarget.value) }));
|
|
6559
6660
|
};
|
|
6560
6661
|
|
|
6561
6662
|
// src/mantine/blocks/proposal/template/TemplateConfig.tsx
|
|
@@ -6572,7 +6673,7 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6572
6673
|
},
|
|
6573
6674
|
[editor, block]
|
|
6574
6675
|
);
|
|
6575
|
-
return /* @__PURE__ */
|
|
6676
|
+
return /* @__PURE__ */ React80.createElement(
|
|
6576
6677
|
Paper6,
|
|
6577
6678
|
{
|
|
6578
6679
|
p: "md",
|
|
@@ -6583,7 +6684,7 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6583
6684
|
flexDirection: "column"
|
|
6584
6685
|
}
|
|
6585
6686
|
},
|
|
6586
|
-
/* @__PURE__ */
|
|
6687
|
+
/* @__PURE__ */ React80.createElement(
|
|
6587
6688
|
"div",
|
|
6588
6689
|
{
|
|
6589
6690
|
style: {
|
|
@@ -6593,17 +6694,17 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6593
6694
|
marginBottom: "1rem"
|
|
6594
6695
|
}
|
|
6595
6696
|
},
|
|
6596
|
-
/* @__PURE__ */
|
|
6597
|
-
/* @__PURE__ */
|
|
6697
|
+
/* @__PURE__ */ React80.createElement(Title5, { order: 3 }, "Proposal Settings"),
|
|
6698
|
+
/* @__PURE__ */ React80.createElement(CloseButton4, { onClick: closePanel })
|
|
6598
6699
|
),
|
|
6599
|
-
/* @__PURE__ */
|
|
6700
|
+
/* @__PURE__ */ React80.createElement(
|
|
6600
6701
|
ReusablePanel,
|
|
6601
6702
|
{
|
|
6602
6703
|
extraTabs: [
|
|
6603
6704
|
{
|
|
6604
6705
|
label: "General",
|
|
6605
6706
|
value: "general",
|
|
6606
|
-
content: /* @__PURE__ */
|
|
6707
|
+
content: /* @__PURE__ */ React80.createElement(
|
|
6607
6708
|
GeneralTab3,
|
|
6608
6709
|
{
|
|
6609
6710
|
title: block.props.title || "",
|
|
@@ -6618,12 +6719,12 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6618
6719
|
{
|
|
6619
6720
|
label: "Actions",
|
|
6620
6721
|
value: "actions",
|
|
6621
|
-
content: /* @__PURE__ */
|
|
6722
|
+
content: /* @__PURE__ */ React80.createElement(ActionsTab, { actions: block.props.actions || "[]", onActionsChange: (actions) => updateProp("actions", JSON.stringify(actions)), editor, block })
|
|
6622
6723
|
},
|
|
6623
6724
|
{
|
|
6624
6725
|
label: "Vote",
|
|
6625
6726
|
value: "vote",
|
|
6626
|
-
content: /* @__PURE__ */
|
|
6727
|
+
content: /* @__PURE__ */ React80.createElement(
|
|
6627
6728
|
VoteTab,
|
|
6628
6729
|
{
|
|
6629
6730
|
voteTitle: block.props.voteTitle || "",
|
|
@@ -6643,21 +6744,21 @@ var TemplateConfig3 = ({ editor, block }) => {
|
|
|
6643
6744
|
};
|
|
6644
6745
|
|
|
6645
6746
|
// src/mantine/blocks/proposal/template/TemplateView.tsx
|
|
6646
|
-
import { Card as Card14, Group as
|
|
6747
|
+
import { Card as Card14, Group as Group21, Stack as Stack63, Text as Text38, ActionIcon as ActionIcon8 } from "@mantine/core";
|
|
6647
6748
|
var PROPOSAL_TEMPLATE_PANEL_ID = "proposal-template-panel";
|
|
6648
6749
|
var ProposalTemplateView = ({ editor, block }) => {
|
|
6649
6750
|
const panelId = `${PROPOSAL_TEMPLATE_PANEL_ID}-${block.id}`;
|
|
6650
|
-
const panelContent = useMemo11(() => /* @__PURE__ */
|
|
6751
|
+
const panelContent = useMemo11(() => /* @__PURE__ */ React81.createElement(TemplateConfig3, { editor, block }), [editor, block]);
|
|
6651
6752
|
const { open } = usePanel(panelId, panelContent);
|
|
6652
|
-
return /* @__PURE__ */
|
|
6753
|
+
return /* @__PURE__ */ React81.createElement(Card14, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer" }, onClick: open }, /* @__PURE__ */ React81.createElement(Group21, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React81.createElement(Group21, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React81.createElement(ActionIcon8, { variant: "light", color: "blue", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "file-text")), /* @__PURE__ */ React81.createElement(Stack63, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React81.createElement(Text38, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Proposal Title"), /* @__PURE__ */ React81.createElement(Text38, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description || "Proposal description"))), /* @__PURE__ */ React81.createElement(Text38, { size: "xs", c: "dimmed", contentEditable: false }, block.props.status || "draft")));
|
|
6653
6754
|
};
|
|
6654
6755
|
|
|
6655
6756
|
// src/mantine/blocks/proposal/flow/FlowView.tsx
|
|
6656
|
-
import
|
|
6757
|
+
import React86, { useMemo as useMemo12 } from "react";
|
|
6657
6758
|
|
|
6658
6759
|
// src/mantine/blocks/proposal/components/OnChainProposalCard.tsx
|
|
6659
|
-
import
|
|
6660
|
-
import { Card as Card15, Group as
|
|
6760
|
+
import React82 from "react";
|
|
6761
|
+
import { Card as Card15, Group as Group22, Stack as Stack64, Text as Text39, Skeleton, Badge as Badge9, Button as Button13, ActionIcon as ActionIcon9 } from "@mantine/core";
|
|
6661
6762
|
var statusColor = {
|
|
6662
6763
|
open: "#4dabf7",
|
|
6663
6764
|
passed: "#51cf66",
|
|
@@ -6686,7 +6787,7 @@ var OnChainProposalCard = ({
|
|
|
6686
6787
|
onVote,
|
|
6687
6788
|
voteEnabled = false
|
|
6688
6789
|
}) => {
|
|
6689
|
-
return /* @__PURE__ */
|
|
6790
|
+
return /* @__PURE__ */ React82.createElement(
|
|
6690
6791
|
Card15,
|
|
6691
6792
|
{
|
|
6692
6793
|
shadow: "sm",
|
|
@@ -6699,9 +6800,9 @@ var OnChainProposalCard = ({
|
|
|
6699
6800
|
},
|
|
6700
6801
|
onClick
|
|
6701
6802
|
},
|
|
6702
|
-
isFetching && /* @__PURE__ */
|
|
6703
|
-
error && /* @__PURE__ */
|
|
6704
|
-
!isFetching && /* @__PURE__ */
|
|
6803
|
+
isFetching && /* @__PURE__ */ React82.createElement(Stack64, null, /* @__PURE__ */ React82.createElement(Skeleton, { height: 20, width: "70%" }), /* @__PURE__ */ React82.createElement(Skeleton, { height: 16 }), /* @__PURE__ */ React82.createElement(Skeleton, { height: 16, width: "40%" })),
|
|
6804
|
+
error && /* @__PURE__ */ React82.createElement(Text39, { size: "sm", c: "red" }, typeof error === "string" ? error : error.message || "An error occurred while loading the proposal."),
|
|
6805
|
+
!isFetching && /* @__PURE__ */ React82.createElement(Group22, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React82.createElement(Group22, { align: "flex-start", gap: "md", style: { flex: 1 } }, /* @__PURE__ */ React82.createElement(ActionIcon9, { variant: "light", color: "blue", size: "xl", radius: "xl", style: { flexShrink: 0 } }, getIcon(icon, 24, 1.5, "file-text")), /* @__PURE__ */ React82.createElement(Stack64, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, /* @__PURE__ */ React82.createElement(Text39, { size: "md", fw: 600 }, title || "Proposal"), /* @__PURE__ */ React82.createElement(Badge9, { color: statusColor[status], variant: "filled", size: "sm", radius: "sm" }, status.replace(/_/g, " ").toUpperCase())), /* @__PURE__ */ React82.createElement(Text39, { size: "sm", c: "dimmed" }, getDisplayDescription(description)))), /* @__PURE__ */ React82.createElement(Group22, { gap: "xs" }, voteEnabled && onVote && status === "open" && /* @__PURE__ */ React82.createElement(
|
|
6705
6806
|
Button13,
|
|
6706
6807
|
{
|
|
6707
6808
|
size: "sm",
|
|
@@ -6714,7 +6815,7 @@ var OnChainProposalCard = ({
|
|
|
6714
6815
|
style: { flexShrink: 0 }
|
|
6715
6816
|
},
|
|
6716
6817
|
"Vote"
|
|
6717
|
-
), status === "passed" && onExecute && /* @__PURE__ */
|
|
6818
|
+
), status === "passed" && onExecute && /* @__PURE__ */ React82.createElement(
|
|
6718
6819
|
Button13,
|
|
6719
6820
|
{
|
|
6720
6821
|
size: "sm",
|
|
@@ -6733,8 +6834,8 @@ var OnChainProposalCard = ({
|
|
|
6733
6834
|
};
|
|
6734
6835
|
|
|
6735
6836
|
// src/mantine/blocks/proposal/flow/FlowConfig.tsx
|
|
6736
|
-
import
|
|
6737
|
-
import { Paper as Paper7, CloseButton as CloseButton5, Title as Title6, Stack as
|
|
6837
|
+
import React85, { useCallback as useCallback15, useState as useState21, useEffect as useEffect15 } from "react";
|
|
6838
|
+
import { Paper as Paper7, CloseButton as CloseButton5, Title as Title6, Stack as Stack67, TextInput as TextInput33, Textarea as Textarea18, Button as Button16, Text as Text42, Card as Card18, Select as Select10, Loader as Loader4, SegmentedControl as SegmentedControl5 } from "@mantine/core";
|
|
6738
6839
|
|
|
6739
6840
|
// src/mantine/blocks/proposal/flow/useFlowBusinessLogic.ts
|
|
6740
6841
|
import { useEffect as useEffect12, useState as useState17 } from "react";
|
|
@@ -6974,8 +7075,8 @@ var useVoteBusinessLogic = ({ block, editor }) => {
|
|
|
6974
7075
|
};
|
|
6975
7076
|
|
|
6976
7077
|
// src/mantine/blocks/proposal/flow/VoteGeneralTab.tsx
|
|
6977
|
-
import
|
|
6978
|
-
import { Stack as
|
|
7078
|
+
import React83, { useState as useState19 } from "react";
|
|
7079
|
+
import { Stack as Stack65, Text as Text40, Group as Group23, Card as Card16, Button as Button14, Progress as Progress2, Box as Box17, Textarea as Textarea17, Tooltip as Tooltip3 } from "@mantine/core";
|
|
6979
7080
|
var getVoteIcon = (voteType) => {
|
|
6980
7081
|
switch (voteType) {
|
|
6981
7082
|
case "yes":
|
|
@@ -7017,7 +7118,7 @@ var FlowGeneralTab = ({
|
|
|
7017
7118
|
setRationale("");
|
|
7018
7119
|
}
|
|
7019
7120
|
};
|
|
7020
|
-
return /* @__PURE__ */
|
|
7121
|
+
return /* @__PURE__ */ React83.createElement(Stack65, { gap: "lg" }, !hasSubmittedProposal && /* @__PURE__ */ React83.createElement(
|
|
7021
7122
|
Card16,
|
|
7022
7123
|
{
|
|
7023
7124
|
padding: "md",
|
|
@@ -7028,8 +7129,8 @@ var FlowGeneralTab = ({
|
|
|
7028
7129
|
color: "#f1f3f5"
|
|
7029
7130
|
}
|
|
7030
7131
|
},
|
|
7031
|
-
/* @__PURE__ */
|
|
7032
|
-
|
|
7132
|
+
/* @__PURE__ */ React83.createElement(Group23, { gap: "xs", align: "center" }, /* @__PURE__ */ React83.createElement(
|
|
7133
|
+
Box17,
|
|
7033
7134
|
{
|
|
7034
7135
|
style: {
|
|
7035
7136
|
width: 8,
|
|
@@ -7038,9 +7139,9 @@ var FlowGeneralTab = ({
|
|
|
7038
7139
|
borderRadius: "50%"
|
|
7039
7140
|
}
|
|
7040
7141
|
}
|
|
7041
|
-
), /* @__PURE__ */
|
|
7042
|
-
/* @__PURE__ */
|
|
7043
|
-
), /* @__PURE__ */
|
|
7142
|
+
), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, "Waiting for Proposal Submission")),
|
|
7143
|
+
/* @__PURE__ */ React83.createElement(Text40, { size: "xs", style: { color: "#adb5bd", marginTop: 4 } }, "The connected proposal needs to be submitted before voting can begin.")
|
|
7144
|
+
), /* @__PURE__ */ React83.createElement(
|
|
7044
7145
|
Card16,
|
|
7045
7146
|
{
|
|
7046
7147
|
padding: "lg",
|
|
@@ -7052,8 +7153,8 @@ var FlowGeneralTab = ({
|
|
|
7052
7153
|
opacity: !hasSubmittedProposal ? 0.6 : 1
|
|
7053
7154
|
}
|
|
7054
7155
|
},
|
|
7055
|
-
/* @__PURE__ */
|
|
7056
|
-
|
|
7156
|
+
/* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React83.createElement(
|
|
7157
|
+
Box17,
|
|
7057
7158
|
{
|
|
7058
7159
|
w: 8,
|
|
7059
7160
|
h: 8,
|
|
@@ -7062,8 +7163,8 @@ var FlowGeneralTab = ({
|
|
|
7062
7163
|
borderRadius: "50%"
|
|
7063
7164
|
}
|
|
7064
7165
|
}
|
|
7065
|
-
), /* @__PURE__ */
|
|
7066
|
-
|
|
7166
|
+
), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "Status")), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? proposalStatus === "open" ? "Active" : proposalStatus || "Active" : "Waiting")), /* @__PURE__ */ React83.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Box17, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "Proposal ID")), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? `#${proposalId}` : "TBD")), /* @__PURE__ */ React83.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Box17, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "Title")), /* @__PURE__ */ React83.createElement(
|
|
7167
|
+
Text40,
|
|
7067
7168
|
{
|
|
7068
7169
|
size: "sm",
|
|
7069
7170
|
fw: 500,
|
|
@@ -7072,8 +7173,8 @@ var FlowGeneralTab = ({
|
|
|
7072
7173
|
}
|
|
7073
7174
|
},
|
|
7074
7175
|
hasSubmittedProposal ? proposalTitle || "Untitled" : "N/A"
|
|
7075
|
-
)), /* @__PURE__ */
|
|
7076
|
-
/* @__PURE__ */
|
|
7176
|
+
)), /* @__PURE__ */ React83.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Box17, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "Description")), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#f1f3f5" }, title: proposalDescription }, hasSubmittedProposal ? proposalDescription ? proposalDescription.length > 30 ? proposalDescription.substring(0, 30) + "..." : proposalDescription : "No description" : "N/A")), /* @__PURE__ */ React83.createElement(Group23, { justify: "space-between" }, /* @__PURE__ */ React83.createElement(Group23, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Box17, { w: 8, h: 8, style: { backgroundColor: "#adb5bd", borderRadius: "50%" } }), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "My Vote")), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#f1f3f5" } }, hasSubmittedProposal ? userVote?.vote ? userVote.vote.vote : "Pending" : "N/A"))),
|
|
7177
|
+
/* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, hasSubmittedProposal ? "Voting is open" : "Voting pending"), /* @__PURE__ */ React83.createElement(
|
|
7077
7178
|
Progress2,
|
|
7078
7179
|
{
|
|
7079
7180
|
value: hasSubmittedProposal ? 75 : 0,
|
|
@@ -7086,7 +7187,7 @@ var FlowGeneralTab = ({
|
|
|
7086
7187
|
}
|
|
7087
7188
|
}
|
|
7088
7189
|
))
|
|
7089
|
-
), hasSubmittedProposal && !hasVoted && (status === "open" || proposalStatus === "open") && /* @__PURE__ */
|
|
7190
|
+
), hasSubmittedProposal && !hasVoted && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React83.createElement(Stack65, { gap: "lg" }, disabled && isDisabled?.message && /* @__PURE__ */ React83.createElement(
|
|
7090
7191
|
Card16,
|
|
7091
7192
|
{
|
|
7092
7193
|
padding: "md",
|
|
@@ -7097,8 +7198,8 @@ var FlowGeneralTab = ({
|
|
|
7097
7198
|
color: "#f1f3f5"
|
|
7098
7199
|
}
|
|
7099
7200
|
},
|
|
7100
|
-
/* @__PURE__ */
|
|
7101
|
-
|
|
7201
|
+
/* @__PURE__ */ React83.createElement(Group23, { gap: "xs", align: "center" }, /* @__PURE__ */ React83.createElement(
|
|
7202
|
+
Box17,
|
|
7102
7203
|
{
|
|
7103
7204
|
style: {
|
|
7104
7205
|
width: 8,
|
|
@@ -7107,8 +7208,8 @@ var FlowGeneralTab = ({
|
|
|
7107
7208
|
borderRadius: "50%"
|
|
7108
7209
|
}
|
|
7109
7210
|
}
|
|
7110
|
-
), /* @__PURE__ */
|
|
7111
|
-
), /* @__PURE__ */
|
|
7211
|
+
), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#ffd43b" } }, isDisabled.message))
|
|
7212
|
+
), /* @__PURE__ */ React83.createElement(Stack65, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React83.createElement(Tooltip3, { key: voteType, label: disabled ? isDisabled?.message : void 0, disabled: !disabled, position: "top" }, /* @__PURE__ */ React83.createElement(
|
|
7112
7213
|
Button14,
|
|
7113
7214
|
{
|
|
7114
7215
|
variant: "outline",
|
|
@@ -7127,8 +7228,8 @@ var FlowGeneralTab = ({
|
|
|
7127
7228
|
opacity: disabled ? 0.5 : 1
|
|
7128
7229
|
}
|
|
7129
7230
|
},
|
|
7130
|
-
/* @__PURE__ */
|
|
7131
|
-
)))), /* @__PURE__ */
|
|
7231
|
+
/* @__PURE__ */ React83.createElement(Text40, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
|
|
7232
|
+
)))), /* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "Rationale (optional)"), /* @__PURE__ */ React83.createElement(
|
|
7132
7233
|
Textarea17,
|
|
7133
7234
|
{
|
|
7134
7235
|
value: rationale,
|
|
@@ -7145,7 +7246,7 @@ var FlowGeneralTab = ({
|
|
|
7145
7246
|
}
|
|
7146
7247
|
}
|
|
7147
7248
|
}
|
|
7148
|
-
))), (status === "executed" || proposalStatus === "executed") && /* @__PURE__ */
|
|
7249
|
+
))), (status === "executed" || proposalStatus === "executed") && /* @__PURE__ */ React83.createElement(
|
|
7149
7250
|
Card16,
|
|
7150
7251
|
{
|
|
7151
7252
|
padding: "md",
|
|
@@ -7155,8 +7256,8 @@ var FlowGeneralTab = ({
|
|
|
7155
7256
|
border: "1px solid #333"
|
|
7156
7257
|
}
|
|
7157
7258
|
},
|
|
7158
|
-
/* @__PURE__ */
|
|
7159
|
-
), !hasSubmittedProposal && /* @__PURE__ */
|
|
7259
|
+
/* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Text40, { fw: 500, size: "sm", style: { color: "#f1f3f5" } }, "Proposal Executed"), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", style: { color: "#adb5bd" } }, "This proposal has been successfully executed."))
|
|
7260
|
+
), !hasSubmittedProposal && /* @__PURE__ */ React83.createElement(Stack65, { gap: "lg" }, /* @__PURE__ */ React83.createElement(Stack65, { gap: "md" }, ["yes", "no", "no_with_veto", "abstain"].map((voteType) => /* @__PURE__ */ React83.createElement(Tooltip3, { key: voteType, label: "Proposal must be submitted before voting", position: "top" }, /* @__PURE__ */ React83.createElement(
|
|
7160
7261
|
Button14,
|
|
7161
7262
|
{
|
|
7162
7263
|
variant: "outline",
|
|
@@ -7173,8 +7274,8 @@ var FlowGeneralTab = ({
|
|
|
7173
7274
|
opacity: 0.5
|
|
7174
7275
|
}
|
|
7175
7276
|
},
|
|
7176
|
-
/* @__PURE__ */
|
|
7177
|
-
))))), hasSubmittedProposal && !hasVoted && selectedVote && (status === "open" || proposalStatus === "open") && /* @__PURE__ */
|
|
7277
|
+
/* @__PURE__ */ React83.createElement(Text40, { fw: 500, tt: "capitalize", style: { textAlign: "left" } }, voteType === "no_with_veto" ? "No with Veto" : voteType)
|
|
7278
|
+
))))), hasSubmittedProposal && !hasVoted && selectedVote && (status === "open" || proposalStatus === "open") && /* @__PURE__ */ React83.createElement(Tooltip3, { label: disabled ? isDisabled?.message : "Sign to vote", position: "top" }, /* @__PURE__ */ React83.createElement("div", null, /* @__PURE__ */ React83.createElement(
|
|
7178
7279
|
Button14,
|
|
7179
7280
|
{
|
|
7180
7281
|
size: "sm",
|
|
@@ -7190,7 +7291,7 @@ var FlowGeneralTab = ({
|
|
|
7190
7291
|
}
|
|
7191
7292
|
},
|
|
7192
7293
|
"Sign"
|
|
7193
|
-
))), hasVoted && hasSubmittedProposal && /* @__PURE__ */
|
|
7294
|
+
))), hasVoted && hasSubmittedProposal && /* @__PURE__ */ React83.createElement(
|
|
7194
7295
|
Card16,
|
|
7195
7296
|
{
|
|
7196
7297
|
padding: "md",
|
|
@@ -7201,8 +7302,8 @@ var FlowGeneralTab = ({
|
|
|
7201
7302
|
color: "#f1f3f5"
|
|
7202
7303
|
}
|
|
7203
7304
|
},
|
|
7204
|
-
/* @__PURE__ */
|
|
7205
|
-
|
|
7305
|
+
/* @__PURE__ */ React83.createElement(Stack65, { gap: "xs" }, /* @__PURE__ */ React83.createElement(Group23, { gap: "xs", align: "center" }, /* @__PURE__ */ React83.createElement(
|
|
7306
|
+
Box17,
|
|
7206
7307
|
{
|
|
7207
7308
|
style: {
|
|
7208
7309
|
width: 8,
|
|
@@ -7211,13 +7312,13 @@ var FlowGeneralTab = ({
|
|
|
7211
7312
|
borderRadius: "50%"
|
|
7212
7313
|
}
|
|
7213
7314
|
}
|
|
7214
|
-
), /* @__PURE__ */
|
|
7315
|
+
), /* @__PURE__ */ React83.createElement(Text40, { size: "sm", fw: 500, style: { color: "#51cf66" } }, "Vote Submitted")), /* @__PURE__ */ React83.createElement(Text40, { size: "xs", style: { color: "#adb5bd" } }, "You have already voted on this proposal. Your vote:", " ", /* @__PURE__ */ React83.createElement(Text40, { span: true, fw: 500, tt: "capitalize" }, userVote?.vote?.vote)))
|
|
7215
7316
|
));
|
|
7216
7317
|
};
|
|
7217
7318
|
|
|
7218
7319
|
// src/mantine/blocks/proposal/flow/ActionsTab.tsx
|
|
7219
|
-
import
|
|
7220
|
-
import { Alert as Alert8, Button as Button15, Card as Card17, Stack as
|
|
7320
|
+
import React84, { useCallback as useCallback14, useEffect as useEffect14, useState as useState20 } from "react";
|
|
7321
|
+
import { Alert as Alert8, Button as Button15, Card as Card17, Stack as Stack66, Text as Text41 } from "@mantine/core";
|
|
7221
7322
|
var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated }) => {
|
|
7222
7323
|
const [isEditorVisible, setIsEditorVisible] = useState20(false);
|
|
7223
7324
|
const [editingIndex, setEditingIndex] = useState20(null);
|
|
@@ -7276,7 +7377,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7276
7377
|
setIsEditorVisible(false);
|
|
7277
7378
|
setEditingIndex(null);
|
|
7278
7379
|
}, []);
|
|
7279
|
-
return /* @__PURE__ */
|
|
7380
|
+
return /* @__PURE__ */ React84.createElement(Stack66, { gap: "md" }, isProposalCreated && /* @__PURE__ */ React84.createElement(Alert8, { color: "yellow", title: "Actions Locked" }, /* @__PURE__ */ React84.createElement(Text41, { size: "sm" }, "Actions cannot be edited after the proposal has been created. These actions are now part of the on-chain proposal.")), /* @__PURE__ */ React84.createElement(Stack66, { gap: "sm" }, !isProposalCreated && /* @__PURE__ */ React84.createElement(
|
|
7280
7381
|
Button15,
|
|
7281
7382
|
{
|
|
7282
7383
|
onClick: handleAddAction,
|
|
@@ -7288,7 +7389,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7288
7389
|
}
|
|
7289
7390
|
},
|
|
7290
7391
|
"Add Action"
|
|
7291
|
-
), /* @__PURE__ */
|
|
7392
|
+
), /* @__PURE__ */ React84.createElement(
|
|
7292
7393
|
ActionsCard,
|
|
7293
7394
|
{
|
|
7294
7395
|
actions: currentActions,
|
|
@@ -7299,7 +7400,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7299
7400
|
onRemoveAction: handleRemoveAction,
|
|
7300
7401
|
disabled: isProposalCreated
|
|
7301
7402
|
}
|
|
7302
|
-
)), !isProposalCreated && isEditorVisible && /* @__PURE__ */
|
|
7403
|
+
)), !isProposalCreated && isEditorVisible && /* @__PURE__ */ React84.createElement(
|
|
7303
7404
|
Card17,
|
|
7304
7405
|
{
|
|
7305
7406
|
withBorder: true,
|
|
@@ -7310,7 +7411,7 @@ var ActionsTab2 = ({ actions, onActionsChange, editor, block, isProposalCreated
|
|
|
7310
7411
|
borderColor: "#333"
|
|
7311
7412
|
}
|
|
7312
7413
|
},
|
|
7313
|
-
/* @__PURE__ */
|
|
7414
|
+
/* @__PURE__ */ React84.createElement(ActionsPanel, { actions: currentActions, editingIndex, onSave: handleSaveAction, onCancel: handleCancelEditor, isTemplateMode: false })
|
|
7314
7415
|
));
|
|
7315
7416
|
};
|
|
7316
7417
|
|
|
@@ -7397,7 +7498,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7397
7498
|
setIsCreating(false);
|
|
7398
7499
|
}
|
|
7399
7500
|
};
|
|
7400
|
-
const createProposalTab = /* @__PURE__ */
|
|
7501
|
+
const createProposalTab = /* @__PURE__ */ React85.createElement(Stack67, { gap: "lg" }, /* @__PURE__ */ React85.createElement(Stack67, { gap: "xs" }, /* @__PURE__ */ React85.createElement(Text42, { size: "sm", fw: 600 }, "DAO Group"), /* @__PURE__ */ React85.createElement(
|
|
7401
7502
|
SegmentedControl5,
|
|
7402
7503
|
{
|
|
7403
7504
|
value: inputMode,
|
|
@@ -7409,7 +7510,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7409
7510
|
fullWidth: true,
|
|
7410
7511
|
disabled: isProposalCreated
|
|
7411
7512
|
}
|
|
7412
|
-
), inputMode === "select" ? /* @__PURE__ */
|
|
7513
|
+
), inputMode === "select" ? /* @__PURE__ */ React85.createElement(
|
|
7413
7514
|
Select10,
|
|
7414
7515
|
{
|
|
7415
7516
|
placeholder: loadingGroups ? "Loading groups..." : "Select a DAO group",
|
|
@@ -7427,10 +7528,10 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7427
7528
|
label: group.name
|
|
7428
7529
|
})),
|
|
7429
7530
|
disabled: loadingGroups || isProposalCreated,
|
|
7430
|
-
rightSection: loadingGroups ? /* @__PURE__ */
|
|
7531
|
+
rightSection: loadingGroups ? /* @__PURE__ */ React85.createElement(Loader4, { size: "xs" }) : void 0,
|
|
7431
7532
|
searchable: true
|
|
7432
7533
|
}
|
|
7433
|
-
) : /* @__PURE__ */
|
|
7534
|
+
) : /* @__PURE__ */ React85.createElement(
|
|
7434
7535
|
TextInput33,
|
|
7435
7536
|
{
|
|
7436
7537
|
placeholder: "Enter DAO core address",
|
|
@@ -7442,7 +7543,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7442
7543
|
},
|
|
7443
7544
|
disabled: isProposalCreated
|
|
7444
7545
|
}
|
|
7445
|
-
), coreAddress && /* @__PURE__ */
|
|
7546
|
+
), coreAddress && /* @__PURE__ */ React85.createElement(Card18, { padding: "sm", radius: "md", withBorder: true }, /* @__PURE__ */ React85.createElement(Text42, { size: "xs", c: "dimmed" }, "Core Address:", " ", /* @__PURE__ */ React85.createElement(Text42, { span: true, ff: "monospace", c: "bright" }, coreAddress.slice(0, 20), "...", coreAddress.slice(-10))))), /* @__PURE__ */ React85.createElement(
|
|
7446
7547
|
TextInput33,
|
|
7447
7548
|
{
|
|
7448
7549
|
label: "Title",
|
|
@@ -7453,7 +7554,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7453
7554
|
required: true,
|
|
7454
7555
|
disabled: isProposalCreated
|
|
7455
7556
|
}
|
|
7456
|
-
), /* @__PURE__ */
|
|
7557
|
+
), /* @__PURE__ */ React85.createElement(
|
|
7457
7558
|
Textarea18,
|
|
7458
7559
|
{
|
|
7459
7560
|
label: "Description",
|
|
@@ -7465,7 +7566,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7465
7566
|
required: true,
|
|
7466
7567
|
disabled: isProposalCreated
|
|
7467
7568
|
}
|
|
7468
|
-
), errors.general && /* @__PURE__ */
|
|
7569
|
+
), errors.general && /* @__PURE__ */ React85.createElement(Text42, { size: "sm", c: "red" }, errors.general), isProposalCreated && /* @__PURE__ */ React85.createElement(Card18, { padding: "md", radius: "md", withBorder: true, style: { borderColor: "var(--mantine-color-green-6)" } }, /* @__PURE__ */ React85.createElement(Text42, { fw: 500, size: "sm", c: "green" }, "Proposal Created Successfully"), /* @__PURE__ */ React85.createElement(Text42, { size: "sm", c: "dimmed" }, "Your proposal has been created and is now open for voting.")), /* @__PURE__ */ React85.createElement(Button16, { fullWidth: true, onClick: handleCreateProposal, disabled: isProposalCreated, loading: isCreating }, isProposalCreated ? "Proposal Created" : "Create Proposal"));
|
|
7469
7570
|
const handleActionsChange = useCallback15(
|
|
7470
7571
|
(newActions) => {
|
|
7471
7572
|
updateProp("actions", JSON.stringify(newActions));
|
|
@@ -7481,12 +7582,12 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7481
7582
|
{
|
|
7482
7583
|
label: "Actions",
|
|
7483
7584
|
value: "actions",
|
|
7484
|
-
content: /* @__PURE__ */
|
|
7585
|
+
content: /* @__PURE__ */ React85.createElement(ActionsTab2, { actions: block.props.actions || "[]", onActionsChange: handleActionsChange, editor, block, isProposalCreated })
|
|
7485
7586
|
},
|
|
7486
7587
|
{
|
|
7487
7588
|
label: "Vote",
|
|
7488
7589
|
value: "vote",
|
|
7489
|
-
content: /* @__PURE__ */
|
|
7590
|
+
content: /* @__PURE__ */ React85.createElement(
|
|
7490
7591
|
FlowGeneralTab,
|
|
7491
7592
|
{
|
|
7492
7593
|
proposalId: voteLogic.proposalId,
|
|
@@ -7502,7 +7603,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7502
7603
|
)
|
|
7503
7604
|
}
|
|
7504
7605
|
];
|
|
7505
|
-
return /* @__PURE__ */
|
|
7606
|
+
return /* @__PURE__ */ React85.createElement(
|
|
7506
7607
|
Paper7,
|
|
7507
7608
|
{
|
|
7508
7609
|
p: "md",
|
|
@@ -7513,7 +7614,7 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7513
7614
|
flexDirection: "column"
|
|
7514
7615
|
}
|
|
7515
7616
|
},
|
|
7516
|
-
/* @__PURE__ */
|
|
7617
|
+
/* @__PURE__ */ React85.createElement(
|
|
7517
7618
|
"div",
|
|
7518
7619
|
{
|
|
7519
7620
|
style: {
|
|
@@ -7523,10 +7624,10 @@ var FlowConfig = ({ editor, block }) => {
|
|
|
7523
7624
|
marginBottom: "1rem"
|
|
7524
7625
|
}
|
|
7525
7626
|
},
|
|
7526
|
-
/* @__PURE__ */
|
|
7527
|
-
/* @__PURE__ */
|
|
7627
|
+
/* @__PURE__ */ React85.createElement(Title6, { order: 3 }, "Proposal Settings"),
|
|
7628
|
+
/* @__PURE__ */ React85.createElement(CloseButton5, { onClick: closePanel })
|
|
7528
7629
|
),
|
|
7529
|
-
/* @__PURE__ */
|
|
7630
|
+
/* @__PURE__ */ React85.createElement(ReusablePanel, { extraTabs, context: { editor, block } })
|
|
7530
7631
|
);
|
|
7531
7632
|
};
|
|
7532
7633
|
|
|
@@ -7538,13 +7639,13 @@ var ProposalFlowView = ({ block, editor }) => {
|
|
|
7538
7639
|
block,
|
|
7539
7640
|
editor
|
|
7540
7641
|
});
|
|
7541
|
-
const panelContent = useMemo12(() => /* @__PURE__ */
|
|
7642
|
+
const panelContent = useMemo12(() => /* @__PURE__ */ React86.createElement(FlowConfig, { editor, block }), [editor, block]);
|
|
7542
7643
|
const { open } = usePanel(panelId, panelContent);
|
|
7543
7644
|
const handleVote = () => {
|
|
7544
7645
|
open();
|
|
7545
7646
|
};
|
|
7546
7647
|
const showVoteButton = (block.props.voteEnabled || false) && proposalId;
|
|
7547
|
-
return /* @__PURE__ */
|
|
7648
|
+
return /* @__PURE__ */ React86.createElement(
|
|
7548
7649
|
OnChainProposalCard,
|
|
7549
7650
|
{
|
|
7550
7651
|
title,
|
|
@@ -7571,10 +7672,10 @@ function ProposalBlock({ editor, block }) {
|
|
|
7571
7672
|
console.log("[ProposalBlock] Rendering with docType:", docType);
|
|
7572
7673
|
if (docType === "template") {
|
|
7573
7674
|
console.log("[ProposalBlock] Rendering ProposalTemplateView (docType is template)");
|
|
7574
|
-
return /* @__PURE__ */
|
|
7675
|
+
return /* @__PURE__ */ React87.createElement(ProposalTemplateView, { editor, block });
|
|
7575
7676
|
}
|
|
7576
7677
|
console.log("[ProposalBlock] Rendering ProposalFlowView (docType is flow)");
|
|
7577
|
-
return /* @__PURE__ */
|
|
7678
|
+
return /* @__PURE__ */ React87.createElement(ProposalFlowView, { block, editor });
|
|
7578
7679
|
}
|
|
7579
7680
|
|
|
7580
7681
|
// src/mantine/blocks/proposal/ProposalBlockSpec.tsx
|
|
@@ -7633,38 +7734,38 @@ var ProposalBlockSpec = createReactBlockSpec4(
|
|
|
7633
7734
|
{
|
|
7634
7735
|
render: (props) => {
|
|
7635
7736
|
const ixoProps = props;
|
|
7636
|
-
return /* @__PURE__ */
|
|
7737
|
+
return /* @__PURE__ */ React88.createElement(ProposalBlock, { ...ixoProps });
|
|
7637
7738
|
}
|
|
7638
7739
|
}
|
|
7639
7740
|
);
|
|
7640
7741
|
|
|
7641
7742
|
// src/mantine/blocks/apiRequest/ApiRequestBlockSpec.tsx
|
|
7642
|
-
import
|
|
7743
|
+
import React97 from "react";
|
|
7643
7744
|
import { createReactBlockSpec as createReactBlockSpec5 } from "@blocknote/react";
|
|
7644
7745
|
|
|
7645
7746
|
// src/mantine/blocks/apiRequest/ApiRequestBlock.tsx
|
|
7646
|
-
import
|
|
7747
|
+
import React96 from "react";
|
|
7647
7748
|
|
|
7648
7749
|
// src/mantine/blocks/apiRequest/template/TemplateView.tsx
|
|
7649
|
-
import
|
|
7750
|
+
import React94, { useMemo as useMemo16 } from "react";
|
|
7650
7751
|
|
|
7651
7752
|
// src/mantine/blocks/apiRequest/template/TemplateConfig.tsx
|
|
7652
|
-
import
|
|
7753
|
+
import React93, { useCallback as useCallback17, useMemo as useMemo15 } from "react";
|
|
7653
7754
|
import { Paper as Paper10, CloseButton as CloseButton6, Title as Title7 } from "@mantine/core";
|
|
7654
7755
|
|
|
7655
7756
|
// src/mantine/blocks/apiRequest/template/GeneralTab.tsx
|
|
7656
|
-
import
|
|
7657
|
-
import { Divider as Divider5, Select as Select11, Stack as
|
|
7757
|
+
import React91, { useEffect as useEffect16, useState as useState24 } from "react";
|
|
7758
|
+
import { Divider as Divider5, Select as Select11, Stack as Stack69, Text as Text44, TextInput as TextInput34, Textarea as Textarea19, Button as Button18, Group as Group26, ActionIcon as ActionIcon12, Paper as Paper8 } from "@mantine/core";
|
|
7658
7759
|
import { IconTrash, IconPlus } from "@tabler/icons-react";
|
|
7659
7760
|
|
|
7660
7761
|
// src/mantine/components/DataInput/DataInput.tsx
|
|
7661
|
-
import
|
|
7662
|
-
import { Input as Input2, ActionIcon as ActionIcon11, Tooltip as Tooltip5, Badge as Badge11, Group as
|
|
7762
|
+
import React90, { useState as useState23, useCallback as useCallback16, useMemo as useMemo14 } from "react";
|
|
7763
|
+
import { Input as Input2, ActionIcon as ActionIcon11, Tooltip as Tooltip5, Badge as Badge11, Group as Group25 } from "@mantine/core";
|
|
7663
7764
|
import { IconVariable, IconX as IconX2 } from "@tabler/icons-react";
|
|
7664
7765
|
|
|
7665
7766
|
// src/mantine/components/DataInput/BlockPropSelector.tsx
|
|
7666
|
-
import
|
|
7667
|
-
import { Popover, Text as
|
|
7767
|
+
import React89, { useState as useState22, useMemo as useMemo13 } from "react";
|
|
7768
|
+
import { Popover, Text as Text43, Stack as Stack68, Group as Group24, ActionIcon as ActionIcon10, Input, ScrollArea as ScrollArea4, Badge as Badge10, Box as Box18, Tooltip as Tooltip4 } from "@mantine/core";
|
|
7668
7769
|
import { IconSearch, IconX, IconCircle, IconChevronRight, IconArrowLeft } from "@tabler/icons-react";
|
|
7669
7770
|
function buildPropertyTree(properties) {
|
|
7670
7771
|
const root = [];
|
|
@@ -7787,20 +7888,20 @@ function BlockPropSelector({ children, opened, onClose, onSelect, editorDocument
|
|
|
7787
7888
|
setSearchQuery("");
|
|
7788
7889
|
onClose();
|
|
7789
7890
|
};
|
|
7790
|
-
return /* @__PURE__ */
|
|
7891
|
+
return /* @__PURE__ */ React89.createElement(Popover, { opened, onClose: handleClose, position: "bottom-end", width: 420, shadow: "md", withinPortal: true }, /* @__PURE__ */ React89.createElement(Popover.Target, null, children), /* @__PURE__ */ React89.createElement(Popover.Dropdown, { p: "md" }, /* @__PURE__ */ React89.createElement(Stack68, { gap: "md" }, /* @__PURE__ */ React89.createElement(Group24, { justify: "space-between", align: "center" }, /* @__PURE__ */ React89.createElement(Group24, { gap: "xs" }, (selectedBlock || navigationPath.length > 0) && /* @__PURE__ */ React89.createElement(ActionIcon10, { variant: "subtle", size: "sm", onClick: handleBack }, /* @__PURE__ */ React89.createElement(IconArrowLeft, { size: 16 })), /* @__PURE__ */ React89.createElement(Text43, { fw: 600, size: "sm" }, !selectedBlock ? "Select a Block" : navigationPath.length === 0 ? `${selectedBlock.displayName} - Select Property` : `${navigationPath[navigationPath.length - 1].displayName}`)), /* @__PURE__ */ React89.createElement(ActionIcon10, { variant: "subtle", size: "sm", onClick: handleClose }, /* @__PURE__ */ React89.createElement(IconX, { size: 16 }))), !selectedBlock && /* @__PURE__ */ React89.createElement(
|
|
7791
7892
|
Input,
|
|
7792
7893
|
{
|
|
7793
7894
|
placeholder: "Search blocks and properties...",
|
|
7794
|
-
leftSection: /* @__PURE__ */
|
|
7895
|
+
leftSection: /* @__PURE__ */ React89.createElement(IconSearch, { size: 16 }),
|
|
7795
7896
|
value: searchQuery,
|
|
7796
7897
|
onChange: (e) => setSearchQuery(e.currentTarget.value),
|
|
7797
7898
|
size: "xs",
|
|
7798
|
-
rightSection: searchQuery && /* @__PURE__ */
|
|
7899
|
+
rightSection: searchQuery && /* @__PURE__ */ React89.createElement(ActionIcon10, { variant: "subtle", onClick: () => setSearchQuery(""), size: "xs" }, /* @__PURE__ */ React89.createElement(IconX, { size: 12 }))
|
|
7799
7900
|
}
|
|
7800
|
-
), /* @__PURE__ */
|
|
7901
|
+
), /* @__PURE__ */ React89.createElement(ScrollArea4, { h: 300, type: "auto" }, !selectedBlock ? (
|
|
7801
7902
|
// Block selection view
|
|
7802
|
-
filteredBlocks.length === 0 ? /* @__PURE__ */
|
|
7803
|
-
|
|
7903
|
+
filteredBlocks.length === 0 ? /* @__PURE__ */ React89.createElement(Text43, { c: "dimmed", ta: "center", py: "xl", size: "sm" }, availableBlocks.length === 0 ? "No blocks with referenceable properties found" : "No blocks match your search") : /* @__PURE__ */ React89.createElement(Stack68, { gap: "sm" }, filteredBlocks.map((block) => /* @__PURE__ */ React89.createElement(
|
|
7904
|
+
Box18,
|
|
7804
7905
|
{
|
|
7805
7906
|
key: block.id,
|
|
7806
7907
|
onClick: () => handleBlockSelect(block),
|
|
@@ -7820,19 +7921,19 @@ function BlockPropSelector({ children, opened, onClose, onSelect, editorDocument
|
|
|
7820
7921
|
e.currentTarget.style.borderColor = "var(--mantine-color-gray-3)";
|
|
7821
7922
|
}
|
|
7822
7923
|
},
|
|
7823
|
-
/* @__PURE__ */
|
|
7924
|
+
/* @__PURE__ */ React89.createElement(Group24, { gap: "xs", justify: "space-between" }, /* @__PURE__ */ React89.createElement(Group24, { gap: "xs" }, /* @__PURE__ */ React89.createElement(
|
|
7824
7925
|
IconCircle,
|
|
7825
7926
|
{
|
|
7826
7927
|
size: 10,
|
|
7827
7928
|
fill: `var(--mantine-color-${getBlockTypeColor(block.type)}-6)`,
|
|
7828
7929
|
color: `var(--mantine-color-${getBlockTypeColor(block.type)}-6)`
|
|
7829
7930
|
}
|
|
7830
|
-
), /* @__PURE__ */
|
|
7931
|
+
), /* @__PURE__ */ React89.createElement(Text43, { fw: 500, size: "sm" }, block.displayName), /* @__PURE__ */ React89.createElement(Badge10, { size: "xs", variant: "light", color: getBlockTypeColor(block.type) }, block.type)), /* @__PURE__ */ React89.createElement(IconChevronRight, { size: 16, color: "var(--mantine-color-gray-5)" }))
|
|
7831
7932
|
)))
|
|
7832
7933
|
) : (
|
|
7833
7934
|
// Property navigation view
|
|
7834
|
-
currentNodes.length === 0 ? /* @__PURE__ */
|
|
7835
|
-
|
|
7935
|
+
currentNodes.length === 0 ? /* @__PURE__ */ React89.createElement(Text43, { c: "dimmed", ta: "center", py: "xl", size: "sm" }, "No properties available") : /* @__PURE__ */ React89.createElement(Stack68, { gap: "xs" }, currentNodes.map((node, index) => /* @__PURE__ */ React89.createElement(Tooltip4, { key: index, label: node.isLeaf ? `Select ${node.displayName}` : `Navigate into ${node.displayName}`, position: "left", withArrow: true }, /* @__PURE__ */ React89.createElement(
|
|
7936
|
+
Box18,
|
|
7836
7937
|
{
|
|
7837
7938
|
onClick: () => handleNodeClick(node),
|
|
7838
7939
|
style: {
|
|
@@ -7851,7 +7952,7 @@ function BlockPropSelector({ children, opened, onClose, onSelect, editorDocument
|
|
|
7851
7952
|
e.currentTarget.style.borderColor = "transparent";
|
|
7852
7953
|
}
|
|
7853
7954
|
},
|
|
7854
|
-
/* @__PURE__ */
|
|
7955
|
+
/* @__PURE__ */ React89.createElement(Group24, { gap: "xs", justify: "space-between" }, /* @__PURE__ */ React89.createElement(Group24, { gap: "xs" }, /* @__PURE__ */ React89.createElement(Text43, { size: "sm" }, node.displayName), /* @__PURE__ */ React89.createElement(Badge10, { size: "xs", variant: "dot", color: "gray" }, node.type)), !node.isLeaf && /* @__PURE__ */ React89.createElement(IconChevronRight, { size: 16, color: "var(--mantine-color-gray-5)" }))
|
|
7855
7956
|
))))
|
|
7856
7957
|
)))));
|
|
7857
7958
|
}
|
|
@@ -7989,7 +8090,7 @@ function DataInput({
|
|
|
7989
8090
|
});
|
|
7990
8091
|
onChange(newValue);
|
|
7991
8092
|
}, [value, references, onChange]);
|
|
7992
|
-
return /* @__PURE__ */
|
|
8093
|
+
return /* @__PURE__ */ React90.createElement(Input2.Wrapper, { label, description, required, size, style: { width: "100%" } }, /* @__PURE__ */ React90.createElement(
|
|
7993
8094
|
Input2,
|
|
7994
8095
|
{
|
|
7995
8096
|
value: value || "",
|
|
@@ -8000,7 +8101,7 @@ function DataInput({
|
|
|
8000
8101
|
size,
|
|
8001
8102
|
style: { width: "100%" },
|
|
8002
8103
|
rightSectionPointerEvents: "all",
|
|
8003
|
-
rightSection: /* @__PURE__ */
|
|
8104
|
+
rightSection: /* @__PURE__ */ React90.createElement(Group25, { gap: 4, wrap: "nowrap" }, containsReferences && /* @__PURE__ */ React90.createElement(Tooltip5, { label: "Click to clear all references", position: "left" }, /* @__PURE__ */ React90.createElement(Badge11, { size: "sm", variant: "light", color: "blue", style: { cursor: "pointer" }, onClick: handleClearReferences, leftSection: /* @__PURE__ */ React90.createElement(IconX2, { size: 10 }) }, references.length, " ref", references.length !== 1 ? "s" : "")), /* @__PURE__ */ React90.createElement(
|
|
8004
8105
|
BlockPropSelector,
|
|
8005
8106
|
{
|
|
8006
8107
|
opened: selectorOpened,
|
|
@@ -8009,7 +8110,7 @@ function DataInput({
|
|
|
8009
8110
|
editorDocument,
|
|
8010
8111
|
currentBlockId
|
|
8011
8112
|
},
|
|
8012
|
-
/* @__PURE__ */
|
|
8113
|
+
/* @__PURE__ */ React90.createElement(Tooltip5, { label: "Insert reference to another block's property", position: "left" }, /* @__PURE__ */ React90.createElement(
|
|
8013
8114
|
ActionIcon11,
|
|
8014
8115
|
{
|
|
8015
8116
|
variant: containsReferences ? "light" : "subtle",
|
|
@@ -8018,7 +8119,7 @@ function DataInput({
|
|
|
8018
8119
|
disabled,
|
|
8019
8120
|
size
|
|
8020
8121
|
},
|
|
8021
|
-
/* @__PURE__ */
|
|
8122
|
+
/* @__PURE__ */ React90.createElement(IconVariable, { size: 16 })
|
|
8022
8123
|
))
|
|
8023
8124
|
))
|
|
8024
8125
|
}
|
|
@@ -8086,7 +8187,7 @@ var GeneralTab4 = ({
|
|
|
8086
8187
|
setLocalBody(newBody);
|
|
8087
8188
|
onBodyChange(newBody);
|
|
8088
8189
|
};
|
|
8089
|
-
return /* @__PURE__ */
|
|
8190
|
+
return /* @__PURE__ */ React91.createElement(Stack69, { gap: "lg" }, /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React91.createElement(
|
|
8090
8191
|
TextInput34,
|
|
8091
8192
|
{
|
|
8092
8193
|
placeholder: "e.g. Submit User Data",
|
|
@@ -8097,7 +8198,7 @@ var GeneralTab4 = ({
|
|
|
8097
8198
|
onTitleChange(newTitle);
|
|
8098
8199
|
}
|
|
8099
8200
|
}
|
|
8100
|
-
)), /* @__PURE__ */
|
|
8201
|
+
)), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React91.createElement(
|
|
8101
8202
|
Textarea19,
|
|
8102
8203
|
{
|
|
8103
8204
|
placeholder: "Describe what this API request does",
|
|
@@ -8109,7 +8210,7 @@ var GeneralTab4 = ({
|
|
|
8109
8210
|
onDescriptionChange(newDescription);
|
|
8110
8211
|
}
|
|
8111
8212
|
}
|
|
8112
|
-
)), /* @__PURE__ */
|
|
8213
|
+
)), /* @__PURE__ */ React91.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "HTTP Method"), /* @__PURE__ */ React91.createElement(
|
|
8113
8214
|
Select11,
|
|
8114
8215
|
{
|
|
8115
8216
|
value: localMethod,
|
|
@@ -8126,7 +8227,7 @@ var GeneralTab4 = ({
|
|
|
8126
8227
|
{ value: "PATCH", label: "PATCH" }
|
|
8127
8228
|
]
|
|
8128
8229
|
}
|
|
8129
|
-
)), /* @__PURE__ */
|
|
8230
|
+
)), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "Endpoint URL"), /* @__PURE__ */ React91.createElement(
|
|
8130
8231
|
TextInput34,
|
|
8131
8232
|
{
|
|
8132
8233
|
placeholder: "https://api.example.com/endpoint",
|
|
@@ -8137,7 +8238,7 @@ var GeneralTab4 = ({
|
|
|
8137
8238
|
onEndpointChange(newEndpoint);
|
|
8138
8239
|
}
|
|
8139
8240
|
}
|
|
8140
|
-
)), /* @__PURE__ */
|
|
8241
|
+
)), /* @__PURE__ */ React91.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Group26, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "Request Headers"), /* @__PURE__ */ React91.createElement(Button18, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React91.createElement(IconPlus, { size: 14 }), onClick: handleAddHeader }, "Add Header")), /* @__PURE__ */ React91.createElement(Text44, { size: "xs" }, "Add custom headers to your API request (e.g., Authorization, Content-Type)"), localHeaders.length > 0 && /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, localHeaders.map((header, index) => /* @__PURE__ */ React91.createElement(Paper8, { key: index, p: "xs" }, /* @__PURE__ */ React91.createElement(Group26, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React91.createElement(
|
|
8141
8242
|
DataInput,
|
|
8142
8243
|
{
|
|
8143
8244
|
placeholder: "Header key (e.g., Authorization)",
|
|
@@ -8147,7 +8248,7 @@ var GeneralTab4 = ({
|
|
|
8147
8248
|
currentBlockId: blockId,
|
|
8148
8249
|
size: "sm"
|
|
8149
8250
|
}
|
|
8150
|
-
), /* @__PURE__ */
|
|
8251
|
+
), /* @__PURE__ */ React91.createElement(
|
|
8151
8252
|
DataInput,
|
|
8152
8253
|
{
|
|
8153
8254
|
placeholder: "Header value (e.g., Bearer token123)",
|
|
@@ -8157,7 +8258,7 @@ var GeneralTab4 = ({
|
|
|
8157
8258
|
currentBlockId: blockId,
|
|
8158
8259
|
size: "sm"
|
|
8159
8260
|
}
|
|
8160
|
-
), /* @__PURE__ */
|
|
8261
|
+
), /* @__PURE__ */ React91.createElement(ActionIcon12, { color: "red", variant: "subtle", onClick: () => handleRemoveHeader(index) }, /* @__PURE__ */ React91.createElement(IconTrash, { size: 16 }))))))), /* @__PURE__ */ React91.createElement(Divider5, { variant: "dashed" }), /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, /* @__PURE__ */ React91.createElement(Group26, { justify: "space-between" }, /* @__PURE__ */ React91.createElement(Text44, { size: "sm", fw: 600 }, "Request Body (JSON)"), /* @__PURE__ */ React91.createElement(Button18, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React91.createElement(IconPlus, { size: 14 }), onClick: handleAddBodyField }, "Add Field")), /* @__PURE__ */ React91.createElement(Text44, { size: "xs" }, "Build your JSON request body as key-value pairs"), localBody.length > 0 && /* @__PURE__ */ React91.createElement(Stack69, { gap: "xs" }, localBody.map((field, index) => /* @__PURE__ */ React91.createElement(Paper8, { key: index, p: "xs" }, /* @__PURE__ */ React91.createElement(Group26, { gap: "xs", align: "flex-start" }, /* @__PURE__ */ React91.createElement(
|
|
8161
8262
|
DataInput,
|
|
8162
8263
|
{
|
|
8163
8264
|
placeholder: "Field key (e.g., name)",
|
|
@@ -8167,7 +8268,7 @@ var GeneralTab4 = ({
|
|
|
8167
8268
|
currentBlockId: blockId,
|
|
8168
8269
|
size: "sm"
|
|
8169
8270
|
}
|
|
8170
|
-
), /* @__PURE__ */
|
|
8271
|
+
), /* @__PURE__ */ React91.createElement(
|
|
8171
8272
|
DataInput,
|
|
8172
8273
|
{
|
|
8173
8274
|
placeholder: "Field value (e.g., John Doe)",
|
|
@@ -8177,12 +8278,12 @@ var GeneralTab4 = ({
|
|
|
8177
8278
|
currentBlockId: blockId,
|
|
8178
8279
|
size: "sm"
|
|
8179
8280
|
}
|
|
8180
|
-
), /* @__PURE__ */
|
|
8281
|
+
), /* @__PURE__ */ React91.createElement(ActionIcon12, { color: "red", variant: "subtle", onClick: () => handleRemoveBodyField(index) }, /* @__PURE__ */ React91.createElement(IconTrash, { size: 16 }))))))));
|
|
8181
8282
|
};
|
|
8182
8283
|
|
|
8183
8284
|
// src/mantine/blocks/apiRequest/template/ResponseSchemaTab.tsx
|
|
8184
|
-
import
|
|
8185
|
-
import { Stack as
|
|
8285
|
+
import React92 from "react";
|
|
8286
|
+
import { Stack as Stack70, Text as Text45, Button as Button19, Group as Group27, ActionIcon as ActionIcon13, Paper as Paper9, TextInput as TextInput35, Select as Select12, Textarea as Textarea20, Alert as Alert9, Code } from "@mantine/core";
|
|
8186
8287
|
import { IconTrash as IconTrash2, IconPlus as IconPlus2, IconInfoCircle } from "@tabler/icons-react";
|
|
8187
8288
|
var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
8188
8289
|
const fields = schema?.fields || [];
|
|
@@ -8207,7 +8308,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
|
8207
8308
|
newFields[index] = { ...newFields[index], [key]: value };
|
|
8208
8309
|
onSchemaChange({ fields: newFields });
|
|
8209
8310
|
};
|
|
8210
|
-
return /* @__PURE__ */
|
|
8311
|
+
return /* @__PURE__ */ React92.createElement(Stack70, { gap: "lg" }, /* @__PURE__ */ React92.createElement(Alert9, { icon: /* @__PURE__ */ React92.createElement(IconInfoCircle, { size: 16 }), title: "Response Schema", color: "blue" }, /* @__PURE__ */ React92.createElement(Text45, { size: "xs" }, "Define the expected structure of your API response. This allows other blocks to reference specific fields from the response data using the DataInput component.")), /* @__PURE__ */ React92.createElement(Stack70, { gap: "xs" }, /* @__PURE__ */ React92.createElement(Text45, { size: "sm", fw: 600 }, "How it works"), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "1. Define response fields using dot notation (e.g., ", /* @__PURE__ */ React92.createElement(Code, null, "customer.email"), ")"), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "2. Fields become available in DataInput selectors across other blocks"), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "3. Reference them like: ", /* @__PURE__ */ React92.createElement(Code, null, `{{${blockId}.response.customer.email}}`))), /* @__PURE__ */ React92.createElement(Stack70, { gap: "xs" }, /* @__PURE__ */ React92.createElement(Group27, { justify: "space-between" }, /* @__PURE__ */ React92.createElement(Text45, { size: "sm", fw: 600 }, "Response Fields"), /* @__PURE__ */ React92.createElement(Button19, { size: "xs", variant: "light", leftSection: /* @__PURE__ */ React92.createElement(IconPlus2, { size: 14 }), onClick: handleAddField }, "Add Field")), fields.length === 0 ? /* @__PURE__ */ React92.createElement(Paper9, { p: "md", withBorder: true, style: { backgroundColor: "var(--mantine-color-gray-0)" } }, /* @__PURE__ */ React92.createElement(Text45, { size: "sm", c: "dimmed", ta: "center" }, 'No response fields defined yet. Click "Add Field" to start defining your response structure.')) : /* @__PURE__ */ React92.createElement(Stack70, { gap: "md" }, fields.map((field, index) => /* @__PURE__ */ React92.createElement(Paper9, { key: index, p: "md", withBorder: true }, /* @__PURE__ */ React92.createElement(Stack70, { gap: "sm" }, /* @__PURE__ */ React92.createElement(Group27, { justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React92.createElement(Text45, { size: "sm", fw: 500 }, "Field ", index + 1), /* @__PURE__ */ React92.createElement(ActionIcon13, { color: "red", variant: "subtle", onClick: () => handleRemoveField(index) }, /* @__PURE__ */ React92.createElement(IconTrash2, { size: 16 }))), /* @__PURE__ */ React92.createElement(
|
|
8211
8312
|
TextInput35,
|
|
8212
8313
|
{
|
|
8213
8314
|
label: "Field Path",
|
|
@@ -8218,7 +8319,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
|
8218
8319
|
required: true,
|
|
8219
8320
|
size: "sm"
|
|
8220
8321
|
}
|
|
8221
|
-
), /* @__PURE__ */
|
|
8322
|
+
), /* @__PURE__ */ React92.createElement(
|
|
8222
8323
|
TextInput35,
|
|
8223
8324
|
{
|
|
8224
8325
|
label: "Display Name",
|
|
@@ -8229,7 +8330,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
|
8229
8330
|
required: true,
|
|
8230
8331
|
size: "sm"
|
|
8231
8332
|
}
|
|
8232
|
-
), /* @__PURE__ */
|
|
8333
|
+
), /* @__PURE__ */ React92.createElement(
|
|
8233
8334
|
Select12,
|
|
8234
8335
|
{
|
|
8235
8336
|
label: "Type",
|
|
@@ -8245,7 +8346,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
|
8245
8346
|
],
|
|
8246
8347
|
size: "sm"
|
|
8247
8348
|
}
|
|
8248
|
-
), /* @__PURE__ */
|
|
8349
|
+
), /* @__PURE__ */ React92.createElement(
|
|
8249
8350
|
Textarea20,
|
|
8250
8351
|
{
|
|
8251
8352
|
label: "Description (optional)",
|
|
@@ -8255,7 +8356,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
|
8255
8356
|
minRows: 2,
|
|
8256
8357
|
size: "sm"
|
|
8257
8358
|
}
|
|
8258
|
-
), field.path && field.displayName && /* @__PURE__ */
|
|
8359
|
+
), field.path && field.displayName && /* @__PURE__ */ React92.createElement(Stack70, { gap: 4 }, /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "Reference format:"), /* @__PURE__ */ React92.createElement(Code, { block: true, style: { fontSize: "11px" } }, `{{${blockId}.response.${field.path}}}`))))))), fields.length === 0 && /* @__PURE__ */ React92.createElement(Stack70, { gap: "xs" }, /* @__PURE__ */ React92.createElement(Text45, { size: "sm", fw: 600 }, "Example Schema"), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "For a typical API response like:"), /* @__PURE__ */ React92.createElement(Code, { block: true, style: { fontSize: "11px" } }, `{
|
|
8259
8360
|
"customer": {
|
|
8260
8361
|
"email": "user@example.com",
|
|
8261
8362
|
"name": "John Doe"
|
|
@@ -8264,7 +8365,7 @@ var ResponseSchemaTab = ({ schema, onSchemaChange, blockId }) => {
|
|
|
8264
8365
|
"id": "l1v6r07b",
|
|
8265
8366
|
"name": "Product-1"
|
|
8266
8367
|
}
|
|
8267
|
-
}`), /* @__PURE__ */
|
|
8368
|
+
}`), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "You would define fields like:"), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React92.createElement(Code, null, "customer.email"), ', Display Name: "Customer Email", Type: string'), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React92.createElement(Code, null, "customer.name"), ', Display Name: "Customer Name", Type: string'), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React92.createElement(Code, null, "product.id"), ', Display Name: "Product ID", Type: string'), /* @__PURE__ */ React92.createElement(Text45, { size: "xs", c: "dimmed" }, "\u2022 Path: ", /* @__PURE__ */ React92.createElement(Code, null, "product.name"), ', Display Name: "Product Name", Type: string')));
|
|
8268
8369
|
};
|
|
8269
8370
|
|
|
8270
8371
|
// src/mantine/blocks/apiRequest/template/TemplateConfig.tsx
|
|
@@ -8307,7 +8408,7 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
8307
8408
|
{
|
|
8308
8409
|
label: "General",
|
|
8309
8410
|
value: "general",
|
|
8310
|
-
content: /* @__PURE__ */
|
|
8411
|
+
content: /* @__PURE__ */ React93.createElement(
|
|
8311
8412
|
GeneralTab4,
|
|
8312
8413
|
{
|
|
8313
8414
|
title: block.props.title || "",
|
|
@@ -8342,7 +8443,7 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
8342
8443
|
{
|
|
8343
8444
|
label: "Response Schema",
|
|
8344
8445
|
value: "response-schema",
|
|
8345
|
-
content: /* @__PURE__ */
|
|
8446
|
+
content: /* @__PURE__ */ React93.createElement(ResponseSchemaTab, { schema: parsedResponseSchema, onSchemaChange: handleSchemaChange, blockId: block.id })
|
|
8346
8447
|
}
|
|
8347
8448
|
],
|
|
8348
8449
|
[
|
|
@@ -8361,7 +8462,7 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
8361
8462
|
editor
|
|
8362
8463
|
]
|
|
8363
8464
|
);
|
|
8364
|
-
return /* @__PURE__ */
|
|
8465
|
+
return /* @__PURE__ */ React93.createElement(
|
|
8365
8466
|
Paper10,
|
|
8366
8467
|
{
|
|
8367
8468
|
p: "md",
|
|
@@ -8372,7 +8473,7 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
8372
8473
|
flexDirection: "column"
|
|
8373
8474
|
}
|
|
8374
8475
|
},
|
|
8375
|
-
/* @__PURE__ */
|
|
8476
|
+
/* @__PURE__ */ React93.createElement(
|
|
8376
8477
|
"div",
|
|
8377
8478
|
{
|
|
8378
8479
|
style: {
|
|
@@ -8382,19 +8483,19 @@ var TemplateConfig4 = ({ editor, block }) => {
|
|
|
8382
8483
|
marginBottom: "1rem"
|
|
8383
8484
|
}
|
|
8384
8485
|
},
|
|
8385
|
-
/* @__PURE__ */
|
|
8386
|
-
/* @__PURE__ */
|
|
8486
|
+
/* @__PURE__ */ React93.createElement(Title7, { order: 3 }, "API Request Settings"),
|
|
8487
|
+
/* @__PURE__ */ React93.createElement(CloseButton6, { onClick: closePanel })
|
|
8387
8488
|
),
|
|
8388
|
-
/* @__PURE__ */
|
|
8489
|
+
/* @__PURE__ */ React93.createElement(ReusablePanel, { extraTabs: tabs, context: { editor, block } })
|
|
8389
8490
|
);
|
|
8390
8491
|
};
|
|
8391
8492
|
|
|
8392
8493
|
// src/mantine/blocks/apiRequest/template/TemplateView.tsx
|
|
8393
|
-
import { Card as Card19, Group as
|
|
8494
|
+
import { Card as Card19, Group as Group28, Stack as Stack71, Text as Text46, ActionIcon as ActionIcon14, Badge as Badge12 } from "@mantine/core";
|
|
8394
8495
|
var API_REQUEST_TEMPLATE_PANEL_ID = "api-request-template-panel";
|
|
8395
8496
|
var ApiRequestTemplateView = ({ editor, block }) => {
|
|
8396
8497
|
const panelId = `${API_REQUEST_TEMPLATE_PANEL_ID}-${block.id}`;
|
|
8397
|
-
const panelContent = useMemo16(() => /* @__PURE__ */
|
|
8498
|
+
const panelContent = useMemo16(() => /* @__PURE__ */ React94.createElement(TemplateConfig4, { editor, block }), [editor, block]);
|
|
8398
8499
|
const { open } = usePanel(panelId, panelContent);
|
|
8399
8500
|
const method = block.props.method || "GET";
|
|
8400
8501
|
const endpoint = block.props.endpoint || "https://api.example.com/endpoint";
|
|
@@ -8414,12 +8515,12 @@ var ApiRequestTemplateView = ({ editor, block }) => {
|
|
|
8414
8515
|
return "gray";
|
|
8415
8516
|
}
|
|
8416
8517
|
};
|
|
8417
|
-
return /* @__PURE__ */
|
|
8518
|
+
return /* @__PURE__ */ React94.createElement(Card19, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React94.createElement(Badge12, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React94.createElement(Group28, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React94.createElement(Group28, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React94.createElement(ActionIcon14, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React94.createElement(Stack71, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React94.createElement(Group28, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React94.createElement(Badge12, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React94.createElement(Text46, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request")), /* @__PURE__ */ React94.createElement(Text46, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, endpoint), block.props.description && /* @__PURE__ */ React94.createElement(Text46, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
|
|
8418
8519
|
};
|
|
8419
8520
|
|
|
8420
8521
|
// src/mantine/blocks/apiRequest/flow/FlowView.tsx
|
|
8421
|
-
import
|
|
8422
|
-
import { Card as Card20, Group as
|
|
8522
|
+
import React95, { useState as useState25 } from "react";
|
|
8523
|
+
import { Card as Card20, Group as Group29, Stack as Stack72, Text as Text47, ActionIcon as ActionIcon15, Tooltip as Tooltip6, Button as Button20, Badge as Badge13, Collapse as Collapse2, Code as Code2, Loader as Loader5, Alert as Alert10 } from "@mantine/core";
|
|
8423
8524
|
import { IconSend, IconChevronDown as IconChevronDown2, IconChevronUp as IconChevronUp2, IconAlertTriangle } from "@tabler/icons-react";
|
|
8424
8525
|
var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
8425
8526
|
const disabled = isDisabled?.isDisabled === "disable";
|
|
@@ -8547,21 +8648,21 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
|
8547
8648
|
setIsLoading(false);
|
|
8548
8649
|
}
|
|
8549
8650
|
};
|
|
8550
|
-
const executeButton = /* @__PURE__ */
|
|
8651
|
+
const executeButton = /* @__PURE__ */ React95.createElement(
|
|
8551
8652
|
Button20,
|
|
8552
8653
|
{
|
|
8553
8654
|
size: "sm",
|
|
8554
8655
|
variant: "light",
|
|
8555
8656
|
color: getMethodColor(method),
|
|
8556
|
-
leftSection: isLoading ? /* @__PURE__ */
|
|
8657
|
+
leftSection: isLoading ? /* @__PURE__ */ React95.createElement(Loader5, { size: 14 }) : /* @__PURE__ */ React95.createElement(IconSend, { size: 14 }),
|
|
8557
8658
|
onClick: handleExecuteRequest,
|
|
8558
8659
|
disabled: disabled || isLoading || !endpoint,
|
|
8559
8660
|
style: { flexShrink: 0 }
|
|
8560
8661
|
},
|
|
8561
8662
|
isLoading ? "Sending..." : "Execute"
|
|
8562
8663
|
);
|
|
8563
|
-
return /* @__PURE__ */
|
|
8564
|
-
|
|
8664
|
+
return /* @__PURE__ */ React95.createElement(Card20, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React95.createElement(Stack72, { gap: "md" }, /* @__PURE__ */ React95.createElement(Group29, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React95.createElement(Group29, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React95.createElement(ActionIcon15, { variant: "light", color: "violet", size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "square-check")), /* @__PURE__ */ React95.createElement(Stack72, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React95.createElement(Group29, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React95.createElement(Badge13, { size: "sm", variant: "filled", color: getMethodColor(method) }, method), /* @__PURE__ */ React95.createElement(Text47, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "API Request"), status !== "idle" && /* @__PURE__ */ React95.createElement(Badge13, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React95.createElement(
|
|
8665
|
+
Text47,
|
|
8565
8666
|
{
|
|
8566
8667
|
size: "xs",
|
|
8567
8668
|
c: "dimmed",
|
|
@@ -8573,7 +8674,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
|
8573
8674
|
}
|
|
8574
8675
|
},
|
|
8575
8676
|
endpoint || "No endpoint configured"
|
|
8576
|
-
), block.props.description && /* @__PURE__ */
|
|
8677
|
+
), block.props.description && /* @__PURE__ */ React95.createElement(Text47, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React95.createElement(Group29, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React95.createElement(Tooltip6, { label: isDisabled.message, position: "left", withArrow: true }, executeButton) : executeButton, /* @__PURE__ */ React95.createElement(ActionIcon15, { variant: "subtle", onClick: () => setShowDetails(!showDetails), disabled: headers.length === 0 && body.length === 0 && !response }, showDetails ? /* @__PURE__ */ React95.createElement(IconChevronUp2, { size: 16 }) : /* @__PURE__ */ React95.createElement(IconChevronDown2, { size: 16 })))), /* @__PURE__ */ React95.createElement(Collapse2, { in: showDetails }, /* @__PURE__ */ React95.createElement(Stack72, { gap: "md" }, validationWarnings.length > 0 && /* @__PURE__ */ React95.createElement(Alert10, { icon: /* @__PURE__ */ React95.createElement(IconAlertTriangle, { size: 16 }), title: "Schema Validation Warnings", color: "yellow" }, /* @__PURE__ */ React95.createElement(Stack72, { gap: "xs" }, /* @__PURE__ */ React95.createElement(Text47, { size: "xs" }, "The API response does not match the defined schema:"), validationWarnings.map((warning, index) => /* @__PURE__ */ React95.createElement(Text47, { key: index, size: "xs", c: "dimmed" }, "\u2022 ", warning)))), headers.length > 0 && /* @__PURE__ */ React95.createElement(Stack72, { gap: "xs" }, /* @__PURE__ */ React95.createElement(Text47, { size: "xs", fw: 600, c: "dimmed" }, "Headers:"), /* @__PURE__ */ React95.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
|
|
8577
8678
|
headers.reduce(
|
|
8578
8679
|
(acc, h) => {
|
|
8579
8680
|
if (h.key && h.value) acc[h.key] = h.value;
|
|
@@ -8583,7 +8684,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
|
8583
8684
|
),
|
|
8584
8685
|
null,
|
|
8585
8686
|
2
|
|
8586
|
-
))), method !== "GET" && body.length > 0 && /* @__PURE__ */
|
|
8687
|
+
))), method !== "GET" && body.length > 0 && /* @__PURE__ */ React95.createElement(Stack72, { gap: "xs" }, /* @__PURE__ */ React95.createElement(Text47, { size: "xs", fw: 600, c: "dimmed" }, "Body:"), /* @__PURE__ */ React95.createElement(Code2, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
|
|
8587
8688
|
body.reduce(
|
|
8588
8689
|
(acc, b) => {
|
|
8589
8690
|
if (b.key && b.value) acc[b.key] = b.value;
|
|
@@ -8593,7 +8694,7 @@ var ApiRequestFlowView = ({ editor, block, isDisabled }) => {
|
|
|
8593
8694
|
),
|
|
8594
8695
|
null,
|
|
8595
8696
|
2
|
|
8596
|
-
))), response && /* @__PURE__ */
|
|
8697
|
+
))), response && /* @__PURE__ */ React95.createElement(Stack72, { gap: "xs" }, /* @__PURE__ */ React95.createElement(Text47, { size: "xs", fw: 600, c: "dimmed" }, "Response:"), status === "error" ? /* @__PURE__ */ React95.createElement(Alert10, { color: "red", title: "Error", styles: { message: { fontSize: "11px" } } }, /* @__PURE__ */ React95.createElement(Code2, { block: true, style: { fontSize: "11px" } }, response)) : /* @__PURE__ */ React95.createElement(Code2, { block: true, style: { fontSize: "11px", maxHeight: "300px", overflow: "auto" } }, response))))));
|
|
8597
8698
|
};
|
|
8598
8699
|
|
|
8599
8700
|
// src/mantine/blocks/apiRequest/ApiRequestBlock.tsx
|
|
@@ -8601,7 +8702,7 @@ function ApiRequestBlock({ editor, block }) {
|
|
|
8601
8702
|
const { docType } = useBlocknoteContext();
|
|
8602
8703
|
const { actions } = useBlockConditions(block, editor);
|
|
8603
8704
|
if (docType === "template") {
|
|
8604
|
-
return /* @__PURE__ */
|
|
8705
|
+
return /* @__PURE__ */ React96.createElement(ApiRequestTemplateView, { editor, block });
|
|
8605
8706
|
}
|
|
8606
8707
|
const conditionConfig = parseConditionConfig(block.props.conditions);
|
|
8607
8708
|
const hasVisibility = hasVisibilityConditions(conditionConfig);
|
|
@@ -8613,7 +8714,7 @@ function ApiRequestBlock({ editor, block }) {
|
|
|
8613
8714
|
const hasEnable = hasEnableConditions(conditionConfig);
|
|
8614
8715
|
const enableActionExists = actions.some((a) => a.action === "enable");
|
|
8615
8716
|
const shouldDisable = hasEnable && !enableActionExists;
|
|
8616
|
-
return /* @__PURE__ */
|
|
8717
|
+
return /* @__PURE__ */ React96.createElement(
|
|
8617
8718
|
ApiRequestFlowView,
|
|
8618
8719
|
{
|
|
8619
8720
|
block,
|
|
@@ -8670,36 +8771,36 @@ var ApiRequestBlockSpec = createReactBlockSpec5(
|
|
|
8670
8771
|
{
|
|
8671
8772
|
render: (props) => {
|
|
8672
8773
|
const ixoProps = props;
|
|
8673
|
-
return /* @__PURE__ */
|
|
8774
|
+
return /* @__PURE__ */ React97.createElement(ApiRequestBlock, { ...ixoProps });
|
|
8674
8775
|
}
|
|
8675
8776
|
}
|
|
8676
8777
|
);
|
|
8677
8778
|
|
|
8678
8779
|
// src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
|
|
8679
|
-
import
|
|
8780
|
+
import React104, { useState as useState27, useEffect as useEffect17, useMemo as useMemo17, useCallback as useCallback18 } from "react";
|
|
8680
8781
|
import { createReactBlockSpec as createReactBlockSpec6 } from "@blocknote/react";
|
|
8681
|
-
import { Stack as
|
|
8782
|
+
import { Stack as Stack78, Text as Text53, Button as Button25, ActionIcon as ActionIcon16, Center as Center3, Flex as Flex21 } from "@mantine/core";
|
|
8682
8783
|
|
|
8683
8784
|
// src/mantine/blocks/enumChecklist/oracle_personalities/index.tsx
|
|
8684
|
-
import
|
|
8685
|
-
import { Box as
|
|
8785
|
+
import React98 from "react";
|
|
8786
|
+
import { Box as Box19, Flex as Flex20, Stack as Stack73, Text as Text48, Image as Image13 } from "@mantine/core";
|
|
8686
8787
|
function OraclePersonalitiesEnumList({ selectionMode, isItemChecked, onItemCheck, items }) {
|
|
8687
8788
|
if (!items || items.length === 0) {
|
|
8688
|
-
return /* @__PURE__ */
|
|
8789
|
+
return /* @__PURE__ */ React98.createElement(Text48, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
|
|
8689
8790
|
}
|
|
8690
|
-
const rows = items.map(({ id, name, description, voice, icon }) => /* @__PURE__ */
|
|
8691
|
-
return /* @__PURE__ */
|
|
8791
|
+
const rows = items.map(({ id, name, description, voice, icon }) => /* @__PURE__ */ React98.createElement(ListItemContainer, { key: id }, /* @__PURE__ */ React98.createElement(Flex20, { align: "center", gap: "sm" }, /* @__PURE__ */ React98.createElement(Image13, { radius: 16, w: 62, h: 62, src: icon, alt: name }), /* @__PURE__ */ React98.createElement(Stack73, { gap: 0 }, /* @__PURE__ */ React98.createElement(Text48, { size: "sm", fw: 500 }, name || "-"), description !== void 0 && /* @__PURE__ */ React98.createElement(Text48, { size: "sm", c: "dimmed" }, description))), /* @__PURE__ */ React98.createElement(Flex20, { align: "center", gap: "md" }, /* @__PURE__ */ React98.createElement(Stack73, { ta: "right", gap: 0 }, /* @__PURE__ */ React98.createElement(Text48, { size: "sm", fw: 500 }, "Voice"), /* @__PURE__ */ React98.createElement(Text48, { size: "sm", c: "dimmed" }, voice)), selectionMode && /* @__PURE__ */ React98.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${name}`, checked: isItemChecked?.(id), onCheck: (checked) => onItemCheck?.(id, checked) }))));
|
|
8792
|
+
return /* @__PURE__ */ React98.createElement(Box19, { flex: 1 }, /* @__PURE__ */ React98.createElement(Stack73, null, rows));
|
|
8692
8793
|
}
|
|
8693
8794
|
|
|
8694
8795
|
// src/mantine/blocks/enumChecklist/EnumChecklistConfigModal.tsx
|
|
8695
|
-
import
|
|
8696
|
-
import { Modal, Group as
|
|
8796
|
+
import React103, { useState as useState26 } from "react";
|
|
8797
|
+
import { Modal, Group as Group33, Box as Box21 } from "@mantine/core";
|
|
8697
8798
|
|
|
8698
8799
|
// src/mantine/blocks/list/modal/ModalNavigation.tsx
|
|
8699
|
-
import
|
|
8700
|
-
import { Stack as
|
|
8800
|
+
import React99 from "react";
|
|
8801
|
+
import { Stack as Stack74, Button as Button21, Text as Text49 } from "@mantine/core";
|
|
8701
8802
|
var ModalNavigation = ({ steps, activeStep, onStepChange, showUpdateButton = false, onUpdateBlock }) => {
|
|
8702
|
-
return /* @__PURE__ */
|
|
8803
|
+
return /* @__PURE__ */ React99.createElement(Stack74, { gap: "xs", style: { height: "100%" } }, /* @__PURE__ */ React99.createElement(Stack74, { gap: "xs", style: { flex: 1 } }, steps.map((step) => /* @__PURE__ */ React99.createElement(
|
|
8703
8804
|
Button21,
|
|
8704
8805
|
{
|
|
8705
8806
|
key: step.id,
|
|
@@ -8717,13 +8818,13 @@ var ModalNavigation = ({ steps, activeStep, onStepChange, showUpdateButton = fal
|
|
|
8717
8818
|
}
|
|
8718
8819
|
}
|
|
8719
8820
|
},
|
|
8720
|
-
/* @__PURE__ */
|
|
8721
|
-
))), showUpdateButton && /* @__PURE__ */
|
|
8821
|
+
/* @__PURE__ */ React99.createElement(Stack74, { gap: 2, align: "flex-start" }, /* @__PURE__ */ React99.createElement(Text49, { size: "sm", fw: 500 }, step.label), /* @__PURE__ */ React99.createElement(Text49, { size: "xs", opacity: 0.7 }, step.description))
|
|
8822
|
+
))), showUpdateButton && /* @__PURE__ */ React99.createElement(Button21, { variant: "filled", color: "blue", onClick: onUpdateBlock, style: { marginTop: "auto" } }, "Update Block"));
|
|
8722
8823
|
};
|
|
8723
8824
|
|
|
8724
8825
|
// src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
|
|
8725
|
-
import
|
|
8726
|
-
import { Stack as
|
|
8826
|
+
import React100 from "react";
|
|
8827
|
+
import { Stack as Stack75, Card as Card21, Group as Group30, Text as Text50, Box as Box20, Button as Button22 } from "@mantine/core";
|
|
8727
8828
|
|
|
8728
8829
|
// src/mantine/blocks/enumChecklist/oracle_personalities/config.ts
|
|
8729
8830
|
var oraclePersonalitiesMetadata = {
|
|
@@ -8852,7 +8953,7 @@ function getEnumListItems(type) {
|
|
|
8852
8953
|
// src/mantine/blocks/enumChecklist/EnumChecklistTypeSelection.tsx
|
|
8853
8954
|
var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
|
|
8854
8955
|
const enumListsMeta = getEnumListTypesMetadata();
|
|
8855
|
-
return /* @__PURE__ */
|
|
8956
|
+
return /* @__PURE__ */ React100.createElement(Stack75, { gap: "md" }, /* @__PURE__ */ React100.createElement("div", null, /* @__PURE__ */ React100.createElement(Text50, { size: "lg", fw: 600, mb: "xs" }, "Choose List Type"), /* @__PURE__ */ React100.createElement(Text50, { size: "sm", c: "dimmed" }, "Select the type of list you want to create")), /* @__PURE__ */ React100.createElement(Stack75, { gap: "sm" }, enumListsMeta.map((enumChecklistMeta) => /* @__PURE__ */ React100.createElement(
|
|
8856
8957
|
Card21,
|
|
8857
8958
|
{
|
|
8858
8959
|
key: enumChecklistMeta.id,
|
|
@@ -8865,8 +8966,8 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
|
|
|
8865
8966
|
},
|
|
8866
8967
|
onClick: () => onTypeSelect(enumChecklistMeta.id)
|
|
8867
8968
|
},
|
|
8868
|
-
/* @__PURE__ */
|
|
8869
|
-
|
|
8969
|
+
/* @__PURE__ */ React100.createElement(Group30, { gap: "md", align: "flex-start" }, /* @__PURE__ */ React100.createElement(
|
|
8970
|
+
Box20,
|
|
8870
8971
|
{
|
|
8871
8972
|
style: {
|
|
8872
8973
|
width: 48,
|
|
@@ -8881,35 +8982,35 @@ var EnumChecklistTypeSelection = ({ selectedType, onTypeSelect, onNext }) => {
|
|
|
8881
8982
|
}
|
|
8882
8983
|
},
|
|
8883
8984
|
enumChecklistMeta.icon
|
|
8884
|
-
), /* @__PURE__ */
|
|
8885
|
-
))), /* @__PURE__ */
|
|
8985
|
+
), /* @__PURE__ */ React100.createElement(Stack75, { gap: 2, style: { flex: 1 } }, /* @__PURE__ */ React100.createElement(Text50, { size: "md", fw: 600 }, enumChecklistMeta.name), /* @__PURE__ */ React100.createElement(Text50, { size: "sm", c: "dimmed" }, enumChecklistMeta.description)))
|
|
8986
|
+
))), /* @__PURE__ */ React100.createElement(Group30, { justify: "flex-end", mt: "md" }, /* @__PURE__ */ React100.createElement(Button22, { onClick: onNext, disabled: !selectedType }, "Next")));
|
|
8886
8987
|
};
|
|
8887
8988
|
|
|
8888
8989
|
// src/mantine/blocks/enumChecklist/EnumChecklistPreviewStep.tsx
|
|
8889
|
-
import
|
|
8890
|
-
import { Stack as
|
|
8990
|
+
import React101 from "react";
|
|
8991
|
+
import { Stack as Stack76, Text as Text51, Button as Button23, Group as Group31 } from "@mantine/core";
|
|
8891
8992
|
var EnumChecklistPreviewStep = ({ listType, onAddToBlock, onPrev }) => {
|
|
8892
8993
|
const renderListComponent = () => {
|
|
8893
8994
|
switch (listType) {
|
|
8894
8995
|
case "oracle_personalities":
|
|
8895
|
-
return /* @__PURE__ */
|
|
8996
|
+
return /* @__PURE__ */ React101.createElement(OraclePersonalitiesEnumList, { items: getEnumListItems(listType) });
|
|
8896
8997
|
default:
|
|
8897
8998
|
return null;
|
|
8898
8999
|
}
|
|
8899
9000
|
};
|
|
8900
|
-
return /* @__PURE__ */
|
|
9001
|
+
return /* @__PURE__ */ React101.createElement(Stack76, { gap: "md" }, /* @__PURE__ */ React101.createElement("div", null, /* @__PURE__ */ React101.createElement(Text51, { size: "lg", fw: 600, mb: "xs" }, "Preview ", getEnumListNameByType(listType)), /* @__PURE__ */ React101.createElement(Text51, { size: "sm", c: "dimmed" }, "Preview how your list will look with the current configuration")), /* @__PURE__ */ React101.createElement("div", { style: { maxHeight: "400px", overflow: "auto" } }, renderListComponent()), /* @__PURE__ */ React101.createElement(Group31, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React101.createElement(Button23, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React101.createElement(Button23, { onClick: onAddToBlock }, "Add to Block")));
|
|
8901
9002
|
};
|
|
8902
9003
|
|
|
8903
9004
|
// src/mantine/blocks/enumChecklist/EnumChecklistConfigurationStep.tsx
|
|
8904
|
-
import
|
|
8905
|
-
import { Stack as
|
|
9005
|
+
import React102 from "react";
|
|
9006
|
+
import { Stack as Stack77, TextInput as TextInput36, Text as Text52, Button as Button24, Group as Group32, Switch as Switch4, Select as Select13 } from "@mantine/core";
|
|
8906
9007
|
var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onConfigChange, onPrev, onNext, isValid }) => {
|
|
8907
9008
|
const typeConfig = ENUM_LIST_CONFIG[listType];
|
|
8908
9009
|
const configFields = getEnumListTypesConfigFields(listType);
|
|
8909
9010
|
const renderListConfigField = (field) => {
|
|
8910
9011
|
switch (field.type) {
|
|
8911
9012
|
case "text":
|
|
8912
|
-
return /* @__PURE__ */
|
|
9013
|
+
return /* @__PURE__ */ React102.createElement(
|
|
8913
9014
|
TextInput36,
|
|
8914
9015
|
{
|
|
8915
9016
|
label: field.label,
|
|
@@ -8921,7 +9022,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8921
9022
|
}
|
|
8922
9023
|
);
|
|
8923
9024
|
case "switch":
|
|
8924
|
-
return /* @__PURE__ */
|
|
9025
|
+
return /* @__PURE__ */ React102.createElement(
|
|
8925
9026
|
Switch4,
|
|
8926
9027
|
{
|
|
8927
9028
|
label: field.label,
|
|
@@ -8931,7 +9032,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8931
9032
|
}
|
|
8932
9033
|
);
|
|
8933
9034
|
case "select":
|
|
8934
|
-
return /* @__PURE__ */
|
|
9035
|
+
return /* @__PURE__ */ React102.createElement(
|
|
8935
9036
|
Select13,
|
|
8936
9037
|
{
|
|
8937
9038
|
label: field.label,
|
|
@@ -8944,7 +9045,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8944
9045
|
}
|
|
8945
9046
|
);
|
|
8946
9047
|
default:
|
|
8947
|
-
return /* @__PURE__ */
|
|
9048
|
+
return /* @__PURE__ */ React102.createElement(
|
|
8948
9049
|
TextInput36,
|
|
8949
9050
|
{
|
|
8950
9051
|
label: field.label,
|
|
@@ -8957,7 +9058,7 @@ var EnumChecklistConfigurationStep = ({ enumChecklistType: listType, config, onC
|
|
|
8957
9058
|
);
|
|
8958
9059
|
}
|
|
8959
9060
|
};
|
|
8960
|
-
return /* @__PURE__ */
|
|
9061
|
+
return /* @__PURE__ */ React102.createElement(Stack77, { gap: "md" }, /* @__PURE__ */ React102.createElement("div", null, /* @__PURE__ */ React102.createElement(Text52, { size: "lg", fw: 600, mb: "xs" }, "Configure ", typeConfig.metadata.name), /* @__PURE__ */ React102.createElement(Text52, { size: "sm", c: "dimmed" }, typeConfig.metadata.description)), /* @__PURE__ */ React102.createElement(Stack77, { gap: "sm" }, configFields.map((field) => /* @__PURE__ */ React102.createElement("div", { key: field.key }, renderListConfigField(field)))), /* @__PURE__ */ React102.createElement(Group32, { justify: "space-between", mt: "md" }, /* @__PURE__ */ React102.createElement(Button24, { variant: "subtle", onClick: onPrev }, "Previous"), /* @__PURE__ */ React102.createElement(Button24, { onClick: onNext, disabled: !isValid }, "Next")));
|
|
8961
9062
|
};
|
|
8962
9063
|
|
|
8963
9064
|
// src/mantine/blocks/enumChecklist/EnumChecklistConfigModal.tsx
|
|
@@ -9019,9 +9120,9 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
|
|
|
9019
9120
|
const renderStepContent = () => {
|
|
9020
9121
|
switch (activeStep) {
|
|
9021
9122
|
case "type":
|
|
9022
|
-
return /* @__PURE__ */
|
|
9123
|
+
return /* @__PURE__ */ React103.createElement(EnumChecklistTypeSelection, { selectedType, onTypeSelect: handleTypeSelect, onNext: () => setActiveStep("configure") });
|
|
9023
9124
|
case "configure":
|
|
9024
|
-
return selectedType ? /* @__PURE__ */
|
|
9125
|
+
return selectedType ? /* @__PURE__ */ React103.createElement(
|
|
9025
9126
|
EnumChecklistConfigurationStep,
|
|
9026
9127
|
{
|
|
9027
9128
|
enumChecklistType: selectedType,
|
|
@@ -9033,16 +9134,16 @@ var EnumChecklistConfigModal = ({ opened, onClose, onSave, initialConfig }) => {
|
|
|
9033
9134
|
}
|
|
9034
9135
|
) : null;
|
|
9035
9136
|
case "preview":
|
|
9036
|
-
return selectedType ? /* @__PURE__ */
|
|
9137
|
+
return selectedType ? /* @__PURE__ */ React103.createElement(EnumChecklistPreviewStep, { listType: selectedType, onAddToBlock: handleAddToBlock, onPrev: () => setActiveStep("configure") }) : null;
|
|
9037
9138
|
default:
|
|
9038
9139
|
return null;
|
|
9039
9140
|
}
|
|
9040
9141
|
};
|
|
9041
|
-
return /* @__PURE__ */
|
|
9142
|
+
return /* @__PURE__ */ React103.createElement(Modal, { opened, onClose: handleClose, title: "Configure Enum Checklist Block", size: "xl" }, /* @__PURE__ */ React103.createElement(Group33, { align: "flex-start", gap: "lg", style: { minHeight: "400px" } }, /* @__PURE__ */ React103.createElement(Box21, { style: { width: "200px", flexShrink: 0, height: "400px", display: "flex" } }, /* @__PURE__ */ React103.createElement(ModalNavigation, { steps, activeStep, onStepChange: setActiveStep, showUpdateButton: selectedType !== null, onUpdateBlock: handleAddToBlock })), /* @__PURE__ */ React103.createElement(Box21, { style: { flex: 1 } }, renderStepContent())));
|
|
9042
9143
|
};
|
|
9043
9144
|
|
|
9044
9145
|
// src/mantine/blocks/enumChecklist/EnumChecklistBlock.tsx
|
|
9045
|
-
var IconSettings2 = () => /* @__PURE__ */
|
|
9146
|
+
var IconSettings2 = () => /* @__PURE__ */ React104.createElement("span", null, "\u2699\uFE0F");
|
|
9046
9147
|
var EnumChecklistBlockType = "enumChecklist";
|
|
9047
9148
|
var EnumChecklistBlockContent = ({ block, editor }) => {
|
|
9048
9149
|
const [modalOpened, setModalOpened] = useState27(false);
|
|
@@ -9128,7 +9229,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
|
|
|
9128
9229
|
if (!listType) return null;
|
|
9129
9230
|
switch (listType) {
|
|
9130
9231
|
case "oracle_personalities":
|
|
9131
|
-
return /* @__PURE__ */
|
|
9232
|
+
return /* @__PURE__ */ React104.createElement(
|
|
9132
9233
|
OraclePersonalitiesEnumList,
|
|
9133
9234
|
{
|
|
9134
9235
|
items: getEnumListItems(listType),
|
|
@@ -9141,7 +9242,7 @@ var EnumChecklistBlockContent = ({ block, editor }) => {
|
|
|
9141
9242
|
return null;
|
|
9142
9243
|
}
|
|
9143
9244
|
};
|
|
9144
|
-
return /* @__PURE__ */
|
|
9245
|
+
return /* @__PURE__ */ React104.createElement(Stack78, { w: "100%" }, listType && /* @__PURE__ */ React104.createElement(Flex21, { align: "center", justify: "space-between", gap: "xs" }, /* @__PURE__ */ React104.createElement(Text53, null, getEnumListNameByType(listType)), listConfig.listSelectionMode && /* @__PURE__ */ React104.createElement(Text53, { lh: 0.5, c: "dimmed" }, listConfig?.selection_mode === "single" ? "Single Selection" : "Multi Selection"), editable && /* @__PURE__ */ React104.createElement(Flex21, { justify: listType ? "space-between" : "flex-end" }, /* @__PURE__ */ React104.createElement(Flex21, { gap: "xs" }, /* @__PURE__ */ React104.createElement(ActionIcon16, { variant: "subtle", size: "sm", onClick: () => setModalOpened(true) }, /* @__PURE__ */ React104.createElement(IconSettings2, null))))), /* @__PURE__ */ React104.createElement(Flex21, { flex: 1 }, !listType ? /* @__PURE__ */ React104.createElement(Center3, { py: "xl" }, /* @__PURE__ */ React104.createElement(Stack78, { align: "center", gap: "sm" }, /* @__PURE__ */ React104.createElement(Text53, { size: "sm", c: "dimmed", ta: "center" }, "No list type configured"), /* @__PURE__ */ React104.createElement(Button25, { size: "sm", variant: "light", onClick: () => setModalOpened(true) }, "Configure List"))) : /* @__PURE__ */ React104.createElement(Stack78, { gap: "md", flex: 1 }, renderListComponent())), /* @__PURE__ */ React104.createElement(
|
|
9145
9246
|
EnumChecklistConfigModal,
|
|
9146
9247
|
{
|
|
9147
9248
|
opened: modalOpened,
|
|
@@ -9173,27 +9274,27 @@ var EnumChecklistBlock = createReactBlockSpec6(
|
|
|
9173
9274
|
content: "none"
|
|
9174
9275
|
},
|
|
9175
9276
|
{
|
|
9176
|
-
render: (props) => /* @__PURE__ */
|
|
9277
|
+
render: (props) => /* @__PURE__ */ React104.createElement(EnumChecklistBlockContent, { ...props })
|
|
9177
9278
|
}
|
|
9178
9279
|
);
|
|
9179
9280
|
|
|
9180
9281
|
// src/mantine/blocks/notify/NotifyBlockSpec.tsx
|
|
9181
|
-
import
|
|
9282
|
+
import React110 from "react";
|
|
9182
9283
|
import { createReactBlockSpec as createReactBlockSpec7 } from "@blocknote/react";
|
|
9183
9284
|
|
|
9184
9285
|
// src/mantine/blocks/notify/NotifyBlock.tsx
|
|
9185
|
-
import
|
|
9286
|
+
import React109 from "react";
|
|
9186
9287
|
|
|
9187
9288
|
// src/mantine/blocks/notify/template/TemplateView.tsx
|
|
9188
|
-
import
|
|
9289
|
+
import React107, { useMemo as useMemo18 } from "react";
|
|
9189
9290
|
|
|
9190
9291
|
// src/mantine/blocks/notify/template/TemplateConfig.tsx
|
|
9191
|
-
import
|
|
9292
|
+
import React106, { useCallback as useCallback19 } from "react";
|
|
9192
9293
|
import { Paper as Paper12, CloseButton as CloseButton7, Title as Title8 } from "@mantine/core";
|
|
9193
9294
|
|
|
9194
9295
|
// src/mantine/blocks/notify/template/GeneralTab.tsx
|
|
9195
|
-
import
|
|
9196
|
-
import { Divider as Divider6, Select as Select14, Stack as
|
|
9296
|
+
import React105, { useEffect as useEffect18, useState as useState28 } from "react";
|
|
9297
|
+
import { Divider as Divider6, Select as Select14, Stack as Stack79, Text as Text54, TextInput as TextInput37, Textarea as Textarea21, Button as Button26, Group as Group34, ActionIcon as ActionIcon17, Paper as Paper11 } from "@mantine/core";
|
|
9197
9298
|
import { IconTrash as IconTrash3, IconPlus as IconPlus3 } from "@tabler/icons-react";
|
|
9198
9299
|
var GeneralTab5 = ({
|
|
9199
9300
|
title,
|
|
@@ -9268,7 +9369,7 @@ var GeneralTab5 = ({
|
|
|
9268
9369
|
setter(newRecipients);
|
|
9269
9370
|
callback(newRecipients);
|
|
9270
9371
|
};
|
|
9271
|
-
return /* @__PURE__ */
|
|
9372
|
+
return /* @__PURE__ */ React105.createElement(Stack79, { gap: "lg" }, /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Title"), /* @__PURE__ */ React105.createElement(
|
|
9272
9373
|
TextInput37,
|
|
9273
9374
|
{
|
|
9274
9375
|
placeholder: "e.g. Welcome Email",
|
|
@@ -9279,7 +9380,7 @@ var GeneralTab5 = ({
|
|
|
9279
9380
|
onTitleChange(newTitle);
|
|
9280
9381
|
}
|
|
9281
9382
|
}
|
|
9282
|
-
)), /* @__PURE__ */
|
|
9383
|
+
)), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Description"), /* @__PURE__ */ React105.createElement(
|
|
9283
9384
|
Textarea21,
|
|
9284
9385
|
{
|
|
9285
9386
|
placeholder: "Describe what this notification does",
|
|
@@ -9291,7 +9392,7 @@ var GeneralTab5 = ({
|
|
|
9291
9392
|
onDescriptionChange(newDescription);
|
|
9292
9393
|
}
|
|
9293
9394
|
}
|
|
9294
|
-
)), /* @__PURE__ */
|
|
9395
|
+
)), /* @__PURE__ */ React105.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Channel"), /* @__PURE__ */ React105.createElement(
|
|
9295
9396
|
Select14,
|
|
9296
9397
|
{
|
|
9297
9398
|
value: localChannel,
|
|
@@ -9307,7 +9408,7 @@ var GeneralTab5 = ({
|
|
|
9307
9408
|
{ value: "rcs", label: "RCS (Coming Soon)", disabled: true }
|
|
9308
9409
|
]
|
|
9309
9410
|
}
|
|
9310
|
-
)), /* @__PURE__ */
|
|
9411
|
+
)), /* @__PURE__ */ React105.createElement(Divider6, { variant: "dashed" }), localChannel === "email" && /* @__PURE__ */ React105.createElement(React105.Fragment, null, /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Group34, { justify: "space-between" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "To (Recipients)"), /* @__PURE__ */ React105.createElement(Button26, { size: "xs", leftSection: /* @__PURE__ */ React105.createElement(IconPlus3, { size: 14 }), onClick: () => handleAddRecipient("to") }, "Add")), localTo.length === 0 && /* @__PURE__ */ React105.createElement(Text54, { size: "xs", c: "dimmed" }, "No recipients added yet"), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, localTo.map((recipient, index) => /* @__PURE__ */ React105.createElement(Paper11, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React105.createElement(Group34, { gap: "xs", wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React105.createElement(
|
|
9311
9412
|
DataInput,
|
|
9312
9413
|
{
|
|
9313
9414
|
placeholder: "email@example.com or reference",
|
|
@@ -9317,7 +9418,7 @@ var GeneralTab5 = ({
|
|
|
9317
9418
|
currentBlockId: blockId,
|
|
9318
9419
|
size: "sm"
|
|
9319
9420
|
}
|
|
9320
|
-
), /* @__PURE__ */
|
|
9421
|
+
), /* @__PURE__ */ React105.createElement(ActionIcon17, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("to", index) }, /* @__PURE__ */ React105.createElement(IconTrash3, { size: 16 }))))))), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Group34, { justify: "space-between" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "CC (Optional)"), /* @__PURE__ */ React105.createElement(Button26, { size: "xs", leftSection: /* @__PURE__ */ React105.createElement(IconPlus3, { size: 14 }), onClick: () => handleAddRecipient("cc") }, "Add")), localCc.length > 0 && /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, localCc.map((recipient, index) => /* @__PURE__ */ React105.createElement(Paper11, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React105.createElement(Group34, { gap: "xs", wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React105.createElement(
|
|
9321
9422
|
DataInput,
|
|
9322
9423
|
{
|
|
9323
9424
|
placeholder: "email@example.com or reference",
|
|
@@ -9327,7 +9428,7 @@ var GeneralTab5 = ({
|
|
|
9327
9428
|
currentBlockId: blockId,
|
|
9328
9429
|
size: "sm"
|
|
9329
9430
|
}
|
|
9330
|
-
), /* @__PURE__ */
|
|
9431
|
+
), /* @__PURE__ */ React105.createElement(ActionIcon17, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("cc", index) }, /* @__PURE__ */ React105.createElement(IconTrash3, { size: 16 }))))))), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Group34, { justify: "space-between" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "BCC (Optional)"), /* @__PURE__ */ React105.createElement(Button26, { size: "xs", leftSection: /* @__PURE__ */ React105.createElement(IconPlus3, { size: 14 }), onClick: () => handleAddRecipient("bcc") }, "Add")), localBcc.length > 0 && /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, localBcc.map((recipient, index) => /* @__PURE__ */ React105.createElement(Paper11, { key: index, p: "xs", withBorder: true }, /* @__PURE__ */ React105.createElement(Group34, { gap: "xs", wrap: "nowrap", align: "flex-start" }, /* @__PURE__ */ React105.createElement(
|
|
9331
9432
|
DataInput,
|
|
9332
9433
|
{
|
|
9333
9434
|
placeholder: "email@example.com or reference",
|
|
@@ -9337,7 +9438,7 @@ var GeneralTab5 = ({
|
|
|
9337
9438
|
currentBlockId: blockId,
|
|
9338
9439
|
size: "sm"
|
|
9339
9440
|
}
|
|
9340
|
-
), /* @__PURE__ */
|
|
9441
|
+
), /* @__PURE__ */ React105.createElement(ActionIcon17, { color: "red", variant: "light", onClick: () => handleRemoveRecipient("bcc", index) }, /* @__PURE__ */ React105.createElement(IconTrash3, { size: 16 }))))))), /* @__PURE__ */ React105.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "From (Optional)"), /* @__PURE__ */ React105.createElement(
|
|
9341
9442
|
TextInput37,
|
|
9342
9443
|
{
|
|
9343
9444
|
placeholder: "sender@example.com",
|
|
@@ -9348,7 +9449,7 @@ var GeneralTab5 = ({
|
|
|
9348
9449
|
onFromChange(newFrom);
|
|
9349
9450
|
}
|
|
9350
9451
|
}
|
|
9351
|
-
), /* @__PURE__ */
|
|
9452
|
+
), /* @__PURE__ */ React105.createElement(Text54, { size: "xs", c: "dimmed" }, "Custom sender email address")), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Reply-To (Optional)"), /* @__PURE__ */ React105.createElement(
|
|
9352
9453
|
TextInput37,
|
|
9353
9454
|
{
|
|
9354
9455
|
placeholder: "reply@example.com",
|
|
@@ -9359,7 +9460,7 @@ var GeneralTab5 = ({
|
|
|
9359
9460
|
onReplyToChange(newReplyTo);
|
|
9360
9461
|
}
|
|
9361
9462
|
}
|
|
9362
|
-
), /* @__PURE__ */
|
|
9463
|
+
), /* @__PURE__ */ React105.createElement(Text54, { size: "xs", c: "dimmed" }, "Where replies should be sent")), /* @__PURE__ */ React105.createElement(Divider6, { variant: "dashed" }), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Subject"), /* @__PURE__ */ React105.createElement(
|
|
9363
9464
|
TextInput37,
|
|
9364
9465
|
{
|
|
9365
9466
|
placeholder: "Email subject line",
|
|
@@ -9370,7 +9471,7 @@ var GeneralTab5 = ({
|
|
|
9370
9471
|
onSubjectChange(newSubject);
|
|
9371
9472
|
}
|
|
9372
9473
|
}
|
|
9373
|
-
)), /* @__PURE__ */
|
|
9474
|
+
)), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Body Type"), /* @__PURE__ */ React105.createElement(
|
|
9374
9475
|
Select14,
|
|
9375
9476
|
{
|
|
9376
9477
|
value: localBodyType,
|
|
@@ -9384,7 +9485,7 @@ var GeneralTab5 = ({
|
|
|
9384
9485
|
{ value: "html", label: "HTML" }
|
|
9385
9486
|
]
|
|
9386
9487
|
}
|
|
9387
|
-
)), /* @__PURE__ */
|
|
9488
|
+
)), /* @__PURE__ */ React105.createElement(Stack79, { gap: "xs" }, /* @__PURE__ */ React105.createElement(Text54, { size: "sm", fw: 600 }, "Body"), /* @__PURE__ */ React105.createElement(
|
|
9388
9489
|
Textarea21,
|
|
9389
9490
|
{
|
|
9390
9491
|
placeholder: localBodyType === "html" ? "<h1>Hello!</h1><p>Welcome to our service.</p>" : "Email body content",
|
|
@@ -9396,7 +9497,7 @@ var GeneralTab5 = ({
|
|
|
9396
9497
|
onBodyChange(newBody);
|
|
9397
9498
|
}
|
|
9398
9499
|
}
|
|
9399
|
-
), /* @__PURE__ */
|
|
9500
|
+
), /* @__PURE__ */ React105.createElement(Text54, { size: "xs", c: "dimmed" }, localBodyType === "html" ? "HTML content for the email body" : "Plain text content for the email body"))));
|
|
9400
9501
|
};
|
|
9401
9502
|
|
|
9402
9503
|
// src/mantine/blocks/notify/template/TemplateConfig.tsx
|
|
@@ -9431,7 +9532,7 @@ var TemplateConfig5 = ({ editor, block }) => {
|
|
|
9431
9532
|
},
|
|
9432
9533
|
[updateProp]
|
|
9433
9534
|
);
|
|
9434
|
-
return /* @__PURE__ */
|
|
9535
|
+
return /* @__PURE__ */ React106.createElement(
|
|
9435
9536
|
Paper12,
|
|
9436
9537
|
{
|
|
9437
9538
|
p: "md",
|
|
@@ -9442,7 +9543,7 @@ var TemplateConfig5 = ({ editor, block }) => {
|
|
|
9442
9543
|
flexDirection: "column"
|
|
9443
9544
|
}
|
|
9444
9545
|
},
|
|
9445
|
-
/* @__PURE__ */
|
|
9546
|
+
/* @__PURE__ */ React106.createElement(
|
|
9446
9547
|
"div",
|
|
9447
9548
|
{
|
|
9448
9549
|
style: {
|
|
@@ -9452,17 +9553,17 @@ var TemplateConfig5 = ({ editor, block }) => {
|
|
|
9452
9553
|
marginBottom: "1rem"
|
|
9453
9554
|
}
|
|
9454
9555
|
},
|
|
9455
|
-
/* @__PURE__ */
|
|
9456
|
-
/* @__PURE__ */
|
|
9556
|
+
/* @__PURE__ */ React106.createElement(Title8, { order: 3 }, "Notification Settings"),
|
|
9557
|
+
/* @__PURE__ */ React106.createElement(CloseButton7, { onClick: closePanel })
|
|
9457
9558
|
),
|
|
9458
|
-
/* @__PURE__ */
|
|
9559
|
+
/* @__PURE__ */ React106.createElement(
|
|
9459
9560
|
ReusablePanel,
|
|
9460
9561
|
{
|
|
9461
9562
|
extraTabs: [
|
|
9462
9563
|
{
|
|
9463
9564
|
label: "General",
|
|
9464
9565
|
value: "general",
|
|
9465
|
-
content: /* @__PURE__ */
|
|
9566
|
+
content: /* @__PURE__ */ React106.createElement(
|
|
9466
9567
|
GeneralTab5,
|
|
9467
9568
|
{
|
|
9468
9569
|
title: block.props.title || "",
|
|
@@ -9518,11 +9619,11 @@ var TemplateConfig5 = ({ editor, block }) => {
|
|
|
9518
9619
|
};
|
|
9519
9620
|
|
|
9520
9621
|
// src/mantine/blocks/notify/template/TemplateView.tsx
|
|
9521
|
-
import { Card as Card22, Group as
|
|
9622
|
+
import { Card as Card22, Group as Group35, Stack as Stack80, Text as Text55, ActionIcon as ActionIcon18, Badge as Badge14 } from "@mantine/core";
|
|
9522
9623
|
var NOTIFY_TEMPLATE_PANEL_ID = "notify-template-panel";
|
|
9523
9624
|
var NotifyTemplateView = ({ editor, block }) => {
|
|
9524
9625
|
const panelId = `${NOTIFY_TEMPLATE_PANEL_ID}-${block.id}`;
|
|
9525
|
-
const panelContent = useMemo18(() => /* @__PURE__ */
|
|
9626
|
+
const panelContent = useMemo18(() => /* @__PURE__ */ React107.createElement(TemplateConfig5, { editor, block }), [editor, block]);
|
|
9526
9627
|
const { open } = usePanel(panelId, panelContent);
|
|
9527
9628
|
const channel = block.props.channel || "email";
|
|
9528
9629
|
const to = (() => {
|
|
@@ -9547,12 +9648,12 @@ var NotifyTemplateView = ({ editor, block }) => {
|
|
|
9547
9648
|
return "gray";
|
|
9548
9649
|
}
|
|
9549
9650
|
};
|
|
9550
|
-
return /* @__PURE__ */
|
|
9651
|
+
return /* @__PURE__ */ React107.createElement(Card22, { withBorder: true, padding: "md", radius: "md", style: { width: "100%", cursor: "pointer", position: "relative" }, onClick: open }, /* @__PURE__ */ React107.createElement(Badge14, { size: "xs", variant: "light", color: "gray", style: { position: "absolute", top: 8, right: 8 } }, "Template"), /* @__PURE__ */ React107.createElement(Group35, { wrap: "nowrap", justify: "space-between", align: "center" }, /* @__PURE__ */ React107.createElement(Group35, { wrap: "nowrap", align: "center" }, /* @__PURE__ */ React107.createElement(ActionIcon18, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React107.createElement(Stack80, { gap: "xs", style: { flex: 1 } }, /* @__PURE__ */ React107.createElement(Group35, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React107.createElement(Badge14, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React107.createElement(Text55, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification")), /* @__PURE__ */ React107.createElement(Text55, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.join(", ")}` : "Click to configure recipients"), block.props.description && /* @__PURE__ */ React107.createElement(Text55, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description)))));
|
|
9551
9652
|
};
|
|
9552
9653
|
|
|
9553
9654
|
// src/mantine/blocks/notify/flow/FlowView.tsx
|
|
9554
|
-
import
|
|
9555
|
-
import { Card as Card23, Group as
|
|
9655
|
+
import React108, { useState as useState29 } from "react";
|
|
9656
|
+
import { Card as Card23, Group as Group36, Stack as Stack81, Text as Text56, ActionIcon as ActionIcon19, Tooltip as Tooltip7, Button as Button27, Badge as Badge15, Collapse as Collapse3, Alert as Alert11, Loader as Loader6, Code as Code3 } from "@mantine/core";
|
|
9556
9657
|
import { IconSend as IconSend2, IconChevronDown as IconChevronDown3, IconChevronUp as IconChevronUp3, IconCheck, IconX as IconX3 } from "@tabler/icons-react";
|
|
9557
9658
|
var NotifyFlowView = ({ editor, block, isDisabled }) => {
|
|
9558
9659
|
const disabled = isDisabled?.isDisabled === "disable";
|
|
@@ -9666,20 +9767,20 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
|
|
|
9666
9767
|
}
|
|
9667
9768
|
};
|
|
9668
9769
|
const canSend = !disabled && !isLoading && handlers && to.length > 0 && (channel === "email" ? block.props.subject && block.props.body : true);
|
|
9669
|
-
const sendButton = /* @__PURE__ */
|
|
9770
|
+
const sendButton = /* @__PURE__ */ React108.createElement(
|
|
9670
9771
|
Button27,
|
|
9671
9772
|
{
|
|
9672
9773
|
size: "sm",
|
|
9673
9774
|
variant: "light",
|
|
9674
9775
|
color: getChannelColor(channel),
|
|
9675
|
-
leftSection: isLoading ? /* @__PURE__ */
|
|
9776
|
+
leftSection: isLoading ? /* @__PURE__ */ React108.createElement(Loader6, { size: 14 }) : status === "sent" ? /* @__PURE__ */ React108.createElement(IconCheck, { size: 14 }) : /* @__PURE__ */ React108.createElement(IconSend2, { size: 14 }),
|
|
9676
9777
|
onClick: handleSendNotification,
|
|
9677
9778
|
disabled: !canSend,
|
|
9678
9779
|
style: { flexShrink: 0 }
|
|
9679
9780
|
},
|
|
9680
9781
|
isLoading ? "Sending..." : status === "sent" ? "Sent" : "Send"
|
|
9681
9782
|
);
|
|
9682
|
-
return /* @__PURE__ */
|
|
9783
|
+
return /* @__PURE__ */ React108.createElement(Card23, { withBorder: true, padding: "md", radius: "md", style: { width: "100%" } }, /* @__PURE__ */ React108.createElement(Stack81, { gap: "md" }, /* @__PURE__ */ React108.createElement(Group36, { wrap: "nowrap", justify: "space-between", align: "flex-start" }, /* @__PURE__ */ React108.createElement(Group36, { wrap: "nowrap", align: "flex-start", style: { flex: 1 } }, /* @__PURE__ */ React108.createElement(ActionIcon19, { variant: "light", color: getChannelColor(channel), size: "lg", radius: "xl", style: { flexShrink: 0 } }, getIcon(block.props.icon, 18, 1.5, "bell")), /* @__PURE__ */ React108.createElement(Stack81, { gap: "xs", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React108.createElement(Group36, { gap: "xs", wrap: "nowrap" }, /* @__PURE__ */ React108.createElement(Badge15, { size: "sm", variant: "filled", color: getChannelColor(channel) }, channel.toUpperCase()), /* @__PURE__ */ React108.createElement(Text56, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Notification"), status !== "idle" && /* @__PURE__ */ React108.createElement(Badge15, { size: "xs", variant: "dot", color: getStatusColor(status) }, status)), /* @__PURE__ */ React108.createElement(Text56, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, to.length > 0 ? `To: ${to.slice(0, 2).join(", ")}${to.length > 2 ? ` +${to.length - 2} more` : ""}` : "No recipients"), block.props.description && /* @__PURE__ */ React108.createElement(Text56, { size: "xs", c: "dimmed", contentEditable: false }, block.props.description))), /* @__PURE__ */ React108.createElement(Group36, { gap: "xs", style: { flexShrink: 0 } }, disabled && isDisabled?.message ? /* @__PURE__ */ React108.createElement(Tooltip7, { label: isDisabled.message, position: "left", withArrow: true }, sendButton) : sendButton, /* @__PURE__ */ React108.createElement(ActionIcon19, { variant: "subtle", onClick: () => setShowDetails(!showDetails) }, showDetails ? /* @__PURE__ */ React108.createElement(IconChevronUp3, { size: 16 }) : /* @__PURE__ */ React108.createElement(IconChevronDown3, { size: 16 })))), status === "failed" && block.props.errorMessage && /* @__PURE__ */ React108.createElement(Alert11, { color: "red", icon: /* @__PURE__ */ React108.createElement(IconX3, { size: 16 }), title: "Failed to send", styles: { message: { fontSize: "12px" } } }, block.props.errorMessage), status === "sent" && block.props.messageId && /* @__PURE__ */ React108.createElement(Alert11, { color: "green", icon: /* @__PURE__ */ React108.createElement(IconCheck, { size: 16 }), title: "Sent successfully", styles: { message: { fontSize: "12px" } } }, "Message ID: ", block.props.messageId, block.props.sentAt && /* @__PURE__ */ React108.createElement(React108.Fragment, null, /* @__PURE__ */ React108.createElement("br", null), "Sent at: ", new Date(block.props.sentAt).toLocaleString())), /* @__PURE__ */ React108.createElement(Collapse3, { in: showDetails }, /* @__PURE__ */ React108.createElement(Stack81, { gap: "md" }, channel === "email" && /* @__PURE__ */ React108.createElement(React108.Fragment, null, /* @__PURE__ */ React108.createElement(Stack81, { gap: "xs" }, /* @__PURE__ */ React108.createElement(Text56, { size: "xs", fw: 600, c: "dimmed" }, "Recipients:"), /* @__PURE__ */ React108.createElement(Code3, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
|
|
9683
9784
|
{
|
|
9684
9785
|
to: to.filter((e) => e.trim() !== ""),
|
|
9685
9786
|
...cc.length > 0 && { cc: cc.filter((e) => e.trim() !== "") },
|
|
@@ -9687,7 +9788,7 @@ var NotifyFlowView = ({ editor, block, isDisabled }) => {
|
|
|
9687
9788
|
},
|
|
9688
9789
|
null,
|
|
9689
9790
|
2
|
|
9690
|
-
))), block.props.subject && /* @__PURE__ */
|
|
9791
|
+
))), block.props.subject && /* @__PURE__ */ React108.createElement(Stack81, { gap: "xs" }, /* @__PURE__ */ React108.createElement(Text56, { size: "xs", fw: 600, c: "dimmed" }, "Subject:"), /* @__PURE__ */ React108.createElement(Text56, { size: "xs" }, block.props.subject)), block.props.body && /* @__PURE__ */ React108.createElement(Stack81, { gap: "xs" }, /* @__PURE__ */ React108.createElement(Text56, { size: "xs", fw: 600, c: "dimmed" }, "Body (", block.props.bodyType || "text", "):"), /* @__PURE__ */ React108.createElement(Code3, { block: true, style: { fontSize: "11px", maxHeight: "200px", overflow: "auto" } }, block.props.body)), (block.props.from || block.props.replyTo) && /* @__PURE__ */ React108.createElement(Stack81, { gap: "xs" }, /* @__PURE__ */ React108.createElement(Text56, { size: "xs", fw: 600, c: "dimmed" }, "Additional:"), /* @__PURE__ */ React108.createElement(Code3, { block: true, style: { fontSize: "11px" } }, JSON.stringify(
|
|
9691
9792
|
{
|
|
9692
9793
|
...block.props.from && { from: block.props.from },
|
|
9693
9794
|
...block.props.replyTo && { replyTo: block.props.replyTo }
|
|
@@ -9702,7 +9803,7 @@ function NotifyBlock({ editor, block }) {
|
|
|
9702
9803
|
const { editable } = useBlocknoteContext();
|
|
9703
9804
|
const { actions } = useBlockConditions(block, editor);
|
|
9704
9805
|
if (editable) {
|
|
9705
|
-
return /* @__PURE__ */
|
|
9806
|
+
return /* @__PURE__ */ React109.createElement(NotifyTemplateView, { editor, block });
|
|
9706
9807
|
}
|
|
9707
9808
|
const conditionConfig = parseConditionConfig(block.props.conditions);
|
|
9708
9809
|
const hasVisibility = hasVisibilityConditions(conditionConfig);
|
|
@@ -9714,7 +9815,7 @@ function NotifyBlock({ editor, block }) {
|
|
|
9714
9815
|
const hasEnable = hasEnableConditions(conditionConfig);
|
|
9715
9816
|
const enableActionExists = actions.some((a) => a.action === "enable");
|
|
9716
9817
|
const shouldDisable = hasEnable && !enableActionExists;
|
|
9717
|
-
return /* @__PURE__ */
|
|
9818
|
+
return /* @__PURE__ */ React109.createElement(NotifyFlowView, { block, editor, isDisabled: shouldDisable ? { isDisabled: "disable", message: "Notification disabled by conditions" } : void 0 });
|
|
9718
9819
|
}
|
|
9719
9820
|
|
|
9720
9821
|
// src/mantine/blocks/notify/NotifyBlockSpec.tsx
|
|
@@ -9758,18 +9859,18 @@ var NotifyBlockSpec = createReactBlockSpec7(
|
|
|
9758
9859
|
{
|
|
9759
9860
|
render: (props) => {
|
|
9760
9861
|
const ixoProps = props;
|
|
9761
|
-
return /* @__PURE__ */
|
|
9862
|
+
return /* @__PURE__ */ React110.createElement(NotifyBlock, { ...ixoProps });
|
|
9762
9863
|
}
|
|
9763
9864
|
}
|
|
9764
9865
|
);
|
|
9765
9866
|
|
|
9766
9867
|
// src/mantine/blocks/list/ui/ListBlocksToolbar.tsx
|
|
9767
|
-
import
|
|
9768
|
-
import { ActionIcon as ActionIcon20, Group as
|
|
9868
|
+
import React111 from "react";
|
|
9869
|
+
import { ActionIcon as ActionIcon20, Group as Group37, Tooltip as Tooltip8 } from "@mantine/core";
|
|
9769
9870
|
import { IconChevronUp as IconChevronUp4, IconChevronDown as IconChevronDown4 } from "@tabler/icons-react";
|
|
9770
9871
|
var ListBlocksToolbar = () => {
|
|
9771
9872
|
const { broadcastCollapse } = useListBlocksUI();
|
|
9772
|
-
return /* @__PURE__ */
|
|
9873
|
+
return /* @__PURE__ */ React111.createElement(Group37, { gap: "xs" }, /* @__PURE__ */ React111.createElement(Tooltip8, { label: "Collapse all lists", withArrow: true }, /* @__PURE__ */ React111.createElement(ActionIcon20, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Collapse all lists", onClick: () => broadcastCollapse("collapse") }, /* @__PURE__ */ React111.createElement(IconChevronUp4, { size: 18 }))), /* @__PURE__ */ React111.createElement(Tooltip8, { label: "Expand all lists", withArrow: true }, /* @__PURE__ */ React111.createElement(ActionIcon20, { c: "dimmed", variant: "subtle", size: "sm", "aria-label": "Expand all lists", onClick: () => broadcastCollapse("expand") }, /* @__PURE__ */ React111.createElement(IconChevronDown4, { size: 18 }))));
|
|
9773
9874
|
};
|
|
9774
9875
|
|
|
9775
9876
|
// src/mantine/blocks/registry/blockRegistry.ts
|
|
@@ -10478,26 +10579,30 @@ function useCreateCollaborativeIxoEditor(options) {
|
|
|
10478
10579
|
}
|
|
10479
10580
|
|
|
10480
10581
|
// src/mantine/IxoEditor.tsx
|
|
10481
|
-
import
|
|
10582
|
+
import React113 from "react";
|
|
10482
10583
|
import { getDefaultReactSlashMenuItems, SuggestionMenuController } from "@blocknote/react";
|
|
10483
10584
|
import { BlockNoteView } from "@blocknote/mantine";
|
|
10484
10585
|
import { filterSuggestionItems } from "@blocknote/core";
|
|
10485
|
-
import { Flex as
|
|
10586
|
+
import { Flex as Flex22, MantineProvider, Text as Text57 } from "@mantine/core";
|
|
10486
10587
|
|
|
10487
10588
|
// src/mantine/components/PanelContent.tsx
|
|
10488
|
-
import
|
|
10589
|
+
import React112 from "react";
|
|
10590
|
+
import { Box as Box22 } from "@mantine/core";
|
|
10489
10591
|
function PanelContent() {
|
|
10490
10592
|
const { activePanel, registeredPanels } = usePanelStore();
|
|
10491
10593
|
const isOpen = activePanel !== null;
|
|
10492
10594
|
const content = activePanel ? registeredPanels.get(activePanel) : null;
|
|
10493
|
-
return /* @__PURE__ */
|
|
10494
|
-
|
|
10595
|
+
return /* @__PURE__ */ React112.createElement(
|
|
10596
|
+
Box22,
|
|
10495
10597
|
{
|
|
10598
|
+
pos: "sticky",
|
|
10599
|
+
right: 0,
|
|
10600
|
+
top: 0,
|
|
10496
10601
|
style: {
|
|
10497
|
-
|
|
10498
|
-
|
|
10499
|
-
transition: "
|
|
10500
|
-
overflow: "hidden"
|
|
10602
|
+
width: isOpen ? "50%" : "0",
|
|
10603
|
+
height: "calc(100vh - 150px)",
|
|
10604
|
+
transition: "width 0.2s ease",
|
|
10605
|
+
overflow: isOpen ? "auto" : "hidden"
|
|
10501
10606
|
}
|
|
10502
10607
|
},
|
|
10503
10608
|
isOpen && content
|
|
@@ -10514,7 +10619,7 @@ function IxoEditorContent({
|
|
|
10514
10619
|
onSelectionChange,
|
|
10515
10620
|
children
|
|
10516
10621
|
}) {
|
|
10517
|
-
return /* @__PURE__ */
|
|
10622
|
+
return /* @__PURE__ */ React113.createElement("div", { style: { display: "flex", height: "100%" } }, /* @__PURE__ */ React113.createElement("div", { className: `ixo-editor ixo-editor--theme-${config.theme} ${className}`, style: { flex: 1 } }, /* @__PURE__ */ React113.createElement(
|
|
10518
10623
|
BlockNoteView,
|
|
10519
10624
|
{
|
|
10520
10625
|
editor,
|
|
@@ -10529,7 +10634,7 @@ function IxoEditorContent({
|
|
|
10529
10634
|
onChange,
|
|
10530
10635
|
onSelectionChange
|
|
10531
10636
|
},
|
|
10532
|
-
config.slashMenu && /* @__PURE__ */
|
|
10637
|
+
config.slashMenu && /* @__PURE__ */ React113.createElement(
|
|
10533
10638
|
SuggestionMenuController,
|
|
10534
10639
|
{
|
|
10535
10640
|
triggerCharacter: "/",
|
|
@@ -10541,7 +10646,7 @@ function IxoEditorContent({
|
|
|
10541
10646
|
}
|
|
10542
10647
|
),
|
|
10543
10648
|
children
|
|
10544
|
-
)), /* @__PURE__ */
|
|
10649
|
+
)), /* @__PURE__ */ React113.createElement(PanelContent, null));
|
|
10545
10650
|
}
|
|
10546
10651
|
function IxoEditor({
|
|
10547
10652
|
editor,
|
|
@@ -10567,9 +10672,9 @@ function IxoEditor({
|
|
|
10567
10672
|
tableHandles: true
|
|
10568
10673
|
};
|
|
10569
10674
|
const isEditable = editable;
|
|
10570
|
-
const editorContent = /* @__PURE__ */
|
|
10675
|
+
const editorContent = /* @__PURE__ */ React113.createElement(BlocknoteProvider, { editor, handlers, blockRequirements, editable: isEditable }, /* @__PURE__ */ React113.createElement(ListBlocksUIProvider, null, /* @__PURE__ */ React113.createElement(Flex22, { pr: 25, justify: "flex-end", align: "center", gap: "xs" }, /* @__PURE__ */ React113.createElement(Text57, { size: "xs", c: "dimmed", tt: "uppercase" }, "Global actions"), /* @__PURE__ */ React113.createElement(ListBlocksToolbar, null)), /* @__PURE__ */ React113.createElement(IxoEditorContent, { editor, config, isEditable, className, onChange, onSelectionChange }, children)));
|
|
10571
10676
|
if (mantineTheme) {
|
|
10572
|
-
return /* @__PURE__ */
|
|
10677
|
+
return /* @__PURE__ */ React113.createElement(MantineProvider, { theme: mantineTheme }, editorContent);
|
|
10573
10678
|
}
|
|
10574
10679
|
return editorContent;
|
|
10575
10680
|
}
|
|
@@ -10653,4 +10758,4 @@ export {
|
|
|
10653
10758
|
ixoGraphQLClient,
|
|
10654
10759
|
getEntity
|
|
10655
10760
|
};
|
|
10656
|
-
//# sourceMappingURL=chunk-
|
|
10761
|
+
//# sourceMappingURL=chunk-FDLWSUB5.mjs.map
|