@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/ui/dist/index5.js

@@ -0,0 +1,36 @@
+import { jsxs as e, jsx as t } from "react/jsx-runtime";
+import { ShieldCheck as s, PlusIcon as i } from "lucide-react";
+import { Typography as o, Button as a } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyApprovalRulesLabels as r } from "./index3.js";
+const w = ({
+  onAddRule: n,
+  onLearnMore: l
+}) => /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:py-12 ttw:gap-4 ttw:w-full ttw:max-w-[600px] ttw:mx-auto", children: [
+  /* @__PURE__ */ t("div", { className: "ttw:w-12 ttw:h-12 ttw:rounded-full ttw:bg-muted ttw:flex ttw:items-center ttw:justify-center ttw:text-muted-foreground", children: /* @__PURE__ */ t(s, { size: 20 }) }),
+  /* @__PURE__ */ t(o, { variant: "h6", children: r.Title }),
+  /* @__PURE__ */ e(o, { variant: "body2", color: "muted", className: "ttw:text-center", children: [
+    "The ",
+    /* @__PURE__ */ t("strong", { children: "system default" }),
+    " currently applies to all expenses",
+    " ",
+    "requiring approval from an ",
+    /* @__PURE__ */ t("strong", { children: "Admin" }),
+    "."
+  ] }),
+  /* @__PURE__ */ e(a, { onClick: n, className: "ttw:mt-1", children: [
+    /* @__PURE__ */ t(i, {}),
+    r.AddRule
+  ] }),
+  l && /* @__PURE__ */ t(
+    a,
+    {
+      variant: "link",
+      className: "ttw:text-muted-foreground",
+      onClick: l,
+      children: r.LearnMore
+    }
+  )
+] });
+export {
+  w as EmptyApprovalRules
+};

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/ui/dist/index6.js

@@ -0,0 +1,115 @@
+import { jsxs as e, jsx as t, Fragment as l } from "react/jsx-runtime";
+import { Trash2 as u, SquarePen as w, RefreshCw as h } from "lucide-react";
+import { Button as c, Badge as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ApprovalOutcomeType as x, AmountConditionType as d } from "./index2.js";
+import { formatAmount as g } from "./index4.js";
+import { ApprovalRuleCardLabels as i } from "./index3.js";
+function f({
+  conditionType: r,
+  minAmount: n,
+  maxAmount: s
+}) {
+  const a = (o) => /* @__PURE__ */ t("strong", { children: g(o) });
+  switch (r) {
+    case d.LessThan:
+      return /* @__PURE__ */ e(l, { children: [
+        "For ",
+        /* @__PURE__ */ t("strong", { children: "expenses" }),
+        " less than ",
+        a(s ?? 0)
+      ] });
+    case d.InRange:
+      return /* @__PURE__ */ e(l, { children: [
+        "For ",
+        /* @__PURE__ */ t("strong", { children: "expenses" }),
+        " greater than or equal to",
+        " ",
+        a(n ?? 0),
+        " and less than ",
+        a(s ?? 0)
+      ] });
+    case d.GreaterThanOrEqual:
+      return /* @__PURE__ */ e(l, { children: [
+        "For ",
+        /* @__PURE__ */ t("strong", { children: "expenses" }),
+        " greater than or equal to",
+        " ",
+        a(n ?? 0)
+      ] });
+    default:
+      return /* @__PURE__ */ e(l, { children: [
+        "For all ",
+        /* @__PURE__ */ t("strong", { children: "expenses" })
+      ] });
+  }
+}
+const y = ({
+  rule: r,
+  onEdit: n,
+  onDelete: s,
+  disabled: a
+}) => /* @__PURE__ */ e(
+  "div",
+  {
+    "data-testid": "expense-approval-rule-card",
+    className: "ttw:border ttw:border-border ttw:rounded-lg ttw:p-4 ttw:flex ttw:flex-col ttw:gap-2",
+    children: [
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
+        /* @__PURE__ */ t("span", { className: "ttw:text-sm", children: /* @__PURE__ */ t(
+          f,
+          {
+            conditionType: r.conditionType,
+            minAmount: r.minAmount,
+            maxAmount: r.maxAmount
+          }
+        ) }),
+        /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-1", children: [
+          /* @__PURE__ */ t(
+            c,
+            {
+              variant: "ghost",
+              size: "icon-sm",
+              onClick: () => s(r.id),
+              "aria-label": i.DeleteRuleAriaLabel,
+              className: "ttw:text-destructive ttw:hover:text-destructive",
+              disabled: a,
+              children: /* @__PURE__ */ t(u, {})
+            }
+          ),
+          /* @__PURE__ */ t(
+            c,
+            {
+              variant: "ghost",
+              size: "icon-sm",
+              onClick: () => n(r.id),
+              "aria-label": i.EditRuleAriaLabel,
+              className: "ttw:text-muted-foreground ttw:hover:text-foreground",
+              disabled: a,
+              children: /* @__PURE__ */ t(w, {})
+            }
+          )
+        ] })
+      ] }),
+      r.outcome === x.AutoApprove ? /* @__PURE__ */ e(m, { className: "ttw:bg-green-100 ttw:text-green-800 ttw:border-green-200 ttw:self-start ttw:gap-1", children: [
+        /* @__PURE__ */ t(h, {}),
+        i.AutoApprove
+      ] }) : /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-1", children: [
+        /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: i.RequireApprovalFrom }),
+        /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1", children: r.approvers.map((o, p) => /* @__PURE__ */ e(
+          "div",
+          {
+            className: "ttw:flex ttw:items-center ttw:gap-1",
+            children: [
+              p > 0 ? /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: "or" }) : null,
+              /* @__PURE__ */ t(m, { children: o.label })
+            ]
+          },
+          o.id
+        )) })
+      ] })
+    ]
+  }
+);
+export {
+  y as ApprovalRuleCard
+};

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/ui/dist/index7.js

@@ -0,0 +1,217 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as y, useId as P } from "react";
+import { RefreshCw as D, FilePenLine as j, Trash2 as L, CircleAlert as O } from "lucide-react";
+import { TooltipProvider as $, Typography as S, Combobox as V, Button as x, Input as G, Tooltip as H, TooltipTrigger as J, TooltipContent as K } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { ApprovalOutcomeType as i } from "./index2.js";
+import { ApprovalRuleFormLabels as a } from "./index3.js";
+function R({
+  value: o,
+  onChange: p,
+  onBlur: s,
+  placeholder: d,
+  error: r,
+  disabled: u,
+  testId: c
+}) {
+  return /* @__PURE__ */ l("div", { className: "ttw:relative ttw:w-39", children: [
+    /* @__PURE__ */ t("span", { className: "ttw:absolute ttw:left-3 ttw:top-1/2 ttw:-translate-y-1/2 ttw:text-sm ttw:text-muted-foreground ttw:pointer-events-none", children: "$" }),
+    /* @__PURE__ */ t(
+      G,
+      {
+        value: o,
+        onChange: (w) => p(w.target.value),
+        onBlur: s,
+        "aria-invalid": !!r,
+        placeholder: d,
+        inputMode: "decimal",
+        disabled: u,
+        "data-testid": c,
+        className: `ttw:pl-6${r ? " ttw:pr-8" : ""}`
+      }
+    ),
+    r ? /* @__PURE__ */ l(H, { children: [
+      /* @__PURE__ */ t(J, { asChild: !0, children: /* @__PURE__ */ t(O, { className: "ttw:absolute ttw:right-2.5 ttw:top-1/2 ttw:-translate-y-1/2 ttw:size-4 ttw:text-destructive ttw:cursor-default" }) }),
+      /* @__PURE__ */ t(K, { side: "top", children: r })
+    ] }) : null
+  ] });
+}
+const _ = ({
+  values: o,
+  approverOptions: p,
+  validationErrors: s,
+  isEditing: d,
+  disabled: r,
+  isSaveDisabled: u,
+  onValuesChange: c,
+  onSave: w,
+  onCancel: T,
+  onDelete: f
+}) => {
+  const n = (e) => c({ ...o, ...e }), [A, k] = y({}), [v, q] = y(!1), g = (e) => k((h) => ({ ...h, [e]: !0 })), m = {
+    minAmount: A.minAmount || v ? s.minAmount : void 0,
+    maxAmount: A.maxAmount || v ? s.maxAmount : void 0,
+    approvers: v ? s.approvers : void 0
+  }, B = () => {
+    q(!0), !(s.minAmount || s.maxAmount || s.approvers) && w();
+  }, b = P(), N = p.map((e) => ({
+    value: e.id,
+    label: e.label
+  })), z = new Set(N.map((e) => e.value)), E = [
+    ...N,
+    ...o.approvers.filter((e) => !z.has(e.id)).map((e) => ({ value: e.id, label: e.label }))
+  ], F = new Map([
+    ...o.approvers.map((e) => [e.id, e]),
+    ...p.map((e) => [e.id, e])
+  ]), M = (e) => {
+    const h = Array.isArray(e) ? e : [e];
+    n({
+      approvers: h.flatMap((I) => {
+        const C = F.get(I);
+        return C ? [C] : [];
+      })
+    });
+  };
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-testid": "expense-approval-rule-form",
+      className: "ttw:border ttw:border-border ttw:rounded-lg ttw:p-5 ttw:flex ttw:flex-col ttw:gap-4",
+      children: [
+        /* @__PURE__ */ t($, { children: /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-2", children: [
+          /* @__PURE__ */ l(S, { variant: "body2", children: [
+            a.ForExpenses,
+            " ",
+            /* @__PURE__ */ t("strong", { children: a.ExpensesBold }),
+            " ",
+            a.GreaterThanOrEqualTo
+          ] }),
+          /* @__PURE__ */ t(
+            R,
+            {
+              value: o.minAmount,
+              onChange: (e) => n({ minAmount: e }),
+              onBlur: () => g("minAmount"),
+              placeholder: a.MinimumPlaceholder,
+              error: m.minAmount,
+              disabled: r,
+              testId: "expense-approval-rule-min-amount-input"
+            }
+          ),
+          /* @__PURE__ */ t(S, { variant: "body2", children: a.AndLessThan }),
+          /* @__PURE__ */ t(
+            R,
+            {
+              value: o.maxAmount,
+              onChange: (e) => n({ maxAmount: e }),
+              onBlur: () => g("maxAmount"),
+              placeholder: a.MaximumPlaceholder,
+              error: m.maxAmount,
+              disabled: r,
+              testId: "expense-approval-rule-max-amount-input"
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:gap-2", children: [
+          /* @__PURE__ */ l("label", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:cursor-pointer", children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "radio",
+                name: b,
+                value: i.AutoApprove,
+                checked: o.outcome === i.AutoApprove,
+                onChange: () => n({
+                  outcome: i.AutoApprove,
+                  approvers: []
+                }),
+                disabled: r,
+                className: "ttw:accent-primary"
+              }
+            ),
+            /* @__PURE__ */ t(D, { className: "ttw:text-green-600 ttw:size-4 ttw:shrink-0" }),
+            /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium ttw:text-green-700", children: a.AutoApprove })
+          ] }),
+          /* @__PURE__ */ l("label", { className: "ttw:flex ttw:items-start ttw:gap-2 ttw:cursor-pointer", children: [
+            /* @__PURE__ */ t(
+              "input",
+              {
+                type: "radio",
+                name: b,
+                value: i.RequireApproval,
+                checked: o.outcome === i.RequireApproval,
+                onChange: () => n({ outcome: i.RequireApproval }),
+                disabled: r,
+                className: "ttw:accent-primary ttw:mt-0.5"
+              }
+            ),
+            /* @__PURE__ */ t(j, { className: "ttw:size-4 ttw:shrink-0 ttw:mt-0.5" }),
+            /* @__PURE__ */ l("div", { children: [
+              /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium", children: a.RequireApproval }),
+              /* @__PURE__ */ t("br", {}),
+              /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:text-muted-foreground", children: a.RequireApprovalCaption })
+            ] })
+          ] })
+        ] }),
+        o.outcome === i.RequireApproval ? /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+          /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:font-medium", children: a.RequireApprovalFrom }),
+          /* @__PURE__ */ t(
+            V,
+            {
+              items: E,
+              value: o.approvers.map((e) => e.id),
+              onValueChange: M,
+              multiple: !0,
+              multipleSeparator: a.ApproverSeparator,
+              placeholder: a.ChooseApprovers,
+              disabled: r,
+              chipBackgroundColor: "#4f46e5",
+              chipTextColor: "#ffffff"
+            }
+          ),
+          m.approvers ? /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:text-destructive", children: m.approvers }) : null
+        ] }) : null,
+        /* @__PURE__ */ l("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:mt-2", children: [
+          /* @__PURE__ */ t("div", { children: d && f ? /* @__PURE__ */ l(
+            x,
+            {
+              variant: "ghost",
+              size: "sm",
+              className: "ttw:text-destructive ttw:hover:text-destructive",
+              onClick: f,
+              disabled: r,
+              children: [
+                /* @__PURE__ */ t(L, {}),
+                a.DeleteRule
+              ]
+            }
+          ) : null }),
+          /* @__PURE__ */ l("div", { className: "ttw:flex ttw:gap-2", children: [
+            /* @__PURE__ */ t(
+              x,
+              {
+                variant: "ghost",
+                size: "sm",
+                onClick: T,
+                disabled: r,
+                children: a.Cancel
+              }
+            ),
+            /* @__PURE__ */ t(
+              x,
+              {
+                size: "sm",
+                onClick: B,
+                disabled: r || u,
+                "data-testid": "expense-approval-rule-save-button",
+                children: a.Save
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  _ as ApprovalRuleForm
+};

package/dist/libs/tesouro-embedded-components-react/expense-approval-policies-widget/ui/dist/index8.js

@@ -0,0 +1,130 @@
+import { jsx as t, Fragment as b, jsxs as e } from "react/jsx-runtime";
+import { PlusIcon as I, CircleCheck as z, Info as B } from "lucide-react";
+import { Skeleton as s, Button as O } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { EmptyApprovalRules as P } from "./index5.js";
+import { ApprovalRuleCard as T } from "./index6.js";
+import { ApprovalRuleForm as R } from "./index7.js";
+import { ExpenseApprovalsPageLabels as i, GapCalloutLabels as u } from "./index3.js";
+import { formatAmount as p } from "./index4.js";
+function G(r) {
+  return r.to === null ? `${u.Above} ${p(r.from)}` : `${p(r.from)} ${u.RangeSeparator} ${p(r.to)}`;
+}
+const U = ({
+  rules: r,
+  isBusy: a,
+  isLoading: A,
+  isAddingRule: o,
+  newRuleFormValues: N,
+  newRuleValidationErrors: d,
+  editingRuleId: n,
+  editingRuleFormValues: c,
+  editingRuleValidationErrors: w,
+  approverOptions: g,
+  allExpensesAreCovered: m,
+  gapIntervals: h,
+  onAddRuleClick: f,
+  onCancelAddRule: C,
+  onSaveNewRule: E,
+  onNewRuleFormChange: y,
+  onEditRule: S,
+  onCancelEditRule: k,
+  onSaveEditRule: D,
+  onEditRuleFormChange: F,
+  onDeleteRule: v,
+  onLearnMore: V
+}) => {
+  const x = r.length > 0, j = !m && !o && !n;
+  return /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: A && !x && !o && !n ? /* @__PURE__ */ t(b, { children: Array.from({ length: 2 }).map((l, L) => /* @__PURE__ */ e(
+    "div",
+    {
+      className: "ttw:border ttw:border-border ttw:rounded-lg ttw:p-4 ttw:flex ttw:flex-col ttw:gap-3",
+      children: [
+        /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
+          /* @__PURE__ */ t(s, { className: "ttw:h-4 ttw:w-64" }),
+          /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-1", children: [
+            /* @__PURE__ */ t(s, { className: "ttw:h-8 ttw:w-8" }),
+            /* @__PURE__ */ t(s, { className: "ttw:h-8 ttw:w-8" })
+          ] })
+        ] }),
+        /* @__PURE__ */ t(s, { className: "ttw:h-6 ttw:w-32" })
+      ]
+    },
+    L
+  )) }) : !x && !o ? /* @__PURE__ */ t(
+    P,
+    {
+      onAddRule: f,
+      onLearnMore: V
+    }
+  ) : /* @__PURE__ */ e(b, { children: [
+    r.map(
+      (l) => n === l.id && c ? /* @__PURE__ */ t(
+        R,
+        {
+          values: c,
+          approverOptions: g,
+          validationErrors: w,
+          isEditing: !0,
+          disabled: a,
+          isSaveDisabled: !!(w.minAmount || w.maxAmount),
+          onValuesChange: F,
+          onSave: D,
+          onCancel: k,
+          onDelete: () => v(l.id)
+        },
+        l.id
+      ) : /* @__PURE__ */ t(
+        T,
+        {
+          rule: l,
+          onEdit: S,
+          onDelete: v,
+          disabled: a
+        },
+        l.id
+      )
+    ),
+    o && !n && /* @__PURE__ */ t(
+      R,
+      {
+        values: N,
+        approverOptions: g,
+        validationErrors: d,
+        isEditing: !1,
+        disabled: a,
+        isSaveDisabled: !!(d.minAmount || d.maxAmount),
+        onValuesChange: y,
+        onSave: E,
+        onCancel: C
+      }
+    ),
+    j && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:border ttw:border-dashed ttw:border-gray-300 ttw:rounded-lg ttw:px-4 ttw:py-3", children: [
+      /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-bold ttw:text-gray-700", children: i.CreateAnotherRule }),
+      /* @__PURE__ */ e(O, { size: "sm", onClick: f, disabled: a, children: [
+        /* @__PURE__ */ t(I, {}),
+        i.AddRule
+      ] })
+    ] }),
+    m && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:gap-2 ttw:bg-green-50 ttw:border ttw:border-green-200 ttw:rounded-lg ttw:p-3", children: [
+      /* @__PURE__ */ t(z, { className: "ttw:size-4 ttw:text-green-600 ttw:mt-0.5 ttw:shrink-0" }),
+      /* @__PURE__ */ e("div", { children: [
+        /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:font-medium ttw:text-green-800", children: i.AllExpensesCoveredTitle }),
+        /* @__PURE__ */ t("p", { className: "ttw:text-xs ttw:text-green-700 ttw:mt-0.5", children: i.AllExpensesCoveredBody })
+      ] })
+    ] }),
+    !m && h.length > 0 && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-start ttw:gap-2 ttw:bg-muted ttw:border ttw:border-border ttw:rounded-lg ttw:p-3", children: [
+      /* @__PURE__ */ t(B, { className: "ttw:size-4 ttw:text-muted-foreground ttw:mt-0.5 ttw:shrink-0" }),
+      /* @__PURE__ */ e("p", { className: "ttw:text-sm ttw:text-foreground", children: [
+        "The ",
+        /* @__PURE__ */ t("strong", { children: "system default" }),
+        " will apply to transactions",
+        " ",
+        /* @__PURE__ */ t("strong", { children: h.map(G).join(", ") }),
+        u.Suffix
+      ] })
+    ] })
+  ] }) });
+};
+export {
+  U as ExpenseApprovalsPage
+};

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

@@ -0,0 +1,77 @@
+"use client";
+import { jsx as e } from "react/jsx-runtime";
+import { useEffect as g } from "react";
+import { ExpenseManagementWidgetUi as d } from "../../ui/dist/index2.js";
+import { ExpenseApprovalPoliciesWidget as f } from "../../../expense-approval-policies-widget/feature/dist/lib/ExpenseApprovalPoliciesWidgetFeature.js";
+import { ExpenseRequirementsWidget as u } from "../../../expense-requirements-widget/feature/dist/lib/ExpenseRequirementsWidget.js";
+import { UploadReceiptWidget as C } from "../../../expense-upload-receipt-widget/feature/dist/lib/UploadReceiptWidget.js";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
+import "@radix-ui/react-use-controllable-state";
+import "lucide-react";
+import "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
+import { WidgetProvider as k } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
+import { useAnalyticsTrack as E } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { ExpenseManagementWidgetAnalyticsEvent as x } from "./index3.js";
+function W({
+  labels: i,
+  receiptUpload: t,
+  receiptsContent: n,
+  matchingContent: r,
+  policiesContent: m,
+  requirementsContent: a
+}) {
+  const o = E();
+  return g(() => {
+    o(x.Mounted);
+  }, [o]), /* @__PURE__ */ e(
+    d,
+    {
+      labels: i,
+      receiptsContent: n ?? (t ? /* @__PURE__ */ e(C, { ...t }) : null),
+      matchingContent: r,
+      policiesContent: m ?? /* @__PURE__ */ e(f, {}),
+      requirementsContent: a ?? /* @__PURE__ */ e(u, {})
+    }
+  );
+}
+function G({
+  baseUrl: i,
+  widgetToken: t,
+  organizationId: n,
+  configClient: r,
+  linkComponent: m,
+  implementation: a,
+  uiFramework: o,
+  errorFallback: p,
+  onError: s,
+  analytics: l,
+  ...c
+}) {
+  return /* @__PURE__ */ e(
+    k,
+    {
+      baseUrl: i,
+      widgetToken: t,
+      organizationId: n,
+      configClient: r,
+      linkComponent: m,
+      implementation: a,
+      uiFramework: o,
+      errorFallback: p,
+      onError: s,
+      analytics: l,
+      children: /* @__PURE__ */ e(W, { ...c })
+    }
+  );
+}
+export {
+  G as ExpenseManagementWidget
+};

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/feature/dist/index3.js

@@ -0,0 +1,6 @@
+const e = {
+  Mounted: "expense_management_widget.mounted"
+};
+export {
+  e as ExpenseManagementWidgetAnalyticsEvent
+};

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

@@ -0,0 +1,34 @@
+"use client";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { Tabs as o, TabsList as d, TabsTrigger as a, TabsContent as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DEFAULT_LABELS as p } from "./index3.js";
+function f({
+  labels: l,
+  receiptsContent: n,
+  matchingContent: r,
+  policiesContent: c,
+  requirementsContent: m
+}) {
+  const e = { ...p, ...l };
+  return /* @__PURE__ */ s("section", { className: "ttw:w-full ttw:space-y-5", children: [
+    /* @__PURE__ */ s("div", { className: "ttw:min-w-0", children: [
+      /* @__PURE__ */ t("h2", { className: "ttw:text-xl ttw:font-semibold ttw:text-foreground", children: e.title }),
+      /* @__PURE__ */ t("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: e.description })
+    ] }),
+    /* @__PURE__ */ s(o, { defaultValue: "receipts", children: [
+      /* @__PURE__ */ s(d, { className: "ttw:flex ttw:w-full ttw:flex-wrap ttw:justify-start", children: [
+        /* @__PURE__ */ t(a, { value: "receipts", children: e.receiptsTab }),
+        /* @__PURE__ */ t(a, { value: "matching", children: e.matchingTab }),
+        /* @__PURE__ */ t(a, { value: "policies", children: e.policiesTab }),
+        /* @__PURE__ */ t(a, { value: "requirements", children: e.requirementsTab })
+      ] }),
+      /* @__PURE__ */ t(i, { value: "receipts", className: "ttw:pt-2", children: n }),
+      /* @__PURE__ */ t(i, { value: "matching", className: "ttw:pt-2", children: r }),
+      /* @__PURE__ */ t(i, { value: "policies", className: "ttw:pt-2", children: c }),
+      /* @__PURE__ */ t(i, { value: "requirements", className: "ttw:pt-2", children: m })
+    ] })
+  ] });
+}
+export {
+  f as ExpenseManagementWidgetUi
+};

package/dist/libs/tesouro-embedded-components-react/expense-management-widget/ui/dist/index3.js

@@ -0,0 +1,11 @@
+const e = {
+  title: "Expense management",
+  description: "Manage receipts, matching, policies, and requirements.",
+  receiptsTab: "Receipts",
+  matchingTab: "Matching",
+  policiesTab: "Policies",
+  requirementsTab: "Requirements"
+};
+export {
+  e as DEFAULT_LABELS
+};

package/dist/libs/tesouro-embedded-components-react/expense-receipt-match-widget/data-access/dist/index2.js

@@ -0,0 +1,28 @@
+"use client";
+import { useQuery as s } from "@tanstack/react-query";
+import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import { useEmbedApi as a } from "../../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../../shared/data-access/dist/lib/rest/client.gen.js";
+import { getReceiptsOptions as u } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
+import { withAuthEpoch as c } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
+import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import "react";
+function E({
+  enabled: t,
+  ...i
+} = {}) {
+  const { client: o, organizationId: e, widgetToken: r, authEpoch: p } = a(), n = !!(e && r) && (t === !0 || t === void 0), m = u({
+    query: i,
+    client: o,
+    headers: {
+      "x-organization-id": e ?? ""
+    }
+  });
+  return s({
+    ...c(m, p),
+    enabled: n
+  });
+}
+export {
+  E as useGetReceiptsQuery
+};