@ergoblockchain/sage-widget 0.2.0 → 0.3.0

package/dist/vanilla.d.cts

@@ -1,5 +1,5 @@
-import { c as SageActivityResponse, u as SageWidgetOptions, e as SageChatMessage, k as SagePaymentPhase, q as SageQuoteResponse, t as SageVerifyPaymentResponse, r as SageReceiptBundle, l as SagePaymentWidgetOptions } from './types-yv1THHVz.cjs';
-export { D as DEFAULT_API_BASE, a as DEFAULT_LIMIT, b as DEFAULT_REFRESH_MS, S as SageActivityEvent, d as SageActivityType, f as SageChatRole, g as SageChatStreamEvent, h as SageChatStreamResult, i as SageChatTier, j as SagePaymentInstructions, m as SagePaymentWidgetStatus, n as SagePremiumPaymentRequired, o as SagePremiumReason, p as SageQuote, s as SageTenantConfig } from './types-yv1THHVz.cjs';
+import { c as SageActivityResponse, y as SageWidgetOptions, e as SageChatMessage, m as SagePaymentPhase, s as SageQuoteResponse, k as SagePaymentIntent, v as SageVerifyPaymentResponse, t as SageReceiptBundle, n as SagePaymentWidgetOptions } from './types-B5V2rsYn.cjs';
+export { D as DEFAULT_API_BASE, a as DEFAULT_LIMIT, b as DEFAULT_REFRESH_MS, S as SageActivityEvent, d as SageActivityType, f as SageChatRole, g as SageChatStreamEvent, h as SageChatStreamResult, i as SageChatTier, j as SagePaymentInstructions, l as SagePaymentNetwork, o as SagePaymentWidgetStatus, p as SagePremiumPaymentRequired, q as SagePremiumReason, r as SageQuote, u as SageTenantConfig, w as SageWalletLaunchResult, x as SageWalletLauncher } from './types-B5V2rsYn.cjs';
 
 /**
  * mountSageFeed — framework-agnostic DOM mount for the Sage activity
@@ -39,6 +39,7 @@ interface MountSagePaymentWidgetHandle {
         phase: SagePaymentPhase;
         tier: "free" | "premium" | null;
         quote: SageQuoteResponse["quote"] | null;
+        paymentIntent: SagePaymentIntent | null;
         receipt: SageVerifyPaymentResponse | null;
         receiptBundle: SageReceiptBundle | null;
         error: string | null;
@@ -48,4 +49,4 @@ interface MountSagePaymentWidgetHandle {
 }
 declare function mountSagePaymentWidget(target: Element, opts?: SagePaymentWidgetOptions): MountSagePaymentWidgetHandle;
 
-export { type MountSageFeedHandle, type MountSagePaymentWidgetHandle, SageActivityResponse, SageChatMessage, SagePaymentPhase, SagePaymentWidgetOptions, SageQuoteResponse, SageReceiptBundle, SageVerifyPaymentResponse, SageWidgetOptions, mountSageFeed, mountSagePaymentWidget };
+export { type MountSageFeedHandle, type MountSagePaymentWidgetHandle, SageActivityResponse, SageChatMessage, SagePaymentIntent, SagePaymentPhase, SagePaymentWidgetOptions, SageQuoteResponse, SageReceiptBundle, SageVerifyPaymentResponse, SageWidgetOptions, mountSageFeed, mountSagePaymentWidget };

package/dist/vanilla.d.ts

@@ -1,5 +1,5 @@
-import { c as SageActivityResponse, u as SageWidgetOptions, e as SageChatMessage, k as SagePaymentPhase, q as SageQuoteResponse, t as SageVerifyPaymentResponse, r as SageReceiptBundle, l as SagePaymentWidgetOptions } from './types-yv1THHVz.js';
-export { D as DEFAULT_API_BASE, a as DEFAULT_LIMIT, b as DEFAULT_REFRESH_MS, S as SageActivityEvent, d as SageActivityType, f as SageChatRole, g as SageChatStreamEvent, h as SageChatStreamResult, i as SageChatTier, j as SagePaymentInstructions, m as SagePaymentWidgetStatus, n as SagePremiumPaymentRequired, o as SagePremiumReason, p as SageQuote, s as SageTenantConfig } from './types-yv1THHVz.js';
+import { c as SageActivityResponse, y as SageWidgetOptions, e as SageChatMessage, m as SagePaymentPhase, s as SageQuoteResponse, k as SagePaymentIntent, v as SageVerifyPaymentResponse, t as SageReceiptBundle, n as SagePaymentWidgetOptions } from './types-B5V2rsYn.js';
+export { D as DEFAULT_API_BASE, a as DEFAULT_LIMIT, b as DEFAULT_REFRESH_MS, S as SageActivityEvent, d as SageActivityType, f as SageChatRole, g as SageChatStreamEvent, h as SageChatStreamResult, i as SageChatTier, j as SagePaymentInstructions, l as SagePaymentNetwork, o as SagePaymentWidgetStatus, p as SagePremiumPaymentRequired, q as SagePremiumReason, r as SageQuote, u as SageTenantConfig, w as SageWalletLaunchResult, x as SageWalletLauncher } from './types-B5V2rsYn.js';
 
 /**
  * mountSageFeed — framework-agnostic DOM mount for the Sage activity
@@ -39,6 +39,7 @@ interface MountSagePaymentWidgetHandle {
         phase: SagePaymentPhase;
         tier: "free" | "premium" | null;
         quote: SageQuoteResponse["quote"] | null;
+        paymentIntent: SagePaymentIntent | null;
         receipt: SageVerifyPaymentResponse | null;
         receiptBundle: SageReceiptBundle | null;
         error: string | null;
@@ -48,4 +49,4 @@ interface MountSagePaymentWidgetHandle {
 }
 declare function mountSagePaymentWidget(target: Element, opts?: SagePaymentWidgetOptions): MountSagePaymentWidgetHandle;
 
-export { type MountSageFeedHandle, type MountSagePaymentWidgetHandle, SageActivityResponse, SageChatMessage, SagePaymentPhase, SagePaymentWidgetOptions, SageQuoteResponse, SageReceiptBundle, SageVerifyPaymentResponse, SageWidgetOptions, mountSageFeed, mountSagePaymentWidget };
+export { type MountSageFeedHandle, type MountSagePaymentWidgetHandle, SageActivityResponse, SageChatMessage, SagePaymentIntent, SagePaymentPhase, SagePaymentWidgetOptions, SageQuoteResponse, SageReceiptBundle, SageVerifyPaymentResponse, SageWidgetOptions, mountSageFeed, mountSagePaymentWidget };

package/dist/vanilla.js

@@ -52,6 +52,28 @@ async function fetchSageReceipt(id, opts = {}) {
   if (!res.ok) throw new Error(readError(body, `sage receipt ${res.status}`));
   return body;
 }
+function createSagePaymentIntent(opts) {
+  const base = trimSlash(opts.apiBase ?? DEFAULT_API_BASE);
+  return {
+    type: "sage.payment_intent.v1",
+    network: opts.network ?? "ergo-testnet",
+    createdAt: opts.createdAt ?? (/* @__PURE__ */ new Date()).toISOString(),
+    question: opts.question,
+    ...opts.tenant?.id || opts.tenant?.label ? { tenant: { id: opts.tenant.id, label: opts.tenant.label } } : {},
+    quote: opts.quote,
+    amountErg: opts.quote.price,
+    receiverAddress: opts.quote.receiverAddress,
+    reserveBoxId: opts.quote.reserveBoxId,
+    taskHash: opts.quote.taskHash,
+    expiresAt: opts.quote.expiresAt,
+    deadline: opts.quote.deadline,
+    verifyEndpoint: `${base}/api/sage/verify-payment`,
+    receiptEndpointTemplate: `${base}/api/sage/receipt/{receiptId}`
+  };
+}
+function serializeSagePaymentIntent(intent) {
+  return JSON.stringify(intent, null, 2);
+}
 async function streamSageChat(opts) {
   const res = await fetch(`${apiBase(opts)}/api/sage/chat`, {
     method: "POST",
@@ -455,6 +477,7 @@ function mountSagePaymentWidget(target, opts = {}) {
   let noteBoxId = "";
   let activeQuestion = "";
   let quoteResponse = null;
+  let paymentIntent = null;
   let receipt = null;
   let receiptBundle = null;
   let error = null;
@@ -470,6 +493,7 @@ function mountSagePaymentWidget(target, opts = {}) {
     inputValue = "";
     noteBoxId = "";
     quoteResponse = null;
+    paymentIntent = null;
     receipt = null;
     receiptBundle = null;
     error = null;
@@ -491,6 +515,13 @@ function mountSagePaymentWidget(target, opts = {}) {
       if (quote.premium) {
         if (!quote.quote) throw new Error("Sage marked this question premium but did not return a quote.");
         quoteResponse = quote;
+        paymentIntent = createSagePaymentIntent({
+          apiBase: apiBase2,
+          tenant: opts.tenant,
+          question,
+          quote: quote.quote
+        });
+        opts.onPaymentIntent?.(paymentIntent);
         transition("payment_required");
         render();
         return;
@@ -525,6 +556,7 @@ function mountSagePaymentWidget(target, opts = {}) {
     receipt = verified;
     opts.onReceipt?.(verified);
     quoteResponse = null;
+    paymentIntent = null;
     noteBoxId = "";
     transition("streaming");
     try {
@@ -575,6 +607,13 @@ function mountSagePaymentWidget(target, opts = {}) {
         });
         opts.onQuote?.(quote);
         quoteResponse = quote;
+        paymentIntent = quote.quote ? createSagePaymentIntent({
+          apiBase: apiBase2,
+          tenant: opts.tenant,
+          question: activeQuestion,
+          quote: quote.quote
+        }) : null;
+        if (paymentIntent) opts.onPaymentIntent?.(paymentIntent);
         transition("payment_required");
         render();
         return;
@@ -587,6 +626,21 @@ function mountSagePaymentWidget(target, opts = {}) {
     transition("idle");
     render();
   }
+  async function launchWallet() {
+    if (!paymentIntent || !opts.walletLauncher || isBusy()) return;
+    error = null;
+    try {
+      const result = await opts.walletLauncher(paymentIntent);
+      if (result?.ok === false) {
+        throw new Error(result.error ?? "Wallet flow did not produce a Note.");
+      }
+      if (result?.noteBoxId) noteBoxId = result.noteBoxId;
+    } catch (err) {
+      error = err instanceof Error ? err.message : "Wallet flow failed.";
+      opts.onError?.(err);
+    }
+    render();
+  }
   function render() {
     root.innerHTML = "";
     const header = document.createElement("header");
@@ -691,6 +745,41 @@ function mountSagePaymentWidget(target, opts = {}) {
       field("Reserve box", quote.reserveBoxId),
       field("Task hash", quote.taskHash)
     );
+    const testnetWarning = opts.testnetWarning === false ? null : opts.testnetWarning ?? "Testnet proof flow. The widget never signs funds; connect your own reviewed wallet layer before handling real value.";
+    if (testnetWarning) {
+      const warning = document.createElement("div");
+      warning.textContent = testnetWarning;
+      applyStyles2(warning, warningStyle);
+      panel.appendChild(warning);
+    }
+    if (opts.showPaymentIntent !== false && paymentIntent) {
+      const intent = document.createElement("div");
+      applyStyles2(intent, intentStyle);
+      const intentTop = document.createElement("div");
+      applyStyles2(intentTop, intentHeaderStyle);
+      const label2 = document.createElement("strong");
+      label2.textContent = "Payment intent";
+      const copy = document.createElement("button");
+      copy.type = "button";
+      copy.textContent = "Copy JSON";
+      copy.addEventListener("click", () => copyText(serializeSagePaymentIntent(paymentIntent)));
+      applyStyles2(copy, copyButtonStyle);
+      intentTop.append(label2, copy);
+      const code = document.createElement("code");
+      code.textContent = serializeSagePaymentIntent(paymentIntent);
+      applyStyles2(code, intentCodeStyle);
+      intent.append(intentTop, code);
+      panel.appendChild(intent);
+    }
+    if (opts.walletLauncher && paymentIntent) {
+      const wallet = document.createElement("button");
+      wallet.type = "button";
+      wallet.textContent = opts.paymentInstructions?.walletLauncherLabel ?? "Open wallet flow";
+      wallet.disabled = isBusy();
+      wallet.addEventListener("click", () => void launchWallet());
+      applyStyles2(wallet, secondaryButtonStyle);
+      panel.appendChild(wallet);
+    }
     const label = document.createElement("label");
     label.textContent = opts.paymentInstructions?.noteBoxLabel ?? "Note box id";
     applyStyles2(label, labelStyle2);
@@ -751,6 +840,7 @@ function mountSagePaymentWidget(target, opts = {}) {
       phase: next,
       tier,
       quote: quoteResponse?.quote ?? null,
+      paymentIntent,
       receipt,
       receiptBundle,
       error,
@@ -770,6 +860,7 @@ function mountSagePaymentWidget(target, opts = {}) {
       phase,
       tier,
       quote: quoteResponse?.quote ?? null,
+      paymentIntent,
       receipt,
       receiptBundle,
       error,
@@ -949,6 +1040,50 @@ var primaryButtonStyle = {
   ...sendButtonStyle,
   padding: "10px 12px"
 };
+var secondaryButtonStyle = {
+  border: "1px solid rgba(103,232,249,.28)",
+  background: "rgba(103,232,249,.08)",
+  color: "#cffafe",
+  borderRadius: "6px",
+  padding: "10px 12px",
+  fontWeight: "800",
+  cursor: "pointer"
+};
+var warningStyle = {
+  color: "#fde68a",
+  background: "rgba(245,158,11,.1)",
+  border: "1px solid rgba(245,158,11,.24)",
+  borderRadius: "6px",
+  padding: "8px 9px",
+  fontSize: "12px",
+  lineHeight: "1.45"
+};
+var intentStyle = {
+  border: "1px solid rgba(255,255,255,.12)",
+  background: "rgba(255,255,255,.04)",
+  borderRadius: "6px",
+  padding: "10px",
+  display: "grid",
+  gap: "8px"
+};
+var intentHeaderStyle = {
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  gap: "8px",
+  color: "#e2e8f0",
+  fontSize: "12px"
+};
+var intentCodeStyle = {
+  display: "block",
+  maxHeight: "130px",
+  overflow: "auto",
+  whiteSpace: "pre-wrap",
+  wordBreak: "break-word",
+  color: "#cbd5e1",
+  fontSize: "10px",
+  lineHeight: "1.45"
+};
 var receiptStyle = {
   display: "block",
   marginTop: "10px",