@tesouro/embedded-components-react 0.2.1 → 0.2.5

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

@@ -1,52 +1,113 @@
-import { useEffect as m, useMemo as p } from "react";
-import { useMoniteContext as k } from "./index59.js";
-const l = 100, h = (s, g = !0) => {
+import { jsx as e, jsxs as s } from "@emotion/react/jsx-runtime";
+import { useState as F, useCallback as k, useMemo as w } from "react";
+import { useFormContext as T, Controller as $ } from "react-hook-form";
+import { getCounterpartName as H, prepareAddressView as J } from "./index7.js";
+import { useRootElements as K } from "./index94.js";
+import "./index59.js";
+import { useCounterpartList as W } from "./index73.js";
+import "react-hot-toast";
+import { useLingui as X } from "@lingui/react";
+import { Combobox as Y, ComboboxInput as Z, ComboboxContent as tt, ComboboxList as et, ComboboxItem as C, ComboboxSeparator as rt } from "./index92.js";
+import { Button as ot } from "./index86.js";
+import { Field as at, FieldContent as it, FieldLabel as nt, FieldError as st } from "./index178.js";
+import { InputGroupAddon as lt } from "./index103.js";
+import { cn as dt } from "./index102.js";
+import { Loader2 as ut, Plus as mt } from "lucide-react";
+const h = "__create-new__", Vt = ({
+  setIsCreateCounterpartOpened: f,
+  setIsViewCounterpartOpened: b,
+  isSimplified: a = !1,
+  shouldDisableFormUpdate: x = !1,
+  disabled: S,
+  currentCounterpartId: z,
+  handleUpdateCounterpartId: v,
+  counterpartAddresses: I
+}) => {
   const {
-    api: u
-  } = k(), e = u.embeddedBanking.getExternalBankAccounts.useInfiniteQuery({
+    i18n: u
+  } = X(), {
+    root: A
+  } = K(), {
+    control: P,
+    watch: j
+  } = T(), {
+    data: g,
+    isLoading: D
+  } = W({
     query: {
-      ...s,
-      limit: l
+      is_customer: !0
     }
-  }, {
-    initialPageParam: {
-      query: {
-        pagination_token: void 0
+  }), [m, _] = F(""), [c, y] = F(!1), M = k(() => {
+    !a && f && f(!0);
+  }, [a, f]), O = k(() => {
+    !a && b && b(!0);
+  }, [a, b]), q = j("counterpart_id"), p = x ? z : q, i = w(() => g ? g.data.map((r) => ({
+    id: r.id,
+    label: H(r)
+  })) : [], [g]), o = w(() => i.find((r) => r.id === p) ?? null, [i, p]), B = o ? o.label : m, {
+    matchingItems: N,
+    nonMatchingItems: L
+  } = w(() => {
+    const r = o ? "" : m.toLowerCase().trim();
+    if (!r)
+      return {
+        matchingItems: i,
+        nonMatchingItems: []
+      };
+    const n = [], l = [];
+    for (const d of i)
+      d.label.toLowerCase().includes(r) ? n.push(d) : l.push(d);
+    return {
+      matchingItems: n,
+      nonMatchingItems: l
+    };
+  }, [m, o, i]), U = w(() => [...a ? [] : [h], ...i.map((r) => r.id)], [i, a]), E = o ? Array.from(o.label)[0]?.toUpperCase() ?? "?" : "+", V = I?.data?.[0] ? J({
+    address: I.data[0]
+  }) : "", G = !c && !!o && !!V && !a;
+  return /* @__PURE__ */ e($, { name: "counterpart_id", control: P, render: ({
+    field: r,
+    fieldState: {
+      error: n
+    }
+  }) => {
+    const l = (t) => {
+      x && v ? v(t) : r.onChange(t);
+    }, d = (t) => {
+      if (t === h) {
+        M();
+        return;
       }
-    },
-    getNextPageParam: (a, x, P, d) => {
-      const t = a.nextPaginationToken ?? void 0;
-      if (!(!t || d.some((c) => c?.query?.pagination_token === t)))
-        return {
-          query: {
-            pagination_token: t
-          }
-        };
-    },
-    enabled: g
-  }), {
-    hasNextPage: n,
-    isFetchingNextPage: i,
-    isError: r,
-    fetchNextPage: o
-  } = e;
-  return m(() => {
-    n && !i && !r && o();
-  }, [n, i, r, o]), {
-    data: p(() => {
-      if (e.data)
-        return {
-          data: e.data.pages.flatMap((a) => a.data ?? []),
-          nextPaginationToken: null,
-          prevPaginationToken: null
-        };
-    }, [e.data]),
-    isLoading: e.isLoading,
-    isFetching: e.isFetching,
-    isError: e.isError,
-    error: e.error
-  };
+      _(""), l(t ?? "");
+    }, R = (t) => {
+      t !== h && (i.some((Q) => Q.id === t) || (_(t), p && l("")));
+    };
+    return /* @__PURE__ */ e(at, { children: /* @__PURE__ */ s(it, { children: [
+      /* @__PURE__ */ e(nt, { htmlFor: "counterpart_id", required: !0, children: u._("Customer") }),
+      /* @__PURE__ */ s(Y, { value: p ?? null, onValueChange: d, inputValue: B, onInputValueChange: R, items: U, filter: () => !0, disabled: S, open: c, onOpenChange: (t) => y(t), children: [
+        /* @__PURE__ */ s("div", { className: dt("ttw:flex ttw:flex-col ttw:rounded-md ttw:border ttw:border-input ttw:shadow-xs ttw:transition-[color,box-shadow]", "ttw:has-[[data-slot=input-group-control]:focus-visible]:border-ring ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50", "ttw:has-[[data-slot][aria-invalid=true]]:border-destructive ttw:has-[[data-slot][aria-invalid=true]]:ring-destructive/20"), children: [
+          /* @__PURE__ */ s("div", { className: "ttw:relative", children: [
+            /* @__PURE__ */ e(Z, { id: "counterpart_id", placeholder: u._("Select customer"), "aria-invalid": !!n, showClear: c && (!!o || !!m), className: "ttw:min-h-10 ttw:border-0 ttw:shadow-none ttw:rounded-none ttw:has-[[data-slot=input-group-control]:focus-visible]:ring-0 ttw:has-[[data-slot=input-group-control]:focus-visible]:border-transparent", children: /* @__PURE__ */ e(lt, { align: "inline-start", children: D ? /* @__PURE__ */ e(ut, { className: "ttw:size-4 ttw:animate-spin ttw:text-muted-foreground" }) : /* @__PURE__ */ e("span", { className: "ttw:flex ttw:size-7 ttw:items-center ttw:justify-center ttw:rounded-full ttw:select-none ttw:text-xs ttw:font-medium", style: {
+              backgroundColor: o ? "rgba(203, 203, 254, 1)" : "rgba(235, 235, 255, 1)",
+              color: "rgba(55, 55, 255, 1)"
+            }, children: E }) }) }),
+            !c && o && !a && /* @__PURE__ */ e("div", { className: "ttw:pointer-events-none ttw:absolute ttw:inset-y-0 ttw:right-8 ttw:flex ttw:items-center", children: /* @__PURE__ */ e(ot, { type: "button", variant: "ghost", size: "sm", className: "ttw:pointer-events-auto ttw:text-primary ttw:hover:text-primary ttw:hover:bg-primary/10", onPointerDown: (t) => t.stopPropagation(), onClick: O, children: u._("View details") }) })
+          ] }),
+          G && /* @__PURE__ */ e("p", { className: "ttw:pl-12 ttw:pr-3 ttw:pb-2 ttw:text-xs ttw:text-muted-foreground ttw:cursor-text ttw:select-none", onClick: () => y(!0), children: V })
+        ] }),
+        /* @__PURE__ */ e(tt, { container: A, children: /* @__PURE__ */ s(et, { children: [
+          !a && /* @__PURE__ */ s(C, { value: h, className: "ttw:text-primary ttw:font-semibold ttw:hover:text-primary ttw:focus:text-primary", children: [
+            /* @__PURE__ */ e(mt, {}),
+            u._("Create new customer")
+          ] }),
+          N.map((t) => /* @__PURE__ */ e(C, { value: t.id, children: t.label }, t.id)),
+          N.length > 0 && L.length > 0 && /* @__PURE__ */ e(rt, {}),
+          L.map((t) => /* @__PURE__ */ e(C, { value: t.id, children: t.label }, t.id))
+        ] }) })
+      ] }),
+      /* @__PURE__ */ e(st, { errors: n ? [n] : [] })
+    ] }) });
+  } });
 };
 export {
-  h as useGetExternalBankAccounts
+  Vt as CounterpartSelector
 };

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

@@ -1,75 +1,55 @@
-import { jsx as t, jsxs as l } from "@emotion/react/jsx-runtime";
-import { cn as r } from "./index102.js";
-import * as a from "@radix-ui/react-select";
-import { ChevronDownIcon as i, CheckIcon as w, ChevronUpIcon as d } from "lucide-react";
-function g({
-  ...e
-}) {
-  return /* @__PURE__ */ t(a.Root, { "data-slot": "select", ...e });
-}
-function h({
-  ...e
-}) {
-  return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
-}
-function v({
-  className: e,
-  size: s = "default",
-  children: o,
-  ...n
-}) {
-  return /* @__PURE__ */ l(a.Trigger, { "data-slot": "select-trigger", "data-size": s, className: r("ttw:border-input ttw:data-[placeholder]:text-muted-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:dark:bg-input/30 ttw:dark:hover:bg-input/50 ttw:flex ttw:w-fit ttw:items-center ttw:justify-between ttw:gap-2 ttw:rounded-md ttw:border ttw:bg-transparent ttw:px-3 ttw:py-2 ttw:text-sm ttw:whitespace-nowrap ttw:shadow-xs ttw:transition-[color,box-shadow] ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50 ttw:data-[size=default]:h-9 ttw:data-[size=sm]:h-8 ttw:*:data-[slot=select-value]:line-clamp-1 ttw:*:data-[slot=select-value]:flex ttw:*:data-[slot=select-value]:items-center ttw:*:data-[slot=select-value]:gap-2 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4", e), ...n, children: [
-    o,
-    /* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "ttw:size-4 ttw:opacity-50" }) })
+import { jsxs as a, Fragment as _, jsx as e } from "@emotion/react/jsx-runtime";
+import { ReminderOverdue as C } from "./index435.js";
+import { ReminderBeforeDueDate as R } from "./index436.js";
+import { useCounterpartById as v } from "./index72.js";
+import "@tanstack/react-query";
+import "./index59.js";
+import { useCounterpartContactList as x } from "./index76.js";
+import "date-fns";
+import "react";
+import "react-hot-toast";
+import { useLingui as y } from "@lingui/react";
+import { Alert as P } from "./index177.js";
+import { useFormContext as N } from "react-hook-form";
+const S = ({
+  disabled: m,
+  onUpdateOverdueReminder: p,
+  onUpdatePaymentReminder: c,
+  onCreateReminder: l,
+  handleEditCustomer: u
+}) => {
+  const {
+    i18n: r
+  } = y(), {
+    watch: f
+  } = N(), d = f("counterpart_id"), {
+    data: t,
+    isLoading: o
+  } = v(d), {
+    data: n,
+    isLoading: h
+  } = x(d), w = n?.find((g) => g?.is_default)?.email, s = w || (n && n?.length > 0 ? n?.[0]?.email : t && "organization" in t ? t?.organization?.email : void 0), i = !!s, b = !(o || h) && !!d && (!i || !t?.reminders_enabled);
+  return /* @__PURE__ */ a(_, { children: [
+    b && /* @__PURE__ */ e(P, { variant: "warning", children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:items-start ttw:gap-2", children: [
+      !t?.reminders_enabled && i && /* @__PURE__ */ e("span", { children: r._("Payment reminders are disabled for this customer. Please enable them in the customer details or turn them off.") }),
+      !i && t?.reminders_enabled && /* @__PURE__ */ e("span", { children: r._("No email address is added for the selected customer. Please add it to the customer details or turn off the reminders.") }),
+      !i && !t?.reminders_enabled && /* @__PURE__ */ e("span", { children: r._("Reminders are disabled for this customer, and no email address has been added for it. Please update the details or turn off reminders.") }),
+      u && /* @__PURE__ */ e("button", { className: "ttw:underline ttw:p-0 ttw:border-none ttw:outline-none ttw:hover:cursor-pointer ttw:transition-all ttw:hover:opacity-80", type: "button", onClick: () => {
+        u(!0);
+      }, children: r._("Edit customer") })
+    ] }) }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-6 ttw:space-between ttw:w-full", children: [
+      /* @__PURE__ */ e(R, { handleCreate: l, onUpdatePaymentReminder: c, disabled: m || o }),
+      /* @__PURE__ */ e(C, { handleCreate: l, onUpdateOverdueReminder: p, disabled: m || o })
+    ] }),
+    s && /* @__PURE__ */ a("p", { className: "ttw:text-muted-foreground ttw:text-sm ttw:font-medium", children: [
+      r._("Recipient email: "),
+      s,
+      /* @__PURE__ */ e("br", {}),
+      r._("You can change it in the customer profile.")
+    ] })
   ] });
-}
-function x({
-  className: e,
-  children: s,
-  position: o = "popper",
-  ...n
-}) {
-  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ l(a.Content, { "data-slot": "select-content", className: r("ttw:bg-popover ttw:text-popover-foreground ttw:data-[state=open]:animate-in ttw:data-[state=closed]:animate-out ttw:data-[state=closed]:fade-out-0 ttw:data-[state=open]:fade-in-0 ttw:data-[state=closed]:zoom-out-95 ttw:data-[state=open]:zoom-in-95 ttw:data-[side=bottom]:slide-in-from-top-2 ttw:data-[side=left]:slide-in-from-right-2 ttw:data-[side=right]:slide-in-from-left-2 ttw:data-[side=top]:slide-in-from-bottom-2 ttw:relative ttw:z-1300 ttw:max-h-(--radix-select-content-available-height) ttw:min-w-[8rem] ttw:origin-(--radix-select-content-transform-origin) ttw:overflow-x-hidden ttw:overflow-y-auto ttw:rounded-md ttw:border-none ttw:shadow-md", o === "popper" && "ttw:data-[side=bottom]:translate-y-1 ttw:data-[side=left]:-translate-x-1 ttw:data-[side=right]:translate-x-1 ttw:data-[side=top]:-translate-y-1", e), position: o, ...n, children: [
-    /* @__PURE__ */ t(c, {}),
-    /* @__PURE__ */ t(a.Viewport, { className: r("ttw:p-1", o === "popper" && "ttw:h-[var(--radix-select-trigger-height)] ttw:w-full ttw:min-w-[var(--radix-select-trigger-width)] ttw:scroll-my-1"), children: s }),
-    /* @__PURE__ */ t(u, {})
-  ] }) });
-}
-function b({
-  className: e,
-  children: s,
-  ...o
-}) {
-  return /* @__PURE__ */ l(a.Item, { "data-slot": "select-item", className: r("ttw:focus:bg-accent ttw:focus:text-accent-foreground ttw:[&_svg:not([class*=text-])]:text-muted-foreground ttw:relative ttw:flex ttw:w-full ttw:cursor-default ttw:items-center ttw:gap-2 ttw:rounded-sm ttw:py-1.5 ttw:pr-8 ttw:pl-2 ttw:text-sm ttw:outline-hidden ttw:select-none ttw:data-[disabled]:pointer-events-none ttw:data-[disabled]:opacity-50 ttw:[&_svg]:pointer-events-none ttw:[&_svg]:shrink-0 ttw:[&_svg:not([class*=size-])]:size-4 ttw:*:[span]:last:flex ttw:*:[span]:last:items-center ttw:*:[span]:last:gap-2", e), ...o, children: [
-    /* @__PURE__ */ t("span", { className: "ttw:absolute ttw:right-2 ttw:flex ttw:size-3.5 ttw:items-center ttw:justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(w, { className: "ttw:size-4" }) }) }),
-    /* @__PURE__ */ t(a.ItemText, { children: s })
-  ] });
-}
-function N({
-  className: e,
-  ...s
-}) {
-  return /* @__PURE__ */ t(a.Separator, { "data-slot": "select-separator", className: r("ttw:bg-border ttw:pointer-events-none ttw:-mx-1 ttw:my-1 ttw:h-px", e), ...s });
-}
-function c({
-  className: e,
-  ...s
-}) {
-  return /* @__PURE__ */ t(a.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: r("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", e), ...s, children: /* @__PURE__ */ t(d, { className: "ttw:size-4" }) });
-}
-function u({
-  className: e,
-  ...s
-}) {
-  return /* @__PURE__ */ t(a.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: r("ttw:flex ttw:cursor-default ttw:items-center ttw:justify-center ttw:py-1", e), ...s, children: /* @__PURE__ */ t(i, { className: "ttw:size-4" }) });
-}
+};
 export {
-  g as Select,
-  x as SelectContent,
-  b as SelectItem,
-  u as SelectScrollDownButton,
-  c as SelectScrollUpButton,
-  N as SelectSeparator,
-  v as SelectTrigger,
-  h as SelectValue
+  S as ReminderSectionContent
 };

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

@@ -1,209 +1,75 @@
-import { jsx as e, jsxs as n, Fragment as y } from "@emotion/react/jsx-runtime";
-import { ReminderFormLayout as S } from "./index412.js";
-import { getBeforeDueDateValidationSchema as Q } from "./index171.js";
-import { useMoniteContext as T } from "./index59.js";
-import { getAPIErrorMessage as $ } from "./index122.js";
-import { DropdownMenu as U, DropdownMenuTrigger as V, DropdownMenuContent as A, DropdownMenuItem as N } from "./index212.js";
-import { LoadingPage as H } from "./index185.js";
-import { NotFound as M } from "./index165.js";
-import { zodResolver as G } from "@hookform/resolvers/zod";
-import { useLingui as k } from "@lingui/react";
-import { ChevronDown as J } from "lucide-react";
-import { useId as K } from "react";
-import { useForm as O, Controller as o } from "react-hook-form";
-import { toast as v } from "react-hot-toast";
-import { Button as R } from "./index86.js";
-import { Field as s, FieldContent as u, FieldLabel as c, FieldError as _ } from "./index227.js";
-import { Input as f } from "./index128.js";
-import { Label as x } from "./index381.js";
-import { SheetHeader as W, SheetTitle as X, SheetDescription as Y, SheetFooter as Z } from "./index162.js";
-import { Textarea as j } from "./index129.js";
-import { Typography as P } from "./index87.js";
-const Ce = ({
-  reminderId: d,
-  ...m
+import { jsx as e, jsxs as i } from "@emotion/react/jsx-runtime";
+import { Button as s } from "./index86.js";
+import { Checkbox as p } from "./index410.js";
+import { Dialog as u, DialogContent as y, DialogHeader as v, DialogTitle as g, DialogDescription as x, DialogFooter as C } from "./index201.js";
+import { Label as _ } from "./index332.js";
+import { Separator as c } from "./index163.js";
+import { Switch as r } from "./index302.js";
+import { Typography as l } from "./index87.js";
+import { useLingui as D } from "@lingui/react";
+const O = ({
+  open: h,
+  handleClose: d,
+  visibleFields: n,
+  setVisibleFields: m,
+  areFieldsAlwaysSelected: w,
+  setAreFieldsAlwaysSelected: f
 }) => {
   const {
     i18n: t
-  } = k(), {
-    api: l
-  } = T(), {
-    data: h,
-    error: b,
-    isError: w,
-    isLoading: a
-  } = l.finops.getPaymentRemindersId.useQuery({
-    path: {
-      payment_reminder_id: d || ""
-    }
-  }, {
-    enabled: !!d
-  });
-  return a ? /* @__PURE__ */ e(H, {}) : w ? /* @__PURE__ */ e(M, { title: t._("Payment reminder error"), description: $(t, b) }) : d && !h ? /* @__PURE__ */ e(M, { title: t._("Reminder not found"), description: t._("There is no reminder by provided id: {id}", {
-    id: d
-  }) }) : /* @__PURE__ */ e(ee, { reminder: h, ...m });
-}, ee = ({
-  reminder: d,
-  ...m
-}) => {
-  const {
-    i18n: t
-  } = k(), {
-    api: l,
-    queryClient: h
-  } = T(), b = {
-    days_before: 1,
-    body: "",
-    subject: ""
-  }, w = O({
-    resolver: G(Q(t)),
-    defaultValues: {
-      name: d?.name ?? "",
-      term_1_reminder: d?.term_1_reminder ?? void 0,
-      term_2_reminder: d?.term_2_reminder ?? void 0,
-      term_final_reminder: d?.term_final_reminder ?? void 0
-    }
-  }), {
-    control: a,
-    handleSubmit: z,
-    setValue: p,
-    watch: E
-  } = w, [g, C, D] = E(["term_1_reminder", "term_2_reminder", "term_final_reminder"]), B = `Monite-Form-createBeforeDueDateReminder-${K()}`, q = l.finops.postPaymentReminders.useMutation(void 0, {
-    onSuccess: async (r) => {
-      await l.finops.getPaymentReminders.invalidateQueries(h), v.success(t._("Reminder has been created")), "onCreate" in m && m.onCreate?.(r.id);
-    },
-    onError: (r) => {
-      v.error($(t, r));
-    }
-  }), L = l.finops.patchPaymentRemindersId.useMutation({
-    path: {
-      payment_reminder_id: d?.id ?? ""
-    }
-  }, {
-    onSuccess: async (r) => {
-      l.finops.getPaymentRemindersId.setQueryData({
-        path: {
-          payment_reminder_id: r.id
-        }
-      }, r, h), await l.finops.getPaymentReminders.invalidateQueries(h), v.success(t._("Reminder has been updated")), "onUpdate" in m && m.onUpdate?.(r.id);
-    },
-    onError: (r) => {
-      v.error($(t, r));
-    }
-  }), I = d ? t._('Update "Before due date" reminder') : t._('Create "Before due date" reminder'), F = t._("For this reminder to be sent for your invoice, please make sure to set payment terms that include a discount");
-  return /* @__PURE__ */ n(y, { children: [
-    /* @__PURE__ */ n(W, { className: "ttw:border-b ttw:border-border", children: [
-      /* @__PURE__ */ e(X, { className: "ttw:text-xl", children: I }),
-      /* @__PURE__ */ e(Y, { hidden: !0, children: I })
+  } = D(), o = (a, b) => {
+    m({
+      ...n,
+      [a]: b
+    });
+  };
+  return /* @__PURE__ */ e(u, { open: h, onOpenChange: d, children: /* @__PURE__ */ i(y, { children: [
+    /* @__PURE__ */ i(v, { children: [
+      /* @__PURE__ */ e(g, { children: t._("Enable more fields") }),
+      /* @__PURE__ */ e(x, { className: "ttw:sr-only", children: t._("Dialog to enable or disable extra fields in invoice creation") })
     ] }),
-    /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-1 ttw:flex-col ttw:overflow-y-auto ttw:p-8", children: /* @__PURE__ */ e("form", { id: B, noValidate: !0, onSubmit: z((r) => d ? L.mutate(r) : q.mutate({
-      body: r
-    })), children: /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
-      /* @__PURE__ */ e(o, { name: "name", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Preset name") }),
-        /* @__PURE__ */ e(f, { ...r, id: r.name, value: r.value ?? "", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }),
-      !!D && /* @__PURE__ */ e(S, { title: t._("Due date"), subTitle: F, daysBefore: /* @__PURE__ */ n(y, { children: [
-        /* @__PURE__ */ e(x, { htmlFor: "term_final_reminder.days_before", children: t._("Remind") }),
-        /* @__PURE__ */ e(o, { name: "term_final_reminder.days_before", control: a, render: ({
-          field: r
-        }) => /* @__PURE__ */ e(f, { id: "term_final_reminder.days_before", type: "number", value: r.value ?? "", onChange: (i) => r.onChange(i.target.value === "" ? void 0 : Number(i.target.value)), min: 1, className: "ttw:w-15" }) }),
-        /* @__PURE__ */ e(P, { variant: "body1", color: "muted", children: t._("days before due date") })
-      ] }), subject: /* @__PURE__ */ e(o, { name: "term_final_reminder.subject", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Subject") }),
-        /* @__PURE__ */ e(f, { ...r, id: r.name, value: r.value ?? "", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }), body: /* @__PURE__ */ e(o, { name: "term_final_reminder.body", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Body") }),
-        /* @__PURE__ */ e(j, { ...r, id: r.name, value: r.value ?? "", className: "ttw:h-32 ttw:resize-none", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }), onDelete: () => p("term_final_reminder", void 0) }),
-      !!g && /* @__PURE__ */ e(S, { title: t._("Discount date 1"), subTitle: F, daysBefore: /* @__PURE__ */ n(y, { children: [
-        /* @__PURE__ */ e(x, { htmlFor: "term_1_reminder.days_before", children: t._("Remind") }),
-        /* @__PURE__ */ e(o, { name: "term_1_reminder.days_before", control: a, render: ({
-          field: r
-        }) => /* @__PURE__ */ e(f, { id: "term_1_reminder.days_before", type: "number", value: r.value ?? "", onChange: (i) => r.onChange(i.target.value === "" ? void 0 : Number(i.target.value)), min: 1, className: "ttw:w-15" }) }),
-        /* @__PURE__ */ e(P, { variant: "body1", color: "muted", children: t._("days before discount date 1") })
-      ] }), subject: /* @__PURE__ */ e(o, { name: "term_1_reminder.subject", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Subject") }),
-        /* @__PURE__ */ e(f, { ...r, id: r.name, value: r.value ?? "", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }), body: /* @__PURE__ */ e(o, { name: "term_1_reminder.body", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Body") }),
-        /* @__PURE__ */ e(j, { ...r, id: r.name, value: r.value ?? "", className: "ttw:h-32 ttw:resize-none", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }), onDelete: () => p("term_1_reminder", void 0) }),
-      !!C && /* @__PURE__ */ e(S, { title: t._("Discount date 2"), subTitle: F, daysBefore: /* @__PURE__ */ n(y, { children: [
-        /* @__PURE__ */ e(x, { htmlFor: "term_2_reminder.days_before", children: t._("Remind") }),
-        /* @__PURE__ */ e(o, { name: "term_2_reminder.days_before", control: a, render: ({
-          field: r
-        }) => /* @__PURE__ */ e(f, { id: "term_2_reminder.days_before", type: "number", value: r.value ?? "", onChange: (i) => r.onChange(i.target.value === "" ? void 0 : Number(i.target.value)), min: 1, className: "ttw:w-15" }) }),
-        /* @__PURE__ */ e(P, { variant: "body1", color: "muted", children: t._("days before discount date 2") })
-      ] }), subject: /* @__PURE__ */ e(o, { name: "term_2_reminder.subject", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Subject") }),
-        /* @__PURE__ */ e(f, { ...r, id: r.name, value: r.value ?? "", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }), body: /* @__PURE__ */ e(o, { name: "term_2_reminder.body", control: a, render: ({
-        field: r,
-        fieldState: {
-          error: i
-        }
-      }) => /* @__PURE__ */ e(s, { children: /* @__PURE__ */ n(u, { children: [
-        /* @__PURE__ */ e(c, { htmlFor: r.name, required: !0, children: t._("Body") }),
-        /* @__PURE__ */ e(j, { ...r, id: r.name, value: r.value ?? "", className: "ttw:h-32 ttw:resize-none", "aria-invalid": !!i }),
-        /* @__PURE__ */ e(_, { errors: i ? [i] : [] })
-      ] }) }) }), onDelete: () => p("term_2_reminder", void 0) }),
-      !(D && g && C) && /* @__PURE__ */ n(U, { children: [
-        /* @__PURE__ */ e(V, { asChild: !0, children: /* @__PURE__ */ n(R, { type: "button", className: "ttw:self-start", children: [
-          t._("Add reminder"),
-          /* @__PURE__ */ e(J, {})
-        ] }) }),
-        /* @__PURE__ */ n(A, { align: "start", children: [
-          !D && /* @__PURE__ */ e(N, { onClick: () => p("term_final_reminder", b), children: t._("Due date") }),
-          !g && /* @__PURE__ */ e(N, { onClick: () => p("term_1_reminder", b), children: t._("Discount date 1") }),
-          !C && /* @__PURE__ */ e(N, { onClick: () => p("term_2_reminder", b), children: t._("Discount date 2") })
-        ] })
+    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4", children: [
+        /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col", children: [
+          /* @__PURE__ */ e(l, { variant: "body2", children: t._("Fulfillment date") }),
+          /* @__PURE__ */ e(l, { variant: "body2", color: "muted", children: t._("Add a date when the product will be delivered or the service provided") })
+        ] }),
+        /* @__PURE__ */ e(r, { checked: n.isFulfillmentDateShown, onCheckedChange: (a) => o("isFulfillmentDateShown", a), "aria-label": t._("Fulfillment date") })
+      ] }),
+      /* @__PURE__ */ e(c, {}),
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4", children: [
+        /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col", children: [
+          /* @__PURE__ */ e(l, { variant: "body2", children: t._("Purchase order") }),
+          /* @__PURE__ */ e(l, { variant: "body2", color: "muted", children: t._("You can add a document number to have it in the PDF") })
+        ] }),
+        /* @__PURE__ */ e(r, { checked: n.isPurchaseOrderShown, onCheckedChange: (a) => o("isPurchaseOrderShown", a), "aria-label": t._("Purchase order") })
+      ] }),
+      /* @__PURE__ */ e(c, {}),
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:justify-between ttw:items-center ttw:gap-4", children: [
+        /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col", children: [
+          /* @__PURE__ */ e(l, { variant: "body2", children: t._("Note to customer") }),
+          /* @__PURE__ */ e(l, { variant: "body2", color: "muted", children: t._("Add a note that will be displayed below the line items") })
+        ] }),
+        /* @__PURE__ */ e(r, { checked: n.isFooterShown, onCheckedChange: (a) => o("isFooterShown", a), "aria-label": t._("Note to customer") })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "ttw:hidden ttw:justify-between ttw:items-center ttw:gap-4", children: [
+        /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col", children: [
+          /* @__PURE__ */ e(l, { variant: "body2", children: t._("Terms and conditions") }),
+          /* @__PURE__ */ e(l, { variant: "body2", color: "muted", children: t._("You can include details about the warranty, insurance, liability, late payment fees and any other important notes") })
+        ] }),
+        /* @__PURE__ */ e(r, { checked: n.isTermsAndConditionsShown, onCheckedChange: (a) => o("isTermsAndConditionsShown", a), "aria-label": t._("Terms and conditions") })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+        /* @__PURE__ */ e(p, { id: "alwaysDisplay", checked: w, onCheckedChange: (a) => f(!!a) }),
+        /* @__PURE__ */ e(_, { htmlFor: "alwaysDisplay", children: t._("Always display selected fields on the form (where available)") })
       ] })
-    ] }) }) }),
-    /* @__PURE__ */ n(Z, { className: "ttw:border-t ttw:border-border ttw:flex-row ttw:justify-end", children: [
-      m?.onClose && /* @__PURE__ */ e(R, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: (r) => {
-        r.preventDefault(), m?.onClose?.();
-      }, children: t._("Cancel") }),
-      /* @__PURE__ */ e(R, { type: "submit", form: B, disabled: q.isPending, children: d ? t._("Update") : t._("Create") })
+    ] }),
+    /* @__PURE__ */ i(C, { children: [
+      /* @__PURE__ */ e(s, { variant: "ghost", onClick: d, children: t._("Cancel") }),
+      /* @__PURE__ */ e(s, { onClick: d, children: t._("Save") })
     ] })
-  ] });
+  ] }) });
 };
 export {
-  Ce as BeforeDueDateReminderForm
+  O as EnableFieldsDialog
 };