@scalemule/nextjs 0.0.41 → 0.1.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { createContext, useState, useMemo, useEffect, useCallback, useContext, useRef } from 'react';
 import { createMoneyClient } from '@scalemule/money';
 export { MoneyClient, createMoneyClient } from '@scalemule/money';
-import { jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -1559,6 +1559,52 @@ var AuthService = class extends ServiceModule {
   async me(options) {
     return this._get("/me", options);
   }
+  // --------------------------------------------------------------------------
+  // User directory (customer-scoped)
+  // --------------------------------------------------------------------------
+  //
+  // Search / fetch users within the caller's application. These endpoints are
+  // scoped by the gateway-injected x-app-id header, so when invoked with a
+  // customer API key + user session they will only return users belonging to
+  // the caller's application. They replace the prior pattern of customer apps
+  // reaching for platform admin credentials to hit admin-only user routes.
+  //
+  // DO NOT call these with platform admin credentials from customer-facing
+  // applications. Use the standard customer auth path (API key + user session)
+  // and let the gateway inject x-app-id on your behalf.
+  /**
+   * Search users within the caller's application.
+   *
+   * Results are automatically scoped to the caller's application via the
+   * x-app-id header injected by the gateway. Server-side page size is fixed
+   * at 50 (the `per_page` query param is not honored upstream).
+   *
+   * @example
+   *   const res = await sm.auth.searchUsers({ search: 'alice' });
+   *   res.data?.users.forEach(u => console.log(u.email));
+   */
+  async searchUsers(params, options) {
+    const query = {};
+    if (params?.search !== void 0) query.search = params.search;
+    if (params?.status !== void 0) query.status = params.status;
+    if (params?.email_verified !== void 0) {
+      query.email_verified = params.email_verified ? "true" : "false";
+    }
+    if (params?.phone_verified !== void 0) {
+      query.phone_verified = params.phone_verified ? "true" : "false";
+    }
+    if (params?.page !== void 0) query.page = params.page;
+    return this._get(this.withQuery("/users", query), options);
+  }
+  /**
+   * Fetch a single user by ID within the caller's application.
+   *
+   * Returns 404 if the user is not in the caller's application — cross-tenant
+   * reads are blocked at the gateway via the x-app-id header scope.
+   */
+  async getUser(userId, options) {
+    return this._get(`/users/${encodeURIComponent(userId)}`, options);
+  }
   /** Refresh the session. Alias: refreshToken() */
   async refreshSession(data, options) {
     return this.post("/refresh", data ?? {}, options);
@@ -2744,7 +2790,10 @@ var StorageService = class extends ServiceModule {
     const stallTimeout = DEFAULT_STALL_TIMEOUT_MS;
     const controller = new AbortController();
     let parentSignalCleanup;
-    const combinedSignal = signal ? AbortSignal.any?.([signal, controller.signal]) ?? (() => {
+    const combinedSignal = signal ? AbortSignal.any?.([
+      signal,
+      controller.signal
+    ]) ?? (() => {
       const onAbort = () => controller.abort();
       signal.addEventListener("abort", onAbort, { once: true });
       parentSignalCleanup = () => signal.removeEventListener("abort", onAbort);
@@ -2925,7 +2974,10 @@ var StorageService = class extends ServiceModule {
       }
       const controller = new AbortController();
       let partSignalCleanup;
-      const combinedSignal = signal ? AbortSignal.any?.([signal, controller.signal]) ?? (() => {
+      const combinedSignal = signal ? AbortSignal.any?.([
+        signal,
+        controller.signal
+      ]) ?? (() => {
         const onAbort = () => controller.abort();
         signal.addEventListener("abort", onAbort, { once: true });
         partSignalCleanup = () => signal.removeEventListener("abort", onAbort);
@@ -3089,6 +3141,7 @@ var RealtimeService = class extends ServiceModule {
     super(...arguments);
     this.basePath = "/v1/realtime";
     this.ws = null;
+    this.usedTicketAuth = false;
     this.subscriptions = /* @__PURE__ */ new Map();
     this.presenceCallbacks = /* @__PURE__ */ new Map();
     this.statusCallbacks = /* @__PURE__ */ new Set();
@@ -3217,10 +3270,31 @@ var RealtimeService = class extends ServiceModule {
   // --------------------------------------------------------------------------
   connect() {
     if (this._status === "connecting" || this._status === "connected") return;
-    const baseUrl = this.client.getBaseUrl();
-    const wsUrl = baseUrl.replace(/^http/, "ws") + "/v1/realtime/ws";
     this.setStatus(this.reconnectAttempt > 0 ? "reconnecting" : "connecting");
+    this.fetchTicketAndConnect();
+  }
+  async fetchTicketAndConnect() {
+    const baseUrl = this.client.getBaseUrl();
     try {
+      const headers = { "Content-Type": "application/json" };
+      const apiKey = this.client.getApiKey();
+      if (apiKey) headers["x-api-key"] = apiKey;
+      const token = this.client.getSessionToken();
+      if (token) headers["Authorization"] = `Bearer ${token}`;
+      const ticketRes = await fetch(`${baseUrl}/v1/realtime/ws/ticket`, {
+        method: "POST",
+        headers
+      });
+      let wsUrl;
+      if (ticketRes.ok) {
+        const ticketData = await ticketRes.json();
+        const ticket = ticketData.ticket;
+        wsUrl = baseUrl.replace(/^http/, "ws") + `/v1/realtime/ws?ticket=${encodeURIComponent(ticket)}`;
+        this.usedTicketAuth = true;
+      } else {
+        wsUrl = baseUrl.replace(/^http/, "ws") + "/v1/realtime/ws";
+        this.usedTicketAuth = false;
+      }
       this.ws = new WebSocket(wsUrl);
     } catch {
       this.scheduleReconnect();
@@ -3228,8 +3302,21 @@ var RealtimeService = class extends ServiceModule {
     }
     this.ws.onopen = () => {
       this.reconnectAttempt = 0;
-      this.authenticate();
+      if (!this.usedTicketAuth) {
+        this.authenticate();
+      }
       this.startHeartbeat();
+      if (this.usedTicketAuth) {
+        setTimeout(() => {
+          if (!this.authenticated) {
+            this.authenticated = true;
+            this.setStatus("connected");
+            for (const channel of this.subscriptions.keys()) {
+              this.sendWs({ type: "subscribe", channel });
+            }
+          }
+        }, 2e3);
+      }
     };
     this.ws.onmessage = (event) => {
       try {
@@ -3681,6 +3768,9 @@ var ChatService = class extends ServiceModule {
   async sendMessage(conversationId, data, options) {
     return this.post(`/conversations/${conversationId}/messages`, data, options);
   }
+  async getThreadReplies(messageId, params, requestOptions) {
+    return this._get(this.withQuery(`/messages/${messageId}/replies`, params), requestOptions);
+  }
   async getMessages(conversationId, options, requestOptions) {
     return this._get(
       this.withQuery(`/conversations/${conversationId}/messages`, options),
@@ -3716,6 +3806,66 @@ var ChatService = class extends ServiceModule {
     return this.createConversation(data);
   }
 };
+var ConferenceService = class extends ServiceModule {
+  constructor() {
+    super(...arguments);
+    this.basePath = "/v1/conference";
+  }
+  // --------------------------------------------------------------------------
+  // Call Lifecycle
+  // --------------------------------------------------------------------------
+  async createCall(data, options) {
+    return this.post("/calls", data, options);
+  }
+  async getCall(callId, options) {
+    return this._get(`/calls/${callId}`, options);
+  }
+  async listCalls(params, options) {
+    return this._get(this.withQuery("/calls", params), options);
+  }
+  async endCall(callId, options) {
+    return this.post(`/calls/${callId}/end`, void 0, options);
+  }
+  // --------------------------------------------------------------------------
+  // Participants
+  // --------------------------------------------------------------------------
+  async joinCall(callId, options) {
+    return this.post(`/calls/${callId}/join`, void 0, options);
+  }
+  async leaveCall(callId, options) {
+    return this.post(`/calls/${callId}/leave`, void 0, options);
+  }
+  async listParticipants(callId, options) {
+    return this._get(`/calls/${callId}/participants`, options);
+  }
+  // --------------------------------------------------------------------------
+  // Recording
+  // --------------------------------------------------------------------------
+  async startRecording(callId, options) {
+    return this.post(`/calls/${callId}/recording/start`, void 0, options);
+  }
+  async stopRecording(callId, options) {
+    return this.post(`/calls/${callId}/recording/stop`, void 0, options);
+  }
+  async consentToRecording(callId, options) {
+    return this.post(`/calls/${callId}/recording/consent`, void 0, options);
+  }
+  // --------------------------------------------------------------------------
+  // Settings
+  // --------------------------------------------------------------------------
+  async getSettings(options) {
+    return this._get("/settings", options);
+  }
+  async updateSettings(data, options) {
+    return this.put("/settings", data, options);
+  }
+  // --------------------------------------------------------------------------
+  // Stats
+  // --------------------------------------------------------------------------
+  async submitStats(callId, stats, options) {
+    return this.post(`/calls/${callId}/stats`, stats, options);
+  }
+};
 var SocialService = class extends ServiceModule {
   constructor() {
     super(...arguments);
@@ -3837,7 +3987,14 @@ var ReferralsService = class extends ServiceModule {
 var BillingService = class extends ServiceModule {
   constructor() {
     super(...arguments);
-    this.basePath = "/v1/billing";
+    this.basePath = "/v1/money/billing";
+  }
+  retiredSurface(route) {
+    return Promise.reject(
+      new Error(
+        `${route} was retired after the money-services cutover. Use the dedicated money services instead of BillingService for this operation.`
+      )
+    );
   }
   // --------------------------------------------------------------------------
   // Customers
@@ -3852,28 +4009,28 @@ var BillingService = class extends ServiceModule {
   // Subscriptions
   // --------------------------------------------------------------------------
   async subscribe(data, options) {
-    return this.post("/subscriptions", data, options);
+    return this.retiredSurface("/v1/money/billing/subscriptions");
   }
   async listSubscriptions(params, options) {
-    return this._list("/subscriptions", params, options);
+    return this.retiredSurface("/v1/money/billing/subscriptions");
   }
   async cancelSubscription(id, options) {
-    return this.post(`/subscriptions/${id}/cancel`, void 0, options);
+    return this.retiredSurface(`/v1/money/billing/subscriptions/${id}/cancel`);
   }
   async resumeSubscription(id, options) {
-    return this.post(`/subscriptions/${id}/resume`, void 0, options);
+    return this.retiredSurface(`/v1/money/billing/subscriptions/${id}/resume`);
   }
   async upgradeSubscription(id, data, options) {
-    return this.patch(`/subscriptions/${id}/upgrade`, data, options);
+    return this.retiredSurface(`/v1/money/billing/subscriptions/${id}/upgrade`);
   }
   // --------------------------------------------------------------------------
   // Usage
   // --------------------------------------------------------------------------
   async reportUsage(data, options) {
-    return this.post("/usage", data, options);
+    return this.retiredSurface("/v1/money/billing/usage");
   }
   async getUsageSummary(options) {
-    return this._get("/usage/summary", options);
+    return this.retiredSurface("/v1/money/billing/usage/summary");
   }
   // --------------------------------------------------------------------------
   // Invoices
@@ -3906,7 +4063,7 @@ var BillingService = class extends ServiceModule {
     return this.post(`/connected-accounts/${id}/onboarding-link`, data, options);
   }
   async getAccountBalance(id, options) {
-    return this._get(`/connected-accounts/${id}/balance`, options);
+    return this.retiredSurface(`/v1/money/billing/connected-accounts/${id}/balance`);
   }
   async createAccountSession(id, options) {
     return this.post(`/connected-accounts/${id}/account-session`, void 0, options);
@@ -3921,25 +4078,25 @@ var BillingService = class extends ServiceModule {
   // Payments (Marketplace)
   // --------------------------------------------------------------------------
   async createPayment(data, options) {
-    return this.post("/payments", data, options);
+    return this.retiredSurface("/v1/money/billing/payments");
   }
   async getPayment(id, options) {
-    return this._get(`/payments/${id}`, options);
+    return this.retiredSurface(`/v1/money/billing/payments/${id}`);
   }
   async listPayments(params, options) {
-    return this._list("/payments", params, options);
+    return this.retiredSurface("/v1/money/billing/payments");
   }
   // --------------------------------------------------------------------------
   // Refunds
   // --------------------------------------------------------------------------
   async refundPayment(id, data, options) {
-    return this.post(`/payments/${id}/refund`, data, options);
+    return this.retiredSurface(`/v1/money/billing/payments/${id}/refund`);
   }
   // --------------------------------------------------------------------------
   // Payouts
   // --------------------------------------------------------------------------
   async getPayoutHistory(accountId, params, options) {
-    return this._list(`/connected-accounts/${accountId}/payouts`, params, options);
+    return this.retiredSurface(`/v1/money/billing/connected-accounts/${accountId}/payouts`);
   }
   async getPayoutSchedule(accountId, options) {
     return this._get(`/connected-accounts/${accountId}/payout-schedule`, options);
@@ -3951,13 +4108,10 @@ var BillingService = class extends ServiceModule {
   // Ledger
   // --------------------------------------------------------------------------
   async getTransactions(params, options) {
-    return this._list("/transactions", params, options);
+    return this.retiredSurface("/v1/money/billing/transactions");
   }
   async getTransactionSummary(params, options) {
-    return this._get(
-      this.withQuery("/transactions/summary", params),
-      options
-    );
+    return this.retiredSurface("/v1/money/billing/transactions/summary");
   }
   // --------------------------------------------------------------------------
   // Setup Sessions
@@ -3969,35 +4123,35 @@ var BillingService = class extends ServiceModule {
   // Connected Account Operations: Products, Prices, Subscriptions, Transfers
   // --------------------------------------------------------------------------
   async createProduct(data, options) {
-    return this.post("/products", data, options);
+    return this.retiredSurface("/v1/money/billing/products");
   }
   async createPrice(data, options) {
-    return this.post("/prices", data, options);
+    return this.retiredSurface("/v1/money/billing/prices");
   }
   async deactivatePrice(id, options) {
-    return this.post(`/prices/${id}/deactivate`, void 0, options);
+    return this.retiredSurface(`/v1/money/billing/prices/${id}/deactivate`);
   }
   async createConnectedSubscription(data, options) {
-    return this.post("/connected-subscriptions", data, options);
+    return this.retiredSurface("/v1/money/billing/connected-subscriptions");
   }
   async cancelConnectedSubscription(id, data, options) {
-    return this.post(`/connected-subscriptions/${id}/cancel`, data, options);
+    return this.retiredSurface(
+      `/v1/money/billing/connected-subscriptions/${id}/cancel`
+    );
   }
   async listConnectedSubscriptions(params, options) {
-    return this._list(
-      "/connected-subscriptions",
-      params,
-      options
+    return this.retiredSurface(
+      "/v1/money/billing/connected-subscriptions"
     );
   }
   async createConnectedSetupIntent(data, options) {
-    return this.post("/connected-setup-intents", data, options);
+    return this.retiredSurface("/v1/money/billing/connected-setup-intents");
   }
   async createTransfer(data, options) {
-    return this.post("/transfers", data, options);
+    return this.retiredSurface("/v1/money/billing/transfers");
   }
   async syncPaymentStatus(id, options) {
-    return this.post(`/payments/${id}/sync`, void 0, options);
+    return this.retiredSurface(`/v1/money/billing/payments/${id}/sync`);
   }
   // --------------------------------------------------------------------------
   // Legacy methods (backward compat)
@@ -5010,7 +5164,7 @@ var SearchService = class extends ServiceModule {
     return this.post("/documents", data);
   }
 };
-var PHOTO_BREAKPOINTS = [150, 320, 640, 1080];
+var PHOTO_BREAKPOINTS = [36, 150, 320, 640, 1080];
 var PhotoService = class extends ServiceModule {
   constructor() {
     super(...arguments);
@@ -5069,6 +5223,9 @@ var PhotoService = class extends ServiceModule {
    *
    * // Profile avatar at 48px -> snaps to 150px
    * const url = sm.photo.getOptimalUrl(photoId, 48)
+   *
+   * // Tiny avatar at 36px -> exact cache hit on 36px micro-thumbnail
+   * const url = sm.photo.getOptimalUrl(photoId, 36)
    * ```
    */
   getOptimalUrl(photoId, displayWidth, options) {
@@ -5079,6 +5236,13 @@ var PhotoService = class extends ServiceModule {
     const size = PHOTO_BREAKPOINTS.find((bp) => bp >= physicalWidth) ?? PHOTO_BREAKPOINTS[PHOTO_BREAKPOINTS.length - 1];
     return this.getTransformUrl(photoId, { width: size, height: size, fit: "cover" });
   }
+  /**
+   * Get the 36px avatar micro-thumbnail URL for a photo.
+   * Hits the pre-generated 36x36 bicubic-resized cached variant.
+   */
+  getAvatarThumbnailUrl(photoId) {
+    return this.getOptimalUrl(photoId, 36);
+  }
   /**
    * Generate an HTML srcset string for responsive square photo display.
    *
@@ -5950,6 +6114,7 @@ var ScaleMule = class {
     this.video = new VideoService(this._client);
     this.data = new DataService(this._client);
     this.chat = new ChatService(this._client);
+    this.conference = new ConferenceService(this._client);
     this.social = new SocialService(this._client);
     this.referrals = new ReferralsService(this._client);
     this.billing = new BillingService(this._client);
@@ -9436,6 +9601,341 @@ function useShare(options) {
   }, [shareUrl]);
   return { shareUrl, referralCode, copyLink, copied, loading };
 }
+function toApiError2(error) {
+  if (error instanceof ScaleMuleApiError) {
+    return {
+      code: error.code,
+      message: error.message,
+      field: error.field
+    };
+  }
+  return {
+    code: "UNKNOWN",
+    message: error instanceof Error ? error.message : "Feedback request failed"
+  };
+}
+function useFeedback(options = {}) {
+  const { client } = useScaleMule();
+  const { status, type, enabled = true } = options;
+  const [items, setItems] = useState([]);
+  const [loading, setLoading] = useState(enabled);
+  const [error, setError] = useState(null);
+  const refresh = useCallback(async () => {
+    if (!enabled) {
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    try {
+      const params = new URLSearchParams();
+      if (status) params.append("status", status);
+      if (type) params.append("type", type);
+      const qs = params.toString();
+      const path = `/v1/feedback/items${qs ? "?" + qs : ""}`;
+      const result = await client.get(path);
+      setItems(Array.isArray(result) ? result : []);
+      setError(null);
+    } catch (err) {
+      setError(toApiError2(err));
+    } finally {
+      setLoading(false);
+    }
+  }, [client, enabled, status, type]);
+  useEffect(() => {
+    refresh();
+  }, [refresh]);
+  const submit = useCallback(
+    async (input) => {
+      try {
+        const created = await client.post("/v1/feedback/submit", input);
+        setItems((prev) => [created, ...prev]);
+        setError(null);
+        return created;
+      } catch (err) {
+        const apiErr = toApiError2(err);
+        setError(apiErr);
+        throw err;
+      }
+    },
+    [client]
+  );
+  return { items, loading, error, submit, refresh };
+}
+var TYPE_LABELS = {
+  bug_report: "Bug",
+  feature_request: "Feature request",
+  improvement: "Improvement",
+  other: "Other"
+};
+var POSITION_STYLES = {
+  "bottom-right": { bottom: 24, right: 24 },
+  "bottom-left": { bottom: 24, left: 24 },
+  "top-right": { top: 24, right: 24 },
+  "top-left": { top: 24, left: 24 }
+};
+var STYLES = {
+  trigger: {
+    position: "fixed",
+    zIndex: 999998,
+    padding: "10px 16px",
+    fontSize: 14,
+    fontWeight: 600,
+    border: "none",
+    borderRadius: 999,
+    cursor: "pointer",
+    boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
+    background: "#1f2937",
+    color: "#fff"
+  },
+  overlay: {
+    position: "fixed",
+    inset: 0,
+    background: "rgba(15, 23, 42, 0.5)",
+    zIndex: 999999,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 16
+  },
+  modal: {
+    width: "min(440px, 100%)",
+    background: "#fff",
+    color: "#0f172a",
+    borderRadius: 12,
+    boxShadow: "0 20px 60px rgba(0,0,0,0.2)",
+    padding: 20,
+    display: "flex",
+    flexDirection: "column",
+    gap: 12
+  },
+  modalDark: {
+    background: "#0f172a",
+    color: "#f8fafc"
+  },
+  label: {
+    fontSize: 12,
+    fontWeight: 600,
+    textTransform: "uppercase",
+    letterSpacing: 0.5,
+    opacity: 0.7
+  },
+  field: {
+    width: "100%",
+    padding: "8px 10px",
+    fontSize: 14,
+    border: "1px solid #e2e8f0",
+    borderRadius: 6,
+    boxSizing: "border-box",
+    background: "transparent",
+    color: "inherit"
+  },
+  textarea: {
+    minHeight: 96,
+    resize: "vertical"
+  },
+  rowEnd: {
+    display: "flex",
+    justifyContent: "flex-end",
+    gap: 8
+  },
+  primaryBtn: {
+    padding: "8px 14px",
+    fontSize: 14,
+    fontWeight: 600,
+    border: "none",
+    borderRadius: 6,
+    background: "#2563eb",
+    color: "#fff",
+    cursor: "pointer"
+  },
+  secondaryBtn: {
+    padding: "8px 14px",
+    fontSize: 14,
+    border: "1px solid #cbd5e1",
+    borderRadius: 6,
+    background: "transparent",
+    color: "inherit",
+    cursor: "pointer"
+  },
+  error: {
+    fontSize: 13,
+    color: "#dc2626"
+  },
+  success: {
+    fontSize: 14,
+    fontWeight: 500,
+    textAlign: "center",
+    padding: "24px 8px"
+  }
+};
+var ALL_TYPES = ["bug_report", "feature_request", "improvement", "other"];
+function FeedbackWidget(props) {
+  const {
+    position = "bottom-right",
+    defaultType = "feature_request",
+    allowedTypes = ALL_TYPES,
+    triggerLabel = "Feedback",
+    theme = "auto",
+    className,
+    onSubmitted
+  } = props;
+  const sm = useScaleMule();
+  const { submit } = useFeedback({ enabled: false });
+  const [open, setOpen] = useState(false);
+  const [type, setType] = useState(defaultType);
+  const [title, setTitle] = useState("");
+  const [description, setDescription] = useState("");
+  const [email, setEmail] = useState("");
+  const [submitting, setSubmitting] = useState(false);
+  const [errMsg, setErrMsg] = useState(null);
+  const [done, setDone] = useState(false);
+  Boolean(sm.user || sm.user === void 0 ? false : false);
+  const signedIn = Boolean(sm.user);
+  function reset() {
+    setType(defaultType);
+    setTitle("");
+    setDescription("");
+    setEmail("");
+    setErrMsg(null);
+    setDone(false);
+  }
+  async function handleSubmit(e) {
+    e.preventDefault();
+    if (!title.trim() || !description.trim()) return;
+    if (!signedIn && !email.trim()) {
+      setErrMsg("email is required when not signed in");
+      return;
+    }
+    setSubmitting(true);
+    setErrMsg(null);
+    try {
+      const item = await submit({
+        type,
+        title: title.trim(),
+        description: description.trim(),
+        email: signedIn ? void 0 : email.trim() || void 0
+      });
+      setDone(true);
+      onSubmitted?.(item);
+    } catch (err) {
+      const message = err && typeof err === "object" && "message" in err ? String(err.message) : "Submit failed";
+      setErrMsg(message);
+    } finally {
+      setSubmitting(false);
+    }
+  }
+  function handleClose() {
+    setOpen(false);
+    setTimeout(reset, 200);
+  }
+  const dark = theme === "dark" || theme === "auto" && typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen(true),
+        className,
+        style: { ...STYLES.trigger, ...POSITION_STYLES[position] },
+        children: triggerLabel
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { role: "dialog", "aria-modal": "true", style: STYLES.overlay, onClick: handleClose, children: /* @__PURE__ */ jsx(
+      "form",
+      {
+        onSubmit: handleSubmit,
+        onClick: (e) => e.stopPropagation(),
+        style: { ...STYLES.modal, ...dark ? STYLES.modalDark : null },
+        children: done ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { style: STYLES.success, children: [
+            /* @__PURE__ */ jsx("div", { style: { fontSize: 32, marginBottom: 8 }, children: "\u{1F389}" }),
+            /* @__PURE__ */ jsx("div", { children: "Thanks \u2014 we got it." })
+          ] }),
+          /* @__PURE__ */ jsx("div", { style: STYLES.rowEnd, children: /* @__PURE__ */ jsx("button", { type: "button", style: STYLES.primaryBtn, onClick: handleClose, children: "Close" }) })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between" }, children: [
+            /* @__PURE__ */ jsx("strong", { style: { fontSize: 16 }, children: "Send feedback" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: handleClose,
+                "aria-label": "Close",
+                style: {
+                  background: "transparent",
+                  border: "none",
+                  fontSize: 18,
+                  cursor: "pointer",
+                  color: "inherit"
+                },
+                children: "\xD7"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            /* @__PURE__ */ jsx("div", { style: STYLES.label, children: "Type" }),
+            /* @__PURE__ */ jsx(
+              "select",
+              {
+                style: STYLES.field,
+                value: type,
+                onChange: (e) => setType(e.target.value),
+                children: allowedTypes.map((t) => /* @__PURE__ */ jsx("option", { value: t, children: TYPE_LABELS[t] }, t))
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            /* @__PURE__ */ jsx("div", { style: STYLES.label, children: "Title" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                style: STYLES.field,
+                type: "text",
+                value: title,
+                onChange: (e) => setTitle(e.target.value),
+                placeholder: "One-line summary",
+                maxLength: 255,
+                required: true
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("label", { children: [
+            /* @__PURE__ */ jsx("div", { style: STYLES.label, children: "Details" }),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                style: { ...STYLES.field, ...STYLES.textarea },
+                value: description,
+                onChange: (e) => setDescription(e.target.value),
+                placeholder: "What happened, what you expected, anything else helpful\u2026",
+                required: true
+              }
+            )
+          ] }),
+          !signedIn && /* @__PURE__ */ jsxs("label", { children: [
+            /* @__PURE__ */ jsx("div", { style: STYLES.label, children: "Email" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                style: STYLES.field,
+                type: "email",
+                value: email,
+                onChange: (e) => setEmail(e.target.value),
+                placeholder: "you@example.com",
+                required: true
+              }
+            )
+          ] }),
+          errMsg && /* @__PURE__ */ jsx("div", { style: STYLES.error, children: errMsg }),
+          /* @__PURE__ */ jsxs("div", { style: STYLES.rowEnd, children: [
+            /* @__PURE__ */ jsx("button", { type: "button", style: STYLES.secondaryBtn, onClick: handleClose, children: "Cancel" }),
+            /* @__PURE__ */ jsx("button", { type: "submit", style: STYLES.primaryBtn, disabled: submitting, children: submitting ? "Sending\u2026" : "Send" })
+          ] })
+        ] })
+      }
+    ) })
+  ] });
+}
 
 // src/validation.ts
 var phoneCountries = [
@@ -9728,4 +10228,4 @@ function createSafeLogger(prefix) {
   };
 }
 
-export { ScaleMuleApiError, ScaleMuleClient2 as ScaleMuleClient, ScaleMuleProvider, composePhone, createClient, createSafeLogger, normalizePhone, phoneCountries, sanitizeForLog, useAnalytics, useAuth, useBilling, useContent, useFeatureFlags, useMoney, useMoneyClient, usePushNotifications, useRealtime, useScaleMule, useScaleMuleClient, useShare, useUser, validateForm, validators };
+export { FeedbackWidget, ScaleMuleApiError, ScaleMuleClient2 as ScaleMuleClient, ScaleMuleProvider, composePhone, createClient, createSafeLogger, normalizePhone, phoneCountries, sanitizeForLog, useAnalytics, useAuth, useBilling, useContent, useFeatureFlags, useFeedback, useMoney, useMoneyClient, usePushNotifications, useRealtime, useScaleMule, useScaleMuleClient, useShare, useUser, validateForm, validators };