@tesouro/embedded-components-react 0.2.183 → 0.2.184

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

@@ -1,18 +1,13 @@
-import { createElement as r } from "react";
-const h = ({
-  color: o = "currentColor",
-  size: e,
-  ...t
-}) => r("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: e,
-  height: e,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, r("path", {
-  d: "M12,2A10,10,0,0,0,4.65,18.76h0a10,10,0,0,0,14.7,0h0A10,10,0,0,0,12,2Zm0,18a8,8,0,0,1-5.55-2.25,6,6,0,0,1,11.1,0A8,8,0,0,1,12,20ZM10,10a2,2,0,1,1,2,2A2,2,0,0,1,10,10Zm8.91,6A8,8,0,0,0,15,12.62a4,4,0,1,0-6,0A8,8,0,0,0,5.09,16,7.92,7.92,0,0,1,4,12a8,8,0,0,1,16,0A7.92,7.92,0,0,1,18.91,16Z"
-}));
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { cn as i } from "./index100.js";
+import * as r from "@radix-ui/react-checkbox";
+import { CheckIcon as o } from "lucide-react";
+function c({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ t(r.Root, { "data-slot": "checkbox", className: i("ttw:peer ttw:border-input ttw:dark:bg-input/30 ttw:data-[state=checked]:bg-primary ttw:data-[state=checked]:text-primary-foreground ttw:dark:data-[state=checked]:bg-primary ttw:data-[state=checked]:border-primary ttw:focus-visible:border-ring ttw:focus-visible:ring-ring/50 ttw:aria-invalid:ring-destructive/20 ttw:dark:aria-invalid:ring-destructive/40 ttw:aria-invalid:border-destructive ttw:size-4 ttw:shrink-0 ttw:rounded-[4px] ttw:border ttw:shadow-xs ttw:transition-shadow ttw:outline-none ttw:focus-visible:ring-[3px] ttw:disabled:cursor-not-allowed ttw:disabled:opacity-50", e), ...a, children: /* @__PURE__ */ t(r.Indicator, { "data-slot": "checkbox-indicator", className: "ttw:flex ttw:items-center ttw:justify-center ttw:text-current ttw:transition-none", children: /* @__PURE__ */ t(o, { className: "ttw:size-3.5" }) }) });
+}
 export {
-  h as UUserCircle
+  c as Checkbox
 };

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

@@ -1,76 +1,48 @@
-import { useLingui as S } from "@lingui/react";
-import { getRuleLabel as b, getRuleName as E, APPROVAL_REQUEST_CALLS as u } from "./index453.js";
-import { isRoleApprovalCall as f } from "./index378.js";
-const U = ({
-  approvalPolicy: t
-}) => {
-  const {
-    i18n: o
-  } = S(), s = (r) => {
-    if (typeof r != "object" || r === null || !("call" in r) || typeof r.call != "string" || r.call !== u.REQUEST_APPROVAL_BY_USERS && !f(r.call) || !("params" in r) || typeof r.params != "object" || r.params === null) return !1;
-    const e = r.params;
-    return !("user_ids" in e && !Array.isArray(e.user_ids) || "role_ids" in e && !Array.isArray(e.role_ids) || !("required_approval_count" in e) || typeof e.required_approval_count != "number");
-  }, i = (r) => typeof r != "object" || r === null || !("run_concurrently" in r) || typeof r.run_concurrently != "boolean" || !("all" in r) || !Array.isArray(r.all) ? !1 : r.all.every((e) => s(e) || i(e)), m = (r) => {
-    if (!Array.isArray(r) || r.length !== 1) return !1;
-    const [e] = r;
-    if (typeof e != "object" || e === null || !("if" in e) || !("then" in e) || !("else" in e)) return !1;
-    const {
-      if: a,
-      then: l,
-      else: v
-    } = e;
-    if (typeof a != "object" || a === null || !("run_concurrently" in a) || !("all" in a)) return !1;
-    const {
-      run_concurrently: g,
-      all: c
-    } = a;
-    return typeof g != "boolean" || !Array.isArray(c) || !Array.isArray(l) || !Array.isArray(v) ? !1 : c.every((y) => s(y) || i(y));
-  }, n = (r) => r.call === u.REQUEST_APPROVAL_BY_USERS && Array.isArray(r.params.user_ids) && r.params.user_ids.length === 1 && r.params.required_approval_count === 1, d = (r) => r.call === u.REQUEST_APPROVAL_BY_USERS && Array.isArray(r.params.user_ids) && r.params.user_ids.length > 1 && r.params.required_approval_count > 0, A = (r) => f(r.call) && Array.isArray(r.params.role_ids) && r.params.role_ids.length >= 1 && r.params.required_approval_count > 0, R = (r) => !r.run_concurrently && r.all.length > 1 && r.all.every((e) => s(e) && n(e)), p = (r) => E(r, o), _ = (r, e) => b(r, o, e);
-  return m(t?.script) ? {
-    rules: t?.script[0].if.all.reduce((r, e) => {
-      if (i(e)) {
-        if (R(e))
-          return {
-            ...r,
-            approval_chain: {
-              chainUserIds: e.all.reduce((a, l) => s(l) && n(l) && l.params.user_ids[0] && l.params.user_ids[0] ? [...a, l.params.user_ids[0]] : a, [])
-            }
-          };
-      } else if (s(e)) {
-        if (n(e))
-          return {
-            ...r,
-            single_user: {
-              userId: e.params.user_ids[0]
-            }
-          };
-        if (d(e))
-          return {
-            ...r,
-            users_from_list: {
-              userIds: e.params.user_ids,
-              count: e.params.required_approval_count
-            }
-          };
-        if (A(e))
-          return {
-            ...r,
-            roles_from_list: {
-              roleIds: e.params.role_ids,
-              count: e.params.required_approval_count
-            }
-          };
-      }
-      return r;
-    }, {}),
-    getRuleName: p,
-    getRuleLabel: _
-  } : {
-    rules: void 0,
-    getRuleName: p,
-    getRuleLabel: _
-  };
+import { useEffect as _ } from "react";
+const c = (i, u, r) => {
+  _(() => {
+    if (!i?.data?.length) return;
+    const d = u(), m = new Map(i.data.map((e) => [e.id, e])), s = new Map(i.data.filter((e) => e.name).map((e) => [e.name?.toLowerCase(), e])), o = d.line_items.map((e) => {
+      const n = e.product.measure_unit_id, t = e.product.measure_unit_name || e.measure_unit?.name;
+      let a;
+      return n && m.has(n) ? a = m.get(n) : t && s.has(t.toLowerCase()) && (a = s.get(t.toLowerCase())), a ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: a.id,
+          measure_unit_name: void 0
+        },
+        measure_unit: {
+          id: a.id,
+          name: a.name || ""
+        }
+      } : t ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: void 0,
+          measure_unit_name: t
+        },
+        measure_unit: {
+          name: t,
+          id: null
+        }
+      } : n === "" || n === void 0 ? {
+        ...e,
+        product: {
+          ...e.product,
+          measure_unit_id: void 0
+        }
+      } : {
+        ...e
+      };
+    });
+    r({
+      ...d,
+      line_items: o
+    });
+  }, [i?.data, r, u]);
 };
 export {
-  U as useApprovalPolicyScript
+  c as useMeasureUnitsMapping
 };

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

@@ -1,18 +1,37 @@
-import { createElement as t } from "react";
-const e = ({
-  color: h = "currentColor",
-  size: a,
-  ...o
-}) => t("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: h,
-  ...o
-}, t("path", {
-  d: "M3.5,6a1,1,0,1,0,1,1A1,1,0,0,0,3.5,6Zm4,2h14a1,1,0,0,0,0-2H7.5a1,1,0,0,0,0,2Zm0,3a1,1,0,1,0,1,1A1,1,0,0,0,7.5,11Zm4,5a1,1,0,1,0,1,1A1,1,0,0,0,11.5,16Zm10-5h-10a1,1,0,0,0,0,2h10a1,1,0,0,0,0-2Zm0,5h-6a1,1,0,0,0,0,2h6a1,1,0,0,0,0-2Z"
-}));
+import { useMoniteContext as c } from "./index57.js";
+import { useLingui as n } from "@lingui/react";
+import { toast as o } from "react-hot-toast";
+const u = (i) => {
+  const {
+    i18n: s
+  } = n(), {
+    api: e,
+    queryClient: a
+  } = c();
+  return e.finops.postReceivablesIdCancel.useMutation({
+    path: {
+      receivable_id: i
+    }
+  }, {
+    onSuccess: async () => {
+      const t = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, a);
+      t?.type === "invoice" && e.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: i
+        }
+      }, {
+        ...t,
+        status: "canceled"
+      }, a), await e.finops.getReceivables.invalidateQueries(a), o.success(s._("This {type} has been canceled", {
+        type: t?.type === "credit_note" ? "credit memo" : t?.type
+      }));
+    }
+  });
+};
 export {
-  e as UListUiAlt
+  u as useCancelReceivableById
 };

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

@@ -1,18 +1,30 @@
-import { createElement as e } from "react";
-const a = ({
-  color: o = "currentColor",
-  size: t,
-  ...r
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: t,
-  height: t,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...r
-}, e("path", {
-  d: "M12.3,12.22A4.92,4.92,0,0,0,14,8.5a5,5,0,0,0-10,0,4.92,4.92,0,0,0,1.7,3.72A8,8,0,0,0,1,19.5a1,1,0,0,0,2,0,6,6,0,0,1,12,0,1,1,0,0,0,2,0A8,8,0,0,0,12.3,12.22ZM9,11.5a3,3,0,1,1,3-3A3,3,0,0,1,9,11.5Zm9.74.32A5,5,0,0,0,15,3.5a1,1,0,0,0,0,2,3,3,0,0,1,3,3,3,3,0,0,1-1.5,2.59,1,1,0,0,0-.5.84,1,1,0,0,0,.45.86l.39.26.13.07a7,7,0,0,1,4,6.38,1,1,0,0,0,2,0A9,9,0,0,0,18.74,11.82Z"
-}));
+import { toast as a } from "react-hot-toast";
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as r } from "@lingui/react";
+const u = (t) => {
+  const {
+    i18n: o
+  } = r(), {
+    api: e,
+    queryClient: i
+  } = n();
+  return e.finops.deleteReceivablesId.useMutation({
+    path: {
+      receivable_id: t
+    }
+  }, {
+    onSuccess: () => {
+      const s = e.finops.getReceivablesId.getQueryData({
+        path: {
+          receivable_id: t
+        }
+      }, i);
+      e.finops.getReceivables.invalidateQueries(i), a.success(o._("This {type} has been deleted", {
+        type: s?.type === "credit_note" ? "credit memo" : s?.type
+      }));
+    }
+  });
+};
 export {
-  a as UUsersAlt
+  u as useDeleteReceivableById
 };

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

@@ -1,18 +1,45 @@
-import { createElement as e } from "react";
-const A = ({
-  color: r = "currentColor",
-  size: a,
-  ...t
-}) => e("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: r,
-  ...t
-}, e("path", {
-  d: "M14.81,12.28a3.73,3.73,0,0,0,1-2.5,3.78,3.78,0,0,0-7.56,0,3.73,3.73,0,0,0,1,2.5A5.94,5.94,0,0,0,6,16.89a1,1,0,0,0,2,.22,4,4,0,0,1,7.94,0A1,1,0,0,0,17,18h.11a1,1,0,0,0,.88-1.1A5.94,5.94,0,0,0,14.81,12.28ZM12,11.56a1.78,1.78,0,1,1,1.78-1.78A1.78,1.78,0,0,1,12,11.56ZM19,2H5A3,3,0,0,0,2,5V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2Zm1,17a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V5A1,1,0,0,1,5,4H19a1,1,0,0,1,1,1Z"
-}));
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { getCommonRecurrenceIterationStatusLabel as w } from "./index298.js";
+import "date-fns";
+import { Badge as s } from "./index243.js";
+import { cn as g } from "./index100.js";
+import { useLingui as c } from "@lingui/react";
+import { cva as l } from "class-variance-authority";
+const r = l("", {
+  variants: {
+    variant: {
+      pending: "ttw:bg-zinc-100 ttw:text-zinc-700",
+      skipped: "ttw:bg-yellow-100 ttw:text-yellow-700",
+      canceled: "ttw:bg-red-100 ttw:text-red-700",
+      issue_failed: "ttw:bg-red-100 ttw:text-red-700",
+      send_failed: "ttw:bg-red-100 ttw:text-red-700",
+      completed: "ttw:bg-green-100 ttw:text-green-700"
+    },
+    dotVariant: {
+      pending: "ttw:border-zinc-100 ttw:bg-zinc-700",
+      skipped: "ttw:border-yellow-100 ttw:bg-yellow-700",
+      canceled: "ttw:border-red-100 ttw:bg-red-700",
+      issue_failed: "ttw:border-red-100 ttw:bg-red-700",
+      send_failed: "ttw:border-red-100 ttw:bg-red-700",
+      completed: "ttw:border-green-100 ttw:bg-green-700"
+    }
+  }
+}), z = ({
+  status: t,
+  className: o,
+  showBadgeBackground: e = !0,
+  dotSize: d,
+  ref: a
+}) => {
+  const {
+    i18n: n
+  } = c();
+  return /* @__PURE__ */ i(s, { ref: a, className: g("ttw:inline-flex ttw:items-center ttw:gap-1", r({
+    variant: t
+  }), o), dotClassName: r({
+    dotVariant: t
+  }), showBadgeBackground: e, showDotBorder: !e, dotSize: d, showDot: !0, children: w(n, t) });
+};
 export {
-  A as UUserSquare
+  z as InvoiceRecurrenceIterationStatusChip
 };

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

@@ -1,5 +1,27 @@
-import { ROLE_APPROVAL_CALLS as s } from "./index268.js";
-const l = (o) => typeof o == "string" && s.includes(o);
+import { toast as c } from "react-hot-toast";
+import { useMoniteContext as n } from "./index57.js";
+import { useLingui as l } from "@lingui/react";
+const b = (e, t) => {
+  const {
+    api: i,
+    queryClient: s
+  } = n(), {
+    i18n: a
+  } = l();
+  return i.finops.postReceivablesIdMarkAsUncollectible.useMutation({
+    path: {
+      receivable_id: e
+    }
+  }, {
+    onSuccess: async (o) => {
+      t?.(e), i.finops.getReceivablesId.setQueryData({
+        path: {
+          receivable_id: e
+        }
+      }, o, s), await i.finops.getReceivables.invalidateQueries(s), c.success(a._("Marked as uncollectible"));
+    }
+  });
+};
 export {
-  l as isRoleApprovalCall
+  b as useMarkAsUncollectibleReceivableById
 };

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

@@ -1,13 +1,76 @@
-const e = {
-  singleUser: (s) => s._("Single user"),
-  anyUserFromList: (s) => s._("Any user from the list"),
-  anyUsersFromList: (s, r) => s._("Any {count} users from the list", {
-    count: r.toString()
-  }),
-  anyUserWithRole: (s) => s._("Any user with role"),
-  allUsersFromList: (s) => s._("All users from list, one by one")
-}, t = (s, r = 0) => r === 1 ? e.anyUserFromList(s) : e.anyUsersFromList(s, r);
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as h } from "./index57.js";
+import { useCurrencies as y } from "./index58.js";
+import "react";
+import "./index92.js";
+import { useLingui as f } from "@lingui/react";
+import "react-dom";
+import "@mui/x-data-grid";
+import "@tanstack/react-query";
+import "date-fns";
+import { useEntityUserByAuthToken as x } from "./index75.js";
+import "react-hot-toast";
+import { MoniteCard as g } from "./index469.js";
+import _ from "@mui/icons-material/DriveFileRenameOutline";
+import { Box as o, Typography as r, Skeleton as v, Alert as b } from "@mui/material";
+const L = ({
+  paymentRecords: i,
+  invoice: n
+}) => {
+  const {
+    i18n: t
+  } = f(), {
+    locale: c
+  } = h(), {
+    formatCurrencyToDisplay: s
+  } = y(), d = new Date(i.payment_date ?? "").setHours(i.payment_time?.getHours() ?? 0, i.payment_time?.getMinutes() ?? 0), p = t.date(new Date(d), c.dateTimeFormat), {
+    data: l,
+    isLoading: u
+  } = x(), m = `${l?.first_name ?? ""} ${l?.last_name ?? ""}`;
+  return /* @__PURE__ */ a(o, { sx: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 3
+  }, children: [
+    /* @__PURE__ */ a(o, { sx: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1,
+      alignItems: "center",
+      textAlign: "center"
+    }, children: [
+      /* @__PURE__ */ e(o, { sx: {
+        borderRadius: "100%",
+        backgroundColor: "#F2F2F2",
+        width: "44px",
+        height: "44px",
+        display: "flex",
+        justifyContent: "center",
+        alignItems: "center"
+      }, children: /* @__PURE__ */ e(_, { sx: {
+        color: "#707070"
+      } }) }),
+      /* @__PURE__ */ e(r, { variant: "body1", children: t._("Manual payment record") }),
+      /* @__PURE__ */ a(o, { children: [
+        /* @__PURE__ */ e(r, { variant: "h2", children: s(i?.amount ?? 0, n.currency) }),
+        /* @__PURE__ */ e(r, { variant: "body1", children: t._("from {invoiceCounterpart_name}", {
+          invoiceCounterpart_name: n.counterpart_name
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(g, { items: [{
+      label: t._("Received"),
+      value: i.payment_date ? /* @__PURE__ */ e(r, { fontWeight: 500, children: p }) : "—"
+    }, {
+      label: t._("Reference"),
+      value: n.id ? /* @__PURE__ */ e(r, { fontWeight: 500, children: n.id }) : "—"
+    }, {
+      label: t._("Created by"),
+      value: u ? /* @__PURE__ */ e(v, { variant: "text", width: "50%" }) : m ? /* @__PURE__ */ e(r, { fontWeight: 500, children: m }) : "—"
+    }] }),
+    /* @__PURE__ */ e(b, { severity: "warning", children: /* @__PURE__ */ e(r, { variant: "body2", children: t._("Please, check the details of your payment record. You won't be able to change or delete it after.") }) })
+  ] });
+};
 export {
-  e as getSharedApprovalRuleLabel,
-  t as getUsersFromListLabel
+  L as ManualPaymentRecordDetails
 };

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

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as b, Fragment as $ } from "@emotion/react/jsx-runtime";
 import { ScopedCssBaselineContainerClassName as z } from "./index104.js";
 import { InvoiceStatusChip as k } from "./index55.js";
-import { ReceivableFilters as G } from "./index167.js";
+import { ReceivableFilters as G } from "./index145.js";
 import "react-hot-toast";
 import { useMoniteContext as A } from "./index57.js";
 import { useLingui as B } from "@lingui/react";
@@ -11,7 +11,7 @@ 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 { useReceivablesFilters as W } from "./index168.js";
+import { useReceivablesFilters as W } from "./index146.js";
 import "date-fns";
 import { useCurrencies as j } from "./index58.js";
 import "clsx";
@@ -19,18 +19,18 @@ import "tailwind-merge";
 import "@radix-ui/react-dropdown-menu";
 import "lucide-react";
 import "./index84.js";
-import { useGetReceivables as E } from "./index144.js";
+import { useGetReceivables as E } from "./index139.js";
 import "./index92.js";
 import { useAreCounterpartsLoading as V, defaultCounterpartColumnWidth as q, useAutosizeGridColumns as H } from "./index62.js";
 import "react-hook-form";
 import { MoniteScopedProviders as Q } from "./index83.js";
-import { ReceivableCursorFields as x } from "./index165.js";
-import { CounterpartNameCellById as Y } from "./index157.js";
-import { DataGridEmptyState as J } from "./index169.js";
-import { GetNoRowsOverlay as K } from "./index158.js";
+import { ReceivableCursorFields as x } from "./index140.js";
+import { CounterpartNameCellById as Y } from "./index147.js";
+import { DataGridEmptyState as J } from "./index148.js";
+import { GetNoRowsOverlay as K } from "./index141.js";
 import { TablePagination as U } from "./index86.js";
-import { classNames as X } from "./index170.js";
-import { hasSelectedText as Z } from "./index160.js";
+import { classNames as X } from "./index149.js";
+import { hasSelectedText as Z } from "./index150.js";
 import { Stack as ee, Typography as te, Box as oe } from "@mui/material";
 import { DataGrid as ie } from "@mui/x-data-grid";
 const De = (s) => /* @__PURE__ */ o(Q, { children: /* @__PURE__ */ o(ae, { ...s }) }), ae = ({

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

@@ -1,9 +1,99 @@
-const t = (e) => ({
-  approved: e._("Approved"),
-  canceled: e._("Canceled"),
-  rejected: e._("Rejected"),
-  waiting: e._("In approval")
-});
+import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
+import { manualPaymentRecordValidationSchema as g } from "./index151.js";
+import { useCurrencies as y } from "./index58.js";
+import { useMemo as _, useEffect as C } from "react";
+import "./index92.js";
+import { useLingui as F } from "@lingui/react";
+import "react-dom";
+import "./index57.js";
+import "@mui/x-data-grid";
+import { safeZodResolver as v } from "./index317.js";
+import { RHFDatePicker as D } from "./index470.js";
+import { RHFTextField as S } from "./index446.js";
+import { RHFTimePicker as R } from "./index471.js";
+import { DialogTitle as T, DialogContent as P, Grid as i, FormHelperText as k, Button as m, DialogActions as E, CircularProgress as H } from "@mui/material";
+import { useForm as V } from "react-hook-form";
+const Z = ({
+  invoice: r,
+  initialValues: n,
+  isLoading: u,
+  onSubmit: s,
+  onCancel: c
+}) => {
+  const {
+    i18n: t
+  } = F(), {
+    formatCurrencyToDisplay: p,
+    getSymbolFromCurrency: d
+  } = y(), {
+    control: a,
+    handleSubmit: f,
+    reset: l,
+    setValue: x
+  } = V({
+    resolver: v(g(t, r.amount_due)),
+    defaultValues: _(() => n ?? {
+      amount: 0,
+      payment_date: /* @__PURE__ */ new Date(),
+      payment_time: /* @__PURE__ */ new Date()
+    }, [n])
+  });
+  C(() => {
+    l(n);
+  }, [n, l]);
+  const h = d(r.currency);
+  return /* @__PURE__ */ e(b, { children: /* @__PURE__ */ o("form", { onSubmit: f(s), children: [
+    /* @__PURE__ */ e(T, { sx: {
+      px: 4,
+      pt: 4
+    }, variant: "h3", id: "dialog-title", children: t._("Record payment") }),
+    /* @__PURE__ */ e(P, { sx: {
+      p: 4
+    }, children: /* @__PURE__ */ o(i, { container: !0, spacing: 1, children: [
+      /* @__PURE__ */ o(i, { item: !0, xs: 12, children: [
+        /* @__PURE__ */ e(S, { label: t._("Amount"), name: "amount", placeholder: "0", control: a, type: "number", sx: {
+          "::after": {
+            content: `"${h}"`,
+            position: "absolute",
+            right: "16px",
+            bottom: 0,
+            transform: "translateY(-50%)",
+            fontSize: "16px",
+            color: "rgba(0,0,0,0.28)",
+            pointerEvents: "none"
+          }
+        }, fullWidth: !0, required: !0 }),
+        /* @__PURE__ */ o(k, { children: [
+          t._("Enter full amount due of"),
+          " ",
+          /* @__PURE__ */ e(m, { variant: "text", sx: {
+            textDecoration: "underline"
+          }, onClick: () => x("amount", r.amount_due / 100), children: p(r.amount_due, r.currency) })
+        ] })
+      ] }),
+      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(D, { label: t._("Date"), name: "payment_date", control: a }) }),
+      /* @__PURE__ */ e(i, { item: !0, xs: 6, children: /* @__PURE__ */ e(R, { label: t._("Time"), name: "payment_time", control: a, sx: {
+        "::after": {
+          content: '"UTC"',
+          position: "absolute",
+          right: "16px",
+          bottom: 0,
+          transform: "translateY(-50%)",
+          fontSize: "16px",
+          color: "rgba(0,0,0,0.28)",
+          pointerEvents: "none"
+        }
+      }, fullWidth: !0, required: !0 }) })
+    ] }) }),
+    /* @__PURE__ */ o(E, { sx: {
+      px: 4,
+      pb: 4
+    }, children: [
+      /* @__PURE__ */ e(m, { autoFocus: !0, onClick: c, children: t._("Cancel") }),
+      /* @__PURE__ */ e(m, { variant: "contained", startIcon: u ? /* @__PURE__ */ e(H, { size: 20, color: "warning" }) : null, type: "submit", children: t._("Save") })
+    ] })
+  ] }) });
+};
 export {
-  t as getRowToStatusTextMap
+  Z as PaymentRecordForm
 };