impact-nova 3.0.0-alpha.7 → 3.0.0-alpha.9

package/dist/components/flows/iris-chat/iris-chat-window-chrome.d.ts

@@ -0,0 +1,30 @@
+import { IrisChatFrame } from './iris-chat-frame';
+import { IrisChatPlacement } from './iris-chat.types';
+export type IrisChatComposerLayout = "inline" | "stacked" | "stackedCompact";
+export declare function readIrisChatHorizontalPaddingClass(input: {
+    isWindowPlacement: boolean;
+    placement: IrisChatPlacement;
+}): string;
+export declare function readIrisChatGreetingShowSubtitle(input: {
+    isWindowPlacement: boolean;
+    frame: IrisChatFrame;
+}): boolean;
+export declare function readIrisChatGreetingIconSize(input: {
+    isWindowPlacement: boolean;
+    placement: IrisChatPlacement;
+    frame: IrisChatFrame;
+    compact: boolean;
+}): number;
+export declare function readIrisChatGreetingCompact(input: {
+    isWindowPlacement: boolean;
+    placement: IrisChatPlacement;
+    frame: IrisChatFrame;
+}): boolean;
+export declare function readIrisChatComposerLayout(input: {
+    isWindowPlacement: boolean;
+    placement: IrisChatPlacement;
+    frame: IrisChatFrame;
+}): IrisChatComposerLayout;
+export declare function readIrisChatDisclaimerPaddingClass(input: {
+    isWindowPlacement: boolean;
+}): string;

package/dist/components/flows/iris-chat/iris-chat-window-chrome.js

@@ -0,0 +1,34 @@
+function r(e) {
+  return e.isWindowPlacement ? "px-3" : e.placement === "minimized" || e.placement === "composer" ? "px-4" : "px-12";
+}
+function i(e) {
+  return !(e.isWindowPlacement && e.frame.height < 400);
+}
+function t(e) {
+  return e.compact ? e.isWindowPlacement && e.frame.height < 400 ? 40 : 56 : 84;
+}
+function n(e) {
+  return !!(e.placement === "minimized" || e.placement === "composer" || e.isWindowPlacement);
+}
+function a(e) {
+  if (e.placement === "minimized" || e.placement === "composer")
+    return "inline";
+  if (e.isWindowPlacement) {
+    if (e.frame.width < 560 || e.frame.height < 420)
+      return "inline";
+    if (e.frame.width < 720)
+      return "stackedCompact";
+  }
+  return "stacked";
+}
+function m(e) {
+  return e.isWindowPlacement ? "px-3 py-2" : "px-4 py-3";
+}
+export {
+  a as readIrisChatComposerLayout,
+  m as readIrisChatDisclaimerPaddingClass,
+  n as readIrisChatGreetingCompact,
+  t as readIrisChatGreetingIconSize,
+  i as readIrisChatGreetingShowSubtitle,
+  r as readIrisChatHorizontalPaddingClass
+};

package/dist/components/flows/iris-chat/iris-chat-window-geometry-context.d.ts

@@ -0,0 +1,14 @@
+import { IrisChatResizeEdge } from './iris-chat-frame';
+import * as React from "react";
+export type IrisChatWindowGeometryContextValue = {
+    onHeaderPointerDown: (event: React.PointerEvent<HTMLElement>) => void;
+    onHeaderDoubleClick: (event: React.MouseEvent<HTMLElement>) => void;
+    onResizePointerDown: (edge: IrisChatResizeEdge, event: React.PointerEvent<HTMLButtonElement>) => void;
+    onResizeKeyDown: (edge: IrisChatResizeEdge, event: React.KeyboardEvent<HTMLButtonElement>) => void;
+    isDragging: boolean;
+};
+export declare function IrisChatWindowGeometryProvider(props: {
+    value: IrisChatWindowGeometryContextValue;
+    children: React.ReactNode;
+}): React.ReactElement;
+export declare function useIrisChatWindowGeometryOptional(): IrisChatWindowGeometryContextValue | null;

package/dist/components/flows/iris-chat/iris-chat-window-geometry-context.js

@@ -0,0 +1,15 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as t from "react";
+const r = t.createContext(
+  null
+);
+function i(e) {
+  return /* @__PURE__ */ o(r.Provider, { value: e.value, children: e.children });
+}
+function a() {
+  return t.useContext(r);
+}
+export {
+  i as IrisChatWindowGeometryProvider,
+  a as useIrisChatWindowGeometryOptional
+};

package/dist/components/flows/iris-chat/iris-chat-window-geometry.d.ts

@@ -0,0 +1,12 @@
+import { IrisChatFrame } from './iris-chat-frame';
+import { IrisChatWindowGeometryContextValue } from './iris-chat-window-geometry-context';
+import * as React from "react";
+export declare function useIrisChatWindowGeometry(input: {
+    frame: IrisChatFrame;
+    commitFrame: (frame: IrisChatFrame) => void;
+    resetFrame: () => void;
+}): {
+    panelRef: React.RefCallback<HTMLDivElement>;
+    geometry: IrisChatWindowGeometryContextValue;
+    isDragging: boolean;
+};

package/dist/components/flows/iris-chat/iris-chat-window-geometry.js

@@ -0,0 +1,113 @@
+import * as n from "react";
+import { useComposedRefs as L } from "../../../lib/compose-refs.js";
+import { createDefaultIrisChatFrame as P, resizeIrisChatFrame as Y, readIrisChatFrameStyle as z, clampIrisChatFrame as v, readIrisChatViewport as w, moveIrisChatFrame as A } from "./iris-chat-frame.js";
+function T(o) {
+  const r = o.shiftKey ? 40 : 10;
+  return o.key === "ArrowLeft" ? { deltaX: -r, deltaY: 0 } : o.key === "ArrowRight" ? { deltaX: r, deltaY: 0 } : o.key === "ArrowUp" ? { deltaX: 0, deltaY: -r } : o.key === "ArrowDown" ? { deltaX: 0, deltaY: r } : null;
+}
+function $(o, r) {
+  if (!o)
+    return;
+  const s = z(r);
+  o.style.left = `${s.left}px`, o.style.top = `${s.top}px`, o.style.width = `${s.width}px`, o.style.height = `${s.height}px`;
+}
+function F(o) {
+  const r = o.target;
+  return !(r instanceof Element) || r.closest("button, a, input, textarea, select, [role='button']") ? !1 : !!r.closest("[data-component='iris-chat-header']");
+}
+function K(o) {
+  const { frame: r, commitFrame: s, resetFrame: g } = o, f = n.useRef(null), i = n.useRef(r), d = n.useRef(null), [m, h] = n.useState(!1);
+  n.useEffect(() => {
+    i.current = r;
+  }, [r]);
+  const a = n.useCallback((e) => {
+    $(f.current, e);
+  }, []);
+  n.useEffect(() => {
+    a(r);
+  }, [r, a]), n.useEffect(() => {
+    const e = () => {
+      const t = v(i.current, w());
+      i.current = t, a(t), s(t);
+    };
+    return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+  }, [s, a]);
+  const C = n.useCallback(() => {
+    d.current = null, h(!1);
+    const e = f.current;
+    e && (e.style.willChange = ""), s(i.current);
+  }, [s]);
+  n.useEffect(() => {
+    const e = (u) => {
+      const c = d.current;
+      if (!c)
+        return;
+      const l = u.clientX - c.startX, E = u.clientY - c.startY, R = w(), X = c.kind === "drag" ? A(c.origin, l, E, R) : Y(c.origin, c.edge, l, E, R);
+      i.current = X, a(X);
+    }, t = () => {
+      d.current && C();
+    };
+    return window.addEventListener("pointermove", e), window.addEventListener("pointerup", t), window.addEventListener("pointercancel", t), () => {
+      window.removeEventListener("pointermove", e), window.removeEventListener("pointerup", t), window.removeEventListener("pointercancel", t);
+    };
+  }, [C, a]);
+  const p = n.useCallback((e) => {
+    d.current = e, h(!0);
+    const t = f.current;
+    t && (t.style.willChange = "left, top, width, height");
+  }, []), y = n.useCallback(
+    (e) => {
+      e.button !== 0 || !F(e) || (e.preventDefault(), e.currentTarget.setPointerCapture(e.pointerId), p({
+        kind: "drag",
+        startX: e.clientX,
+        startY: e.clientY,
+        origin: i.current
+      }));
+    },
+    [p]
+  ), k = n.useCallback(
+    (e) => {
+      if (!F(e))
+        return;
+      const t = P();
+      i.current = t, a(t), g();
+    },
+    [g, a]
+  ), b = n.useCallback(
+    (e, t) => {
+      t.button === 0 && (t.preventDefault(), t.currentTarget.setPointerCapture(t.pointerId), p({
+        kind: "resize",
+        edge: e,
+        startX: t.clientX,
+        startY: t.clientY,
+        origin: i.current
+      }));
+    },
+    [p]
+  ), D = n.useCallback(
+    (e, t) => {
+      const u = T(t);
+      if (!u)
+        return;
+      t.preventDefault();
+      const c = w(), l = Y(i.current, e, u.deltaX, u.deltaY, c);
+      i.current = l, a(l), s(l);
+    },
+    [s, a]
+  ), I = L((e) => {
+    f.current = e, e && a(i.current);
+  }), x = n.useMemo(
+    () => ({
+      onHeaderPointerDown: y,
+      onHeaderDoubleClick: k,
+      onResizePointerDown: b,
+      onResizeKeyDown: D,
+      isDragging: m
+    }),
+    [m, k, y, D, b]
+  );
+  return { panelRef: I, geometry: x, isDragging: m };
+}
+export {
+  K as useIrisChatWindowGeometry
+};

package/dist/components/flows/iris-chat/iris-chat-window-handles.d.ts

@@ -0,0 +1,6 @@
+import { IrisChatResizeEdge } from './iris-chat-frame';
+import * as React from "react";
+export declare function IrisChatWindowResizeHandles(props: {
+    onResizePointerDown: (edge: IrisChatResizeEdge, event: React.PointerEvent<HTMLButtonElement>) => void;
+    onResizeKeyDown: (edge: IrisChatResizeEdge, event: React.KeyboardEvent<HTMLButtonElement>) => void;
+}): React.ReactElement;

package/dist/components/flows/iris-chat/iris-chat-window-handles.js

@@ -0,0 +1,50 @@
+import { jsx as o, Fragment as a } from "react/jsx-runtime";
+import "react";
+import { useImpactNovaI18n as n } from "../../../i18n/use-impact-nova-i18n.js";
+import { cn as i } from "../../../lib/utils.js";
+const h = [
+  "north",
+  "south",
+  "east",
+  "west",
+  "north-east",
+  "north-west",
+  "south-east",
+  "south-west"
+], u = {
+  north: "top-0 left-3 right-3 h-2 cursor-n-resize",
+  south: "bottom-0 left-3 right-3 h-2 cursor-s-resize",
+  east: "right-0 top-3 bottom-3 w-2 cursor-e-resize",
+  west: "left-0 top-3 bottom-3 w-2 cursor-w-resize",
+  "north-east": "right-0 top-0 h-4 w-4 cursor-ne-resize",
+  "north-west": "left-0 top-0 h-4 w-4 cursor-nw-resize",
+  "south-east": "right-0 bottom-0 h-8 w-8 cursor-se-resize",
+  "south-west": "left-0 bottom-0 h-4 w-4 cursor-sw-resize"
+};
+function c(e) {
+  return e.replaceAll("-", " ");
+}
+function f(e) {
+  const { t: s } = n();
+  return /* @__PURE__ */ o(a, { children: h.map((t) => /* @__PURE__ */ o(
+    "button",
+    {
+      type: "button",
+      tabIndex: 0,
+      "data-component": "iris-chat-resize-handle",
+      "data-edge": t,
+      "aria-label": `${s("irisChat.resize")} ${c(t)}`,
+      className: i(
+        "absolute z-10 border-0 bg-transparent p-0 motion-reduce:transition-none",
+        u[t],
+        t === "south-east" ? "after:absolute after:bottom-1 after:right-1 after:h-3 after:w-3 after:rounded-sm after:border after:border-stroke-subtle after:bg-canvas-elevated" : void 0
+      ),
+      onPointerDown: (r) => e.onResizePointerDown(t, r),
+      onKeyDown: (r) => e.onResizeKeyDown(t, r)
+    },
+    t
+  )) });
+}
+export {
+  f as IrisChatWindowResizeHandles
+};

package/dist/components/flows/iris-chat/iris-chat-window-shell.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export declare function IrisChatWindowShell(props: {
+    panelRef: React.Ref<HTMLDivElement>;
+    isClosing?: boolean;
+    isOpening?: boolean;
+    className?: string;
+    children: React.ReactNode;
+}): React.ReactElement;

package/dist/components/flows/iris-chat/iris-chat-window-shell.js

@@ -0,0 +1,37 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import "react";
+import { cn as t } from "../../../lib/utils.js";
+import { IrisChatWindowResizeHandles as r } from "./iris-chat-window-handles.js";
+import { useIrisChatWindowGeometryOptional as a } from "./iris-chat-window-geometry-context.js";
+function g(e) {
+  const n = a();
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: e.panelRef,
+      "data-component": "iris-chat-panel",
+      "data-window": "true",
+      "data-closing": e.isClosing ? "" : void 0,
+      "data-opening": e.isOpening ? "" : void 0,
+      className: t(
+        "pointer-events-auto fixed z-[1] flex min-h-0 min-w-0 flex-col overflow-hidden rounded-3xl border border-stroke-subtle bg-canvas-elevated shadow-elevation-card motion-reduce:transition-none",
+        n?.isDragging ? "cursor-grabbing" : void 0,
+        e.isClosing || e.isOpening ? "motion-reduce:transition-none" : void 0,
+        e.className
+      ),
+      children: [
+        n ? /* @__PURE__ */ o(
+          r,
+          {
+            onResizePointerDown: n.onResizePointerDown,
+            onResizeKeyDown: n.onResizeKeyDown
+          }
+        ) : null,
+        e.children
+      ]
+    }
+  );
+}
+export {
+  g as IrisChatWindowShell
+};

package/dist/components/flows/iris-chat/iris-chat.d.ts

@@ -1,43 +1,7 @@
-import { IrisChatBodyProps, IrisChatFooterProps, IrisChatHeaderProps, IrisChatIconButtonProps, IrisChatPanelProps, IrisChatProps } from './iris-chat.types';
-import * as React from "react";
+import { IrisChatBody, IrisChatDisclaimer, IrisChatFooter, IrisChatHeader, IrisChatHeaderBackButton, IrisChatHeaderCloseButton, IrisChatHeaderLeading, IrisChatHeaderMenuButton, IrisChatHeaderMinimizeButton, IrisChatHeaderNewChatButton, IrisChatHeaderTitle, IrisChatHeaderTrailing, IrisChatIconButton, IrisChatPanel, IrisChatTrigger } from './iris-chat-chrome';
+import { IrisChatProps } from './iris-chat.types';
 declare const IrisChat: {
-    ({ open, defaultOpen, onOpenChange, placement, defaultPlacement, onPlacementChange, className, children, }: IrisChatProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, children, ...props }: IrisChatProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-declare const IrisChatPanel: React.ForwardRefExoticComponent<IrisChatPanelProps & React.RefAttributes<HTMLDivElement>>;
-declare const IrisChatHeader: React.ForwardRefExoticComponent<IrisChatHeaderProps & React.RefAttributes<HTMLElement>>;
-declare const IrisChatHeaderLeading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const IrisChatHeaderTrailing: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-declare const IrisChatHeaderTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & {
-    showBrand?: boolean;
-} & React.RefAttributes<HTMLHeadingElement>>;
-declare const IrisChatIconButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    label: string;
-    variant?: "secondary" | "ghost";
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const IrisChatHeaderMenuButton: React.ForwardRefExoticComponent<Omit<IrisChatIconButtonProps, "label"> & {
-    label?: string;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const IrisChatHeaderBackButton: React.ForwardRefExoticComponent<Omit<IrisChatIconButtonProps, "label"> & {
-    label?: string;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const IrisChatHeaderNewChatButton: React.ForwardRefExoticComponent<Omit<IrisChatIconButtonProps, "label"> & {
-    label?: string;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const IrisChatHeaderMinimizeButton: React.ForwardRefExoticComponent<Omit<IrisChatIconButtonProps, "label"> & {
-    label?: string;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const IrisChatHeaderCloseButton: React.ForwardRefExoticComponent<Omit<IrisChatIconButtonProps, "label"> & {
-    label?: string;
-} & React.RefAttributes<HTMLButtonElement>>;
-declare const IrisChatBody: React.ForwardRefExoticComponent<IrisChatBodyProps & React.RefAttributes<HTMLDivElement>>;
-declare const IrisChatFooter: React.ForwardRefExoticComponent<IrisChatFooterProps & React.RefAttributes<HTMLDivElement>>;
-declare const IrisChatDisclaimer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
-    href?: string;
-} & React.RefAttributes<HTMLParagraphElement>>;
-declare const IrisChatTrigger: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    asChild?: boolean;
-    size?: "sm" | "md" | "lg";
-    shape?: "default" | "pill";
-} & React.RefAttributes<HTMLButtonElement>>;
 export { IrisChat, IrisChatBody, IrisChatDisclaimer, IrisChatFooter, IrisChatHeader, IrisChatHeaderBackButton, IrisChatHeaderCloseButton, IrisChatHeaderLeading, IrisChatHeaderMenuButton, IrisChatHeaderMinimizeButton, IrisChatHeaderNewChatButton, IrisChatHeaderTitle, IrisChatHeaderTrailing, IrisChatIconButton, IrisChatPanel, IrisChatTrigger, };