@tesouro/embedded-components-react 0.2.68 → 0.2.70

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

@@ -1,144 +1,81 @@
-import { jsx as t, jsxs as a, Fragment as B } from "@emotion/react/jsx-runtime";
-import { useState as s, useMemo as N, useCallback as G } from "react";
-import { ProductDeleteModal as W } from "./index163.js";
-import { ProductType as q } from "./index164.js";
-import { Filters as H } from "./index165.js";
-import { useMoniteContext as Y } from "./index58.js";
-import { MoniteScopedProviders as J } from "./index84.js";
-import { useCurrencies as Q } from "./index59.js";
-import "./index93.js";
-import { useLingui as V } from "@lingui/react";
+import { jsx as e, jsxs as a } from "@emotion/react/jsx-runtime";
+import { MoniteScopedProviders as S } from "./index83.js";
+import { useCurrencies as v } from "./index58.js";
+import { useId as x, useMemo as C, useCallback as P } from "react";
+import "./index92.js";
+import { useLingui as g } from "@lingui/react";
 import "react-dom";
+import "./index57.js";
 import "@mui/x-data-grid";
-import { useUserPermissions as X } from "./index142.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 k } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as Z } from "./index152.js";
-import { Button as f } from "./index85.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dialog";
-import { ArrowUp as ee, ArrowDown as te, ArrowUpDown as oe, Plus as ie } from "lucide-react";
-import { DataTable as re } from "./index159.js";
-import { GetNoRowsOverlay as ae } from "./index158.js";
-import { MeasureUnit as se } from "./index166.js";
-import { hasSelectedText as ne } from "./index160.js";
-import { FILTER_TYPE_SEARCH as S } from "./index167.js";
+import { zodResolver as N } from "@hookform/resolvers/zod";
+import { Button as p } from "./index84.js";
+import { Sheet as U, SheetContent as _, SheetHeader as $, SheetTitle as F, SheetDescription as I, SheetFooter as j, SheetClose as D } from "./index130.js";
+import { LoadingSpinner as L } from "./index131.js";
+import { useForm as M, FormProvider as k } from "react-hook-form";
+import { useCreateProduct as q } from "./index199.js";
 import "react-hot-toast";
-import { useGetProducts as le } from "./index168.js";
-import { ManageMeasureUnits as ce } from "./index169.js";
-const Ge = (d) => /* @__PURE__ */ t(J, { children: /* @__PURE__ */ t(de, { ...d }) }), de = ({
-  onFilterChanged: d,
-  onSortChanged: g,
-  onRowClick: P,
-  onDeleted: T,
-  openCreateModal: w
+import { getProductValidationSchema as z } from "./index200.js";
+import { ProductFormContent as T } from "./index201.js";
+const ie = (s) => /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(V, { ...s }) }), V = ({
+  onClose: s,
+  open: u,
+  onCreated: h
 }) => {
   const {
-    i18n: i
-  } = V(), {
-    componentSettings: D
-  } = Y(), {
-    formatCurrencyToDisplay: h
-  } = Q(), [v, y] = s(!1), [M, m] = s(void 0), [_, b] = s(D.products.pageSizeOptions[0]), [n, R] = s({}), [r, C] = s(), [p, A] = s({
-    open: !1,
-    id: null
-  }), x = X(), L = x.has(k.InvoiceWriteOrg), $ = x.has(k.InvoiceReadOrg), {
-    data: l,
-    isLoading: j,
-    isError: z,
-    refetch: E
-  } = le({
-    sort: r?.field,
-    order: r?.sort,
-    limit: _,
-    pagination_token: M,
-    name__icontains: n[S] || void 0
-  }), F = (e, o) => {
-    m(void 0), R((c) => ({
-      ...c,
-      [e]: o === "all" ? null : o
-    })), d?.({
-      field: e,
-      value: o
-    });
-  }, u = N(() => r ? [{
-    id: r.field,
-    desc: r.sort === "desc"
-  }] : [], [r]), I = G((e) => {
-    const o = typeof e == "function" ? e(u) : e;
-    if (o.length > 0) {
-      const c = {
-        field: o[0].id,
-        sort: o[0].desc ? "desc" : "asc"
-      };
-      C(c), g?.(c);
-    } else
-      C(void 0);
-    m(void 0);
-  }, [u, g]), O = N(() => [{
-    accessorKey: "name",
-    header: ({
-      column: e
-    }) => {
-      const o = e.getIsSorted();
-      return /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
-        i._("Name"),
-        /* @__PURE__ */ t(f, { variant: "ghost", onClick: () => e.toggleSorting(o === "asc"), children: o === "asc" ? /* @__PURE__ */ t(ee, { className: "ttw:size-4" }) : o === "desc" ? /* @__PURE__ */ t(te, { className: "ttw:size-4" }) : /* @__PURE__ */ t(oe, { className: "ttw:size-4" }) })
-      ] });
-    },
-    cell: ({
-      row: e
-    }) => /* @__PURE__ */ t("span", { children: e.original.name })
-  }, {
-    accessorKey: "type",
-    header: i._("Type"),
-    cell: ({
-      row: e
-    }) => e.original.type ? /* @__PURE__ */ t(q, { type: e.original.type }) : null
-  }, {
-    accessorKey: "description",
-    header: i._("Description"),
-    cell: ({
-      row: e
-    }) => /* @__PURE__ */ t("div", { className: "ttw:w-120", children: /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:inline-block ttw:truncate", children: e.original?.description }) })
-  }, {
-    accessorKey: "price",
-    header: () => /* @__PURE__ */ t("div", { className: "ttw:text-right", children: i._("Price per unit") }),
-    cell: ({
-      row: e
-    }) => {
-      const o = e.original.price;
-      return /* @__PURE__ */ a("div", { className: "ttw:justify-end ttw:flex ttw:gap-1 ttw:items-center", children: [
-        o ? h(o.value, o.currency) : "",
-        /* @__PURE__ */ t(se, { unitId: e.original.measure_unit_id ?? "" })
-      ] });
-    }
-  }], [i, h]), U = Object.keys(n).some((e) => n[e] !== null && n[e] !== void 0), K = !!n[S];
-  return $ ? /* @__PURE__ */ a(B, { children: [
-    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125", children: /* @__PURE__ */ t(re, { columns: O, data: l?.data ?? [], sorting: u, onSortingChange: I, pageSize: _, onPageSizeChange: b, nextPaginationToken: l?.next_pagination_token ?? void 0, prevPaginationToken: l?.prev_pagination_token ?? void 0, onPaginationTokenChange: m, onRowClick: (e) => {
-      ne() || P?.(e.id);
-    }, filterComponent: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:px-4", children: [
-      /* @__PURE__ */ t(H, { onChangeFilter: F }),
-      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-2", children: [
-        /* @__PURE__ */ t(f, { variant: "ghost", onClick: () => y(!0), className: "ttw:py-0 ttw:text-primary ttw:hover:text-primary", children: i._("Manage units of measure") }),
-        /* @__PURE__ */ a(f, { disabled: !L, onClick: w, className: "ttw:py-0", children: [
-          /* @__PURE__ */ t(ie, {}),
-          i._("Add product or service")
-        ] })
+    i18n: r
+  } = g(), {
+    formatToMinorUnits: m
+  } = v(), c = `product-form-${x()}`, {
+    mutate: l,
+    isPending: o
+  } = q(h), w = C(() => ({
+    name: "",
+    type: "product",
+    measureUnitId: "",
+    pricePerUnit: void 0,
+    currency: "USD",
+    description: void 0
+  }), []), {
+    watch: i,
+    ...n
+  } = M({
+    resolver: N(z(r)),
+    defaultValues: w
+  }), f = i("type"), b = !!i("name")?.trim() && i("pricePerUnit") !== void 0, y = P((d) => {
+    d.preventDefault(), d.stopPropagation(), n.handleSubmit((t) => {
+      l({
+        body: {
+          name: t.name,
+          type: t.type,
+          price: {
+            value: m(t.pricePerUnit, t.currency) ?? 0,
+            currency: t.currency
+          },
+          description: t.description,
+          ...t.measureUnitId ? {
+            measure_unit_id: t.measureUnitId
+          } : {}
+        }
+      });
+    })(d);
+  }, [l, m, n.handleSubmit]);
+  return /* @__PURE__ */ e(U, { open: u, onOpenChange: s, children: /* @__PURE__ */ a(_, { className: "ttw:gap-0", children: [
+    /* @__PURE__ */ a($, { className: "ttw:border-b ttw:border-border", children: [
+      /* @__PURE__ */ e(F, { className: "ttw:text-2xl", children: r._("Add a product or service") }),
+      /* @__PURE__ */ e(I, { className: "ttw:max-w-130", children: r._("Save the products and services you sell so you can quickly add them as line items on invoices.") })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:px-6 ttw:py-8 ttw:overflow-auto", children: /* @__PURE__ */ e(k, { ...n, watch: i, children: /* @__PURE__ */ e("form", { id: c, onSubmit: y, children: /* @__PURE__ */ e(T, { isLoading: o }) }) }) }),
+    /* @__PURE__ */ a(j, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: [
+      /* @__PURE__ */ e(D, { asChild: !0, children: /* @__PURE__ */ e(p, { variant: "outline", disabled: o, className: "ttw:flex-1 ttw:border-border", children: r._("Cancel") }) }),
+      /* @__PURE__ */ a(p, { type: "submit", form: c, className: "ttw:flex-1", title: r._("Complete the form to continue"), disabled: o || !b, children: [
+        o && /* @__PURE__ */ e(L, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
+        r._("Save {type}", {
+          type: f
+        })
       ] })
-    ] }), children: /* @__PURE__ */ t(ae, { isLoading: j, dataLength: l?.data.length || 0, isFiltering: U, isSearching: K, isError: z, onCreate: w, refetch: E, filterTitle: i._("No product or service found"), filterDescription1: i._("Try adjusting your search or filter criteria"), entityName: i._("products or services"), actionButtonLabel: i._("Add your first product or service"), actionOptions: [i._("Product")], noDataTitle: i._("Build your products & services list."), noDataDescription1: i._("Save the products and services you sell so you can quickly add them as line items on invoices."), type: "no-data" }) }) }),
-    p.id && /* @__PURE__ */ t(W, { id: p.id, open: p.open, onDeleted: T, onClose: () => A((e) => ({
-      ...e,
-      open: !1
-    })) }),
-    v && /* @__PURE__ */ t(ce, { open: v, handleClose: () => y(!1) })
-  ] }) : /* @__PURE__ */ t(Z, {});
+    ] })
+  ] }) });
 };
 export {
-  Ge as ProductsTable
+  ie as CreateProduct
 };

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

@@ -1,12 +1,71 @@
-const o = ["draft", "new", "waiting_to_be_paid", "approve_in_progress"], s = (n) => {
-  if (!n.due_date) return 0;
-  const e = /* @__PURE__ */ new Date();
-  e.setUTCHours(0, 0, 0, 0);
-  const t = new Date(n.due_date);
-  if (t.setUTCHours(0, 0, 0, 0), t.getTime() === e.getTime()) return 0;
-  const r = o.includes(n.status), i = t.getTime() < e.getTime();
-  return !r || !i ? 0 : Math.floor((e.getTime() - t.getTime()) / 864e5);
+import { jsx as a, jsxs as x, Fragment as h } from "@emotion/react/jsx-runtime";
+import { Controller as y } from "react-hook-form";
+import { useRootElements as D } from "./index92.js";
+import { Alert as F } from "@mui/material";
+import { DatePicker as C } from "@mui/x-date-pickers";
+import { parse as P, format as T } from "date-fns";
+const M = ({
+  control: p,
+  name: n,
+  slotProps: o,
+  valueAs: c = "date",
+  stringFormat: s = "yyyy-MM-dd",
+  ...d
+}) => {
+  const i = (e) => e?.type === "custom", {
+    root: l
+  } = D();
+  return /* @__PURE__ */ a(y, { control: p, name: n, render: ({
+    field: e,
+    fieldState: {
+      error: r,
+      isTouched: u
+    },
+    formState: {
+      isValid: f
+    }
+  }) => {
+    const m = (u || !f) && !i(r), g = e.value !== null ? typeof e.value == "string" ? P(e.value, s, /* @__PURE__ */ new Date()) : new Date(e.value) : null;
+    return /* @__PURE__ */ x(h, { children: [
+      /* @__PURE__ */ a(
+        C,
+        {
+          ...e,
+          ...d,
+          value: g,
+          onChange: (t) => {
+            if (t instanceof Date && !Number.isNaN(t.getTime())) {
+              const v = c === "string" ? T(t, s) : t;
+              e.onChange(v);
+            } else
+              e.onChange(null);
+          },
+          slotProps: {
+            ...o,
+            popper: {
+              ...o?.popper,
+              container: l
+            },
+            dialog: {
+              ...o?.dialog,
+              container: l
+            },
+            textField: {
+              variant: "standard",
+              ...o?.textField,
+              id: n,
+              error: m && !!r?.message,
+              helperText: m && r?.message
+            }
+          }
+        }
+      ),
+      i(r) && /* @__PURE__ */ a(F, { severity: "error", icon: !1, sx: {
+        marginTop: -2
+      }, children: r?.message })
+    ] });
+  } });
 };
 export {
-  s as getInvoiceOverdueDays
+  M as RHFDatePicker
 };

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

@@ -1,31 +1,59 @@
-import { jsxs as r, jsx as t } from "@emotion/react/jsx-runtime";
-import { useMemo as d } from "react";
-import { styled as s, TableCell as i, Card as m, Table as c, TableBody as h, TableRow as p } from "@mui/material";
-const b = s(i)(({
-  theme: e,
-  isRequired: l
-}) => ({
-  color: l ? e.palette.error.main : e.palette.text.secondary,
-  minWidth: 120,
-  width: "35%"
-})), u = (e) => {
-  const l = d(() => !e.value && e.withEmptyStateFiller ? "—" : e.value, [e.value, e.withEmptyStateFiller]);
-  return l ? /* @__PURE__ */ r(p, { children: [
-    /* @__PURE__ */ t(b, { component: "th", scope: "row", children: e.label }),
-    /* @__PURE__ */ t(i, { children: l })
-  ] }) : null;
-}, y = ({
-  items: e,
-  children: l,
-  ...a
-}) => /* @__PURE__ */ r(m, { variant: "outlined", sx: {
-  overflow: "visible"
-}, ...a, children: [
-  /* @__PURE__ */ t(c, { children: /* @__PURE__ */ t(h, { children: e.map((o, n) => /* @__PURE__ */ t(u, { ...o }, n)) }) }),
-  l
-] });
+import { jsx as t, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
+import { Controller as v } from "react-hook-form";
+import { useRootElements as P } from "./index92.js";
+import { TextField as T, Alert as y } from "@mui/material";
+const j = ({
+  control: l,
+  name: n,
+  SelectProps: s,
+  type: a,
+  ...c
+}) => {
+  const i = (e) => e?.type === "custom", {
+    root: p
+  } = P();
+  return /* @__PURE__ */ t(v, { control: l, name: n, render: ({
+    field: e,
+    fieldState: {
+      error: r,
+      isTouched: d
+    },
+    formState: {
+      isValid: u
+    }
+  }) => {
+    const m = (d || !u) && !i(r), g = (f) => {
+      const o = f.target.value;
+      a === "number" ? e.onChange(o === "" ? void 0 : Number(o)) : e.onChange(o);
+    };
+    return /* @__PURE__ */ h(x, { children: [
+      /* @__PURE__ */ t(
+        T,
+        {
+          ...e,
+          ...c,
+          id: n,
+          variant: "standard",
+          type: a,
+          value: e.value ?? "",
+          onChange: g,
+          error: m && !!r?.message,
+          helperText: m && r?.message,
+          SelectProps: {
+            ...s,
+            MenuProps: {
+              ...s?.MenuProps,
+              container: p
+            }
+          }
+        }
+      ),
+      i(r) && /* @__PURE__ */ t(y, { severity: "error", icon: !1, sx: {
+        marginTop: -2
+      }, children: r?.message })
+    ] });
+  } });
+};
 export {
-  y as MoniteCard,
-  u as MoniteCardItem,
-  b as StyledLabelTableCell
+  j as RHFTextField
 };

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

@@ -1,71 +1,43 @@
-import { jsx as a, jsxs as x, Fragment as h } from "@emotion/react/jsx-runtime";
-import { Controller as y } from "react-hook-form";
-import { useRootElements as D } from "./index93.js";
-import { Alert as F } from "@mui/material";
-import { DatePicker as C } from "@mui/x-date-pickers";
-import { parse as P, format as T } from "date-fns";
-const M = ({
-  control: p,
-  name: n,
-  slotProps: o,
-  valueAs: c = "date",
-  stringFormat: s = "yyyy-MM-dd",
+import { jsx as l, jsxs as f, Fragment as x } from "@emotion/react/jsx-runtime";
+import { Controller as h } from "react-hook-form";
+import { Alert as g } from "@mui/material";
+import { TimeField as T } from "@mui/x-date-pickers";
+const q = ({
+  control: n,
+  name: o,
+  required: a,
+  fullWidth: m,
+  slotProps: s,
   ...d
 }) => {
-  const i = (e) => e?.type === "custom", {
-    root: l
-  } = D();
-  return /* @__PURE__ */ a(y, { control: p, name: n, render: ({
-    field: e,
+  const i = (r) => r?.type === "custom";
+  return /* @__PURE__ */ l(h, { control: n, name: o, render: ({
+    field: r,
     fieldState: {
-      error: r,
+      error: e,
       isTouched: u
     },
     formState: {
-      isValid: f
+      isValid: c
     }
   }) => {
-    const m = (u || !f) && !i(r), g = e.value !== null ? typeof e.value == "string" ? P(e.value, s, /* @__PURE__ */ new Date()) : new Date(e.value) : null;
-    return /* @__PURE__ */ x(h, { children: [
-      /* @__PURE__ */ a(
-        C,
-        {
-          ...e,
-          ...d,
-          value: g,
-          onChange: (t) => {
-            if (t instanceof Date && !Number.isNaN(t.getTime())) {
-              const v = c === "string" ? T(t, s) : t;
-              e.onChange(v);
-            } else
-              e.onChange(null);
-          },
-          slotProps: {
-            ...o,
-            popper: {
-              ...o?.popper,
-              container: l
-            },
-            dialog: {
-              ...o?.dialog,
-              container: l
-            },
-            textField: {
-              variant: "standard",
-              ...o?.textField,
-              id: n,
-              error: m && !!r?.message,
-              helperText: m && r?.message
-            }
-          }
+    const t = (u || !c) && !i(e), p = r.value !== null ? new Date(r.value) : null;
+    return /* @__PURE__ */ f(x, { children: [
+      /* @__PURE__ */ l(T, { ...r, ...d, variant: "standard", required: a, fullWidth: m, value: p, helperText: t && e?.message, slotProps: {
+        ...s,
+        textField: {
+          ...s?.textField,
+          id: o,
+          error: t && !!e?.message,
+          helperText: t && e?.message
         }
-      ),
-      i(r) && /* @__PURE__ */ a(F, { severity: "error", icon: !1, sx: {
+      } }),
+      i(e) && /* @__PURE__ */ l(g, { severity: "error", icon: !1, sx: {
         marginTop: -2
-      }, children: r?.message })
+      }, children: e?.message })
     ] });
   } });
 };
 export {
-  M as RHFDatePicker
+  q as RHFTimePicker
 };

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

@@ -1,59 +1,32 @@
-import { jsx as t, jsxs as h, Fragment as x } from "@emotion/react/jsx-runtime";
-import { Controller as v } from "react-hook-form";
-import { useRootElements as P } from "./index93.js";
-import { TextField as T, Alert as y } from "@mui/material";
-const j = ({
-  control: l,
-  name: n,
-  SelectProps: s,
-  type: a,
-  ...c
-}) => {
-  const i = (e) => e?.type === "custom", {
-    root: p
-  } = P();
-  return /* @__PURE__ */ t(v, { control: l, name: n, render: ({
-    field: e,
-    fieldState: {
-      error: r,
-      isTouched: d
-    },
-    formState: {
-      isValid: u
-    }
-  }) => {
-    const m = (d || !u) && !i(r), g = (f) => {
-      const o = f.target.value;
-      a === "number" ? e.onChange(o === "" ? void 0 : Number(o)) : e.onChange(o);
-    };
-    return /* @__PURE__ */ h(x, { children: [
-      /* @__PURE__ */ t(
-        T,
-        {
-          ...e,
-          ...c,
-          id: n,
-          variant: "standard",
-          type: a,
-          value: e.value ?? "",
-          onChange: g,
-          error: m && !!r?.message,
-          helperText: m && r?.message,
-          SelectProps: {
-            ...s,
-            MenuProps: {
-              ...s?.MenuProps,
-              container: p
-            }
-          }
-        }
-      ),
-      i(r) && /* @__PURE__ */ t(y, { severity: "error", icon: !1, sx: {
-        marginTop: -2
-      }, children: r?.message })
-    ] });
-  } });
+const n = {
+  WAS_CREATED_BY_USER_ID: "was_created_by_user_id",
+  COUNTERPART_ID: "counterpart_id",
+  TAGS: "tags.id",
+  AMOUNT: "amount",
+  CURRENCY: "currency"
+}, o = (e) => Object.values(n).includes(e), r = {
+  IN: "in",
+  EQUALS: "==",
+  GREATER_THAN: ">",
+  LESS_THAN: "<",
+  GREATER_THAN_OR_EQUAL: ">=",
+  LESS_THAN_OR_EQUAL: "<=",
+  RANGE: "range"
+}, i = (e) => Object.values(r).includes(e), a = (e) => e.replace("invoice.", ""), t = (e) => e.operator === r.IN && typeof e.left_operand == "string" && typeof e.right_operand == "object" && e.right_operand && "name" in e.right_operand, _ = (e) => !!e.left_operand && typeof e.left_operand == "object" && "name" in e.left_operand, l = (e) => t(e) ? {
+  key: a(e.right_operand.name),
+  value: e.left_operand
+} : _(e) ? {
+  key: a(e.left_operand?.name),
+  value: e.right_operand
+} : {
+  key: null,
+  value: null
 };
 export {
-  j as RHFTextField
+  n as NAMED_VALUES,
+  r as OPERATOR_OPERATIONS,
+  a as extractFieldName,
+  l as getTriggerKeyAndValue,
+  i as isValidOperation,
+  o as isValidTriggerKey
 };