@tesouro/embedded-components-react 0.2.19 → 0.2.21

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

@@ -1,493 +1,347 @@
-import { jsxs as h, Fragment as P, jsx as t } from "@emotion/react/jsx-runtime";
-import { ConditionsTable as Le } from "./index468.js";
-import { RulesTable as Re } from "./index469.js";
-import { AutocompleteUsers as te } from "./index470.js";
-import { AutocompleteRoles as Fe } from "./index471.js";
-import { AutocompleteUser as Ve } from "./index472.js";
-import { NAMED_VALUES as w, OPERATOR_OPERATIONS as z } from "./index467.js";
-import { useApprovalPolicyScript as Ie } from "./index420.js";
-import { useApprovalPolicyTrigger as Te } from "./index414.js";
-import { CounterpartAutocomplete as qe } from "./index4.js";
+import { jsx as e, jsxs as i, Fragment as we } from "@emotion/react/jsx-runtime";
+import { useGetPayableCounterpart as Fe } from "./index16.js";
+import { usePayableDetailsThemeProps as z } from "./index17.js";
+import { useMemo as Be, useState as Ie, useRef as Se, useEffect as v } from "react";
+import { useMoniteContext as Pe } from "./index59.js";
+import { useUserPermissions as Ae } from "./index143.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 ke } from "../../shared/data-access/dist/lib/scopes.js";
+import { useLingui as Ne } from "@lingui/react";
+import "react-hot-toast";
+import { PayableLineItemsForm as Ve } from "./index467.js";
+import { prepareDefaultValues as H, calculateTotalsForPayable as Re, findDefaultBankAccount as Me, isFieldRequired as p, prepareSubmit as qe } from "./index319.js";
+import { usePayableDetailsForm as Ge } from "./index468.js";
+import { getPayableDetailsFormSchema as We, isFieldRequiredByValidations as I } from "./index469.js";
+import { ScopedCssBaselineContainerClassName as Oe } from "./index106.js";
+import { CounterpartDetails as je } from "./index2.js";
+import { CounterpartAutocomplete as Le } from "./index4.js";
 import "./index86.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 "./index155.js";
 import "@radix-ui/react-label";
 import "@radix-ui/react-radio-group";
 import "./index87.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 "./index326.js";
-import { useMoniteContext as Oe } from "./index59.js";
-import { toast as H } from "react-hot-toast";
+import { useForm as Ue, useFormState as Ee, FormProvider as Qe, Controller as x } from "react-hook-form";
+import "@hookform/resolvers/zod";
+import "zod";
+import "./index359.js";
 import "date-fns";
-import { getCounterpartName as $e } from "./index7.js";
 import "@radix-ui/react-checkbox";
 import "@radix-ui/react-select";
 import "./index92.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 { useDialog as Me } from "./index52.js";
+import "./index52.js";
 import "@mui/icons-material/ArrowBack";
 import "@mui/icons-material/Close";
 import "@mui/material/IconButton";
 import "@mui/material/Tooltip";
-import { useCurrencies as je } from "./index60.js";
-import "./index85.js";
-import { DialogContent as xe, Stack as Ne, MenuItem as y, Grid as A, Box as Qe, Typography as ae } from "@mui/material";
+import { useCurrencies as ze } from "./index60.js";
+import { MoniteScopedProviders as He } from "./index85.js";
+import { Box as M, Grid as S, Paper as q, Typography as P, Stack as Je, TextField as J, FormControl as Ke, InputLabel as Ze, Select as Xe, Button as K, MenuItem as Ye, FormHelperText as $e, Table as et, TableBody as tt, TableRow as A, TableCell as c, IconButton as rt } from "@mui/material";
 import "@radix-ui/react-dropdown-menu";
 import "@tanstack/react-table";
-import "radix-ui";
-import "./index94.js";
+import { useRootElements as at } from "./index94.js";
+import { useOptionalFields as ot } from "./index61.js";
+import { useProductCurrencyGroups as it } from "./index470.js";
+import { getBankAccountName as nt } from "./index471.js";
+import { safeZodResolver as st } from "./index275.js";
+import { MoniteCurrency as lt } from "./index472.js";
 import "react-dom";
 import "@mui/x-data-grid";
-import "./index146.js";
-import "./index57.js";
-import { MoniteCurrency as We } from "./index473.js";
 import "./index103.js";
-import { DialogFooter as ze } from "./index464.js";
-import { DialogHeader as Be } from "./index465.js";
-import { RHFTextField as b } from "./index458.js";
-import "./index474.js";
-import { TagsAutocompleteInput as He } from "./index475.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
+import "./index473.js";
+import { TagsAutocompleteInput as dt } from "./index474.js";
+import { classNames as ct } from "./index178.js";
+import Z from "@mui/icons-material/Add";
+import ut from "@mui/icons-material/DeleteForever";
+import { DatePicker as X } from "@mui/x-date-pickers";
+const xr = ({
+  ref: r,
+  ...D
+}) => /* @__PURE__ */ e(He, { children: /* @__PURE__ */ e(mt, { ref: r, ...D }) }), mt = ({
+  payable: r,
+  savePayable: D,
+  createPayable: G,
+  lineItems: T,
+  payableDetailsFormId: Y,
+  enableGLCodes: $,
+  hideAddDiscountButton: ee,
+  hideAddBankAccountButton: te,
+  ref: re,
+  ...W
 }) => {
   const {
-    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
+    i18n: a
+  } = Ne(), {
+    api: ae,
+    componentSettings: oe
+  } = Pe(), {
+    root: b
+  } = at(), l = "Monite-PayableDetailsForm", {
+    formatFromMinorUnits: w,
+    formatToMinorUnits: F,
+    formatCurrencyToDisplay: k,
+    getSymbolFromCurrency: ie
+  } = ze(), {
+    isTagsDisabled: ne
+  } = z(W), {
+    data: g
+  } = ae.finops.getPayablesValidations.useQuery(), se = Be(() => H(w, r, T), [w, r, T]), B = Ue({
+    resolver: st(We(a, g)),
+    defaultValues: se,
+    mode: "onTouched"
   }), {
-    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
-  }), {
-    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: M
-  } = g.finops.getTags.useQuery({
-    query: {
-      id__in: Array.isArray(i?.tags) ? i.tags : []
-    }
-  }, {
-    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
+    control: s,
+    handleSubmit: le,
+    watch: u,
+    reset: O,
+    trigger: j,
+    setValue: h,
+    getValues: L,
+    getFieldState: U
+  } = B, {
+    dirtyFields: de
+  } = Ee({
+    control: s
+  }), _ = u("counterpart"), E = u("counterpartBankAccount"), ce = u("invoiceDate"), ue = u("dueDate"), n = u("currency"), me = u("lineItems"), N = u("discount"), f = Re(me, N), [pe, V] = Ie(!1), {
+    counterpartQuery: he,
+    counterpartBankAccountQuery: d
+  } = Ge({
+    currentCounterpartId: _
   }), {
-    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
+    ocrRequiredFields: m,
+    optionalFields: fe
+  } = z(W), {
+    showInvoiceDate: ye,
+    showTags: be
+  } = ot(fe, {
+    showInvoiceDate: !0,
+    showTags: !0
+  }), ge = Ae().has(ke.AccountingConfigReadOrg), Q = Se(!1), {
+    counterpart: C,
+    counterpartRawName: _e,
+    isCounterpartAIMatched: Ce,
+    isCounterpartMatchingToOCRFound: R,
+    isCounterpartLoading: ve
+  } = Fe({
+    payable: r
+  });
+  v(() => {
+    O(H(w, r, T));
+  }, [r, w, O, T]), v(() => {
+    !_ && E && h("counterpartBankAccount", "", {
+      shouldValidate: !0
     });
-    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
+  }, [_, E, h]), v(() => {
+    !R || !C || U("counterpart").isTouched || h("counterpart", C.id);
+  }, [C, U, R, h]), v(() => {
+    if (d.isSuccess && d.data?.data) {
+      const t = Me(d.data.data, n);
+      L("counterpartBankAccount") !== t && h("counterpartBankAccount", t, {
+        shouldDirty: !0,
+        shouldTouch: !0,
+        shouldValidate: !0
       });
-    }), 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") })
-      ] }),
-      (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") })
-      ] }),
-      (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")
+    }
+  }, [d.data, d.isSuccess, n, L, h]), v(() => {
+    r?.id && j();
+  }, [j, r?.id]);
+  const {
+    currencyGroups: xe,
+    isLoadingCurrencyGroups: De
+  } = it();
+  return /* @__PURE__ */ i(we, { children: [
+    /* @__PURE__ */ e(M, { className: ct(Oe, l), sx: {
+      pb: 6,
+      display: "flex",
+      flex: "1 1 auto",
+      overflow: "auto",
+      width: "100%",
+      height: 0
+    }, children: /* @__PURE__ */ e(Qe, { ...B, children: /* @__PURE__ */ e("form", { style: {
+      width: "100%"
+    }, ref: re, id: Y, noValidate: !0, onBlur: () => {
+      Q.current = !1;
+    }, onKeyDown: (t) => {
+      Q.current = t.key === "Enter";
+    }, onSubmit: le(async (t) => {
+      const o = {
+        ...t,
+        currency: t.currency,
+        counterpartAddressId: he.data?.data?.find(({
+          id: Te
+        }) => Te === t.counterpart)?.default_billing_address_id
+      }, y = qe(o, F);
+      r ? D && D(r.id, y, t.lineItems, de) : G && G(y, t.lineItems);
+    }), children: /* @__PURE__ */ i(S, { container: !0, spacing: 3, children: [
+      /* @__PURE__ */ e(S, { item: !0, xs: 12, children: /* @__PURE__ */ i(q, { variant: "outlined", sx: {
+        p: 3
+      }, className: l + "-Details", children: [
+        /* @__PURE__ */ e(P, { variant: "subtitle2", mb: 2, children: a._("Details") }),
+        /* @__PURE__ */ i(Je, { spacing: 3, children: [
+          /* @__PURE__ */ e(x, { name: "invoiceNumber", control: s, render: ({
+            field: t,
+            fieldState: {
+              error: o
+            }
+          }) => /* @__PURE__ */ e(J, { ...t, id: t.name, label: a._("Number"), variant: "standard", fullWidth: !0, error: !!o, helperText: o?.message, required: p("invoiceNumber", m) }) }),
+          /* @__PURE__ */ e(Le, { control: s, disabled: ve, name: "counterpart", label: a._("Vendor"), customerType: "vendor", required: p("counterpart", m) || I("counterpart_id", g), getCounterpartDefaultValues: (t) => ({
+            tax_id: "",
+            counterpart: {
+              email: r?.counterpart_raw_data?.email ?? "",
+              phone: r?.counterpart_raw_data?.phone ?? "",
+              isCustomer: !1,
+              isVendor: !0,
+              line1: r?.counterpart_raw_data?.address?.line1 ?? "",
+              line2: r?.counterpart_raw_data?.address?.line2 ?? "",
+              city: r?.counterpart_raw_data?.address?.city ?? "",
+              state: r?.counterpart_raw_data?.address?.state ?? "",
+              postalCode: r?.counterpart_raw_data?.address?.postal_code ?? "",
+              country: "US",
+              ...t === "individual" && {
+                firstName: r?.counterpart_raw_data?.name ?? ""
               },
-              usersFromListCount: _("usersFromListCount"),
-              rolesFromListCount: _("rolesFromListCount")
-            });
-          }, onEditRule: (n) => {
-            Z(n), V({
-              rules: {
-                ..._("rules")
+              ...t === "individual" && {
+                lastName: ""
               },
-              usersFromListCount: _("usersFromListCount"),
-              rolesFromListCount: _("rolesFromListCount")
-            });
-          }, onDeleteRule: (n) => {
-            const f = {
-              ...re
-            };
-            delete f[n], e("rules", f), e("usersFromListCount", void 0), e("rolesFromListCount", void 0);
-          } })
+              ...t === "organization" && {
+                companyName: r?.counterpart_raw_data?.name ?? ""
+              }
+            }
+          }), counterpartMatchingToOCR: R ? C : void 0, counterpartRawName: _e, showEditCounterpartButton: !0, setShowEditCounterpartDialog: V, counterpartAISuggested: Ce ? C : void 0 }),
+          /* @__PURE__ */ e(x, { name: "counterpartBankAccount", control: s, render: ({
+            field: t,
+            fieldState: {
+              error: o
+            }
+          }) => /* @__PURE__ */ i(Ke, { variant: "standard", fullWidth: !0, error: !!o, required: p("counterpartBankAccount", m) || I("counterpart_bank_account_id", g), children: [
+            /* @__PURE__ */ e(Ze, { htmlFor: t.name, children: a._("Bank account") }),
+            /* @__PURE__ */ i(Xe, { ...t, id: t.name, labelId: t.name, label: a._("Bank Account"), MenuProps: {
+              container: b
+            }, disabled: !d?.data || d?.data?.data.length === 0, children: [
+              !te && /* @__PURE__ */ e(K, { variant: "text", startIcon: /* @__PURE__ */ e(Z, {}), fullWidth: !0, sx: {
+                justifyContent: "flex-start",
+                px: 2,
+                py: 1
+              }, onClick: () => V(!0), children: a._("Add new bank account") }),
+              d?.data?.data.map((y) => /* @__PURE__ */ e(Ye, { value: y.id, children: nt(a, y) }, y.id))
+            ] }),
+            o && /* @__PURE__ */ e($e, { children: o.message })
+          ] }) }),
+          ye && /* @__PURE__ */ e(x, { name: "invoiceDate", control: s, render: ({
+            field: t,
+            fieldState: {
+              error: o
+            }
+          }) => /* @__PURE__ */ e(X, { maxDate: ue, slotProps: {
+            popper: {
+              container: b
+            },
+            dialog: {
+              container: b
+            },
+            actionBar: {
+              actions: ["clear", "today"]
+            },
+            textField: {
+              id: t.name,
+              variant: "outlined",
+              fullWidth: !0,
+              error: !!o,
+              helperText: o?.message,
+              required: p("invoiceDate", m) || I("issued_at", g)
+            }
+          }, ...t, label: a._("Issue date"), views: ["year", "month", "day"] }) }),
+          /* @__PURE__ */ e(x, { name: "dueDate", control: s, render: ({
+            field: t,
+            fieldState: {
+              error: o
+            }
+          }) => /* @__PURE__ */ e(X, { minDate: ce, slotProps: {
+            popper: {
+              container: b
+            },
+            dialog: {
+              container: b
+            },
+            actionBar: {
+              actions: ["clear", "today"]
+            },
+            textField: {
+              id: t.name,
+              variant: "outlined",
+              fullWidth: !0,
+              error: !!o,
+              helperText: o?.message,
+              required: p("dueDate", m)
+            }
+          }, ...t, label: a._("Due date"), views: ["year", "month", "day"] }) }),
+          /* @__PURE__ */ e(lt, { name: "currency", control: s, required: p("currency", m) || I("currency", g), groups: xe, disabled: De, allowedCurrencies: oe?.payables?.availableCurrencies }),
+          be && /* @__PURE__ */ e(dt, { control: s, name: "tags", label: a._("Tags"), variant: "standard", disabled: ne || !ge, required: p("tags", m) })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ e(S, { item: !0, xs: 12, children: /* @__PURE__ */ i(q, { variant: "outlined", sx: {
+        p: 3
+      }, className: l + "-Items", children: [
+        /* @__PURE__ */ e(P, { variant: "subtitle2", mb: 2, children: a._("Items") }),
+        /* @__PURE__ */ e(Ve, { enableGLCodes: $ })
+      ] }) }),
+      /* @__PURE__ */ e(S, { item: !0, xs: 12, className: l + "-Totals", children: /* @__PURE__ */ e(q, { variant: "outlined", children: /* @__PURE__ */ e(et, { children: /* @__PURE__ */ i(tt, { children: [
+        /* @__PURE__ */ i(A, { className: l + "-Totals-Subtotal", children: [
+          /* @__PURE__ */ e(c, { children: a._("Subtotal") }),
+          /* @__PURE__ */ e(c, { align: "right", children: /* @__PURE__ */ i(M, { gap: 0.5, alignItems: "center", justifyContent: "flex-end", display: "flex", children: [
+            N === null && !ee && /* @__PURE__ */ e(K, { variant: "text", startIcon: /* @__PURE__ */ e(Z, {}), size: "small", sx: {
+              pl: 1.25,
+              pr: 2,
+              py: 0
+            }, onClick: () => {
+              const t = B.setValue;
+              t("discount", 0);
+            }, children: a._("Add Discount") }),
+            f.subtotal && n ? k(F(f.subtotal, n) || 0, n) : "—"
+          ] }) })
+        ] }),
+        N !== null && /* @__PURE__ */ i(A, { className: l + "-Totals-Discount", children: [
+          /* @__PURE__ */ e(c, { children: a._("Discount") }),
+          /* @__PURE__ */ e(c, { align: "right", children: /* @__PURE__ */ i(M, { gap: 0.5, alignItems: "center", justifyContent: "flex-end", display: "flex", children: [
+            /* @__PURE__ */ e(rt, { "aria-label": "delete", onClick: () => {
+              const t = B.setValue;
+              t("discount", null);
+            }, children: /* @__PURE__ */ e(ut, {}) }),
+            /* @__PURE__ */ e(x, { name: "discount", control: s, render: ({
+              field: t,
+              fieldState: {
+                error: o
+              }
+            }) => /* @__PURE__ */ e(J, { ...t, id: t.name, variant: "standard", type: "number", inputProps: {
+              min: 0,
+              step: 0.01
+            }, error: !!o, sx: {
+              width: 150
+            }, InputProps: {
+              endAdornment: ie(n)
+            } }) })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ i(A, { className: l + "-Totals-Taxes", children: [
+          /* @__PURE__ */ e(c, { children: a._("Tax total") }),
+          /* @__PURE__ */ e(c, { align: "right", children: f.taxes && n ? k(F(f.taxes, n) || 0, n) : "—" })
+        ] }),
+        /* @__PURE__ */ i(A, { className: l + "-Totals-Total", children: [
+          /* @__PURE__ */ e(c, { children: /* @__PURE__ */ e(P, { variant: "subtitle1", children: a._("Total") }) }),
+          /* @__PURE__ */ e(c, { align: "right", children: /* @__PURE__ */ e(P, { variant: "subtitle1", children: f.total && n ? k(F(f.total, n) || 0, n) : "—" }) })
         ] })
-      ] })
+      ] }) }) }) })
     ] }) }) }) }),
-    /* @__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
-    } })
+    _ && /* @__PURE__ */ e(je, { counterpartId: _, open: pe, onClose: () => V(!1), customerType: "vendor" })
   ] });
 };
 export {
-  rt as ApprovalPolicyForm
+  xr as PayableDetailsForm
 };