@mediansh/widget 0.6.0 → 0.8.0

package/README.md

@@ -5,6 +5,9 @@ support panel. An AI agent answers first, your team picks up in the Median
 inbox, and replies stream back to the visitor. There is no connection or
 message list to manage.
 
+The same panel as a modal, a contact form, and a feedback panel ship
+alongside it. Same key, same inbox.
+
 ## Install
 
 ```sh
@@ -66,6 +69,51 @@ medianSupport.reset(); // on sign out
 React components can use `useMedianSupport()` for the same control with a
 live `isOpen`.
 
+## Modal
+
+The widget, opened in the middle of the screen over a scrim rather than out
+of the corner. The button stays; every prop and every control is the same.
+
+```tsx
+import { MedianSupportModal } from "@mediansh/widget";
+
+<MedianSupportModal apiKey="median_pk_..." />;
+```
+
+`mountMedianSupportModal` is the version for pages without React. Mount one
+of the two, not both.
+
+## Contact form
+
+A form where you put it, for the page where a chat panel is the wrong shape.
+An email and a message are always asked; add the rest:
+
+```tsx
+import { MedianContactForm } from "@mediansh/widget";
+
+<MedianContactForm
+  apiKey="median_pk_..."
+  fields={[
+    { name: "name", label: "Name", required: true },
+    { name: "topic", type: "select", options: ["Billing", "A bug"] },
+  ]}
+/>;
+```
+
+Sending starts a conversation in your inbox, exactly as the widget does, and
+the reply goes to the email given. `mountMedianContactForm({ target, ... })`
+renders it into an element of yours on a page without React.
+
+Or keep your own form and only borrow the send:
+
+```tsx
+const contact = useMedianContact({ apiKey: "median_pk_..." });
+
+await contact.send({ email, message, fields: { Topic: topic } });
+```
+
+`sendMedianContact(options, message)` is the same call as a plain function.
+
 ## Feedback
 
 A second panel, for notes rather than questions. It wraps a trigger of your
@@ -88,11 +136,12 @@ and the page it was written on rides along.
 
 ## Theming
 
-Both panels read shadcn-style CSS variables from your page and fall back to
-a plain light theme without them. They inherit your font.
+Every piece reads shadcn-style CSS variables from your page and falls back
+to a plain light theme without them. They inherit your font.
 
 ## Docs
 
-Props, identity, diagnostics, feedback, and agent tools:
+Props, identity, diagnostics, the modal, the contact form, feedback, and
+agent tools:
 [docs.median.sh](https://docs.median.sh), or the source at
 [github.com/mediansh/median](https://github.com/mediansh/median).

package/dist/{chunk-3KEM4W7J.js → chunk-3ZXE5RBN.js}

@@ -2,7 +2,7 @@
 import {
   clsx,
   twMerge
-} from "./chunk-W6NPKKCE.js";
+} from "./chunk-HLALDSPM.js";
 
 // ../../apps/web/src/lib/utils.ts
 function cn(...inputs) {
@@ -12,4 +12,4 @@ function cn(...inputs) {
 export {
   cn
 };
-//# sourceMappingURL=chunk-3KEM4W7J.js.map
+//# sourceMappingURL=chunk-3ZXE5RBN.js.map

package/dist/chunk-77KIJLPP.js

@@ -0,0 +1,43 @@
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function __init() {
+  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+export {
+  __esm,
+  __commonJS,
+  __export,
+  __toESM,
+  __toCommonJS
+};
+//# sourceMappingURL=chunk-77KIJLPP.js.map

package/dist/{chunk-W6NPKKCE.js → chunk-HLALDSPM.js}

@@ -1,37 +1,4 @@
 "use client";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __esm = (fn, res) => function __init() {
-  return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
-};
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // ../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
@@ -3303,12 +3270,7 @@ var getDefaultConfig = () => {
 var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 
 export {
-  __esm,
-  __commonJS,
-  __export,
-  __toESM,
-  __toCommonJS,
   clsx,
   twMerge
 };
-//# sourceMappingURL=chunk-W6NPKKCE.js.map
+//# sourceMappingURL=chunk-HLALDSPM.js.map