@opencx/widget-react 5.3.0 → 5.4.1

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("@radix-ui/react-popover");require("framer-motion");require("react");require("@opencx/widget-react-headless");const e=require("./index-bFvv5AK0.cjs");exports.HostedSpecRenderer=e.HostedSpecRenderer;exports.Widget=e.Widget;exports.segmentContent=e.segmentContent;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("@radix-ui/react-popover");require("framer-motion");require("react");require("@opencx/widget-react-headless");const e=require("./index-D-LXlHO4.cjs");exports.HostedSpecRenderer=e.HostedSpecRenderer;exports.Widget=e.Widget;exports.segmentContent=e.segmentContent;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -3,7 +3,7 @@ import "@radix-ui/react-popover";
 import "framer-motion";
 import "react";
 import "@opencx/widget-react-headless";
-import { H as s, W as n, s as a } from "./index-B4ebVsXX.js";
+import { H as s, W as n, s as a } from "./index-uTBDmBjX.js";
 export {
   s as HostedSpecRenderer,
   n as Widget,

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "@opencx/widget-react",
   "private": false,
-  "version": "5.3.0",
+  "version": "5.4.1",
   "type": "module",
   "repository": {
     "type": "git",

package/dist/src/WidgetPopoverTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetPopoverTrigger.d.ts","sourceRoot":"","sources":["../../src/WidgetPopoverTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,iBAAS,oBAAoB,6BAoI5B;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"WidgetPopoverTrigger.d.ts","sourceRoot":"","sources":["../../src/WidgetPopoverTrigger.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmC1B,iBAAS,oBAAoB,6BAsJ5B;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/src/companion/RestingPill.d.ts

@@ -1,8 +1,11 @@
 import { default as React } from 'react';
-export declare function RestingPill({ visible, docked, label, icon, pillBackground, dir, measureRef, activeCount, countLabel, onOpenChats, pickerOpen, working, sessions, }: {
+export declare function RestingPill({ visible, docked, label, icon, pillBackground, dir, measureRef, activeCount, countLabel, onOpenChats, pickerOpen, working, sessions, unreadCount, unreadShowCount, }: {
     /** The shell is resting as a pill (vs. morphed open) — show this look */
     sessions?: React.ReactNode;
     activeCount?: number;
+    /** Sessions with a reply the visitor has not looked at; marks the disc. */
+    unreadCount?: number;
+    unreadShowCount?: boolean;
     countLabel?: string;
     onOpenChats?: (anchor: HTMLButtonElement, pointer: boolean) => void;
     pickerOpen?: boolean;

package/dist/src/companion/RestingPill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RestingPill.d.ts","sourceRoot":"","sources":["../../../src/companion/RestingPill.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoE1B,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,KAAK,EACL,IAAI,EACJ,cAAc,EACd,GAAG,EACH,UAAU,EACV,WAAe,EACf,UAAU,EACV,WAAW,EACX,UAAkB,EAClB,OAAe,EACf,QAAQ,GACT,EAAE;IACD,yEAAyE;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,+EAA+E;IAC/E,UAAU,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD,qBAyHA"}
+{"version":3,"file":"RestingPill.d.ts","sourceRoot":"","sources":["../../../src/companion/RestingPill.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAyE1B,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,KAAK,EACL,IAAI,EACJ,cAAc,EACd,GAAG,EACH,UAAU,EACV,WAAe,EACf,UAAU,EACV,WAAW,EACX,UAAkB,EAClB,OAAe,EACf,QAAQ,EACR,WAAe,EACf,eAAuB,GACxB,EAAE;IACD,yEAAyE;IACzE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,mEAAmE;IACnE,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,cAAc,EAAE,MAAM,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,+EAA+E;IAC/E,UAAU,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;CACnD,qBAmJA"}

package/dist/src/companion/WidgetCompanion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetCompanion.d.ts","sourceRoot":"","sources":["../../../src/companion/WidgetCompanion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AA4Df,wBAAgB,eAAe,6BA4vB9B"}
+{"version":3,"file":"WidgetCompanion.d.ts","sourceRoot":"","sources":["../../../src/companion/WidgetCompanion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAMN,MAAM,OAAO,CAAC;AA+Df,wBAAgB,eAAe,6BAwwB9B"}

package/dist/src/components/UnreadBadge.d.ts

@@ -0,0 +1,42 @@
+import { OpenCxComponentNameU, WidgetConfig } from '@opencx/widget-core';
+import { default as React } from 'react';
+type UnreadLook = NonNullable<WidgetConfig['unreadIndicator']>;
+/** Pixel size of the mark; keep in sync with the `data-unread-look` rules. */
+export declare const unreadMarkSize: (showCount: boolean) => 9 | 16;
+/**
+ * Inset from a round launcher's top/end edges that centers the mark on the
+ * circle's edge at 45°, where a badge sits on a disc. Negative when the mark
+ * is larger than the room the corner leaves.
+ */
+export declare const unreadMarkInsetOnDisc: (discSize: number, showCount: boolean) => number;
+/**
+ * The red mark for sessions holding a reply the visitor has not looked at.
+ * Decorative: the control carrying it names the count (`useUnreadLabel`).
+ * Its look lives in the stylesheet under `[data-component='trigger/unread']`
+ * / `'sessions/unread'` plus `[data-unread-look='dot' | 'count']`, so
+ * `cssOverrides` restyle it like any other part; callers only pass where it
+ * sits. The companion pill renders in the host page, outside the iframe
+ * stylesheet, so it mounts `UnreadMarkHostStyles` beside the mark.
+ */
+export declare function UnreadMark({ count, showCount, component, style, }: {
+    count: number;
+    showCount: boolean;
+    component?: OpenCxComponentNameU;
+    style?: React.CSSProperties;
+}): React.JSX.Element | null;
+/** Mirror of the `index.css` rule for marks rendered in the host page. */
+export declare function UnreadMarkHostStyles(): React.JSX.Element;
+/** `config.unreadIndicator`, defaulting to the dot. */
+export declare function useUnreadLook(): UnreadLook | false;
+/** The mark, as the embed configured it. */
+export declare function UnreadBadge({ count, indicator, component, style, }: {
+    count: number;
+    /** Force a look; defaults to `config.unreadIndicator`. */
+    indicator?: UnreadLook;
+    component?: OpenCxComponentNameU;
+    style?: React.CSSProperties;
+}): React.JSX.Element | null;
+/** What a control carrying the mark appends to its accessible name. */
+export declare function useUnreadLabel(count: number): string | null;
+export {};
+//# sourceMappingURL=UnreadBadge.d.ts.map

package/dist/src/components/UnreadBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnreadBadge.d.ts","sourceRoot":"","sources":["../../../src/components/UnreadBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAG9E,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,KAAK,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAE/D,8EAA8E;AAC9E,eAAO,MAAM,cAAc,GAAI,WAAW,OAAO,WAAyB,CAAC;AAE3E;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,GAAI,UAAU,MAAM,EAAE,WAAW,OAAO,WACL,CAAC;AAEtE;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,EACT,SAA4B,EAC5B,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,4BAmBA;AAED,0EAA0E;AAC1E,wBAAgB,oBAAoB,sBAmBnC;AAED,uDAAuD;AACvD,wBAAgB,aAAa,IAAI,UAAU,GAAG,KAAK,CAElD;AAED,4CAA4C;AAC5C,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAS,EACT,SAAS,EACT,KAAK,GACN,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,4BAWA;AAED,uEAAuE;AACvE,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAK3D"}

package/dist/src/components/UnreadViewing.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Reports which session is on screen, so the backend can clear its unread
+ * mark. Each shell mounts one and says whether its transcript is showing.
+ */
+export declare function UnreadViewing({ transcriptVisible, }: {
+    transcriptVisible?: boolean;
+}): null;
+//# sourceMappingURL=UnreadViewing.d.ts.map

package/dist/src/components/UnreadViewing.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnreadViewing.d.ts","sourceRoot":"","sources":["../../../src/components/UnreadViewing.tsx"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,iBAAwB,GACzB,EAAE;IACD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,QAGA"}

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAGV,YAAY,EACb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAML,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAWvC,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAEL,KAAK,SAAS,EACf,MAAM,2BAA2B,CAAC;AA6EnC,QAAA,MAAM,MAAM;aAGC,YAAY;iBACR,mBAAmB,EAAE;uBACf,KAAK,CAAC,SAAS;qBACjB,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS;mCAkDpD,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB;;;;;GAKG;AACH,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,KAAK,cAAc,GACpB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,2BAA2B,EAC3B,2BAA2B,EAC3B,4BAA4B,EAC5B,SAAS,GACV,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAGV,YAAY,EACb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAML,KAAK,mBAAmB,EACzB,MAAM,+BAA+B,CAAC;AAYvC,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAEL,KAAK,4BAA4B,EAClC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAEL,KAAK,SAAS,EACf,MAAM,2BAA2B,CAAC;AA8EnC,QAAA,MAAM,MAAM;aAGC,YAAY;iBACR,mBAAmB,EAAE;uBACf,KAAK,CAAC,SAAS;qBACjB,CAAC,KAAK,EAAE,KAAK,KAAK,KAAK,CAAC,SAAS;mCAyDpD,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB;;;;;GAKG;AACH,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,KAAK,cAAc,GACpB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,2BAA2B,EAC3B,2BAA2B,EAC3B,4BAA4B,EAC5B,SAAS,GACV,CAAC"}

package/dist/src/screens/sessions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/screens/sessions/index.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAwN1B,wBAAgB,cAAc,sBA0B7B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/screens/sessions/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiO1B,wBAAgB,cAAc,sBA0B7B"}

package/dist/src/utils/render-custom-trigger.d.ts

@@ -6,6 +6,6 @@ type CustomTrigger = NonNullable<NonNullable<WidgetConfig['customComponents']>['
  * shared contract: it replaces the built-in launcher entirely and drives the
  * widget via `setIsOpen`. One invocation shape for popover and companion.
  */
-export declare function renderCustomTrigger(customTrigger: CustomTrigger, isOpen: boolean, setIsOpen: (open: boolean) => void): React.ReactElement<{}, string | React.JSXElementConstructor<any>> | null;
+export declare function renderCustomTrigger(customTrigger: CustomTrigger, isOpen: boolean, setIsOpen: (open: boolean) => void, unreadCount: number): React.ReactElement<{}, string | React.JSXElementConstructor<any>> | null;
 export {};
 //# sourceMappingURL=render-custom-trigger.d.ts.map

package/dist/src/utils/render-custom-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render-custom-trigger.d.ts","sourceRoot":"","sources":["../../../src/utils/render-custom-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,KAAK,aAAa,GAAG,WAAW,CAC9B,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC,eAAe,CAAC,CAC/D,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,4EAOnC"}
+{"version":3,"file":"render-custom-trigger.d.ts","sourceRoot":"","sources":["../../../src/utils/render-custom-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,KAAK,aAAa,GAAG,WAAW,CAC9B,WAAW,CAAC,YAAY,CAAC,kBAAkB,CAAC,CAAC,CAAC,eAAe,CAAC,CAC/D,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,OAAO,EACf,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,EAClC,WAAW,EAAE,MAAM,4EAQpB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opencx/widget-react",
   "private": false,
-  "version": "5.3.0",
+  "version": "5.4.1",
   "type": "module",
   "repository": {
     "type": "git",
@@ -40,8 +40,8 @@
     "tailwind-merge": "^2.4.0",
     "tinycolor2": "^1.6.0",
     "zod": "^4.3.6",
-    "@opencx/widget-core": "5.3.0",
-    "@opencx/widget-react-headless": "5.3.0"
+    "@opencx/widget-core": "5.4.1",
+    "@opencx/widget-react-headless": "5.4.1"
   },
   "peerDependencies": {
     "@types/react": ">=18 <20",
@@ -63,8 +63,8 @@
     "tailwindcss-animate": "^1.0.7",
     "tsx": "^4.19.2",
     "vite-plugin-qrcode": "^0.3.0",
-    "@opencx/eslint-config": "0.0.1",
-    "@opencx/tsconfig": "0.0.2"
+    "@opencx/tsconfig": "0.0.2",
+    "@opencx/eslint-config": "0.0.1"
   },
   "scripts": {
     "clean": "rm -rf node_modules dist .turbo",