@handled-ai/design-system 0.8.0 → 0.9.0

package/dist/components/signal-feedback-inline.js

@@ -0,0 +1,548 @@
+"use client"
+
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Check, CirclePlus, ExternalLink, Lock, ThumbsDown } from "lucide-react";
+const dismissReasons = [
+  "Bad timing",
+  "Inaccurate data",
+  "Wrong account",
+  "Already handled",
+  "Not actionable",
+  "Other"
+];
+const approveReasons = [
+  "Right timing",
+  "Accurate data",
+  "Good prospect fit",
+  "Actionable"
+];
+const DEFAULT_LABELS = {
+  approveButton: "Approve action",
+  dismissButton: "Not Helpful",
+  approvedStatus: "Action Approved",
+  dismissedStatus: "Action Dismissed",
+  confirmPrompt: "This will approve this action for",
+  dismissPrompt: "What\u2019s the issue with this action?",
+  feedbackPrompt: "Quick feedback \u2014 what made this action useful?"
+};
+const SignalApprovalCtx = React.createContext(null);
+function useSignalApproval() {
+  const ctx = React.useContext(SignalApprovalCtx);
+  if (!ctx) throw new Error("SignalApproval components must be used within SignalApproval.Root");
+  return ctx;
+}
+function Root({ children, companyName, opportunityUrl, scheduledTime, initialApprovalState, labels: labelOverrides, onApprove, onApproveFeedback, onDismiss }) {
+  const labels = React.useMemo(() => __spreadValues(__spreadValues({}, DEFAULT_LABELS), labelOverrides), [labelOverrides]);
+  const [approvalState, setApprovalState] = React.useState(initialApprovalState != null ? initialApprovalState : "pending");
+  const requestApproval = React.useCallback(() => {
+    setApprovalState("confirming");
+  }, []);
+  const requestDismiss = React.useCallback(() => {
+    setApprovalState("dismissing");
+  }, []);
+  const cancel = React.useCallback(() => {
+    setApprovalState("pending");
+  }, []);
+  const approve = React.useCallback(() => {
+    setApprovalState("approving-feedback");
+    onApprove == null ? void 0 : onApprove();
+  }, [onApprove]);
+  const submitApproveFeedback = React.useCallback(
+    (reasons, detail) => {
+      setApprovalState("approved");
+      onApproveFeedback == null ? void 0 : onApproveFeedback(reasons, detail);
+    },
+    [onApproveFeedback]
+  );
+  const skipApproveFeedback = React.useCallback(() => {
+    setApprovalState("approved");
+  }, []);
+  const dismiss = React.useCallback(
+    (reasons, detail) => {
+      setApprovalState("dismissed");
+      onDismiss == null ? void 0 : onDismiss(reasons, detail);
+    },
+    [onDismiss]
+  );
+  return /* @__PURE__ */ jsx(
+    SignalApprovalCtx.Provider,
+    {
+      value: { approvalState, companyName, opportunityUrl, scheduledTime, labels, approve, submitApproveFeedback, skipApproveFeedback, dismiss, requestApproval, requestDismiss, cancel },
+      children
+    }
+  );
+}
+function SubmittedFeedback({
+  reasons,
+  detail,
+  variant,
+  onEdit
+}) {
+  if (reasons.length === 0 && !detail) return null;
+  const pillClass = variant === "approve" ? "border-emerald-200/60 bg-emerald-50/50 text-emerald-700/70" : "border-red-200/60 bg-red-50/50 text-red-700/70";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: onEdit,
+      className: "w-full text-left space-y-1.5 group cursor-pointer",
+      children: [
+        reasons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: reasons.map((r) => /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: `rounded-full border px-2 py-0.5 text-[10px] font-medium transition-colors group-hover:opacity-80 ${pillClass}`,
+            children: r
+          },
+          r
+        )) }),
+        detail && /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground/70 leading-snug group-hover:text-muted-foreground transition-colors", children: detail })
+      ]
+    }
+  );
+}
+function Actions() {
+  const { approvalState, companyName, opportunityUrl, scheduledTime, labels, approve, submitApproveFeedback, skipApproveFeedback, dismiss, requestApproval, requestDismiss, cancel } = useSignalApproval();
+  const [selectedReasons, setSelectedReasons] = React.useState([]);
+  const [detailText, setDetailText] = React.useState("");
+  const [submittedFeedback, setSubmittedFeedback] = React.useState(null);
+  const [isEditing, setIsEditing] = React.useState(false);
+  const otherSelected = selectedReasons.includes("Other");
+  const canSubmitDismiss = selectedReasons.length > 0 && (!otherSelected || detailText.trim().length > 0);
+  const canSubmitApprove = selectedReasons.length > 0 || detailText.trim().length > 0;
+  const toggleReason = (reason) => {
+    setSelectedReasons(
+      (prev) => prev.includes(reason) ? prev.filter((r) => r !== reason) : [...prev, reason]
+    );
+  };
+  const startEditing = () => {
+    if (submittedFeedback) {
+      setSelectedReasons([...submittedFeedback.reasons]);
+      setDetailText(submittedFeedback.detail);
+    }
+    setIsEditing(true);
+  };
+  const handleDismissSubmit = () => {
+    if (!canSubmitDismiss) return;
+    const fb = { reasons: [...selectedReasons], detail: detailText.trim() };
+    setSubmittedFeedback(fb);
+    dismiss(selectedReasons, detailText.trim());
+    setSelectedReasons([]);
+    setDetailText("");
+    setIsEditing(false);
+  };
+  const handleApproveSubmit = () => {
+    const fb = { reasons: [...selectedReasons], detail: detailText.trim() };
+    setSubmittedFeedback(fb);
+    submitApproveFeedback(selectedReasons, detailText.trim());
+    setSelectedReasons([]);
+    setDetailText("");
+    setIsEditing(false);
+  };
+  const handleEditCancel = () => {
+    setSelectedReasons([]);
+    setDetailText("");
+    setIsEditing(false);
+  };
+  const handleCancel = () => {
+    cancel();
+    setSelectedReasons([]);
+    setDetailText("");
+  };
+  if (approvalState === "approved") {
+    if (isEditing) {
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs font-medium text-emerald-600 mb-2", children: [
+          /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+          opportunityUrl ? /* @__PURE__ */ jsxs("a", { href: opportunityUrl, target: "_blank", rel: "noopener noreferrer", className: "inline-flex items-center gap-1 hover:underline underline-offset-2", children: [
+            labels.approvedStatus,
+            " ",
+            /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
+          ] }) : /* @__PURE__ */ jsx("span", { children: labels.approvedStatus })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Edit your feedback" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: approveReasons.map((reason) => {
+          const selected = selectedReasons.includes(reason);
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => toggleReason(reason),
+              className: `rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${selected ? "border-emerald-200 bg-emerald-100 text-emerald-700" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"}`,
+              children: reason
+            },
+            reason
+          );
+        }) }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: detailText,
+            onChange: (e) => setDetailText(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && canSubmitApprove) handleApproveSubmit();
+            },
+            placeholder: "Tell us more (optional)",
+            className: "h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleApproveSubmit,
+              disabled: !canSubmitApprove,
+              className: `inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitApprove ? "bg-foreground text-background hover:bg-foreground/90" : "cursor-not-allowed bg-muted text-muted-foreground"}`,
+              children: "Save"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleEditCancel,
+              className: "inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+              children: "Cancel"
+            }
+          )
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs font-medium text-emerald-600", children: [
+        /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+        opportunityUrl ? /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: opportunityUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "inline-flex items-center gap-1 hover:underline underline-offset-2",
+            children: [
+              "Opportunity Created",
+              /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx("span", { children: "Opportunity Created" })
+      ] }),
+      submittedFeedback && /* @__PURE__ */ jsx(
+        SubmittedFeedback,
+        {
+          reasons: submittedFeedback.reasons,
+          detail: submittedFeedback.detail,
+          variant: "approve",
+          onEdit: startEditing
+        }
+      )
+    ] });
+  }
+  if (approvalState === "auto-approved") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs font-medium text-emerald-600", children: [
+        /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx("span", { children: labels.approvedStatus })
+      ] }),
+      scheduledTime && /* @__PURE__ */ jsxs("p", { className: "text-[11px] text-muted-foreground", children: [
+        "Scheduled: ",
+        scheduledTime
+      ] })
+    ] });
+  }
+  if (approvalState === "approving-feedback") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs font-medium text-emerald-600 mb-2", children: [
+        /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+        opportunityUrl ? /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: opportunityUrl,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "inline-flex items-center gap-1 hover:underline underline-offset-2",
+            children: [
+              "Opportunity Created",
+              /* @__PURE__ */ jsx(ExternalLink, { className: "h-3 w-3" })
+            ]
+          }
+        ) : /* @__PURE__ */ jsx("span", { children: "Opportunity Created" })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: labels.feedbackPrompt }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: approveReasons.map((reason) => {
+        const selected = selectedReasons.includes(reason);
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => toggleReason(reason),
+            className: `rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${selected ? "border-emerald-200 bg-emerald-100 text-emerald-700" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"}`,
+            children: reason
+          },
+          reason
+        );
+      }) }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: detailText,
+          onChange: (e) => setDetailText(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" && canSubmitApprove) handleApproveSubmit();
+          },
+          placeholder: "Tell us more (optional)",
+          className: "h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleApproveSubmit,
+            disabled: !canSubmitApprove,
+            className: `inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitApprove ? "bg-foreground text-background hover:bg-foreground/90" : "cursor-not-allowed bg-muted text-muted-foreground"}`,
+            children: "Submit"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: skipApproveFeedback,
+            className: "inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+            children: "Skip"
+          }
+        )
+      ] })
+    ] });
+  }
+  if (approvalState === "dismissed") {
+    if (isEditing) {
+      return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground mb-2", children: [
+          /* @__PURE__ */ jsx(ThumbsDown, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsx("span", { children: labels.dismissedStatus })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: "Edit your feedback" }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: dismissReasons.map((reason) => {
+          const selected = selectedReasons.includes(reason);
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => toggleReason(reason),
+              className: `rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${selected ? "border-red-200 bg-red-100 text-red-700" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"}`,
+              children: reason
+            },
+            reason
+          );
+        }) }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: detailText,
+            onChange: (e) => setDetailText(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && canSubmitDismiss) handleDismissSubmit();
+            },
+            placeholder: otherSelected ? "Please describe (required)" : "Provide additional feedback...",
+            className: "h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring"
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleDismissSubmit,
+              disabled: !canSubmitDismiss,
+              className: `inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitDismiss ? "bg-foreground text-background hover:bg-foreground/90" : "cursor-not-allowed bg-muted text-muted-foreground"}`,
+              children: "Save"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleEditCancel,
+              className: "inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+              children: "Cancel"
+            }
+          )
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(ThumbsDown, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx("span", { children: "Signal Dismissed" })
+      ] }),
+      submittedFeedback && /* @__PURE__ */ jsx(
+        SubmittedFeedback,
+        {
+          reasons: submittedFeedback.reasons,
+          detail: submittedFeedback.detail,
+          variant: "dismiss",
+          onEdit: startEditing
+        }
+      )
+    ] });
+  }
+  if (approvalState === "confirming") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "rounded-md border border-border bg-muted/30 p-3", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-foreground", children: [
+        labels.confirmPrompt,
+        " ",
+        /* @__PURE__ */ jsx("strong", { children: companyName }),
+        ". Confirm?"
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: approve,
+            className: "inline-flex h-7 items-center gap-1.5 rounded-md bg-foreground px-3 text-xs font-semibold text-background transition-colors hover:bg-foreground/90",
+            children: [
+              /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" }),
+              "Confirm"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleCancel,
+            className: "inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] });
+  }
+  if (approvalState === "dismissing") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: labels.dismissPrompt }),
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5", children: dismissReasons.map((reason) => {
+        const selected = selectedReasons.includes(reason);
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => toggleReason(reason),
+            className: `rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${selected ? "border-red-200 bg-red-100 text-red-700" : "border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground"}`,
+            children: reason
+          },
+          reason
+        );
+      }) }),
+      (selectedReasons.length > 0 || otherSelected) && /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: detailText,
+          onChange: (e) => setDetailText(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" && canSubmitDismiss) handleDismissSubmit();
+          },
+          placeholder: otherSelected ? "Please describe (required)" : "Provide additional feedback...",
+          className: "h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring"
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleDismissSubmit,
+            disabled: !canSubmitDismiss,
+            className: `inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitDismiss ? "bg-foreground text-background hover:bg-foreground/90" : "cursor-not-allowed bg-muted text-muted-foreground"}`,
+            children: "Submit"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: handleCancel,
+            className: "inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: requestApproval,
+        className: "inline-flex h-7 items-center gap-1.5 rounded-md border border-border bg-foreground px-3 text-xs font-semibold text-background shadow-none transition-colors hover:bg-foreground/90",
+        children: [
+          /* @__PURE__ */ jsx(CirclePlus, { className: "h-3.5 w-3.5" }),
+          labels.approveButton
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: requestDismiss,
+        className: "inline-flex h-7 items-center gap-1.5 rounded-md border border-border px-3 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:bg-muted hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsx(ThumbsDown, { className: "h-3.5 w-3.5" }),
+          labels.dismissButton
+        ]
+      }
+    )
+  ] });
+}
+function Gate({ children }) {
+  const { approvalState } = useSignalApproval();
+  const isLocked = approvalState === "pending" || approvalState === "confirming" || approvalState === "dismissing";
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    isLocked && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-x-0 top-4 z-10 flex justify-center", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 rounded-full border border-border bg-background px-3 py-1.5 text-xs text-muted-foreground shadow-sm", children: [
+      /* @__PURE__ */ jsx(Lock, { className: "h-3 w-3" }),
+      "Approve or dismiss the signal above to unlock"
+    ] }) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `transition-opacity duration-300 ${isLocked ? "pointer-events-none select-none opacity-40" : "opacity-100"}`,
+        children
+      }
+    )
+  ] });
+}
+const SignalApproval = { Root, Actions, Gate };
+export {
+  SignalApproval,
+  Actions as SignalApprovalActions,
+  Gate as SignalApprovalGate,
+  Root as SignalApprovalRoot,
+  useSignalApproval
+};
+//# sourceMappingURL=signal-feedback-inline.js.map

package/dist/components/signal-feedback-inline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/signal-feedback-inline.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Check, CirclePlus, ExternalLink, Lock, ThumbsDown } from \"lucide-react\"\n\nconst dismissReasons = [\n  \"Bad timing\",\n  \"Inaccurate data\",\n  \"Wrong account\",\n  \"Already handled\",\n  \"Not actionable\",\n  \"Other\",\n]\n\nconst approveReasons = [\n  \"Right timing\",\n  \"Accurate data\",\n  \"Good prospect fit\",\n  \"Actionable\",\n]\n\ntype ApprovalState = \"pending\" | \"confirming\" | \"approving-feedback\" | \"dismissing\" | \"approved\" | \"dismissed\" | \"auto-approved\"\n\ninterface SignalApprovalLabels {\n  approveButton?: string\n  dismissButton?: string\n  approvedStatus?: string\n  dismissedStatus?: string\n  confirmPrompt?: string\n  dismissPrompt?: string\n  feedbackPrompt?: string\n}\n\nconst DEFAULT_LABELS: Required<SignalApprovalLabels> = {\n  approveButton: \"Approve action\",\n  dismissButton: \"Not Helpful\",\n  approvedStatus: \"Action Approved\",\n  dismissedStatus: \"Action Dismissed\",\n  confirmPrompt: \"This will approve this action for\",\n  dismissPrompt: \"What\\u2019s the issue with this action?\",\n  feedbackPrompt: \"Quick feedback \\u2014 what made this action useful?\",\n}\n\ninterface SignalApprovalContextValue {\n  approvalState: ApprovalState\n  companyName: string\n  opportunityUrl?: string\n  scheduledTime?: string\n  labels: Required<SignalApprovalLabels>\n  approve: () => void\n  submitApproveFeedback: (reasons: string[], detail: string) => void\n  skipApproveFeedback: () => void\n  dismiss: (reasons: string[], detail: string) => void\n  requestApproval: () => void\n  requestDismiss: () => void\n  cancel: () => void\n}\n\nconst SignalApprovalCtx = React.createContext<SignalApprovalContextValue | null>(null)\n\nexport function useSignalApproval() {\n  const ctx = React.useContext(SignalApprovalCtx)\n  if (!ctx) throw new Error(\"SignalApproval components must be used within SignalApproval.Root\")\n  return ctx\n}\n\ninterface RootProps {\n  children: React.ReactNode\n  companyName: string\n  opportunityUrl?: string\n  scheduledTime?: string\n  initialApprovalState?: ApprovalState\n  labels?: SignalApprovalLabels\n  onApprove?: () => void\n  onApproveFeedback?: (reasons: string[], detail: string) => void\n  onDismiss?: (reasons: string[], detail: string) => void\n}\n\nfunction Root({ children, companyName, opportunityUrl, scheduledTime, initialApprovalState, labels: labelOverrides, onApprove, onApproveFeedback, onDismiss }: RootProps) {\n  const labels = React.useMemo(() => ({ ...DEFAULT_LABELS, ...labelOverrides }), [labelOverrides])\n  const [approvalState, setApprovalState] = React.useState<ApprovalState>(initialApprovalState ?? \"pending\")\n\n  const requestApproval = React.useCallback(() => {\n    setApprovalState(\"confirming\")\n  }, [])\n\n  const requestDismiss = React.useCallback(() => {\n    setApprovalState(\"dismissing\")\n  }, [])\n\n  const cancel = React.useCallback(() => {\n    setApprovalState(\"pending\")\n  }, [])\n\n  const approve = React.useCallback(() => {\n    setApprovalState(\"approving-feedback\")\n    onApprove?.()\n  }, [onApprove])\n\n  const submitApproveFeedback = React.useCallback(\n    (reasons: string[], detail: string) => {\n      setApprovalState(\"approved\")\n      onApproveFeedback?.(reasons, detail)\n    },\n    [onApproveFeedback]\n  )\n\n  const skipApproveFeedback = React.useCallback(() => {\n    setApprovalState(\"approved\")\n  }, [])\n\n  const dismiss = React.useCallback(\n    (reasons: string[], detail: string) => {\n      setApprovalState(\"dismissed\")\n      onDismiss?.(reasons, detail)\n    },\n    [onDismiss]\n  )\n\n  return (\n    <SignalApprovalCtx.Provider\n      value={{ approvalState, companyName, opportunityUrl, scheduledTime, labels, approve, submitApproveFeedback, skipApproveFeedback, dismiss, requestApproval, requestDismiss, cancel }}\n    >\n      {children}\n    </SignalApprovalCtx.Provider>\n  )\n}\n\nfunction SubmittedFeedback({\n  reasons,\n  detail,\n  variant,\n  onEdit,\n}: {\n  reasons: string[]\n  detail: string\n  variant: \"approve\" | \"dismiss\"\n  onEdit: () => void\n}) {\n  if (reasons.length === 0 && !detail) return null\n  const pillClass =\n    variant === \"approve\"\n      ? \"border-emerald-200/60 bg-emerald-50/50 text-emerald-700/70\"\n      : \"border-red-200/60 bg-red-50/50 text-red-700/70\"\n\n  return (\n    <button\n      type=\"button\"\n      onClick={onEdit}\n      className=\"w-full text-left space-y-1.5 group cursor-pointer\"\n    >\n      {reasons.length > 0 && (\n        <div className=\"flex flex-wrap gap-1\">\n          {reasons.map((r) => (\n            <span\n              key={r}\n              className={`rounded-full border px-2 py-0.5 text-[10px] font-medium transition-colors group-hover:opacity-80 ${pillClass}`}\n            >\n              {r}\n            </span>\n          ))}\n        </div>\n      )}\n      {detail && (\n        <p className=\"text-[11px] text-muted-foreground/70 leading-snug group-hover:text-muted-foreground transition-colors\">{detail}</p>\n      )}\n    </button>\n  )\n}\n\nfunction Actions() {\n  const { approvalState, companyName, opportunityUrl, scheduledTime, labels, approve, submitApproveFeedback, skipApproveFeedback, dismiss, requestApproval, requestDismiss, cancel } =\n    useSignalApproval()\n  const [selectedReasons, setSelectedReasons] = React.useState<string[]>([])\n  const [detailText, setDetailText] = React.useState(\"\")\n  const [submittedFeedback, setSubmittedFeedback] = React.useState<{ reasons: string[]; detail: string } | null>(null)\n  const [isEditing, setIsEditing] = React.useState(false)\n\n  const otherSelected = selectedReasons.includes(\"Other\")\n  const canSubmitDismiss = selectedReasons.length > 0 && (!otherSelected || detailText.trim().length > 0)\n  const canSubmitApprove = selectedReasons.length > 0 || detailText.trim().length > 0\n\n  const toggleReason = (reason: string) => {\n    setSelectedReasons((prev) =>\n      prev.includes(reason) ? prev.filter((r) => r !== reason) : [...prev, reason]\n    )\n  }\n\n  const startEditing = () => {\n    if (submittedFeedback) {\n      setSelectedReasons([...submittedFeedback.reasons])\n      setDetailText(submittedFeedback.detail)\n    }\n    setIsEditing(true)\n  }\n\n  const handleDismissSubmit = () => {\n    if (!canSubmitDismiss) return\n    const fb = { reasons: [...selectedReasons], detail: detailText.trim() }\n    setSubmittedFeedback(fb)\n    dismiss(selectedReasons, detailText.trim())\n    setSelectedReasons([])\n    setDetailText(\"\")\n    setIsEditing(false)\n  }\n\n  const handleApproveSubmit = () => {\n    const fb = { reasons: [...selectedReasons], detail: detailText.trim() }\n    setSubmittedFeedback(fb)\n    submitApproveFeedback(selectedReasons, detailText.trim())\n    setSelectedReasons([])\n    setDetailText(\"\")\n    setIsEditing(false)\n  }\n\n  const handleEditCancel = () => {\n    setSelectedReasons([])\n    setDetailText(\"\")\n    setIsEditing(false)\n  }\n\n  const handleCancel = () => {\n    cancel()\n    setSelectedReasons([])\n    setDetailText(\"\")\n  }\n\n  if (approvalState === \"approved\") {\n    if (isEditing) {\n      return (\n        <div className=\"space-y-3\">\n          <div className=\"flex items-center gap-1.5 text-xs font-medium text-emerald-600 mb-2\">\n            <Check className=\"h-3.5 w-3.5\" />\n            {opportunityUrl ? (\n              <a href={opportunityUrl} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center gap-1 hover:underline underline-offset-2\">\n                {labels.approvedStatus} <ExternalLink className=\"h-3 w-3\" />\n              </a>\n            ) : (\n              <span>{labels.approvedStatus}</span>\n            )}\n          </div>\n          <p className=\"text-xs font-medium text-muted-foreground\">Edit your feedback</p>\n          <div className=\"flex flex-wrap gap-1.5\">\n            {approveReasons.map((reason) => {\n              const selected = selectedReasons.includes(reason)\n              return (\n                <button key={reason} type=\"button\" onClick={() => toggleReason(reason)}\n                  className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                    selected ? \"border-emerald-200 bg-emerald-100 text-emerald-700\" : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n                  }`}>{reason}</button>\n              )\n            })}\n          </div>\n          <input type=\"text\" value={detailText} onChange={(e) => setDetailText(e.target.value)}\n            onKeyDown={(e) => { if (e.key === \"Enter\" && canSubmitApprove) handleApproveSubmit() }}\n            placeholder=\"Tell us more (optional)\"\n            className=\"h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring\" />\n          <div className=\"flex items-center gap-2\">\n            <button type=\"button\" onClick={handleApproveSubmit} disabled={!canSubmitApprove}\n              className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitApprove ? \"bg-foreground text-background hover:bg-foreground/90\" : \"cursor-not-allowed bg-muted text-muted-foreground\"}`}>\n              Save\n            </button>\n            <button type=\"button\" onClick={handleEditCancel}\n              className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\">\n              Cancel\n            </button>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"space-y-2\">\n        <div className=\"flex items-center gap-1.5 text-xs font-medium text-emerald-600\">\n          <Check className=\"h-3.5 w-3.5\" />\n          {opportunityUrl ? (\n            <a\n              href={opportunityUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1 hover:underline underline-offset-2\"\n            >\n              Opportunity Created\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          ) : (\n            <span>Opportunity Created</span>\n          )}\n        </div>\n        {submittedFeedback && (\n          <SubmittedFeedback\n            reasons={submittedFeedback.reasons}\n            detail={submittedFeedback.detail}\n            variant=\"approve\"\n            onEdit={startEditing}\n          />\n        )}\n      </div>\n    )\n  }\n\n  if (approvalState === \"auto-approved\") {\n    return (\n      <div className=\"space-y-2\">\n        <div className=\"flex items-center gap-1.5 text-xs font-medium text-emerald-600\">\n          <Check className=\"h-3.5 w-3.5\" />\n          <span>{labels.approvedStatus}</span>\n        </div>\n        {scheduledTime && (\n          <p className=\"text-[11px] text-muted-foreground\">Scheduled: {scheduledTime}</p>\n        )}\n      </div>\n    )\n  }\n\n  if (approvalState === \"approving-feedback\") {\n    return (\n      <div className=\"space-y-3\">\n        <div className=\"flex items-center gap-1.5 text-xs font-medium text-emerald-600 mb-2\">\n          <Check className=\"h-3.5 w-3.5\" />\n          {opportunityUrl ? (\n            <a\n              href={opportunityUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className=\"inline-flex items-center gap-1 hover:underline underline-offset-2\"\n            >\n              Opportunity Created\n              <ExternalLink className=\"h-3 w-3\" />\n            </a>\n          ) : (\n            <span>Opportunity Created</span>\n          )}\n        </div>\n        <p className=\"text-xs font-medium text-muted-foreground\">{labels.feedbackPrompt}</p>\n        <div className=\"flex flex-wrap gap-1.5\">\n          {approveReasons.map((reason) => {\n            const selected = selectedReasons.includes(reason)\n            return (\n              <button\n                key={reason}\n                type=\"button\"\n                onClick={() => toggleReason(reason)}\n                className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                  selected\n                    ? \"border-emerald-200 bg-emerald-100 text-emerald-700\"\n                    : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n                }`}\n              >\n                {reason}\n              </button>\n            )\n          })}\n        </div>\n\n        <input\n          type=\"text\"\n          value={detailText}\n          onChange={(e) => setDetailText(e.target.value)}\n          onKeyDown={(e) => {\n            if (e.key === \"Enter\" && canSubmitApprove) handleApproveSubmit()\n          }}\n          placeholder=\"Tell us more (optional)\"\n          className=\"h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring\"\n        />\n\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={handleApproveSubmit}\n            disabled={!canSubmitApprove}\n            className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${\n              canSubmitApprove\n                ? \"bg-foreground text-background hover:bg-foreground/90\"\n                : \"cursor-not-allowed bg-muted text-muted-foreground\"\n            }`}\n          >\n            Submit\n          </button>\n          <button\n            type=\"button\"\n            onClick={skipApproveFeedback}\n            className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n          >\n            Skip\n          </button>\n        </div>\n      </div>\n    )\n  }\n\n  if (approvalState === \"dismissed\") {\n    if (isEditing) {\n      return (\n        <div className=\"space-y-3\">\n          <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground mb-2\">\n            <ThumbsDown className=\"h-3.5 w-3.5\" />\n            <span>{labels.dismissedStatus}</span>\n          </div>\n          <p className=\"text-xs font-medium text-muted-foreground\">Edit your feedback</p>\n          <div className=\"flex flex-wrap gap-1.5\">\n            {dismissReasons.map((reason) => {\n              const selected = selectedReasons.includes(reason)\n              return (\n                <button key={reason} type=\"button\" onClick={() => toggleReason(reason)}\n                  className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                    selected ? \"border-red-200 bg-red-100 text-red-700\" : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n                  }`}>{reason}</button>\n              )\n            })}\n          </div>\n          <input type=\"text\" value={detailText} onChange={(e) => setDetailText(e.target.value)}\n            onKeyDown={(e) => { if (e.key === \"Enter\" && canSubmitDismiss) handleDismissSubmit() }}\n            placeholder={otherSelected ? \"Please describe (required)\" : \"Provide additional feedback...\"}\n            className=\"h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring\" />\n          <div className=\"flex items-center gap-2\">\n            <button type=\"button\" onClick={handleDismissSubmit} disabled={!canSubmitDismiss}\n              className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${canSubmitDismiss ? \"bg-foreground text-background hover:bg-foreground/90\" : \"cursor-not-allowed bg-muted text-muted-foreground\"}`}>\n              Save\n            </button>\n            <button type=\"button\" onClick={handleEditCancel}\n              className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\">\n              Cancel\n            </button>\n          </div>\n        </div>\n      )\n    }\n\n    return (\n      <div className=\"space-y-2\">\n        <div className=\"flex items-center gap-1.5 text-xs text-muted-foreground\">\n          <ThumbsDown className=\"h-3.5 w-3.5\" />\n          <span>Signal Dismissed</span>\n        </div>\n        {submittedFeedback && (\n          <SubmittedFeedback\n            reasons={submittedFeedback.reasons}\n            detail={submittedFeedback.detail}\n            variant=\"dismiss\"\n            onEdit={startEditing}\n          />\n        )}\n      </div>\n    )\n  }\n\n  if (approvalState === \"confirming\") {\n    return (\n      <div className=\"space-y-3\">\n        <div className=\"rounded-md border border-border bg-muted/30 p-3\">\n          <p className=\"text-sm text-foreground\">\n            {labels.confirmPrompt} <strong>{companyName}</strong>. Confirm?\n          </p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={approve}\n            className=\"inline-flex h-7 items-center gap-1.5 rounded-md bg-foreground px-3 text-xs font-semibold text-background transition-colors hover:bg-foreground/90\"\n          >\n            <Check className=\"h-3 w-3\" />\n            Confirm\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleCancel}\n            className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n          >\n            Cancel\n          </button>\n        </div>\n      </div>\n    )\n  }\n\n  if (approvalState === \"dismissing\") {\n    return (\n      <div className=\"space-y-3\">\n        <p className=\"text-xs font-medium text-muted-foreground\">{labels.dismissPrompt}</p>\n        <div className=\"flex flex-wrap gap-1.5\">\n          {dismissReasons.map((reason) => {\n            const selected = selectedReasons.includes(reason)\n            return (\n              <button\n                key={reason}\n                type=\"button\"\n                onClick={() => toggleReason(reason)}\n                className={`rounded-full border px-2.5 py-1 text-[11px] font-medium transition-colors ${\n                  selected\n                    ? \"border-red-200 bg-red-100 text-red-700\"\n                    : \"border-border bg-background text-muted-foreground hover:bg-muted/50 hover:text-foreground\"\n                }`}\n              >\n                {reason}\n              </button>\n            )\n          })}\n        </div>\n\n        {(selectedReasons.length > 0 || otherSelected) && (\n          <input\n            type=\"text\"\n            value={detailText}\n            onChange={(e) => setDetailText(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === \"Enter\" && canSubmitDismiss) handleDismissSubmit()\n            }}\n            placeholder={otherSelected ? \"Please describe (required)\" : \"Provide additional feedback...\"}\n            className=\"h-7 w-full rounded-md border border-border bg-muted/20 px-2.5 text-xs text-foreground placeholder:text-muted-foreground/60 focus:outline-none focus:ring-1 focus:ring-ring\"\n          />\n        )}\n\n        <div className=\"flex items-center gap-2\">\n          <button\n            type=\"button\"\n            onClick={handleDismissSubmit}\n            disabled={!canSubmitDismiss}\n            className={`inline-flex h-7 items-center gap-1.5 rounded-md px-3 text-xs font-semibold transition-colors ${\n              canSubmitDismiss\n                ? \"bg-foreground text-background hover:bg-foreground/90\"\n                : \"cursor-not-allowed bg-muted text-muted-foreground\"\n            }`}\n          >\n            Submit\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleCancel}\n            className=\"inline-flex h-7 items-center rounded-md border border-border px-3 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground\"\n          >\n            Cancel\n          </button>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <button\n        type=\"button\"\n        onClick={requestApproval}\n        className=\"inline-flex h-7 items-center gap-1.5 rounded-md border border-border bg-foreground px-3 text-xs font-semibold text-background shadow-none transition-colors hover:bg-foreground/90\"\n      >\n        <CirclePlus className=\"h-3.5 w-3.5\" />\n        {labels.approveButton}\n      </button>\n      <button\n        type=\"button\"\n        onClick={requestDismiss}\n        className=\"inline-flex h-7 items-center gap-1.5 rounded-md border border-border px-3 text-xs font-medium text-muted-foreground shadow-none transition-colors hover:bg-muted hover:text-foreground\"\n      >\n        <ThumbsDown className=\"h-3.5 w-3.5\" />\n        {labels.dismissButton}\n      </button>\n    </div>\n  )\n}\n\nfunction Gate({ children }: { children: React.ReactNode }) {\n  const { approvalState } = useSignalApproval()\n  const isLocked =\n    approvalState === \"pending\" || approvalState === \"confirming\" || approvalState === \"dismissing\"\n\n  return (\n    <div className=\"relative\">\n      {isLocked && (\n        <div className=\"pointer-events-none absolute inset-x-0 top-4 z-10 flex justify-center\">\n          <div className=\"flex items-center gap-1.5 rounded-full border border-border bg-background px-3 py-1.5 text-xs text-muted-foreground shadow-sm\">\n            <Lock className=\"h-3 w-3\" />\n            Approve or dismiss the signal above to unlock\n          </div>\n        </div>\n      )}\n      <div\n        className={`transition-opacity duration-300 ${isLocked ? \"pointer-events-none select-none opacity-40\" : \"opacity-100\"}`}\n      >\n        {children}\n      </div>\n    </div>\n  )\n}\n\nexport {\n  Root as SignalApprovalRoot,\n  Actions as SignalApprovalActions,\n  Gate as SignalApprovalGate,\n}\nexport const SignalApproval = { Root, Actions, Gate }\nexport type { ApprovalState, SignalApprovalLabels, SignalApprovalContextValue, RootProps as SignalApprovalRootProps }\n"],"mappings":"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","names":[]}

package/dist/components/simple-data-table.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { ColumnDef } from '@tanstack/react-table';
+
+interface SimpleDataTableProps<TData> {
+    columns: ColumnDef<TData, any>[];
+    data: TData[];
+    onRowClick?: (row: TData) => void;
+    emptyIcon?: React.ReactNode;
+    emptyMessage?: string;
+    emptyDescription?: string;
+    className?: string;
+}
+declare function SimpleDataTable<TData>({ columns, data, onRowClick, emptyIcon, emptyMessage, emptyDescription, className, }: SimpleDataTableProps<TData>): React.JSX.Element;
+
+export { SimpleDataTable, type SimpleDataTableProps };