@tesouro/embedded-components-react 0.2.165 → 0.2.166

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

@@ -1,59 +1,90 @@
-import { jsxs as _, jsx as s } from "@emotion/react/jsx-runtime";
-import { useState as c, useMemo as u } from "react";
-import { useMoniteContext as y } from "./index57.js";
-import { useRootElements as E } from "./index92.js";
-import { useDebounceCallback as x, useDebounce as N } from "./index65.js";
-import { useLingui as v } from "@lingui/react";
-import { X as T } from "lucide-react";
-import { SearchInput as A, DatePicker as $, Combobox as R } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-import { FILTER_TYPE_SEARCH as k, FILTER_TYPE_CREATED_BY as D, FILTER_TYPE_CREATED_AT as f } from "./index290.js";
-const C = 500, F = (t) => {
-  const e = `${t.first_name ?? ""} ${t.last_name ?? ""}`.trim();
-  return e && t.email ? `${e} (${t.email})` : e || t.email || t.id;
-}, L = ({
-  onChange: t
+import { jsx as d, jsxs as m } from "@emotion/react/jsx-runtime";
+import { useForm as N, FormProvider as F } from "react-hook-form";
+import { useLingui as I } from "@lingui/react";
+import { useId as P, useMemo as z, useCallback as L } from "react";
+import { zodResolver as U } from "@hookform/resolvers/zod";
+import { Button as y } from "./index84.js";
+import { getAddressValidationSchema as j } from "./index216.js";
+import "./index57.js";
+import { toast as p } from "react-hot-toast";
+import "date-fns";
+import { getCounterpartName as k } from "./index7.js";
+import { useUpdateCounterpartAddress as D } from "./index288.js";
+import { useCreateCounterpartAddress as T } from "./index392.js";
+import { LoadingSpinner as V } from "./index138.js";
+import { CounterpartAddressFormContent as B } from "./index291.js";
+const tt = ({
+  counterpartId: c,
+  isStandalone: C,
+  address: t,
+  customerType: u,
+  handleClose: h,
+  onUpdate: i,
+  onCreate: n
 }) => {
   const {
-    i18n: e
-  } = v(), {
-    api: n
-  } = y(), [r, l] = c(null), [m, a] = c(""), b = N(m, C), {
-    data: w
-  } = n.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: b || void 0
-    }
-  }), d = u(() => w?.data ?? [], [w]), i = u(() => d.map((o) => ({
-    value: o.id,
-    label: F(o)
-  })), [d]), p = u(() => !r || i.some((o) => o.value === r.value) ? i : [r, ...i], [i, r]);
-  return /* @__PURE__ */ s(R, { items: p, value: r?.value ?? "", placeholder: e._("Added by"), emptyMessage: e._("No users found"), clearAriaLabel: e._("Clear selection"), onQueryChange: a, onValueChange: (o) => {
-    const h = Array.isArray(o) ? o[0] ?? "" : o ?? "";
-    l(p.find((g) => g.value === h) ?? null), t(h || void 0);
-  } });
-}, q = ({
-  onChangeFilter: t
-}) => {
-  const {
-    i18n: e
-  } = v(), {
-    root: n
-  } = E(), [r, l] = c(void 0), m = x((a) => {
-    t(k, a.trim() ? a : null);
-  }, C);
-  return /* @__PURE__ */ _("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2", children: [
-    /* @__PURE__ */ s("div", { className: "ttw:flex-1", children: /* @__PURE__ */ s(A, { placeholder: e._("Search"), className: "ttw:h-9 ttw:w-full", onChange: (a) => m(a.target.value) }) }),
-    /* @__PURE__ */ s("div", { className: "ttw:w-48 ttw:shrink-0", children: /* @__PURE__ */ s(L, { onChange: (a) => t(D, a ?? null) }) }),
-    /* @__PURE__ */ _("div", { className: "ttw:relative ttw:w-44 ttw:shrink-0", children: [
-      /* @__PURE__ */ s($, { value: r, placeholder: e._("Created at"), className: `ttw:h-9 ttw:border-border${r ? " ttw:pr-8" : ""}`, container: n, onChange: (a) => {
-        l(a), t(f, a ?? null);
-      } }),
-      r ? /* @__PURE__ */ s("button", { type: "button", "aria-label": e._("Clear created at filter"), className: "ttw:absolute ttw:right-2 ttw:top-1/2 ttw:inline-flex ttw:size-4 ttw:-translate-y-1/2 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 hover:ttw:opacity-100", onClick: () => {
-        l(void 0), t(f, null);
-      }, children: /* @__PURE__ */ s(T, { className: "ttw:size-3.5" }) }) : null
+    i18n: r
+  } = I(), S = `counterpart-address-form-${P()}`, g = !!t, {
+    mutate: f,
+    isPending: x
+  } = D({
+    counterpartId: c,
+    addressId: t?.id ?? ""
+  }), {
+    mutate: w,
+    isPending: A
+  } = T(), o = x || A, v = z(() => ({
+    line1: t?.line1 ?? "",
+    line2: t?.line2 ?? "",
+    city: t?.city ?? "",
+    state: t?.state ?? "",
+    country: t?.country ?? "US",
+    postalCode: t?.postal_code ?? ""
+  }), [t]), {
+    resetField: e,
+    ...a
+  } = N({
+    resolver: U(j(r, u === "vendor")),
+    defaultValues: v
+  }), _ = L((l) => {
+    l.preventDefault(), l.stopPropagation(), a.handleSubmit((s) => {
+      const b = {
+        line1: s.line1 ?? "",
+        line2: s.line2,
+        city: s.city ?? "",
+        state: s.state ?? "",
+        country: s.country,
+        postal_code: s.postalCode ?? ""
+      };
+      return t ? f(b, {
+        onSuccess: () => {
+          p.success(r._("Address has been updated.")), i && i();
+        }
+      }) : w({
+        path: {
+          counterpart_id: c
+        },
+        body: b
+      }, {
+        onSuccess: () => {
+          p.success(r._("Address has been added.")), n && n();
+        }
+      });
+    })(l);
+  }, [p, f, w, k, i, n, a.handleSubmit, r]);
+  return /* @__PURE__ */ d(F, { resetField: e, ...a, children: /* @__PURE__ */ m("form", { id: S, onSubmit: _, className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:border ttw:border-primary ttw:rounded-[10px] ttw:bg-zinc-100", children: [
+    /* @__PURE__ */ d(B, { hasExistingAddress: g, isLoading: o, isStandalone: C, customerType: u }),
+    /* @__PURE__ */ m("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
+      /* @__PURE__ */ d(y, { type: "button", variant: "outline", className: "ttw:border-border ttw:flex-1", disabled: o, onClick: () => {
+        e("line1"), e("line2"), e("city"), e("state"), e("postalCode"), e("country"), h();
+      }, children: r._("Cancel") }),
+      /* @__PURE__ */ m(y, { type: "submit", className: "ttw:flex-1", disabled: o || !a.formState.isDirty, children: [
+        o && /* @__PURE__ */ d(V, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
+        r._("Save")
+      ] })
     ] })
-  ] });
+  ] }) });
 };
 export {
-  q as Filters
+  tt as CounterpartAddressForm
 };