@tesouro/embedded-components-react 0.2.221 → 0.2.222

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

@@ -1,30 +1,49 @@
-import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
-import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as d, DropdownMenuItem as r } from "./index148.js";
-import { Button as c } from "./index84.js";
-import { useLingui as u } from "@lingui/react";
-import { MoreVertical as m, Pencil as p, Trash2 as h } from "lucide-react";
-const A = ({
-  onEdit: t,
-  onDelete: l,
-  permissions: o
+import { jsx as e, jsxs as a, Fragment as m } from "@emotion/react/jsx-runtime";
+import { useCurrencies as b } from "./index58.js";
+import "react";
+import "./index92.js";
+import { useLingui as x } from "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { ConfirmationModal as y } from "./index229.js";
+import { Table as C, TableBody as _, TableRow as D, TableCell as l } from "./index264.js";
+import { Typography as r } from "./index85.js";
+import { Loader2 as L } from "lucide-react";
+import { useGetProducts as T } from "./index168.js";
+const R = ({
+  onClose: c,
+  onDelete: d,
+  name: p,
+  isLoading: u,
+  open: h,
+  id: n
 }) => {
   const {
-    i18n: n
-  } = u();
-  return o.isUpdateAllowed || o.isDeleteAllowed ? /* @__PURE__ */ i(s, { children: [
-    /* @__PURE__ */ e(a, { asChild: !0, children: /* @__PURE__ */ e(c, { variant: "ghost", size: "icon", "aria-label": "actions-menu-button", children: /* @__PURE__ */ e(m, {}) }) }),
-    /* @__PURE__ */ i(d, { align: "end", children: [
-      o.isUpdateAllowed && /* @__PURE__ */ i(r, { onClick: t, children: [
-        /* @__PURE__ */ e(p, {}),
-        n._("Edit")
-      ] }),
-      o.isDeleteAllowed && /* @__PURE__ */ i(r, { onClick: l, variant: "destructive", children: [
-        /* @__PURE__ */ e(h, {}),
-        n._("Delete")
-      ] })
-    ] })
-  ] }) : null;
+    i18n: t
+  } = x(), {
+    formatCurrencyToDisplay: w
+  } = b(), {
+    data: s,
+    isLoading: o
+  } = T({
+    measure_unit_id: n ?? ""
+  }, !!n), f = s?.data.length === 0, g = () => f ? /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ e(r, { children: t._("There are no items created with this measure unit.") }),
+    /* @__PURE__ */ e(r, { color: "muted", children: t._("Deleting it won't affect your items.") })
+  ] }) : /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ e(r, { children: t._("Any products or services referencing this unit will update to use a blank unit of measure.") }),
+    /* @__PURE__ */ e(r, { color: "muted", children: t._("Previously issued invoices will not be impacted.") }),
+    o && /* @__PURE__ */ e(L, { className: "ttw:mx-auto ttw:size-6 ttw:animate-spin" }),
+    !o && /* @__PURE__ */ e(C, { children: /* @__PURE__ */ e(_, { children: s?.data.map((i) => /* @__PURE__ */ a(D, { className: "ttw:border-border ttw:hover:bg-transparent", children: [
+      /* @__PURE__ */ e(l, { className: "ttw:pl-0 ttw:whitespace-normal ttw:text-text ttw:font-medium", children: i.name }),
+      /* @__PURE__ */ e(l, { className: "ttw:pr-0 ttw:text-right ttw:text-text ttw:font-medium", children: i.price && w(i.price?.value, i.price?.currency) })
+    ] }, i.id)) }) })
+  ] });
+  return /* @__PURE__ */ e(y, { open: h, title: t._('Delete "{name}"?', {
+    name: p
+  }), confirmLabel: t._("Delete"), cancelLabel: t._("Cancel"), onClose: c, onConfirm: d, isLoading: u || o, children: g() });
 };
 export {
-  A as TableActions
+  R as ConfirmDeleteMeasureUnitDialog
 };

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

@@ -1,24 +1,30 @@
-import { useMoniteContext as n } from "./index57.js";
-import { useLingui as a } from "@lingui/react";
-import { toast as s } from "react-hot-toast";
-const m = (e) => {
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { DropdownMenu as s, DropdownMenuTrigger as a, DropdownMenuContent as d, DropdownMenuItem as r } from "./index135.js";
+import { Button as c } from "./index84.js";
+import { useLingui as u } from "@lingui/react";
+import { MoreVertical as m, Pencil as p, Trash2 as h } from "lucide-react";
+const A = ({
+  onEdit: t,
+  onDelete: l,
+  permissions: o
+}) => {
   const {
-    api: t,
-    queryClient: i
-  } = n(), {
-    i18n: o
-  } = a();
-  return t.finops.deleteMeasureUnitsId.useMutation(void 0, {
-    onSuccess: async () => {
-      e && (await t.finops.getMeasureUnits.invalidateQueries(i), s.success(o._("Unit {name} was deleted from the list.", {
-        name: e
-      })));
-    },
-    onError: (r) => {
-      console.error(r), s.error(o._("Failed to delete Unit."));
-    }
-  });
+    i18n: n
+  } = u();
+  return o.isUpdateAllowed || o.isDeleteAllowed ? /* @__PURE__ */ i(s, { children: [
+    /* @__PURE__ */ e(a, { asChild: !0, children: /* @__PURE__ */ e(c, { variant: "ghost", size: "icon", "aria-label": "actions-menu-button", children: /* @__PURE__ */ e(m, {}) }) }),
+    /* @__PURE__ */ i(d, { align: "end", children: [
+      o.isUpdateAllowed && /* @__PURE__ */ i(r, { onClick: t, children: [
+        /* @__PURE__ */ e(p, {}),
+        n._("Edit")
+      ] }),
+      o.isDeleteAllowed && /* @__PURE__ */ i(r, { onClick: l, variant: "destructive", children: [
+        /* @__PURE__ */ e(h, {}),
+        n._("Delete")
+      ] })
+    ] })
+  ] }) : null;
 };
 export {
-  m as useDeleteMeasureUnit
+  A as TableActions
 };

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

@@ -5,7 +5,7 @@ import { InvoicesTable as I } from "./index36.js";
 import { QuotesTable as T } from "./index37.js";
 import { useMoniteContext as q } from "./index57.js";
 import { MoniteScopedProviders as $ } from "./index83.js";
-import { classNames as R } from "./index183.js";
+import { classNames as R } from "./index185.js";
 import { useLingui as D } from "@lingui/react";
 import { Box as l, Tabs as N } from "@mui/material";
 import { useState as k, useId as w } from "react";

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

@@ -1,30 +1,24 @@
-import { useMoniteContext as u } from "./index57.js";
-import { getAPIErrorMessage as m } from "./index120.js";
-import { useLingui as c } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const M = (a, i) => {
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as a } from "@lingui/react";
+import { toast as s } from "react-hot-toast";
+const m = (e) => {
   const {
     api: t,
-    queryClient: o
-  } = u(), {
-    i18n: r
-  } = c();
-  return t.finops.postMeasureUnits.useMutation({}, {
-    onSuccess: async (e) => {
-      await t.finops.getMeasureUnits.invalidateQueries(o), n.success(r._("Unit {name} was added to the list", {
-        name: e.name
-      })), a?.();
+    queryClient: i
+  } = n(), {
+    i18n: o
+  } = a();
+  return t.finops.deleteMeasureUnitsId.useMutation(void 0, {
+    onSuccess: async () => {
+      e && (await t.finops.getMeasureUnits.invalidateQueries(i), s.success(o._("Unit {name} was deleted from the list.", {
+        name: e
+      })));
     },
-    onError: async (e) => {
-      const s = m(r, e);
-      if (s.includes("already exists")) {
-        i?.(s);
-        return;
-      } else
-        n.error(s);
+    onError: (r) => {
+      console.error(r), s.error(o._("Failed to delete Unit."));
     }
   });
 };
 export {
-  M as useCreateMeasureUnit
+  m as useDeleteMeasureUnit
 };

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

@@ -1,40 +1,9 @@
-import { useMoniteContext as p } from "./index57.js";
-import { getAPIErrorMessage as m } from "./index120.js";
-import { useLingui as d } from "@lingui/react";
-import { toast as n } from "react-hot-toast";
-const g = (i, o, u) => {
-  const {
-    api: e,
-    queryClient: r
-  } = p(), {
-    i18n: a
-  } = d();
-  return e.finops.patchMeasureUnitsId.useMutation({
-    path: {
-      unit_id: i
-    }
-  }, {
-    onSuccess: async (s) => {
-      await Promise.all([e.finops.getMeasureUnits.invalidateQueries(r), e.finops.getMeasureUnitsId.invalidateQueries({
-        parameters: {
-          path: {
-            unit_id: i
-          }
-        }
-      }, r)]), n.success(a._("Unit {name} was updated", {
-        name: s.name
-      })), o?.();
-    },
-    onError: (s) => {
-      const t = m(a, s);
-      if (t.includes("already exists")) {
-        u?.(t);
-        return;
-      } else
-        n.error(t);
-    }
-  });
+const e = (t) => {
+  if (t < 1024)
+    return `${t} B`;
+  const o = t / 1024;
+  return o < 1024 ? `${Math.round(o)} KB` : `${(o / 1024).toFixed(1)} MB`;
 };
 export {
-  g as useUpdateMeasureUnit
+  e as formatFileSize
 };

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

@@ -1,125 +1,7 @@
-import { useCurrencies as m } from "./index58.js";
-import "react";
-import "./index92.js";
-import "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
-import "react-dom";
-import "./index57.js";
-import "@mui/x-data-grid";
-import { getTriggerKeyAndValue as f, isValidTriggerKey as p, isValidOperation as A, OPERATOR_OPERATIONS as o } from "./index476.js";
-const O = ({
-  approvalPolicy: i
-}) => {
-  const {
-    i18n: t
-  } = d(), {
-    formatCurrencyToDisplay: s
-  } = m(), c = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by user");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Tags");
-      default:
-        return e;
-    }
-  }, l = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Has tags");
-      default:
-        return e;
-    }
-  }, _ = (e, u) => {
-    const a = s(e[0][1], u);
-    if (e.length === 1)
-      switch (e[0][0]) {
-        case o.GREATER_THAN:
-          return t._("Greater than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.GREATER_THAN_OR_EQUAL:
-          return t._("Greater than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN:
-          return t._("Less than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN_OR_EQUAL:
-          return t._("Less than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.EQUALS:
-          return t._("Equal to {formattedValue}", {
-            formattedValue: a
-          });
-        default:
-          return a;
-      }
-    if (e.length === 2) {
-      const r = e.find((n) => n[0] === o.GREATER_THAN_OR_EQUAL), g = e.find((n) => n[0] === o.LESS_THAN_OR_EQUAL);
-      if (r && g)
-        return t._("{from} - {to}", {
-          from: s(r[1], u),
-          to: s(g[1], u)
-        });
-    }
-    return a;
-  };
-  return ((e) => !!(e && typeof e == "object" && "all" in e && Array.isArray(e.all)))(i?.trigger) ? {
-    triggers: i.trigger?.all?.reduce((e, u) => {
-      if (typeof u == "string" || !u.operator || !u.left_operand || u.right_operand == null)
-        return e;
-      const {
-        key: a,
-        value: r
-      } = f(u);
-      if (!a || r == null || !p(a))
-        return e;
-      switch (a) {
-        case "amount":
-          (typeof r == "string" || typeof r == "number") && A(u.operator) && (e.amount || (e.amount = {
-            currency: "EUR",
-            value: []
-          }), e.amount.value.push([u.operator, r]));
-          break;
-        case "currency":
-          e.amount ? e.amount.currency = r : e.amount = {
-            value: [],
-            currency: r
-          };
-          break;
-        case "tags.id":
-          typeof r == "string" && (e.tags || (e.tags = []), e.tags.push(r));
-          break;
-        case "counterpart_id":
-        case "was_created_by_user_id":
-          Array.isArray(r) && (e[a] = r);
-          break;
-      }
-      return e;
-    }, {}),
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  } : {
-    triggers: {},
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  };
-};
+function r(l, e) {
+  if (l !== void 0) return l;
+  if (e !== void 0) return null;
+}
 export {
-  O as useApprovalPolicyTrigger
+  r as resolveNullableUpdate
 };

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

@@ -1,20 +1,87 @@
-import b from "@emotion/styled/base";
-function t() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const e = /* @__PURE__ */ b("ul", process.env.NODE_ENV === "production" ? {
-  target: "e10it8hw0"
-} : {
-  target: "e10it8hw0",
-  label: "ColumnList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}"
-} : {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL2xpYnMvdGVzb3Vyby1lbWJlZGRlZC1jb21wb25lbnRzLXJlYWN0L21vbml0ZS1zZGsvc3JjL2NvbXBvbmVudHMvYXBwcm92YWxQb2xpY2llcy9BcHByb3ZhbFBvbGljaWVzVGFibGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9saWJzL3Rlc291cm8tZW1iZWRkZWQtY29tcG9uZW50cy1yZWFjdC9tb25pdGUtc2RrL3NyYy9jb21wb25lbnRzL2FwcHJvdmFsUG9saWNpZXMvQXBwcm92YWxQb2xpY2llc1RhYmxlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IENvbHVtbkxpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcblxuICBsaSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDRweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuIl19 */",
-  toString: t
-});
+import { jsx as t, jsxs as u } from "@emotion/react/jsx-runtime";
+import { useState as S, useMemo as p } from "react";
+import { useFormContext as $, Controller as E } from "react-hook-form";
+import { getCounterpartEmail as V, getCounterpartName as I } from "./index7.js";
+import { useRootElements as j } from "./index92.js";
+import "./index57.js";
+import { useCounterpartList as k } from "./index71.js";
+import "react-hot-toast";
+import { useLingui as z } from "@lingui/react";
+import { Combobox as D, ComboboxInput as A, ComboboxContent as q, ComboboxList as B, ComboboxEmpty as G, ComboboxItem as K } from "./index90.js";
+import { Field as M, FieldContent as O, FieldLabel as P, FieldDescription as R, FieldError as T } from "./index154.js";
+import { InputGroupAddon as H } from "./index101.js";
+import { Loader2 as J, Search as Q } from "lucide-react";
+const me = ({
+  disabled: _,
+  canCreateCounterpart: i = !0
+}) => {
+  const {
+    i18n: o
+  } = z(), {
+    root: g
+  } = j(), {
+    control: x,
+    setValue: s,
+    watch: v,
+    clearErrors: f
+  } = $(), {
+    data: d,
+    isLoading: L
+  } = k({
+    query: {
+      is_customer: !0
+    }
+  }), [h, C] = S(!1), m = v("counterpart_name") ?? "", c = p(() => d ? d.data.map((e) => ({
+    id: e.id,
+    name: I(e),
+    email: V(e)
+  })) : [], [d]), a = p(() => {
+    const e = m.toLowerCase().trim();
+    return e ? c.filter((n) => n.name.toLowerCase().includes(e) || n.email.toLowerCase().includes(e)) : c;
+  }, [c, m]), y = p(() => a.map((e) => e.id), [a]);
+  return /* @__PURE__ */ t(E, { name: "counterpart_id", control: x, render: ({
+    field: e,
+    fieldState: {
+      error: n
+    }
+  }) => {
+    const w = (r) => {
+      s("counterpart_name", ""), s("counterpart_email", ""), f(["counterpart_id", "counterpart_email"]), e.onChange(r ?? "");
+    }, N = (r, l) => {
+      if (l.reason !== "input-change") {
+        i || s("counterpart_name", "");
+        return;
+      }
+      s("counterpart_name", r), e.value && e.onChange(""), i && r.trim() && f("counterpart_id");
+    };
+    return /* @__PURE__ */ t(M, { children: /* @__PURE__ */ u(O, { children: [
+      /* @__PURE__ */ t(P, { htmlFor: "counterpart_id", children: o._("Name") }),
+      /* @__PURE__ */ u(D, { value: e.value || null, onValueChange: w, inputValue: m, onInputValueChange: N, items: y, filter: () => !0, disabled: _, open: h, onOpenChange: C, children: [
+        /* @__PURE__ */ t(A, { id: "counterpart_id", placeholder: i ? o._("Search or type to add a customer") : o._("Search for a customer"), "aria-invalid": !!n, onKeyDown: (r) => {
+          if (r.key === "Enter") {
+            r.preventDefault();
+            return;
+          }
+          if (r.key === "Tab" && h) {
+            const l = m.toLowerCase().trim();
+            if (!l) return;
+            const b = a.find((F) => F.name.toLowerCase() === l) ?? (a.length === 1 ? a[0] : void 0);
+            b && (w(b.id), C(!1));
+          }
+        }, children: /* @__PURE__ */ t(H, { align: "inline-start", children: L ? /* @__PURE__ */ t(J, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ t(Q, { className: "ttw:size-4 ttw:text-muted-foreground" }) }) }),
+        /* @__PURE__ */ t(q, { container: g, children: /* @__PURE__ */ u(B, { children: [
+          /* @__PURE__ */ t(G, { children: i ? o._("No customers found - type to add a customer") : o._("No customers found") }),
+          a.map((r) => /* @__PURE__ */ t(K, { value: r.id, children: /* @__PURE__ */ u("div", { className: "ttw:flex ttw:w-full ttw:items-center ttw:justify-between ttw:gap-2", children: [
+            /* @__PURE__ */ t("span", { children: r.name }),
+            /* @__PURE__ */ t("span", { className: "ttw:text-muted-foreground", children: r.email })
+          ] }) }, r.id))
+        ] }) })
+      ] }),
+      /* @__PURE__ */ t(R, { children: i ? o._("Search by customer name or email. New customers will be saved when saving the invoice.") : o._("Search by customer name or email.") }),
+      /* @__PURE__ */ t(T, { errors: n ? [n] : [] })
+    ] }) });
+  } });
+};
 export {
-  e as ColumnList
+  me as CounterpartSelector
 };

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

@@ -1,18 +1,19 @@
-import { createElement as H } from "react";
-const e = ({
-  color: o = "currentColor",
-  size: a,
-  ...t
-}) => H("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, H("path", {
-  d: "M14,8h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2Zm0,4h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2ZM9,8h1a1,1,0,0,0,0-2H9A1,1,0,0,0,9,8Zm0,4h1a1,1,0,0,0,0-2H9a1,1,0,0,0,0,2Zm12,8H20V3a1,1,0,0,0-1-1H5A1,1,0,0,0,4,3V20H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Zm-8,0H11V16h2Zm5,0H15V15a1,1,0,0,0-1-1H10a1,1,0,0,0-1,1v5H6V4H18Z"
-}));
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { cn as l } from "./index100.js";
+import * as r from "@radix-ui/react-avatar";
+function n({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(r.Root, { "data-slot": "avatar", className: l("ttw:relative ttw:flex ttw:size-8 ttw:shrink-0 ttw:overflow-hidden ttw:rounded-full", t), ...a });
+}
+function f({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(r.Fallback, { "data-slot": "avatar-fallback", className: l("ttw:bg-muted ttw:flex ttw:size-full ttw:items-center ttw:justify-center ttw:rounded-full", t), ...a });
+}
 export {
-  e as UBuilding
+  n as Avatar,
+  f as AvatarFallback
 };

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

@@ -1,18 +1,88 @@
-import { createElement as l } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => l("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, l("path", {
-  d: "M21.71,11.29l-5-5A1,1,0,0,0,16,6H5A3,3,0,0,0,2,9v6a3,3,0,0,0,3,3H16a1,1,0,0,0,.71-.29l5-5A1,1,0,0,0,21.71,11.29ZM15.59,16H5a1,1,0,0,1-1-1V9A1,1,0,0,1,5,8H15.59l4,4Z"
-}));
+import { jsx as e, Fragment as v, jsxs as n } from "@emotion/react/jsx-runtime";
+import { useState as k, useMemo as b } from "react";
+import { useFormContext as Y, Controller as j } from "react-hook-form";
+import { format as x } from "date-fns";
+import { Calendar as A } from "lucide-react";
+import { calculateDueDate as N } from "./index7.js";
+import { useLingui as L } from "@lingui/react";
+import { dedupePaymentTermsByContent as $ } from "./index473.js";
+import { RECEIPT_DUE_PAYMENT_TERM as u, CUSTOM_DATE_PAYMENT_TERM as l } from "./index343.js";
+import { cn as D } from "./index100.js";
+import { Skeleton as O } from "./index134.js";
+import { Select as R, SelectTrigger as U, SelectValue as V, SelectContent as z, SelectItem as h, SelectSeparator as I } from "./index219.js";
+import { Popover as q, PopoverAnchor as B, PopoverContent as K } from "./index400.js";
+import { Calendar as G } from "./index474.js";
+import { Field as H, FieldContent as J, FieldLabel as Q, FieldDescription as W, FieldError as X } from "./index154.js";
+const S = "MMM d, yyyy", ue = ({
+  disabled: T,
+  paymentTerms: f,
+  isLoading: E
+}) => {
+  const {
+    i18n: a
+  } = L(), {
+    control: M,
+    watch: w,
+    setValue: _
+  } = Y(), [F, m] = k(!1), i = w("payment_terms_id"), y = w("frequency") !== "once", o = w("payment_terms_custom_date") ?? void 0, p = (r) => _("payment_terms_custom_date", r ?? null), {
+    dedupedTerms: g
+  } = b(() => $(f?.data ?? []), [f]), d = g.find((r) => r?.id === i), P = d && N(d), c = () => {
+    window.setTimeout(() => m(!0), 0);
+  }, C = (r, s) => /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
+    /* @__PURE__ */ e("span", { className: "ttw:truncate", children: r }),
+    s && /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: x(s, S) })
+  ] });
+  return /* @__PURE__ */ e(v, { children: E ? /* @__PURE__ */ e(O, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(j, { name: "payment_terms_id", control: M, render: ({
+    field: r,
+    fieldState: {
+      error: s
+    }
+  }) => /* @__PURE__ */ e(H, { children: /* @__PURE__ */ n(J, { children: [
+    /* @__PURE__ */ e(Q, { htmlFor: "payment_terms_id", children: a._("Payment terms") }),
+    /* @__PURE__ */ n(q, { open: F, onOpenChange: (t) => {
+      m(t), !t && i === l && !o && r.onChange(void 0);
+    }, children: [
+      /* @__PURE__ */ n(R, { ...r, disabled: T, value: r.value, onValueChange: (t) => {
+        if (t === l) {
+          i !== l && p(void 0), r.onChange(t), c();
+          return;
+        }
+        r.onChange(t), t === u && _("payment_reminder_id", "", {
+          shouldDirty: !0
+        }), p(void 0), m(!1);
+      }, children: [
+        /* @__PURE__ */ e(B, { className: "ttw:w-full", children: /* @__PURE__ */ e(U, { id: "payment_terms_id", className: "ttw:w-full", "aria-invalid": !!s, children: /* @__PURE__ */ n(V, { placeholder: a._("Select payment terms"), children: [
+          i === u && /* @__PURE__ */ e("span", { className: "ttw:truncate", children: a._("Due on receipt") }),
+          i === l && /* @__PURE__ */ n("span", { className: "ttw:flex ttw:w-full ttw:min-w-0 ttw:items-center ttw:justify-between ttw:gap-2", children: [
+            /* @__PURE__ */ n("span", { className: "ttw:flex ttw:min-w-0 ttw:items-center ttw:gap-1.5", children: [
+              /* @__PURE__ */ e(A, { className: D("ttw:size-4 ttw:shrink-0", !o && "ttw:text-muted-foreground") }),
+              /* @__PURE__ */ e("span", { className: D("ttw:truncate", !o && "ttw:text-muted-foreground"), children: o ? x(o, S) : a._("Mon DD, YYYY") })
+            ] }),
+            /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground ttw:shrink-0 ttw:text-xs", children: a._("Custom date") })
+          ] }),
+          d && C(d.name, P)
+        ] }) }) }),
+        /* @__PURE__ */ n(z, { children: [
+          /* @__PURE__ */ e(h, { value: u, children: a._("Due on receipt") }),
+          !y && /* @__PURE__ */ e(h, { value: l, onPointerUp: c, onClick: c, onKeyDown: (t) => {
+            (t.key === "Enter" || t.key === " ") && c();
+          }, children: a._("Custom date") }),
+          /* @__PURE__ */ e(I, {}),
+          g.map((t) => /* @__PURE__ */ e(h, { value: t.id, children: C(t.name, N(t)) }, t.id))
+        ] })
+      ] }),
+      /* @__PURE__ */ e(K, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", onFocusOutside: (t) => {
+        t.preventDefault();
+      }, children: /* @__PURE__ */ e(G, { mode: "single", captionLayout: "dropdown", selected: o, disabled: {
+        before: /* @__PURE__ */ new Date()
+      }, onSelect: (t) => {
+        p(t), m(!1);
+      } }) })
+    ] }),
+    y && /* @__PURE__ */ e(W, { children: a._("Each invoice in the series will have the same payment term.") }),
+    /* @__PURE__ */ e(X, { errors: s ? [s] : [] })
+  ] }) }) }) }) });
+};
 export {
-  a as ULabel
+  ue as PaymentSection
 };