@tesouro/embedded-components-react 0.2.60 → 0.2.65

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

@@ -1,269 +1,493 @@
-import { jsx as e, jsxs as i, Fragment as U } from "@emotion/react/jsx-runtime";
-import { useGetPayableCounterpart as re } from "./index16.js";
-import { usePayableDetailsThemeProps as ne } from "./index17.js";
-import { useMemo as B, useState as le } from "react";
-import { useMoniteContext as oe } from "./index58.js";
+import { jsxs as h, Fragment as P, jsx as t } from "@emotion/react/jsx-runtime";
+import { ConditionsTable as Le } from "./index458.js";
+import { RulesTable as Re } from "./index459.js";
+import { AutocompleteUsers as te } from "./index460.js";
+import { AutocompleteRoles as Fe } from "./index461.js";
+import { AutocompleteUser as Ve } from "./index462.js";
+import { NAMED_VALUES as w, OPERATOR_OPERATIONS as z } from "./index463.js";
+import { useApprovalPolicyScript as Ie } from "./index429.js";
+import { useApprovalPolicyTrigger as Te } from "./index423.js";
+import { CounterpartAutocomplete as qe } from "./index4.js";
+import "./index85.js";
+import { useLingui as Ue, Trans as Pe } from "@lingui/react";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dialog";
+import "lucide-react";
+import { useId as we, useState as E, useEffect as B } from "react";
+import "./index154.js";
+import "@radix-ui/react-label";
+import "@radix-ui/react-radio-group";
+import "./index86.js";
+import { useForm as Ee, FormProvider as Se } from "react-hook-form";
+import { zodResolver as De } from "@hookform/resolvers/zod";
+import { z as a } from "zod";
+import { CurrencyEnumSchema as pe } from "./index325.js";
+import { useMoniteContext as Oe } from "./index58.js";
+import { toast as H } from "react-hot-toast";
+import "date-fns";
+import { getCounterpartName as $e } from "./index7.js";
+import "@radix-ui/react-checkbox";
+import "@radix-ui/react-select";
+import "./index91.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 { useLedgerAccounts as de } from "./index20.js";
-import { useLingui as Q } from "@lingui/react";
-import "react-hot-toast";
-import { isPayableInOCRProcessing as ce } from "./index343.js";
-import { usePayableDetailsInfo as se } from "./index461.js";
-import { ScopedCssBaselineContainerClassName as M } from "./index105.js";
-import { UserDisplayCell as ue } from "./index462.js";
-import { getCounterpartName as he } from "./index7.js";
-import { PayableApprovalFlowSection as me } from "./index463.js";
-import { isFieldRequired as c } from "./index352.js";
-import { MoniteScopedProviders as pe } from "./index84.js";
-import { useCurrencies as _e } from "./index59.js";
-import { useOptionalFields as ye } from "./index60.js";
-import { useCounterpartContactList as fe } from "./index75.js";
-import { useEntityUserById as ge } from "./index76.js";
-import { useApprovalPolicyById as be } from "./index77.js";
-import { dateStringToLocalDate as k } from "./index97.js";
-import { StyledLabelTableCell as s } from "./index441.js";
-import { CenteredContentBox as ve } from "./index233.js";
-import { TagsModal as xe } from "./index464.js";
-import { classNames as O } from "./index186.js";
-import Ce from "@mui/icons-material/CachedOutlined";
-import Te from "@mui/icons-material/Edit";
-import we from "@mui/icons-material/WarningAmberRounded";
-import { Box as h, Typography as u, Grid as y, Paper as C, Table as T, TableBody as w, TableRow as l, TableCell as r, Stack as v, Chip as z, IconButton as Re, TableHead as Ie, CircularProgress as Se, Tooltip as G } from "@mui/material";
-import { styled as Ne } from "@mui/material/styles";
-import { Sparkles as Pe } from "lucide-react";
-const H = Ne(h)(() => ({
-  pb: 6,
-  display: "flex",
-  flex: "1 1 auto",
-  overflow: "auto",
-  width: "100%",
-  height: 0
-})), _t = (t) => /* @__PURE__ */ e(pe, { children: /* @__PURE__ */ e(Ae, { ...t }) }), Ae = ({
-  payable: t,
-  enableGLCodes: f,
-  updateTags: R,
-  ...x
+import { useDialog as Me } from "./index51.js";
+import "@mui/icons-material/ArrowBack";
+import "@mui/icons-material/Close";
+import "@mui/material/IconButton";
+import "@mui/material/Tooltip";
+import { useCurrencies as je } from "./index59.js";
+import "./index84.js";
+import { DialogContent as xe, Stack as Ne, MenuItem as y, Grid as A, Box as Qe, Typography as ae } from "@mui/material";
+import "@radix-ui/react-dropdown-menu";
+import "@tanstack/react-table";
+import "radix-ui";
+import "./index93.js";
+import "react-dom";
+import "@mui/x-data-grid";
+import "./index145.js";
+import "./index56.js";
+import { MoniteCurrency as We } from "./index464.js";
+import "./index102.js";
+import { DialogFooter as ze } from "./index453.js";
+import { DialogHeader as Be } from "./index454.js";
+import { RHFTextField as b } from "./index444.js";
+import "./index465.js";
+import { TagsAutocompleteInput as He } from "./index466.js";
+const Ge = (r) => a.object({
+  name: a.string().min(1, r._("Policy name is required")),
+  description: a.string().optional(),
+  object_type: a.string(),
+  triggerType: a.union([a.literal("was_created_by_user_id"), a.literal("counterpart_id"), a.literal("amount"), a.literal("currency"), a.literal("tags")]).nullish(),
+  triggers: a.object({
+    was_created_by_user_id: a.array(a.any()).optional(),
+    tags: a.array(a.any()).optional(),
+    counterpart_id: a.array(a.any()).optional(),
+    amount: a.object({
+      currency: pe,
+      value: a.array(a.any())
+    }).optional()
+  }),
+  amountOperator: a.union([a.literal("range"), a.literal("in"), a.literal("=="), a.literal("<"), a.literal("<="), a.literal(">"), a.literal(">=")]).optional(),
+  amountValue: a.number().positive(r._("Amount must be a positive number")).optional(),
+  amountRangeLeftValue: a.number().positive(r._("Amount must be a positive number")).optional(),
+  amountRangeRightValue: a.number().positive(r._("Amount must be a positive number")).optional(),
+  amountCurrency: pe.optional(),
+  scriptType: a.union([a.literal("single_user"), a.literal("users_from_list"), a.literal("roles_from_list"), a.literal("approval_chain")]).nullish(),
+  rules: a.object({
+    single_user: a.any().optional(),
+    users_from_list: a.array(a.any()).optional(),
+    roles_from_list: a.array(a.any()).optional(),
+    approval_chain: a.array(a.any()).optional()
+  }),
+  usersFromListCount: a.number().min(1, r._("Minimum number of approvals required must be at least 1")).optional(),
+  rolesFromListCount: a.number().min(1, r._("Minimum number of approvals required must be at least 1")).optional()
+}).superRefine((l, G) => {
+  const L = l.rules?.users_from_list;
+  L && L.length > 0 && l.usersFromListCount !== void 0 && l.usersFromListCount > L.length && G.addIssue({
+    code: a.ZodIssueCode.custom,
+    message: r._("Cannot exceed the number of selected users ({selectedUsersLength})", {
+      selectedUsersLength: L.length
+    }),
+    path: ["usersFromListCount"]
+  });
+}), ke = (r) => ({
+  name: r.name,
+  description: r.description,
+  trigger: {
+    all: [
+      "{event_name == 'submitted_for_approval'}",
+      ...r.triggers.was_created_by_user_id?.length && r.triggers.was_created_by_user_id?.length > 0 ? [{
+        operator: z.IN,
+        left_operand: {
+          name: `invoice.${w.WAS_CREATED_BY_USER_ID}`
+        },
+        right_operand: r.triggers.was_created_by_user_id.map((l) => l.id)
+      }] : [],
+      ...r.triggers.counterpart_id?.length && r.triggers.counterpart_id?.length > 0 ? [{
+        operator: z.IN,
+        left_operand: {
+          name: `invoice.${w.COUNTERPART_ID}`
+        },
+        right_operand: r.triggers.counterpart_id.map((l) => l.id)
+      }] : [],
+      // Named value `tags.id` is a list. So in order to use the 'x in list' format, we need to build a trigger for each tag
+      ...r.triggers.tags?.length && r.triggers.tags?.length > 0 ? r.triggers.tags.map((l) => ({
+        operator: z.IN,
+        left_operand: l.id,
+        right_operand: {
+          name: `invoice.${w.TAGS}`
+        }
+      })) : [],
+      ...r.triggers.amount?.value?.length && r.triggers.amount?.value?.length > 0 ? [...r.triggers.amount.value.map((l) => ({
+        operator: l[0],
+        left_operand: {
+          name: `invoice.${w.AMOUNT}`
+        },
+        right_operand: typeof l[1] == "number" ? l[1] : parseInt(l[1])
+      })), {
+        operator: z.EQUALS,
+        left_operand: {
+          name: `invoice.${w.CURRENCY}`
+        },
+        right_operand: r.triggers.amount.currency
+      }] : []
+    ]
+  },
+  script: [{
+    if: {
+      run_concurrently: !1,
+      all: [...r.rules.single_user ? [{
+        call: "ApprovalRequests.request_approval_by_users",
+        params: {
+          user_ids: [r.rules.single_user.id],
+          required_approval_count: 1
+        }
+      }] : [], ...r.rules.users_from_list && r.rules.users_from_list?.length > 0 ? [{
+        call: "ApprovalRequests.request_approval_by_users",
+        params: {
+          user_ids: r.rules.users_from_list.map((l) => l.id) || [],
+          required_approval_count: r.usersFromListCount ? typeof r.usersFromListCount == "number" ? r.usersFromListCount : parseInt(r.usersFromListCount) : 0
+        }
+      }] : [], ...r.rules.roles_from_list && r.rules.roles_from_list?.length > 0 ? [{
+        call: "ApprovalRequests.request_approval_by_roles",
+        params: {
+          role_ids: r.rules.roles_from_list.map((l) => l.id) || [],
+          required_approval_count: r.rolesFromListCount ? typeof r.rolesFromListCount == "number" ? r.rolesFromListCount : parseInt(r.rolesFromListCount) : 0
+        }
+      }] : [], ...r.rules.approval_chain && r.rules.approval_chain?.length > 0 ? [{
+        run_concurrently: !1,
+        all: [...r.rules.approval_chain.map((l) => ({
+          call: "ApprovalRequests.request_approval_by_users",
+          params: {
+            user_ids: [l.id],
+            required_approval_count: 1
+          }
+        })) || []]
+      }] : []]
+    },
+    then: ["{Payables.approve(invoice.id)}"],
+    else: ["{Payables.reject(invoice.id)}"]
+  }]
+}), rt = ({
+  approvalPolicy: r,
+  setIsEdit: l,
+  onCreated: G,
+  onUpdated: L
 }) => {
   const {
-    i18n: a
-  } = Q(), {
-    locale: _
-  } = oe(), {
-    formatCurrencyToDisplay: o
-  } = _e(), {
-    ocrRequiredFields: d,
-    optionalFields: V
-  } = ne(x), {
-    showInvoiceDate: j,
-    showTags: E
-  } = ye(V, {
-    showInvoiceDate: !0,
-    showTags: !0
+    i18n: o
+  } = Ue(), _e = Me(), {
+    api: g,
+    queryClient: S
+  } = Oe(), {
+    formatFromMinorUnits: k,
+    formatToMinorUnits: D
+  } = je(), C = !!r, oe = `Monite-Form-approvalPolicyBuilder-${we()}`, {
+    triggers: i,
+    getTriggerName: O
+  } = Te({
+    approvalPolicy: r
   }), {
-    counterpart: I,
-    counterpartRawName: W,
-    isCounterpartLoading: J,
-    isCounterpartAIMatched: K,
-    isCounterpartMatchingToOCRFound: X
-  } = re({
-    payable: t
+    rules: v
+  } = Ie({
+    approvalPolicy: r
+  }), [d, Y] = E(!1), [c, K] = E(!1), [u, X] = E(null), [s, V] = E(null), [m, Z] = E(null), {
+    data: de
+  } = g.finops.getApprovalPolicies.useQuery({
+    query: {
+      object_type: "payable"
+    }
+  }, {
+    enabled: !C
   }), {
-    counterpartBankAccountQuery: P,
-    lineItemsQuery: Y
-  } = se({
-    currentCounterpartId: I?.id,
-    payableId: t.id
+    data: $
+  } = g.finops.getEntityUsers.useQuery({
+    query: {
+      id__in: Array.isArray(i?.was_created_by_user_id) ? i.was_created_by_user_id : []
+    }
+  }, {
+    enabled: !!i?.was_created_by_user_id?.length
   }), {
-    data: A
-  } = de(f), Z = (n) => {
-    if (!n || !A?.data) return;
-    const p = A.data.find((ie) => ie.id === n);
-    if (!p) return;
-    const L = p.nominal_code && p.type ? `${p.nominal_code} — ${p.type}` : p.nominal_code ?? p.type ?? "";
-    return L ? `${a._("GL code")}: ${L}` : void 0;
+    data: M
+  } = g.finops.getTags.useQuery({
+    query: {
+      id__in: Array.isArray(i?.tags) ? i.tags : []
+    }
   }, {
-    data: $
-  } = Y, ee = $?.data, {
-    data: D
-  } = fe(I?.id), {
-    data: g
-  } = ge(t.was_created_by_user_id), {
-    data: b,
-    isLoading: q
-  } = be(t.approval_policy_id), te = !!b?.id, S = B(() => D?.find((n) => n.is_default), [D]), N = B(() => P.data?.data.find((n) => n.id === t.counterpart_bank_account_id), [P, t]), m = "Monite-PayableDetailsInfo", [ae, F] = le(!1);
-  return ce(t) ? /* @__PURE__ */ e(H, { className: O(M, m, m + "--ocr-processing"), children: /* @__PURE__ */ e(ve, { children: /* @__PURE__ */ i(h, { textAlign: "center", children: [
-    /* @__PURE__ */ e(Ce, { color: "primary", fontSize: "large" }),
-    /* @__PURE__ */ e(u, { variant: "h3", mb: 2, children: a._("File is being processed...") }),
-    /* @__PURE__ */ e(u, { variant: "body1", children: a._("Hold on, we’re processing the file you’ve uploaded.") }),
-    /* @__PURE__ */ e(u, { variant: "body1", children: a._("Usually it takes no more than 1–2 minutes.") })
-  ] }) }) }) : /* @__PURE__ */ i(H, { className: O(M, m), children: [
-    /* @__PURE__ */ i(y, { container: !0, spacing: 3, children: [
-      /* @__PURE__ */ i(y, { item: !0, xs: 12, className: m + "-Details", children: [
-        /* @__PURE__ */ e(u, { variant: "subtitle2", mb: 2, children: a._("Details") }),
-        /* @__PURE__ */ e(C, { variant: "outlined", children: /* @__PURE__ */ e(T, { children: /* @__PURE__ */ i(w, { children: [
-          /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(s, { isRequired: c("invoiceNumber", d, t?.document_id) && t?.ocr_status === null, children: a._("Number") }),
-            /* @__PURE__ */ e(r, { children: t.document_id ?? "—" })
-          ] }),
-          /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(s, { isRequired: c("counterpartName", d) && t?.ocr_status === null, children: a._("Vendor") }),
-            /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(De, { counterpart: I, counterpartRawName: W, isCounterpartAIMatched: K, isCounterpartMatchingToOCRFound: X, isCounterpartLoading: J }) })
-          ] }),
-          S && /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(s, { isRequired: c("contactPerson", d) && t?.ocr_status === null, children: a._("Contact person") }),
-            /* @__PURE__ */ e(r, { children: `${S.first_name} ${S.last_name}` })
-          ] }),
-          N && /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(s, { isRequired: c("counterpartBankAccount", d, N?.name) && t?.ocr_status === null, children: a._("Bank account") }),
-            /* @__PURE__ */ e(r, { children: N.name })
-          ] }),
-          j && /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(s, { isRequired: c("issueDate", d) && t?.ocr_status === null, children: a._("Issue date") }),
-            /* @__PURE__ */ e(r, { children: t.issued_at ? a.date(k(t.issued_at), _.dateFormat) : "—" })
-          ] }),
-          /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(s, { isRequired: c("dueDate", d, t.due_date) && t?.ocr_status === null, children: a._("Due date") }),
-            /* @__PURE__ */ e(r, { children: t.due_date ? a.date(k(t.due_date), _.dateFormat) : "—" })
-          ] }),
-          /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(s, { isRequired: c("amount", d) && t?.ocr_status === null, children: a._("Total") }),
-            /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(h, { sx: {
-              display: "flex",
-              justifyContent: "space-between"
-            }, children: /* @__PURE__ */ e(h, { children: t.total_amount && t.currency ? o(t.total_amount, t.currency) : t.currency ? o(0, t.currency) : "—" }) }) })
-          ] }),
-          E && /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(s, { isRequired: c("tags", d, t.tags?.[0]?.id) && t?.ocr_status === null, children: a._("Tags") }),
-            /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(v, { direction: "row", gap: 1, children: [
-              /* @__PURE__ */ e(h, { sx: {
-                width: "100%"
-              }, children: t.tags?.length ? /* @__PURE__ */ e(v, { spacing: 1, direction: "row", useFlexGap: !0, flexWrap: "wrap", children: t.tags.map((n) => /* @__PURE__ */ e(z, { label: n.name, color: "primary", sx: {
-                maxWidth: 200
-              } }, n.id)) }) : /* @__PURE__ */ e(u, { variant: "body2", sx: {
-                marginTop: 1
-              }, children: a._("Not set") }) }),
-              /* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(Re, { "aria-label": a._("Edit tags"), size: "small", onClick: () => F(!0), children: /* @__PURE__ */ e(Te, { fontSize: "small" }) }) })
-            ] }) })
-          ] }),
-          /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(s, { isRequired: c("appliedPolicy", d) && t?.ocr_status === null, children: a._("Applied policy") }),
-            /* @__PURE__ */ e(r, { children: !q && b?.name ? /* @__PURE__ */ i(h, { sx: {
-              display: "flex",
-              alignItems: "center",
-              gap: 1
-            }, children: [
-              /* @__PURE__ */ e("span", { children: b.name }),
-              (t.status === "waiting_to_be_paid" || t.status === "paid" || t.status === "partially_paid") && /* @__PURE__ */ e(z, { label: a._("Approved"), color: "success", size: "small" })
-            ] }) : !q && a._("no policy") })
-          ] })
-        ] }) }) })
+    enabled: !!i?.tags?.length
+  }), {
+    data: J
+  } = g.finops.getCounterparts.useQuery({
+    query: {
+      id__in: Array.isArray(i?.counterpart_id) ? i.counterpart_id : []
+    }
+  }, {
+    enabled: !!i?.counterpart_id?.length
+  }), {
+    data: ee
+  } = g.finops.getEntityUsersId.useQuery({
+    path: {
+      entity_user_id: v?.single_user?.userId ?? ""
+    }
+  }, {
+    enabled: !!v?.single_user?.userId
+  }), {
+    data: j
+  } = g.finops.getEntityUsers.useQuery({
+    query: {
+      id__in: Array.isArray(v?.users_from_list?.userIds) ? v.users_from_list.userIds : []
+    }
+  }, {
+    enabled: !!v?.users_from_list?.userIds?.length
+  }), {
+    data: x
+  } = g.finops.getRoles.useQuery({
+    query: {
+      id__in: Array.isArray(v?.roles_from_list?.roleIds) ? v.roles_from_list.roleIds : []
+    }
+  }, {
+    enabled: !!v?.roles_from_list?.roleIds?.length
+  }), {
+    data: N
+  } = g.finops.getEntityUsers.useQuery({
+    query: {
+      id__in: Array.isArray(v?.approval_chain?.chainUserIds) ? v.approval_chain.chainUserIds : []
+    }
+  }, {
+    enabled: !!v?.approval_chain?.chainUserIds?.length
+  }), ie = g.finops.postApprovalPolicies.useMutation({}, {
+    onSuccess: async (n) => {
+      await Promise.all([g.finops.getApprovalPolicies.invalidateQueries(S), g.finops.getApprovalPoliciesId.invalidateQueries({
+        parameters: {
+          path: {
+            approval_policy_id: n.id
+          }
+        }
+      }, S)]), H.success(o._("Approval policy created"));
+    },
+    onError: async () => {
+      H.error(o._("Error creating approval policy"));
+    }
+  }), se = g.finops.patchApprovalPoliciesId.useMutation(void 0, {
+    onSuccess: async (n) => {
+      await Promise.all([g.finops.getApprovalPolicies.invalidateQueries(S), g.finops.getApprovalPoliciesId.invalidateQueries({
+        parameters: {
+          path: {
+            approval_policy_id: n.id
+          }
+        }
+      }, S)]), H.success(o._("Approval policy updated"));
+    },
+    onError: async () => {
+      H.error(o._("Error updating approval policy"));
+    }
+  }), ce = async (n) => {
+    const f = de?.data?.map((Ae) => Ae.priority ?? 0) ?? [];
+    n.priority = Math.max(0, ...f) + 1;
+    const F = await ie.mutateAsync(n);
+    if (F)
+      return l(!1), G?.(F.id), F;
+  }, ge = async (n, f) => {
+    const F = await se.mutateAsync({
+      path: {
+        approval_policy_id: n
+      },
+      body: f
+    });
+    return F && (l(!1), L?.(n)), F;
+  }, ne = Ee({
+    resolver: De(Ge(o)),
+    mode: "onChange",
+    defaultValues: {
+      name: r?.name || "",
+      description: r?.description || "",
+      scriptType: void 0,
+      triggerType: void 0,
+      triggers: {},
+      rules: {},
+      object_type: r?.object_type || "payable",
+      amountOperator: void 0,
+      amountValue: void 0,
+      amountCurrency: "USD",
+      amountRangeLeftValue: void 0,
+      amountRangeRightValue: void 0,
+      usersFromListCount: 1,
+      rolesFromListCount: 1
+    }
+  }), {
+    control: p,
+    handleSubmit: ye,
+    setValue: e,
+    getValues: _,
+    watch: ve
+  } = ne, [le, re, I, T, q, U, R, Q, W, fe, he] = ve(["triggers", "rules", "amountOperator", "amountValue", "amountRangeLeftValue", "amountRangeRightValue", "amountCurrency", "triggerType", "scriptType", "usersFromListCount", "rolesFromListCount"]);
+  B(
+    () => {
+      C && ($?.data && $?.data.length > 0 && e("triggers.was_created_by_user_id", $?.data), M?.data && M?.data.length > 0 && e("triggers.tags", M?.data), (J?.data?.length ?? 0) > 0 && e("triggers.counterpart_id", J?.data.map((n) => ({
+        id: n.id,
+        label: $e(n)
+      }))), i.amount && i.amount?.value?.length > 0 && (e("triggers.amount", i.amount), i.amount.value.length === 2 ? (e("amountOperator", "range"), e("amountRangeLeftValue", k(typeof i.amount.value[0][1] == "number" ? i.amount.value[0][1] : parseInt(i.amount.value[0][1]), i.amount.currency) || 0), e("amountRangeRightValue", k(typeof i.amount.value[1][1] == "number" ? i.amount.value[1][1] : parseInt(i.amount.value[1][1]), i.amount.currency) || 0), e("amountCurrency", i.amount.currency)) : (e("amountOperator", i.amount.value[0][0]), e("amountValue", k(typeof i.amount.value[0][1] == "number" ? i.amount.value[0][1] : parseInt(i.amount.value[0][1]), i.amount.currency) || 0), e("amountCurrency", i.amount.currency))), ee && e("rules.single_user", ee), j?.data && j?.data.length > 0 && (e("rules.users_from_list", j?.data), e("usersFromListCount", v?.users_from_list?.count)), x?.data && x?.data.length > 0 && (e("rules.roles_from_list", x?.data), e("rolesFromListCount", v?.roles_from_list?.count)), N?.data && N?.data.length > 0 && e("rules.approval_chain", N?.data));
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [$?.data, M?.data, J?.data, ee, j?.data, x?.data, N?.data, C, e]
+  ), B(() => {
+    u && e("triggerType", u);
+  }, [e, u]), B(() => {
+    m && e("scriptType", m);
+  }, [e, m]), B(() => {
+    I && (I === "range" && q && U ? e("triggers.amount", {
+      currency: R ?? "USD",
+      value: [[">=", D(typeof q == "number" ? q : parseInt(q), R ?? "USD") || 0], ["<=", D(typeof U == "number" ? U : parseInt(U), R ?? "USD") || 0]]
+    }) : T && e("triggers.amount", {
+      currency: R ?? "USD",
+      value: [[I, D(typeof T == "number" ? T : parseInt(T), R ?? "USD") || 0]]
+    }));
+  }, [D, I, q, U, T, R, e]);
+  const ue = () => {
+    !d && u === "was_created_by_user_id" && e("triggers.was_created_by_user_id", s?.triggers?.was_created_by_user_id || []), !d && u === "tags" && e("triggers.tags", s?.triggers?.tags || []), !d && u === "counterpart_id" && e("triggers.counterpart_id", s?.triggers?.counterpart_id || []), !d && u === "amount" && (e("triggers.amount", s?.triggers?.amount || void 0), e("amountOperator", s?.amountOperator || void 0), e("amountValue", s?.amountValue || void 0), e("amountRangeLeftValue", s?.amountRangeLeftValue || void 0), e("amountRangeRightValue", s?.amountRangeRightValue || void 0), e("amountCurrency", s?.amountCurrency || void 0)), d && s?.triggers && e("triggers", s?.triggers), !c && m === "single_user" && e("rules.single_user", s?.rules?.single_user || void 0), !c && m === "users_from_list" && (e("rules.users_from_list", s?.rules?.users_from_list || void 0), e("usersFromListCount", s?.usersFromListCount || 1)), !c && m === "roles_from_list" && (e("rules.roles_from_list", s?.rules?.roles_from_list || void 0), e("rolesFromListCount", s?.rolesFromListCount || 1)), !c && m === "approval_chain" && e("rules.approval_chain", s?.rules?.approval_chain || void 0), c && s?.rules && e("rules", s?.rules), X(null), Z(null), Y(!1), K(!1), V(null), e("triggerType", null), e("scriptType", null);
+  }, me = !!u || !!m || d || c, be = () => u ? o._("Edit Condition") : d ? o._("Add Condition") : m ? o._("Edit Rule") : c ? o._("Add Rule") : C ? o._("Edit Approval Policy") : o._("Create Approval Policy"), Ce = () => {
+    if (me)
+      return C ? o._("Edit Approval Policy") : o._("Create Approval Policy");
+  };
+  return /* @__PURE__ */ h(P, { children: [
+    /* @__PURE__ */ t(Be, { secondaryLevel: C || me, title: be(), previousLevelTitle: Ce(), closeSecondaryLevelDialog: ue }),
+    /* @__PURE__ */ t(xe, { children: /* @__PURE__ */ t(Se, { ...ne, children: /* @__PURE__ */ t("form", { id: oe, noValidate: !0, onSubmit: ye((n) => {
+      const f = ke(n);
+      if (C) {
+        ge(r.id, f);
+        return;
+      }
+      ce({
+        ...f,
+        object_type: n.object_type
+      });
+    }), children: /* @__PURE__ */ h(Ne, { gap: 3, children: [
+      (u || d) && /* @__PURE__ */ h(b, { label: o._("Condition type"), name: "triggerType", control: p, fullWidth: !0, required: !0, select: !0, value: u || void 0, disabled: !!u, children: [
+        (!s?.triggers?.amount || u === "amount") && /* @__PURE__ */ t(y, { value: "amount", children: O("amount") }),
+        (!s?.triggers?.counterpart_id || u === "counterpart_id") && /* @__PURE__ */ t(y, { value: "counterpart_id", children: O("counterpart_id") }),
+        (!s?.triggers?.was_created_by_user_id || u === "was_created_by_user_id") && /* @__PURE__ */ t(y, { value: "was_created_by_user_id", children: O("was_created_by_user_id") }),
+        (!s?.triggers?.tags || u === "tags") && /* @__PURE__ */ t(y, { value: "tags", children: O("tags") })
       ] }),
-      te && b && /* @__PURE__ */ e(y, { item: !0, xs: 12, children: /* @__PURE__ */ e(me, { approvalPolicy: b, payableId: t.id, currentStatus: t.status }) }),
-      /* @__PURE__ */ i(y, { item: !0, xs: 12, className: m + "-Items", children: [
-        /* @__PURE__ */ e(u, { variant: "subtitle2", mb: 2, children: a._("Items") }),
-        /* @__PURE__ */ e(C, { variant: "outlined", children: /* @__PURE__ */ i(T, { children: [
-          /* @__PURE__ */ e(Ie, { children: /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(r, { children: a._("Name") }),
-            /* @__PURE__ */ e(r, { children: a._("Quantity") }),
-            /* @__PURE__ */ e(r, { children: a._("Price") }),
-            /* @__PURE__ */ e(r, { align: "right", children: a._("Total, tax") })
-          ] }) }),
-          /* @__PURE__ */ e(w, { children: ee?.map((n) => /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(r, { children: /* @__PURE__ */ i(v, { children: [
-              /* @__PURE__ */ e(h, { children: n.name }),
-              f && n.ledger_account_id && /* @__PURE__ */ e(u, { variant: "body2", color: "secondary.main", children: Z(n.ledger_account_id) })
-            ] }) }),
-            /* @__PURE__ */ e(r, { children: n.quantity }),
-            /* @__PURE__ */ e(r, { children: n.unit_price ? o(n.unit_price, t.currency ?? "USD") : "—" }),
-            /* @__PURE__ */ e(r, { align: "right", children: n.subtotal && t.currency ? /* @__PURE__ */ i(U, { children: [
-              /* @__PURE__ */ e(h, { children: o(n.subtotal ?? 0, t.currency) }),
-              /* @__PURE__ */ i(h, { sx: {
-                color: "secondary.main"
-              }, children: [
-                a._("excl. Tax"),
-                " ",
-                `${n.tax ? (n.tax / 100).toFixed(0) : 0}%`
-              ] })
-            ] }) : t.currency ? o(0, t.currency) : "—" })
-          ] }, n.id)) })
-        ] }) })
+      (m || c) && /* @__PURE__ */ h(b, { label: o._("Approval flow"), name: "scriptType", control: p, fullWidth: !0, required: !0, select: !0, value: m, disabled: !!m, children: [
+        (!s?.rules?.single_user || m === "single_user") && /* @__PURE__ */ t(y, { value: "single_user", children: o._("Single user") }),
+        (!s?.rules?.users_from_list || m === "users_from_list") && /* @__PURE__ */ t(y, { value: "users_from_list", children: o._("Users from the list - Any") }),
+        m === "roles_from_list" && /* @__PURE__ */ t(y, { value: "roles_from_list", children: o._("Any user that has user role") }),
+        (!s?.rules?.approval_chain || m === "approval_chain") && /* @__PURE__ */ t(y, { value: "approval_chain", children: o._("Users from list - One by one") })
       ] }),
-      /* @__PURE__ */ e(y, { item: !0, xs: 12, className: m + "-Totals", children: /* @__PURE__ */ e(C, { variant: "outlined", children: /* @__PURE__ */ e(T, { children: /* @__PURE__ */ i(w, { children: [
-        /* @__PURE__ */ i(l, { children: [
-          /* @__PURE__ */ e(r, { children: a._("Subtotal") }),
-          /* @__PURE__ */ e(r, { align: "right", children: t.subtotal && t.currency ? o(t.subtotal, t.currency) : t.currency ? o(0, t.currency) : "—" })
-        ] }),
-        !!t.discount && t.currency && /* @__PURE__ */ i(l, { children: [
-          /* @__PURE__ */ e(r, { children: a._("Discount") }),
-          /* @__PURE__ */ e(r, { align: "right", children: o(t.discount ?? 0, t.currency) })
-        ] }),
-        /* @__PURE__ */ i(l, { children: [
-          /* @__PURE__ */ e(r, { children: a._("Tax Total") }),
-          /* @__PURE__ */ e(r, { align: "right", children: t.tax_amount && t.currency ? o(t.tax_amount, t.currency) : t.currency ? o(0, t.currency) : "—" })
-        ] }),
-        /* @__PURE__ */ i(l, { children: [
-          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(u, { variant: "subtitle1", children: a._("Total") }) }),
-          /* @__PURE__ */ e(r, { align: "right", children: /* @__PURE__ */ e(u, { variant: "subtitle1", children: t.total_amount && t.currency ? o(t.total_amount, t.currency) : t.currency ? o(0, t.currency) : "—" }) })
+      (u === "was_created_by_user_id" || d && Q === "was_created_by_user_id") && /* @__PURE__ */ t(te, { control: p, name: "triggers.was_created_by_user_id", label: o._("Users") }),
+      (u === "tags" || d && Q === "tags") && /* @__PURE__ */ t(He, { control: p, name: "triggers.tags", label: o._("Tags"), variant: "standard", required: !0 }),
+      (u === "counterpart_id" || d && Q === "counterpart_id") && /* @__PURE__ */ t(qe, { control: p, name: "triggers.counterpart_id", label: o._("Vendors"), multiple: !0, customerType: "vendor" }),
+      (u === "amount" || d && Q === "amount") && /* @__PURE__ */ h(A, { container: !0, spacing: 2, children: [
+        /* @__PURE__ */ t(A, { item: !0, xs: 4, children: /* @__PURE__ */ h(b, { label: o._("If amount is"), name: "amountOperator", control: p, select: !0, fullWidth: !0, children: [
+          /* @__PURE__ */ t(y, { value: ">", children: o._("Greater than") }),
+          /* @__PURE__ */ t(y, { value: "<", children: o._("Less than") }),
+          /* @__PURE__ */ t(y, { value: ">=", children: o._("Greater than or equal to") }),
+          /* @__PURE__ */ t(y, { value: "<=", children: o._("Less than or equal to") }),
+          /* @__PURE__ */ t(y, { value: "==", children: o._("Equal to") }),
+          /* @__PURE__ */ t(y, { value: "range", children: o._("In range") })
+        ] }) }),
+        I === "range" ? /* @__PURE__ */ h(A, { item: !0, container: !0, spacing: 2, children: [
+          /* @__PURE__ */ t(A, { item: !0, xs: 6, children: /* @__PURE__ */ t(b, { label: o._("From (including)"), name: "amountRangeLeftValue", control: p, type: "number", fullWidth: !0 }) }),
+          /* @__PURE__ */ t(A, { item: !0, xs: 6, children: /* @__PURE__ */ t(b, { label: o._("To (including)"), name: "amountRangeRightValue", control: p, type: "number", fullWidth: !0 }) })
+        ] }) : /* @__PURE__ */ t(A, { item: !0, xs: 4, children: /* @__PURE__ */ t(b, { label: o._("Amount"), name: "amountValue", control: p, type: "number", fullWidth: !0 }) }),
+        /* @__PURE__ */ t(A, { item: !0, xs: 4, children: /* @__PURE__ */ t(We, { name: "amountCurrency", control: p, showCodeOnly: !0 }) })
+      ] }),
+      (m === "single_user" || c && W === "single_user") && /* @__PURE__ */ t(P, { children: /* @__PURE__ */ t(Ve, { control: p, name: "rules.single_user", label: o._("User allowed to approve") }) }),
+      (m === "users_from_list" || c && W === "users_from_list") && /* @__PURE__ */ h(P, { children: [
+        /* @__PURE__ */ t(te, { control: p, name: "rules.users_from_list", label: o._("Users allowed to approve") }),
+        /* @__PURE__ */ t(b, { control: p, label: o._("Minimum number of approvals required"), name: "usersFromListCount", type: "number", required: !0, inputProps: {
+          min: 1,
+          max: re?.users_from_list?.length || void 0
+        } })
+      ] }),
+      (m === "roles_from_list" || c && W === "roles_from_list") && /* @__PURE__ */ h(P, { children: [
+        /* @__PURE__ */ t(Fe, { control: p, name: "rules.roles_from_list", label: o._("Any user that has user role") }),
+        /* @__PURE__ */ t(b, { control: p, label: o._("Minimum number of approvals required"), name: "rolesFromListCount", type: "number", required: !0, inputProps: {
+          min: 1
+        } })
+      ] }),
+      (m === "approval_chain" || c && W === "approval_chain") && /* @__PURE__ */ t(te, { control: p, name: "rules.approval_chain", label: o._("Users allowed to approve") }),
+      !u && !m && !d && !c && /* @__PURE__ */ h(P, { children: [
+        /* @__PURE__ */ t(b, { label: o._("Policy Name"), name: "name", control: p, fullWidth: !0, required: !0 }),
+        /* @__PURE__ */ t(b, { label: o._("Description"), name: "description", control: p, fullWidth: !0, multiline: !0, rows: 4 }),
+        /* @__PURE__ */ h(Qe, { children: [
+          /* @__PURE__ */ t(ae, { variant: "h5", mt: 4, mb: 1, children: o._("Conditions") }),
+          /* @__PURE__ */ t(ae, { variant: "body1", mb: 1, children: /* @__PURE__ */ t(Pe, { id: "INKhSX", components: {
+            0: /* @__PURE__ */ t("strong", {})
+          } }) }),
+          /* @__PURE__ */ t(Le, { triggers: le, onAddTrigger: () => {
+            Y(!0), V({
+              triggers: {
+                ..._("triggers")
+              },
+              amountOperator: _("amountOperator"),
+              amountValue: _("amountValue"),
+              amountRangeLeftValue: _("amountRangeLeftValue"),
+              amountRangeRightValue: _("amountRangeRightValue"),
+              amountCurrency: _("amountCurrency")
+            });
+          }, onEditTrigger: (n) => {
+            X(n), V({
+              triggers: {
+                ..._("triggers")
+              },
+              amountOperator: _("amountOperator"),
+              amountValue: _("amountValue"),
+              amountRangeLeftValue: _("amountRangeLeftValue"),
+              amountRangeRightValue: _("amountRangeRightValue"),
+              amountCurrency: _("amountCurrency")
+            });
+          }, onDeleteTrigger: (n) => {
+            const f = {
+              ...le
+            };
+            delete f[n], e("triggers", f), e("amountOperator", void 0), e("amountValue", void 0), e("amountRangeLeftValue", void 0), e("amountRangeRightValue", void 0), e("amountCurrency", void 0);
+          } }),
+          /* @__PURE__ */ t(ae, { variant: "h5", mt: 4, mb: 1, children: o._("Approval flow") }),
+          /* @__PURE__ */ t(Re, { rules: re, usersFromListCount: fe, rolesFromListCount: he, onAddRule: () => {
+            K(!0), V({
+              rules: {
+                ..._("rules")
+              },
+              usersFromListCount: _("usersFromListCount"),
+              rolesFromListCount: _("rolesFromListCount")
+            });
+          }, onEditRule: (n) => {
+            Z(n), V({
+              rules: {
+                ..._("rules")
+              },
+              usersFromListCount: _("usersFromListCount"),
+              rolesFromListCount: _("rolesFromListCount")
+            });
+          }, onDeleteRule: (n) => {
+            const f = {
+              ...re
+            };
+            delete f[n], e("rules", f), e("usersFromListCount", void 0), e("rolesFromListCount", void 0);
+          } })
         ] })
-      ] }) }) }) }),
-      /* @__PURE__ */ i(y, { item: !0, xs: 12, className: m + "-History", children: [
-        /* @__PURE__ */ e(u, { variant: "subtitle2", mb: 2, children: a._("History") }),
-        /* @__PURE__ */ e(C, { variant: "outlined", children: /* @__PURE__ */ e(T, { children: /* @__PURE__ */ i(w, { children: [
-          g && /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(s, { isRequired: c("addedByUser", d) && t?.ocr_status === null, children: a._("Added by") }),
-            /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(ue, { user: {
-              id: g.id,
-              first_name: g.first_name,
-              last_name: g.last_name,
-              userpic_file_id: g.userpic_file_id
-            }, showAvatar: !0, avatarSize: 24, typographyVariant: "body2" }) })
-          ] }),
-          /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(s, { isRequired: c("addedOn", d) && t?.ocr_status === null, children: a._("Added on") }),
-            /* @__PURE__ */ e(r, { children: t.created_at ? a.date(t.created_at, {
-              dateStyle: "short",
-              timeStyle: "short"
-            }) : "—" })
-          ] }),
-          /* @__PURE__ */ i(l, { children: [
-            /* @__PURE__ */ e(s, { isRequired: c("updatedOn", d) && t?.ocr_status === null, children: a._("Last updated on") }),
-            /* @__PURE__ */ e(r, { children: t.updated_at ? a.date(t.updated_at, {
-              dateStyle: "short",
-              timeStyle: "short"
-            }) : "—" })
-          ] })
-        ] }) }) })
       ] })
-    ] }),
-    /* @__PURE__ */ e(xe, { opened: ae, value: t.tags || [], updateTags: R, onClose: () => F(!1) })
+    ] }) }) }) }),
+    /* @__PURE__ */ t(ze, { primaryButton: u || m || d || c ? {
+      label: u ? o._("Update") : o._("Add"),
+      onClick: (n) => {
+        n?.preventDefault(), X(null), Z(null), Y(!1), K(!1), e("triggerType", null), e("scriptType", null);
+      }
+    } : {
+      label: o._("Save"),
+      formId: oe,
+      isLoading: se.isPending || ie.isPending
+    }, cancelButton: {
+      onClick: u || m || d || c ? ue : C ? () => l(!1) : _e?.onClose
+    } })
   ] });
-}, De = ({
-  counterpart: t,
-  counterpartRawName: f,
-  isCounterpartAIMatched: R,
-  isCounterpartMatchingToOCRFound: x,
-  isCounterpartLoading: a
-}) => {
-  const {
-    i18n: _
-  } = Q();
-  if (a)
-    return /* @__PURE__ */ e(Se, { size: 14, color: "secondary" });
-  const o = he(t);
-  return o && !x ? /* @__PURE__ */ i(v, { component: "span", gap: 1, direction: "row", children: [
-    o,
-    R && /* @__PURE__ */ e(G, { title: _._("Vendor auto-matched by AI. The vendor name on the bill doesn’t exactly match the saved vendor, so AI selected the closest option."), children: /* @__PURE__ */ e(Pe, { className: "ttw:text-blue-600" }) })
-  ] }) : f ? /* @__PURE__ */ i(v, { component: "span", gap: 1, direction: "row", children: [
-    f,
-    /* @__PURE__ */ e(G, { title: x ? _._("The vendor details in the bill don’t fully match the saved vendor.") : _._("The specified vendor has not been saved yet."), children: /* @__PURE__ */ e(we, { color: "warning", fontSize: "small", sx: {
-      alignSelf: "center"
-    } }) })
-  ] }) : /* @__PURE__ */ e(U, { children: "—" });
 };
 export {
-  _t as PayableDetailsInfo
+  rt as ApprovalPolicyForm
 };