@ai-matrx/sharing 0.1.1 → 0.1.3

package/dist/react.cjs

@@ -1942,7 +1942,7 @@ var SOURCE_LABELS = {
 };
 var EMAIL_SHAPE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 async function lookupConnectionByEmail(typed) {
-  const { data } = await (0, import_core17.createClient)().rpc("lookup_user_by_email", { lookup_email: typed });
+  const { data } = await (0, import_core17.createClient)().schema("users").rpc("lookup_user_by_email", { lookup_email: typed });
   const row = data?.[0];
   return row ? {
     user_id: row.user_id,
@@ -2069,7 +2069,7 @@ function ShareWithUserTab({
         targetUserId = selectedContact.user_id;
       } else {
         const client = (0, import_core17.createClient)();
-        const { data: lookupData, error: lookupError } = await client.rpc(
+        const { data: lookupData, error: lookupError } = await client.schema("users").rpc(
           "lookup_user_by_email",
           { lookup_email: trimmedEmail }
         );
@@ -2779,6 +2779,8 @@ var import_lucide_react10 = require("lucide-react");
 var import_react11 = require("react");
 var import_design_system26 = require("@ai-matrx/design-system");
 var import_controls9 = require("@ai-matrx/design-system/controls");
+var import_outbound_react = require("@ai-matrx/kit/outbound-react");
+var import_format2 = require("@ai-matrx/kit/format");
 var import_lucide_react9 = require("lucide-react");
 var import_core21 = require("@ai-matrx/sharing/core");
 
@@ -2875,8 +2877,23 @@ function ShareLinkPanel({
   resourceType,
   resourceId,
   isOwner,
-  enabled = true
+  enabled = true,
+  linkSettings = false,
+  showLinkDetails = false,
+  showOpenLink = false,
+  extraUrls,
+  appOrigin,
+  onLinksChange
 }) {
+  const [permissionLevel, setPermissionLevel] = (0, import_react11.useState)("viewer");
+  const [expiresAt, setExpiresAt] = (0, import_react11.useState)("");
+  const [maxUses, setMaxUses] = (0, import_react11.useState)("");
+  const onLinksChangeRef = (0, import_react11.useRef)(onLinksChange);
+  onLinksChangeRef.current = onLinksChange;
+  const urlFor = (0, import_react11.useCallback)(
+    (link) => (0, import_core21.shareUrlForLink)(link, appOrigin),
+    [appOrigin]
+  );
   const { toast } = useToast();
   const [links, setLinks] = (0, import_react11.useState)([]);
   const [loading, setLoading] = (0, import_react11.useState)(true);
@@ -2892,10 +2909,11 @@ function ShareLinkPanel({
   const [handoffBusy, setHandoffBusy] = (0, import_react11.useState)(false);
   const { share, copy: copyMessage, fallbackDialog } = useShare();
   const resourceKey = `${resourceType}\0${resourceId}`;
-  const fetchLinks = (0, import_react11.useCallback)(
-    () => (0, import_core21.listShareLinks)(resourceType, resourceId),
-    [resourceType, resourceId]
-  );
+  const fetchLinks = (0, import_react11.useCallback)(async () => {
+    const fresh = await (0, import_core21.listShareLinks)(resourceType, resourceId);
+    onLinksChangeRef.current?.(fresh);
+    return fresh;
+  }, [resourceType, resourceId]);
   const refresh = (0, import_react11.useCallback)(async () => {
     setLoading(true);
     setShareError(null);
@@ -2968,7 +2986,7 @@ function ShareLinkPanel({
         });
         return;
       }
-      const outcome = await copyMessage((0, import_core21.shareUrlForLink)(currentLink), {
+      const outcome = await copyMessage(urlFor(currentLink), {
         title: "Copy link",
         description: "Copy this link and send it to the person you want to share with."
       });
@@ -2981,11 +2999,36 @@ function ShareLinkPanel({
         });
       }
     },
-    [copyMessage, refresh, toast]
+    [copyMessage, refresh, toast, urlFor]
+  );
+  const copyExtraUrl = (0, import_react11.useCallback)(
+    async (key, url) => {
+      const outcome = await copyMessage(url, {
+        title: "Copy link",
+        description: "Copy this link and send it to the person you want to share with."
+      });
+      if (outcome === "copied") {
+        setCopiedId(key);
+        setTimeout(() => setCopiedId((k) => k === key ? null : k), 2e3);
+      }
+    },
+    [copyMessage]
   );
   const createLinkOnce = (0, import_react11.useCallback)(async () => {
-    const result = await (0, import_core21.createShareLink)({ resourceType, resourceId });
+    const result = await (0, import_core21.createShareLink)(
+      linkSettings ? {
+        resourceType,
+        resourceId,
+        permissionLevel,
+        expiresAt: expiresAt ? new Date(expiresAt).toISOString() : null,
+        maxUses: maxUses ? Number(maxUses) : null
+      } : { resourceType, resourceId }
+    );
     if (result.success && result.url) {
+      if (linkSettings) {
+        setExpiresAt("");
+        setMaxUses("");
+      }
       const freshLinks = await refresh();
       const createdLink = result.token && freshLinks ? freshLinks.find((link) => link.token === result.token) : void 0;
       if (!createdLink || !freshLinks) {
@@ -3004,7 +3047,17 @@ function ShareLinkPanel({
         variant: "destructive"
       });
     }
-  }, [resourceType, resourceId, refresh, copyLink, toast]);
+  }, [
+    resourceType,
+    resourceId,
+    refresh,
+    copyLink,
+    toast,
+    linkSettings,
+    permissionLevel,
+    expiresAt,
+    maxUses
+  ]);
   const creatingRef = (0, import_react11.useRef)(false);
   const handleCreate = (0, import_react11.useCallback)(async () => {
     if (creatingRef.current) return;
@@ -3115,7 +3168,7 @@ function ShareLinkPanel({
         });
         return;
       }
-      const message = (0, import_core22.createSafeShareMessage)((0, import_core21.shareUrlForLink)(currentLink));
+      const message = (0, import_core22.createSafeShareMessage)(urlFor(currentLink));
       const outcome = await share({
         title: "AI Matrx share",
         text: message,
@@ -3140,7 +3193,7 @@ function ShareLinkPanel({
     } finally {
       setHandoffBusy(false);
     }
-  }, [shareTarget, refresh, share, toast]);
+  }, [shareTarget, refresh, share, toast, urlFor]);
   const handleCopyReviewedMessage = (0, import_react11.useCallback)(async () => {
     if (!shareTarget) return;
     setHandoffBusy(true);
@@ -3183,7 +3236,7 @@ function ShareLinkPanel({
         });
         return;
       }
-      const message = (0, import_core22.createSafeShareMessage)((0, import_core21.shareUrlForLink)(currentLink));
+      const message = (0, import_core22.createSafeShareMessage)(urlFor(currentLink));
       const outcome = await copyMessage(message, {
         title: "Copy message",
         description: "Copy the reviewed message below and paste it into your messaging app."
@@ -3198,7 +3251,7 @@ function ShareLinkPanel({
     } finally {
       setHandoffBusy(false);
     }
-  }, [shareTarget, refresh, copyMessage, toast]);
+  }, [shareTarget, refresh, copyMessage, toast, urlFor]);
   if (!isOwner) return null;
   if (!enabled) {
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-start gap-2 p-3 bg-muted/30 rounded-lg border", children: [
@@ -3232,79 +3285,164 @@ function ShareLinkPanel({
         }
       )
     ] }),
+    linkSettings ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "flex flex-col gap-1 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-muted-foreground", children: "Permission" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_controls9.Select,
+          {
+            value: permissionLevel,
+            onValueChange: setPermissionLevel,
+            "aria-label": "Link permission",
+            options: [
+              { value: "viewer", label: "Read only" },
+              { value: "editor", label: "Read + write" }
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "flex flex-col gap-1 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-muted-foreground", children: "Expires" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_controls9.DateTimeField, { value: expiresAt, onValueChange: (v) => setExpiresAt(v ?? "") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "flex flex-col gap-1 text-xs", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-muted-foreground", children: "Max uses" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_controls9.Input,
+          {
+            type: "number",
+            min: 1,
+            "aria-label": "Max uses",
+            value: maxUses,
+            onChange: (e) => setMaxUses(e.target.value)
+          }
+        )
+      ] })
+    ] }) : null,
     isLoading ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-center py-3 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Loader2, { className: "w-3.5 h-3.5 animate-spin mr-2" }),
       "Loading links\u2026"
     ] }) : activeLinks.length === 0 && !shareError ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs text-muted-foreground py-1", children: "No share links yet. Create one to share this with anyone." }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "space-y-1.5", children: activeLinks.map((link) => {
       const unavailableReason = (0, import_core22.shareLinkUnavailableReason)(link);
-      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-        "div",
-        {
-          className: "flex items-center gap-1.5 rounded-md border bg-background p-1.5",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              import_controls9.Input,
-              {
-                mono: true,
-                readOnly: true,
-                value: (0, import_core21.shareUrlForLink)(link),
-                className: "min-w-0 flex-1",
-                onFocus: (e) => e.currentTarget.select()
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-              "span",
-              {
-                className: "flex items-center gap-1 text-[10px] text-muted-foreground px-1",
-                title: `${link.useCount} view${link.useCount === 1 ? "" : "s"}`,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Eye, { className: "w-3 h-3" }),
-                  link.useCount
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              import_design_system26.Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
-                onClick: () => copyLink(link),
-                disabled: !!unavailableReason,
-                title: unavailableReason ?? "Copy link",
-                "aria-label": "Copy share link",
-                children: copiedId === link.id ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Check, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Copy, { className: "w-4 h-4" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              import_design_system26.Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
-                onClick: () => prepareTextShare(link.id),
-                disabled: !!unavailableReason || refreshing,
-                title: unavailableReason ?? "Review before sharing by text",
-                "aria-label": "Share by text",
-                children: refreshing ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.MessageSquareText, { className: "w-4 h-4" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-              import_design_system26.Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                className: "h-11 w-11 flex-shrink-0 text-destructive sm:h-8 sm:w-8",
-                onClick: () => setRevokeTarget(link),
-                title: "Turn off link",
-                "aria-label": "Turn off share link",
-                children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Trash2, { className: "w-4 h-4" })
-              }
-            )
-          ]
-        },
-        link.id
-      );
+      const linkUrl = urlFor(link);
+      const extras = extraUrls?.(link) ?? [];
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1", children: [
+        showLinkDetails ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 px-0.5 text-[11px] text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "rounded bg-muted px-1.5 py-0.5 font-medium text-foreground", children: link.permissionLevel === "viewer" ? "Read only" : "Read + write" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: link.expiresAt ? `Expires ${(0, import_format2.formatAbsoluteDate)(link.expiresAt)}` : "No expiry" }),
+          link.maxUses ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: `${link.useCount}/${link.maxUses} uses` }) : null
+        ] }) : null,
+        extras.map((extra) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          "div",
+          {
+            className: extra.primary ? "flex items-center gap-1.5 rounded-md border border-primary/30 bg-primary/5 p-1.5" : "flex items-center gap-1.5 rounded-md border bg-background p-1.5",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex min-w-0 flex-1 flex-col px-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "text-[10px] font-medium uppercase text-muted-foreground", children: [
+                  extra.label,
+                  extra.sublabel ? ` \xB7 ${extra.sublabel}` : ""
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "truncate font-mono text-xs", title: extra.url, children: extra.url })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                import_outbound_react.OutboundLink,
+                {
+                  href: extra.url,
+                  "aria-label": `Open ${extra.label}`,
+                  title: "Open in new tab",
+                  className: "flex h-11 w-11 flex-shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground sm:h-8 sm:w-8",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.ExternalLink, { className: "w-4 h-4" })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                import_design_system26.Button,
+                {
+                  variant: "ghost",
+                  size: "icon",
+                  className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+                  onClick: () => copyExtraUrl(`${link.id}:${extra.key}`, extra.url),
+                  disabled: !!unavailableReason,
+                  title: unavailableReason ?? "Copy",
+                  "aria-label": `Copy ${extra.label}`,
+                  children: copiedId === `${link.id}:${extra.key}` ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Check, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Copy, { className: "w-4 h-4" })
+                }
+              )
+            ]
+          },
+          extra.key
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-1.5 rounded-md border bg-background p-1.5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_controls9.Input,
+            {
+              mono: true,
+              readOnly: true,
+              value: linkUrl,
+              className: "min-w-0 flex-1",
+              onFocus: (e) => e.currentTarget.select()
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            "span",
+            {
+              className: "flex items-center gap-1 text-[10px] text-muted-foreground px-1",
+              title: `${link.useCount} view${link.useCount === 1 ? "" : "s"}`,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Eye, { className: "w-3 h-3" }),
+                link.useCount
+              ]
+            }
+          ),
+          showOpenLink ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_outbound_react.OutboundLink,
+            {
+              href: linkUrl,
+              "aria-label": "Open share link",
+              title: "Open in new tab",
+              className: "flex h-11 w-11 flex-shrink-0 items-center justify-center rounded text-muted-foreground hover:bg-accent hover:text-foreground sm:h-8 sm:w-8",
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.ExternalLink, { className: "w-4 h-4" })
+            }
+          ) : null,
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_design_system26.Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+              onClick: () => copyLink(link),
+              disabled: !!unavailableReason,
+              title: unavailableReason ?? "Copy link",
+              "aria-label": "Copy share link",
+              children: copiedId === link.id ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Check, { className: "w-4 h-4 text-green-500" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Copy, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_design_system26.Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-11 w-11 flex-shrink-0 sm:h-8 sm:w-8",
+              onClick: () => prepareTextShare(link.id),
+              disabled: !!unavailableReason || refreshing,
+              title: unavailableReason ?? "Review before sharing by text",
+              "aria-label": "Share by text",
+              children: refreshing ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.MessageSquareText, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            import_design_system26.Button,
+            {
+              variant: "ghost",
+              size: "icon",
+              className: "h-11 w-11 flex-shrink-0 text-destructive sm:h-8 sm:w-8",
+              onClick: () => setRevokeTarget(link),
+              title: "Turn off link",
+              "aria-label": "Turn off share link",
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react9.Trash2, { className: "w-4 h-4" })
+            }
+          )
+        ] })
+      ] }, link.id);
     }) }),
     shareError ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "div",
@@ -3356,7 +3494,7 @@ function ShareLinkPanel({
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-xs font-medium", children: "Message preview" }),
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "rounded-md border bg-muted/30 p-3 break-words", children: (0, import_core22.createSafeShareMessage)((0, import_core21.shareUrlForLink)(shareTarget)) })
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "rounded-md border bg-muted/30 p-3 break-words", children: (0, import_core22.createSafeShareMessage)(urlFor(shareTarget)) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             import_design_system26.Button,
@@ -3919,7 +4057,7 @@ var import_design_system31 = require("@ai-matrx/design-system");
 var import_design_system32 = require("@ai-matrx/design-system");
 var import_vault2 = require("@ai-matrx/vault");
 var import_core33 = require("@ai-matrx/sharing/core");
-var import_format2 = require("@ai-matrx/kit/format");
+var import_format3 = require("@ai-matrx/kit/format");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var STATUS_WORDS = {
   pending: "Waiting to be opened",
@@ -4053,7 +4191,7 @@ function SecureLinkForm({ resourceType, resourceId, resourceName }) {
       /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react13.ShieldCheck, { className: "mt-0.5 h-4 w-4 flex-shrink-0 text-primary" }),
       /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
         "They get a link that opens once, and a code on a separate channel. No account needed.",
-        options ? ` The link works for ${(0, import_format2.formatDurationMinutes)(options.link_ttl_minutes, { style: "long" })}.` : ""
+        options ? ` The link works for ${(0, import_format3.formatDurationMinutes)(options.link_ttl_minutes, { style: "long" })}.` : ""
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "grid gap-3 sm:grid-cols-2", children: [