@tesouro/embedded-components-react 0.2.68 → 0.2.71

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

@@ -1,114 +1,18 @@
-import { jsxs as s, jsx as a } from "@emotion/react/jsx-runtime";
-import "react-hot-toast";
-import "./index58.js";
-import { useLingui as j } from "@lingui/react";
-import { useState as I, Fragment as O } from "react";
-import { format as G } from "date-fns";
-import { useUserPermissions as k } 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 F } from "../../shared/data-access/dist/lib/scopes.js";
-import "clsx";
-import "tailwind-merge";
-import "@radix-ui/react-dropdown-menu";
-import { Plus as U, Loader2 as B } from "lucide-react";
-import { Button as h } from "./index85.js";
-import { useGetOverdueReminders as L } from "./index408.js";
-import { useCreateOverdueReminder as V } from "./index409.js";
-import { useGetPaymentTermById as Y } from "./index411.js";
-import "./index93.js";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useFormContext as z } from "react-hook-form";
-import { calculateDueDate as K } from "./index7.js";
-import { CUSTOM_DATE_PAYMENT_TERM as W, RECEIPT_DUE_PAYMENT_TERM as q } from "./index190.js";
-import { RadioGroup as H, RadioGroupItem as b } from "./index319.js";
-import { Typography as n } from "./index86.js";
-import { Input as J } from "./index123.js";
-const Q = "MMM d, yyyy", N = 3, Et = ({
-  disabled: l
-}) => {
+import { useMoniteContext as e } from "./index57.js";
+const a = () => {
   const {
-    data: u
-  } = L(), [o, c] = I([""]), {
-    i18n: e
-  } = j(), T = k().has(F.InvoiceWriteOrg), {
-    watch: w,
-    setValue: y
-  } = z(), A = w("overdue_reminder_id"), p = w("payment_terms_id"), C = w("payment_terms_custom_date"), v = p === W, _ = p === q, P = p && !v && !_ ? p : void 0, {
-    data: g
-  } = Y(P), x = v ? C ?? void 0 : _ ? /* @__PURE__ */ new Date() : g && K(g) || void 0, {
-    mutate: E,
-    isPending: d
-  } = V(), M = (t, i) => {
-    c((m) => m.map((r, f) => f === t ? i : r));
-  }, R = () => {
-    c((t) => t.length < N ? [...t, ""] : t);
-  }, D = () => {
-    c([""]);
-  }, $ = o.every((t) => Number(t) >= 1), S = () => {
-    const t = o.map((r) => Number(r)).sort((r, f) => r - f), i = t.map((r) => r === 1 ? e._("{daysAfter} day", {
-      daysAfter: r
-    }) : e._("{daysAfter} days", {
-      daysAfter: r
-    })), m = i.length === 1 ? i[0] : `${i.slice(0, -1).join(", ")} ${e._("and")} ${i[i.length - 1]}`;
-    E({
-      body: {
-        name: m,
-        terms: t.map((r) => ({
-          days_after: r,
-          subject: e._("Payment is overdue"),
-          body: x ? e._("Payment was due on {dueDate}.", {
-            dueDate: G(x, Q)
-          }) : e._("Payment is overdue.")
-        }))
-      }
-    }, {
-      onSuccess: (r) => {
-        c([""]), y("overdue_reminder_id", r.id);
-      }
-    });
-  };
-  return /* @__PURE__ */ s("div", { className: "ttw:border ttw:border-border ttw:rounded-lg ttw:min-h-28 ttw:p-2.5 ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:xl:w-1/2", children: [
-    /* @__PURE__ */ s(n, { variant: "body2", children: [
-      e._("Number of days"),
-      " ",
-      /* @__PURE__ */ a("span", { className: "ttw:text-destructive ttw:font-bold", children: e._("AFTER") }),
-      " ",
-      e._("due date")
-    ] }),
-    /* @__PURE__ */ a(H, { className: "ttw:contents", value: A ?? "", onValueChange: (t) => y("overdue_reminder_id", t), children: /* @__PURE__ */ s("ul", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: [
-      /* @__PURE__ */ a("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-        /* @__PURE__ */ a(b, { value: "", id: "no-overdue-reminder" }),
-        /* @__PURE__ */ a(n, { variant: "body2", className: "ttw:leading-snug", children: e._("No reminder") })
-      ] }) }),
-      u?.map((t) => /* @__PURE__ */ a("li", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:justify-between", children: /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-        /* @__PURE__ */ a(b, { value: t.value, id: t.value }),
-        /* @__PURE__ */ a(n, { variant: "body2", className: "ttw:leading-snug", children: t.label })
-      ] }) }, t.value))
-    ] }) }),
-    T && /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
-      /* @__PURE__ */ a(n, { variant: "caption", color: "muted", children: u && u.length > 0 ? e._("Add schedule (Specify up to 3 terms)") : e._("Send up to three reminders") }),
-      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-        o.map((t, i, m) => /* @__PURE__ */ s(O, { children: [
-          /* @__PURE__ */ a(J, { type: "text", inputMode: "numeric", value: t, onChange: (r) => M(i, r.target.value.replace(/\D/g, "")), disabled: l || d, name: `new_reminders_${i}`, className: "ttw:text-right ttw:w-15 ttw:p-1.5", placeholder: m.length === 1 ? e._("e.g., 3") : void 0 }),
-          /* @__PURE__ */ a(n, { variant: "body2", children: Number(t) === 1 ? e._("day") : e._("days") })
-        ] }, i)),
-        o.length < N && /* @__PURE__ */ s(h, { type: "button", variant: "ghost", className: "ttw:text-xs ttw:text-primary ttw:hover:text-primary", disabled: l || d || !o[o.length - 1], onClick: R, children: [
-          /* @__PURE__ */ a(U, {}),
-          e._("Add")
-        ] })
-      ] }),
-      /* @__PURE__ */ s("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5", children: [
-        /* @__PURE__ */ a(h, { type: "button", variant: "ghost", className: "ttw:text-xs", disabled: l || d, onClick: D, children: e._("Clear") }),
-        /* @__PURE__ */ a(h, { type: "button", variant: "secondary", className: "ttw:hover:brightness-95 ttw:text-secondary-foreground ttw:text-xs", disabled: l || d || !$, onClick: S, children: d ? /* @__PURE__ */ a(B, { className: "ttw:size-4 ttw:animate-spin" }) : e._("Save") })
-      ] })
-    ] })
-  ] });
+    api: t,
+    queryClient: i
+  } = e();
+  return t.finops.putEntitiesIdLogo.useMutation(void 0, {
+    onSuccess: async (s) => {
+      t.finops.getEntityUsersMyEntity.setQueryData({}, (o) => o && {
+        ...o,
+        logo: s
+      }, i), await t.finops.getEntityUsersMyEntity.invalidateQueries(i);
+    }
+  });
 };
 export {
-  Et as ReminderOverdue
+  a as useUploadEntityLogo
 };

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

@@ -1,31 +1,26 @@
-import { useRef as t, useEffect as p } from "react";
-import "./index58.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index93.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as d } from "./index69.js";
-const z = (o, s = 50) => {
-  const c = t(o), e = t(void 0), r = t(void 0), i = d();
-  c.current = o;
-  const m = (u) => {
-    !u || typeof window > "u" || (r.current && r.current.disconnect(), r.current = new ResizeObserver(() => {
-      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-        i.current && c.current();
-      }, s);
-    }), r.current.observe(u));
-  }, n = () => {
-    r.current && r.current.disconnect(), e.current && clearTimeout(e.current);
-  };
-  return p(() => () => {
-    n();
-  }, []), {
-    observe: m,
-    disconnect: n
-  };
+import { toast as o } from "react-hot-toast";
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as r } from "@lingui/react";
+const p = (i) => {
+  const {
+    api: t,
+    queryClient: s
+  } = n(), {
+    i18n: e
+  } = r();
+  return t.finops.deleteEntitiesIdLogo.useMutation({
+    path: {
+      entity_id: i
+    }
+  }, {
+    onSuccess: async () => {
+      await t.finops.getEntityUsersMyEntity.invalidateQueries(s), o.success(e._("Logo was removed."));
+    },
+    onError: () => {
+      o.error(e._("Failed to remove logo."));
+    }
+  });
 };
 export {
-  z as useResizeObserver
+  p as useDeleteEntityLogo
 };

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

@@ -1,26 +1,52 @@
-import { useRef as u, useEffect as s } from "react";
-import "./index58.js";
-import "@lingui/react";
-import "react-hot-toast";
-import "./index93.js";
-import "@emotion/react/jsx-runtime";
-import "react-dom";
-import "@mui/x-data-grid";
-import { useIsMounted as m } from "./index69.js";
-const E = (r, t = 100) => {
-  const o = u(r), e = u(void 0), i = m();
-  o.current = r, s(() => {
-    if (typeof window > "u") return;
-    const n = () => {
-      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
-        i.current && o.current();
-      }, t);
-    };
-    return window.addEventListener("resize", n), () => {
-      window.removeEventListener("resize", n), e.current && clearTimeout(e.current);
-    };
-  }, [t, i]);
+import { jsx as t, jsxs as e, Fragment as c } from "@emotion/react/jsx-runtime";
+import { useEffect as f } from "react";
+import { useLingui as h } from "@lingui/react";
+import { X as g, CloudUpload as x, AlertCircle as N, CheckCircle2 as b } from "lucide-react";
+import { LoadingSpinner as y } from "./index143.js";
+import { Typography as l } from "./index85.js";
+import { twMerge as v } from "tailwind-merge";
+import { UploadBar as C } from "./index472.js";
+const U = ({
+  isUploading: o,
+  isSuccess: r,
+  isError: i,
+  isDraggingOver: d,
+  resetUpload: a,
+  fileName: m,
+  onClick: u
+}) => {
+  const {
+    i18n: s
+  } = h(), w = o || r || i;
+  function p() {
+    return i ? /* @__PURE__ */ t(N, { className: "ttw:size-5 ttw:text-danger" }) : r ? /* @__PURE__ */ t(b, { className: "ttw:size-5 ttw:text-success" }) : /* @__PURE__ */ t(y, { className: "ttw:w-5 ttw:h-5" });
+  }
+  return f(() => {
+    let n;
+    return r && (n = setTimeout(() => a(), 2e3)), () => clearTimeout(n);
+  }, [r, a]), /* @__PURE__ */ t("div", { className: v("ttw:w-full ttw:h-38 ttw:bg-white ttw:box-border ttw:transition-all ttw:flex ttw:flex-col ttw:items-center ttw:justify-center ttw:text-center ttw:gap-2 ttw:rounded-lg ttw:border ttw:px-4 ttw:py-6", d ? "ttw:border-solid ttw:border-primary" : "ttw:border-dashed ttw:border-border"), onClick: () => {
+    w || u();
+  }, children: w ? /* @__PURE__ */ e(c, { children: [
+    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-4 ttw:justify-center ttw:w-full", children: [
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:w-1/2 ttw:items-center", children: [
+        p(),
+        /* @__PURE__ */ t("span", { className: "ttw:w-full ttw:text-sm ttw:leading-5 ttw:text-medium ttw:text-neutral ttw:truncate", children: m })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "ttw:flex ttw:gap-2 ttw:items-center", children: [
+        /* @__PURE__ */ t(C, { shouldStartProgress: o, isError: i, isSuccess: r }),
+        i && /* @__PURE__ */ t("button", { type: "button", disabled: o, onClick: a, className: "ttw:border-none ttw:cursor-pointer", children: /* @__PURE__ */ t(g, { className: "ttw:size-4" }) })
+      ] })
+    ] }),
+    i && /* @__PURE__ */ t(l, { variant: "body2", color: "destructive", className: "ttw:font-medium", children: s._("Wrong file format. Please, upload the file in JPEG, PNG or GIF format.") })
+  ] }) : /* @__PURE__ */ e(c, { children: [
+    /* @__PURE__ */ t("div", { className: "ttw:p-3 ttw:bg-primary ttw:rounded-full", children: /* @__PURE__ */ t(x, { className: "ttw:text-white ttw:size-5" }) }),
+    /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:font-medium", children: [
+      s._("Drop your files here, or "),
+      /* @__PURE__ */ t("span", { className: "ttw:text-primary ttw:underline ttw:hover:cursor-pointer", children: s._("click to browse") })
+    ] }),
+    /* @__PURE__ */ t(l, { variant: "caption", color: "muted", children: s._("PNG, JPG or GIF (max. 10MB)") })
+  ] }) });
 };
 export {
-  E as useWindowResize
+  U as DragAndDropBox
 };

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

@@ -1,41 +1,19 @@
-import { useState as p, useEffect as f } from "react";
-const s = {
-  inches: {
-    width: 8.27,
-    height: 11.69
-  }
-}, y = () => {
-  const [h, r] = p({
-    width: 794,
-    height: 1123,
-    dpi: 96
-  });
-  return f(() => {
-    if (typeof window > "u") return;
-    const t = () => {
-      const c = [72, 96, 120, 144, 192, 240, 288, 384];
-      let n = 96;
-      for (const d of c)
-        if (window.matchMedia(`(resolution: ${d}dpi)`).matches) {
-          n = d;
-          break;
-        }
-      const u = window.devicePixelRatio || 1, w = n * u, e = document.createElement("div");
-      e.style.width = "1in", e.style.height = "1in", e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
-      const a = e.getBoundingClientRect(), o = Math.round(a.width);
-      document.body.removeChild(e);
-      const i = o > 0 ? o : w, l = Math.round(s.inches.width * i), m = Math.round(s.inches.height * i);
-      r({
-        width: l,
-        height: m,
-        dpi: i
-      });
-    };
-    return t(), window.addEventListener("resize", t), () => {
-      window.removeEventListener("resize", t);
-    };
-  }, []), h;
+import { jsxs as i, jsx as a } from "@emotion/react/jsx-runtime";
+import { useLingui as s } from "@lingui/react";
+import { Badge as m } from "./index230.js";
+import { Typography as o } from "./index85.js";
+const f = ({
+  email: t,
+  isDefault: e
+}) => {
+  const {
+    i18n: r
+  } = s();
+  return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+    /* @__PURE__ */ a(o, { variant: "body2", className: "ttw:max-w-62.5 ttw:truncate", title: t, children: t }),
+    e && /* @__PURE__ */ a(m, { variant: "secondary", children: r._("Default") })
+  ] });
 };
 export {
-  y as useA4Dimensions
+  f as DefaultEmail
 };

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

@@ -1,7 +1,31 @@
-function r(l, e) {
-  if (l !== void 0) return l;
-  if (e !== void 0) return null;
-}
+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
+] });
 export {
-  r as resolveNullableUpdate
+  y as MoniteCard,
+  u as MoniteCardItem,
+  b as StyledLabelTableCell
 };

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 "./index142.js";
+import { LoadingSpinner as L } from "./index143.js";
+import { useForm as M, FormProvider as k } from "react-hook-form";
+import { useCreateProduct as q } from "./index144.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 "./index145.js";
+import { ProductFormContent as T } from "./index146.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
 };