@nivaro/react 0.3.23 → 0.3.24

package/dist/shared/components/notifications/DeliveryChips.js

@@ -1,17 +1,17 @@
 import { jsx as m, jsxs as f, Fragment as h } from "react/jsx-runtime";
-import { Inbox as b, Bell as u, Mail as k, MessageSquare as x } from "lucide-react";
-const y = {
+import { Inbox as b, Bell as u, Mail as k, Users as x, MessageSquare as y } from "lucide-react";
+const g = {
   ok: "text-emerald-700 dark:text-emerald-400",
   muted: "text-slate-400 dark:text-slate-500",
   warn: "text-amber-700 dark:text-amber-400",
   bad: "text-red-600 dark:text-red-400"
 };
-function $(i) {
-  return c(i);
+function S(n) {
+  return c(n);
 }
-function c(i) {
-  var o, a, r, n;
-  const e = i ?? { inapp: { status: "delivered" } }, s = [], l = ((o = e.inapp) == null ? void 0 : o.status) ?? "delivered";
+function c(n) {
+  var o, a, r, i;
+  const e = n ?? { inapp: { status: "delivered" } }, s = [], l = ((o = e.inapp) == null ? void 0 : o.status) ?? "delivered";
   if (s.push({
     key: "inapp",
     icon: b,
@@ -39,41 +39,51 @@ function c(i) {
       mailLogId: e.email.mail_log_id ?? null
     });
   }
-  return ((r = e.escalation) != null && r.email_at || (n = e.escalation) != null && n.push_at) && s.push({
+  if (((r = e.escalation) != null && r.email_at || (i = e.escalation) != null && i.push_at) && s.push({
     key: "escalation",
     icon: u,
     label: e.escalation.email_at ? "Escalated · email" : "Escalated · push",
     tone: "warn",
     tip: `Still unread, so it climbed channels${e.escalation.push_at ? ` · pushed ${new Date(e.escalation.push_at).toLocaleString()}` : ""}${e.escalation.email_at ? ` · emailed ${new Date(e.escalation.email_at).toLocaleString()}` : ""}`,
     mailLogId: e.escalation.email_log_id ?? null
-  }), e.sms && e.sms.status !== "not_requested" && s.push({
+  }), e.teams) {
+    const t = e.teams.status;
+    s.push({
+      key: "teams",
+      icon: x,
+      label: t === "sent" ? "Teams" : `Teams · ${t.replace(/_/g, " ")}`,
+      tone: t === "sent" ? "ok" : t === "failed" ? "bad" : "muted",
+      tip: t === "sent" ? "Sent in Microsoft Teams" : t === "not_connected" ? "Teams not connected" : e.teams.reason ?? `Teams ${t}`
+    });
+  }
+  return e.sms && e.sms.status !== "not_requested" && s.push({
     key: "sms",
-    icon: x,
+    icon: y,
     label: "SMS",
     tone: e.sms.status === "sent" ? "ok" : e.sms.status === "failed" ? "bad" : "muted",
     tip: e.sms.status === "sent" ? "Text sent" : e.sms.reason ?? `SMS ${e.sms.status}`
   }), s;
 }
-function w({ delivery: i, mailLogUrl: e, onNavigate: s, className: l }) {
-  const o = c(i);
+function w({ delivery: n, mailLogUrl: e, onNavigate: s, className: l }) {
+  const o = c(n);
   return /* @__PURE__ */ m(
     "span",
     {
       className: `inline-flex flex-wrap items-center gap-1 ${l ?? ""}`,
       "data-nvr-delivery": !0,
       children: o.map((a) => {
-        const r = a.icon, n = a.mailLogId != null && e ? e(a.mailLogId) : null, t = /* @__PURE__ */ f(h, { children: [
+        const r = a.icon, i = a.mailLogId != null && e ? e(a.mailLogId) : null, t = /* @__PURE__ */ f(h, { children: [
           /* @__PURE__ */ m(r, { className: "h-2.5 w-2.5", strokeWidth: 2 }),
           a.label
-        ] }), d = `inline-flex items-center gap-0.5 rounded border border-slate-200/70 px-1 py-px text-[9.5px] font-medium leading-none dark:border-border ${y[a.tone]}`;
-        return n ? /* @__PURE__ */ m(
+        ] }), d = `inline-flex items-center gap-0.5 rounded border border-slate-200/70 px-1 py-px text-[9.5px] font-medium leading-none dark:border-border ${g[a.tone]}`;
+        return i ? /* @__PURE__ */ m(
           "button",
           {
             type: "button",
             "data-tip": `${a.tip} · open mail log`,
             title: a.tip,
             onClick: (p) => {
-              p.stopPropagation(), s == null || s(n);
+              p.stopPropagation(), s == null || s(i);
             },
             className: `${d} underline decoration-dotted underline-offset-2`,
             children: t
@@ -86,5 +96,5 @@ function w({ delivery: i, mailLogUrl: e, onNavigate: s, className: l }) {
 }
 export {
   w as DeliveryChips,
-  $ as describeDelivery
+  S as describeDelivery
 };

package/dist/shared/components/profile/TeamsConnect.js

@@ -0,0 +1,71 @@
+import { jsxs as t, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { useQueryClient as l, useMutation as c } from "@tanstack/react-query";
+import { useState as u } from "react";
+import { useNivaroClient as f } from "../../context.js";
+import { del as x } from "../../lib/commands.js";
+import { Popover as p, PopoverTrigger as g, PopoverContent as h } from "../ui/popover.js";
+import { ConfirmButton as k } from "./primitives.js";
+function P({ linked: a, linkedAt: r }) {
+  const i = f(), d = l(), [s, n] = u(!1), o = c({
+    mutationFn: () => (n(!1), i.request(x("/teams/link"))),
+    onError: () => n(!0),
+    onSettled: () => {
+      d.invalidateQueries({ queryKey: ["nvr-profile-teams"] });
+    }
+  });
+  return a ? /* @__PURE__ */ t(m, { children: [
+    /* @__PURE__ */ t(
+      "span",
+      {
+        className: "inline-flex flex-wrap items-center justify-center gap-1 text-[10.5px] font-normal normal-case tracking-normal text-emerald-700 dark:text-emerald-400",
+        "data-teams-connected": "",
+        title: r ? `Connected ${new Date(r).toLocaleString()}` : void 0,
+        children: [
+          "Connected ·",
+          " ",
+          /* @__PURE__ */ e(
+            k,
+            {
+              onConfirm: () => o.mutate(),
+              confirmLabel: "Disconnect Teams?",
+              disabled: o.isPending,
+              className: "font-medium text-slate-500 underline decoration-dotted underline-offset-2 hover:text-slate-800 dark:text-muted-foreground dark:hover:text-foreground",
+              armedClassName: "font-medium text-red-600 dark:text-red-400",
+              children: "Disconnect"
+            }
+          )
+        ]
+      }
+    ),
+    s && /* @__PURE__ */ e(
+      "p",
+      {
+        role: "alert",
+        "data-teams-disconnect-error": "",
+        className: "mt-0.5 text-[10.5px] font-normal normal-case tracking-normal text-red-600 dark:text-red-400",
+        children: "Could not disconnect Teams. Try again; if it keeps failing, ask an admin."
+      }
+    )
+  ] }) : /* @__PURE__ */ t(p, { children: [
+    /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "data-teams-connect": "",
+        className: "rounded border border-slate-200 px-1.5 py-0.5 text-[10.5px] font-medium normal-case tracking-normal text-slate-600 hover:border-slate-400 hover:text-slate-800 dark:border-border dark:text-muted-foreground dark:hover:text-foreground",
+        children: "Connect Teams"
+      }
+    ) }),
+    /* @__PURE__ */ e(
+      h,
+      {
+        align: "end",
+        className: "w-64 text-[12px] font-normal normal-case tracking-normal text-slate-600 dark:text-muted-foreground",
+        children: "Open Nivaro in Teams and say hi, or sign in with Microsoft once, then turn categories on."
+      }
+    )
+  ] });
+}
+export {
+  P as TeamsConnect
+};

package/dist/shared/components/profile/primitives.js

@@ -1,5 +1,5 @@
 import { jsxs as c, jsx as a, Fragment as x } from "react/jsx-runtime";
-import { Children as f, useState as p, useEffect as g } from "react";
+import { useState as f, useEffect as p, Children as g } from "react";
 import { useNavigation as b } from "../../context.js";
 import { cn as o } from "../../lib/utils.js";
 import { UserAvatar as k } from "../UserAvatar.js";
@@ -121,8 +121,8 @@ function P({
   title: l,
   disabled: s
 }) {
-  const [i, m] = p(!1);
-  return g(() => {
+  const [i, m] = f(!1);
+  return p(() => {
     if (!i) return;
     const u = window.setTimeout(() => m(!1), 3e3);
     return () => window.clearTimeout(u);
@@ -148,7 +148,7 @@ function T({ label: e, children: t }) {
   ] });
 }
 function B({ children: e, cols: t = 3 }) {
-  const r = f.toArray(e).filter(Boolean).length, n = t === 3 ? 6 : t, d = (n - r % n) % n;
+  const r = g.toArray(e).filter(Boolean).length, n = t === 3 ? 6 : t, d = (n - r % n) % n;
   return /* @__PURE__ */ c(
     "div",
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nivaro/react",
-  "version": "0.3.23",
+  "version": "0.3.24",
   "description": "React hooks and components for Nivaro CMS forms",
   "type": "module",
   "main": "./dist/index.js",