@tesouro/embedded-components-react 0.2.176 → 0.2.177

package/dist/libs/tesouro-embedded-components-react/gl-code-table-widget/ui/dist/index2.js

@@ -1,12 +1,12 @@
 import { jsxs as n, Fragment as h, jsx as t } from "react/jsx-runtime";
-import { ArrowUpIcon as M, ArrowDownIcon as j, ArrowUpDownIcon as _, MoreVerticalIcon as H, PencilIcon as B, Trash2Icon as F, AlertCircleIcon as K, FileTextIcon as O, PlusIcon as V, ExternalLinkIcon as U } from "lucide-react";
-import { TableRow as u, TableCell as s, Skeleton as f, Button as d, DropdownMenu as R, DropdownMenuTrigger as $, DropdownMenuContent as q, DropdownMenuItem as C, DataTable as J, Table as Q, TableHeader as W, TableHead as g, TableBody as X } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ArrowUpIcon as j, ArrowDownIcon as B, ArrowUpDownIcon as H, MoreVerticalIcon as _, PencilIcon as F, Trash2Icon as K, AlertCircleIcon as O, FileTextIcon as V, PlusIcon as U, ExternalLinkIcon as R } from "lucide-react";
+import { TableRow as p, TableCell as s, Skeleton as N, Button as d, DropdownMenu as q, DropdownMenuTrigger as J, DropdownMenuContent as Q, DropdownMenuItem as C, DataTable as W, Table as X, TableHeader as Y, TableHead as g, TableBody as Z } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "@radix-ui/react-use-controllable-state";
 import "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { SectionHeading as Y } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
-const Z = {
+import { SectionHeading as $ } from "../../../shared/ui/dist/lib/SectionHeading/SectionHeading.js";
+const tt = {
   columnName: "Name",
   columnGlCode: "GL Code",
   columnDescription: "Description",
@@ -23,67 +23,75 @@ const Z = {
   paginationPrev: "Previous",
   paginationNext: "Next"
 };
-function tt({ labels: e }) {
+function et({ labels: e }) {
   return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center", children: [
-    /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:h-14 ttw:w-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-destructive/10", children: /* @__PURE__ */ t(K, { className: "ttw:h-6 ttw:w-6 ttw:text-destructive" }) }),
+    /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:h-14 ttw:w-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-destructive/10", children: /* @__PURE__ */ t(O, { className: "ttw:h-6 ttw:w-6 ttw:text-destructive" }) }),
     /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: e.errorTitle }),
     /* @__PURE__ */ t("p", { className: "ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: e.errorDescription })
   ] });
 }
-function et({
+function nt({
   labels: e,
   onAddIntegration: o,
   onImportCsv: a,
-  learnMoreHref: w
+  learnMoreHref: w,
+  testId: u
 }) {
-  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center", children: [
-    /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:h-14 ttw:w-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-muted", children: /* @__PURE__ */ t(O, { className: "ttw:h-6 ttw:w-6 ttw:text-muted-foreground" }) }),
-    /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: e.emptyTitle }),
-    /* @__PURE__ */ t("p", { className: "ttw:mb-6 ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: e.emptyDescription }),
-    (o ?? a) && /* @__PURE__ */ n("div", { className: "ttw:mb-4 ttw:flex ttw:gap-2", children: [
-      o && /* @__PURE__ */ n(d, { onClick: o, children: [
-        /* @__PURE__ */ t(V, { className: "ttw:mr-1 ttw:h-4 ttw:w-4" }),
-        e.emptyAddIntegration
-      ] }),
-      a && /* @__PURE__ */ t(d, { variant: "outline", onClick: a, children: e.emptyImportCsv })
-    ] }),
-    w && /* @__PURE__ */ n(
-      "a",
-      {
-        href: w,
-        target: "_blank",
-        rel: "noopener noreferrer",
-        className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-foreground ttw:underline-offset-4 hover:ttw:underline",
-        children: [
-          e.emptyLearnMore,
-          /* @__PURE__ */ t(U, { className: "ttw:h-3.5 ttw:w-3.5" })
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      "data-testid": u,
+      className: "ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:px-4 ttw:py-14 ttw:text-center",
+      children: [
+        /* @__PURE__ */ t("div", { className: "ttw:mb-4 ttw:flex ttw:h-14 ttw:w-14 ttw:items-center ttw:justify-center ttw:rounded-2xl ttw:bg-muted", children: /* @__PURE__ */ t(V, { className: "ttw:h-6 ttw:w-6 ttw:text-muted-foreground" }) }),
+        /* @__PURE__ */ t("h3", { className: "ttw:mb-2 ttw:text-lg ttw:font-bold ttw:tracking-tight ttw:text-foreground", children: e.emptyTitle }),
+        /* @__PURE__ */ t("p", { className: "ttw:mb-6 ttw:max-w-sm ttw:text-sm ttw:text-muted-foreground", children: e.emptyDescription }),
+        (o ?? a) && /* @__PURE__ */ n("div", { className: "ttw:mb-4 ttw:flex ttw:gap-2", children: [
+          o && /* @__PURE__ */ n(d, { onClick: o, children: [
+            /* @__PURE__ */ t(U, { className: "ttw:mr-1 ttw:h-4 ttw:w-4" }),
+            e.emptyAddIntegration
+          ] }),
+          a && /* @__PURE__ */ t(d, { variant: "outline", onClick: a, children: e.emptyImportCsv })
+        ] }),
+        w && /* @__PURE__ */ n(
+          "a",
+          {
+            href: w,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "ttw:inline-flex ttw:items-center ttw:gap-1 ttw:text-sm ttw:text-foreground ttw:underline-offset-4 hover:ttw:underline",
+            children: [
+              e.emptyLearnMore,
+              /* @__PURE__ */ t(R, { className: "ttw:h-3.5 ttw:w-3.5" })
+            ]
+          }
+        )
+      ]
+    }
+  );
 }
-function N({
+function b({
   labels: e,
   hasActions: o,
   children: a
 }) {
-  return /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card", children: /* @__PURE__ */ n(Q, { children: [
-    /* @__PURE__ */ t(W, { children: /* @__PURE__ */ n(u, { children: [
+  return /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card", children: /* @__PURE__ */ n(X, { children: [
+    /* @__PURE__ */ t(Y, { children: /* @__PURE__ */ n(p, { children: [
       /* @__PURE__ */ t(g, { children: /* @__PURE__ */ t(d, { variant: "ghost", disabled: !0, className: "ttw:-ml-3", children: e.columnName }) }),
       /* @__PURE__ */ t(g, { children: e.columnGlCode }),
       /* @__PURE__ */ t(g, { children: e.columnDescription }),
       o && /* @__PURE__ */ t(g, { className: "ttw:w-16 ttw:text-right", children: e.columnActions })
     ] }) }),
-    /* @__PURE__ */ t(X, { children: a })
+    /* @__PURE__ */ t(Z, { children: a })
   ] }) });
 }
-function dt({
+function wt({
   data: e,
   isLoading: o,
   isError: a,
   sorting: w,
-  onSortingChange: v,
-  pageSize: y,
+  onSortingChange: u,
+  pageSize: v,
   onPageSizeChange: I,
   pageSizeOptions: S,
   hasNextPage: A,
@@ -91,43 +99,45 @@ function dt({
   onNextPage: P,
   onPrevPage: T,
   labels: L,
-  title: b,
-  onEdit: p,
+  title: y,
+  onEdit: f,
   onDelete: x,
   onAddIntegration: k,
   onImportCsv: G,
-  learnMoreHref: z
+  learnMoreHref: z,
+  emptyStateTestId: E
 }) {
-  const r = { ...Z, ...L }, i = !!(p ?? x), m = b ? /* @__PURE__ */ t(Y, { children: b }) : null;
+  const r = { ...tt, ...L }, i = !!(f ?? x), m = y ? /* @__PURE__ */ t($, { children: y }) : null;
   if (a)
     return /* @__PURE__ */ n(h, { children: [
       m,
-      /* @__PURE__ */ t(N, { labels: r, hasActions: i, children: /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(s, { colSpan: i ? 4 : 3, className: "ttw:p-0", children: /* @__PURE__ */ t(tt, { labels: r }) }) }) })
+      /* @__PURE__ */ t(b, { labels: r, hasActions: i, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(s, { colSpan: i ? 4 : 3, className: "ttw:p-0", children: /* @__PURE__ */ t(et, { labels: r }) }) }) })
     ] });
   if (o && e.length === 0)
     return /* @__PURE__ */ n(h, { children: [
       m,
-      /* @__PURE__ */ t(N, { labels: r, hasActions: i, children: Array.from({ length: 5 }).map((l, c) => /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(f, { className: "ttw:h-4 ttw:w-36" }) }),
-        /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(f, { className: "ttw:h-4 ttw:w-14" }) }),
-        /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(f, { className: "ttw:h-4 ttw:w-56" }) }),
+      /* @__PURE__ */ t(b, { labels: r, hasActions: i, children: Array.from({ length: 5 }).map((l, c) => /* @__PURE__ */ n(p, { children: [
+        /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(N, { className: "ttw:h-4 ttw:w-36" }) }),
+        /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(N, { className: "ttw:h-4 ttw:w-14" }) }),
+        /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(N, { className: "ttw:h-4 ttw:w-56" }) }),
         i && /* @__PURE__ */ t(s, {})
       ] }, c)) })
     ] });
   if (e.length === 0)
     return /* @__PURE__ */ n(h, { children: [
       m,
-      /* @__PURE__ */ t(N, { labels: r, hasActions: i, children: /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(s, { colSpan: i ? 4 : 3, className: "ttw:p-0", children: /* @__PURE__ */ t(
-        et,
+      /* @__PURE__ */ t(b, { labels: r, hasActions: i, children: /* @__PURE__ */ t(p, { children: /* @__PURE__ */ t(s, { colSpan: i ? 4 : 3, className: "ttw:p-0", children: /* @__PURE__ */ t(
+        nt,
         {
           labels: r,
           onAddIntegration: k,
           onImportCsv: G,
-          learnMoreHref: z
+          learnMoreHref: z,
+          testId: E
         }
       ) }) }) })
     ] });
-  const E = [
+  const M = [
     {
       accessorKey: "name",
       header: ({ column: l }) => {
@@ -140,7 +150,7 @@ function dt({
               variant: "ghost",
               "data-testid": "nameSortButton",
               onClick: () => l.toggleSorting(c === "asc"),
-              children: c === "asc" ? /* @__PURE__ */ t(M, { className: "ttw:size-4" }) : c === "desc" ? /* @__PURE__ */ t(j, { className: "ttw:size-4" }) : /* @__PURE__ */ t(_, { className: "ttw:size-4" })
+              children: c === "asc" ? /* @__PURE__ */ t(j, { className: "ttw:size-4" }) : c === "desc" ? /* @__PURE__ */ t(B, { className: "ttw:size-4" }) : /* @__PURE__ */ t(H, { className: "ttw:size-4" })
             }
           )
         ] });
@@ -158,15 +168,15 @@ function dt({
       {
         id: "actions",
         header: () => /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: r.columnActions }),
-        cell: ({ row: l }) => /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: /* @__PURE__ */ n(R, { children: [
-          /* @__PURE__ */ t($, { asChild: !0, children: /* @__PURE__ */ t(d, { variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ t(H, { className: "ttw:h-4 ttw:w-4" }) }) }),
-          /* @__PURE__ */ n(q, { align: "end", children: [
-            p && /* @__PURE__ */ n(C, { onClick: () => p(l.original), children: [
-              /* @__PURE__ */ t(B, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
+        cell: ({ row: l }) => /* @__PURE__ */ t("div", { className: "ttw:flex ttw:justify-end", children: /* @__PURE__ */ n(q, { children: [
+          /* @__PURE__ */ t(J, { asChild: !0, children: /* @__PURE__ */ t(d, { variant: "ghost", size: "icon-sm", children: /* @__PURE__ */ t(_, { className: "ttw:h-4 ttw:w-4" }) }) }),
+          /* @__PURE__ */ n(Q, { align: "end", children: [
+            f && /* @__PURE__ */ n(C, { onClick: () => f(l.original), children: [
+              /* @__PURE__ */ t(F, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
               r.actionEdit
             ] }),
             x && /* @__PURE__ */ n(C, { onClick: () => x(l.original), children: [
-              /* @__PURE__ */ t(F, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
+              /* @__PURE__ */ t(K, { className: "ttw:mr-2 ttw:h-4 ttw:w-4" }),
               r.actionDelete
             ] })
           ] })
@@ -177,13 +187,13 @@ function dt({
   return /* @__PURE__ */ n(h, { children: [
     m,
     /* @__PURE__ */ t(
-      J,
+      W,
       {
-        columns: E,
+        columns: M,
         data: e,
         sorting: w,
-        onSortingChange: v,
-        pageSize: y,
+        onSortingChange: u,
+        pageSize: v,
         onPageSizeChange: I,
         pageSizeOptions: S,
         hasNextPage: A,
@@ -195,6 +205,6 @@ function dt({
   ] });
 }
 export {
-  Z as GL_CODE_TABLE_LABELS_EN,
-  dt as GlCodeTable
+  tt as GL_CODE_TABLE_LABELS_EN,
+  wt as GlCodeTable
 };

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/index10.js

@@ -1,9 +1,20 @@
-const e = "tesouro-embedded-insights-dismissed";
-function i(t) {
-  const s = t?.trim();
-  return s ? `${e}.${s}` : "";
+import { jsx as t } from "react/jsx-runtime";
+import { ClipboardCheck as a } from "lucide-react";
+function l(o, e, i) {
+  return {
+    displayText: o.displayText,
+    createdDate: i,
+    badgeLabel: e.onboardingBadgeLabel,
+    badgeIcon: /* @__PURE__ */ t(a, { className: "ttw:size-4", "aria-hidden": !0 }),
+    showDismissButton: o.canDismiss && !o.isDismissed,
+    showToggle: o.showToggle,
+    toggleLabel: o.toggleLabel,
+    toggleChecked: o.toggleChecked,
+    onToggle: o.onToggle,
+    actionText: o.actionText,
+    onActionClick: o.onActionClick
+  };
 }
 export {
-  e as DISMISSED_INSIGHTS_USER_DATA_KEY_PREFIX,
-  i as getDismissedInsightsUserDataKey
+  l as mapInsightToRowView
 };

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/index2.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
 import { useEffect as u } from "react";
-import { InsightsWidget as p } from "../../ui/dist/index2.js";
+import { InsightsWidget as b } from "../../ui/dist/index2.js";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "lucide-react";
 import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
@@ -14,43 +14,44 @@ import "@radix-ui/react-use-controllable-state";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import { WidgetProvider as b } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { WidgetProvider as p } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
 import { useAnalyticsTrack as f } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WIDGET_NAME as L, InsightsWidgetAnalyticsEvent as I } from "./index5.js";
-import { InsightsWidgetContextProvider as C, useInsightsWidgetContext as E } from "./index3.js";
+import { WIDGET_NAME as I, InsightsWidgetAnalyticsEvent as L } from "./index5.js";
+import { InsightsWidgetContextProvider as E, useInsightsWidgetContext as C } from "./index3.js";
 import { SingleInsight as k } from "./index6.js";
-function W({
+function v({
   labels: n,
   singleInsightLabels: s
 }) {
   const t = f();
   u(() => {
-    t(I.Mounted);
+    t(L.Mounted);
   }, [t]);
   const {
     activeFilter: o,
     setActiveFilter: r,
     filteredInsights: e,
-    isLoading: l,
-    isError: a,
+    isLoading: a,
+    isError: l,
     refetch: c,
     onDismissClick: m,
     featureLabels: h,
     createdDateLabel: d
-  } = E();
+  } = C();
   return /* @__PURE__ */ i(
-    p,
+    b,
     {
       hasInsights: e.length > 0,
-      isLoading: l,
-      isError: a,
-      onRetry: a ? () => {
+      isLoading: a,
+      isError: l,
+      onRetry: l ? () => {
         c();
       } : void 0,
       activeFilter: o,
       setActiveFilter: r,
       labels: n,
+      activeTabTestId: "insights-widget-active-tab",
       children: e.map((g) => /* @__PURE__ */ i(
         k,
         {
@@ -65,7 +66,7 @@ function W({
     }
   );
 }
-const x = ({
+const A = ({
   labels: n,
   singleInsightLabels: s,
   featureLabels: t,
@@ -73,14 +74,14 @@ const x = ({
   onRoutingToggleChange: r,
   onLinkExternalAccountClick: e
 }) => /* @__PURE__ */ i(
-  C,
+  E,
   {
     routingEnabled: o,
     onRoutingToggleChange: r,
     onLinkExternalAccountClick: e,
     featureLabels: t,
     children: /* @__PURE__ */ i(
-      W,
+      v,
       {
         labels: n,
         singleInsightLabels: s
@@ -95,10 +96,10 @@ function K({
   routingEnabled: o,
   onRoutingToggleChange: r,
   onLinkExternalAccountClick: e,
-  ...l
+  ...a
 }) {
-  return /* @__PURE__ */ i(b, { ...l, widgetName: L, children: /* @__PURE__ */ i(
-    x,
+  return /* @__PURE__ */ i(p, { ...a, widgetName: I, children: /* @__PURE__ */ i(
+    A,
     {
       labels: n,
       singleInsightLabels: s,
@@ -111,6 +112,6 @@ function K({
 }
 export {
   K as InsightsWidget,
-  W as InsightsWidgetInternal,
-  x as InsightsWidgetWithContext
+  v as InsightsWidgetInternal,
+  A as InsightsWidgetWithContext
 };

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/index6.js

@@ -6,7 +6,7 @@ import "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
 import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
 import { SingleInsight as n } from "../../ui/dist/index3.js";
-import { mapInsightToRowView as p } from "./index9.js";
+import { mapInsightToRowView as p } from "./index10.js";
 const b = ({
   insight: i,
   createdDate: s,

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/index7.js

@@ -7,8 +7,8 @@ import { useGetUserDataQuery as S } from "../../../shared/data-access/dist/lib/u
 import { useUpsertUserDataMutation as U } from "../../../shared/data-access/dist/lib/useUpsertUserDataMutation.js";
 import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { useMemo as _, useState as v, useRef as g, useEffect as M, useCallback as b } from "react";
-import { getDismissedInsightsUserDataKey as k } from "./index10.js";
-import { DISMISSED_INSIGHTS_USER_DATA_KEY_PREFIX as W } from "./index10.js";
+import { getDismissedInsightsUserDataKey as k } from "./index9.js";
+import { DISMISSED_INSIGHTS_USER_DATA_KEY_PREFIX as W } from "./index9.js";
 function x(e) {
   return Array.isArray(e) ? e.filter((r) => typeof r == "string") : [];
 }

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/index9.js

@@ -1,20 +1,9 @@
-import { jsx as t } from "react/jsx-runtime";
-import { ClipboardCheck as a } from "lucide-react";
-function l(o, e, i) {
-  return {
-    displayText: o.displayText,
-    createdDate: i,
-    badgeLabel: e.onboardingBadgeLabel,
-    badgeIcon: /* @__PURE__ */ t(a, { className: "ttw:size-4", "aria-hidden": !0 }),
-    showDismissButton: o.canDismiss && !o.isDismissed,
-    showToggle: o.showToggle,
-    toggleLabel: o.toggleLabel,
-    toggleChecked: o.toggleChecked,
-    onToggle: o.onToggle,
-    actionText: o.actionText,
-    onActionClick: o.onActionClick
-  };
+const e = "tesouro-embedded-insights-dismissed";
+function i(t) {
+  const s = t?.trim();
+  return s ? `${e}.${s}` : "";
 }
 export {
-  l as mapInsightToRowView
+  e as DISMISSED_INSIGHTS_USER_DATA_KEY_PREFIX,
+  i as getDismissedInsightsUserDataKey
 };

package/dist/libs/tesouro-embedded-components-react/insights-widget/ui/dist/index2.js

@@ -1,13 +1,13 @@
-import { jsx as t, jsxs as r, Fragment as h } from "react/jsx-runtime";
-import { Skeleton as u, Typography as o, Button as s, cn as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { Sparkles as g } from "lucide-react";
+import { jsx as t, jsxs as r, Fragment as u } from "react/jsx-runtime";
+import { Skeleton as g, Typography as s, Button as o, cn as n } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { Sparkles as f } from "lucide-react";
 import "@radix-ui/react-use-controllable-state";
 import "react";
 import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
-import { WidgetContainer as f } from "../../../shared/ui/dist/lib/WidgetContainer/WidgetContainer.js";
+import { WidgetContainer as b } from "../../../shared/ui/dist/lib/WidgetContainer/WidgetContainer.js";
 import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal.js";
-import { INSIGHTS_WIDGET_LABELS_EN as b } from "./index4.js";
-const k = ({
+import { INSIGHTS_WIDGET_LABELS_EN as v } from "./index4.js";
+const _ = ({
   hasInsights: l,
   children: c,
   activeFilter: i,
@@ -15,14 +15,15 @@ const k = ({
   isLoading: m,
   isError: w,
   onRetry: d,
-  labels: p
+  labels: p,
+  activeTabTestId: h
 }) => {
-  const e = { ...b, ...p };
+  const e = { ...v, ...p };
   return /* @__PURE__ */ t(
-    f,
+    b,
     {
       icon: /* @__PURE__ */ t(
-        g,
+        f,
         {
           className: "ttw:size-[18px] ttw:shrink-0 ttw:text-primary",
           "aria-hidden": !0
@@ -30,7 +31,7 @@ const k = ({
       ),
       title: e.widgetTitle,
       children: m ? /* @__PURE__ */ t(
-        u,
+        g,
         {
           "data-testid": "insights-widget-skeleton",
           height: 80,
@@ -44,7 +45,7 @@ const k = ({
           "data-testid": "insights-widget-error",
           children: [
             /* @__PURE__ */ t(
-              o,
+              s,
               {
                 component: "p",
                 variant: "body1",
@@ -52,9 +53,9 @@ const k = ({
                 children: e.loadErrorTitle
               }
             ),
-            /* @__PURE__ */ t(o, { component: "p", variant: "body2", color: "muted", children: e.loadErrorDescription }),
+            /* @__PURE__ */ t(s, { component: "p", variant: "body2", color: "muted", children: e.loadErrorDescription }),
             d ? /* @__PURE__ */ t(
-              s,
+              o,
               {
                 type: "button",
                 variant: "outline",
@@ -67,12 +68,13 @@ const k = ({
             ) : null
           ]
         }
-      ) : /* @__PURE__ */ r(h, { children: [
+      ) : /* @__PURE__ */ r(u, { children: [
         /* @__PURE__ */ r("div", { className: "ttw:mb-2 ttw:flex ttw:flex-row ttw:gap-1", children: [
           /* @__PURE__ */ t(
-            s,
+            o,
             {
               type: "button",
+              "data-testid": h,
               variant: i === "active" ? "default" : "outline",
               size: "sm",
               className: n(
@@ -84,7 +86,7 @@ const k = ({
             }
           ),
           /* @__PURE__ */ t(
-            s,
+            o,
             {
               type: "button",
               variant: i === "dismissed" ? "default" : "outline",
@@ -105,12 +107,12 @@ const k = ({
             "data-testid": "insights-widget-list",
             children: c
           }
-        ) : /* @__PURE__ */ t(o, { color: "muted", children: e.noInsightsFound })
+        ) : /* @__PURE__ */ t(s, { color: "muted", children: e.noInsightsFound })
       ] })
     }
   );
 };
 export {
-  b as INSIGHTS_WIDGET_LABELS_EN,
-  k as InsightsWidget
+  v as INSIGHTS_WIDGET_LABELS_EN,
+  _ as InsightsWidget
 };