@tesouro/embedded-components-react 0.2.208 → 0.2.211

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

@@ -1,70 +1,61 @@
-import { jsx as o, jsxs as V } from "@emotion/react/jsx-runtime";
-import { useState as x, useEffect as q } from "react";
-import { Controller as C } from "react-hook-form";
-import { Minus as R, Plus as M } from "lucide-react";
-import { InputGroup as N, InputGroupAddon as v, InputGroupButton as y, InputGroupInput as B } from "./index101.js";
-const I = (e) => Math.round(e * 100) / 100, b = (e) => {
-  let t = e.replace(/[^0-9.]/g, "");
-  const n = t.indexOf(".");
-  return n !== -1 && (t = t.slice(0, n + 1) + t.slice(n + 1).replace(/\./g, ""), t = t.slice(0, n + 3)), t;
-}, E = ({
-  field: e,
-  index: t,
-  canRemove: n,
-  hasProduct: s,
-  hasQuantityError: m,
-  onLineItemValueChange: l,
-  onRemoveItem: d
+import { jsx as e, jsxs as o } from "@emotion/react/jsx-runtime";
+import { User as x } from "./index296.js";
+import { PayableStatusChip as u } from "./index168.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 "./index483.js";
+const j = ({
+  approvalPolicy: d,
+  payableId: p,
+  showUsersAsEmail: h = !0
 }) => {
-  const i = Math.max(0, Number(e.value) || 0), w = n ? 0 : 1, [p, c] = x(i === 0 ? "" : String(i)), [h, f] = x(!1);
-  q(() => {
-    if (!h) {
-      const r = i === 0 ? "" : String(i);
-      r !== p && c(r);
-    }
-  }, [i, h, p]);
-  const g = (r) => {
-    const a = I(r);
-    if (a <= 0 && n) {
-      d(t);
-      return;
-    }
-    const u = Math.max(w, a);
-    l("quantity", u, {
-      shouldValidate: !0
-    });
-  };
-  return /* @__PURE__ */ V(N, { className: "ttw:w-26 ttw:min-w-26 ttw:has-[>[data-align=inline-start]]:[&>input]:pl-0 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
-    /* @__PURE__ */ o(v, { align: "inline-start", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s || !n && i <= 1, onClick: () => g(i - 1), children: /* @__PURE__ */ o(R, {}) }) }),
-    /* @__PURE__ */ o(B, { ref: e.ref, name: e.name, type: "text", inputMode: "decimal", "aria-invalid": m || void 0, value: p, className: "ttw:text-center ttw:px-0", onFocus: () => f(!0), onChange: (r) => {
-      const a = b(r.target.value);
-      c(a);
-      const u = a === "" || a === "." ? 0 : Number(a);
-      l("quantity", u, {
-        shouldValidate: !1
-      });
-    }, onBlur: (r) => {
-      f(!1);
-      const a = b(r.target.value), u = a === "" || a === "." ? 0 : I(Number(a));
-      u <= 0 ? n ? d(t) : (c("1"), l("quantity", 1, {
-        shouldValidate: !0
-      })) : (c(String(u)), l("quantity", u, {
-        shouldValidate: !0
-      })), e.onBlur();
-    } }),
-    /* @__PURE__ */ o(v, { align: "inline-end", children: /* @__PURE__ */ o(y, { type: "button", size: "icon-xs", disabled: !s, onClick: () => g(i + 1), children: /* @__PURE__ */ o(M, {}) }) })
-  ] });
-}, z = ({
-  index: e,
-  control: t,
-  quantityError: n,
-  canRemove: s,
-  hasProduct: m,
-  onLineItemValueChange: l,
-  onRemoveItem: d
-}) => /* @__PURE__ */ o(C, { name: `line_items.${e}.quantity`, control: t, render: ({
-  field: i
-}) => /* @__PURE__ */ o(E, { field: i, index: e, canRemove: s, hasProduct: m, hasQuantityError: n, onLineItemValueChange: l, onRemoveItem: d }) });
+  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;
+};
 export {
-  z as QuantityField
+  j as PayableApprovalFlowSection
 };

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

@@ -1,41 +1,35 @@
-import { jsxs as t, Fragment as f, jsx as a } from "@emotion/react/jsx-runtime";
-import { useState as h } from "react";
-import { ManageMeasureUnits as v } from "./index184.js";
-import { Select as g, SelectTrigger as x, SelectValue as w, SelectContent as S, SelectItem as l } from "./index266.js";
-import { useLingui as _ } from "@lingui/react";
-import { Plus as b } from "lucide-react";
-const s = "__none__", E = ({
-  value: n,
-  availableMeasureUnits: o,
-  error: m,
-  fieldError: c,
-  disabled: u = !1,
-  onChange: d
+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
 }) => {
   const {
-    i18n: r
-  } = _(), [p, i] = h(!1);
-  return /* @__PURE__ */ t(f, { children: [
-    /* @__PURE__ */ t(g, { value: n || s, onValueChange: (e) => {
-      if (e === "create") {
-        i(!0);
-        return;
-      }
-      d(e === s ? "" : e);
-    }, disabled: u, children: [
-      /* @__PURE__ */ a(x, { "aria-invalid": m || !!c || void 0, className: "ttw:w-22", children: /* @__PURE__ */ a(w, { className: "ttw:truncate", placeholder: r._("Select") }) }),
-      /* @__PURE__ */ t(S, { children: [
-        /* @__PURE__ */ t(l, { value: "create", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
-          /* @__PURE__ */ a(b, { className: "ttw:text-primary" }),
-          r._("Manage measure units")
-        ] }),
-        /* @__PURE__ */ a(l, { value: s, children: r._("None") }),
-        o?.map((e) => /* @__PURE__ */ a(l, { value: e.id, children: e.name }, e.id))
-      ] })
-    ] }),
-    p && /* @__PURE__ */ a(v, { open: !0, handleClose: () => i(!1) })
+    root: m
+  } = g(), {
+    i18n: e
+  } = D(), [i, c] = T(l), d = (u) => {
+    c(u);
+  }, p = () => {
+    s?.(i), 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 {
-  E as MeasureUnitField
+  R as TagsModal
 };

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

@@ -1,70 +1,15 @@
 import { useMemo as s } from "react";
-import { useMoniteContext as b } from "./index57.js";
-import { useLingui as L } from "@lingui/react";
-import { ApprovalStepResolver as q } from "./index484.js";
-import { extractStructureItemsFromScriptStep as w, processApprovalStructure as x, findUserApprovalCall as C } from "./index286.js";
-function I(i, p, v = "desc") {
+import { useGetProducts as i } from "./index145.js";
+const a = () => {
   const {
-    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: {
-      approval_policy_id: p
-    }
-  }), u = s(() => f?.data || [], [f]), a = s(() => g?.script || [], [g]), o = s(() => !a.length || !u ? [] : new q(a, u, m).buildCompleteSteps(), [a, u, m]), l = s(() => {
-    const t = /* @__PURE__ */ new Set();
-    return a.forEach((e) => {
-      const r = w(e), S = x(r), y = C(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: l.length > 0
-  }), c = s(() => {
-    const t = /* @__PURE__ */ new Map();
-    return d?.data && d.data.forEach((e) => {
-      t.set(e.id, e);
-    }), t;
-  }, [d]);
+    data: e,
+    isLoading: t
+  } = i();
   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
+    existingCurrencies: s(() => new Set(e?.data?.map((r) => r.price?.currency).filter((r) => !!r) ?? []), [e?.data]),
+    isLoadingProducts: t
   };
-}
-function j(i, p) {
-  return I(i, p.id, "desc");
-}
+};
 export {
-  j as useResolvedApprovalStepsWithPolicy
+  a as useExistingCurrenciesFromProducts
 };

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

@@ -1,15 +1,70 @@
 import { useMemo as s } from "react";
-import { useGetProducts as i } from "./index183.js";
-const a = () => {
+import { useMoniteContext as b } from "./index57.js";
+import { useLingui as L } from "@lingui/react";
+import { ApprovalStepResolver as q } from "./index489.js";
+import { extractStructureItemsFromScriptStep as w, processApprovalStructure as x, findUserApprovalCall as C } from "./index298.js";
+function I(i, p, v = "desc") {
   const {
-    data: e,
-    isLoading: t
-  } = i();
+    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: {
+      approval_policy_id: p
+    }
+  }), u = s(() => f?.data || [], [f]), a = s(() => g?.script || [], [g]), o = s(() => !a.length || !u ? [] : new q(a, u, m).buildCompleteSteps(), [a, u, m]), l = s(() => {
+    const t = /* @__PURE__ */ new Set();
+    return a.forEach((e) => {
+      const r = w(e), S = x(r), y = C(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: 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 {
-    existingCurrencies: s(() => new Set(e?.data?.map((r) => r.price?.currency).filter((r) => !!r) ?? []), [e?.data]),
-    isLoadingProducts: t
+    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 j(i, p) {
+  return I(i, p.id, "desc");
+}
 export {
-  a as useExistingCurrenciesFromProducts
+  j as useResolvedApprovalStepsWithPolicy
 };

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

@@ -1,50 +1,54 @@
-import { extractApprovalCalls as n, findUserApprovalCall as u, findRoleApprovalCall as h, getApprovalRuleLabel as v, processChainApprovalCalls as d, createChainApprovalStep as A, resolveStepForCall as C, createBaseApprovalStep as i, extractItemsFromScriptStep as S } from "./index286.js";
-class q {
-  constructor(t, s, e) {
-    this.policyScript = t, this.requests = s, this.i18n = e;
-  }
-  policyScript;
-  requests;
-  i18n;
-  processApprovalItem(t, s) {
-    const e = n(t), r = u(e), o = h(e), a = v(r, o, this.i18n);
-    if (e.length > 1 && r) {
-      const {
-        allChainUserIds: p,
-        allChainRequests: l
-      } = d(e, this.requests), c = this.i18n._("All users from the list");
-      return A(p, l, s, c);
-    } else {
-      const p = e[0];
-      if (p) {
-        const l = C(p, this.requests);
-        return i(l, s, a);
-      }
-      return i({
-        assignees: [],
-        actualAssignees: [],
-        relatedRequests: [],
-        stepStatus: "waiting",
-        approvalRequestId: void 0,
-        approvedBy: void 0,
-        objectId: void 0,
-        rejectedBy: void 0,
-        requiredApprovalCount: 1
-      }, s, a);
+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
+}) => {
+  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
     }
-  }
-  buildCompleteSteps() {
-    const t = [];
-    let s = 1;
-    return this.policyScript.forEach((e) => {
-      const r = S(e);
-      r.length > 0 && (r.forEach((o) => {
-        const a = this.processApprovalItem(o, s);
-        t.push(a);
-      }), s++);
-    }), t;
-  }
-}
+  }) => /* @__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 }) });
+};
 export {
-  q as ApprovalStepResolver
+  H as RHFAutocomplete
 };

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

@@ -1,42 +1,58 @@
-import { jsx as n, jsxs as a, Fragment as v } from "@emotion/react/jsx-runtime";
-import { createElement as x } from "@emotion/react";
-import { useLedgerAccounts as L } from "./index20.js";
-import { useRootElements as C } from "./index92.js";
-import { useLingui as T } from "@lingui/react";
-import { FormControl as G, TextField as p, Autocomplete as P, Typography as s, CircularProgress as A } from "@mui/material";
-import { useMemo as m } from "react";
-const k = ({
-  value: r,
-  error: u,
-  helperText: c,
-  disabled: h,
-  placeholder: y,
-  onChange: f
+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 "./index490.js";
+const z = ({
+  error: l,
+  required: a,
+  label: c,
+  showCodeOnly: t = !1,
+  showCurrencySymbol: d = !0,
+  showCurrencyCode: f = !1,
+  ...r
 }) => {
   const {
-    i18n: t
-  } = T(), {
-    data: l,
-    isLoading: d,
-    error: g
-  } = L(), {
-    root: b
-  } = C(), i = m(() => l?.data ?? [], [l?.data]), _ = m(() => r ? i.find((e) => e.id === r) ?? null : null, [r, i]);
-  return g ? /* @__PURE__ */ n(G, { error: !0, fullWidth: !0, children: /* @__PURE__ */ n(p, { label: t._("GL Code"), variant: "standard", disabled: !0, error: !0, helperText: t._("Failed to load GL codes") }) }) : /* @__PURE__ */ n(P, { options: i, value: _, onChange: (e, o) => f(o?.id || null), getOptionLabel: (e) => e.nominal_code && e.type ? `${e.nominal_code} — ${e.type}` : e.nominal_code || e.type || e.name || "", isOptionEqualToValue: (e, o) => e.id === o.id, loading: d, disabled: h || d, slotProps: {
-    popper: {
-      container: b
-    }
-  }, renderInput: (e) => /* @__PURE__ */ n(p, { ...e, label: t._("GL Code"), variant: "standard", fullWidth: !0, error: u, helperText: c, placeholder: y, InputProps: {
-    ...e.InputProps,
-    endAdornment: /* @__PURE__ */ a(v, { children: [
-      d ? /* @__PURE__ */ n(A, { color: "inherit", size: 20 }) : null,
-      e.InputProps.endAdornment
+    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
     ] })
-  } }), renderOption: (e, o) => /* @__PURE__ */ x("li", { ...e, key: o.id }, /* @__PURE__ */ a("div", { children: [
-    /* @__PURE__ */ n(s, { variant: "body2", color: "text.secondary", component: "div", fontWeight: 600, children: o.nominal_code && o.type ? `${o.nominal_code} — ${o.type}` : o.nominal_code || o.type }),
-    o.subtype && /* @__PURE__ */ n(s, { variant: "body2", component: "div", fontWeight: 400, children: o.subtype })
-  ] })), noOptionsText: t._("No GL codes found") });
+  } }) });
 };
 export {
-  k as GLCodeSelector
+  z as CurrencyInput
 };