@pollar/react 0.11.1 → 0.11.2

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.11.1"
+        "0.11.2"
       ] })
     ] })
   ] });
@@ -4149,6 +4149,11 @@ function SendModal({ onClose }) {
       setFormError("Enter a destination address");
       return;
     }
+    const isNativeAsset = selectedAsset.type === "native";
+    if (isBaseUnitChain && !isNativeAsset && (!selectedAsset.issuer || selectedAsset.decimals === void 0)) {
+      setFormError("This token is missing its mint or decimals and cannot be sent.");
+      return;
+    }
     let sendAmount = amount;
     if (isBaseUnitChain) {
       try {
@@ -4164,8 +4169,9 @@ function SendModal({ onClose }) {
         chain: "SOLANA",
         destination: destination.trim(),
         amount: sendAmount,
-        // Native SOL carries no mint; an SPL token's mint rides in `issuer`.
-        ...selectedAsset.type === "native" ? {} : { mint: selectedAsset.issuer ?? null }
+        // Native SOL carries no mint; an SPL token's mint rides in `issuer`,
+        // which the guard above proved is present.
+        ...isNativeAsset ? {} : { mint: selectedAsset.issuer }
       });
       return;
     }
@@ -4637,7 +4643,7 @@ function SwapModal({ onClose }) {
   const assetRecords = enabledAssets.step === "loaded" ? enabledAssets.data.assets : [];
   const isLoadingData = walletBalance.step === "loading" || enabledAssets.step === "loading";
   const sellOptions = balances.filter(
-    (b) => b.type != null && (b.type === "native" || !b.trustlineRemoved)
+    (b) => (b.chain === void 0 || b.chain === "STELLAR") && (b.type === "native" || (b.type === "credit_alphanum4" || b.type === "credit_alphanum12") && !b.trustlineRemoved)
   ).map((b) => ({
     ref: toRef(b),
     code: b.code,
@@ -4950,9 +4956,7 @@ function EarnModal({ onClose }) {
     if (!selectedOpportunity) return null;
     const balances = walletBalance.step === "loaded" ? walletBalance.data.balances : [];
     const issuer = selectedOpportunity.asset.issuer;
-    const rec = balances.find(
-      (b) => issuer === null ? b.type === "native" : b.code === assetCode && b.issuer === issuer
-    );
+    const rec = balances.find((b) => issuer === null ? b.type === "native" : b.code === assetCode && b.issuer === issuer);
     return rec ? rec.available : null;
   })();
   const depositAssetRecord = (() => {
@@ -5629,6 +5633,12 @@ function TransactionModal({ onClose }) {
   ) });
 }
 var PAGE_SIZE = 10;
+function explorerUrlFor(chain, hash, network) {
+  if (chain === "SOLANA") {
+    return `https://explorer.solana.com/tx/${hash}${network === "testnet" ? "?cluster=devnet" : ""}`;
+  }
+  return `https://stellar.expert/explorer/${network === "testnet" ? "testnet" : "public"}/tx/${hash}`;
+}
 function StatusBadge({ status }) {
   return /* @__PURE__ */ jsx("span", { className: "pollar-hist-item-badge", "data-status": status, children: status });
 }
@@ -5667,6 +5677,10 @@ function TxHistoryModalTemplate({
   accentColor,
   txHistory,
   offset,
+  chains,
+  selectedChain,
+  walletAddress,
+  onSelectChain,
   onRefresh,
   onPrev,
   onNext,
@@ -5742,6 +5756,11 @@ function TxHistoryModalTemplate({
             /* @__PURE__ */ jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
           ] })
         ] }),
+        /* @__PURE__ */ jsx(ChainSelect, { value: selectedChain, options: chains, onChange: onSelectChain, disabled: isLoading }),
+        walletAddress && /* @__PURE__ */ jsxs("div", { className: "pollar-address-row", children: [
+          /* @__PURE__ */ jsx("span", { className: "pollar-address", children: cropAddress(walletAddress) }),
+          /* @__PURE__ */ jsx(CopyButton, { value: walletAddress, label: "Copy wallet address" })
+        ] }),
         /* @__PURE__ */ jsxs("div", { className: "pollar-hist-list", children: [
           txHistory.step === "idle" && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "Click Refresh to load transactions." }),
           isLoading && /* @__PURE__ */ jsxs("div", { className: "pollar-loading-block", children: [
@@ -5752,7 +5771,7 @@ function TxHistoryModalTemplate({
           txHistory.step === "loaded" && records.length === 0 && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "No transactions yet." }),
           records.map((record) => {
             const hash = typeof record.hash === "string" && record.hash.length > 0 ? record.hash : void 0;
-            const explorerUrl = hash ? `https://stellar.expert/explorer/${record.network === "testnet" ? "testnet" : "public"}/tx/${hash}` : void 0;
+            const explorerUrl = hash ? explorerUrlFor(record.chain, hash, record.network) : void 0;
             const asset = typeof record.details?.asset === "string" ? record.details.asset : void 0;
             const colon = asset ? asset.indexOf(":") : -1;
             const trustline = record.operation === "change_trust" && asset && colon > 0 ? {
@@ -5786,10 +5805,11 @@ function TxHistoryModalTemplate({
                   "\xB7 ",
                   record.details.sponsored ? "Sponsored" : "Self-paid"
                 ] }),
-                record.feeXlm && /* @__PURE__ */ jsxs("span", { children: [
+                record.fee && /* @__PURE__ */ jsxs("span", { children: [
                   "\xB7 ",
-                  record.feeXlm,
-                  " XLM"
+                  record.fee.amount,
+                  " ",
+                  record.fee.unit
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { className: "pollar-hist-item-footer", children: [
@@ -5805,7 +5825,7 @@ function TxHistoryModalTemplate({
                       href: explorerUrl,
                       target: "_blank",
                       rel: "noopener noreferrer",
-                      "aria-label": "View on Stellar Explorer",
+                      "aria-label": "View on block explorer",
                       children: /* @__PURE__ */ jsxs("svg", { width: "12", height: "12", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
                         /* @__PURE__ */ jsx(
                           "path",
@@ -5854,19 +5874,29 @@ function TxHistoryModalTemplate({
 }
 var PAGE_SIZE2 = 10;
 function TxHistoryModal({ onClose }) {
-  const { getClient, styles, txHistory } = usePollar();
+  const { getClient, styles, txHistory, wallets } = usePollar();
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [offset, setOffset] = useState(0);
+  const { chains } = useChains();
+  const [selectedChain, setSelectedChain] = useState(null);
+  useEffect(() => {
+    if (selectedChain === null && chains.length > 0) setSelectedChain(chains[0]);
+  }, [chains, selectedChain]);
+  const walletAddress = addressForChain(wallets, selectedChain);
   const load = useCallback(
-    (nextOffset) => {
+    (nextOffset, chain) => {
       setOffset(nextOffset);
-      void getClient().fetchTxHistory({ limit: PAGE_SIZE2, offset: nextOffset });
+      void getClient().fetchTxHistory({ limit: PAGE_SIZE2, offset: nextOffset, chain });
     },
     [getClient]
   );
   useEffect(() => {
-    load(0);
-  }, [load]);
+    if (selectedChain) load(0, selectedChain);
+  }, [selectedChain, load]);
+  const onSelectChain = (chain) => setSelectedChain(chain);
+  const paged = (nextOffset) => {
+    if (selectedChain) load(nextOffset, selectedChain);
+  };
   return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsx(
     TxHistoryModalTemplate,
     {
@@ -5874,9 +5904,13 @@ function TxHistoryModal({ onClose }) {
       accentColor,
       txHistory,
       offset,
-      onRefresh: () => load(offset),
-      onPrev: () => load(Math.max(0, offset - PAGE_SIZE2)),
-      onNext: () => load(offset + PAGE_SIZE2),
+      chains,
+      selectedChain,
+      walletAddress,
+      onSelectChain,
+      onRefresh: () => paged(offset),
+      onPrev: () => paged(Math.max(0, offset - PAGE_SIZE2)),
+      onNext: () => paged(offset + PAGE_SIZE2),
       onClose
     }
   ) });
@@ -6145,6 +6179,9 @@ function PollarProvider({
   );
   const [configRetry, setConfigRetry] = useState(0);
   const retryConfig = useCallback(() => setConfigRetry((n) => n + 1), []);
+  const appConfigKey = appConfigProp === void 0 ? "" : JSON.stringify(appConfigProp);
+  const appConfigPropRef = useRef(appConfigProp);
+  appConfigPropRef.current = appConfigProp;
   useEffect(() => {
     return pollarClient.onTransactionStateChange(setTransaction);
   }, [pollarClient]);
@@ -6208,7 +6245,9 @@ function PollarProvider({
     setModalErrorLogger(pollarClient.getLogger());
   }, [pollarClient]);
   useEffect(() => {
-    if (appConfigProp !== void 0) {
+    const localConfig = appConfigPropRef.current;
+    if (localConfig !== void 0) {
+      setResolvedConfig(localConfig ?? DEFAULT_APP_CONFIG);
       setConfigStatus("ready");
       return;
     }
@@ -6230,7 +6269,7 @@ function PollarProvider({
     return () => {
       cancelled = true;
     };
-  }, [pollarClient, appConfigProp, configRetry]);
+  }, [pollarClient, appConfigKey, configRetry]);
   const [loginModalOpen, setLoginModalOpen] = useState(false);
   const [transactionModalOpen, setTransactionModalOpen] = useState(false);
   const [kycModalOpen, setKycModalOpen] = useState(false);