@tesouro/embedded-components-react 0.2.6 → 0.2.7

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

@@ -1,70 +1,58 @@
-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 "./index374.js";
-function C(i, p, v = "desc") {
+import { jsx as s, jsxs as g } from "@emotion/react/jsx-runtime";
+import { useRef as C } from "react";
+import { useCurrencies as b } from "./index60.js";
+import "./index94.js";
+import { useLingui as I } from "@lingui/react";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+import { getCurrenciesArray as P } from "./index96.js";
+import "date-fns";
+import { Tooltip as T, TextField as $, Box as u } from "@mui/material";
+import { useIsTextTruncated as v } from "./index508.js";
+const z = ({
+  error: l,
+  required: a,
+  label: c,
+  showCodeOnly: t = !1,
+  showCurrencySymbol: d = !0,
+  showCurrencyCode: f = !1,
+  ...r
+}) => {
   const {
-    i18n: m
-  } = L(), {
-    api: n
-  } = b(), {
-    data: f,
-    isLoading: _
-  } = n.finops.getApprovalRequests.useQuery({
-    query: {
-      object_id: i,
-      object_type: "payable",
-      limit: 50,
-      order: v
-    }
-  }), {
-    data: g,
-    isLoading: h
-  } = n.finops.getApprovalPoliciesId.useQuery({
-    path: {
-      approval_policy_id: p
-    }
-  }), u = s(() => f?.data || [], [f]), a = s(() => g?.script || [], [g]), o = s(() => !a.length || !u ? [] : new j(a, u, m).buildCompleteSteps(), [a, u, m]), l = s(() => {
-    const t = /* @__PURE__ */ new Set();
-    return a.forEach((e) => {
-      const r = q(e), S = w(r), y = x(S);
-      y?.params?.user_ids && y.params.user_ids.forEach((E) => t.add(E));
-    }), o.forEach((e) => {
-      e.actualAssignees.forEach((r) => t.add(r));
-    }), Array.from(t);
-  }, [a, o]), {
-    data: d,
-    isLoading: A
-  } = n.finops.getEntityUsers.useQuery({
-    query: {
-      id__in: l.length > 0 ? l : void 0,
-      limit: 100
-    }
-  }, {
-    enabled: l.length > 0
-  }), c = s(() => {
-    const t = /* @__PURE__ */ new Map();
-    return d?.data && d.data.forEach((e) => {
-      t.set(e.id, e);
-    }), t;
-  }, [d]);
-  return {
-    steps: s(() => o.map((t) => ({
-      ...t,
-      resolvedUsers: t.actualAssignees.map((e) => c.get(e)),
-      userNames: t.actualAssignees.map((e) => {
-        const r = c.get(e);
-        return r && (`${r.first_name || ""} ${r.last_name || ""}`.trim() || r.email || r.login) || e;
-      })
-    })), [o, c]),
-    isLoading: _ || h || A,
-    error: null
-  };
-}
-function $(i, p) {
-  return C(i, p.id, "desc");
-}
+    i18n: h
+  } = I(), {
+    getSymbolFromCurrency: x
+  } = b(), p = C(null), i = r.inputProps.value, e = i ? P(h).find((m) => (t ? m.code : m.label) === i) : null;
+  let o = i;
+  e && t && (o = e.code), e && !t && (o = e.label, f && (o += ` (${e.code})`));
+  const n = e ? x(e.code) : "", w = e ? `${e.label} (${e.code})${n ? `, ${n}` : ""}` : "", y = v(p.current, o);
+  return /* @__PURE__ */ s(T, { title: y ? w : "", placement: "top", children: /* @__PURE__ */ s($, { ...r, inputProps: {
+    ...r.inputProps,
+    value: o
+  }, inputRef: p, required: a, label: c, error: !!l?.message, helperText: l?.message, InputProps: {
+    ...r.InputProps,
+    sx: {
+      "& input": {
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        whiteSpace: "nowrap"
+      }
+    },
+    endAdornment: /* @__PURE__ */ g(u, { sx: {
+      display: "flex",
+      alignItems: "center",
+      minWidth: 0,
+      height: "100%"
+    }, children: [
+      !t && d && n && /* @__PURE__ */ s(u, { sx: {
+        whiteSpace: "nowrap",
+        mr: 1
+      }, children: n }),
+      r.InputProps.endAdornment
+    ] })
+  } }) });
+};
 export {
-  $ as useResolvedApprovalStepsWithPolicy
+  z as CurrencyInput
 };

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

@@ -1,80 +1,45 @@
-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 "./index198.js";
-import { useLingui as D } from "@lingui/react";
-import { Trash2 as z } from "lucide-react";
-import { Alert as L } from "./index200.js";
-import { Button as $ } from "./index86.js";
-import { Card as k, CardHeader as E, CardTitle as H, CardAction as O, CardContent as P } from "./index336.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 m, jsx as t } from "@emotion/react/jsx-runtime";
+import { createElement as c } from "@emotion/react";
+import { useCurrencies as d } from "./index60.js";
+import "react";
+import "./index94.js";
+import "@lingui/react";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+import { MenuItem as a, Box as r } from "@mui/material";
+const j = ({
+  props: i,
+  option: e,
+  showCodeOnly: o = !1,
+  showCurrencyCode: s = !1,
+  showCurrencySymbol: l = !0
 }) => {
-  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")
-        ] }) })
-      ] }),
-      /* @__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: "%" }) })
-        ] }) })
-      ] }) })
-    ] })
-  ] });
+  const {
+    getSymbolFromCurrency: n
+  } = d(), p = o ? e.code : `${e.label}${s ? " (" + e.code + ")" : ""}`;
+  return /* @__PURE__ */ c(a, { ...i, key: e.code, value: e.label, sx: {
+    width: "100%",
+    py: 1.25,
+    px: 2
+  } }, /* @__PURE__ */ m(r, { sx: {
+    display: "flex",
+    width: "100%",
+    alignItems: "center",
+    gap: 2
+  }, children: [
+    /* @__PURE__ */ t(r, { sx: {
+      flexGrow: 1,
+      minWidth: 0,
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    }, children: p }),
+    l && !o && /* @__PURE__ */ t(r, { sx: {
+      flexShrink: 0
+    }, children: n(e.code) })
+  ] }));
 };
 export {
-  ee as DiscountForm
+  j as CurrencyOption
 };

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

@@ -1,7 +1,50 @@
-const e = {
-  Term1: "term_1",
-  Term2: "term_2"
-};
+import { extractApprovalCalls as n, findUserApprovalCall as h, findRoleApprovalCall as u, getApprovalRuleLabel as v, processChainApprovalCalls as d, createChainApprovalStep as A, resolveStepForCall as S, createBaseApprovalStep as i, extractItemsFromScriptStep as C } from "./index381.js";
+class f {
+  constructor(t, s, e) {
+    this.policyScript = t, this.requests = s, this.i18n = e;
+  }
+  policyScript;
+  requests;
+  i18n;
+  processApprovalItem(t, s) {
+    const e = n(t), r = h(e), o = u(e), a = v(r, o, this.i18n);
+    if (e.length > 1 && r) {
+      const {
+        allChainUserIds: p,
+        allChainRequests: l
+      } = d(e, this.requests), c = this.i18n._("All users from the list");
+      return A(p, l, s, c);
+    } else {
+      const p = e[0];
+      if (p) {
+        const l = S(p, this.requests);
+        return i(l, s, a);
+      }
+      return i({
+        assignees: [],
+        actualAssignees: [],
+        relatedRequests: [],
+        stepStatus: "waiting",
+        approvalRequestId: void 0,
+        approvedBy: void 0,
+        objectId: void 0,
+        rejectedBy: void 0,
+        requiredApprovalCount: 1
+      }, s, a);
+    }
+  }
+  buildCompleteSteps() {
+    const t = [];
+    let s = 1;
+    return this.policyScript.forEach((e) => {
+      const r = C(e);
+      r.length > 0 && (r.forEach((o) => {
+        const a = this.processApprovalItem(o, s);
+        t.push(a);
+      }), s++);
+    }), t;
+  }
+}
 export {
-  e as TermField
+  f as ApprovalStepResolver
 };

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

@@ -1,63 +1,42 @@
-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
+import { jsx as n, jsxs as a, Fragment as v } from "@emotion/react/jsx-runtime";
+import { createElement as x } from "@emotion/react";
+import { useLedgerAccounts as L } from "./index20.js";
+import { useRootElements as C } from "./index94.js";
+import { useLingui as T } from "@lingui/react";
+import { FormControl as G, TextField as p, Autocomplete as P, Typography as s, CircularProgress as A } from "@mui/material";
+import { useMemo as m } from "react";
+const k = ({
+  value: r,
+  error: u,
+  helperText: c,
+  disabled: h,
+  placeholder: y,
+  onChange: f
 }) => {
   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__ */ 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") })
-  ] });
+  } = T(), {
+    data: l,
+    isLoading: d,
+    error: g
+  } = L(), {
+    root: b
+  } = C(), i = m(() => l?.data ?? [], [l?.data]), _ = m(() => r ? i.find((e) => e.id === r) ?? null : null, [r, i]);
+  return g ? /* @__PURE__ */ n(G, { error: !0, fullWidth: !0, children: /* @__PURE__ */ n(p, { label: t._("GL Code"), variant: "standard", disabled: !0, error: !0, helperText: t._("Failed to load GL codes") }) }) : /* @__PURE__ */ n(P, { options: i, value: _, onChange: (e, o) => f(o?.id || null), getOptionLabel: (e) => e.nominal_code && e.type ? `${e.nominal_code} — ${e.type}` : e.nominal_code || e.type || e.name || "", isOptionEqualToValue: (e, o) => e.id === o.id, loading: d, disabled: h || d, slotProps: {
+    popper: {
+      container: b
+    }
+  }, renderInput: (e) => /* @__PURE__ */ n(p, { ...e, label: t._("GL Code"), variant: "standard", fullWidth: !0, error: u, helperText: c, placeholder: y, InputProps: {
+    ...e.InputProps,
+    endAdornment: /* @__PURE__ */ a(v, { children: [
+      d ? /* @__PURE__ */ n(A, { color: "inherit", size: 20 }) : null,
+      e.InputProps.endAdornment
+    ] })
+  } }), renderOption: (e, o) => /* @__PURE__ */ x("li", { ...e, key: o.id }, /* @__PURE__ */ a("div", { children: [
+    /* @__PURE__ */ n(s, { variant: "body2", color: "text.secondary", component: "div", fontWeight: 600, children: o.nominal_code && o.type ? `${o.nominal_code} — ${o.type}` : o.nominal_code || o.type }),
+    o.subtype && /* @__PURE__ */ n(s, { variant: "body2", component: "div", fontWeight: 400, children: o.subtype })
+  ] })), noOptionsText: t._("No GL codes found") });
 };
 export {
-  b as ReminderDetails
+  k as GLCodeSelector
 };

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

@@ -1,54 +1,22 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
-import { useRootElements as T } from "./index94.js";
-import { Autocomplete as V, TextField as I } from "@mui/material";
-import { Controller as K } from "react-hook-form";
-const H = ({
-  control: m,
-  name: n,
-  label: a,
-  renderInput: i,
-  optionKey: r,
-  labelKey: s,
-  options: t,
-  required: p,
-  slotProps: d,
-  rules: g,
-  shouldUnregister: f,
-  disabled: c,
-  defaultValue: b,
-  readOnly: y,
-  onChange: S,
-  ...h
-}) => {
-  const A = (e) => i ? (o) => i(o, {
-    error: e,
-    label: a,
-    required: p
-  }) : (o) => /* @__PURE__ */ l(I, { ...o, variant: "standard", required: p, label: a, error: !!e?.message, helperText: e?.message, inputProps: {
-    ...o.inputProps,
-    autoComplete: "new-password"
-  } }), C = (e) => e ? typeof e == "string" || Array.isArray(e) ? e : r ? String(e[r]) : e : "", O = (e) => e ? r ? t.find((o) => String(o[r]) === String(e)) ?? null : t.find((o) => String(o) === String(e)) ?? null : null, v = (e) => typeof e == "string" ? e : s ? `${e[s]}` : "", {
-    root: x
-  } = T();
-  return /* @__PURE__ */ l(K, { control: m, name: n, rules: g, shouldUnregister: f, defaultValue: b, render: ({
-    field: e,
-    fieldState: {
-      error: o,
-      isTouched: P
-    },
-    formState: {
-      isValid: q
-    }
-  }) => /* @__PURE__ */ l(V, { ...e, ...h, disabled: c, slotProps: {
-    ...d,
-    popper: {
-      ...d?.popper,
-      container: x
-    }
-  }, options: t, blurOnSelect: !0, onChange: (w, u, F, R) => {
-    e.onChange(C(u)), S?.(w, u, F, R);
-  }, value: O(e.value), id: n, getOptionLabel: v, renderInput: A(P || !q ? o : void 0), readOnly: y }) });
+import { useMoniteContext as s } from "./index59.js";
+import { useUserPermissions as e } from "./index138.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 t } from "../../shared/data-access/dist/lib/scopes.js";
+import "react";
+const d = () => {
+  const {
+    api: o
+  } = s(), r = e().has(t.AccountingConfigReadOrg);
+  return {
+    tagsQuery: o.finops.getTags.useQuery({}, {
+      enabled: r
+    })
+  };
 };
 export {
-  H as RHFAutocomplete
+  d as useTags
 };

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

@@ -1,58 +1,80 @@
-import { jsx as s, jsxs as g } from "@emotion/react/jsx-runtime";
-import { useRef as C } from "react";
-import { useCurrencies as b } from "./index60.js";
-import "./index94.js";
-import { useLingui as I } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { getCurrenciesArray as P } from "./index96.js";
-import "date-fns";
-import { Tooltip as T, TextField as $, Box as u } from "@mui/material";
-import { useIsTextTruncated as v } from "./index511.js";
-const z = ({
-  error: l,
-  required: a,
-  label: c,
-  showCodeOnly: t = !1,
-  showCurrencySymbol: d = !0,
-  showCurrencyCode: f = !1,
-  ...r
+import { jsxs as r, Fragment as G, jsx as e } from "@emotion/react/jsx-runtime";
+import { useState as I, useEffect as M } from "react";
+import { useFormContext as B, Controller as p } from "react-hook-form";
+import { rateMinorToMajor as S, rateMajorToMinor as A } from "./index210.js";
+import { useLingui as D } from "@lingui/react";
+import { Trash2 as z } from "lucide-react";
+import { Alert as L } from "./index163.js";
+import { Button as $ } from "./index86.js";
+import { Card as k, CardHeader as E, CardTitle as H, CardAction as O, CardContent as P } from "./index374.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
 }) => {
-  const {
-    i18n: h
-  } = I(), {
-    getSymbolFromCurrency: x
-  } = b(), p = C(null), i = r.inputProps.value, e = i ? P(h).find((m) => (t ? m.code : m.label) === i) : null;
-  let o = i;
-  e && t && (o = e.code), e && !t && (o = e.label, f && (o += ` (${e.code})`));
-  const n = e ? x(e.code) : "", w = e ? `${e.label} (${e.code})${n ? `, ${n}` : ""}` : "", y = v(p.current, o);
-  return /* @__PURE__ */ s(T, { title: y ? w : "", placement: "top", children: /* @__PURE__ */ s($, { ...r, inputProps: {
-    ...r.inputProps,
-    value: o
-  }, inputRef: p, required: a, label: c, error: !!l?.message, helperText: l?.message, InputProps: {
-    ...r.InputProps,
-    sx: {
-      "& input": {
-        textOverflow: "ellipsis",
-        overflow: "hidden",
-        whiteSpace: "nowrap"
-      }
-    },
-    endAdornment: /* @__PURE__ */ g(u, { sx: {
-      display: "flex",
-      alignItems: "center",
-      minWidth: 0,
-      height: "100%"
-    }, children: [
-      !t && d && n && /* @__PURE__ */ s(u, { sx: {
-        whiteSpace: "nowrap",
-        mr: 1
-      }, children: n }),
-      r.InputProps.endAdornment
+  const [d, m] = I(""), {
+    i18n: n
+  } = D(), {
+    control: c,
+    formState: {
+      errors: i
+    }
+  } = B(), y = `${a}.number_of_days`, x = `${a}.discount`;
+  return M(() => {
+    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")
+        ] }) })
+      ] }),
+      /* @__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: "%" }) })
+        ] }) })
+      ] }) })
     ] })
-  } }) });
+  ] });
 };
 export {
-  z as CurrencyInput
+  ee as DiscountForm
 };