@foir/sdk 0.27.1 → 0.29.0

package/dist/react.js

@@ -1133,8 +1133,8 @@ async function getSessionUser(adapter) {
 async function signInWithPassword(adapter, env, vars) {
   return saveSession(adapter, await login(env, vars));
 }
-async function signUpWithPassword(adapter, env, vars) {
-  return saveSession(adapter, await register(env, vars));
+async function signUpWithPassword(env, vars) {
+  await register(env, vars);
 }
 async function signInWithOTP(adapter, env, vars) {
   return saveSession(adapter, await loginWithOTP(env, vars));
@@ -1280,6 +1280,7 @@ var GRANT_TABLE = [
   ["apikeys:write", "none", [], []],
   ["organizations:read", "none", [], []],
   ["organizations:write", "none", [], []],
+  ["orgsettings:write", "none", [], []],
   ["organizations:create", "none", [], []],
   ["organizations:delete", "none", [], []],
   ["organizations:reach", "none", [], []],
@@ -1290,7 +1291,7 @@ var GRANT_TABLE = [
   ["projects:read", "none", [], []],
   ["projects:write", "none", [], []],
   ["project:stand", "none", [], []],
-  ["project:manage", "none", [], ["project:stand", "records:read.all", "records:create", "records:write.all", "records:delete.all", "records:publish.all", "records:attribute", "search:read", "embeddings:read", "embeddings:write", "schemas:read", "drafts:read", "files:read.all", "files:write.all", "files:delete.all", "users:read.all", "identities:read", "users:create", "identities:delete", "users:write.all", "users:setup", "users:delete.all", "notifications:read.all", "notifications:write.all", "notifications:consent", "pushcredentials:read", "pushcredentials:write", "notes:read.all", "notes:write.all", "notes:create", "approvals:read", "approvals:write", "rooms:read", "rooms:write", "presence:read", "operations:read", "operations:execute", "operations:write", "appconfig:read", "schedules:read", "schedules:write", "hooks:read", "hooks:write", "auth:login_with_foir", "authclients:read", "authclients:write", "domains:read", "domains:write", "loginpages:read", "loginpages:write", "secrets:read", "secrets:list", "secrets:put", "secrets:delete", "appsecrets:read", "appsecrets:list", "appsecrets:put", "appsecrets:delete", "usersecrets:read", "usersecrets:list", "usersecrets:put", "usersecrets:delete", "opsecrets:read", "opsecrets:write", "settings:read", "settings:write", "designtokens:read", "designtokens:write", "models:read", "models:write", "configs:read", "configs:write", "signinproviders:read", "signinproviders:write", "apps:read", "apps:write", "events:read", "targeting:debug", "visitors:forward", "apikeys:read", "apikeys:write", "organizations:read", "organizations:create", "organizations:delete", "organizations:write", "organizations:reach", "members:read", "members:write", "roles:read", "roles:write", "projects:read", "projects:write", "audit:read"]],
+  ["project:manage", "none", [], ["project:stand", "records:read.all", "records:create", "records:write.all", "records:delete.all", "records:publish.all", "records:attribute", "search:read", "embeddings:read", "embeddings:write", "schemas:read", "drafts:read", "files:read.all", "files:write.all", "files:delete.all", "users:read.all", "identities:read", "users:create", "identities:delete", "users:write.all", "users:setup", "users:delete.all", "notifications:read.all", "notifications:write.all", "notifications:consent", "pushcredentials:read", "pushcredentials:write", "notes:read.all", "notes:write.all", "notes:create", "approvals:read", "approvals:write", "rooms:read", "rooms:write", "presence:read", "operations:read", "operations:execute", "operations:write", "appconfig:read", "schedules:read", "schedules:write", "hooks:read", "hooks:write", "authclients:read", "authclients:write", "domains:read", "domains:write", "loginpages:read", "loginpages:write", "secrets:read", "secrets:list", "secrets:put", "secrets:delete", "appsecrets:read", "appsecrets:list", "appsecrets:put", "appsecrets:delete", "usersecrets:read", "usersecrets:list", "usersecrets:put", "usersecrets:delete", "opsecrets:read", "opsecrets:write", "settings:read", "settings:write", "designtokens:read", "designtokens:write", "models:read", "models:write", "configs:read", "configs:write", "signinproviders:read", "signinproviders:write", "apps:read", "apps:write", "events:read", "targeting:debug", "visitors:forward", "apikeys:read", "apikeys:write", "organizations:read", "organizations:create", "organizations:delete", "organizations:write", "orgsettings:write", "organizations:reach", "members:read", "members:write", "roles:read", "roles:write", "projects:read", "projects:write", "audit:read"]],
   ["projects:create", "none", [], []],
   ["projects:delete", "none", [], []],
   ["tenants:read", "none", [], []],
@@ -1321,7 +1322,6 @@ var GRANT_TABLE = [
   ["usersecrets:list", "none", [], []],
   ["usersecrets:put", "none", [], []],
   ["usersecrets:delete", "none", [], []],
-  ["auth:login_with_foir", "none", [], []],
   ["signinproviders:read", "none", [], []],
   ["signinproviders:write", "none", [], []]
 ];
@@ -1680,13 +1680,11 @@ function FoirProvider({
     [apply, assertTokenMode]
   );
   const register2 = useCallback(
-    async (vars) => {
+    (vars) => {
       assertTokenMode("register");
-      const c = await signUpWithPassword(adapterRef.current, envRef.current, vars);
-      apply(c);
-      return c;
+      return signUpWithPassword(envRef.current, vars);
     },
-    [apply, assertTokenMode]
+    [assertTokenMode]
   );
   const requestOtp = useCallback(
     (email) => {
@@ -2393,16 +2391,29 @@ function screenshotFilename(mimeType) {
 
 // src/react/FoirFeedback.tsx
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var TOKENS = {
+  colorText: "--foir-feedback-text",
+  colorMuted: "--foir-feedback-muted",
+  colorBackground: "--foir-feedback-background",
+  colorBorder: "--foir-feedback-border",
+  colorPrimary: "--foir-feedback-primary",
+  colorPrimaryText: "--foir-feedback-primary-text",
+  colorDanger: "--foir-feedback-danger",
+  radius: "--foir-feedback-radius",
+  fontFamily: "--foir-feedback-font-family",
+  fontSize: "--foir-feedback-font-size"
+};
 var COPY = {
   signIn: "Sign in to send feedback.",
   signInAction: "Sign in",
+  closed: "Feedback is not open right now.",
+  close: "Close",
   notEnabled: "Feedback is not available on this account.",
   unavailable: "Feedback is unavailable right now. Please try again later.",
   noSubject: "There is nothing on this page to give feedback on.",
   loading: "One moment\u2026",
   sendFailed: "Your feedback could not be sent. Please try again.",
   sent: "Thanks. Your feedback has been sent.",
-  reference: "Reference",
   contactEmail: "Your email, if you would like a reply (optional)",
   send: "Send feedback",
   sending: "Sending\u2026",
@@ -2413,52 +2424,98 @@ var COPY = {
   removeScreenshot: "Remove screenshot",
   about: "About"
 };
+var border = "1px solid var(--foir-feedback-border, currentColor)";
+var radius = "var(--foir-feedback-radius, 8px)";
+var controlRadius = `calc(${radius} * 0.75)`;
+var background = "var(--foir-feedback-background, transparent)";
+function wrapperStyle(appearance) {
+  const style = {
+    color: "var(--foir-feedback-text)",
+    fontFamily: "var(--foir-feedback-font-family)",
+    fontSize: "var(--foir-feedback-font-size)"
+  };
+  for (const [name, value] of Object.entries(appearance ?? {})) {
+    const property = TOKENS[name];
+    if (property && typeof value === "string" && value !== "") style[property] = value;
+  }
+  return style;
+}
 var stackStyle = { display: "flex", flexDirection: "column", gap: 10 };
 var panelStyle = {
   ...stackStyle,
   maxWidth: 340,
+  marginTop: 8,
   padding: 16,
-  borderRadius: 8,
-  border: "1px solid currentColor",
+  borderRadius: radius,
+  border,
+  background,
+  font: "inherit"
+};
+var dialogStyle = {
+  // The browser centres a modal dialog with its margin, and a CSS reset that
+  // zeroes every margin (Tailwind's preflight does) pins it to the corner.
+  margin: "auto",
+  width: "min(420px, calc(100vw - 32px))",
+  padding: 0,
+  borderRadius: radius,
+  border,
+  background: "var(--foir-feedback-background, Canvas)",
+  color: "var(--foir-feedback-text, CanvasText)",
   font: "inherit"
 };
+var dialogPanelStyle = { ...stackStyle, padding: 20 };
+var headerStyle = {
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: 12
+};
 var buttonStyle = {
   padding: "8px 10px",
-  borderRadius: 6,
-  border: "1px solid currentColor",
+  borderRadius: controlRadius,
+  border,
   background: "transparent",
+  color: "inherit",
   font: "inherit",
   cursor: "pointer"
 };
-var submitStyle2 = { ...buttonStyle, fontWeight: 600 };
-var textareaStyle = {
-  padding: "8px 10px",
-  borderRadius: 6,
-  border: "1px solid currentColor",
-  background: "transparent",
-  font: "inherit",
-  minHeight: 96,
-  resize: "vertical"
+var closeStyle = { ...buttonStyle, padding: "4px 8px" };
+var submitStyle2 = {
+  ...buttonStyle,
+  border: "1px solid var(--foir-feedback-primary, var(--foir-feedback-border, currentColor))",
+  background: "var(--foir-feedback-primary, transparent)",
+  color: "var(--foir-feedback-primary-text)",
+  fontWeight: 600
 };
 var inputStyle2 = {
   padding: "8px 10px",
-  borderRadius: 6,
-  border: "1px solid currentColor",
-  background: "transparent",
+  borderRadius: controlRadius,
+  border,
+  background,
+  color: "inherit",
   font: "inherit"
 };
-var headingStyle = { margin: 0, fontSize: 15, fontWeight: 600 };
-var subjectStyle = { margin: 0, fontSize: 13, opacity: 0.75 };
-var noteStyle = { margin: 0, fontSize: 13 };
-var errorStyle2 = { margin: 0, fontSize: 13, color: "#c0392b" };
+var textareaStyle = { ...inputStyle2, minHeight: 96, resize: "vertical" };
+var headingStyle = { margin: 0, fontSize: "1.07em", fontWeight: 600 };
+var subjectStyle = {
+  margin: 0,
+  fontSize: "0.93em",
+  color: "var(--foir-feedback-muted, color-mix(in srgb, currentColor 75%, transparent))"
+};
+var noteStyle = { margin: 0, fontSize: "0.93em" };
+var errorStyle2 = {
+  margin: 0,
+  fontSize: "0.93em",
+  color: "var(--foir-feedback-danger, #c0392b)"
+};
 var previewStyle = {
   display: "block",
   width: "100%",
   height: 96,
   objectFit: "cover",
   objectPosition: "top",
-  borderRadius: 6,
-  border: "1px solid currentColor"
+  borderRadius: controlRadius,
+  border
 };
 function FoirFeedback({
   client,
@@ -2470,6 +2527,9 @@ function FoirFeedback({
   placeholder = "What would you like to tell us?",
   defaultOpen = false,
   onSignIn,
+  signIn = true,
+  layout = "inline",
+  appearance,
   onSubmitted,
   onVisitorSubmitted,
   onError,
@@ -2479,7 +2539,6 @@ function FoirFeedback({
   const [probe, setProbe] = useState4({ status: "loading" });
   const [body, setBody] = useState4("");
   const [contactEmail, setContactEmail] = useState4("");
-  const [receipt, setReceipt] = useState4(null);
   const [screenshot, setScreenshot] = useState4(null);
   const [capturing, setCapturing] = useState4(false);
   const [busy, setBusy] = useState4(false);
@@ -2508,6 +2567,7 @@ function FoirFeedback({
         if (cancelled) return;
         const fault = classifyNotesFault(err);
         reportFault(fault, err, "the notes surface could not be read");
+        announceClosed(fault, signIn);
         onErrorRef.current?.(err);
         setProbe({ status: "blocked", fault });
       }
@@ -2515,7 +2575,19 @@ function FoirFeedback({
     return () => {
       cancelled = true;
     };
-  }, [open, client]);
+  }, [open, client, signIn]);
+  const dialogRef = useRef2(null);
+  useEffect3(() => {
+    const dialog2 = dialogRef.current;
+    if (!dialog2) return;
+    if (open && !dialog2.open) {
+      if (typeof dialog2.showModal === "function") dialog2.showModal();
+      else dialog2.setAttribute("open", "");
+    } else if (!open && dialog2.open) {
+      if (typeof dialog2.close === "function") dialog2.close();
+      else dialog2.removeAttribute("open");
+    }
+  }, [open, layout]);
   const capture = useCallback2(async () => {
     setFailure(null);
     setCapturing(true);
@@ -2555,7 +2627,6 @@ function FoirFeedback({
         });
         setBody("");
         setContactEmail("");
-        setReceipt(written);
         setSent(true);
         onVisitorSubmitted?.(written);
       }
@@ -2563,7 +2634,15 @@ function FoirFeedback({
       const fault = classifyNotesFault(err);
       reportFault(fault, err, "sending feedback failed");
       onErrorRef.current?.(err);
-      setFailure(failureCopy(fault));
+      if (!probe.signedIn && fault.kind === "other") {
+        const now = await probeRefusal(client);
+        if (now) {
+          announceClosed(now, signIn);
+          setProbe({ status: "blocked", fault: now });
+          return;
+        }
+      }
+      setFailure(failureCopy(fault, signIn));
     } finally {
       setBusy(false);
     }
@@ -2574,157 +2653,214 @@ function FoirFeedback({
       return;
     }
     setSent(false);
-    setReceipt(null);
     setFailure(null);
     setOpen(true);
   };
   const subjectName = resolved ? label ?? resolved.label : void 0;
-  return /* @__PURE__ */ jsxs4("div", { className, "data-foir-feedback": true, children: [
-    /* @__PURE__ */ jsx5(
-      "button",
-      {
-        type: "button",
-        "data-foir-feedback-trigger": true,
-        "aria-expanded": open,
-        onClick: toggle,
-        style: styled ? buttonStyle : void 0,
-        children: triggerLabel
-      }
-    ),
-    open && /* @__PURE__ */ jsxs4(
-      "section",
-      {
-        "data-foir-feedback-panel": true,
-        "aria-label": title,
-        style: styled ? panelStyle : void 0,
-        children: [
-          /* @__PURE__ */ jsx5("h2", { "data-foir-feedback-title": true, style: styled ? headingStyle : void 0, children: title }),
-          subjectName && /* @__PURE__ */ jsxs4("p", { "data-foir-feedback-subject": true, style: styled ? subjectStyle : void 0, children: [
-            COPY.about,
-            ": ",
-            subjectName
-          ] }),
-          probe.status === "loading" && /* @__PURE__ */ jsx5(
-            "p",
+  const dialog = layout === "dialog";
+  const heading = /* @__PURE__ */ jsx5("h2", { "data-foir-feedback-title": true, style: styled ? headingStyle : void 0, children: title });
+  const panel = open && /* @__PURE__ */ jsxs4(
+    "section",
+    {
+      "data-foir-feedback-panel": true,
+      "aria-label": title,
+      style: styled ? dialog ? dialogPanelStyle : panelStyle : void 0,
+      children: [
+        dialog ? /* @__PURE__ */ jsxs4("div", { "data-foir-feedback-header": true, style: styled ? headerStyle : void 0, children: [
+          heading,
+          /* @__PURE__ */ jsx5(
+            "button",
             {
-              role: "status",
-              "data-foir-feedback-status": true,
-              style: styled ? noteStyle : void 0,
-              children: COPY.loading
+              type: "button",
+              "data-foir-feedback-close": true,
+              onClick: () => setOpen(false),
+              style: styled ? closeStyle : void 0,
+              children: COPY.close
+            }
+          )
+        ] }) : heading,
+        subjectName && /* @__PURE__ */ jsxs4("p", { "data-foir-feedback-subject": true, style: styled ? subjectStyle : void 0, children: [
+          COPY.about,
+          ": ",
+          subjectName
+        ] }),
+        probe.status === "loading" && /* @__PURE__ */ jsx5(
+          "p",
+          {
+            role: "status",
+            "data-foir-feedback-status": true,
+            style: styled ? noteStyle : void 0,
+            children: COPY.loading
+          }
+        ),
+        probe.status === "blocked" && /* @__PURE__ */ jsx5(
+          BlockedNotice,
+          {
+            fault: probe.fault,
+            onSignIn,
+            signIn,
+            styled
+          }
+        ),
+        probe.status === "ready" && !resolved && /* @__PURE__ */ jsx5(
+          "p",
+          {
+            role: "status",
+            "data-foir-feedback-status": true,
+            style: styled ? noteStyle : void 0,
+            children: COPY.noSubject
+          }
+        ),
+        probe.status === "ready" && resolved && /* @__PURE__ */ jsxs4("form", { onSubmit, style: styled ? stackStyle : void 0, children: [
+          /* @__PURE__ */ jsx5(
+            "textarea",
+            {
+              "data-foir-feedback-body": true,
+              "aria-label": placeholder,
+              placeholder,
+              required: true,
+              value: body,
+              disabled: busy,
+              onChange: (event) => {
+                setBody(event.target.value);
+                if (sent) setSent(false);
+              },
+              style: styled ? textareaStyle : void 0
             }
           ),
-          probe.status === "blocked" && /* @__PURE__ */ jsx5(BlockedNotice, { fault: probe.fault, onSignIn, styled }),
-          probe.status === "ready" && !resolved && /* @__PURE__ */ jsx5(
-            "p",
+          !probe.signedIn && /* @__PURE__ */ jsx5(
+            "input",
             {
-              role: "status",
-              "data-foir-feedback-status": true,
-              style: styled ? noteStyle : void 0,
-              children: COPY.noSubject
+              type: "email",
+              "data-foir-feedback-contact": true,
+              "aria-label": COPY.contactEmail,
+              placeholder: COPY.contactEmail,
+              autoComplete: "email",
+              value: contactEmail,
+              disabled: busy,
+              onChange: (event) => setContactEmail(event.target.value),
+              style: styled ? inputStyle2 : void 0
             }
           ),
-          probe.status === "ready" && resolved && /* @__PURE__ */ jsxs4("form", { onSubmit, style: styled ? stackStyle : void 0, children: [
+          probe.screenshotsEnabled && isFoirScreenCaptureSupported() && /* @__PURE__ */ jsx5(Fragment2, { children: screenshot ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
             /* @__PURE__ */ jsx5(
-              "textarea",
+              "img",
               {
-                "data-foir-feedback-body": true,
-                "aria-label": placeholder,
-                placeholder,
-                required: true,
-                value: body,
-                disabled: busy,
-                onChange: (event) => {
-                  setBody(event.target.value);
-                  if (sent) {
-                    setSent(false);
-                    setReceipt(null);
-                  }
-                },
-                style: styled ? textareaStyle : void 0
+                "data-foir-feedback-screenshot": true,
+                src: screenshot.dataUrl,
+                alt: COPY.screenshotAlt,
+                style: styled ? previewStyle : void 0
               }
             ),
-            !probe.signedIn && /* @__PURE__ */ jsx5(
-              "input",
-              {
-                type: "email",
-                "data-foir-feedback-contact": true,
-                "aria-label": COPY.contactEmail,
-                placeholder: COPY.contactEmail,
-                autoComplete: "email",
-                value: contactEmail,
-                disabled: busy,
-                onChange: (event) => setContactEmail(event.target.value),
-                style: styled ? inputStyle2 : void 0
-              }
-            ),
-            probe.screenshotsEnabled && isFoirScreenCaptureSupported() && /* @__PURE__ */ jsx5(Fragment2, { children: screenshot ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
-              /* @__PURE__ */ jsx5(
-                "img",
-                {
-                  "data-foir-feedback-screenshot": true,
-                  src: screenshot.dataUrl,
-                  alt: COPY.screenshotAlt,
-                  style: styled ? previewStyle : void 0
-                }
-              ),
-              /* @__PURE__ */ jsx5(
-                "button",
-                {
-                  type: "button",
-                  "data-foir-feedback-remove": true,
-                  onClick: () => setScreenshot(null),
-                  disabled: busy,
-                  style: styled ? buttonStyle : void 0,
-                  children: COPY.removeScreenshot
-                }
-              )
-            ] }) : /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx5(
               "button",
               {
                 type: "button",
-                "data-foir-feedback-capture": true,
-                onClick: () => void capture(),
-                disabled: busy || capturing,
+                "data-foir-feedback-remove": true,
+                onClick: () => setScreenshot(null),
+                disabled: busy,
                 style: styled ? buttonStyle : void 0,
-                children: capturing ? COPY.capturing : COPY.capture
-              }
-            ) }),
-            failure && /* @__PURE__ */ jsx5("p", { role: "alert", "data-foir-feedback-error": true, style: styled ? errorStyle2 : void 0, children: failure }),
-            sent && !failure && /* @__PURE__ */ jsx5(
-              "p",
-              {
-                role: "status",
-                "data-foir-feedback-status": true,
-                style: styled ? noteStyle : void 0,
-                children: COPY.sent
-              }
-            ),
-            sent && !failure && receipt && /* @__PURE__ */ jsxs4("p", { "data-foir-feedback-receipt": true, style: styled ? subjectStyle : void 0, children: [
-              COPY.reference,
-              ": ",
-              receipt.id
-            ] }),
-            /* @__PURE__ */ jsx5(
-              "button",
-              {
-                type: "submit",
-                "data-foir-feedback-submit": true,
-                disabled: busy || body.trim() === "",
-                style: styled ? submitStyle2 : void 0,
-                children: busy ? COPY.sending : COPY.send
+                children: COPY.removeScreenshot
               }
             )
-          ] })
-        ]
-      }
-    )
-  ] });
+          ] }) : /* @__PURE__ */ jsx5(
+            "button",
+            {
+              type: "button",
+              "data-foir-feedback-capture": true,
+              onClick: () => void capture(),
+              disabled: busy || capturing,
+              style: styled ? buttonStyle : void 0,
+              children: capturing ? COPY.capturing : COPY.capture
+            }
+          ) }),
+          failure && /* @__PURE__ */ jsx5("p", { role: "alert", "data-foir-feedback-error": true, style: styled ? errorStyle2 : void 0, children: failure }),
+          sent && !failure && /* @__PURE__ */ jsx5(
+            "p",
+            {
+              role: "status",
+              "data-foir-feedback-status": true,
+              style: styled ? noteStyle : void 0,
+              children: COPY.sent
+            }
+          ),
+          /* @__PURE__ */ jsx5(
+            "button",
+            {
+              type: "submit",
+              "data-foir-feedback-submit": true,
+              disabled: busy || body.trim() === "",
+              style: styled ? submitStyle2 : void 0,
+              children: busy ? COPY.sending : COPY.send
+            }
+          )
+        ] })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs4(
+    "div",
+    {
+      className,
+      "data-foir-feedback": true,
+      "data-foir-feedback-layout": layout,
+      style: styled ? wrapperStyle(appearance) : void 0,
+      children: [
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            type: "button",
+            "data-foir-feedback-trigger": true,
+            "aria-expanded": open,
+            "aria-haspopup": dialog ? "dialog" : void 0,
+            onClick: toggle,
+            style: styled ? buttonStyle : void 0,
+            children: triggerLabel
+          }
+        ),
+        dialog ? /* @__PURE__ */ jsx5(
+          "dialog",
+          {
+            ref: dialogRef,
+            "data-foir-feedback-dialog": true,
+            "aria-label": title,
+            onClose: () => setOpen(false),
+            onClick: (event) => {
+              if (event.target === event.currentTarget) setOpen(false);
+            },
+            style: styled ? dialogStyle : void 0,
+            children: panel
+          }
+        ) : panel
+      ]
+    }
+  );
+}
+async function probeRefusal(client) {
+  try {
+    await readNoteConfig(client);
+    return null;
+  } catch (err) {
+    const fault = classifyNotesFault(err);
+    return fault.kind === "other" ? null : fault;
+  }
+}
+function announceClosed(fault, signIn) {
+  if (process.env.NODE_ENV === "production") return;
+  if (fault.kind !== "signIn" || signIn) return;
+  console.info(
+    `[foir] <FoirFeedback>: the project takes no notes from visitors who are not signed in, and signIn={false} says this site has no sign-in, so the widget says feedback is not open. Turn on "Accept anonymous notes" in the project's Notes settings to take them.`
+  );
 }
 function BlockedNotice({
   fault,
   onSignIn,
+  signIn,
   styled
 }) {
+  if (fault.kind === "signIn" && !signIn) {
+    return /* @__PURE__ */ jsx5("p", { role: "status", "data-foir-feedback-status": true, style: styled ? noteStyle : void 0, children: COPY.closed });
+  }
   if (fault.kind === "signIn") {
     return /* @__PURE__ */ jsxs4(Fragment2, { children: [
       /* @__PURE__ */ jsx5("p", { role: "status", "data-foir-feedback-status": true, style: styled ? noteStyle : void 0, children: COPY.signIn }),
@@ -2742,8 +2878,8 @@ function BlockedNotice({
   }
   return /* @__PURE__ */ jsx5("p", { role: "status", "data-foir-feedback-status": true, style: styled ? noteStyle : void 0, children: fault.kind === "scope" ? COPY.notEnabled : COPY.unavailable });
 }
-function failureCopy(fault) {
-  if (fault.kind === "signIn") return COPY.signIn;
+function failureCopy(fault, signIn) {
+  if (fault.kind === "signIn") return signIn ? COPY.signIn : COPY.closed;
   if (fault.kind === "scope") return COPY.notEnabled;
   return COPY.sendFailed;
 }

package/dist/realtime/index.d.ts

@@ -71,6 +71,12 @@ export interface CreateCollabSessionOptions {
     room: RoomAddress | string;
     /** Async token source. Invoked before the first connect and on each refresh tick. */
     getToken: () => string | Promise<string>;
+    /**
+     * The organization the signed-in user stands at in the room, as a request
+     * names it. Omit for the project. The platform admits the join only where
+     * the user is a member.
+     */
+    orgId?: string;
     /** Caller-owned `Y.Doc` carrying the app-defined shared types. */
     doc: Y.Doc;
     /** Local presence. Sets awareness under the `user` field (contract shape). Omit for no presence. */

package/dist/realtime.js

@@ -39,12 +39,13 @@ function createCollabSession(options) {
     refreshMs = 4 * 60 * 1e3,
     connect = true,
     params: extraParams,
+    orgId,
     WebSocketPolyfill
   } = options;
   const room = roomPath(options.room);
   const provider = new WebsocketProvider(url, room, doc, {
     connect: false,
-    params: { ...extraParams },
+    params: { ...extraParams, ...orgId ? { org: orgId } : {} },
     ...WebSocketPolyfill ? { WebSocketPolyfill } : {}
   });
   const awareness = provider.awareness;