@tesouro/embedded-components-react 0.2.160 → 0.2.162

package/dist/libs/tesouro-embedded-components-react/bill-pay-widget/feature/dist/index5.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { useEffect as d } from "react";
-import { BillPayWidgetUi as f } from "../../ui/dist/index2.js";
+import { useEffect as u, useState as y } from "react";
+import { BillPayWidgetUi as v } from "../../ui/dist/index2.js";
 import "../../../../../packages/shared-ui-shadcn/dist/index.js";
 import "lucide-react";
 import "@radix-ui/react-use-controllable-state";
@@ -10,53 +10,104 @@ import "../../../shared/ui/dist/lib/OnboardingShell/OnboardingShellOverlayPortal
 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 { hasAnyScope as P } from "../../../shared/data-access/dist/lib/hasAnyScope.js";
 import "@tanstack/react-query";
 import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as k } from "../../../shared/data-access/dist/lib/scopes.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/types.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetContext.js";
-import { WidgetProvider as g } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
+import { WidgetProvider as A } from "../../../shared/feature/dist/lib/WidgetProvider/WidgetProvider.js";
 import "../../../shared/feature/dist/lib/WidgetProvider/WidgetTokenRefreshContext.js";
-import { useAnalyticsTrack as k } from "../../../shared/feature/dist/lib/analytics/hooks.js";
-import { WIDGET_NAME as u, BillPayWidgetAnalyticsEvent as y } from "./index6.js";
-function b({
-  labels: r
+import { useWidgetConfig as E } from "../../../shared/feature/dist/lib/WidgetProvider/hooks.js";
+import { useAnalyticsTrack as S } from "../../../shared/feature/dist/lib/analytics/hooks.js";
+import { ApprovalPoliciesSettings as T } from "../../../shared/approval-policy/feature/dist/lib/ApprovalPoliciesSettings.js";
+import { WIDGET_NAME as h, BillPayWidgetAnalyticsEvent as w } from "./index6.js";
+import { DEFAULT_TABS_LABELS as x } from "./index7.js";
+const l = {
+  Bills: "bills",
+  Vendors: "vendors",
+  Settings: "settings"
+};
+function g({ text: i }) {
+  return /* @__PURE__ */ o("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: i });
+}
+function B({
+  labels: i,
+  tabsLabels: s,
+  approvalPolicyLabels: a,
+  approvalPolicyComponentLabels: m
 }) {
-  const i = k();
-  return d(() => {
-    i(y.Mounted);
-  }, [i]), /* @__PURE__ */ o(f, { labels: r });
+  const r = S();
+  u(() => {
+    r(w.Mounted);
+  }, [r]);
+  const t = { ...x, ...s }, { initResponse: p } = E(), c = P(p?.scopes, [
+    k.ApprovalPolicyWriteOrg
+  ]), [n, d] = y(l.Settings), e = [
+    {
+      id: l.Bills,
+      label: t.bills,
+      content: /* @__PURE__ */ o(g, { text: t.billsPlaceholder })
+    },
+    {
+      id: l.Vendors,
+      label: t.vendors,
+      content: /* @__PURE__ */ o(g, { text: t.vendorsPlaceholder })
+    }
+  ];
+  c && e.push({
+    id: l.Settings,
+    label: t.settings,
+    content: /* @__PURE__ */ o(
+      T,
+      {
+        labels: a,
+        componentLabels: m
+      }
+    )
+  });
+  const b = e.some((f) => f.id === n) ? n : e[0]?.id ?? "";
+  return /* @__PURE__ */ o(
+    v,
+    {
+      labels: i,
+      tabs: e,
+      selectedTabId: b,
+      onTabChange: d
+    }
+  );
 }
-function D({
-  baseUrl: r,
-  widgetToken: i,
-  organizationId: t,
-  configClient: e,
-  linkComponent: n,
-  implementation: a,
-  uiFramework: m,
-  errorFallback: l,
-  onError: p,
-  analytics: s,
-  ...c
+function Z({
+  baseUrl: i,
+  widgetToken: s,
+  organizationId: a,
+  configClient: m,
+  linkComponent: r,
+  implementation: t,
+  uiFramework: p,
+  errorFallback: c,
+  onError: n,
+  analytics: d,
+  ...e
 }) {
   return /* @__PURE__ */ o(
-    g,
+    A,
     {
-      widgetName: u,
-      baseUrl: r,
-      widgetToken: i,
-      organizationId: t,
-      configClient: e,
-      linkComponent: n,
-      implementation: a,
-      uiFramework: m,
-      errorFallback: l,
-      onError: p,
-      analytics: s,
-      children: /* @__PURE__ */ o(b, { ...c })
+      widgetName: h,
+      baseUrl: i,
+      widgetToken: s,
+      organizationId: a,
+      configClient: m,
+      linkComponent: r,
+      implementation: t,
+      uiFramework: p,
+      errorFallback: c,
+      onError: n,
+      analytics: d,
+      children: /* @__PURE__ */ o(B, { ...e })
     }
   );
 }
 export {
-  D as BillPayWidgetNative
+  Z as BillPayWidgetNative
 };

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

@@ -0,0 +1,10 @@
+const e = {
+  bills: "Bills",
+  vendors: "Vendors",
+  settings: "Settings",
+  billsPlaceholder: "Bills will appear here.",
+  vendorsPlaceholder: "Vendors will appear here."
+};
+export {
+  e as DEFAULT_TABS_LABELS
+};

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

@@ -1,15 +1,33 @@
 "use client";
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { DEFAULT_LABELS as l } from "./index3.js";
-function o({
-  labels: s
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { Tabs as c, TabsList as d, TabsTrigger as o, TabsContent as m } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DEFAULT_LABELS as w } from "./index3.js";
+function p({
+  labels: i,
+  tabs: s,
+  selectedTabId: n,
+  onTabChange: r
 }) {
-  const e = { ...l, ...s };
-  return /* @__PURE__ */ t("section", { className: "ttw:w-full ttw:space-y-5", children: /* @__PURE__ */ i("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 })
-  ] }) });
+  const l = { ...w, ...i };
+  return /* @__PURE__ */ a("section", { className: "ttw:w-full ttw:space-y-5", children: [
+    /* @__PURE__ */ a("div", { className: "ttw:min-w-0", children: [
+      /* @__PURE__ */ e("h2", { className: "ttw:text-xl ttw:font-semibold ttw:text-foreground", children: l.title }),
+      /* @__PURE__ */ e("p", { className: "ttw:mt-1 ttw:text-sm ttw:text-muted-foreground", children: l.description })
+    ] }),
+    /* @__PURE__ */ a(
+      c,
+      {
+        value: n,
+        onValueChange: r,
+        className: "ttw:w-full",
+        children: [
+          /* @__PURE__ */ e(d, { children: s.map((t) => /* @__PURE__ */ e(o, { value: t.id, children: t.label }, t.id)) }),
+          s.map((t) => /* @__PURE__ */ e(m, { value: t.id, className: "ttw:mt-6", children: t.content }, t.id))
+        ]
+      }
+    )
+  ] });
 }
 export {
-  o as BillPayWidgetUi
+  p as BillPayWidgetUi
 };

package/dist/libs/tesouro-embedded-components-react/counterparts-widget/data-access/dist/index2.js

@@ -32,7 +32,7 @@ function Q({
     enabled: m
   });
 }
-function k({
+function q({
   metric: o = "total_amount",
   statusIn: a,
   counterpartIdIn: e,
@@ -55,6 +55,6 @@ function k({
   });
 }
 export {
-  k as usePayablesAnalyticsByCounterpartQuery,
+  q as usePayablesAnalyticsByCounterpartQuery,
   Q as useReceivablesAnalyticsByCounterpartQuery
 };

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

@@ -53,7 +53,7 @@ function O() {
     }
   });
 }
-function T() {
+function S() {
   const { client: o, organizationId: i } = r(), e = d();
   return p({
     ...I({
@@ -102,6 +102,6 @@ function b() {
 export {
   b as useDeleteApprovalPoliciesIdMutation,
   $ as useGetApprovalPoliciesQuery,
-  T as usePatchApprovalPoliciesIdMutation,
+  S as usePatchApprovalPoliciesIdMutation,
   O as usePostApprovalPoliciesMutation
 };

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

@@ -1,9 +1,9 @@
 "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 { useEmbedApi as u } 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 { getReceiptsOptions as a } 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";
@@ -11,7 +11,7 @@ function E({
   enabled: t,
   ...i
 } = {}) {
-  const { client: o, organizationId: e, widgetToken: r, authEpoch: n } = a(), p = !!(e && r) && (t === !0 || t === void 0), m = u({
+  const { client: o, organizationId: e, widgetToken: r, authEpoch: n } = u(), p = !!(e && r) && (t === !0 || t === void 0), m = a({
     query: i,
     client: o,
     headers: {

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

@@ -1,6 +1,6 @@
 import "../../../shared/data-access/dist/lib/rest/client/utils.gen.js";
 import "../../../shared/data-access/dist/lib/EmbedApiContext.js";
-import { organizationHeaders as i } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
+import { organizationHeaders as a } from "../../../shared/data-access/dist/lib/organizationHeaders.js";
 import "../../../shared/data-access/dist/lib/rest/client.gen.js";
 import { getReceiptsQueryKey as n, getTransactionsQueryKey as r, getReceiptsIdQueryKey as o, getTransactionsIdQueryKey as s } from "../../../shared/data-access/dist/lib/rest/@tanstack/react-query.gen.js";
 import "@tanstack/react-query";
@@ -8,36 +8,36 @@ import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
 import "react";
 const K = ({
   client: t,
-  organizationId: a
+  organizationId: i
 }) => n({
   client: t,
-  headers: i(a)
+  headers: a(i)
 }), h = ({
   client: t,
-  organizationId: a
+  organizationId: i
 }) => r({
   client: t,
-  headers: i(a)
+  headers: a(i)
 }), z = ({
   client: t,
-  organizationId: a,
+  organizationId: i,
   receiptId: e
 }) => o({
   client: t,
-  headers: i(a),
+  headers: a(i),
   path: { receipt_id: e }
-}), Q = ({
+}), u = ({
   client: t,
-  organizationId: a,
+  organizationId: i,
   transactionId: e
 }) => s({
   client: t,
-  headers: i(a),
+  headers: a(i),
   path: { transaction_id: e }
 });
 export {
   z as receiptsIdInvalidationKey,
   K as receiptsInvalidationKey,
-  Q as transactionsIdInvalidationKey,
+  u as transactionsIdInvalidationKey,
   h as transactionsInvalidationKey
 };

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

@@ -9,7 +9,7 @@ import { withAuthEpoch as l } from "../../../shared/data-access/dist/lib/withAut
 import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
 import "react";
 import { transactionsValidationsInvalidationKey as p } from "./index3.js";
-function x() {
+function w() {
   const { client: i, organizationId: t, widgetToken: n, authEpoch: o } = a(), s = !!(t && n), r = d({
     client: i,
     headers: {
@@ -38,6 +38,6 @@ function E() {
   });
 }
 export {
-  x as useGetTransactionsValidationsQuery,
+  w as useGetTransactionsValidationsQuery,
   E as usePutTransactionsValidationsMutation
 };

package/dist/libs/tesouro-embedded-components-react/insights-widget/feature/dist/index10.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/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 "./index10.js";
+import { mapInsightToRowView as p } from "./index9.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 "./index9.js";
-import { DISMISSED_INSIGHTS_USER_DATA_KEY_PREFIX as W } from "./index9.js";
+import { getDismissedInsightsUserDataKey as k } from "./index10.js";
+import { DISMISSED_INSIGHTS_USER_DATA_KEY_PREFIX as W } from "./index10.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,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/invoicing-widget/data-access/dist/index4.js

@@ -136,7 +136,7 @@ function P() {
     }
   });
 }
-function x() {
+function q() {
   const { client: a, organizationId: e } = r();
   return o({
     mutationFn: async ({ path: t }) => {
@@ -153,7 +153,7 @@ function x() {
     }
   });
 }
-function G() {
+function x() {
   const { client: a, organizationId: e } = r();
   return o({
     mutationFn: async ({ path: t, body: n }) => {
@@ -175,7 +175,7 @@ function G() {
     }
   });
 }
-function J() {
+function N() {
   const { client: a, organizationId: e } = r();
   return o({
     mutationFn: async ({ path: t, body: n }) => {
@@ -197,7 +197,7 @@ function J() {
     }
   });
 }
-function N() {
+function Q() {
   const { client: a, organizationId: e } = r();
   return o({
     mutationFn: async ({ path: t, body: n }) => {
@@ -220,13 +220,13 @@ function N() {
   });
 }
 export {
-  G as useAcceptReceivableMutation,
+  x as useAcceptReceivableMutation,
   P as useCancelReceivableMutation,
-  x as useCloneReceivableMutation,
+  q as useCloneReceivableMutation,
   K as useCreateReceivableMutation,
-  J as useDeclineReceivableMutation,
+  N as useDeclineReceivableMutation,
   H as useDeleteReceivableMutation,
   L as useIssueReceivableMutation,
-  N as useReplaceReceivableLineItemsMutation,
+  Q as useReplaceReceivableLineItemsMutation,
   D as useUpdateReceivableMutation
 };

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index5.js

@@ -12,20 +12,20 @@ import { receivablesInvalidationKey as p, receivableInvalidationKey as I, receiv
 async function l({
   client: a,
   organizationId: e,
-  receivableId: t
+  receivableId: i
 }) {
   await Promise.all([
     o(
       p({ client: a, organizationId: e })
     ),
     o(
-      I({ client: a, organizationId: e, receivableId: t })
+      I({ client: a, organizationId: e, receivableId: i })
     ),
     o(
       v({
         client: a,
         organizationId: e,
-        receivableId: t
+        receivableId: i
       })
     )
   ]);
@@ -33,21 +33,21 @@ async function l({
 function A() {
   const { client: a, organizationId: e } = c();
   return r({
-    mutationFn: async ({ path: t, body: i }) => {
+    mutationFn: async ({ path: i, body: t }) => {
       const { data: n } = await d({
         client: a,
         headers: s(e),
-        path: t,
-        body: i,
+        path: i,
+        body: t,
         throwOnError: !0
       });
       return n;
     },
-    onSuccess: async (t, i) => {
+    onSuccess: async (i, t) => {
       await l({
         client: a,
         organizationId: e,
-        receivableId: i.path.receivable_id
+        receivableId: t.path.receivable_id
       });
     }
   });
@@ -56,23 +56,23 @@ function R() {
   const { client: a, organizationId: e } = c();
   return r({
     mutationFn: async ({
-      path: t,
-      body: i
+      path: i,
+      body: t
     }) => {
       const { data: n } = await u({
         client: a,
         headers: s(e),
-        path: t,
-        body: i,
+        path: i,
+        body: t,
         throwOnError: !0
       });
       return n;
     },
-    onSuccess: async (t, i) => {
+    onSuccess: async (i, t) => {
       await l({
         client: a,
         organizationId: e,
-        receivableId: i.path.receivable_id
+        receivableId: t.path.receivable_id
       });
     }
   });
@@ -81,23 +81,23 @@ function $() {
   const { client: a, organizationId: e } = c();
   return r({
     mutationFn: async ({
-      path: t,
-      body: i
+      path: i,
+      body: t
     }) => {
       const { data: n } = await b({
         client: a,
         headers: s(e),
-        path: t,
-        body: i,
+        path: i,
+        body: t,
         throwOnError: !0
       });
       return n;
     },
-    onSuccess: async (t, i) => {
+    onSuccess: async (i, t) => {
       await l({
         client: a,
         organizationId: e,
-        receivableId: i.path.receivable_id
+        receivableId: t.path.receivable_id
       });
     }
   });

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/data-access/dist/index6.js

@@ -8,7 +8,7 @@ import { getReceivablesOptions as b, getReceivablesIdOptions as h, getReceivable
 import { withAuthEpoch as l } from "../../../shared/data-access/dist/lib/withAuthEpoch.js";
 import "../../../shared/data-access/dist/lib/rest/zod.gen.js";
 import "react";
-function w({
+function Q({
   enabled: e,
   ...i
 } = {}) {
@@ -33,7 +33,7 @@ function T(e, { enabled: i = !0 } = {}) {
     enabled: r
   });
 }
-function q(e, { enabled: i, ...o } = {}) {
+function F(e, { enabled: i, ...o } = {}) {
   const { client: t, organizationId: a, widgetToken: n, authEpoch: r } = d(), s = !!(a && n && e) && (i === !0 || i === void 0), p = v({
     client: t,
     headers: u(a),
@@ -45,7 +45,7 @@ function q(e, { enabled: i, ...o } = {}) {
     enabled: s
   });
 }
-function F(e, { enabled: i, ...o } = {}) {
+function O(e, { enabled: i, ...o } = {}) {
   const { client: t, organizationId: a, widgetToken: n, authEpoch: r } = d(), s = !!(a && n && e) && (i === !0 || i === void 0), p = g({
     client: t,
     headers: u(a),
@@ -57,7 +57,7 @@ function F(e, { enabled: i, ...o } = {}) {
     enabled: s
   });
 }
-function O(e, { enabled: i = !0 } = {}) {
+function q(e, { enabled: i = !0 } = {}) {
   const { client: o, organizationId: t, widgetToken: a, authEpoch: n } = d(), r = !!(t && a && e) && i, s = m({
     client: o,
     headers: u(t),
@@ -69,9 +69,9 @@ function O(e, { enabled: i = !0 } = {}) {
   });
 }
 export {
-  q as useReceivableHistoryQuery,
-  F as useReceivableMailsQuery,
-  O as useReceivablePdfLinkQuery,
+  F as useReceivableHistoryQuery,
+  O as useReceivableMailsQuery,
+  q as useReceivablePdfLinkQuery,
   T as useReceivableQuery,
-  w as useReceivablesQuery
+  Q as useReceivablesQuery
 };