@tesouro/embedded-components-react 0.2.46 → 0.2.48

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

@@ -1,257 +1,30 @@
-const M = {
-  AF: "AF",
-  AX: "AX",
-  AL: "AL",
-  DZ: "DZ",
-  AS: "AS",
-  AD: "AD",
-  AO: "AO",
-  AI: "AI",
-  AQ: "AQ",
-  AG: "AG",
-  AR: "AR",
-  AM: "AM",
-  AW: "AW",
-  AU: "AU",
-  AT: "AT",
-  AZ: "AZ",
-  BS: "BS",
-  BH: "BH",
-  BD: "BD",
-  BB: "BB",
-  BL: "BL",
-  BY: "BY",
-  BE: "BE",
-  BZ: "BZ",
-  BJ: "BJ",
-  CW: "CW",
-  MF: "MF",
-  CX: "CX",
-  BM: "BM",
-  BT: "BT",
-  BO: "BO",
-  BA: "BA",
-  BW: "BW",
-  BV: "BV",
-  BR: "BR",
-  IO: "IO",
-  BN: "BN",
-  BG: "BG",
-  BF: "BF",
-  BI: "BI",
-  BQ: "BQ",
-  KH: "KH",
-  CM: "CM",
-  CA: "CA",
-  IC: "IC",
-  CV: "CV",
-  KY: "KY",
-  CF: "CF",
-  EA: "EA",
-  TD: "TD",
-  CL: "CL",
-  CN: "CN",
-  CC: "CC",
-  CO: "CO",
-  KM: "KM",
-  CG: "CG",
-  CD: "CD",
-  CK: "CK",
-  CR: "CR",
-  CI: "CI",
-  HR: "HR",
-  CU: "CU",
-  CY: "CY",
-  CZ: "CZ",
-  DK: "DK",
-  DJ: "DJ",
-  DM: "DM",
-  DO: "DO",
-  EC: "EC",
-  EG: "EG",
-  SV: "SV",
-  GQ: "GQ",
-  ER: "ER",
-  EE: "EE",
-  ET: "ET",
-  FK: "FK",
-  FO: "FO",
-  FJ: "FJ",
-  FI: "FI",
-  FR: "FR",
-  GF: "GF",
-  PF: "PF",
-  TF: "TF",
-  GA: "GA",
-  GM: "GM",
-  GE: "GE",
-  DE: "DE",
-  GH: "GH",
-  GI: "GI",
-  GR: "GR",
-  GL: "GL",
-  GD: "GD",
-  GP: "GP",
-  GU: "GU",
-  GT: "GT",
-  GG: "GG",
-  GN: "GN",
-  GW: "GW",
-  GY: "GY",
-  HT: "HT",
-  HM: "HM",
-  VA: "VA",
-  HN: "HN",
-  HK: "HK",
-  HU: "HU",
-  IS: "IS",
-  IN: "IN",
-  ID: "ID",
-  IR: "IR",
-  IQ: "IQ",
-  IE: "IE",
-  IM: "IM",
-  IL: "IL",
-  IT: "IT",
-  JM: "JM",
-  JP: "JP",
-  JE: "JE",
-  JO: "JO",
-  KZ: "KZ",
-  KE: "KE",
-  KI: "KI",
-  KP: "KP",
-  KR: "KR",
-  KW: "KW",
-  KG: "KG",
-  LA: "LA",
-  LV: "LV",
-  LB: "LB",
-  LS: "LS",
-  LR: "LR",
-  LY: "LY",
-  LI: "LI",
-  LT: "LT",
-  LU: "LU",
-  MO: "MO",
-  MK: "MK",
-  MG: "MG",
-  MW: "MW",
-  MY: "MY",
-  MV: "MV",
-  ML: "ML",
-  MT: "MT",
-  MH: "MH",
-  MQ: "MQ",
-  MR: "MR",
-  MU: "MU",
-  YT: "YT",
-  MX: "MX",
-  FM: "FM",
-  MD: "MD",
-  MC: "MC",
-  ME: "ME",
-  MN: "MN",
-  MS: "MS",
-  MA: "MA",
-  MZ: "MZ",
-  MM: "MM",
-  NA: "NA",
-  NR: "NR",
-  NP: "NP",
-  NL: "NL",
-  AN: "AN",
-  NC: "NC",
-  NZ: "NZ",
-  NI: "NI",
-  NE: "NE",
-  NG: "NG",
-  NU: "NU",
-  NF: "NF",
-  MP: "MP",
-  NO: "NO",
-  OM: "OM",
-  PK: "PK",
-  PW: "PW",
-  PS: "PS",
-  PA: "PA",
-  PG: "PG",
-  PY: "PY",
-  PE: "PE",
-  PH: "PH",
-  PN: "PN",
-  PL: "PL",
-  PT: "PT",
-  PR: "PR",
-  QA: "QA",
-  RE: "RE",
-  RO: "RO",
-  RS: "RS",
-  RU: "RU",
-  RW: "RW",
-  SH: "SH",
-  KN: "KN",
-  LC: "LC",
-  PM: "PM",
-  VC: "VC",
-  WS: "WS",
-  SM: "SM",
-  ST: "ST",
-  SA: "SA",
-  SN: "SN",
-  SS: "SS",
-  SC: "SC",
-  SL: "SL",
-  SG: "SG",
-  SK: "SK",
-  SI: "SI",
-  SB: "SB",
-  SO: "SO",
-  SX: "SX",
-  ZA: "ZA",
-  GS: "GS",
-  ES: "ES",
-  LK: "LK",
-  SD: "SD",
-  SR: "SR",
-  SJ: "SJ",
-  SZ: "SZ",
-  SE: "SE",
-  CH: "CH",
-  SY: "SY",
-  TW: "TW",
-  TJ: "TJ",
-  TZ: "TZ",
-  TH: "TH",
-  TL: "TL",
-  TG: "TG",
-  TK: "TK",
-  TO: "TO",
-  TT: "TT",
-  TN: "TN",
-  TR: "TR",
-  TM: "TM",
-  TC: "TC",
-  TV: "TV",
-  UG: "UG",
-  UA: "UA",
-  AE: "AE",
-  GB: "GB",
-  US: "US",
-  UM: "UM",
-  UY: "UY",
-  UZ: "UZ",
-  VU: "VU",
-  VE: "VE",
-  VN: "VN",
-  VG: "VG",
-  VI: "VI",
-  WF: "WF",
-  EH: "EH",
-  YE: "YE",
-  ZM: "ZM",
-  ZW: "ZW"
-}, S = Object.values(M);
+import { toast as a } from "react-hot-toast";
+import { useMoniteContext as n } from "./index59.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 {
-  S as AllowedCountries
+  u as useDeleteReceivableById
 };

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

@@ -1,125 +1,27 @@
-import { useCurrencies as m } from "./index60.js";
-import "react";
-import "./index94.js";
-import "@emotion/react/jsx-runtime";
-import { useLingui as d } from "@lingui/react";
-import "react-dom";
-import "./index59.js";
-import "@mui/x-data-grid";
-import { getTriggerKeyAndValue as f, isValidTriggerKey as p, isValidOperation as A, OPERATOR_OPERATIONS as o } from "./index459.js";
-const O = ({
-  approvalPolicy: i
-}) => {
+import { toast as c } from "react-hot-toast";
+import { useMoniteContext as n } from "./index59.js";
+import { useLingui as l } from "@lingui/react";
+const b = (e, t) => {
   const {
-    i18n: t
-  } = d(), {
-    formatCurrencyToDisplay: s
-  } = m(), c = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by user");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Tags");
-      default:
-        return e;
+    api: i,
+    queryClient: s
+  } = n(), {
+    i18n: a
+  } = l();
+  return i.finops.postReceivablesIdMarkAsUncollectible.useMutation({
+    path: {
+      receivable_id: e
     }
-  }, l = (e) => {
-    switch (e) {
-      case "amount":
-        return t._("Amount");
-      case "was_created_by_user_id":
-        return t._("Created by");
-      case "counterpart_id":
-        return t._("Vendors");
-      case "tags":
-        return t._("Has tags");
-      default:
-        return 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"));
     }
-  }, _ = (e, u) => {
-    const a = s(e[0][1], u);
-    if (e.length === 1)
-      switch (e[0][0]) {
-        case o.GREATER_THAN:
-          return t._("Greater than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.GREATER_THAN_OR_EQUAL:
-          return t._("Greater than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN:
-          return t._("Less than {formattedValue}", {
-            formattedValue: a
-          });
-        case o.LESS_THAN_OR_EQUAL:
-          return t._("Less than or equal to {formattedValue}", {
-            formattedValue: a
-          });
-        case o.EQUALS:
-          return t._("Equal to {formattedValue}", {
-            formattedValue: a
-          });
-        default:
-          return a;
-      }
-    if (e.length === 2) {
-      const r = e.find((n) => n[0] === o.GREATER_THAN_OR_EQUAL), g = e.find((n) => n[0] === o.LESS_THAN_OR_EQUAL);
-      if (r && g)
-        return t._("{from} - {to}", {
-          from: s(r[1], u),
-          to: s(g[1], u)
-        });
-    }
-    return a;
-  };
-  return ((e) => !!(e && typeof e == "object" && "all" in e && Array.isArray(e.all)))(i?.trigger) ? {
-    triggers: i.trigger?.all?.reduce((e, u) => {
-      if (typeof u == "string" || !u.operator || !u.left_operand || u.right_operand == null)
-        return e;
-      const {
-        key: a,
-        value: r
-      } = f(u);
-      if (!a || r == null || !p(a))
-        return e;
-      switch (a) {
-        case "amount":
-          (typeof r == "string" || typeof r == "number") && A(u.operator) && (e.amount || (e.amount = {
-            currency: "EUR",
-            value: []
-          }), e.amount.value.push([u.operator, r]));
-          break;
-        case "currency":
-          e.amount ? e.amount.currency = r : e.amount = {
-            value: [],
-            currency: r
-          };
-          break;
-        case "tags.id":
-          typeof r == "string" && (e.tags || (e.tags = []), e.tags.push(r));
-          break;
-        case "counterpart_id":
-        case "was_created_by_user_id":
-          Array.isArray(r) && (e[a] = r);
-          break;
-      }
-      return e;
-    }, {}),
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  } : {
-    triggers: {},
-    getTriggerName: c,
-    getTriggerLabel: l,
-    getAmountLabel: _
-  };
+  });
 };
 export {
-  O as useApprovalPolicyTrigger
+  b as useMarkAsUncollectibleReceivableById
 };

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

@@ -1,14 +1,14 @@
 import { jsx as e, jsxs as o, Fragment as M } from "@emotion/react/jsx-runtime";
-import { EditInvoiceDetails as G } from "./index199.js";
-import { EmailInvoiceDetails as z } from "./index200.js";
-import { useGetRecurrenceById as H } from "./index201.js";
-import { InvoiceDetailsActions as J } from "./index202.js";
-import { InvoiceDetailsTabDetails as K } from "./index203.js";
-import { InvoiceDetailsTabOverview as W } from "./index204.js";
-import { InvoiceDetailsTabPayments as Y } from "./index205.js";
-import { InvoiceDetailsTabScheduledInvoices as q } from "./index206.js";
-import { InvoicePDFViewer as Q } from "./index207.js";
-import { InvoiceRecurrenceStatusChip as X } from "./index189.js";
+import { EditInvoiceDetails as G } from "./index180.js";
+import { EmailInvoiceDetails as z } from "./index181.js";
+import { useGetRecurrenceById as H } from "./index182.js";
+import { InvoiceDetailsActions as J } from "./index183.js";
+import { InvoiceDetailsTabDetails as K } from "./index184.js";
+import { InvoiceDetailsTabOverview as W } from "./index185.js";
+import { InvoiceDetailsTabPayments as Y } from "./index186.js";
+import { InvoiceDetailsTabScheduledInvoices as q } from "./index187.js";
+import { InvoicePDFViewer as Q } from "./index188.js";
+import { InvoiceRecurrenceStatusChip as X } from "./index170.js";
 import { InvoiceStatusChip as Z } from "./index57.js";
 import { MoniteScopedProviders as ee } from "./index85.js";
 import { useCurrencies as te } from "./index60.js";
@@ -29,9 +29,9 @@ import "@tanstack/react-query";
 import "../../shared/data-access/dist/lib/rest/zod.gen.js";
 import { Scope as re } from "../../shared/data-access/dist/lib/scopes.js";
 import { AccessRestriction as ce } from "./index138.js";
-import { DialogTitle as f } from "./index208.js";
+import { DialogTitle as f } from "./index189.js";
 import { Sheet as T, SheetContent as O, SheetDescription as h, SheetTitle as P, SheetHeader as de } from "./index139.js";
-import { Tabs as me, TabsList as we, TabsTrigger as m, TabsContent as w } from "./index209.js";
+import { Tabs as me, TabsList as we, TabsTrigger as m, TabsContent as w } from "./index190.js";
 import { LoadingSpinner as pe } from "./index140.js";
 import { NotFound as R } from "./index156.js";
 const x = {

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

@@ -1,20 +1,76 @@
-import b from "@emotion/styled/base";
-function t() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const e = /* @__PURE__ */ b("ul", process.env.NODE_ENV === "production" ? {
-  target: "e10it8hw0"
-} : {
-  target: "e10it8hw0",
-  label: "ColumnList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}"
-} : {
-  name: "1932ye7",
-  styles: "margin:0;padding:0;list-style:none;li{display:flex;gap:4px;align-items:center;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL1Rlc291cm8uUGF5bWVudHMuRnJvbnRlbmRzL2xpYnMvdGVzb3Vyby1lbWJlZGRlZC1jb21wb25lbnRzLXJlYWN0L21vbml0ZS1zZGsvc3JjL2NvbXBvbmVudHMvYXBwcm92YWxQb2xpY2llcy9BcHByb3ZhbFBvbGljaWVzVGFibGUvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVtQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9UZXNvdXJvLlBheW1lbnRzLkZyb250ZW5kcy9saWJzL3Rlc291cm8tZW1iZWRkZWQtY29tcG9uZW50cy1yZWFjdC9tb25pdGUtc2RrL3NyYy9jb21wb25lbnRzL2FwcHJvdmFsUG9saWNpZXMvQXBwcm92YWxQb2xpY2llc1RhYmxlL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IENvbHVtbkxpc3QgPSBzdHlsZWQudWxgXG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbiAgbGlzdC1zdHlsZTogbm9uZTtcblxuICBsaSB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBnYXA6IDRweDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5gO1xuIl19 */",
-  toString: t
-});
+import { jsxs as a, jsx as e } from "@emotion/react/jsx-runtime";
+import { useMoniteContext as h } from "./index59.js";
+import { useCurrencies as y } from "./index60.js";
+import "react";
+import "./index94.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 "./index77.js";
+import "react-hot-toast";
+import { MoniteCard as g } from "./index459.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 ColumnList
+  L as ManualPaymentRecordDetails
 };

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

@@ -1,18 +1,99 @@
-import { createElement as H } from "react";
-const e = ({
-  color: o = "currentColor",
-  size: a,
-  ...t
-}) => H("svg", {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: a,
-  height: a,
-  viewBox: "0 0 24 24",
-  fill: o,
-  ...t
-}, H("path", {
-  d: "M14,8h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2Zm0,4h1a1,1,0,0,0,0-2H14a1,1,0,0,0,0,2ZM9,8h1a1,1,0,0,0,0-2H9A1,1,0,0,0,9,8Zm0,4h1a1,1,0,0,0,0-2H9a1,1,0,0,0,0,2Zm12,8H20V3a1,1,0,0,0-1-1H5A1,1,0,0,0,4,3V20H3a1,1,0,0,0,0,2H21a1,1,0,0,0,0-2Zm-8,0H11V16h2Zm5,0H15V15a1,1,0,0,0-1-1H10a1,1,0,0,0-1,1v5H6V4H18Z"
-}));
+import { jsx as e, Fragment as b, jsxs as o } from "@emotion/react/jsx-runtime";
+import { manualPaymentRecordValidationSchema as g } from "./index193.js";
+import { useCurrencies as y } from "./index60.js";
+import { useMemo as _, useEffect as C } from "react";
+import "./index94.js";
+import { useLingui as F } from "@lingui/react";
+import "react-dom";
+import "./index59.js";
+import "@mui/x-data-grid";
+import { safeZodResolver as v } from "./index279.js";
+import { RHFDatePicker as D } from "./index460.js";
+import { RHFTextField as S } from "./index461.js";
+import { RHFTimePicker as R } from "./index462.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 {
-  e as UBuilding
+  Z as PaymentRecordForm
 };