@pollar/react 0.7.0 → 0.7.1

package/dist/index.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { AUTH_ERROR_CODES, WalletType, PollarClient } from '@pollar/core';
-import { forwardRef, createContext, useState, useEffect, useRef, useCallback, useMemo, useContext, Component } from 'react';
+import { forwardRef, createContext, useState, useCallback, useEffect, useRef, useMemo, useContext, Component } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
 var __create = Object.create;
@@ -1028,7 +1028,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.7.0"
+        "0.7.1"
       ] })
     ] })
   ] });
@@ -1052,6 +1052,221 @@ function ModalStatusBanner({ message, status, onCancel, onRetry }) {
     status === "ERROR" && onRetry && /* @__PURE__ */ 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__ */ jsxs("div", { className: "pollar-dist-item", "data-claimable": effectivelyClaimable ? "true" : "false", children: [
+    /* @__PURE__ */ jsxs("div", { className: "pollar-dist-item-row", children: [
+      /* @__PURE__ */ jsx("span", { className: "pollar-dist-item-name", children: rule.name }),
+      /* @__PURE__ */ jsxs("span", { className: "pollar-dist-item-amount", children: [
+        formatAmount(rule.amount),
+        " ",
+        /* @__PURE__ */ jsx("span", { className: "pollar-dist-item-asset", children: rule.assetCode })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "pollar-dist-item-meta", children: [
+      /* @__PURE__ */ jsx("span", { children: PERIOD_LABEL[rule.period] }),
+      validity && /* @__PURE__ */ jsxs("span", { children: [
+        "\xB7 ",
+        validity
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "pollar-dist-item-action", children: isClaimed ? /* @__PURE__ */ jsx("span", { className: "pollar-dist-item-status", "data-kind": "claimed", children: "Claimed" }) : effectivelyClaimable ? /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: "pollar-btn-primary pollar-dist-claim-btn",
+        onClick: onClaim,
+        disabled: isClaiming,
+        children: isClaiming ? "Claiming\u2026" : "Claim"
+      }
+    ) : /* @__PURE__ */ jsx("span", { className: "pollar-dist-item-status", "data-kind": "unavailable", children: reasonLabel(rule.reason) }) }),
+    errorMessage && /* @__PURE__ */ 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__ */ jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-dist-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Distribution Rules" }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header-actions", children: [
+            /* @__PURE__ */ jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading, children: [
+              /* @__PURE__ */ 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__ */ jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+                    /* @__PURE__ */ jsx("path", { d: "M10 1v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+                  ]
+                }
+              ),
+              "Refresh"
+            ] }),
+            /* @__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__ */ jsxs("div", { className: "pollar-dist-list", children: [
+          isLoading && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+          state.step === "error" && /* @__PURE__ */ jsx("div", { className: "pollar-modal-error", children: state.message }),
+          state.step === "loaded" && rules.length === 0 && /* @__PURE__ */ jsx("div", { className: "pollar-modal-empty", children: "No distribution rules available." }),
+          rules.map((rule) => /* @__PURE__ */ 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__ */ jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function DistributionRulesModal({ onClose }) {
+  const { getClient, styles } = usePollar();
+  const { theme = "light", accentColor = "#005DB4" } = styles;
+  const [state, setState] = useState({ step: "idle" });
+  const [claimingId, setClaimingId] = useState(null);
+  const [claimErrors, setClaimErrors] = useState({});
+  const [claimedIds, setClaimedIds] = useState(() => /* @__PURE__ */ new Set());
+  const load = 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]);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  const handleClaim = 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__ */ jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ 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 },
@@ -1575,166 +1790,6 @@ function LoginModal({ onClose }) {
     }
   ) });
 }
-
-// src/lib/qr-code/index.tsx
-var import_ErrorCorrectLevel = __toESM(require_ErrorCorrectLevel());
-var import_QRCode = __toESM(require_QRCode());
-var QRCodeSvg = forwardRef(function QRCodeSvg2({
-  bgColor,
-  bgD,
-  fgD,
-  fgColor,
-  size,
-  title,
-  viewBoxSize,
-  xmlns = "http://www.w3.org/2000/svg",
-  ...props
-}, ref) {
-  return /* @__PURE__ */ jsxs("svg", { ...props, height: size, ref, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: size, xmlns, children: [
-    title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
-    /* @__PURE__ */ jsx("path", { d: bgD, fill: bgColor }),
-    /* @__PURE__ */ 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 = 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__ */ 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__ */ jsxs(
-    "div",
-    {
-      className: "pollar-modal-card pollar-receive-modal",
-      "data-theme": theme,
-      style: cssVars,
-      onClick: (e) => e.stopPropagation(),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
-          /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Receive" }),
-          /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "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" }) }) }) })
-        ] }),
-        walletAddress ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "pollar-receive-qr", children: /* @__PURE__ */ jsx(
-            QRCode,
-            {
-              value: walletAddress,
-              size: 180,
-              fgColor: isDark ? "#ffffff" : "#111827",
-              bgColor: "transparent"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("p", { className: "pollar-receive-instructions", children: "Share your Stellar address to receive any asset. Only send Stellar assets to this address." }),
-          /* @__PURE__ */ jsxs("div", { className: "pollar-receive-address-row", children: [
-            /* @__PURE__ */ jsx("span", { className: "pollar-receive-address", children: walletAddress }),
-            /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-receive-copy-btn", onClick: onCopy, "aria-label": "Copy address", children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
-                /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
-                /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    d: "M3.5 7l2.5 2.5 4.5-5",
-                    stroke: "white",
-                    strokeWidth: "1.5",
-                    strokeLinecap: "round",
-                    strokeLinejoin: "round"
-                  }
-                )
-              ] }),
-              "Copied!"
-            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
-                /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
-                /* @__PURE__ */ 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__ */ jsx("div", { className: "pollar-modal-empty", children: "No wallet connected." }),
-        /* @__PURE__ */ jsx(PollarModalFooter, {})
-      ]
-    }
-  );
-}
-function ReceiveModal({ onClose }) {
-  const { walletAddress, styles } = usePollar();
-  const { theme = "light", accentColor = "#005DB4" } = styles;
-  const [copied, setCopied] = useState(false);
-  function handleCopy() {
-    if (!walletAddress) return;
-    navigator.clipboard.writeText(walletAddress).then(() => {
-      setCopied(true);
-      setTimeout(() => setCopied(false), 2e3);
-    });
-  }
-  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsx(
-    ReceiveModalTemplate,
-    {
-      theme,
-      accentColor,
-      walletAddress,
-      copied,
-      onCopy: handleCopy,
-      onClose
-    }
-  ) });
-}
 var RAIL_LABELS = {
   SPEI: "SPEI (Mexico)",
   PIX: "PIX (Brazil)",
@@ -2049,6 +2104,166 @@ function RampWidget({ onClose }) {
     }
   ) });
 }
+
+// src/lib/qr-code/index.tsx
+var import_ErrorCorrectLevel = __toESM(require_ErrorCorrectLevel());
+var import_QRCode = __toESM(require_QRCode());
+var QRCodeSvg = forwardRef(function QRCodeSvg2({
+  bgColor,
+  bgD,
+  fgD,
+  fgColor,
+  size,
+  title,
+  viewBoxSize,
+  xmlns = "http://www.w3.org/2000/svg",
+  ...props
+}, ref) {
+  return /* @__PURE__ */ jsxs("svg", { ...props, height: size, ref, viewBox: `0 0 ${viewBoxSize} ${viewBoxSize}`, width: size, xmlns, children: [
+    title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
+    /* @__PURE__ */ jsx("path", { d: bgD, fill: bgColor }),
+    /* @__PURE__ */ 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 = 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__ */ 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__ */ jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-receive-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsx("h2", { className: "pollar-modal-title", children: "Receive" }),
+          /* @__PURE__ */ jsx("div", { className: "pollar-modal-header-actions", children: /* @__PURE__ */ jsx("button", { type: "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" }) }) }) })
+        ] }),
+        walletAddress ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "pollar-receive-qr", children: /* @__PURE__ */ jsx(
+            QRCode,
+            {
+              value: walletAddress,
+              size: 180,
+              fgColor: isDark ? "#ffffff" : "#111827",
+              bgColor: "transparent"
+            }
+          ) }),
+          /* @__PURE__ */ jsx("p", { className: "pollar-receive-instructions", children: "Share your Stellar address to receive any asset. Only send Stellar assets to this address." }),
+          /* @__PURE__ */ jsxs("div", { className: "pollar-receive-address-row", children: [
+            /* @__PURE__ */ jsx("span", { className: "pollar-receive-address", children: walletAddress }),
+            /* @__PURE__ */ jsx("button", { type: "button", className: "pollar-receive-copy-btn", onClick: onCopy, "aria-label": "Copy address", children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": true, children: [
+                /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "7", fill: "currentColor" }),
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M3.5 7l2.5 2.5 4.5-5",
+                    stroke: "white",
+                    strokeWidth: "1.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round"
+                  }
+                )
+              ] }),
+              "Copied!"
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("svg", { width: "13", height: "13", viewBox: "0 0 13 13", fill: "none", "aria-hidden": true, children: [
+                /* @__PURE__ */ jsx("rect", { x: "4", y: "4", width: "8", height: "8", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }),
+                /* @__PURE__ */ 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__ */ jsx("div", { className: "pollar-modal-empty", children: "No wallet connected." }),
+        /* @__PURE__ */ jsx(PollarModalFooter, {})
+      ]
+    }
+  );
+}
+function ReceiveModal({ onClose }) {
+  const { walletAddress, styles } = usePollar();
+  const { theme = "light", accentColor = "#005DB4" } = styles;
+  const [copied, setCopied] = useState(false);
+  function handleCopy() {
+    if (!walletAddress) return;
+    navigator.clipboard.writeText(walletAddress).then(() => {
+      setCopied(true);
+      setTimeout(() => setCopied(false), 2e3);
+    });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "pollar-overlay", onClick: onClose, children: /* @__PURE__ */ jsx(
+    ReceiveModalTemplate,
+    {
+      theme,
+      accentColor,
+      walletAddress,
+      copied,
+      onCopy: handleCopy,
+      onClose
+    }
+  ) });
+}
 var STATUS_MESSAGES = {
   idle: "",
   building: "Building transaction\u2026",
@@ -3189,6 +3404,7 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
   const [sendModalOpen, setSendModalOpen] = useState(false);
   const [receiveModalOpen, setReceiveModalOpen] = useState(false);
   const [sessionsModalOpen, setSessionsModalOpen] = useState(false);
+  const [distributionRulesModalOpen, setDistributionRulesModalOpen] = useState(false);
   const adaptersRef = useRef(adapters);
   adaptersRef.current = adapters;
   const walletAddress = sessionState?.wallet?.publicKey || "";
@@ -3223,6 +3439,8 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
       openReceiveModal: () => setReceiveModalOpen(true),
       // sessions
       openSessionsModal: () => setSessionsModalOpen(true),
+      // distribution
+      openDistributionRulesModal: () => setDistributionRulesModalOpen(true),
       // network
       network: networkState.step === "connected" ? networkState.network : "testnet",
       setNetwork: (network) => pollarClient.setNetwork(network),
@@ -3238,7 +3456,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__ */ jsxs(PollarContext.Provider, { value: contextValue, children: [
     children,
@@ -3258,7 +3487,8 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
     walletBalanceModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setWalletBalanceModalOpen(false), children: /* @__PURE__ */ jsx(WalletBalanceModal, { onClose: () => setWalletBalanceModalOpen(false) }) }),
     sendModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setSendModalOpen(false), children: /* @__PURE__ */ jsx(SendModal, { onClose: () => setSendModalOpen(false) }) }),
     receiveModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setReceiveModalOpen(false), children: /* @__PURE__ */ jsx(ReceiveModal, { onClose: () => setReceiveModalOpen(false) }) }),
-    sessionsModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setSessionsModalOpen(false), children: /* @__PURE__ */ jsx(SessionsModal, { onClose: () => setSessionsModalOpen(false) }) })
+    sessionsModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setSessionsModalOpen(false), children: /* @__PURE__ */ jsx(SessionsModal, { onClose: () => setSessionsModalOpen(false) }) }),
+    distributionRulesModalOpen && /* @__PURE__ */ jsx(ModalErrorBoundary, { onClose: () => setDistributionRulesModalOpen(false), children: /* @__PURE__ */ jsx(DistributionRulesModal, { onClose: () => setDistributionRulesModalOpen(false) }) })
   ] });
 }
 function usePollar() {
@@ -3509,6 +3739,6 @@ function WalletButton() {
   );
 }
 
-export { KycModal, KycModalTemplate, KycStatus, LoginModalTemplate, PollarProvider, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, RouteDisplay, SendModal, SendModalTemplate, SessionsModal, SessionsModalTemplate, TransactionModalTemplate, TxHistoryModalTemplate, TxStatusView, WalletBalanceModal, WalletBalanceModalTemplate, WalletButton, createPollarAdapterHook, usePollar };
+export { DistributionRulesModal, DistributionRulesModalTemplate, KycModal, KycModalTemplate, KycStatus, LoginModalTemplate, PollarProvider, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, RouteDisplay, SendModal, SendModalTemplate, SessionsModal, SessionsModalTemplate, TransactionModalTemplate, TxHistoryModalTemplate, TxStatusView, WalletBalanceModal, WalletBalanceModalTemplate, WalletButton, createPollarAdapterHook, usePollar };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map