impact-nova 2.5.6 → 2.5.7

package/dist/components/flows/guidance/help-center/help-center.js

@@ -1,95 +1,118 @@
-import { jsx as n, jsxs as s } from "react/jsx-runtime";
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import "react";
-import { Sheet as m, SheetContent as d, SheetDescription as h, SheetBody as f, SheetFooter as u } from "../../../feedback/sheet/sheet.js";
-import { TabsList as x, TabsTrigger as c } from "../../../primitives/tabs/tabs.js";
-import { useImpactNovaI18n as p } from "../../../../i18n/use-impact-nova-i18n.js";
-import { cn as r } from "../../../../lib/utils.js";
-import { HELP_CENTER_ALL_CATEGORY_VALUE as v } from "./help-center.constants.js";
-function L({
-  open: e,
-  onOpenChange: t,
-  children: l,
-  className: o
+import { Sheet as m, SheetContent as d, SheetDescription as u, SheetBody as h, SheetFooter as f } from "../../../feedback/sheet/sheet.js";
+import { Button as x } from "../../../primitives/button/button.js";
+import { TabsList as v, TabsTrigger as p } from "../../../primitives/tabs/tabs.js";
+import { useImpactNovaI18n as c } from "../../../../i18n/use-impact-nova-i18n.js";
+import { cn as s } from "../../../../lib/utils.js";
+import { HELP_CENTER_ALL_CATEGORY_VALUE as g } from "./help-center.constants.js";
+function S({
+  open: t,
+  onOpenChange: r,
+  children: o,
+  className: n
 }) {
-  const { t: a } = p();
-  return /* @__PURE__ */ n(m, { open: e, onOpenChange: t, children: /* @__PURE__ */ s(
+  const { t: l } = c();
+  return /* @__PURE__ */ e(m, { open: t, onOpenChange: r, children: /* @__PURE__ */ i(
     d,
     {
       "data-component": "guidance-help-center",
       side: "right",
-      className: r(
+      className: s(
         "w-full max-w-xl overflow-hidden sm:max-w-2xl",
-        o
+        n
       ),
       children: [
-        /* @__PURE__ */ n(h, { className: "sr-only", children: a("helpCenter.description") }),
-        l
+        /* @__PURE__ */ e(u, { className: "sr-only", children: l("helpCenter.description") }),
+        o
       ]
     }
   ) });
 }
-function T({
-  children: e,
-  className: t
+function j({
+  children: t,
+  className: r
 }) {
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-component": "guidance-help-center-content",
-      className: r("flex h-full min-h-0 flex-col bg-canvas-elevated", t),
-      children: e
+      className: s("flex h-full min-h-0 flex-col bg-canvas-elevated", r),
+      children: t
     }
   );
 }
 function E({
-  categories: e,
-  allCategoryLabel: t,
-  className: l
+  categories: t,
+  allCategoryLabel: r,
+  className: o
 }) {
-  const { t: o } = p(), a = t ?? o("helpCenter.allCategory");
-  return /* @__PURE__ */ n(
+  const { t: n } = c(), l = r ?? n("helpCenter.allCategory");
+  return /* @__PURE__ */ e(
     "div",
     {
       "data-component": "guidance-help-center-toolbar",
-      className: r(
+      className: s(
         "guidance-help-center-toolbar relative z-10 shrink-0 bg-canvas-elevated px-4 pb-3 pt-3",
-        l
+        o
       ),
-      children: /* @__PURE__ */ s(x, { className: "h-auto w-full max-w-full flex-nowrap justify-start gap-1 overflow-x-auto p-1", children: [
-        /* @__PURE__ */ n(c, { value: v, children: a }),
-        e.map((i) => /* @__PURE__ */ n(c, { value: i.id, children: i.label }, i.id))
+      children: /* @__PURE__ */ i(v, { className: "h-auto w-full max-w-full flex-nowrap justify-start gap-1 overflow-x-auto p-1", children: [
+        /* @__PURE__ */ e(p, { value: g, children: l }),
+        t.map((a) => /* @__PURE__ */ e(p, { value: a.id, children: a.label }, a.id))
       ] })
     }
   );
 }
-function S({
-  children: e,
-  className: t
+function _({
+  children: t,
+  className: r
 }) {
-  return /* @__PURE__ */ n(
-    f,
+  return /* @__PURE__ */ e(
+    h,
     {
-      className: r("flex min-h-0 flex-1 flex-col overflow-hidden p-0", t),
-      children: e
+      className: s("flex min-h-0 flex-1 flex-col overflow-hidden p-0", r),
+      children: t
     }
   );
 }
-function j({
-  children: e,
-  className: t
+function b({
+  children: t,
+  className: r
 }) {
-  return /* @__PURE__ */ n(
-    u,
+  return /* @__PURE__ */ e(
+    f,
     {
-      className: r("shrink-0 justify-start border-t px-4 py-2.5", t),
-      children: e
+      className: s(
+        "mt-auto shrink-0 justify-start border-t border-stroke-hairline bg-canvas-elevated px-4 py-3",
+        r
+      ),
+      children: t
     }
   );
 }
+function A({
+  ticketUrl: t,
+  ticketLabel: r,
+  message: o
+}) {
+  const { t: n } = c(), l = o ?? n("helpCenter.supportFooterMessage"), a = r ?? n("helpCenter.supportTicketLabel");
+  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ i(
+    "div",
+    {
+      "data-component": "guidance-help-center-support-footer",
+      className: "flex w-full flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",
+      children: [
+        /* @__PURE__ */ e("p", { className: "text-sm font-semibold leading-snug text-content", children: l }),
+        /* @__PURE__ */ e(x, { variant: "outline", size: "sm", className: "shrink-0 sm:ms-auto", asChild: !0, children: /* @__PURE__ */ e("a", { href: t, target: "_blank", rel: "noopener noreferrer", children: a }) })
+      ]
+    }
+  ) });
+}
 export {
-  L as HelpCenter,
-  S as HelpCenterBody,
+  S as HelpCenter,
+  _ as HelpCenterBody,
   E as HelpCenterCategoryTabs,
-  T as HelpCenterContent,
-  j as HelpCenterFooter
+  j as HelpCenterContent,
+  b as HelpCenterFooter,
+  A as HelpCenterSupportFooter
 };

package/dist/components/flows/guidance/help-center/help-center.types.d.ts

@@ -13,6 +13,7 @@ export interface HelpCenterContentProps {
 }
 export interface HelpCenterHeaderProps {
     title?: React.ReactNode;
+    subtitle?: React.ReactNode;
     children?: React.ReactNode;
     className?: string;
 }
@@ -29,11 +30,18 @@ export interface HelpCenterFooterProps {
     children?: React.ReactNode;
     className?: string;
 }
+export interface HelpCenterSupportFooterProps {
+    ticketUrl: string;
+    ticketLabel?: string;
+    message?: string;
+}
 export interface GuideCatalogProps {
     guides: GuideManifest[];
     onLaunchGuide: (guideId: string) => void;
     replayLabel?: string;
+    getLaunchLabel?: (guide: GuideManifest) => string;
+    getGuideTypeLabel?: (guide: GuideManifest) => string;
     emptyStateMessage?: string;
-    getStepCountLabel?: (stepCount: number) => string;
+    scrollable?: boolean;
     className?: string;
 }

package/dist/components/flows/guidance/help-center/renderHelpCenterGuideTypeIcon.d.ts

@@ -0,0 +1,4 @@
+import { GuideType } from '../../../../lib/guidance';
+import { HelpCenterGuideTypeIconProps } from './help-center-guide-type-icons';
+import * as React from 'react';
+export declare function renderHelpCenterGuideTypeIcon(guideType: GuideType, iconProps?: HelpCenterGuideTypeIconProps): React.ReactElement;

package/dist/components/flows/guidance/help-center/renderHelpCenterGuideTypeIcon.js

@@ -0,0 +1,18 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { GuidedTourGuideIcon as u, TipGuideIcon as o, HowToGuideIcon as n, WhatsNewGuideIcon as i } from "./help-center-guide-type-icons.js";
+function w(r, e) {
+  switch (r) {
+    case "whats-new":
+      return /* @__PURE__ */ t(i, { ...e });
+    case "how-to":
+      return /* @__PURE__ */ t(n, { ...e });
+    case "tip":
+      return /* @__PURE__ */ t(o, { ...e });
+    default:
+      return /* @__PURE__ */ t(u, { ...e });
+  }
+}
+export {
+  w as renderHelpCenterGuideTypeIcon
+};

package/dist/components/flows/guidance/help-center.d.ts

@@ -1,6 +1,8 @@
-export { HelpCenter, HelpCenterContent, HelpCenterHeader, HelpCenterCategoryTabs, HelpCenterBody, HelpCenterFooter, GuideCatalog, } from './help-center/help-center';
+export { HelpCenter, HelpCenterContent, HelpCenterHeader, HelpCenterCategoryTabs, HelpCenterBody, HelpCenterFooter, HelpCenterSupportFooter, GuideCatalog, GuideCatalogSection, } from './help-center/help-center';
 export { filterHelpCenterGuides } from './help-center/filter-help-center-guides';
 export { HELP_CENTER_ALL_CATEGORY_VALUE } from './help-center/help-center.constants';
+export { getHelpCenterGuideLaunchLabel, getHelpCenterGuideStepCountLabel, getHelpCenterGuideTypeLabel, } from './help-center/help-center-guide-labels';
+export { resolveGuideType } from './help-center/guide-catalog-utils';
 export { useHelpCenter, formatHelpCenterCategoryLabel } from './hooks/use-help-center';
-export type { HelpCenterProps, HelpCenterContentProps, HelpCenterHeaderProps, HelpCenterCategoryTabsProps, HelpCenterBodyProps, HelpCenterFooterProps, GuideCatalogProps, } from './help-center/help-center.types';
+export type { HelpCenterProps, HelpCenterContentProps, HelpCenterHeaderProps, HelpCenterCategoryTabsProps, HelpCenterBodyProps, HelpCenterFooterProps, HelpCenterSupportFooterProps, GuideCatalogProps, } from './help-center/help-center.types';
 export type { HelpCenterCategory } from './hooks/use-help-center';

package/dist/components/flows/guidance/help-center.js

@@ -1,19 +1,28 @@
-import { HelpCenter as t, HelpCenterBody as o, HelpCenterCategoryTabs as p, HelpCenterContent as C, HelpCenterFooter as l } from "./help-center/help-center.js";
-import { filterHelpCenterGuides as H } from "./help-center/filter-help-center-guides.js";
-import { HELP_CENTER_ALL_CATEGORY_VALUE as f } from "./help-center/help-center.constants.js";
-import { formatHelpCenterCategoryLabel as x, useHelpCenter as E } from "./hooks/use-help-center.js";
-import { GuideCatalog as d } from "./help-center/guide-catalog.js";
-import { HelpCenterHeader as g } from "./help-center/help-center-header.js";
+import { HelpCenter as t, HelpCenterBody as o, HelpCenterCategoryTabs as p, HelpCenterContent as l, HelpCenterFooter as C, HelpCenterSupportFooter as n } from "./help-center/help-center.js";
+import { filterHelpCenterGuides as a } from "./help-center/filter-help-center-guides.js";
+import { HELP_CENTER_ALL_CATEGORY_VALUE as u } from "./help-center/help-center.constants.js";
+import { getHelpCenterGuideLaunchLabel as d, getHelpCenterGuideStepCountLabel as i, getHelpCenterGuideTypeLabel as x } from "./help-center/help-center-guide-labels.js";
+import { resolveGuideType as G } from "./help-center/guide-catalog-utils.js";
+import { formatHelpCenterCategoryLabel as b, useHelpCenter as y } from "./hooks/use-help-center.js";
+import { GuideCatalog as T } from "./help-center/guide-catalog.js";
+import { GuideCatalogSection as _ } from "./help-center/guide-catalog-section.js";
+import { HelpCenterHeader as S } from "./help-center/help-center-header.js";
 export {
-  d as GuideCatalog,
-  f as HELP_CENTER_ALL_CATEGORY_VALUE,
+  T as GuideCatalog,
+  _ as GuideCatalogSection,
+  u as HELP_CENTER_ALL_CATEGORY_VALUE,
   t as HelpCenter,
   o as HelpCenterBody,
   p as HelpCenterCategoryTabs,
-  C as HelpCenterContent,
-  l as HelpCenterFooter,
-  g as HelpCenterHeader,
-  H as filterHelpCenterGuides,
-  x as formatHelpCenterCategoryLabel,
-  E as useHelpCenter
+  l as HelpCenterContent,
+  C as HelpCenterFooter,
+  S as HelpCenterHeader,
+  n as HelpCenterSupportFooter,
+  a as filterHelpCenterGuides,
+  b as formatHelpCenterCategoryLabel,
+  d as getHelpCenterGuideLaunchLabel,
+  i as getHelpCenterGuideStepCountLabel,
+  x as getHelpCenterGuideTypeLabel,
+  G as resolveGuideType,
+  y as useHelpCenter
 };

package/dist/components/flows/guidance/hooks/useGuidanceOverlayGeometry.js

@@ -1,29 +1,31 @@
-import * as c from "react";
-import { beginTourScrollSnapshot as m, needsGuidanceTargetScroll as l, scrollGuidanceTargetIntoView as f, getVisibleTargetRect as v } from "../renderers/guidance-renderer-shared.js";
+import * as u from "react";
+import { beginTourScrollSnapshot as l, needsGuidanceTargetScroll as f, scrollGuidanceTargetIntoView as s, getVisibleTargetRect as v } from "../renderers/guidance-renderer-shared.js";
 import { hasRunningAnimations as p } from "../utils/motion-settle.js";
-function T(e, u) {
-  const [d, s] = c.useState(null);
-  return c.useEffect(() => {
+function T(e, d) {
+  const [m, t] = u.useState(null);
+  return u.useEffect(() => {
     if (!e) {
-      s(null);
+      t(null);
       return;
     }
-    let i = !1, o = 0;
+    let n = !1, o = 0;
     const r = () => {
-      i || s(v(e));
-    }, t = () => {
-      r(), !i && p(e) && (o = requestAnimationFrame(t));
+      n || t(v(e));
+    }, c = () => {
+      r(), !n && p(e) && (o = requestAnimationFrame(c));
     };
-    m(e), l(e) && f(e), r(), o = requestAnimationFrame(t);
-    const a = new ResizeObserver(r);
+    l(e), f(e) && s(e), r(), o = requestAnimationFrame(c);
+    const a = new ResizeObserver(() => {
+      s(e), r();
+    });
     a.observe(e);
-    const n = () => {
-      r();
+    const i = () => {
+      s(e), r();
     };
-    return window.addEventListener("resize", n), document.addEventListener("scroll", n, !0), () => {
-      i = !0, cancelAnimationFrame(o), a.disconnect(), window.removeEventListener("resize", n), document.removeEventListener("scroll", n, !0);
+    return window.addEventListener("resize", i), document.addEventListener("scroll", i, !0), () => {
+      n = !0, cancelAnimationFrame(o), a.disconnect(), window.removeEventListener("resize", i), document.removeEventListener("scroll", i, !0);
     };
-  }, [u, e]), d;
+  }, [d, e]), m;
 }
 export {
   T as useGuidanceOverlayGeometry

package/dist/components/flows/guidance/index.d.ts

@@ -15,4 +15,4 @@ export { createAgGridTargetAdapter, createAgGridReadyTriggerPlugin, emitAgGridRe
 export type { AgGridTargetConfig } from './adapters/ag-grid-adapter';
 export { createDialogOpenedTriggerPlugin, getOverlayScopeRoot, } from './adapters/overlay-adapter';
 export { registerRenderer, getRenderer } from './renderers/renderer-registry';
-export type { GuideManifest, Step, StepContent, TriggerExpression, GuidanceSessionState, GuidancePlugin, GuidanceStorageAdapter, GuidanceAnalyticsAdapter, RendererProps, RenderInstruction, } from '../../../lib/guidance';
+export type { GuideManifest, Step, StepContent, StepTransition, TriggerExpression, GuidanceSessionState, GuidancePlugin, GuidanceStorageAdapter, GuidanceAnalyticsAdapter, RendererProps, RenderInstruction, } from '../../../lib/guidance';

package/dist/components/flows/guidance/renderers/announcement-renderer.d.ts

@@ -1,3 +1,3 @@
 import { RendererProps } from '../../../../lib/guidance';
 import * as React from 'react';
-export declare function AnnouncementRenderer({ instruction, onNext, onSkip, onDismiss, }: RendererProps): React.ReactElement;
+export declare function AnnouncementRenderer({ instruction, onNext, onSkip, }: RendererProps): React.ReactElement;

package/dist/components/flows/guidance/renderers/announcement-renderer.js

@@ -1,23 +1,31 @@
 import { jsx as o } from "react/jsx-runtime";
 import "react";
-import { Dialog as d, DialogContent as l } from "../../../feedback/dialog/dialog.js";
-import { GuidanceStepPanel as m } from "./guidance-card-shared.js";
-function b({
+import { Dialog as r, DialogContent as l } from "../../../feedback/dialog/dialog.js";
+import { GuidanceStepPanel as d } from "./guidance-card-shared.js";
+function f({
   instruction: e,
-  onNext: n,
-  onSkip: a,
-  onDismiss: t
+  onNext: a,
+  onSkip: n
 }) {
   const p = e.stepIndex + 1 >= e.totalSteps;
-  return /* @__PURE__ */ o(d, { open: !0, onOpenChange: (r) => !r && t(), children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(r, { open: !0, children: /* @__PURE__ */ o(
     l,
     {
       "data-component": "guidance-announcement",
       hideClose: !0,
       className: "max-w-[400px] gap-0 overflow-hidden p-0 sm:rounded-2xl sm:shadow-elevation-floating",
       "aria-describedby": void 0,
+      onPointerDownOutside: (t) => {
+        t.preventDefault();
+      },
+      onInteractOutside: (t) => {
+        t.preventDefault();
+      },
+      onEscapeKeyDown: (t) => {
+        t.preventDefault();
+      },
       children: /* @__PURE__ */ o(
-        m,
+        d,
         {
           title: e.content.title,
           body: e.content.body,
@@ -26,9 +34,9 @@ function b({
           totalSteps: e.totalSteps,
           skippable: e.skippable,
           primaryActionLabel: p ? "Done" : "Next",
-          onSkip: a,
-          onDismiss: t,
-          onPrimaryAction: n,
+          onSkip: n,
+          onDismiss: n,
+          onPrimaryAction: a,
           showPrimaryAction: !0
         }
       )
@@ -36,5 +44,5 @@ function b({
   ) });
 }
 export {
-  b as AnnouncementRenderer
+  f as AnnouncementRenderer
 };

package/dist/components/flows/guidance/renderers/guidance-card-shared.d.ts

@@ -1,14 +1,13 @@
 import * as React from 'react';
-export declare function GuidanceCardCloseButton({ onClose, closeAriaLabel, className, }: {
-    onClose: () => void;
-    closeAriaLabel: string;
-    className?: string;
-}): React.ReactElement;
-export declare function GuidanceStepProgress({ activeStepIndex, totalSteps, }: {
+export declare function GuidanceStepProgressBar({ activeStepIndex, totalSteps, className, }: {
     activeStepIndex: number;
     totalSteps: number;
+    className?: string;
 }): React.ReactElement | null;
-export declare function GuidanceStepProgressDots({ activeStepIndex, totalSteps, }: {
+export declare function GuidanceTourInteractionFooter({ hint, }: {
+    hint: string;
+}): React.ReactElement;
+export declare function GuidanceStepCounter({ activeStepIndex, totalSteps, }: {
     activeStepIndex: number;
     totalSteps: number;
 }): React.ReactElement;
@@ -19,10 +18,9 @@ export interface GuidanceTourNavFooterProps {
     primaryActionLabel: string;
     onSkip: () => void;
     onPrimaryAction: () => void;
-    showPrimaryAction: boolean;
-    footerHint?: string | null;
+    showPrimaryAction?: boolean;
 }
-export declare function GuidanceTourNavFooter({ activeStepIndex, totalSteps, skippable, primaryActionLabel, onSkip, onPrimaryAction, showPrimaryAction, footerHint, }: GuidanceTourNavFooterProps): React.ReactElement;
+export declare function GuidanceTourNavFooter({ activeStepIndex, totalSteps, skippable, primaryActionLabel, onSkip, onPrimaryAction, showPrimaryAction, }: GuidanceTourNavFooterProps): React.ReactElement;
 export interface GuidanceStepPanelProps {
     title: string;
     body: string;
@@ -39,4 +37,4 @@ export interface GuidanceStepPanelProps {
     titleId?: string;
     bodyId?: string;
 }
-export declare function GuidanceStepPanel({ title, body, optionalFooter, stepIndex, totalSteps, skippable, primaryActionLabel, onSkip, onDismiss, onPrimaryAction, showPrimaryAction, footerHint, titleId, bodyId, }: GuidanceStepPanelProps): React.ReactElement;
+export declare function GuidanceStepPanel({ title, body, optionalFooter, stepIndex, totalSteps, skippable, primaryActionLabel, onSkip, onPrimaryAction, showPrimaryAction, footerHint, titleId, bodyId, }: GuidanceStepPanelProps): React.ReactElement;