@pollar/react 0.10.1 → 0.11.0

package/dist/index.mjs

@@ -1033,7 +1033,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.10.1"
+        "0.11.0"
       ] })
     ] })
   ] });
@@ -3878,7 +3878,7 @@ function SendModal({ onClose }) {
     []
   );
   const balanceData = walletBalance.step === "loaded" ? walletBalance.data : null;
-  const allAssets = balanceData?.balances ?? [];
+  const allAssets = (balanceData?.balances ?? []).filter((b) => b.chain === void 0 || b.chain === "STELLAR");
   const sortedAssets = [
     ...allAssets.filter((b) => b.enabledInApp),
     ...allAssets.filter((b) => !b.enabledInApp && (b.type === "native" || parseFloat(b.balance) > 0))
@@ -4383,7 +4383,9 @@ function SwapModal({ onClose }) {
   const balances = walletBalance.step === "loaded" ? walletBalance.data.balances : [];
   const assetRecords = enabledAssets.step === "loaded" ? enabledAssets.data.assets : [];
   const isLoadingData = walletBalance.step === "loading" || enabledAssets.step === "loading";
-  const sellOptions = balances.filter((b) => b.type === "native" || !b.trustlineRemoved).map((b) => ({ ref: toRef(b), code: b.code, issuer: b.issuer, available: b.available, enabledInApp: b.enabledInApp }));
+  const sellOptions = balances.filter(
+    (b) => b.type != null && (b.type === "native" || !b.trustlineRemoved)
+  ).map((b) => ({ ref: toRef(b), code: b.code, issuer: b.issuer, available: b.available, enabledInApp: b.enabledInApp }));
   const buyKeyOfSell = selectedSell ? `${selectedSell.code}:${selectedSell.issuer ?? "native"}` : "";
   const optKey = (o) => `${o.code}:${o.issuer ?? "native"}`;
   const enabledBuy = assetRecords.map((a) => ({
@@ -5629,11 +5631,23 @@ function cropAddress2(address) {
   if (address.length <= 16) return address;
   return `${address.slice(0, 8)}...${address.slice(-8)}`;
 }
-function BalanceItem({ record }) {
+var CHAIN_TAG = {
+  STELLAR: { label: "Stellar", color: "#7d00ff" },
+  POLYGON: { label: "Polygon", color: "#8247e5" },
+  SOLANA: { label: "Solana", color: "#14f195" }
+};
+function ChainTag({ chain }) {
+  const tag = CHAIN_TAG[chain] ?? { label: chain, color: "#6b7280" };
+  return /* @__PURE__ */ jsx("span", { className: "pollar-bal-chain-tag", style: { "--pollar-chain-color": tag.color }, children: tag.label });
+}
+function BalanceItem({ record, showChain }) {
   const balanceDiffers = record.balance !== record.available;
   return /* @__PURE__ */ jsxs("div", { className: "pollar-bal-item", children: [
     /* @__PURE__ */ jsxs("div", { className: "pollar-bal-asset-info", children: [
-      /* @__PURE__ */ jsx("span", { className: "pollar-bal-asset", children: record.code }),
+      /* @__PURE__ */ jsxs("span", { className: "pollar-bal-asset-code-row", children: [
+        /* @__PURE__ */ jsx("span", { className: "pollar-bal-asset", children: record.code }),
+        showChain && record.chain && /* @__PURE__ */ jsx(ChainTag, { chain: record.chain })
+      ] }),
       record.issuer && /* @__PURE__ */ jsxs("span", { className: "pollar-bal-issuer", children: [
         /* @__PURE__ */ jsx("span", { className: "pollar-bal-issuer-addr", children: cropAddress2(record.issuer) }),
         /* @__PURE__ */ jsx(CopyButton, { value: record.issuer, label: "Copy issuer address", className: "pollar-copy-btn-sm" })
@@ -5730,7 +5744,7 @@ function WalletBalanceModalTemplate({
       "."
     ] }),
     data?.exists && data.balances.length === 0 && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "No balances found." }),
-    data?.exists && data.balances.length > 0 && /* @__PURE__ */ jsx("div", { className: "pollar-bal-list", children: data.balances.map((b) => /* @__PURE__ */ jsx(BalanceItem, { record: b }, b.code + (b.issuer ?? ""))) }),
+    data?.exists && data.balances.length > 0 && /* @__PURE__ */ jsx("div", { className: "pollar-bal-list", children: data.balances.map((b) => /* @__PURE__ */ jsx(BalanceItem, { record: b, showChain: data.multichain === true }, (b.chain ?? "") + b.code + (b.issuer ?? ""))) }),
     /* @__PURE__ */ jsx(PollarModalFooter, {})
   ] });
 }