@tesouro/embedded-components-react 0.2.198 → 0.2.201

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

@@ -1,121 +1,130 @@
-import { isRoleApprovalCall as _ } from "./index410.js";
-import { getSharedApprovalRuleLabel as n, getUsersFromListLabel as S } from "./index411.js";
-const v = {
-  REQUEST_APPROVAL_BY_USERS: "ApprovalRequests.request_approval_by_users"
-}, A = (e) => {
-  switch (e) {
-    case "approved":
-      return "waiting_to_be_paid";
-    case "rejected":
-      return "rejected";
-    case "canceled":
-      return "canceled";
-    default:
-      return "approve_in_progress";
-  }
-}, h = (e) => e.find((a) => a.call === v.REQUEST_APPROVAL_BY_USERS), j = (e) => (
-  // Either spelling: a policy written by the native Bill Pay editor uses the
-  // singular call, and this flow has to show its role step too.
-  e.find((a) => _(a.call))
-), m = (e, a, s = !1) => e.filter((r) => r.user_ids?.length ? s ? r.user_ids.some((t) => a.includes(t)) : a.every((t) => r.user_ids.includes(t)) : !1), y = (e, a) => e.filter((s) => s.role_ids?.some((r) => a.includes(r))), C = (e, a, s) => {
-  if (e?.params) {
-    const {
-      user_ids: r,
-      required_approval_count: t
-    } = e.params;
-    return r?.length === 1 ? n.singleUser(s) : S(s, t);
-  }
-  return a?.params ? n.anyUserWithRole(s) : "";
-}, o = (e) => e ? e.call && e.params ? [e] : Array.isArray(e.all) ? e.all.flatMap(o) : e.if ? o(e.if) : [] : [], B = (e) => e.flatMap(o), I = (e) => {
-  const a = [];
-  if (e.all)
-    a.push(...e.all);
-  else if (e.if) {
-    const s = e.if;
-    s.all ? a.push(...s.all) : a.push(s);
-  }
-  return a;
-}, c = (e) => e ? e.call && e.params ? [e] : Array.isArray(e.all) ? e.all.flatMap(c) : Array.isArray(e) ? e.flatMap(c) : [] : [], R = (e) => e.length === 0 || e.some((a) => a.status === "waiting") ? "waiting" : e.every((a) => a.status === "approved") ? "approved" : e.some((a) => a.status === "rejected") ? "rejected" : "waiting", U = (e, a, s) => ({
-  stepNumber: a,
-  type: s,
-  assignee: void 0,
-  assignees: e.assignees,
-  status: e.stepStatus,
-  payableStatus: A(e.stepStatus),
-  actualAssignees: e.actualAssignees,
-  hasActiveRequests: e.relatedRequests.length > 0,
-  requestIds: e.relatedRequests.map((r) => r.id),
-  approvalRequestId: e.approvalRequestId,
-  approvedBy: e.approvedBy,
-  objectId: e.objectId,
-  rejectedBy: e.rejectedBy,
-  requiredApprovalCount: e.requiredApprovalCount
-}), E = (e, a, s, r) => {
-  const t = R(a);
-  return {
-    stepNumber: s,
-    type: r,
-    assignee: void 0,
-    assignees: e,
-    status: t,
-    payableStatus: A(t),
-    actualAssignees: e,
-    hasActiveRequests: a.length > 0,
-    requestIds: a.map((l) => l.id),
-    approvalRequestId: a[0]?.id,
-    approvedBy: a.flatMap((l) => l.approved_by || []),
-    objectId: a[0]?.object_id,
-    rejectedBy: a.find((l) => l.rejected_by)?.rejected_by,
-    requiredApprovalCount: a.reduce((l, u) => l + u.required_approval_count, 0)
-  };
-}, L = (e, a) => {
-  const s = e.flatMap((t) => t.params?.user_ids || []), r = a.filter((t) => t.user_ids?.length && s.some((l) => t.user_ids.includes(l)));
-  return {
-    allChainUserIds: s,
-    allChainRequests: r
-  };
-}, P = (e) => {
-  const a = [];
-  if (e.all)
-    a.push(...e.all);
-  else if (e.if) {
-    const s = e.if;
-    s.all ? a.push(...s.all) : a.push(s);
-  }
-  return a;
-}, w = (e, a) => {
-  const s = e.call === v.REQUEST_APPROVAL_BY_USERS ? e : void 0;
-  let r = [];
-  s?.params?.user_ids && (r = s.params.user_ids);
-  const t = _(e.call) ? y(a, e.params?.role_ids ?? []) : m(a, r, !0), l = t.flatMap((p) => p.user_ids || []), u = [...new Set(l)], f = t.length ? t[0].status : "waiting", i = t.find((p) => p.status !== "waiting"), g = t.flatMap((p) => p.approved_by || []), d = [...new Set(g)];
-  return {
-    assignees: r,
-    actualAssignees: u,
-    relatedRequests: t,
-    stepStatus: f,
-    approvalRequestId: i?.id,
-    approvedBy: d.length > 0 ? d : void 0,
-    objectId: i?.object_id || e.params?.object_id,
-    rejectedBy: i?.rejected_by,
-    requiredApprovalCount: e.params?.required_approval_count || i?.required_approval_count || 1
-  };
+import { jsxs as i, jsx as t, Fragment as z } from "@emotion/react/jsx-runtime";
+import { CreateCounterpartDialog as B } from "./index157.js";
+import { CounterpartSelector as U } from "./index379.js";
+import { getCounterpartName as P, getCounterpartEmail as R } from "./index7.js";
+import "./index57.js";
+import "@tanstack/react-query";
+import { useCounterpartAddresses as W } from "./index72.js";
+import { useRef as q, useState as F, useCallback as G, useEffect as k } from "react";
+import "react-hot-toast";
+import { useLingui as H } from "@lingui/react";
+import { useFormContext as J, Controller as K } from "react-hook-form";
+import { CounterpartDetails as Q } from "./index2.js";
+import { Typography as f } from "./index85.js";
+import { Avatar as X, AvatarFallback as Y } from "./index380.js";
+import { Field as Z, FieldContent as tt, FieldLabel as et, FieldError as rt } from "./index159.js";
+import { Input as at } from "./index122.js";
+import { Button as b } from "./index84.js";
+import { Separator as it } from "./index142.js";
+import { Plus as ot } from "lucide-react";
+const Et = ({
+  disabled: d,
+  canCreateCounterpart: _,
+  isEditCustomerOpen: m,
+  handleOpenEditCustomer: A,
+  counterpart: a
+}) => {
+  const {
+    i18n: s
+  } = H(), {
+    watch: l,
+    setValue: e,
+    control: S,
+    clearErrors: j
+  } = J(), o = l("counterpart_id"), g = q(o), x = l("default_billing_address_id"), y = l("default_shipping_address_id"), {
+    data: c
+  } = W(a?.id), [v, N] = F(!1), [E, h] = F(!1), D = !!o, w = P(a), I = R(a), O = w ? Array.from(w)[0]?.toUpperCase() ?? "?" : "?", C = l("counterpart_name") ?? "", $ = l("counterpart_email") ?? "", T = () => {
+    e("counterpart_id", ""), e("counterpart_name", ""), e("counterpart_email", "");
+  }, V = G((r) => {
+    const n = {
+      email: $,
+      phone: "",
+      isCustomer: !0,
+      isVendor: !1,
+      line1: "",
+      line2: "",
+      city: "",
+      state: "",
+      postalCode: "",
+      country: "US"
+    };
+    if (r === "individual") {
+      const p = C.trim(), u = p.indexOf(" "), L = u === -1 ? p : p.slice(0, u), M = u === -1 ? "" : p.slice(u + 1);
+      return {
+        tax_id: "",
+        counterpart: {
+          ...n,
+          firstName: L,
+          lastName: M
+        }
+      };
+    }
+    return {
+      tax_id: "",
+      counterpart: {
+        ...n,
+        companyName: C
+      }
+    };
+  }, [C, $]);
+  return k(() => {
+    g.current !== o && (g.current = o, e("default_billing_address_id", ""), e("default_shipping_address_id", ""));
+  }, [o, e]), k(() => {
+    if (c?.data?.length && !(!a || a.id !== o)) {
+      if (!x) {
+        const r = a.default_billing_address_id || (c.data.length === 1 ? c.data[0].id : "");
+        e("default_billing_address_id", r);
+      }
+      if (!y) {
+        const r = a.default_shipping_address_id || "";
+        e("default_shipping_address_id", r);
+      }
+    }
+  }, [c, e, a, o, x, y]), /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
+      /* @__PURE__ */ t(f, { variant: "h4", children: s._("Customer details") }),
+      /* @__PURE__ */ t(f, { variant: "body2", color: "muted", className: "ttw:font-medium", children: s._("Who are you billing?") })
+    ] }),
+    D ? /* @__PURE__ */ i("div", { className: "ttw:flex ttw:gap-2 ttw:justify-between ttw:items-center ttw:border ttw:border-border ttw:p-3 ttw:rounded-xl", children: [
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-5", children: [
+        /* @__PURE__ */ t(X, { className: "ttw:size-16", children: /* @__PURE__ */ t(Y, { className: "ttw:text-sm ttw:font-normal", children: O }) }),
+        /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+          /* @__PURE__ */ t(f, { variant: "body1", className: "ttw:font-medium", children: w }),
+          /* @__PURE__ */ t(f, { variant: "body2", color: "muted", children: I })
+        ] })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center", children: [
+        /* @__PURE__ */ t(b, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", disabled: d, onClick: () => N(!0), children: s._("View details") }),
+        /* @__PURE__ */ t(it, { orientation: "vertical", className: "ttw:h-6!" }),
+        /* @__PURE__ */ t(b, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", disabled: d, onClick: T, children: s._("Clear") })
+      ] })
+    ] }) : /* @__PURE__ */ i(z, { children: [
+      /* @__PURE__ */ t(U, { disabled: d, canCreateCounterpart: _ }),
+      _ && /* @__PURE__ */ t(K, { name: "counterpart_email", control: S, render: ({
+        field: r,
+        fieldState: {
+          error: n
+        }
+      }) => /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ i(tt, { children: [
+        /* @__PURE__ */ t(et, { htmlFor: r.name, children: s._("Email") }),
+        /* @__PURE__ */ t(at, { ...r, id: r.name, type: "email", disabled: d, "aria-invalid": !!n }),
+        /* @__PURE__ */ t(rt, { errors: n ? [n] : [] })
+      ] }) }) }),
+      _ && /* @__PURE__ */ i(b, { onClick: () => h(!0), type: "button", variant: "ghost", disabled: d, className: "ttw:text-primary ttw:hover:text-primary ttw:w-fit", children: [
+        /* @__PURE__ */ t(ot, {}),
+        s._("Add more details including address, phone, etc.")
+      ] })
+    ] }),
+    E && /* @__PURE__ */ t(B, { open: E, onClose: () => {
+      h(!1);
+    }, onCreate: (r) => {
+      h(!1), e("counterpart_id", r), e("counterpart_name", ""), e("counterpart_email", ""), j(["counterpart_id", "counterpart_email"]);
+    }, getCounterpartDefaultValues: V, customerType: "customer" }),
+    (m || v) && /* @__PURE__ */ t(Q, { counterpartId: a?.id || "", open: m || v, onClose: () => {
+      m && A(!1), N(!1);
+    }, isEditMode: m, showActionsMenu: !1, customerType: "customer" })
+  ] });
 };
 export {
-  v as APPROVAL_CALL_TYPES,
-  R as calculateIntegralStatus,
-  U as createBaseApprovalStep,
-  E as createChainApprovalStep,
-  o as extractApprovalCalls,
-  c as extractApprovalCallsForTable,
-  P as extractItemsFromScriptStep,
-  I as extractStructureItemsFromScriptStep,
-  y as filterRequestsByRoles,
-  m as filterRequestsByUsers,
-  j as findRoleApprovalCall,
-  h as findUserApprovalCall,
-  C as getApprovalRuleLabel,
-  A as mapApprovalStatusToPayableStatus,
-  B as processApprovalStructure,
-  L as processChainApprovalCalls,
-  w as resolveStepForCall
+  Et as CustomerSection
 };

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

@@ -1,25 +1,51 @@
-import _ from "@mui/icons-material/Cancel";
-import t from "@mui/icons-material/HourglassEmpty";
-import a from "@mui/icons-material/PaidOutlined";
-const T = "search", o = "created_at", p = "created_by", d = ["ApprovalRequests.request_approval_by_roles", "ApprovalRequests.request_approval_by_role"], R = {
-  active: "success",
-  deleted: "error",
-  pending: "warning"
-}, i = (e) => ({
-  active: e._("Active"),
-  deleted: e._("Deleted"),
-  pending: e._("Pending")
-}), n = {
-  active: a,
-  deleted: _,
-  pending: t
+import { jsxs as t, jsx as e } from "@emotion/react/jsx-runtime";
+import { Typography as o } from "./index85.js";
+import { useLingui as w } from "@lingui/react";
+import { PaymentSection as p } from "./index381.js";
+import { useFormContext as h, Controller as f } from "react-hook-form";
+import { Field as u, FieldContent as b, FieldLabel as g, FieldError as x } from "./index159.js";
+import { Input as y } from "./index122.js";
+import { RecurrenceSection as N } from "./index382.js";
+import { RemindersSection as v } from "./index383.js";
+const j = ({
+  paymentTerms: n,
+  disabled: a,
+  isPaymentTermsLoading: s,
+  showPurchaseOrder: d = !0,
+  lockRecurrenceSchedule: m = !1
+}) => {
+  const {
+    i18n: r
+  } = w(), {
+    control: c
+  } = h();
+  return /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
+      /* @__PURE__ */ e(o, { variant: "h4", children: r._("Billing details") }),
+      /* @__PURE__ */ e(o, { variant: "body2", color: "muted", className: "ttw:font-medium", children: r._("What are the billing terms?") })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-6", children: [
+      /* @__PURE__ */ e(N, { lockSchedule: m }),
+      /* @__PURE__ */ t("div", { className: "ttw:flex ttw:items-start ttw:gap-2.5 ttw:w-full", children: [
+        /* @__PURE__ */ e(p, { paymentTerms: n, disabled: a, isLoading: s }),
+        d && /* @__PURE__ */ e(f, { name: "purchase_order", control: c, render: ({
+          field: i,
+          fieldState: {
+            error: l
+          }
+        }) => /* @__PURE__ */ e(u, { children: /* @__PURE__ */ t(b, { children: [
+          /* @__PURE__ */ t(g, { htmlFor: i.name, className: "ttw:text-nowrap", children: [
+            r._("PO Number"),
+            /* @__PURE__ */ e(o, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: r._("(optional)") })
+          ] }),
+          /* @__PURE__ */ e(y, { ...i, id: i.name, disabled: a, "aria-invalid": !!l }),
+          /* @__PURE__ */ e(x, { errors: l ? [l] : [] })
+        ] }) }) })
+      ] }),
+      /* @__PURE__ */ e(v, { disabled: a })
+    ] })
+  ] });
 };
 export {
-  n as APPROVAL_STATUS_TO_MUI_ICON_MAP,
-  o as FILTER_TYPE_CREATED_AT,
-  p as FILTER_TYPE_CREATED_BY,
-  T as FILTER_TYPE_SEARCH,
-  d as ROLE_APPROVAL_CALLS,
-  R as ROW_TO_STATUS_MUI_MAP,
-  i as getRowToStatusTextMap
+  j as BillingSection
 };

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

@@ -1,46 +1,121 @@
-import { jsx as i, jsxs as t } from "@emotion/react/jsx-runtime";
-import { useApprovalPolicyTrigger as l } from "./index397.js";
-import { ColumnList as s } from "./index398.js";
-import { UBuilding as n } from "./index399.js";
-import { ULabel as c } from "./index400.js";
-import { UMoneyBill as m } from "./index401.js";
-import { UUserCircle as p } from "./index402.js";
-const U = ({
-  approvalPolicy: o
+import { jsxs as l, jsx as i } from "@emotion/react/jsx-runtime";
+import { useFormErrors as G, FormErrorDisplay as k } from "./index384.js";
+import { InvoiceItemRow as q } from "./index385.js";
+import { InvoiceTotals as z } from "./index386.js";
+import { CUSTOM_ID as B } from "./index387.js";
+import { useLineItemManagement as W } from "./index388.js";
+import { useLingui as H } from "@lingui/react";
+import { Button as O } from "./index84.js";
+import { Field as Q, FieldContent as Y, FieldLabel as J } from "./index159.js";
+import { Typography as m } from "./index85.js";
+import { Plus as K } from "lucide-react";
+import { useCallback as h, useEffect as X, useRef as Z } from "react";
+import { useFormContext as tt, Controller as et } from "react-hook-form";
+import { LoadingSpinner as it } from "./index138.js";
+import { useGetMeasureUnits as rt } from "./index307.js";
+import { InputGroup as nt, InputGroupInput as at, InputGroupAddon as ot } from "./index101.js";
+import { sanitizeTaxRateInput as st } from "./index389.js";
+import { Separator as lt } from "./index142.js";
+const Ft = ({
+  defaultCurrency: d = "USD",
+  registerLineItemCleanupFn: u
 }) => {
   const {
-    triggers: a,
-    getTriggerName: e
-  } = l({
-    approvalPolicy: o
-  });
-  return o ? /* @__PURE__ */ i(s, { children: Object.keys(a).map((r) => {
-    switch (r) {
-      case "amount":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(m, { width: 18 }),
-          e(r)
-        ] }, r);
-      case "was_created_by_user_id":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(p, { width: 18 }),
-          e(r)
-        ] }, r);
-      case "counterpart_id":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(n, { width: 18 }),
-          e(r)
-        ] }, r);
-      case "tags":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(c, { width: 18 }),
-          e(r)
-        ] }, r);
-      default:
-        return null;
+    i18n: n
+  } = H(), {
+    control: _,
+    formState: g,
+    getValues: c,
+    watch: N,
+    trigger: v,
+    clearErrors: x
+  } = tt(), b = N("tax_mode") === "inclusive", {
+    data: C,
+    isLoading: F
+  } = rt(), {
+    fields: w,
+    subtotalPrice: L,
+    totalPrice: E,
+    totalTaxes: T,
+    lineItemErrors: U,
+    autoFocusIndex: P,
+    handleAddRow: R,
+    handleRemoveItem: S,
+    setValueWithValidationLocal: p,
+    cleanUpLineItemsForSubmission: $
+  } = W({
+    defaultCurrency: d,
+    isInclusivePricing: b
+  }), r = h((t, e) => {
+    p(t, e, {
+      shouldValidate: !1
+    });
+  }, [p]);
+  X(() => (u?.($), () => u?.(null)), [u, $]);
+  const y = Z(null), {
+    generalError: A,
+    fieldErrors: V
+  } = G(U), I = h((t, e, a) => {
+    const s = e.measureUnit?.id, o = e.measureUnit?.name;
+    o && !s ? (r(`line_items.${t}.product.measure_unit_id`, ""), r(`line_items.${t}.product.measure_unit_name`, o), r(`line_items.${t}.measure_unit`, {
+      name: o,
+      id: null
+    })) : (s || a) && (r(`line_items.${t}.product.measure_unit_id`, s || a), r(`line_items.${t}.product.measure_unit_name`, void 0), r(`line_items.${t}.measure_unit`, void 0));
+  }, [r]), j = h((t, e, a) => {
+    const s = e.label ?? "";
+    r(`line_items.${t}.product.name`, s), s.trim() && x(`line_items.${t}.product.name`);
+    const o = e.id !== "" && e.id !== B && a;
+    if (r(`line_items.${t}.product_id`, o ? e.id : ""), o) {
+      r(`line_items.${t}.product.price.value`, e.price?.value ?? 0), r(`line_items.${t}.product.price.currency`, d);
+      const f = c(`line_items.${t}.product.measure_unit_id`);
+      I(t, e, f), r(`line_items.${t}.quantity`, e.smallestAmount || 1), r(`line_items.${t}.product.smallest_amount`, e.smallestAmount), r(`line_items.${t}.product.type`, "product"), r(`line_items.${t}.product.description`, e.description ?? ""), v(`line_items.${t}`);
     }
-  }) }) : null;
+  }, [d, c, r, I, v, x]);
+  return /* @__PURE__ */ l("div", { ref: y, className: "ttw:flex ttw:flex-col ttw:p-6 ttw:gap-2.5 ttw:border ttw:border-border ttw:rounded-xl", children: [
+    /* @__PURE__ */ l("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5 ttw:pb-4", children: [
+      /* @__PURE__ */ i(m, { variant: "h4", children: n._("Products and services") }),
+      /* @__PURE__ */ i(m, { variant: "body2", color: "muted", className: "ttw:font-medium", children: n._("Add the products and services on this invoice. You'll have the option to save new items to your inventory.") })
+    ] }),
+    /* @__PURE__ */ i(k, { generalError: g?.errors?.line_items?.root?.message ?? A, fieldErrors: V }),
+    /* @__PURE__ */ l("ul", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+      /* @__PURE__ */ l("li", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:h-5", children: [
+        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:min-w-30 ttw:whitespace-nowrap ttw:inline-flex ttw:flex-1", children: n._("Item name") }),
+        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:w-24 ttw:min-w-24", children: n._("Quantity") }),
+        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:w-20.5 ttw:min-w-20.5", children: n._("Units") }),
+        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:max-w-41 ttw:w-full ttw:min-w-29", children: n._("Price") }),
+        /* @__PURE__ */ i(m, { variant: "body2", className: "ttw:font-medium ttw:leading-5 ttw:w-12 ttw:min-w-12", children: n._("Taxable") }),
+        w.length > 1 && /* @__PURE__ */ i("div", { className: "ttw:w-10 ttw:min-w-10" })
+      ] }),
+      F ? /* @__PURE__ */ i("li", { className: "ttw:flex ttw:items-center ttw:justify-center ttw:h-9", children: /* @__PURE__ */ i(it, { className: "ttw:w-5 ttw:h-5" }) }) : w.map((t, e) => {
+        const a = (o) => c(`line_items.${e}.${o}`), s = (o, f, D) => {
+          const M = `line_items.${e}.${o}`;
+          p(M, f, D);
+        };
+        return /* @__PURE__ */ i(q, { field: t, index: e, control: _, errors: g.errors, defaultCurrency: d, measureUnitsData: C, onRequestLineItemValue: a, onLineItemValueChange: s, canRemove: w.length > 1, autoFocusName: e === P, onUpdateItem: j, onRemoveItem: S, container: y }, t.id);
+      })
+    ] }),
+    /* @__PURE__ */ l(O, { type: "button", variant: "ghost", onClick: R, className: "ttw:text-primary ttw:hover:text-primary ttw:w-fit", children: [
+      /* @__PURE__ */ i(K, { className: "ttw:size-5 ttw:text-primary" }),
+      n._("Add item")
+    ] }),
+    /* @__PURE__ */ i(et, { name: "tax_rate", control: _, render: ({
+      field: t
+    }) => /* @__PURE__ */ i(Q, { children: /* @__PURE__ */ l(Y, { className: "ttw:flex-row ttw:justify-end", children: [
+      /* @__PURE__ */ i(J, { htmlFor: t.name, children: n._("Tax rate") }),
+      /* @__PURE__ */ l(nt, { className: "ttw:w-28 ttw:has-[>[data-align=inline-end]]:[&>input]:pr-0", children: [
+        /* @__PURE__ */ i(at, { ...t, value: t.value ?? "", id: t.name, className: "ttw:text-right", placeholder: n._("e.g. 6.25"), type: "text", inputMode: "decimal", onChange: (e) => {
+          t.onChange(st(e.target.value));
+        }, onBlur: (e) => {
+          const a = e.target.value;
+          t.onChange(a.endsWith(".") ? a.slice(0, -1) : a), t.onBlur();
+        } }),
+        /* @__PURE__ */ i(ot, { align: "inline-end", children: "%" })
+      ] })
+    ] }) }) }),
+    /* @__PURE__ */ i(lt, {}),
+    /* @__PURE__ */ i(z, { subtotalPrice: L, totalTaxes: T, totalPrice: E })
+  ] });
 };
 export {
-  U as ApprovalPoliciesTriggers
+  Ft as ItemsSection
 };