@tesouro/embedded-components-react 0.2.98 → 0.2.106

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index474.js

@@ -1,61 +1,36 @@
-import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
-import { User as x } from "./index327.js";
-import { PayableStatusChip as u } from "./index147.js";
-import { useLingui as y } from "@lingui/react";
-import { Box as n, CircularProgress as g, Typography as r, Paper as v, Table as f, TableBody as b, TableRow as w, TableCell as l, Stack as A } from "@mui/material";
-import { useResolvedApprovalStepsWithPolicy as P } from "./index481.js";
-const j = ({
-  approvalPolicy: d,
-  payableId: p,
-  showUsersAsEmail: h = !0
-}) => {
+import { useMoniteContext as n } from "./index57.js";
+const r = (e) => {
   const {
-    i18n: s
-  } = y(), {
-    steps: a,
-    isLoading: c
-  } = P(p, d);
-  return c ? /* @__PURE__ */ e(n, { sx: {
-    display: "flex",
-    justifyContent: "center",
-    p: 3
-  }, children: /* @__PURE__ */ e(g, { size: 20 }) }) : a.length ? /* @__PURE__ */ o(n, { sx: {
-    mt: 4
-  }, children: [
-    /* @__PURE__ */ e(r, { variant: "h6", gutterBottom: !0, sx: {
-      fontWeight: 600
-    }, children: s._("Approval flow") }),
-    /* @__PURE__ */ e(v, { variant: "outlined", sx: {
-      mt: 2
-    }, children: /* @__PURE__ */ e(f, { sx: {
-      tableLayout: "fixed",
-      width: "100%"
-    }, children: /* @__PURE__ */ e(b, { children: a.map((i, m) => /* @__PURE__ */ o(w, { children: [
-      /* @__PURE__ */ e(l, { sx: {
-        verticalAlign: "middle",
-        py: 2,
-        width: "160px"
-      }, children: /* @__PURE__ */ e(r, { variant: "body2", color: "text.primary", sx: {
-        fontWeight: "normal"
-      }, children: i.type }) }),
-      /* @__PURE__ */ e(l, { sx: {
-        py: 2,
-        verticalAlign: "middle",
-        minWidth: "52px"
-      }, children: i.userNames.length > 0 ? /* @__PURE__ */ e(A, { direction: "column", spacing: 0.5, sx: {
-        overflow: "hidden"
-      }, children: i.resolvedUsers.map((t) => t ? /* @__PURE__ */ e(x, { user: t, variant: "cell", showUsersAsEmail: h, showAvatar: !1 }, t.id) : null) }) : /* @__PURE__ */ e(r, { variant: "body2", color: "text.secondary", sx: {
-        fontWeight: "medium"
-      }, children: s._("No users assigned") }) }),
-      /* @__PURE__ */ e(l, { sx: {
-        py: 2,
-        textAlign: "right",
-        verticalAlign: "middle",
-        width: "140px"
-      }, children: /* @__PURE__ */ e(u, { status: i.payableStatus }) })
-    ] }, m)) }) }) })
-  ] }) : null;
+    api: t
+  } = n();
+  return t.finops.getPaymentLinksId.useQuery({
+    path: {
+      payment_link_id: e ?? ""
+    }
+  }, {
+    enabled: !!e
+  });
+}, y = () => {
+  const {
+    api: e
+  } = n(), t = e.finops.postPaymentLinks.useMutation({});
+  return async (a, s, i, o) => t.mutateAsync({
+    recipient: {
+      id: s,
+      type: "counterpart"
+    },
+    object: {
+      id: a,
+      type: "payable"
+    },
+    payment_methods: i,
+    expires_at: new Date(
+      Date.now() + o * 24 * 3600 * 1e3
+      // x days from now
+    ).toISOString()
+  });
 };
 export {
-  j as PayableApprovalFlowSection
+  y as useCreatePayablePaymentLink,
+  r as usePaymentLinkById
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index475.js

@@ -1,35 +1,15 @@
-import { jsxs as n, jsx as o } from "@emotion/react/jsx-runtime";
-import { useRootElements as g } from "./index92.js";
-import { TagsAutocomplete as f } from "./index463.js";
-import { DialogTitle as h, DialogContent as C, DialogActions as v, Button as r } from "@mui/material";
-import "react-hook-form";
-import { Dialog as x } from "./index50.js";
-import { useLingui as D } from "@lingui/react";
-import { useState as T } from "react";
-const R = ({
-  opened: a,
-  onClose: t,
-  value: l,
-  updateTags: s
-}) => {
+import { useMemo as s } from "react";
+import { useGetProducts as i } from "./index213.js";
+const a = () => {
   const {
-    root: m
-  } = g(), {
-    i18n: e
-  } = D(), [i, c] = T(l), d = (u) => {
-    c(u);
-  }, p = () => {
-    s?.(i), t();
+    data: e,
+    isLoading: t
+  } = i();
+  return {
+    existingCurrencies: s(() => new Set(e?.data?.map((r) => r.price?.currency).filter((r) => !!r) ?? []), [e?.data]),
+    isLoadingProducts: t
   };
-  return /* @__PURE__ */ n(x, { open: a, onClose: t, container: m, fullWidth: !0, children: [
-    /* @__PURE__ */ o(h, { children: e._("Edit tags") }),
-    /* @__PURE__ */ o(C, { dividers: !0, children: /* @__PURE__ */ o(f, { value: i, onChange: d }) }),
-    /* @__PURE__ */ n(v, { children: [
-      /* @__PURE__ */ o(r, { variant: "text", onClick: t, children: e._("Cancel") }),
-      /* @__PURE__ */ o(r, { variant: "contained", onClick: p, children: e._("Update") })
-    ] })
-  ] });
 };
 export {
-  R as TagsModal
+  a as useExistingCurrenciesFromProducts
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index476.js

@@ -1,36 +1,70 @@
-import { useMoniteContext as n } from "./index57.js";
-const r = (e) => {
+import { useMemo as s } from "react";
+import { useMoniteContext as b } from "./index57.js";
+import { useLingui as L } from "@lingui/react";
+import { ApprovalStepResolver as j } from "./index482.js";
+import { extractStructureItemsFromScriptStep as q, processApprovalStructure as w, findUserApprovalCall as x } from "./index276.js";
+function C(i, p, v = "desc") {
   const {
-    api: t
-  } = n();
-  return t.finops.getPaymentLinksId.useQuery({
+    i18n: m
+  } = L(), {
+    api: n
+  } = b(), {
+    data: f,
+    isLoading: _
+  } = n.finops.getApprovalRequests.useQuery({
+    query: {
+      object_id: i,
+      object_type: "payable",
+      limit: 50,
+      order: v
+    }
+  }), {
+    data: g,
+    isLoading: h
+  } = n.finops.getApprovalPoliciesId.useQuery({
     path: {
-      payment_link_id: e ?? ""
+      approval_policy_id: p
+    }
+  }), u = s(() => f?.data || [], [f]), a = s(() => g?.script || [], [g]), o = s(() => !a.length || !u ? [] : new j(a, u, m).buildCompleteSteps(), [a, u, m]), l = s(() => {
+    const t = /* @__PURE__ */ new Set();
+    return a.forEach((e) => {
+      const r = q(e), S = w(r), y = x(S);
+      y?.params?.user_ids && y.params.user_ids.forEach((E) => t.add(E));
+    }), o.forEach((e) => {
+      e.actualAssignees.forEach((r) => t.add(r));
+    }), Array.from(t);
+  }, [a, o]), {
+    data: d,
+    isLoading: A
+  } = n.finops.getEntityUsers.useQuery({
+    query: {
+      id__in: l.length > 0 ? l : void 0,
+      limit: 100
     }
   }, {
-    enabled: !!e
-  });
-}, y = () => {
-  const {
-    api: e
-  } = n(), t = e.finops.postPaymentLinks.useMutation({});
-  return async (a, s, i, o) => t.mutateAsync({
-    recipient: {
-      id: s,
-      type: "counterpart"
-    },
-    object: {
-      id: a,
-      type: "payable"
-    },
-    payment_methods: i,
-    expires_at: new Date(
-      Date.now() + o * 24 * 3600 * 1e3
-      // x days from now
-    ).toISOString()
-  });
-};
+    enabled: l.length > 0
+  }), c = s(() => {
+    const t = /* @__PURE__ */ new Map();
+    return d?.data && d.data.forEach((e) => {
+      t.set(e.id, e);
+    }), t;
+  }, [d]);
+  return {
+    steps: s(() => o.map((t) => ({
+      ...t,
+      resolvedUsers: t.actualAssignees.map((e) => c.get(e)),
+      userNames: t.actualAssignees.map((e) => {
+        const r = c.get(e);
+        return r && (`${r.first_name || ""} ${r.last_name || ""}`.trim() || r.email || r.login) || e;
+      })
+    })), [o, c]),
+    isLoading: _ || h || A,
+    error: null
+  };
+}
+function $(i, p) {
+  return C(i, p.id, "desc");
+}
 export {
-  y as useCreatePayablePaymentLink,
-  r as usePaymentLinkById
+  $ as useResolvedApprovalStepsWithPolicy
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index477.js

@@ -1,22 +1,22 @@
-import { jsx as r } from "@emotion/react/jsx-runtime";
-import { useState as l, useEffect as c } from "react";
-const u = ({
-  shouldStartProgress: e,
-  isError: d,
-  isSuccess: w
-}) => {
-  const [a, o] = l(0);
-  return c(() => {
-    let s;
-    return e && (s = setInterval(() => {
-      o((t) => t < 98 ? t + 2 : t === 98 ? t + 1 : t);
-    }, 200)), () => {
-      clearInterval(s);
-    };
-  }, [e]), w ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-success ttw:rounded-md" }) : d ? /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-danger ttw:rounded-md" }) : /* @__PURE__ */ r("div", { className: "ttw:w-65.5 ttw:h-1.5 ttw:bg-neutral ttw:rounded-md", children: /* @__PURE__ */ r("div", { className: "ttw:bg-primary ttw:h-full ttw:rounded-md", style: {
-    width: `${a}%`
-  } }) });
+import { useMoniteContext as s } from "./index57.js";
+import { useUserPermissions as e } from "./index135.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 { Scope as t } from "../../shared/data-access/dist/lib/scopes.js";
+import "react";
+const d = () => {
+  const {
+    api: o
+  } = s(), r = e().has(t.AccountingConfigReadOrg);
+  return {
+    tagsQuery: o.finops.getTags.useQuery({}, {
+      enabled: r
+    })
+  };
 };
 export {
-  u as UploadBar
+  d as useTags
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index478.js

@@ -1,85 +1,54 @@
-const i = ({
-  variant: t,
-  isError: e = !1,
-  componentType: s,
-  showAvatar: a = !1,
-  showUsersAsEmail: n = !1,
-  className: w = ""
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useRootElements as T } from "./index92.js";
+import { Autocomplete as V, TextField as I } from "@mui/material";
+import { Controller as K } from "react-hook-form";
+const H = ({
+  control: m,
+  name: n,
+  label: a,
+  renderInput: i,
+  optionKey: r,
+  labelKey: s,
+  options: t,
+  required: p,
+  slotProps: d,
+  rules: g,
+  shouldUnregister: f,
+  disabled: c,
+  defaultValue: b,
+  readOnly: y,
+  onChange: S,
+  ...h
 }) => {
-  if (e) {
-    const r = `ttw:text-muted-foreground ${w}`;
-    return s === "user" && t !== "badge" ? {
-      useBadge: !1,
-      badgeVariant: "outline",
-      className: r,
-      showAvatar: !1,
-      showIcon: !1
-    } : {
-      useBadge: !0,
-      badgeVariant: "outline",
-      className: r,
-      showAvatar: !1,
-      showIcon: !1
-    };
-  }
-  return s === "user" ? o(t, a, n, w) : l(t, w);
+  const A = (e) => i ? (o) => i(o, {
+    error: e,
+    label: a,
+    required: p
+  }) : (o) => /* @__PURE__ */ l(I, { ...o, variant: "standard", required: p, label: a, error: !!e?.message, helperText: e?.message, inputProps: {
+    ...o.inputProps,
+    autoComplete: "new-password"
+  } }), C = (e) => e ? typeof e == "string" || Array.isArray(e) ? e : r ? String(e[r]) : e : "", O = (e) => e ? r ? t.find((o) => String(o[r]) === String(e)) ?? null : t.find((o) => String(o) === String(e)) ?? null : null, v = (e) => typeof e == "string" ? e : s ? `${e[s]}` : "", {
+    root: x
+  } = T();
+  return /* @__PURE__ */ l(K, { control: m, name: n, rules: g, shouldUnregister: f, defaultValue: b, render: ({
+    field: e,
+    fieldState: {
+      error: o,
+      isTouched: P
+    },
+    formState: {
+      isValid: q
+    }
+  }) => /* @__PURE__ */ l(V, { ...e, ...h, disabled: c, slotProps: {
+    ...d,
+    popper: {
+      ...d?.popper,
+      container: x
+    }
+  }, options: t, blurOnSelect: !0, onChange: (w, u, F, R) => {
+    e.onChange(C(u)), S?.(w, u, F, R);
+  }, value: O(e.value), id: n, getOptionLabel: v, renderInput: A(P || !q ? o : void 0), readOnly: y }) });
 };
-function o(t, e, s, a) {
-  switch (t) {
-    case "badge":
-      return {
-        useBadge: !0,
-        badgeVariant: "secondary",
-        className: `ttw:gap-1 ttw:px-2 ttw:py-1 ${a}`,
-        showAvatar: e,
-        showIcon: !1
-      };
-    case "cell":
-      return {
-        useBadge: !1,
-        badgeVariant: "secondary",
-        className: `ttw:text-sm ttw:font-medium ttw:text-foreground ttw:overflow-hidden ttw:text-ellipsis ttw:whitespace-nowrap ttw:block ${s ? "ttw:text-blue-600" : ""} ${a}`,
-        showAvatar: !1,
-        showIcon: !1
-      };
-    default:
-      return {
-        useBadge: !1,
-        badgeVariant: "secondary",
-        className: `ttw:text-sm ttw:font-medium ttw:text-foreground ${a}`,
-        showAvatar: !1,
-        showIcon: !1
-      };
-  }
-}
-function l(t, e) {
-  switch (t) {
-    case "filled":
-      return {
-        useBadge: !0,
-        badgeVariant: "secondary",
-        className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:h-8 ttw:bg-gray-100 ttw:text-gray-800 ttw:text-sm ttw:leading-4 ttw:font-medium ttw:whitespace-nowrap ttw:border-0 ttw:rounded-lg ttw:px-4 ttw:py-1 ${e}`,
-        showAvatar: !1,
-        showIcon: !1
-      };
-    case "outlined":
-      return {
-        useBadge: !0,
-        badgeVariant: "outline",
-        className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:rounded ttw:px-2 ttw:py-1 ttw:gap-1 ${e}`,
-        showAvatar: !1,
-        showIcon: !0
-      };
-    default:
-      return {
-        useBadge: !0,
-        badgeVariant: "secondary",
-        className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:h-8 ttw:bg-[rgb(248,248,255)] ttw:text-[rgb(55,55,255)] ttw:text-sm ttw:leading-4 ttw:font-medium ttw:whitespace-nowrap ttw:border-0 ttw:rounded-[7.98px] ttw:px-2 ttw:py-[7px] ttw:gap-2 ttw:transition-colors ${e}`,
-        showAvatar: !1,
-        showIcon: !0
-      };
-  }
-}
 export {
-  i as getVariantProps
+  H as RHFAutocomplete
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index479.js

@@ -1,42 +1,58 @@
-import { getSharedApprovalRuleLabel as _, getUsersFromListLabel as t } from "./index420.js";
-const r = {
-  SINGLE_USER: "single_user",
-  USERS_FROM_LIST: "users_from_list",
-  ROLES_FROM_LIST: "roles_from_list",
-  APPROVAL_CHAIN: "approval_chain"
-}, S = {
-  REQUEST_APPROVAL_BY_USERS: "ApprovalRequests.request_approval_by_users",
-  REQUEST_APPROVAL_BY_ROLES: "ApprovalRequests.request_approval_by_roles"
-}, L = (s, e) => {
-  switch (s) {
-    case r.SINGLE_USER:
-      return e._("Single user");
-    case r.USERS_FROM_LIST:
-      return e._("Users from the list");
-    case r.ROLES_FROM_LIST:
-      return e._("Roles from the list");
-    case r.APPROVAL_CHAIN:
-      return e._("Approval chain");
-    default:
-      return;
-  }
-}, l = (s, e, a) => {
-  switch (s) {
-    case r.SINGLE_USER:
-      return _.singleUser(e);
-    case r.USERS_FROM_LIST:
-      return t(e, a);
-    case r.ROLES_FROM_LIST:
-      return _.anyUserWithRole(e);
-    case r.APPROVAL_CHAIN:
-      return _.allUsersFromList(e);
-    default:
-      return;
-  }
+import { jsx as s, jsxs as g } from "@emotion/react/jsx-runtime";
+import { useRef as C } from "react";
+import { useCurrencies as b } from "./index58.js";
+import "./index92.js";
+import { useLingui as I } from "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { getCurrenciesArray as P } from "./index94.js";
+import "date-fns";
+import { Tooltip as T, TextField as $, Box as u } from "@mui/material";
+import { useIsTextTruncated as v } from "./index483.js";
+const z = ({
+  error: l,
+  required: a,
+  label: c,
+  showCodeOnly: t = !1,
+  showCurrencySymbol: d = !0,
+  showCurrencyCode: f = !1,
+  ...r
+}) => {
+  const {
+    i18n: h
+  } = I(), {
+    getSymbolFromCurrency: x
+  } = b(), p = C(null), i = r.inputProps.value, e = i ? P(h).find((m) => (t ? m.code : m.label) === i) : null;
+  let o = i;
+  e && t && (o = e.code), e && !t && (o = e.label, f && (o += ` (${e.code})`));
+  const n = e ? x(e.code) : "", w = e ? `${e.label} (${e.code})${n ? `, ${n}` : ""}` : "", y = v(p.current, o);
+  return /* @__PURE__ */ s(T, { title: y ? w : "", placement: "top", children: /* @__PURE__ */ s($, { ...r, inputProps: {
+    ...r.inputProps,
+    value: o
+  }, inputRef: p, required: a, label: c, error: !!l?.message, helperText: l?.message, InputProps: {
+    ...r.InputProps,
+    sx: {
+      "& input": {
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        whiteSpace: "nowrap"
+      }
+    },
+    endAdornment: /* @__PURE__ */ g(u, { sx: {
+      display: "flex",
+      alignItems: "center",
+      minWidth: 0,
+      height: "100%"
+    }, children: [
+      !t && d && n && /* @__PURE__ */ s(u, { sx: {
+        whiteSpace: "nowrap",
+        mr: 1
+      }, children: n }),
+      r.InputProps.endAdornment
+    ] })
+  } }) });
 };
 export {
-  r as APPROVAL_POLICY_RULE_TYPES,
-  S as APPROVAL_REQUEST_CALLS,
-  l as getRuleLabel,
-  L as getRuleName
+  z as CurrencyInput
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index48.js

@@ -3,14 +3,14 @@ import { useState as d, useCallback as n } from "react";
 import { TagFormModal as u } from "./index47.js";
 import { TagsTable as h } from "./index46.js";
 import { MoniteScopedProviders as C } from "./index83.js";
-import { useUserPermissions as x } from "./index131.js";
+import { useUserPermissions as x } from "./index135.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 { Scope as e } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as A } from "./index133.js";
+import { AccessRestriction as A } from "./index136.js";
 import { Button as T } from "./index84.js";
 import "clsx";
 import "tailwind-merge";

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index480.js

@@ -1,15 +1,45 @@
-import { useMemo as s } from "react";
-import { useGetProducts as i } from "./index167.js";
-const a = () => {
+import { jsxs as m, jsx as t } from "@emotion/react/jsx-runtime";
+import { createElement as c } from "@emotion/react";
+import { useCurrencies as d } from "./index58.js";
+import "react";
+import "./index92.js";
+import "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { MenuItem as a, Box as r } from "@mui/material";
+const j = ({
+  props: i,
+  option: e,
+  showCodeOnly: o = !1,
+  showCurrencyCode: s = !1,
+  showCurrencySymbol: l = !0
+}) => {
   const {
-    data: e,
-    isLoading: t
-  } = i();
-  return {
-    existingCurrencies: s(() => new Set(e?.data?.map((r) => r.price?.currency).filter((r) => !!r) ?? []), [e?.data]),
-    isLoadingProducts: t
-  };
+    getSymbolFromCurrency: n
+  } = d(), p = o ? e.code : `${e.label}${s ? " (" + e.code + ")" : ""}`;
+  return /* @__PURE__ */ c(a, { ...i, key: e.code, value: e.label, sx: {
+    width: "100%",
+    py: 1.25,
+    px: 2
+  } }, /* @__PURE__ */ m(r, { sx: {
+    display: "flex",
+    width: "100%",
+    alignItems: "center",
+    gap: 2
+  }, children: [
+    /* @__PURE__ */ t(r, { sx: {
+      flexGrow: 1,
+      minWidth: 0,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    }, children: p }),
+    l && !o && /* @__PURE__ */ t(r, { sx: {
+      flexShrink: 0
+    }, children: n(e.code) })
+  ] }));
 };
 export {
-  a as useExistingCurrenciesFromProducts
+  j as CurrencyOption
 };