@tesouro/embedded-components-react 0.2.1 → 0.2.5

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

@@ -1,18 +1,21 @@
-import { toast as o } from "react-hot-toast";
-import { useMoniteContext as r } from "./index59.js";
-import { useLingui as t } from "@lingui/react";
-const c = () => {
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { ConfirmationModal as r } from "./index254.js";
+import { useLingui as m } from "@lingui/react";
+import { usePaymentTermsApi as a } from "./index444.js";
+const p = ({
+  show: o,
+  closeDialog: t,
+  paymentTermsId: n
+}) => {
   const {
-    api: n
-  } = r(), {
+    deletePaymentTerm: i
+  } = a({
+    onSuccessfullChange: () => t(!0)
+  }), {
     i18n: e
-  } = t();
-  return n.finops.postFinancingTokens.useMutation({}, {
-    onError: () => {
-      o.error(e._("The financing service is currently unavailable. Please reload the page or try again later."));
-    }
-  });
+  } = m();
+  return /* @__PURE__ */ s(r, { open: o, title: e._("Delete payment term?"), message: e._("You won't be able to use it to create new invoices, but it won't affect the existing invoices with this term and their future copies."), confirmLabel: e._("Delete"), cancelLabel: e._("Cancel"), onClose: () => t(!1), onConfirm: () => i(n) });
 };
 export {
-  c as useGetFinancingConnectToken
+  p as DeletePaymentTerms
 };

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

@@ -1,19 +1,140 @@
-import { jsx as e } from "@emotion/react/jsx-runtime";
-import { cn as l } from "./index102.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 });
-}
+import { jsxs as n, jsx as e, Fragment as D } from "@emotion/react/jsx-runtime";
+import { DiscountForm as G } from "./index503.js";
+import { getPaymentTermsValidationSchema as O } from "./index208.js";
+import { TermField as o } from "./index504.js";
+import { usePaymentTermsApi as V } from "./index444.js";
+import { safeZodResolver as k } from "./index257.js";
+import { useLingui as q } from "@lingui/react";
+import { useState as T, useEffect as L } from "react";
+import { useForm as z, FormProvider as B, Controller as u } from "react-hook-form";
+import { CircleAlert as R, Plus as Y } from "lucide-react";
+import { Alert as Z } from "./index177.js";
+import { Button as H } from "./index86.js";
+import { Card as J, CardContent as K } from "./index359.js";
+import { Field as p, FieldContent as f, FieldLabel as h, FieldDescription as M } from "./index178.js";
+import { Input as Q } from "./index124.js";
+import { InputGroup as U, InputGroupInput as W, InputGroupAddon as X, InputGroupText as ee } from "./index103.js";
+import { Textarea as re } from "./index125.js";
+import { Typography as y } from "./index87.js";
+const F = 2, we = ({
+  formName: N,
+  selectedTerm: m,
+  onTermsChange: C
+}) => {
+  const {
+    id: v,
+    ...P
+  } = m || {}, [_, d] = T(), {
+    i18n: t
+  } = q(), l = z({
+    defaultValues: {
+      ...P
+    },
+    resolver: k(O(t))
+  }), {
+    handleSubmit: S,
+    formState: {
+      errors: g
+    },
+    control: c
+  } = l, {
+    createPaymentTerm: I,
+    updatePaymentTerm: $
+  } = V({
+    onCreationError: () => d(/* @__PURE__ */ n(D, { children: [
+      t._("Failed to create payment term, please try again."),
+      /* @__PURE__ */ e("br", {}),
+      t._("If this error recurs, contact your admin.")
+    ] })),
+    onSuccessfullChange: C
+  }), [i, w] = T(() => m ? [o.Term1, o.Term2].filter((r) => !!m[r]) : []);
+  L(() => {
+    Object.keys(g).filter((r) => ![...Object.values(o)].includes(r)).length > 0 ? d(t._("To create a preset you need to fill out all the required fields")) : d(null);
+  }, [g, t]);
+  const j = () => {
+    if (i.length === F) return;
+    const r = i.length ? o.Term2 : o.Term1;
+    w((a) => [...a, r]), l.setValue(r, {
+      number_of_days: null,
+      discount: null
+    });
+  }, A = () => {
+    if (!i.length) return;
+    const r = i[i.length - 1];
+    w((a) => a.slice(0, -1)), l.setValue(r, null);
+  };
+  return /* @__PURE__ */ n(B, { ...l, children: [
+    !!_ && /* @__PURE__ */ e(Z, { variant: "error", className: "ttw:mb-4", icon: /* @__PURE__ */ e(R, {}), children: _ }),
+    /* @__PURE__ */ n("form", { id: N, noValidate: !0, onSubmit: (r) => {
+      r.preventDefault(), r.stopPropagation(), S((a) => {
+        const {
+          term_1: b,
+          term_2: x,
+          ...E
+        } = a, s = {
+          ...E
+        };
+        b && Object.assign(s, {
+          term_1: b
+        }), x && Object.assign(s, {
+          term_2: x
+        }), v ? $(v, s) : I(s);
+      })(r);
+    }, className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e(y, { variant: "h5", children: t._("Settings") }),
+        /* @__PURE__ */ e(J, { className: "ttw:mt-2 ttw:border-border", children: /* @__PURE__ */ n(K, { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+          /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-2", children: [
+            /* @__PURE__ */ e(u, { name: "name", control: c, render: ({
+              field: r,
+              fieldState: {
+                error: a
+              }
+            }) => /* @__PURE__ */ e(p, { className: "ttw:flex-1", children: /* @__PURE__ */ n(f, { children: [
+              /* @__PURE__ */ e(h, { htmlFor: "name", required: !0, children: t._("Name") }),
+              /* @__PURE__ */ e(Q, { ...r, id: "name", "aria-invalid": !!a }),
+              /* @__PURE__ */ e(M, { children: t._("Example: NET 30, –2%/10 days, –1%/20 days") })
+            ] }) }) }),
+            /* @__PURE__ */ e(u, { name: "term_final.number_of_days", control: c, render: ({
+              field: r,
+              fieldState: {
+                error: a
+              }
+            }) => /* @__PURE__ */ e(p, { className: "ttw:w-44 ttw:shrink-0", children: /* @__PURE__ */ n(f, { children: [
+              /* @__PURE__ */ e(h, { htmlFor: "term_final_days", required: !0, children: t._("Payment due") }),
+              /* @__PURE__ */ n(U, { children: [
+                /* @__PURE__ */ e(W, { ...r, id: "term_final_days", type: "number", value: r.value ?? "", "aria-invalid": !!a }),
+                /* @__PURE__ */ e(X, { align: "inline-end", children: /* @__PURE__ */ e(ee, { children: t._("days") }) })
+              ] })
+            ] }) }) })
+          ] }),
+          /* @__PURE__ */ e(u, { name: "description", control: c, render: ({
+            field: r,
+            fieldState: {
+              error: a
+            }
+          }) => /* @__PURE__ */ e(p, { children: /* @__PURE__ */ n(f, { children: [
+            /* @__PURE__ */ e(h, { htmlFor: "description", children: t._("Description") }),
+            /* @__PURE__ */ e(re, { ...r, id: "description", rows: 4, value: r.value ?? "", "aria-invalid": !!a, className: "ttw:resize-none" })
+          ] }) }) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ e(y, { variant: "h5", children: t._("Early payment discounts") }),
+        /* @__PURE__ */ n(y, { variant: "body2", color: "muted", className: "ttw:mt-1", children: [
+          t._("Offer a discount to your customer if they pay early."),
+          /* @__PURE__ */ e("br", {}),
+          t._("You can set up to 2 early payment discounts per invoice.")
+        ] }),
+        i.length > 0 && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-3 ttw:mt-6", children: i.map((r, a) => /* @__PURE__ */ e(G, { index: a, field: r, isLast: a === i.length - 1, remove: A }, r)) }),
+        i.length < F && /* @__PURE__ */ n(H, { type: "button", variant: "secondary", className: "ttw:mt-4 ttw:text-primary ttw:hover:brightness-85", onClick: j, children: [
+          /* @__PURE__ */ e(Y, {}),
+          t._("Add discount")
+        ] })
+      ] })
+    ] })
+  ] });
+};
 export {
-  n as Avatar,
-  f as AvatarFallback
+  we as PaymentTermsForm
 };

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

@@ -1,85 +1,18 @@
-const i = ({
-  variant: t,
-  isError: e = !1,
-  componentType: s,
-  showAvatar: a = !1,
-  showUsersAsEmail: n = !1,
-  className: w = ""
-}) => {
-  if (e) {
-    const r = `ttw:text-muted-foreground ${w}`;
-    return s === "user" && t !== "badge" ? {
-      useBadge: !1,
-      badgeVariant: "outline",
-      className: r,
-      showAvatar: !1,
-      showIcon: !1
-    } : {
-      useBadge: !0,
-      badgeVariant: "outline",
-      className: r,
-      showAvatar: !1,
-      showIcon: !1
-    };
-  }
-  return s === "user" ? o(t, a, n, w) : l(t, w);
-};
-function o(t, e, s, a) {
-  switch (t) {
-    case "badge":
-      return {
-        useBadge: !0,
-        badgeVariant: "secondary",
-        className: `ttw:gap-1 ttw:px-2 ttw:py-1 ${a}`,
-        showAvatar: e,
-        showIcon: !1
-      };
-    case "cell":
-      return {
-        useBadge: !1,
-        badgeVariant: "secondary",
-        className: `ttw:text-sm ttw:font-medium ttw:text-foreground ttw:overflow-hidden ttw:text-ellipsis ttw:whitespace-nowrap ttw:block ${s ? "ttw:text-blue-600" : ""} ${a}`,
-        showAvatar: !1,
-        showIcon: !1
-      };
-    default:
-      return {
-        useBadge: !1,
-        badgeVariant: "secondary",
-        className: `ttw:text-sm ttw:font-medium ttw:text-foreground ${a}`,
-        showAvatar: !1,
-        showIcon: !1
-      };
-  }
-}
-function l(t, e) {
-  switch (t) {
-    case "filled":
-      return {
-        useBadge: !0,
-        badgeVariant: "secondary",
-        className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:h-8 ttw:bg-gray-100 ttw:text-gray-800 ttw:text-sm ttw:leading-4 ttw:font-medium ttw:whitespace-nowrap ttw:border-0 ttw:rounded-lg ttw:px-4 ttw:py-1 ${e}`,
-        showAvatar: !1,
-        showIcon: !1
-      };
-    case "outlined":
-      return {
-        useBadge: !0,
-        badgeVariant: "outline",
-        className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:text-sm ttw:font-medium ttw:whitespace-nowrap ttw:rounded ttw:px-2 ttw:py-1 ttw:gap-1 ${e}`,
-        showAvatar: !1,
-        showIcon: !0
-      };
-    default:
-      return {
-        useBadge: !0,
-        badgeVariant: "secondary",
-        className: `ttw:inline-flex ttw:items-center ttw:justify-center ttw:h-8 ttw:bg-[rgb(248,248,255)] ttw:text-[rgb(55,55,255)] ttw:text-sm ttw:leading-4 ttw:font-medium ttw:whitespace-nowrap ttw:border-0 ttw:rounded-[7.98px] ttw:px-2 ttw:py-[7px] ttw:gap-2 ttw:transition-colors ${e}`,
-        showAvatar: !1,
-        showIcon: !0
-      };
-  }
-}
+import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
+import { Typography as r } from "./index87.js";
+import { twMerge as s } from "tailwind-merge";
+const d = ({
+  renderIcon: i,
+  leftLine: a,
+  rightLine: m,
+  className: n
+}) => /* @__PURE__ */ t("div", { className: s("ttw:flex ttw:justify-between ttw:items-center", n), children: [
+  /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+    i,
+    /* @__PURE__ */ e(r, { variant: "body1", children: a })
+  ] }),
+  /* @__PURE__ */ e(r, { variant: "body1", children: m })
+] });
 export {
-  i as getVariantProps
+  d as PaymentTermSummaryItem
 };

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

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as X } from "@emotion/react/jsx-runtime";
-import { CounterpartTableFilters as Z } from "./index228.js";
-import { FILTER_TYPE_SEARCH as A, FILTER_TYPE_TYPE as tt } from "./index229.js";
+import { CounterpartTableFilters as Z } from "./index179.js";
+import { FILTER_TYPE_SEARCH as A, FILTER_TYPE_TYPE as tt } from "./index180.js";
 import { getCounterpartName as et } from "./index7.js";
 import { useCurrencies as at } from "./index60.js";
 import { useMoniteContext as it } from "./index59.js";
 import { MoniteScopedProviders as rt } from "./index85.js";
 import { useCounterpartList as ot } from "./index73.js";
-import { useUserPermissions as nt } from "./index133.js";
+import { useUserPermissions as nt } from "./index137.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";
@@ -14,19 +14,19 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as y } from "../../shared/data-access/dist/lib/scopes.js";
 import { useState as c, useMemo as d } from "react";
-import { CounterPartCellByData as st } from "./index142.js";
-import { GetNoRowsOverlay as dt } from "./index143.js";
-import { AccessRestriction as lt } from "./index135.js";
+import { CounterPartCellByData as st } from "./index181.js";
+import { GetNoRowsOverlay as dt } from "./index145.js";
+import { AccessRestriction as lt } from "./index138.js";
 import { Button as mt } from "./index86.js";
 import "clsx";
 import { twMerge as U } from "tailwind-merge";
 import "@radix-ui/react-dialog";
 import { ArrowUp as ct, ArrowDown as pt, ArrowUpDown as ut } from "lucide-react";
 import { useLingui as gt } from "@lingui/react";
-import { DataTable as _t } from "./index145.js";
-import { hasSelectedText as wt } from "./index151.js";
+import { DataTable as _t } from "./index144.js";
+import { hasSelectedText as wt } from "./index147.js";
 import { useGetPayablesAnalytics as C } from "./index35.js";
-import { LoadingSpinner as p } from "./index164.js";
+import { LoadingSpinner as p } from "./index152.js";
 const Kt = (u) => /* @__PURE__ */ a(rt, { children: /* @__PURE__ */ a(ht, { ...u }) }), ht = ({
   onRowClick: u,
   onChangeSort: j,

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

@@ -3,14 +3,14 @@ import { useState as d, useCallback as n } from "react";
 import { TagFormModal as u } from "./index49.js";
 import { TagsTable as h } from "./index48.js";
 import { MoniteScopedProviders as C } from "./index85.js";
-import { useUserPermissions as x } from "./index133.js";
+import { useUserPermissions as x } from "./index137.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 e } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as A } from "./index135.js";
+import { AccessRestriction as A } from "./index138.js";
 import { Button as T } from "./index86.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,42 +1,46 @@
-import { getSharedApprovalRuleLabel as _, getUsersFromListLabel as t } from "./index445.js";
-const r = {
-  SINGLE_USER: "single_user",
-  USERS_FROM_LIST: "users_from_list",
-  ROLES_FROM_LIST: "roles_from_list",
-  APPROVAL_CHAIN: "approval_chain"
-}, S = {
-  REQUEST_APPROVAL_BY_USERS: "ApprovalRequests.request_approval_by_users",
-  REQUEST_APPROVAL_BY_ROLES: "ApprovalRequests.request_approval_by_roles"
-}, L = (s, e) => {
-  switch (s) {
-    case r.SINGLE_USER:
-      return e._("Single user");
-    case r.USERS_FROM_LIST:
-      return e._("Users from the list");
-    case r.ROLES_FROM_LIST:
-      return e._("Roles from the list");
-    case r.APPROVAL_CHAIN:
-      return e._("Approval chain");
-    default:
+import { jsxs as a, Fragment as g, jsx as t } from "@emotion/react/jsx-runtime";
+import { useState as u, useEffect as b } from "react";
+import { ManageMeasureUnits as v } from "./index150.js";
+import { Select as x, SelectTrigger as S, SelectValue as y, SelectContent as M, SelectItem as d } from "./index291.js";
+import { useLingui as C } from "@lingui/react";
+import { Plus as N } from "lucide-react";
+const $ = ({
+  value: r,
+  availableMeasureUnits: s,
+  error: m,
+  fieldError: c,
+  skipDefaultAssignment: i = !1,
+  disabled: f = !1,
+  onChange: l
+}) => {
+  const {
+    i18n: w
+  } = C(), [n, p] = u(i), [h, o] = u(!1);
+  return b(() => {
+    if (i || n)
       return;
-  }
-}, l = (s, e, a) => {
-  switch (s) {
-    case r.SINGLE_USER:
-      return _.singleUser(e);
-    case r.USERS_FROM_LIST:
-      return t(e, a);
-    case r.ROLES_FROM_LIST:
-      return _.anyUserWithRole(e);
-    case r.APPROVAL_CHAIN:
-      return _.allUsersFromList(e);
-    default:
-      return;
-  }
+    const e = s?.[0]?.id;
+    !r && r !== "" && e && (l(e), p(!0));
+  }, [r, s, l, i, n]), /* @__PURE__ */ a(g, { children: [
+    /* @__PURE__ */ a(x, { value: r ?? "", onValueChange: (e) => {
+      if (e === "create") {
+        o(!0);
+        return;
+      }
+      l(e);
+    }, disabled: f, children: [
+      /* @__PURE__ */ t(S, { "aria-invalid": m || !!c || void 0, className: "ttw:h-full ttw:rounded-none ttw:border-r-0 ttw:border-y-0 ttw:gap-0 ttw:bg-transparent ttw:p-0 ttw:pl-2 ttw:border-l ttw:border-border ttw:shadow-none ttw:focus-visible:ring-0 ttw:w-15", children: /* @__PURE__ */ t(y, { className: "ttw:truncate" }) }),
+      /* @__PURE__ */ a(M, { children: [
+        /* @__PURE__ */ a(d, { value: "create", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
+          /* @__PURE__ */ t(N, { className: "ttw:text-primary" }),
+          w._("Manage measure units")
+        ] }),
+        s?.map((e) => /* @__PURE__ */ t(d, { value: e.id, children: e.name }, e.id))
+      ] })
+    ] }),
+    h && /* @__PURE__ */ t(v, { open: !0, handleClose: () => o(!1) })
+  ] });
 };
 export {
-  r as APPROVAL_POLICY_RULE_TYPES,
-  S as APPROVAL_REQUEST_CALLS,
-  l as getRuleLabel,
-  L as getRuleName
+  $ as MeasureUnitField
 };

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

@@ -1,8 +1,8 @@
 import { useMemo as s } from "react";
 import { useMoniteContext as b } from "./index59.js";
 import { useLingui as L } from "@lingui/react";
-import { ApprovalStepResolver as j } from "./index508.js";
-import { extractStructureItemsFromScriptStep as q, processApprovalStructure as w, findUserApprovalCall as x } from "./index356.js";
+import { ApprovalStepResolver as j } from "./index509.js";
+import { extractStructureItemsFromScriptStep as q, processApprovalStructure as w, findUserApprovalCall as x } from "./index266.js";
 function C(i, p, v = "desc") {
   const {
     i18n: m

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

@@ -1,80 +1,63 @@
-import { jsxs as r, Fragment as G, jsx as e } from "@emotion/react/jsx-runtime";
-import { useState as I, useEffect as B } from "react";
-import { useFormContext as M, Controller as p } from "react-hook-form";
-import { rateMinorToMajor as S, rateMajorToMinor as A } from "./index184.js";
-import { useLingui as D } from "@lingui/react";
-import { Trash2 as z } from "lucide-react";
-import { Alert as L } from "./index186.js";
-import { Button as $ } from "./index86.js";
-import { Card as k, CardHeader as E, CardTitle as H, CardAction as O, CardContent as P } from "./index293.js";
-import { InputGroup as h, InputGroupInput as f, InputGroupAddon as v, InputGroupText as w } from "./index103.js";
-import { Typography as l } from "./index87.js";
-const ee = ({
-  field: a,
-  index: b,
-  isLast: g,
-  remove: C
+import { jsxs as i, jsx as a } from "@emotion/react/jsx-runtime";
+import { Button as w } from "./index86.js";
+import { useLingui as f } from "@lingui/react";
+import { Bell as y } from "lucide-react";
+const u = (e) => "term_1_reminder" in e || "term_2_reminder" in e || "term_final_reminder" in e, b = ({
+  reminder: e,
+  updateDisabled: n,
+  onUpdate: m
 }) => {
-  const [d, m] = I(""), {
-    i18n: n
-  } = D(), {
-    control: c,
-    formState: {
-      errors: i
-    }
-  } = M(), y = `${a}.number_of_days`, x = `${a}.discount`;
-  return B(() => {
-    if (i && i[a]) {
-      const t = i[a], o = Object.values(t ?? {}).map((s) => s?.message).filter(Boolean);
-      m(o[0] ?? "");
-    } else
-      m("");
-  }, [i, a]), /* @__PURE__ */ r(G, { children: [
-    !!d && /* @__PURE__ */ e(L, { variant: "error", className: "ttw:my-1", children: d }),
-    /* @__PURE__ */ r(k, { className: "ttw:border-border", children: [
-      /* @__PURE__ */ r(E, { children: [
-        /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(l, { variant: "h5", children: n._("Discount {number}", {
-          number: b + 1
-        }) }) }),
-        /* @__PURE__ */ e(O, { children: /* @__PURE__ */ r($, { type: "button", variant: "ghost", size: "sm", disabled: !g, className: "ttw:text-destructive ttw:hover:text-destructive", onClick: C, children: [
-          /* @__PURE__ */ e(z, {}),
-          n._("Delete")
-        ] }) })
+  const {
+    i18n: t
+  } = f(), s = u(e) ? [{
+    reminderTerm: e?.term_1_reminder ? t._("{days} {unit} before", {
+      days: e.term_1_reminder.days_before,
+      unit: e.term_1_reminder.days_before === 1 ? "day" : "days"
+    }) : t._("No reminder"),
+    termPeriodName: t._("Discount date 1"),
+    id: "payment-1"
+  }, {
+    reminderTerm: e?.term_2_reminder ? t._("{days} {unit} before", {
+      days: e.term_2_reminder.days_before,
+      unit: e.term_2_reminder.days_before === 1 ? "day" : "days"
+    }) : t._("No reminder"),
+    termPeriodName: t._("Discount date 2"),
+    id: "payment-2"
+  }, {
+    reminderTerm: e?.term_final_reminder ? t._("{days} {unit} before", {
+      days: e.term_final_reminder.days_before,
+      unit: e.term_final_reminder.days_before === 1 ? "day" : "days"
+    }) : t._("No reminder"),
+    termPeriodName: t._("Due date"),
+    id: "payment-3"
+  }] : e?.terms?.map((r, d) => ({
+    reminderTerm: t._("{days} {unit} after", {
+      days: r.days_after,
+      unit: r.days_after === 1 ? "day" : "days"
+    }),
+    termPeriodName: t._("Due date"),
+    id: `overdue-${d + 1}`
+  })) ?? [];
+  return /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:bg-zinc-50 ttw:rounded-md", children: [
+    /* @__PURE__ */ a("ul", { className: "ttw:w-full ttw:list-none", children: s?.map(({
+      termPeriodName: r,
+      reminderTerm: d,
+      id: l
+    }, _, o) => /* @__PURE__ */ i("li", { className: "ttw:flex ttw:items-start ttw:gap-2 ttw:w-full", children: [
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:items-center ttw:gap-1 ttw:pt-1", children: [
+        /* @__PURE__ */ a(y, { className: "ttw:size-4 ttw:text-neutral" }),
+        _ !== o.length - 1 && /* @__PURE__ */ a("div", { className: "ttw:w-px ttw:h-2 ttw:bg-neutral" })
       ] }),
-      /* @__PURE__ */ e(P, { children: /* @__PURE__ */ r("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
-        /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:whitespace-nowrap", children: n._("Pay in") }),
-        /* @__PURE__ */ e(p, { name: y, control: c, render: ({
-          field: t,
-          fieldState: {
-            error: o
-          }
-        }) => /* @__PURE__ */ r(h, { className: "ttw:w-28", children: [
-          /* @__PURE__ */ e(f, { ...t, type: "number", value: t.value ?? "", "aria-invalid": !!o }),
-          /* @__PURE__ */ e(v, { align: "inline-end", children: /* @__PURE__ */ e(w, { children: n._("days") }) })
-        ] }) }),
-        /* @__PURE__ */ e(l, { variant: "body2", className: "ttw:whitespace-nowrap", children: n._("to get discount") }),
-        /* @__PURE__ */ e(p, { name: x, control: c, render: ({
-          field: {
-            onChange: t,
-            onBlur: o,
-            value: s,
-            name: N,
-            ref: _
-          },
-          fieldState: {
-            error: T
-          }
-        }) => /* @__PURE__ */ r(h, { className: "ttw:w-24", children: [
-          /* @__PURE__ */ e(f, { name: N, ref: _, type: "number", value: s != null ? S(s) : "", onBlur: o, onChange: (j) => {
-            const u = j.target.value, F = u === "" ? null : A(parseFloat(u));
-            t(F);
-          }, "aria-invalid": !!T }),
-          /* @__PURE__ */ e(v, { align: "inline-end", children: /* @__PURE__ */ e(w, { children: "%" }) })
-        ] }) })
-      ] }) })
-    ] })
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-1 ttw:justify-between ttw:py-0.5", children: [
+        /* @__PURE__ */ a("span", { className: "ttw:text-sm ttw:font-medium ttw:text-neutral", children: d }),
+        /* @__PURE__ */ a("span", { className: "ttw:text-sm ttw:font-normal ttw:text-neutral", children: r })
+      ] })
+    ] }, l)) }),
+    m && /* @__PURE__ */ a(w, { variant: "ghost", disabled: n, onClick: (r) => {
+      r.preventDefault(), m();
+    }, size: "sm", className: "ttw:w-fit ttw:text-primary ttw:hover:text-primary", children: t._("Edit preset") })
   ] });
 };
 export {
-  ee as DiscountForm
+  b as ReminderDetails
 };