@ixo/editor 3.4.1 → 3.4.3

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.
@@ -4840,14 +4840,14 @@ var ResourcesList = ({ items, isMultiSelect, isItemChecked, onItemCheck, config:
4840
4840
 
4841
4841
  // src/mantine/blocks/list/assets/AssetsList.tsx
4842
4842
  import React36 from "react";
4843
- import { Text as Text16, Box as Box4, Stack as Stack18, Flex as Flex5, Image } from "@mantine/core";
4843
+ import { Text as Text16, Box as Box4, Stack as Stack18, Flex as Flex5, Image as Image2 } from "@mantine/core";
4844
4844
  var AssetsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
4845
4845
  if (!items || items.length === 0) {
4846
4846
  return /* @__PURE__ */ React36.createElement(Text16, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
4847
4847
  }
4848
4848
  const rows = items.map((asset) => {
4849
4849
  const isChecked = isItemChecked?.(asset.did);
4850
- return /* @__PURE__ */ React36.createElement(ListItemContainer, { onClick: () => onItemCheck?.(asset.did, !isChecked), key: asset.did, isChecked: !!isChecked }, /* @__PURE__ */ React36.createElement(Flex5, { align: "center", gap: "sm" }, /* @__PURE__ */ React36.createElement(Image, { radius: 16, w: 32, h: 32, src: asset.icon }), /* @__PURE__ */ React36.createElement(Stack18, { gap: 0 }, /* @__PURE__ */ React36.createElement(Text16, { size: "sm" }, asset.name || "-", " ", asset.alsoKnownAs || "-"), /* @__PURE__ */ React36.createElement(Text16, { size: "sm", c: "dimmed" }, asset.issuer || "-"))), /* @__PURE__ */ React36.createElement(Flex5, { align: "center", gap: "md" }, /* @__PURE__ */ React36.createElement(Stack18, { ta: "right", gap: 0 }, /* @__PURE__ */ React36.createElement(Text16, { size: "sm" }, asset.currency || "", formatNumber(asset.price)), /* @__PURE__ */ React36.createElement(Text16, { size: "sm", c: "dimmed" }, asset.owned ? "Owned" : "Not Owned")), isMultiSelect && /* @__PURE__ */ React36.createElement(ListItemCheckbox, { ariaLabel: `Select asset ${asset.did}`, checked: isItemChecked?.(asset.did), onCheck: (checked) => onItemCheck?.(asset.did, checked) })));
4850
+ return /* @__PURE__ */ React36.createElement(ListItemContainer, { onClick: () => onItemCheck?.(asset.did, !isChecked), key: asset.did, isChecked: !!isChecked }, /* @__PURE__ */ React36.createElement(Flex5, { align: "center", gap: "sm" }, /* @__PURE__ */ React36.createElement(Image2, { radius: 16, w: 32, h: 32, src: asset.icon }), /* @__PURE__ */ React36.createElement(Stack18, { gap: 0 }, /* @__PURE__ */ React36.createElement(Text16, { size: "sm" }, asset.name || "-", " ", asset.alsoKnownAs || "-"), /* @__PURE__ */ React36.createElement(Text16, { size: "sm", c: "dimmed" }, asset.issuer || "-"))), /* @__PURE__ */ React36.createElement(Flex5, { align: "center", gap: "md" }, /* @__PURE__ */ React36.createElement(Stack18, { ta: "right", gap: 0 }, /* @__PURE__ */ React36.createElement(Text16, { size: "sm" }, asset.currency || "", formatNumber(asset.price)), /* @__PURE__ */ React36.createElement(Text16, { size: "sm", c: "dimmed" }, asset.owned ? "Owned" : "Not Owned")), isMultiSelect && /* @__PURE__ */ React36.createElement(ListItemCheckbox, { ariaLabel: `Select asset ${asset.did}`, checked: isItemChecked?.(asset.did), onCheck: (checked) => onItemCheck?.(asset.did, checked) })));
4851
4851
  });
4852
4852
  return /* @__PURE__ */ React36.createElement(Box4, { flex: 1 }, /* @__PURE__ */ React36.createElement(Stack18, null, rows));
4853
4853
  };
@@ -4959,14 +4959,14 @@ var listTypeSupportsSearch = (listType) => {
4959
4959
 
4960
4960
  // src/mantine/blocks/list/collections/CollectionsList.tsx
4961
4961
  import React39 from "react";
4962
- import { Text as Text19, Box as Box6, Image as Image2, Stack as Stack21, Flex as Flex8 } from "@mantine/core";
4962
+ import { Text as Text19, Box as Box6, Image as Image3, Stack as Stack21, Flex as Flex8 } from "@mantine/core";
4963
4963
  var CollectionsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
4964
4964
  if (!items || items.length === 0) {
4965
4965
  return /* @__PURE__ */ React39.createElement(Text19, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No collections found");
4966
4966
  }
4967
4967
  const rows = items.map((item) => {
4968
4968
  const isChecked = isItemChecked?.(item.did);
4969
- return /* @__PURE__ */ React39.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React39.createElement(Flex8, { align: "center", gap: "sm" }, /* @__PURE__ */ React39.createElement(Image2, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React39.createElement(Stack21, { gap: 0 }, /* @__PURE__ */ React39.createElement(Text19, { size: "sm" }, item.name), /* @__PURE__ */ React39.createElement(Text19, { size: "sm", c: "dimmed" }, item.brand))), /* @__PURE__ */ React39.createElement(Flex8, { align: "center", gap: "md" }, /* @__PURE__ */ React39.createElement(Stack21, { ta: "right", gap: 0 }, /* @__PURE__ */ React39.createElement(Text19, { size: "sm" }, item.totalAssets, " Assets"), /* @__PURE__ */ React39.createElement(Text19, { size: "sm", c: "dimmed" }, item.currency, item.price)), isMultiSelect && /* @__PURE__ */ React39.createElement(ListItemCheckbox, { ariaLabel: `Select collection ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
4969
+ return /* @__PURE__ */ React39.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React39.createElement(Flex8, { align: "center", gap: "sm" }, /* @__PURE__ */ React39.createElement(Image3, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React39.createElement(Stack21, { gap: 0 }, /* @__PURE__ */ React39.createElement(Text19, { size: "sm" }, item.name), /* @__PURE__ */ React39.createElement(Text19, { size: "sm", c: "dimmed" }, item.brand))), /* @__PURE__ */ React39.createElement(Flex8, { align: "center", gap: "md" }, /* @__PURE__ */ React39.createElement(Stack21, { ta: "right", gap: 0 }, /* @__PURE__ */ React39.createElement(Text19, { size: "sm" }, item.totalAssets, " Assets"), /* @__PURE__ */ React39.createElement(Text19, { size: "sm", c: "dimmed" }, item.currency, item.price)), isMultiSelect && /* @__PURE__ */ React39.createElement(ListItemCheckbox, { ariaLabel: `Select collection ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
4970
4970
  });
4971
4971
  return /* @__PURE__ */ React39.createElement(Box6, { flex: 1 }, /* @__PURE__ */ React39.createElement(Stack21, null, rows));
4972
4972
  };
@@ -5025,91 +5025,91 @@ var BalancesList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
5025
5025
 
5026
5026
  // src/mantine/blocks/list/investments/InvestmentsList.tsx
5027
5027
  import React41 from "react";
5028
- import { Text as Text21, Box as Box8, Image as Image3, Stack as Stack23, Flex as Flex10, Progress } from "@mantine/core";
5028
+ import { Text as Text21, Box as Box8, Image as Image4, Stack as Stack23, Flex as Flex10, Progress } from "@mantine/core";
5029
5029
  var InvestmentsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
5030
5030
  if (!items || items.length === 0) {
5031
5031
  return /* @__PURE__ */ React41.createElement(Text21, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No investments found");
5032
5032
  }
5033
5033
  const rows = items.map((item) => {
5034
5034
  const isChecked = isItemChecked?.(item.did);
5035
- return /* @__PURE__ */ React41.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React41.createElement(Flex10, { align: "center", gap: "sm" }, /* @__PURE__ */ React41.createElement(Image3, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React41.createElement(Stack23, { gap: 0 }, /* @__PURE__ */ React41.createElement(Text21, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React41.createElement(Text21, { size: "sm", c: "dimmed" }, item.brand || "-"))), /* @__PURE__ */ React41.createElement(Flex10, { align: "center", gap: "md" }, /* @__PURE__ */ React41.createElement(Stack23, { ta: "right", gap: 0 }, /* @__PURE__ */ React41.createElement(Flex10, { gap: "5px" }, /* @__PURE__ */ React41.createElement(Text21, { size: "sm" }, item.currency + formatNumber(item.currentAmount)), /* @__PURE__ */ React41.createElement(Text21, { size: "sm", c: "dimmed" }, "/ ", item.currency + formatNumber(item.maxAmount))), /* @__PURE__ */ React41.createElement(Text21, { size: "xs", c: "dimmed" }, /* @__PURE__ */ React41.createElement(Progress, { color: "rgb(0, 255, 157)", radius: "xl", size: "lg", value: item.currentAmount * 100 / item.maxAmount }))), isMultiSelect && /* @__PURE__ */ React41.createElement(ListItemCheckbox, { ariaLabel: `Select investment ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5035
+ return /* @__PURE__ */ React41.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React41.createElement(Flex10, { align: "center", gap: "sm" }, /* @__PURE__ */ React41.createElement(Image4, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React41.createElement(Stack23, { gap: 0 }, /* @__PURE__ */ React41.createElement(Text21, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React41.createElement(Text21, { size: "sm", c: "dimmed" }, item.brand || "-"))), /* @__PURE__ */ React41.createElement(Flex10, { align: "center", gap: "md" }, /* @__PURE__ */ React41.createElement(Stack23, { ta: "right", gap: 0 }, /* @__PURE__ */ React41.createElement(Flex10, { gap: "5px" }, /* @__PURE__ */ React41.createElement(Text21, { size: "sm" }, item.currency + formatNumber(item.currentAmount)), /* @__PURE__ */ React41.createElement(Text21, { size: "sm", c: "dimmed" }, "/ ", item.currency + formatNumber(item.maxAmount))), /* @__PURE__ */ React41.createElement(Text21, { size: "xs", c: "dimmed" }, /* @__PURE__ */ React41.createElement(Progress, { color: "rgb(0, 255, 157)", radius: "xl", size: "lg", value: item.currentAmount * 100 / item.maxAmount }))), isMultiSelect && /* @__PURE__ */ React41.createElement(ListItemCheckbox, { ariaLabel: `Select investment ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5036
5036
  });
5037
5037
  return /* @__PURE__ */ React41.createElement(Box8, { flex: 1 }, /* @__PURE__ */ React41.createElement(Stack23, null, rows));
5038
5038
  };
5039
5039
 
5040
5040
  // src/mantine/blocks/list/oracles/OraclesList.tsx
5041
5041
  import React42 from "react";
5042
- import { Text as Text22, Box as Box9, Image as Image4, Stack as Stack24, Flex as Flex11 } from "@mantine/core";
5042
+ import { Text as Text22, Box as Box9, Image as Image5, Stack as Stack24, Flex as Flex11 } from "@mantine/core";
5043
5043
  var OraclesList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
5044
5044
  if (!items || items.length === 0) {
5045
5045
  return /* @__PURE__ */ React42.createElement(Text22, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No oracles found");
5046
5046
  }
5047
5047
  const rows = items.map((item) => {
5048
5048
  const isChecked = isItemChecked?.(item.did);
5049
- return /* @__PURE__ */ React42.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React42.createElement(Flex11, { align: "center", gap: "sm" }, /* @__PURE__ */ React42.createElement(Image4, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React42.createElement(Stack24, { gap: 0 }, /* @__PURE__ */ React42.createElement(Text22, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React42.createElement(Text22, { size: "sm", c: "dimmed" }, item.brand || "-"))), /* @__PURE__ */ React42.createElement(Flex11, { align: "center", gap: "md" }, /* @__PURE__ */ React42.createElement(Stack24, { ta: "right", gap: 0 }, /* @__PURE__ */ React42.createElement(Text22, { size: "sm" }, item.currency || "-"), /* @__PURE__ */ React42.createElement(Text22, { size: "xs", c: "dimmed" }, item.minPoints, " - ", item.maxPoints, " pts"), /* @__PURE__ */ React42.createElement(Text22, { size: "xs", c: "dimmed" }, item.flowsAmount, " Flows")), isMultiSelect && /* @__PURE__ */ React42.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5049
+ return /* @__PURE__ */ React42.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React42.createElement(Flex11, { align: "center", gap: "sm" }, /* @__PURE__ */ React42.createElement(Image5, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React42.createElement(Stack24, { gap: 0 }, /* @__PURE__ */ React42.createElement(Text22, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React42.createElement(Text22, { size: "sm", c: "dimmed" }, item.brand || "-"))), /* @__PURE__ */ React42.createElement(Flex11, { align: "center", gap: "md" }, /* @__PURE__ */ React42.createElement(Stack24, { ta: "right", gap: 0 }, /* @__PURE__ */ React42.createElement(Text22, { size: "sm" }, item.currency || "-"), /* @__PURE__ */ React42.createElement(Text22, { size: "xs", c: "dimmed" }, item.minPoints, " - ", item.maxPoints, " pts"), /* @__PURE__ */ React42.createElement(Text22, { size: "xs", c: "dimmed" }, item.flowsAmount, " Flows")), isMultiSelect && /* @__PURE__ */ React42.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5050
5050
  });
5051
5051
  return /* @__PURE__ */ React42.createElement(Box9, { flex: 1 }, /* @__PURE__ */ React42.createElement(Stack24, null, rows));
5052
5052
  };
5053
5053
 
5054
5054
  // src/mantine/blocks/list/pods/PODsList.tsx
5055
5055
  import React43 from "react";
5056
- import { Text as Text23, Box as Box10, Image as Image5, Stack as Stack25, Flex as Flex12 } from "@mantine/core";
5056
+ import { Text as Text23, Box as Box10, Image as Image6, Stack as Stack25, Flex as Flex12 } from "@mantine/core";
5057
5057
  var PodsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
5058
5058
  if (!items || items.length === 0) {
5059
5059
  return /* @__PURE__ */ React43.createElement(Text23, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No PODs found");
5060
5060
  }
5061
5061
  const rows = items.map((item) => {
5062
5062
  const isChecked = isItemChecked?.(item.did);
5063
- return /* @__PURE__ */ React43.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React43.createElement(Flex12, { align: "center", gap: "sm" }, /* @__PURE__ */ React43.createElement(Image5, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React43.createElement(Stack25, { gap: 0 }, /* @__PURE__ */ React43.createElement(Text23, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React43.createElement(Text23, { size: "sm", c: "dimmed" }, item.startDate, " \u2192 ", item.endDate))), /* @__PURE__ */ React43.createElement(Flex12, { align: "center", gap: "md" }, /* @__PURE__ */ React43.createElement(Stack25, { ta: "right", gap: 0 }, /* @__PURE__ */ React43.createElement(Text23, { size: "sm" }, item.members, " Members"), /* @__PURE__ */ React43.createElement(Text23, { size: "sm", c: "dimmed" }, item.totalProposals, " Proposals")), isMultiSelect && /* @__PURE__ */ React43.createElement(ListItemCheckbox, { ariaLabel: `Select POD ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5063
+ return /* @__PURE__ */ React43.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React43.createElement(Flex12, { align: "center", gap: "sm" }, /* @__PURE__ */ React43.createElement(Image6, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React43.createElement(Stack25, { gap: 0 }, /* @__PURE__ */ React43.createElement(Text23, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React43.createElement(Text23, { size: "sm", c: "dimmed" }, item.startDate, " \u2192 ", item.endDate))), /* @__PURE__ */ React43.createElement(Flex12, { align: "center", gap: "md" }, /* @__PURE__ */ React43.createElement(Stack25, { ta: "right", gap: 0 }, /* @__PURE__ */ React43.createElement(Text23, { size: "sm" }, item.members, " Members"), /* @__PURE__ */ React43.createElement(Text23, { size: "sm", c: "dimmed" }, item.totalProposals, " Proposals")), isMultiSelect && /* @__PURE__ */ React43.createElement(ListItemCheckbox, { ariaLabel: `Select POD ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5064
5064
  });
5065
5065
  return /* @__PURE__ */ React43.createElement(Box10, { flex: 1 }, /* @__PURE__ */ React43.createElement(Stack25, null, rows));
5066
5066
  };
5067
5067
 
5068
5068
  // src/mantine/blocks/list/proposals/ProposalsList.tsx
5069
5069
  import React44 from "react";
5070
- import { Text as Text24, Box as Box11, Image as Image6, Stack as Stack26, Flex as Flex13, Badge as Badge4 } from "@mantine/core";
5070
+ import { Text as Text24, Box as Box11, Image as Image7, Stack as Stack26, Flex as Flex13, Badge as Badge4 } from "@mantine/core";
5071
5071
  var ProposalsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
5072
5072
  if (!items || items.length === 0) {
5073
5073
  return /* @__PURE__ */ React44.createElement(Text24, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No proposals found");
5074
5074
  }
5075
5075
  const rows = items.map((item) => {
5076
5076
  const isChecked = isItemChecked?.(item.did);
5077
- return /* @__PURE__ */ React44.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React44.createElement(Flex13, { align: "center", gap: "sm" }, /* @__PURE__ */ React44.createElement(Image6, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React44.createElement(Stack26, { gap: 0 }, /* @__PURE__ */ React44.createElement(Text24, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React44.createElement(Text24, { size: "xs", c: "dimmed" }, item.description || "-"))), /* @__PURE__ */ React44.createElement(Flex13, { align: "center", gap: "md" }, /* @__PURE__ */ React44.createElement(Stack26, { ta: "right", align: "end", gap: 0 }, /* @__PURE__ */ React44.createElement(Badge4, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, item.status), /* @__PURE__ */ React44.createElement(Text24, { size: "sm", c: "dimmed" }, item.isVotedOn ? "Voted" : "Not voted")), isMultiSelect && /* @__PURE__ */ React44.createElement(ListItemCheckbox, { ariaLabel: `Select proposal ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5077
+ return /* @__PURE__ */ React44.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React44.createElement(Flex13, { align: "center", gap: "sm" }, /* @__PURE__ */ React44.createElement(Image7, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React44.createElement(Stack26, { gap: 0 }, /* @__PURE__ */ React44.createElement(Text24, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React44.createElement(Text24, { size: "xs", c: "dimmed" }, item.description || "-"))), /* @__PURE__ */ React44.createElement(Flex13, { align: "center", gap: "md" }, /* @__PURE__ */ React44.createElement(Stack26, { ta: "right", align: "end", gap: 0 }, /* @__PURE__ */ React44.createElement(Badge4, { size: "sm", variant: "light", color: "blue", style: { fontFamily: "monospace", fontSize: "10px" } }, item.status), /* @__PURE__ */ React44.createElement(Text24, { size: "sm", c: "dimmed" }, item.isVotedOn ? "Voted" : "Not voted")), isMultiSelect && /* @__PURE__ */ React44.createElement(ListItemCheckbox, { ariaLabel: `Select proposal ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5078
5078
  });
5079
5079
  return /* @__PURE__ */ React44.createElement(Box11, { flex: 1 }, /* @__PURE__ */ React44.createElement(Stack26, null, rows));
5080
5080
  };
5081
5081
 
5082
5082
  // src/mantine/blocks/list/requests/RequestsList.tsx
5083
5083
  import React45 from "react";
5084
- import { Text as Text25, Box as Box12, Image as Image7, Stack as Stack27, Flex as Flex14 } from "@mantine/core";
5084
+ import { Text as Text25, Box as Box12, Image as Image8, Stack as Stack27, Flex as Flex14 } from "@mantine/core";
5085
5085
  var RequestsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
5086
5086
  if (!items || items.length === 0) {
5087
5087
  return /* @__PURE__ */ React45.createElement(Text25, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No requests found");
5088
5088
  }
5089
5089
  const rows = items.map((item) => {
5090
5090
  const isChecked = isItemChecked?.(item.did);
5091
- return /* @__PURE__ */ React45.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React45.createElement(Flex14, { align: "center", gap: "sm" }, /* @__PURE__ */ React45.createElement(Image7, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React45.createElement(Stack27, { gap: 0 }, /* @__PURE__ */ React45.createElement(Text25, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React45.createElement(Text25, { size: "sm", c: "dimmed" }, item.brand || "-"))), /* @__PURE__ */ React45.createElement(Flex14, { align: "center", gap: "md" }, /* @__PURE__ */ React45.createElement(Stack27, { ta: "right", gap: 0 }, /* @__PURE__ */ React45.createElement(Text25, { size: "sm", c: "dimmed" }, item.currency || "", item.budget ?? "-"), /* @__PURE__ */ React45.createElement(Text25, { size: "xs", c: "dimmed" }, item.totalApplications ?? 0, " Applications")), isMultiSelect && /* @__PURE__ */ React45.createElement(ListItemCheckbox, { ariaLabel: `Select request ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5091
+ return /* @__PURE__ */ React45.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React45.createElement(Flex14, { align: "center", gap: "sm" }, /* @__PURE__ */ React45.createElement(Image8, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React45.createElement(Stack27, { gap: 0 }, /* @__PURE__ */ React45.createElement(Text25, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React45.createElement(Text25, { size: "sm", c: "dimmed" }, item.brand || "-"))), /* @__PURE__ */ React45.createElement(Flex14, { align: "center", gap: "md" }, /* @__PURE__ */ React45.createElement(Stack27, { ta: "right", gap: 0 }, /* @__PURE__ */ React45.createElement(Text25, { size: "sm", c: "dimmed" }, item.currency || "", item.budget ?? "-"), /* @__PURE__ */ React45.createElement(Text25, { size: "xs", c: "dimmed" }, item.totalApplications ?? 0, " Applications")), isMultiSelect && /* @__PURE__ */ React45.createElement(ListItemCheckbox, { ariaLabel: `Select request ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5092
5092
  });
5093
5093
  return /* @__PURE__ */ React45.createElement(Box12, { flex: 1 }, /* @__PURE__ */ React45.createElement(Stack27, null, rows));
5094
5094
  };
5095
5095
 
5096
5096
  // src/mantine/blocks/list/members/MembersList.tsx
5097
5097
  import React46 from "react";
5098
- import { Text as Text26, Box as Box13, Image as Image8, Stack as Stack28, Flex as Flex15 } from "@mantine/core";
5098
+ import { Text as Text26, Box as Box13, Image as Image9, Stack as Stack28, Flex as Flex15 } from "@mantine/core";
5099
5099
  var MembersList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
5100
5100
  if (!items || items.length === 0) {
5101
5101
  return /* @__PURE__ */ React46.createElement(Text26, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
5102
5102
  }
5103
5103
  const rows = items.map((item) => {
5104
5104
  const isChecked = isItemChecked?.(item.did);
5105
- return /* @__PURE__ */ React46.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React46.createElement(Flex15, { align: "center", gap: "sm" }, /* @__PURE__ */ React46.createElement(Image8, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React46.createElement(Stack28, { gap: 0 }, /* @__PURE__ */ React46.createElement(Text26, { size: "sm" }, item.username || "-"), /* @__PURE__ */ React46.createElement(Text26, { size: "xs", c: "dimmed" }, item.address || "-"))), /* @__PURE__ */ React46.createElement(Flex15, { align: "center", gap: "md" }, /* @__PURE__ */ React46.createElement(Stack28, { ta: "right", gap: 0 }, /* @__PURE__ */ React46.createElement(Text26, { size: "sm" }, item.percentage), /* @__PURE__ */ React46.createElement(Text26, { size: "sm", c: "dimmed" }, item.role)), isMultiSelect && /* @__PURE__ */ React46.createElement(ListItemCheckbox, { ariaLabel: `Select member ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5105
+ return /* @__PURE__ */ React46.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React46.createElement(Flex15, { align: "center", gap: "sm" }, /* @__PURE__ */ React46.createElement(Image9, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React46.createElement(Stack28, { gap: 0 }, /* @__PURE__ */ React46.createElement(Text26, { size: "sm" }, item.username || "-"), /* @__PURE__ */ React46.createElement(Text26, { size: "xs", c: "dimmed" }, item.address || "-"))), /* @__PURE__ */ React46.createElement(Flex15, { align: "center", gap: "md" }, /* @__PURE__ */ React46.createElement(Stack28, { ta: "right", gap: 0 }, /* @__PURE__ */ React46.createElement(Text26, { size: "sm" }, item.percentage), /* @__PURE__ */ React46.createElement(Text26, { size: "sm", c: "dimmed" }, item.role)), isMultiSelect && /* @__PURE__ */ React46.createElement(ListItemCheckbox, { ariaLabel: `Select member ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5106
5106
  });
5107
5107
  return /* @__PURE__ */ React46.createElement(Box13, { flex: 1 }, /* @__PURE__ */ React46.createElement(Stack28, null, rows));
5108
5108
  };
5109
5109
 
5110
5110
  // src/mantine/blocks/list/validators/ValidatorsList.tsx
5111
5111
  import React47 from "react";
5112
- import { Text as Text27, Box as Box14, Image as Image9, Stack as Stack29, Flex as Flex16 } from "@mantine/core";
5112
+ import { Text as Text27, Box as Box14, Image as Image10, Stack as Stack29, Flex as Flex16 } from "@mantine/core";
5113
5113
 
5114
5114
  // src/core/lib/validators.ts
5115
5115
  var getDelegatedTokensFromValidator = (validator) => Number(validator?.amount ?? 0);
@@ -5122,7 +5122,7 @@ var ValidatorsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
5122
5122
  }
5123
5123
  const rows = items.map((item) => {
5124
5124
  const isChecked = isItemChecked?.(item.did);
5125
- return /* @__PURE__ */ React47.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React47.createElement(Flex16, { align: "center", gap: "sm" }, /* @__PURE__ */ React47.createElement(Image9, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React47.createElement(Stack29, { gap: 0 }, /* @__PURE__ */ React47.createElement(Text27, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React47.createElement(Text27, { size: "xs", c: "dimmed" }, item.description || "-"))), /* @__PURE__ */ React47.createElement(Flex16, { align: "center", gap: "md" }, /* @__PURE__ */ React47.createElement(Stack29, { ta: "right", gap: 0 }, /* @__PURE__ */ React47.createElement(Text27, { size: "sm" }, numberFormatter(getDisplayDelegatedTokensFromValidator(item), 2), " ", item.currency), /* @__PURE__ */ React47.createElement(Text27, { size: "sm", c: "dimmed" }, item.commission, "% fee"), /* @__PURE__ */ React47.createElement(Text27, { size: "xs", c: "dimmed" }, item.isActive ? "Active" : "Inactive", " \u2022 ", item.isStaked ? "Staked" : "Not staked", " \u2022 ", item.isBonding ? "Bonding" : "Not bonding")), isMultiSelect && /* @__PURE__ */ React47.createElement(ListItemCheckbox, { ariaLabel: `Select validator ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5125
+ return /* @__PURE__ */ React47.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React47.createElement(Flex16, { align: "center", gap: "sm" }, /* @__PURE__ */ React47.createElement(Image10, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React47.createElement(Stack29, { gap: 0 }, /* @__PURE__ */ React47.createElement(Text27, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React47.createElement(Text27, { size: "xs", c: "dimmed" }, item.description || "-"))), /* @__PURE__ */ React47.createElement(Flex16, { align: "center", gap: "md" }, /* @__PURE__ */ React47.createElement(Stack29, { ta: "right", gap: 0 }, /* @__PURE__ */ React47.createElement(Text27, { size: "sm" }, numberFormatter(getDisplayDelegatedTokensFromValidator(item), 2), " ", item.currency), /* @__PURE__ */ React47.createElement(Text27, { size: "sm", c: "dimmed" }, item.commission, "% fee"), /* @__PURE__ */ React47.createElement(Text27, { size: "xs", c: "dimmed" }, item.isActive ? "Active" : "Inactive", " \u2022 ", item.isStaked ? "Staked" : "Not staked", " \u2022 ", item.isBonding ? "Bonding" : "Not bonding")), isMultiSelect && /* @__PURE__ */ React47.createElement(ListItemCheckbox, { ariaLabel: `Select validator ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
5126
5126
  });
5127
5127
  return /* @__PURE__ */ React47.createElement(Box14, { flex: 1 }, /* @__PURE__ */ React47.createElement(Stack29, null, rows));
5128
5128
  };
@@ -5229,14 +5229,14 @@ function ListPagination({ page, setPage, totalPages }) {
5229
5229
 
5230
5230
  // src/mantine/blocks/list/dao_members/MembersList.tsx
5231
5231
  import React50 from "react";
5232
- import { Text as Text29, Box as Box15, Image as Image10, Stack as Stack30, Flex as Flex17 } from "@mantine/core";
5232
+ import { Text as Text29, Box as Box15, Image as Image11, Stack as Stack30, Flex as Flex17 } from "@mantine/core";
5233
5233
  var DaoMembersList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
5234
5234
  if (!items || items.length === 0) {
5235
5235
  return /* @__PURE__ */ React50.createElement(Text29, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No members found");
5236
5236
  }
5237
5237
  const rows = items.map((item) => {
5238
5238
  const isChecked = isItemChecked?.(item.did);
5239
- return /* @__PURE__ */ React50.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React50.createElement(Flex17, { align: "center", gap: "sm" }, /* @__PURE__ */ React50.createElement(Image10, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React50.createElement(Stack30, { gap: 0 }, /* @__PURE__ */ React50.createElement(Text29, { size: "sm", fw: 500 }, item.username || "Unknown User"), /* @__PURE__ */ React50.createElement(Text29, { size: "xs", c: "dimmed", lineClamp: 1 }, item.address || "No address"))), /* @__PURE__ */ React50.createElement(Flex17, { align: "center", gap: "md" }, /* @__PURE__ */ React50.createElement(Stack30, { ta: "right", gap: 0 }, /* @__PURE__ */ React50.createElement(Text29, { size: "sm", fw: 500, c: "blue" }, item.percentage || "0%"), /* @__PURE__ */ React50.createElement(Text29, { size: "xs", c: "dimmed", tt: "capitalize" }, item.role || "member")), isMultiSelect && /* @__PURE__ */ React50.createElement(
5239
+ return /* @__PURE__ */ React50.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React50.createElement(Flex17, { align: "center", gap: "sm" }, /* @__PURE__ */ React50.createElement(Image11, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React50.createElement(Stack30, { gap: 0 }, /* @__PURE__ */ React50.createElement(Text29, { size: "sm", fw: 500 }, item.username || "Unknown User"), /* @__PURE__ */ React50.createElement(Text29, { size: "xs", c: "dimmed", lineClamp: 1 }, item.address || "No address"))), /* @__PURE__ */ React50.createElement(Flex17, { align: "center", gap: "md" }, /* @__PURE__ */ React50.createElement(Stack30, { ta: "right", gap: 0 }, /* @__PURE__ */ React50.createElement(Text29, { size: "sm", fw: 500, c: "blue" }, item.percentage || "0%"), /* @__PURE__ */ React50.createElement(Text29, { size: "xs", c: "dimmed", tt: "capitalize" }, item.role || "member")), isMultiSelect && /* @__PURE__ */ React50.createElement(
5240
5240
  ListItemCheckbox,
5241
5241
  {
5242
5242
  ariaLabel: `Select member ${item.username || item.did}`,
@@ -5250,7 +5250,7 @@ var DaoMembersList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
5250
5250
 
5251
5251
  // src/mantine/blocks/list/deed_subscriptions/DeedSubscriptionsList.tsx
5252
5252
  import React51 from "react";
5253
- import { Text as Text30, Box as Box16, Image as Image11, Stack as Stack31, Flex as Flex18, Badge as Badge5 } from "@mantine/core";
5253
+ import { Text as Text30, Box as Box16, Image as Image12, Stack as Stack31, Flex as Flex18, Badge as Badge5 } from "@mantine/core";
5254
5254
  import Jazzicon from "react-jazzicon";
5255
5255
  var DeedSubscriptionsList = ({ items, isMultiSelect: _isMultiSelect, isItemChecked: _isItemChecked, onItemCheck: _onItemCheck }) => {
5256
5256
  if (!items || items.length === 0) {
@@ -5271,7 +5271,7 @@ var DeedSubscriptionsList = ({ items, isMultiSelect: _isMultiSelect, isItemCheck
5271
5271
  const rows = items.map((item) => {
5272
5272
  const itemId = item.did;
5273
5273
  return /* @__PURE__ */ React51.createElement(ListItemContainer, { onClick: () => {
5274
- }, key: itemId, isChecked: false, withIcon: false }, /* @__PURE__ */ React51.createElement(Flex18, { align: "center", gap: "sm" }, item.subscriberImage ? /* @__PURE__ */ React51.createElement(Image11, { radius: 16, w: 32, h: 32, src: item.subscriberImage }) : /* @__PURE__ */ React51.createElement(Jazzicon, { diameter: 32, seed: Array.from(itemId ?? "").reduce((acc, char) => acc + char.charCodeAt(0), 0) }), /* @__PURE__ */ React51.createElement(Stack31, { gap: 0 }, /* @__PURE__ */ React51.createElement(Text30, { size: "sm", fw: 500 }, item.subscriberName || "Unknown Subscriber"), /* @__PURE__ */ React51.createElement(Text30, { size: "xs", c: "dimmed", lineClamp: 1 }, "Subscription"))), /* @__PURE__ */ React51.createElement(Flex18, { align: "center", gap: "md" }, /* @__PURE__ */ React51.createElement(Stack31, { align: "end", ta: "right", gap: 0 }, /* @__PURE__ */ React51.createElement(Badge5, { size: "sm", color: getStatusColor5(item.status), variant: "light" }, item.status), /* @__PURE__ */ React51.createElement(Text30, { size: "xs", c: "dimmed" }, new Date(item.subscriptionDate).toLocaleDateString()))));
5274
+ }, key: itemId, isChecked: false, withIcon: false }, /* @__PURE__ */ React51.createElement(Flex18, { align: "center", gap: "sm" }, item.subscriberImage ? /* @__PURE__ */ React51.createElement(Image12, { radius: 16, w: 32, h: 32, src: item.subscriberImage }) : /* @__PURE__ */ React51.createElement(Jazzicon, { diameter: 32, seed: Array.from(itemId ?? "").reduce((acc, char) => acc + char.charCodeAt(0), 0) }), /* @__PURE__ */ React51.createElement(Stack31, { gap: 0 }, /* @__PURE__ */ React51.createElement(Text30, { size: "sm", fw: 500 }, item.subscriberName || "Unknown Subscriber"), /* @__PURE__ */ React51.createElement(Text30, { size: "xs", c: "dimmed", lineClamp: 1 }, "Subscription"))), /* @__PURE__ */ React51.createElement(Flex18, { align: "center", gap: "md" }, /* @__PURE__ */ React51.createElement(Stack31, { align: "end", ta: "right", gap: 0 }, /* @__PURE__ */ React51.createElement(Badge5, { size: "sm", color: getStatusColor5(item.status), variant: "light" }, item.status), /* @__PURE__ */ React51.createElement(Text30, { size: "xs", c: "dimmed" }, new Date(item.subscriptionDate).toLocaleDateString()))));
5275
5275
  });
5276
5276
  return /* @__PURE__ */ React51.createElement(Box16, { flex: 1 }, /* @__PURE__ */ React51.createElement(Stack31, { gap: "xs" }, rows));
5277
5277
  };
@@ -9313,21 +9313,21 @@ var ListSelectionPanel = ({ selectedIds, listConfig, listData, listType, userRol
9313
9313
 
9314
9314
  // src/mantine/blocks/list/projects/ProjectsList.tsx
9315
9315
  import React84 from "react";
9316
- import { Text as Text56, Box as Box25, Image as Image12, Stack as Stack56, Flex as Flex23 } from "@mantine/core";
9316
+ import { Text as Text56, Box as Box25, Image as Image13, Stack as Stack56, Flex as Flex23 } from "@mantine/core";
9317
9317
  var ProjectsList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
9318
9318
  if (!items || items.length === 0) {
9319
9319
  return /* @__PURE__ */ React84.createElement(Text56, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No Projects found");
9320
9320
  }
9321
9321
  const rows = items.map((item) => {
9322
9322
  const isChecked = isItemChecked?.(item.did);
9323
- return /* @__PURE__ */ React84.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React84.createElement(Flex23, { align: "center", gap: "sm" }, /* @__PURE__ */ React84.createElement(Image12, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React84.createElement(Stack56, { gap: 0 }, /* @__PURE__ */ React84.createElement(Text56, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React84.createElement(Text56, { size: "sm", c: "dimmed" }, shortStr(item.description, 50, 0) || "-"))), /* @__PURE__ */ React84.createElement(Flex23, { align: "center", gap: "md" }, isMultiSelect && /* @__PURE__ */ React84.createElement(ListItemCheckbox, { ariaLabel: `Select project ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
9323
+ return /* @__PURE__ */ React84.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React84.createElement(Flex23, { align: "center", gap: "sm" }, /* @__PURE__ */ React84.createElement(Image13, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React84.createElement(Stack56, { gap: 0 }, /* @__PURE__ */ React84.createElement(Text56, { size: "sm" }, item.name || "-"), /* @__PURE__ */ React84.createElement(Text56, { size: "sm", c: "dimmed" }, shortStr(item.description, 50, 0) || "-"))), /* @__PURE__ */ React84.createElement(Flex23, { align: "center", gap: "md" }, isMultiSelect && /* @__PURE__ */ React84.createElement(ListItemCheckbox, { ariaLabel: `Select project ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
9324
9324
  });
9325
9325
  return /* @__PURE__ */ React84.createElement(Box25, { flex: 1 }, /* @__PURE__ */ React84.createElement(Stack56, null, rows));
9326
9326
  };
9327
9327
 
9328
9328
  // src/mantine/blocks/list/daos/DaosList.tsx
9329
9329
  import React85 from "react";
9330
- import { Text as Text57, Box as Box26, Image as Image13, Stack as Stack57, Flex as Flex24, Badge as Badge9 } from "@mantine/core";
9330
+ import { Text as Text57, Box as Box26, Image as Image14, Stack as Stack57, Flex as Flex24, Badge as Badge9 } from "@mantine/core";
9331
9331
  function getRoleBadge(item) {
9332
9332
  if (item.isOwner) return "Owner";
9333
9333
  if (item.isController) return "Controller";
@@ -9341,7 +9341,7 @@ var DaosList = ({ items, isMultiSelect, isItemChecked, onItemCheck }) => {
9341
9341
  const rows = items.map((item) => {
9342
9342
  const isChecked = isItemChecked?.(item.did);
9343
9343
  const role = getRoleBadge(item);
9344
- return /* @__PURE__ */ React85.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React85.createElement(Flex24, { align: "center", gap: "sm", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React85.createElement(Image13, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React85.createElement(Stack57, { gap: 0, style: { minWidth: 0 } }, /* @__PURE__ */ React85.createElement(Text57, { size: "sm", truncate: true }, item.name || "Not Found"), /* @__PURE__ */ React85.createElement(Text57, { size: "sm", c: "dimmed", truncate: true }, shortStr(item.description, 50, 0) || "Not Found"))), /* @__PURE__ */ React85.createElement(Flex24, { align: "center", gap: "md" }, role && /* @__PURE__ */ React85.createElement(Badge9, { variant: "light", size: "sm" }, role), isMultiSelect && /* @__PURE__ */ React85.createElement(ListItemCheckbox, { ariaLabel: `Select DAO ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
9344
+ return /* @__PURE__ */ React85.createElement(ListItemContainer, { onClick: () => onItemCheck?.(item.did, !isChecked), key: item.did, isChecked: !!isChecked }, /* @__PURE__ */ React85.createElement(Flex24, { align: "center", gap: "sm", style: { flex: 1, minWidth: 0 } }, /* @__PURE__ */ React85.createElement(Image14, { radius: 16, w: 32, h: 32, src: item.icon }), /* @__PURE__ */ React85.createElement(Stack57, { gap: 0, style: { minWidth: 0 } }, /* @__PURE__ */ React85.createElement(Text57, { size: "sm", truncate: true }, item.name || "Not Found"), /* @__PURE__ */ React85.createElement(Text57, { size: "sm", c: "dimmed", truncate: true }, shortStr(item.description, 50, 0) || "Not Found"))), /* @__PURE__ */ React85.createElement(Flex24, { align: "center", gap: "md" }, role && /* @__PURE__ */ React85.createElement(Badge9, { variant: "light", size: "sm" }, role), isMultiSelect && /* @__PURE__ */ React85.createElement(ListItemCheckbox, { ariaLabel: `Select DAO ${item.did}`, checked: isItemChecked?.(item.did), onCheck: (checked) => onItemCheck?.(item.did, checked) })));
9345
9345
  });
9346
9346
  return /* @__PURE__ */ React85.createElement(Box26, { flex: 1 }, /* @__PURE__ */ React85.createElement(Stack57, null, rows));
9347
9347
  };
@@ -13714,12 +13714,12 @@ import { Stack as Stack106, Text as Text82, Button as Button26, ActionIcon as Ac
13714
13714
 
13715
13715
  // src/mantine/blocks/enumChecklist/oracle_personalities/index.tsx
13716
13716
  import React136 from "react";
13717
- import { Box as Box31, Flex as Flex28, Stack as Stack101, Text as Text77, Image as Image14 } from "@mantine/core";
13717
+ import { Box as Box31, Flex as Flex28, Stack as Stack101, Text as Text77, Image as Image15 } from "@mantine/core";
13718
13718
  function OraclePersonalitiesEnumList({ selectionMode, isItemChecked, onItemCheck, items }) {
13719
13719
  if (!items || items.length === 0) {
13720
13720
  return /* @__PURE__ */ React136.createElement(Text77, { size: "sm", c: "dimmed", ta: "center", py: "md" }, "No assets found");
13721
13721
  }
13722
- const rows = items.map(({ id, name, description, voice, icon: icon2 }) => /* @__PURE__ */ React136.createElement(ListItemContainer, { key: id, isChecked: false }, /* @__PURE__ */ React136.createElement(Flex28, { align: "center", gap: "sm" }, /* @__PURE__ */ React136.createElement(Image14, { radius: 16, w: 62, h: 62, src: icon2, alt: name }), /* @__PURE__ */ React136.createElement(Stack101, { gap: 0 }, /* @__PURE__ */ React136.createElement(Text77, { size: "sm", fw: 500 }, name || "-"), description !== void 0 && /* @__PURE__ */ React136.createElement(Text77, { size: "sm", c: "dimmed" }, description))), /* @__PURE__ */ React136.createElement(Flex28, { align: "center", gap: "md" }, /* @__PURE__ */ React136.createElement(Stack101, { ta: "right", gap: 0 }, /* @__PURE__ */ React136.createElement(Text77, { size: "sm", fw: 500 }, "Voice"), /* @__PURE__ */ React136.createElement(Text77, { size: "sm", c: "dimmed" }, voice)), selectionMode && /* @__PURE__ */ React136.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${name}`, checked: isItemChecked?.(id), onCheck: (checked) => onItemCheck?.(id, checked) }))));
13722
+ const rows = items.map(({ id, name, description, voice, icon: icon2 }) => /* @__PURE__ */ React136.createElement(ListItemContainer, { key: id, isChecked: false }, /* @__PURE__ */ React136.createElement(Flex28, { align: "center", gap: "sm" }, /* @__PURE__ */ React136.createElement(Image15, { radius: 16, w: 62, h: 62, src: icon2, alt: name }), /* @__PURE__ */ React136.createElement(Stack101, { gap: 0 }, /* @__PURE__ */ React136.createElement(Text77, { size: "sm", fw: 500 }, name || "-"), description !== void 0 && /* @__PURE__ */ React136.createElement(Text77, { size: "sm", c: "dimmed" }, description))), /* @__PURE__ */ React136.createElement(Flex28, { align: "center", gap: "md" }, /* @__PURE__ */ React136.createElement(Stack101, { ta: "right", gap: 0 }, /* @__PURE__ */ React136.createElement(Text77, { size: "sm", fw: 500 }, "Voice"), /* @__PURE__ */ React136.createElement(Text77, { size: "sm", c: "dimmed" }, voice)), selectionMode && /* @__PURE__ */ React136.createElement(ListItemCheckbox, { ariaLabel: `Select oracle ${name}`, checked: isItemChecked?.(id), onCheck: (checked) => onItemCheck?.(id, checked) }))));
13723
13723
  return /* @__PURE__ */ React136.createElement(Box31, { flex: 1 }, /* @__PURE__ */ React136.createElement(Stack101, null, rows));
13724
13724
  }
13725
13725
 
@@ -30115,6 +30115,18 @@ function sanitizeEmbedUrl(raw) {
30115
30115
  }
30116
30116
  return null;
30117
30117
  }
30118
+ var IMAGE_EXTENSIONS = /\.(png|jpe?g|gif|webp|svg|bmp|ico|avif)(\?.*)?$/i;
30119
+ function isImageUrl(url) {
30120
+ try {
30121
+ return IMAGE_EXTENSIONS.test(new URL(url).pathname);
30122
+ } catch {
30123
+ return false;
30124
+ }
30125
+ }
30126
+ function buildImageSrcdoc(url) {
30127
+ const escaped = url.replace(/&/g, "&").replace(/"/g, """);
30128
+ return `<!DOCTYPE html><html><head><style>html,body{margin:0;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden}img{max-width:100%;max-height:100%;object-fit:contain}</style></head><body><img src="${escaped}" /></body></html>`;
30129
+ }
30118
30130
 
30119
30131
  // src/mantine/blocks/embed/template/TemplateView.tsx
30120
30132
  var EMBED_TEMPLATE_PANEL_ID = "embed-template-panel";
@@ -30128,7 +30140,7 @@ var EmbedTemplateView = ({ editor, block }) => {
30128
30140
  return /* @__PURE__ */ React286.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React286.createElement(Stack194, { gap: "xs", justify: "center" }, /* @__PURE__ */ React286.createElement(Group104, { wrap: "nowrap", align: "center" }, getIcon("code", block.props.icon), /* @__PURE__ */ React286.createElement(Stack194, { gap: 2 }, /* @__PURE__ */ React286.createElement(Text168, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Embed"), /* @__PURE__ */ React286.createElement(Text168, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, block.props.description || safeUrl || "Click to configure"))), safeUrl && /* @__PURE__ */ React286.createElement(Box56, { style: { borderRadius: 8, overflow: "hidden" } }, /* @__PURE__ */ React286.createElement(
30129
30141
  "iframe",
30130
30142
  {
30131
- src: safeUrl,
30143
+ ...isImageUrl(safeUrl) ? { srcDoc: buildImageSrcdoc(safeUrl) } : { src: safeUrl },
30132
30144
  title: block.props.title || "Embedded content",
30133
30145
  width: "100%",
30134
30146
  height,
@@ -30194,7 +30206,7 @@ var EmbedFlowView = ({ editor, block }) => {
30194
30206
  return /* @__PURE__ */ React288.createElement(BaseContainer, { blockId: block.id, onClick: open, style: { minHeight: 90, justifyContent: "center" } }, /* @__PURE__ */ React288.createElement(Stack195, { gap: "xs", justify: "center" }, /* @__PURE__ */ React288.createElement(Group105, { wrap: "nowrap", align: "center" }, getIcon("code", block.props.icon), /* @__PURE__ */ React288.createElement(Stack195, { gap: 2 }, /* @__PURE__ */ React288.createElement(Text169, { fw: 500, size: "sm", contentEditable: false }, block.props.title || "Embed"), /* @__PURE__ */ React288.createElement(Text169, { size: "xs", c: "dimmed", contentEditable: false, lineClamp: 1 }, block.props.description || safeUrl || "No URL configured"))), safeUrl && /* @__PURE__ */ React288.createElement(Box57, { style: { borderRadius: 8, overflow: "hidden" } }, /* @__PURE__ */ React288.createElement(
30195
30207
  "iframe",
30196
30208
  {
30197
- src: safeUrl,
30209
+ ...isImageUrl(safeUrl) ? { srcDoc: buildImageSrcdoc(safeUrl) } : { src: safeUrl },
30198
30210
  title: block.props.title || "Embedded content",
30199
30211
  width: "100%",
30200
30212
  height,
@@ -31600,13 +31612,31 @@ import { renderToStaticMarkup } from "react-dom/server";
31600
31612
  import * as TablerIcons from "@tabler/icons-react";
31601
31613
  import { createElement } from "react";
31602
31614
  function isTablerIconName(value) {
31603
- return value.startsWith("Icon") && typeof TablerIcons[value] === "function";
31615
+ return value.startsWith("Icon") && TablerIcons[value] != null;
31604
31616
  }
31605
- function tablerIconToSvgBlob(iconName) {
31617
+ function tablerIconToPngBlob(iconName) {
31606
31618
  const Icon = TablerIcons[iconName];
31607
- if (!Icon || typeof Icon !== "function") return null;
31608
- const svg = renderToStaticMarkup(createElement(Icon, { size: 120, stroke: 1.5, color: "#868e96" }));
31609
- return new Blob([svg], { type: "image/svg+xml" });
31619
+ if (!Icon) return Promise.resolve(null);
31620
+ const size = 240;
31621
+ const svg = renderToStaticMarkup(createElement(Icon, { size, stroke: 1.5, color: "#868e96" }));
31622
+ const dataUrl = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
31623
+ return new Promise((resolve) => {
31624
+ const img = new Image();
31625
+ img.onload = () => {
31626
+ const canvas = document.createElement("canvas");
31627
+ canvas.width = size;
31628
+ canvas.height = size;
31629
+ const ctx = canvas.getContext("2d");
31630
+ if (!ctx) {
31631
+ resolve(null);
31632
+ return;
31633
+ }
31634
+ ctx.drawImage(img, 0, 0, size, size);
31635
+ canvas.toBlob((blob) => resolve(blob), "image/png");
31636
+ };
31637
+ img.onerror = () => resolve(null);
31638
+ img.src = dataUrl;
31639
+ });
31610
31640
  }
31611
31641
  async function uploadToMatrix(matrixClient, blob, contentType, fileName) {
31612
31642
  const result = await matrixClient.uploadContent(blob, {
@@ -31621,10 +31651,10 @@ async function mirrorIconToRoomAvatar(matrixClient, roomId, iconValue) {
31621
31651
  return;
31622
31652
  }
31623
31653
  let blob = null;
31624
- let contentType = "image/svg+xml";
31625
- let fileName = "avatar.svg";
31654
+ let contentType = "image/png";
31655
+ let fileName = "avatar.png";
31626
31656
  if (isTablerIconName(iconValue)) {
31627
- blob = tablerIconToSvgBlob(iconValue);
31657
+ blob = await tablerIconToPngBlob(iconValue);
31628
31658
  } else if (iconValue.startsWith("http")) {
31629
31659
  const response = await fetch(iconValue);
31630
31660
  blob = await response.blob();
@@ -34478,4 +34508,4 @@ export {
34478
34508
  getExtraSlashMenuItems,
34479
34509
  useCreateIxoEditor
34480
34510
  };
34481
- //# sourceMappingURL=chunk-RHA5USCG.mjs.map
34511
+ //# sourceMappingURL=chunk-SUETUG6T.mjs.map