@pollar/react 0.6.0 → 0.7.1

package/dist/index.js

@@ -1030,7 +1030,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.6.0"
+        "0.7.1"
       ] })
     ] })
   ] });
@@ -1054,6 +1054,221 @@ function ModalStatusBanner({ message, status, onCancel, onRetry }) {
     status === "ERROR" && onRetry && /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-status-cancel", onClick: onRetry, children: "Retry" })
   ] });
 }
+var PERIOD_LABEL = {
+  DAY: "every 24h",
+  DAY_CALENDAR: "daily",
+  WEEK: "every 7 days",
+  MONTH: "every 30 days",
+  MONTH_CALENDAR: "monthly",
+  LIFETIME: "one-time"
+};
+var REASON_LABEL = {
+  DISTRIBUTION_RULE_DISABLED: "Disabled",
+  DISTRIBUTION_RULE_NOT_STARTED: "Not started yet",
+  DISTRIBUTION_RULE_EXPIRED: "Expired",
+  DISTRIBUTION_RULE_EXHAUSTED: "Fully claimed",
+  DISTRIBUTION_RATE_LIMIT_EXCEEDED: "Already claimed"
+};
+function reasonLabel(reason) {
+  if (!reason) return "Not available";
+  return REASON_LABEL[reason] ?? "Not available";
+}
+function formatAmount(amount) {
+  const n = parseFloat(amount);
+  return isNaN(n) ? amount : n.toLocaleString(void 0, { maximumFractionDigits: 7 });
+}
+function formatValidity(rule) {
+  const from = rule.validFrom ? new Date(rule.validFrom) : null;
+  const until = rule.validUntil ? new Date(rule.validUntil) : null;
+  if (!from && !until) return null;
+  const fmt = (d) => d.toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+  if (from && until) return `${fmt(from)} \u2192 ${fmt(until)}`;
+  if (until) return `Until ${fmt(until)}`;
+  if (from) return `From ${fmt(from)}`;
+  return null;
+}
+function RuleCard({
+  rule,
+  isClaiming,
+  isClaimed,
+  errorMessage,
+  onClaim
+}) {
+  const validity = formatValidity(rule);
+  const effectivelyClaimable = rule.claimable && !isClaimed;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-dist-item", "data-claimable": effectivelyClaimable ? "true" : "false", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-dist-item-row", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-dist-item-name", children: rule.name }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-dist-item-amount", children: [
+        formatAmount(rule.amount),
+        " ",
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-dist-item-asset", children: rule.assetCode })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-dist-item-meta", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: PERIOD_LABEL[rule.period] }),
+      validity && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+        "\xB7 ",
+        validity
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-dist-item-action", children: isClaimed ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-dist-item-status", "data-kind": "claimed", children: "Claimed" }) : effectivelyClaimable ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "pollar-btn-primary pollar-dist-claim-btn",
+        onClick: onClaim,
+        disabled: isClaiming,
+        children: isClaiming ? "Claiming\u2026" : "Claim"
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-dist-item-status", "data-kind": "unavailable", children: reasonLabel(rule.reason) }) }),
+    errorMessage && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-dist-item-error", children: errorMessage })
+  ] });
+}
+function DistributionRulesModalTemplate({
+  theme,
+  accentColor,
+  state,
+  claimingId,
+  claimErrors,
+  claimedIds,
+  onRefresh,
+  onClaim,
+  onClose
+}) {
+  const isDark = theme === "dark";
+  const cssVars = {
+    "--pollar-accent": accentColor,
+    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
+    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
+    "--pollar-text": isDark ? "#ffffff" : "#111827",
+    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
+  };
+  const isLoading = state.step === "loading";
+  const rules = state.step === "loaded" ? state.rules : [];
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-dist-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Distribution Rules" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  className: `pollar-modal-refresh-icon${isLoading ? " spinning" : ""}`,
+                  width: "13",
+                  height: "13",
+                  viewBox: "0 0 13 13",
+                  fill: "none",
+                  "aria-hidden": true,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 1v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+                  ]
+                }
+              ),
+              "Refresh"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-dist-list", children: [
+          isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+          state.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: state.message }),
+          state.step === "loaded" && rules.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No distribution rules available." }),
+          rules.map((rule) => /* @__PURE__ */ jsxRuntime.jsx(
+            RuleCard,
+            {
+              rule,
+              isClaiming: claimingId === rule.id,
+              isClaimed: claimedIds.has(rule.id),
+              ...claimErrors[rule.id] && { errorMessage: claimErrors[rule.id] },
+              onClaim: () => onClaim(rule)
+            },
+            rule.id
+          ))
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function DistributionRulesModal({ onClose }) {
+  const { getClient, styles } = usePollar();
+  const { theme = "light", accentColor = "#005DB4" } = styles;
+  const [state, setState] = react.useState({ step: "idle" });
+  const [claimingId, setClaimingId] = react.useState(null);
+  const [claimErrors, setClaimErrors] = react.useState({});
+  const [claimedIds, setClaimedIds] = react.useState(() => /* @__PURE__ */ new Set());
+  const load = react.useCallback(async () => {
+    setState({ step: "loading" });
+    try {
+      const rules = await getClient().listDistributionRules();
+      setState({ step: "loaded", rules });
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Failed to load distribution rules";
+      setState({ step: "error", message });
+    }
+  }, [getClient]);
+  react.useEffect(() => {
+    void load();
+  }, [load]);
+  const handleClaim = react.useCallback(
+    async (rule) => {
+      setClaimingId(rule.id);
+      setClaimErrors((prev) => {
+        if (!prev[rule.id]) return prev;
+        const next = { ...prev };
+        delete next[rule.id];
+        return next;
+      });
+      try {
+        await getClient().claimDistributionRule({ ruleId: rule.id });
+        setClaimedIds((prev) => {
+          const next = new Set(prev);
+          next.add(rule.id);
+          return next;
+        });
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Claim failed";
+        setClaimErrors((prev) => ({ ...prev, [rule.id]: message }));
+      } finally {
+        setClaimingId(null);
+      }
+    },
+    [getClient]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
+    DistributionRulesModalTemplate,
+    {
+      theme,
+      accentColor,
+      state,
+      claimingId,
+      claimErrors,
+      claimedIds,
+      onRefresh: () => void load(),
+      onClaim: handleClaim,
+      onClose
+    }
+  ) });
+}
 var STATUS_CONFIG = {
   none: { label: "Not started", color: "#6b7280", dot: false },
   pending: { label: "Pending review", color: "#f59e0b", dot: true },
@@ -1577,166 +1792,6 @@ function LoginModal({ onClose }) {
     }
   ) });
 }
-
-// src/lib/qr-code/index.tsx
-var import_ErrorCorrectLevel = __toESM(require_ErrorCorrectLevel());
-var import_QRCode = __toESM(require_QRCode());
-var QRCodeSvg = react.forwardRef(function QRCodeSvg2({
-  bgColor,
-  bgD,
-  fgD,
-  fgColor,
-  size,
-  title,
-  viewBoxSize,
-  xmlns = "http://www.w3.org/2000/svg",
-  ...props
-}, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...props, height: size, ref, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: size, xmlns, children: [
-    title ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: bgD, fill: bgColor }),
-    /* @__PURE__ */ jsxRuntime.jsx("path", { d: fgD, fill: fgColor })
-  ] });
-});
-QRCodeSvg.displayName = "QRCodeSvg";
-function bytesToBinaryString(bytes) {
-  return bytes.map((b) => String.fromCharCode(b & 255)).join("");
-}
-function encodeStringToUtf8Bytes(input) {
-  return Array.from(new TextEncoder().encode(input));
-}
-var QRCode = react.forwardRef(function QRCode2({ bgColor = "#FFFFFF", fgColor = "#000000", level = "L", size = 256, value, ...props }, ref) {
-  const qrcode = new import_QRCode.default(-1, import_ErrorCorrectLevel.default[level]);
-  const utf8Bytes = encodeStringToUtf8Bytes(value);
-  const binaryString = bytesToBinaryString(utf8Bytes);
-  qrcode.addData(binaryString, "Byte");
-  qrcode.make();
-  const cells = qrcode.modules;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    QRCodeSvg,
-    {
-      ...props,
-      bgColor,
-      bgD: cells.map((row, rowIndex) => row.map((cell, cellIndex) => !cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")).join(" "),
-      fgColor,
-      fgD: cells.map((row, rowIndex) => row.map((cell, cellIndex) => cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")).join(" "),
-      ref,
-      size,
-      viewBoxSize: cells.length
-    }
-  );
-});
-function ReceiveModalTemplate({
-  theme,
-  accentColor,
-  walletAddress,
-  copied,
-  onCopy,
-  onClose
-}) {
-  const isDark = theme === "dark";
-  const cssVars = {
-    "--pollar-accent": accentColor,
-    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
-    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
-    "--pollar-text": isDark ? "#ffffff" : "#111827",
-    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
-    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
-    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
-    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
-    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
-    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
-    "--pollar-buttons-border-radius": "6px",
-    "--pollar-buttons-height": "44px",
-    "--pollar-input-height": "44px",
-    "--pollar-input-border-radius": "0.5rem",
-    "--pollar-card-border-radius": "10px"
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: "pollar-modal-card pollar-receive-modal",
-      "data-theme": theme,
-      style: cssVars,
-      onClick: (e) => e.stopPropagation(),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Receive" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) }) })
-        ] }),
-        walletAddress ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-receive-qr", children: /* @__PURE__ */ jsxRuntime.jsx(
-            QRCode,
-            {
-              value: walletAddress,
-              size: 180,
-              fgColor: isDark ? "#ffffff" : "#111827",
-              bgColor: "transparent"
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-receive-instructions", children: "Share your Stellar address to receive any asset. Only send Stellar assets to this address." }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-receive-address-row", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-receive-address", children: walletAddress }),
-            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-receive-copy-btn", onClick: onCopy, "aria-label": "Copy address", children: copied ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "path",
-                  {
-                    d: "M3.5 7l2.5 2.5 4.5-5",
-                    stroke: "white",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                )
-              ] }),
-              "Copied!"
-            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
-                /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "path",
-                  {
-                    d: "M3 9H2a1 1 0 01-1-1V2a1 1 0 011-1h6a1 1 0 011 1v1",
-                    stroke: "currentColor",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round"
-                  }
-                )
-              ] }),
-              "Copy address"
-            ] }) })
-          ] })
-        ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No wallet connected." }),
-        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
-      ]
-    }
-  );
-}
-function ReceiveModal({ onClose }) {
-  const { walletAddress, styles } = usePollar();
-  const { theme = "light", accentColor = "#005DB4" } = styles;
-  const [copied, setCopied] = react.useState(false);
-  function handleCopy() {
-    if (!walletAddress) return;
-    navigator.clipboard.writeText(walletAddress).then(() => {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
-    ReceiveModalTemplate,
-    {
-      theme,
-      accentColor,
-      walletAddress,
-      copied,
-      onCopy: handleCopy,
-      onClose
-    }
-  ) });
-}
 var RAIL_LABELS = {
   SPEI: "SPEI (Mexico)",
   PIX: "PIX (Brazil)",
@@ -2051,6 +2106,166 @@ function RampWidget({ onClose }) {
     }
   ) });
 }
+
+// src/lib/qr-code/index.tsx
+var import_ErrorCorrectLevel = __toESM(require_ErrorCorrectLevel());
+var import_QRCode = __toESM(require_QRCode());
+var QRCodeSvg = react.forwardRef(function QRCodeSvg2({
+  bgColor,
+  bgD,
+  fgD,
+  fgColor,
+  size,
+  title,
+  viewBoxSize,
+  xmlns = "http://www.w3.org/2000/svg",
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...props, height: size, ref, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: size, xmlns, children: [
+    title ? /* @__PURE__ */ jsxRuntime.jsx("title", { children: title }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: bgD, fill: bgColor }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: fgD, fill: fgColor })
+  ] });
+});
+QRCodeSvg.displayName = "QRCodeSvg";
+function bytesToBinaryString(bytes) {
+  return bytes.map((b) => String.fromCharCode(b & 255)).join("");
+}
+function encodeStringToUtf8Bytes(input) {
+  return Array.from(new TextEncoder().encode(input));
+}
+var QRCode = react.forwardRef(function QRCode2({ bgColor = "#FFFFFF", fgColor = "#000000", level = "L", size = 256, value, ...props }, ref) {
+  const qrcode = new import_QRCode.default(-1, import_ErrorCorrectLevel.default[level]);
+  const utf8Bytes = encodeStringToUtf8Bytes(value);
+  const binaryString = bytesToBinaryString(utf8Bytes);
+  qrcode.addData(binaryString, "Byte");
+  qrcode.make();
+  const cells = qrcode.modules;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    QRCodeSvg,
+    {
+      ...props,
+      bgColor,
+      bgD: cells.map((row, rowIndex) => row.map((cell, cellIndex) => !cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")).join(" "),
+      fgColor,
+      fgD: cells.map((row, rowIndex) => row.map((cell, cellIndex) => cell ? `M ${cellIndex} ${rowIndex} l 1 0 0 1 -1 0 Z` : "").join(" ")).join(" "),
+      ref,
+      size,
+      viewBoxSize: cells.length
+    }
+  );
+});
+function ReceiveModalTemplate({
+  theme,
+  accentColor,
+  walletAddress,
+  copied,
+  onCopy,
+  onClose
+}) {
+  const isDark = theme === "dark";
+  const cssVars = {
+    "--pollar-accent": accentColor,
+    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
+    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
+    "--pollar-text": isDark ? "#ffffff" : "#111827",
+    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-receive-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Receive" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) }) })
+        ] }),
+        walletAddress ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-receive-qr", children: /* @__PURE__ */ jsxRuntime.jsx(
+            QRCode,
+            {
+              value: walletAddress,
+              size: 180,
+              fgColor: isDark ? "#ffffff" : "#111827",
+              bgColor: "transparent"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-receive-instructions", children: "Share your Stellar address to receive any asset. Only send Stellar assets to this address." }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-receive-address-row", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-receive-address", children: walletAddress }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "pollar-receive-copy-btn", onClick: onCopy, "aria-label": "Copy address", children: copied ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M3.5 7l2.5 2.5 4.5-5",
+                    stroke: "white",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              ] }),
+              "Copied!"
+            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+                /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M3 9H2a1 1 0 01-1-1V2a1 1 0 011-1h6a1 1 0 011 1v1",
+                    stroke: "currentColor",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round"
+                  }
+                )
+              ] }),
+              "Copy address"
+            ] }) })
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No wallet connected." }),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function ReceiveModal({ onClose }) {
+  const { walletAddress, styles } = usePollar();
+  const { theme = "light", accentColor = "#005DB4" } = styles;
+  const [copied, setCopied] = react.useState(false);
+  function handleCopy() {
+    if (!walletAddress) return;
+    navigator.clipboard.writeText(walletAddress).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
+    ReceiveModalTemplate,
+    {
+      theme,
+      accentColor,
+      walletAddress,
+      copied,
+      onCopy: handleCopy,
+      onClose
+    }
+  ) });
+}
 var STATUS_MESSAGES = {
   idle: "",
   building: "Building transaction\u2026",
@@ -2501,6 +2716,254 @@ function SendModal({ onClose }) {
     }
   ) });
 }
+function describeDevice(s) {
+  if (s.deviceLabel) return s.deviceLabel;
+  if (!s.userAgent) return "Unknown device";
+  return parseUserAgent(s.userAgent);
+}
+function detectBrowser(ua) {
+  if (/Edg\//.test(ua)) return "Edge";
+  if (/OPR\//.test(ua)) return "Opera";
+  if (/(Chrome|CriOS)\//.test(ua)) return "Chrome";
+  if (/(Firefox|FxiOS)\//.test(ua)) return "Firefox";
+  if (/Safari\//.test(ua)) return "Safari";
+  return null;
+}
+function detectOS(ua) {
+  if (/iPhone|iPad|iPod/.test(ua)) return "iOS";
+  if (/Android/.test(ua)) return "Android";
+  if (/Mac OS X/.test(ua)) return "macOS";
+  if (/Windows NT/.test(ua)) return "Windows";
+  if (/Linux/.test(ua)) return "Linux";
+  return null;
+}
+function parseUserAgent(ua) {
+  const browser = detectBrowser(ua);
+  const os = detectOS(ua);
+  if (browser && os) return `${os} \u2014 ${browser}`;
+  if (os) return os;
+  if (browser) return browser;
+  return ua.slice(0, 48);
+}
+function formatRelative(iso) {
+  if (!iso) return "\u2014";
+  const ts = new Date(iso).getTime();
+  if (!Number.isFinite(ts)) return "\u2014";
+  const diffSec = Math.round((Date.now() - ts) / 1e3);
+  if (diffSec < 0) return "just now";
+  if (diffSec < 60) return `${diffSec}s ago`;
+  const diffMin = Math.round(diffSec / 60);
+  if (diffMin < 60) return `${diffMin}m ago`;
+  const diffHr = Math.round(diffMin / 60);
+  if (diffHr < 24) return `${diffHr}h ago`;
+  const diffDay = Math.round(diffHr / 24);
+  if (diffDay < 30) return `${diffDay}d ago`;
+  return new Date(iso).toLocaleDateString(void 0, { month: "short", day: "numeric", year: "numeric" });
+}
+function shortIp(hash) {
+  if (!hash) return "";
+  return hash.slice(0, 8);
+}
+function SessionsModalTemplate({
+  theme,
+  accentColor,
+  state,
+  revokingFamilyId,
+  signingOutEverywhere,
+  onRefresh,
+  onRevoke,
+  onLogoutEverywhere,
+  onClose
+}) {
+  const isDark = theme === "dark";
+  const cssVars = {
+    "--pollar-accent": accentColor,
+    "--pollar-bg": isDark ? "#1a1a1a" : "#ffffff",
+    "--pollar-border": isDark ? "#374151" : "#e5e7eb",
+    "--pollar-text": isDark ? "#ffffff" : "#111827",
+    "--pollar-muted": isDark ? "#9ca3af" : "#6b7280",
+    "--pollar-input-bg": isDark ? "#374151" : "#f9fafb",
+    "--pollar-error-bg": isDark ? "#2a1515" : "#fef2f2",
+    "--pollar-error-border": isDark ? "#7f1d1d" : "#fecaca",
+    "--pollar-error-text": isDark ? "#f87171" : "#dc2626",
+    "--pollar-success-text": isDark ? "#4ade80" : "#16a34a",
+    "--pollar-buttons-border-radius": "6px",
+    "--pollar-buttons-height": "44px",
+    "--pollar-input-height": "44px",
+    "--pollar-input-border-radius": "0.5rem",
+    "--pollar-card-border-radius": "10px"
+  };
+  const isLoading = state.step === "loading";
+  const sessions = state.step === "loaded" ? state.sessions : [];
+  const otherCount = sessions.filter((s) => !s.current).length;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-sessions-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Active sessions" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  className: `pollar-modal-refresh-icon${isLoading ? " spinning" : ""}`,
+                  width: "13",
+                  height: "13",
+                  viewBox: "0 0 13 13",
+                  fill: "none",
+                  "aria-hidden": true,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "path",
+                      {
+                        d: "M10 1v3h-3",
+                        stroke: "currentColor",
+                        strokeWidth: "1.5",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round"
+                      }
+                    )
+                  ]
+                }
+              ),
+              "Refresh"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-sessions-list", children: [
+          state.step === "idle" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+          isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+          state.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: state.message }),
+          state.step === "loaded" && sessions.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No active sessions." }),
+          sessions.map((s) => {
+            const isRevoking = revokingFamilyId === s.familyId;
+            return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-sessions-item", "data-current": s.current || void 0, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-sessions-item-main", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-sessions-item-device", children: describeDevice(s) }),
+                s.current && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-sessions-item-badge", children: "This device" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-sessions-item-meta", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+                  "Last used ",
+                  formatRelative(s.lastUsedAt ?? s.createdAt)
+                ] }),
+                s.ipHash && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\xB7" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("span", { title: `ip-hash ${s.ipHash}`, children: [
+                    "ip ",
+                    shortIp(s.ipHash)
+                  ] })
+                ] })
+              ] }),
+              !s.current && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  className: "pollar-sessions-item-revoke",
+                  onClick: () => onRevoke(s.familyId),
+                  disabled: isRevoking || signingOutEverywhere,
+                  children: isRevoking ? "Revoking\u2026" : "Revoke"
+                }
+              )
+            ] }, s.familyId);
+          })
+        ] }),
+        state.step === "loaded" && sessions.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-sessions-actions", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            className: "pollar-sessions-logout-all",
+            onClick: onLogoutEverywhere,
+            disabled: signingOutEverywhere || otherCount === 0,
+            title: otherCount === 0 ? "No other devices to sign out" : void 0,
+            children: signingOutEverywhere ? "Signing out\u2026" : "Sign out everywhere"
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function SessionsModal({ onClose }) {
+  const { getClient, styles } = usePollar();
+  const { theme = "light", accentColor = "#005DB4" } = styles;
+  const [state, setState] = react.useState({ step: "idle" });
+  const [revokingFamilyId, setRevokingFamilyId] = react.useState(null);
+  const [signingOutEverywhere, setSigningOutEverywhere] = react.useState(false);
+  const mountedRef = react.useRef(true);
+  react.useEffect(() => () => {
+    mountedRef.current = false;
+  }, []);
+  const onCloseRef = react.useRef(onClose);
+  onCloseRef.current = onClose;
+  react.useEffect(() => {
+    return getClient().onAuthStateChange((authState) => {
+      if (authState.step === "idle") onCloseRef.current();
+    });
+  }, [getClient]);
+  const load = react.useCallback(async () => {
+    setState({ step: "loading" });
+    try {
+      const sessions = await getClient().listSessions();
+      if (!mountedRef.current) return;
+      setState({ step: "loaded", sessions });
+    } catch (err) {
+      if (!mountedRef.current) return;
+      const message = err instanceof Error ? err.message : "Failed to load sessions";
+      setState({ step: "error", message });
+    }
+  }, [getClient]);
+  react.useEffect(() => {
+    void load();
+  }, [load]);
+  const handleRevoke = react.useCallback(
+    async (familyId) => {
+      setRevokingFamilyId(familyId);
+      try {
+        await getClient().revokeSession(familyId);
+        if (!mountedRef.current) return;
+        await load();
+      } catch {
+        if (!mountedRef.current) return;
+        setState(
+          (prev) => prev.step === "loaded" ? { step: "error", message: "Failed to revoke session" } : prev
+        );
+      } finally {
+        if (mountedRef.current) setRevokingFamilyId(null);
+      }
+    },
+    [getClient, load]
+  );
+  const handleLogoutEverywhere = react.useCallback(async () => {
+    setSigningOutEverywhere(true);
+    try {
+      await getClient().logoutEverywhere();
+      onClose();
+    } catch {
+      if (!mountedRef.current) return;
+      setSigningOutEverywhere(false);
+    }
+  }, [getClient, onClose]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
+    SessionsModalTemplate,
+    {
+      theme,
+      accentColor,
+      state,
+      revokingFamilyId,
+      signingOutEverywhere,
+      onRefresh: () => void load(),
+      onRevoke: (familyId) => void handleRevoke(familyId),
+      onLogoutEverywhere: () => void handleLogoutEverywhere(),
+      onClose
+    }
+  ) });
+}
 function TransactionModalTemplate({
   theme,
   accentColor,
@@ -2942,9 +3405,11 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
   const [walletBalanceModalOpen, setWalletBalanceModalOpen] = react.useState(false);
   const [sendModalOpen, setSendModalOpen] = react.useState(false);
   const [receiveModalOpen, setReceiveModalOpen] = react.useState(false);
+  const [sessionsModalOpen, setSessionsModalOpen] = react.useState(false);
+  const [distributionRulesModalOpen, setDistributionRulesModalOpen] = react.useState(false);
   const adaptersRef = react.useRef(adapters);
   adaptersRef.current = adapters;
-  const walletAddress = sessionState?.data?.providers?.wallet?.address || sessionState?.wallet?.publicKey || "";
+  const walletAddress = sessionState?.wallet?.publicKey || "";
   const getClient = react.useCallback(() => pollarClient, [pollarClient]);
   const refreshWalletBalance = react.useCallback(() => pollarClient.refreshBalance(walletAddress), [pollarClient, walletAddress]);
   const contextValue = react.useMemo(
@@ -2974,6 +3439,10 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
       // send / receive
       openSendModal: () => setSendModalOpen(true),
       openReceiveModal: () => setReceiveModalOpen(true),
+      // sessions
+      openSessionsModal: () => setSessionsModalOpen(true),
+      // distribution
+      openDistributionRulesModal: () => setDistributionRulesModalOpen(true),
       // network
       network: networkState.step === "connected" ? networkState.network : "testnet",
       setNetwork: (network) => pollarClient.setNetwork(network),
@@ -2989,7 +3458,18 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
       styles,
       adapters: adaptersRef.current
     }),
-    [walletAddress, pollarClient, getClient, transaction, txHistory, walletBalance, refreshWalletBalance, networkState, remoteConfig, styles]
+    [
+      walletAddress,
+      pollarClient,
+      getClient,
+      transaction,
+      txHistory,
+      walletBalance,
+      refreshWalletBalance,
+      networkState,
+      remoteConfig,
+      styles
+    ]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(PollarContext.Provider, { value: contextValue, children: [
     children,
@@ -3008,7 +3488,9 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
     txHistoryModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setTxHistoryModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(TxHistoryModal, { onClose: () => setTxHistoryModalOpen(false) }) }),
     walletBalanceModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setWalletBalanceModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(WalletBalanceModal, { onClose: () => setWalletBalanceModalOpen(false) }) }),
     sendModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setSendModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(SendModal, { onClose: () => setSendModalOpen(false) }) }),
-    receiveModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setReceiveModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(ReceiveModal, { onClose: () => setReceiveModalOpen(false) }) })
+    receiveModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setReceiveModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(ReceiveModal, { onClose: () => setReceiveModalOpen(false) }) }),
+    sessionsModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setSessionsModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(SessionsModal, { onClose: () => setSessionsModalOpen(false) }) }),
+    distributionRulesModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setDistributionRulesModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(DistributionRulesModal, { onClose: () => setDistributionRulesModalOpen(false) }) })
   ] });
 }
 function usePollar() {
@@ -3259,6 +3741,8 @@ function WalletButton() {
   );
 }
 
+exports.DistributionRulesModal = DistributionRulesModal;
+exports.DistributionRulesModalTemplate = DistributionRulesModalTemplate;
 exports.KycModal = KycModal;
 exports.KycModalTemplate = KycModalTemplate;
 exports.KycStatus = KycStatus;
@@ -3271,6 +3755,8 @@ exports.ReceiveModalTemplate = ReceiveModalTemplate;
 exports.RouteDisplay = RouteDisplay;
 exports.SendModal = SendModal;
 exports.SendModalTemplate = SendModalTemplate;
+exports.SessionsModal = SessionsModal;
+exports.SessionsModalTemplate = SessionsModalTemplate;
 exports.TransactionModalTemplate = TransactionModalTemplate;
 exports.TxHistoryModalTemplate = TxHistoryModalTemplate;
 exports.TxStatusView = TxStatusView;