@pollar/react 0.7.0 → 0.7.1

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PollarApplicationConfigContent, PollarLoginOptions, PollarClientConfig, pollarPaths, PollarAdapters, PollarClient, TransactionState, TxBuildBody, WalletId, StellarNetwork, WalletBalanceState, TxHistoryState, PollarAdapter, KycStatus as KycStatus$1, RampQuote, AuthState, KycProvider, KycStartResponse, RampDirection, PaymentInstructions, WalletBalanceRecord, SessionInfo } from '@pollar/core';
+import { PollarApplicationConfigContent, PollarLoginOptions, PollarClientConfig, pollarPaths, PollarAdapters, PollarClient, TransactionState, TxBuildBody, WalletId, StellarNetwork, WalletBalanceState, TxHistoryState, PollarAdapter, KycStatus as KycStatus$1, RampQuote, AuthState, KycProvider, KycStartResponse, RampDirection, PaymentInstructions, WalletBalanceRecord, SessionInfo, DistributionRulesState, DistributionRule } from '@pollar/core';
 import { ReactNode } from 'react';
 
 type ConfigResponse = pollarPaths['/applications/config']['get']['responses'][200]['content']['application/json'];
@@ -59,6 +59,7 @@ interface PollarContextValue {
     openWalletBalanceModal: () => void;
     openSendModal: () => void;
     openReceiveModal: () => void;
+    openDistributionRulesModal: () => void;
     adapters?: PollarAdapters;
 }
 interface PollarProviderProps {
@@ -125,6 +126,11 @@ interface SessionsModalProps {
 }
 declare function SessionsModal({ onClose }: SessionsModalProps): react_jsx_runtime.JSX.Element;
 
+interface DistributionRulesModalProps {
+    onClose: () => void;
+}
+declare function DistributionRulesModal({ onClose }: DistributionRulesModalProps): react_jsx_runtime.JSX.Element;
+
 interface LoginModalTemplateProps {
     theme: string;
     accentColor: string;
@@ -311,4 +317,17 @@ interface SessionsModalTemplateProps {
 }
 declare function SessionsModalTemplate({ theme, accentColor, state, revokingFamilyId, signingOutEverywhere, onRefresh, onRevoke, onLogoutEverywhere, onClose, }: SessionsModalTemplateProps): react_jsx_runtime.JSX.Element;
 
-export { type AuthContextValue, type AuthModalProps, type AuthProviderProps, KycModal, KycModalTemplate, KycStatus, type KycStep, type LoginButtonProps, LoginModalTemplate, type PollarConfig, PollarProvider, type PollarStyles, type RampStep, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, type ReceiveModalTemplateProps, RouteDisplay, SendModal, SendModalTemplate, type SendModalTemplateProps, SessionsModal, SessionsModalTemplate, type SessionsModalTemplateProps, type SessionsState, TransactionModalTemplate, type TransactionModalTemplateProps, TxHistoryModalTemplate, TxStatusView, type TxStatusViewProps, WalletBalanceModal, WalletBalanceModalTemplate, type WalletBalanceModalTemplateProps, WalletButton, createPollarAdapterHook, usePollar };
+interface DistributionRulesModalTemplateProps {
+    theme: string;
+    accentColor: string;
+    state: DistributionRulesState;
+    claimingId: string | null;
+    claimErrors: Record<string, string>;
+    claimedIds: Set<string>;
+    onRefresh: () => void;
+    onClaim: (rule: DistributionRule) => void;
+    onClose: () => void;
+}
+declare function DistributionRulesModalTemplate({ theme, accentColor, state, claimingId, claimErrors, claimedIds, onRefresh, onClaim, onClose, }: DistributionRulesModalTemplateProps): react_jsx_runtime.JSX.Element;
+
+export { type AuthContextValue, type AuthModalProps, type AuthProviderProps, DistributionRulesModal, DistributionRulesModalTemplate, KycModal, KycModalTemplate, KycStatus, type KycStep, type LoginButtonProps, LoginModalTemplate, type PollarConfig, PollarProvider, type PollarStyles, type RampStep, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, type ReceiveModalTemplateProps, RouteDisplay, SendModal, SendModalTemplate, type SendModalTemplateProps, SessionsModal, SessionsModalTemplate, type SessionsModalTemplateProps, type SessionsState, TransactionModalTemplate, type TransactionModalTemplateProps, TxHistoryModalTemplate, TxStatusView, type TxStatusViewProps, WalletBalanceModal, WalletBalanceModalTemplate, type WalletBalanceModalTemplateProps, WalletButton, createPollarAdapterHook, usePollar };

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.7.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",
@@ -3191,6 +3406,7 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
   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?.wallet?.publicKey || "";
@@ -3225,6 +3441,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),
@@ -3240,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,
@@ -3260,7 +3489,8 @@ function PollarProvider({ config, styles: propStyles, adapters, children }) {
     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) }) }),
-    sessionsModalOpen && /* @__PURE__ */ jsxRuntime.jsx(ModalErrorBoundary, { onClose: () => setSessionsModalOpen(false), children: /* @__PURE__ */ jsxRuntime.jsx(SessionsModal, { onClose: () => setSessionsModalOpen(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() {
@@ -3511,6 +3741,8 @@ function WalletButton() {
   );
 }
 
+exports.DistributionRulesModal = DistributionRulesModal;
+exports.DistributionRulesModalTemplate = DistributionRulesModalTemplate;
 exports.KycModal = KycModal;
 exports.KycModalTemplate = KycModalTemplate;
 exports.KycStatus = KycStatus;