@tesouro/embedded-components-react 0.2.61 → 0.2.65

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

@@ -1,16 +1,65 @@
-const a = ["document_type", "department", "project", "cost_center", "vendor_type", "payment_method", "approval_status"], o = (e) => ({
-  document_type: e._("Document Type"),
-  department: e._("Department"),
-  project: e._("Project"),
-  cost_center: e._("Cost Center"),
-  vendor_type: e._("Vendor Type"),
-  payment_method: e._("Payment Method"),
-  approval_status: e._("Approval Status")
-});
-function r(e, t) {
-  return e ? o(t)[e] : "";
-}
+import { jsxs as n, jsx as e } from "@emotion/react/jsx-runtime";
+import { Button as f } from "./index85.js";
+import { Field as m, FieldContent as c, FieldLabel as s, FieldError as u } from "./index154.js";
+import { Input as h } from "./index119.js";
+import { Typography as p } from "./index86.js";
+import { useLingui as g } from "@lingui/react";
+import { useFormContext as y, Controller as w } from "react-hook-form";
+import { twMerge as N } from "tailwind-merge";
+const j = ({
+  hasExistingBankAccount: a,
+  isLoading: o,
+  isStandalone: b,
+  handleCancel: v
+}) => {
+  const {
+    i18n: t
+  } = g(), {
+    control: d,
+    resetField: l
+  } = y();
+  return /* @__PURE__ */ n("div", { className: N("ttw:flex ttw:flex-col ttw:gap-4 ttw:p-4 ttw:bg-zinc-100", !b && "ttw:border ttw:border-primary ttw:rounded-[10px]"), children: [
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: [
+      /* @__PURE__ */ e(p, { variant: "body1", className: "ttw:font-medium", children: a ? t._("Editing ACH bank transfer") : t._("Adding ACH bank transfer") }),
+      !a && !b && /* @__PURE__ */ e(f, { type: "button", variant: "ghost", className: "ttw:text-primary ttw:hover:text-primary", onClick: () => {
+        l("accountHolderName"), l("accountNumber"), l("routingNumber"), v?.();
+      }, children: t._("Cancel") })
+    ] }),
+    /* @__PURE__ */ e(w, { name: "accountHolderName", control: d, render: ({
+      field: r,
+      fieldState: {
+        error: i
+      }
+    }) => /* @__PURE__ */ e(m, { "data-invalid": !!(!r.value && a), children: /* @__PURE__ */ n(c, { children: [
+      /* @__PURE__ */ e(s, { htmlFor: r.name, children: t._("Account holder name") }),
+      /* @__PURE__ */ e(h, { id: r.name, ...r, className: "ttw:bg-white", disabled: o, "aria-invalid": !!(!r.value && a) || !!i || void 0 }),
+      /* @__PURE__ */ e(u, { errors: [i] })
+    ] }) }) }),
+    /* @__PURE__ */ n("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(w, { name: "routingNumber", control: d, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(m, { "data-invalid": !!(!r.value && a), children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(s, { htmlFor: r.name, children: t._("Routing number") }),
+        /* @__PURE__ */ e(h, { id: r.name, ...r, placeholder: t._("e.g., 123456789"), className: "ttw:bg-white", disabled: o, "aria-invalid": !!(!r.value && a) || !!i || void 0 }),
+        /* @__PURE__ */ e(u, { errors: [i] })
+      ] }) }) }),
+      /* @__PURE__ */ e(w, { name: "accountNumber", control: d, render: ({
+        field: r,
+        fieldState: {
+          error: i
+        }
+      }) => /* @__PURE__ */ e(m, { "data-invalid": !!(!r.value && a), children: /* @__PURE__ */ n(c, { children: [
+        /* @__PURE__ */ e(s, { htmlFor: r.name, children: t._("Account number") }),
+        /* @__PURE__ */ e(h, { id: r.name, ...r, placeholder: t._("e.g., 12345678"), className: "ttw:bg-white", disabled: o, "aria-invalid": !!(!r.value && a) || !!i || void 0 }),
+        /* @__PURE__ */ e(u, { errors: [i] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ e(p, { color: "muted", variant: "body2", children: t._("Ask your vendor for this — it's usually on their invoice, W-9, or a payment instructions email they send you.") })
+  ] });
+};
 export {
-  r as getTagCategoryLabel,
-  a as tagCategories
+  j as CounterpartBankFormContent
 };

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

@@ -1,82 +1,98 @@
-import { useMoniteContext as h } from "./index58.js";
-import "@tanstack/react-query";
-import "date-fns";
-import "react";
-import { toast as u } from "react-hot-toast";
-import { getAPIErrorMessage as d } from "./index122.js";
+import { jsx as u, jsxs as d } from "@emotion/react/jsx-runtime";
+import { useForm as y, FormProvider as B } from "react-hook-form";
 import { useLingui as v } from "@lingui/react";
-import { useEntitySettings as T, usePatchEntitiesIdSettings as w } from "./index82.js";
-const I = ({
-  setNameError: l,
-  onTagCreated: c,
-  onTagUpdated: m
+import { useId as F, useMemo as z, useCallback as H } from "react";
+import { zodResolver as P } from "@hookform/resolvers/zod";
+import { Button as w } from "./index85.js";
+import { getCounterpartBankValidationSchema as U } from "./index237.js";
+import "./index58.js";
+import { toast as l } from "react-hot-toast";
+import { useCreateCounterpartBank as A } from "./index240.js";
+import { useUpdateCounterpartBank as D } from "./index416.js";
+import "date-fns";
+import { getCounterpartName as L } from "./index7.js";
+import { LoadingSpinner as j } from "./index132.js";
+import { CounterpartBankFormContent as I } from "./index307.js";
+const $ = ({
+  counterpartId: p,
+  isStandalone: g,
+  bankAccount: t,
+  handleClose: b,
+  onUpdate: c,
+  onCreate: i
 }) => {
   const {
-    i18n: n
-  } = v(), {
-    api: i,
-    queryClient: o
-  } = h(), {
-    data: a
-  } = T(), {
-    mutateAsync: f
-  } = w(), r = a?.payables_ocr_auto_tagging || [], g = i.finops.postTags.useMutation({}, {
-    onSuccess: () => i.finops.getTags.invalidateQueries(o),
-    onError: (e) => {
-      const t = d(n, e);
-      t === "This tag already exists." ? l?.(t) : u.error(t);
-    }
-  }), _ = i.finops.patchTagsId.useMutation(void 0, {
-    onSuccess: (e) => {
-      Promise.all([i.finops.getTags.invalidateQueries(o), i.finops.getTagsId.invalidateQueries({
-        parameters: {
+    i18n: e
+  } = v(), h = `vendor-bank-form-${F()}`, N = !!t, {
+    mutate: f,
+    isPending: k
+  } = D(), {
+    mutate: _,
+    isPending: C
+  } = A(), o = k || C, S = z(() => ({
+    accountHolderName: t?.account_holder_name ?? "",
+    accountNumber: t?.account_number ?? "",
+    routingNumber: t?.routing_number ?? ""
+  }), [t]), {
+    resetField: n,
+    ...a
+  } = y({
+    resolver: P(U(e)),
+    defaultValues: S
+  }), x = H((m) => {
+    m.preventDefault(), m.stopPropagation(), a.handleSubmit((r) => {
+      if (t) {
+        const s = {
+          account_holder_name: r.accountHolderName,
+          account_number: r.accountNumber,
+          routing_number: r.routingNumber
+        };
+        return f({
+          path: {
+            counterpart_id: p,
+            bank_account_id: t?.id
+          },
+          body: s
+        }, {
+          onSuccess: () => {
+            l.success(e._("Bank account information has been updated.")), c && c();
+          }
+        });
+      } else {
+        const s = {
+          account_holder_name: r.accountHolderName,
+          account_number: r.accountNumber,
+          routing_number: r.routingNumber,
+          country: "US",
+          currency: "USD",
+          is_default_for_currency: !0
+        };
+        return _({
           path: {
-            tag_id: e.id
+            counterpart_id: p
+          },
+          body: s
+        }, {
+          onSuccess: () => {
+            l.success(e._("Bank Account has been added.")), i && i();
           }
-        }
-      }, o)]), m?.(e);
-    },
-    onError: (e) => {
-      u.error(d(n, e));
-    }
-  });
-  return {
-    tagsWithKeywords: Object.fromEntries(r.map((e) => [e.tag_id, e.keywords])),
-    inProgress: g.isPending || _.isPending,
-    createTag: (e) => g.mutateAsync({
-      ...e
-    }, {
-      onSuccess: (t) => c?.(t)
-    }),
-    updateTag: (e, t) => _.mutateAsync({
-      path: {
-        tag_id: e
-      },
-      body: t
-    }),
-    updateOcrAutoTagging: (e, t = []) => {
-      const s = r.filter((y) => y.tag_id !== e);
-      if (s.length === r.length && !t.length)
-        return;
-      const p = t.length ? [...s, {
-        tag_id: e,
-        keywords: [...new Set(t)],
-        enabled: !0
-      }] : s;
-      p.length && f({
-        tax_mode: a.tax_mode,
-        payment_priority: a.payment_priority,
-        quote_signature_required: a.quote_signature_required,
-        receivable_edit_flow: a.receivable_edit_flow,
-        allow_purchase_order_autolinking: a.allow_purchase_order_autolinking,
-        generate_paid_invoice_pdf: a.generate_paid_invoice_pdf,
-        payables_ocr_auto_tagging: p,
-        payables_skip_approval_flow: a.payables_skip_approval_flow,
-        tax_inclusive_discount_mode: a.tax_inclusive_discount_mode
-      });
-    }
-  };
+        });
+      }
+    })(m);
+  }, [l, f, _, L, c, i, a.handleSubmit, e]);
+  return /* @__PURE__ */ u(B, { resetField: n, ...a, children: /* @__PURE__ */ d("form", { id: h, onSubmit: x, 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__ */ u(I, { hasExistingBankAccount: N, handleCancel: b, isLoading: o, isStandalone: g }),
+    /* @__PURE__ */ d("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
+      /* @__PURE__ */ u(w, { type: "button", variant: "outline", className: "ttw:border-border ttw:flex-1", disabled: o, onClick: () => {
+        n("accountHolderName"), n("accountNumber"), n("routingNumber"), b();
+      }, children: e._("Cancel") }),
+      /* @__PURE__ */ d(w, { type: "submit", className: "ttw:flex-1", disabled: o || !a.formState.isDirty, children: [
+        o && /* @__PURE__ */ u(j, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
+        e._("Save")
+      ] })
+    ] })
+  ] }) });
 };
 export {
-  I as useTags
+  $ as CounterpartBankForm
 };

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

@@ -1,79 +1,114 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import * as a from "react";
-import { FormProvider as f, Controller as u, useFormContext as F, useFormState as I } from "react-hook-form";
-import { Label as p } from "./index305.js";
-import { cn as i } from "./index101.js";
-import { Slot as g } from "@radix-ui/react-slot";
-const b = f, l = a.createContext({}), C = ({
-  ...r
-}) => /* @__PURE__ */ m(l.Provider, { value: {
-  name: r.name
-}, children: /* @__PURE__ */ m(u, { ...r }) }), d = () => {
-  const r = a.useContext(l), e = a.useContext(c), {
-    getFieldState: t
-  } = F(), o = I({
-    name: r.name
-  }), s = t(r.name, o);
-  if (!r)
-    throw new Error("useFormField should be used within <FormField>");
+import { jsxs as a, jsx as e, Fragment as y } from "@emotion/react/jsx-runtime";
+import { USStatesEnum as x } from "./index393.js";
+import { Field as o, FieldContent as s, FieldLabel as c, FieldError as m } from "./index154.js";
+import { Input as f } from "./index119.js";
+import { Select as F, SelectTrigger as _, SelectValue as j, SelectContent as A, SelectItem as E } from "./index276.js";
+import { Typography as b } from "./index86.js";
+import { MoniteCountryShadcn as L } from "./index394.js";
+import { useLingui as T } from "@lingui/react";
+import { useRef as U } from "react";
+import { useFormContext as B, Controller as w } from "react-hook-form";
+import { twMerge as g } from "tailwind-merge";
+const G = ({
+  hasExistingAddress: v,
+  isLoading: n,
+  isStandalone: d,
+  customerType: S
+}) => {
   const {
-    id: n
-  } = e;
-  return {
-    id: n,
-    name: r.name,
-    formItemId: `${n}-form-item`,
-    formDescriptionId: `${n}-form-item-description`,
-    formMessageId: `${n}-form-item-message`,
-    ...s
-  };
-}, c = a.createContext({});
-function N({
-  className: r,
-  ...e
-}) {
-  const t = a.useId();
-  return /* @__PURE__ */ m(c.Provider, { value: {
-    id: t
-  }, children: /* @__PURE__ */ m("div", { "data-slot": "form-item", className: i("ttw:grid ttw:gap-2", r), ...e }) });
-}
-function M({
-  className: r,
-  ...e
-}) {
-  const {
-    error: t,
-    formItemId: o
-  } = d();
-  return /* @__PURE__ */ m(p, { "data-slot": "form-label", "data-error": !!t, className: i("ttw:data-[error=true]:text-destructive", r), htmlFor: o, ...e });
-}
-function S({
-  ...r
-}) {
-  const {
-    error: e,
-    formItemId: t,
-    formDescriptionId: o,
-    formMessageId: s
-  } = d();
-  return /* @__PURE__ */ m(g, { "data-slot": "form-control", id: t, "aria-describedby": e ? `${o} ${s}` : `${o}`, "aria-invalid": !!e, ...r });
-}
-function P({
-  className: r,
-  ...e
-}) {
-  const {
-    error: t,
-    formMessageId: o
-  } = d(), s = t ? String(t?.message ?? "") : e.children;
-  return s ? /* @__PURE__ */ m("p", { "data-slot": "form-message", id: o, className: i("ttw:text-destructive ttw:text-sm", r), ...e, children: s }) : null;
-}
+    i18n: l
+  } = T(), {
+    watch: N,
+    control: h
+  } = B(), u = U(null), i = S === "vendor";
+  return /* @__PURE__ */ a("div", { className: g("ttw:flex ttw:flex-col ttw:gap-4"), ref: u, children: [
+    d ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: /* @__PURE__ */ e(b, { variant: "body1", className: "ttw:font-medium", children: v ? l._("Editing address") : l._("Adding address") }) }) : /* @__PURE__ */ e(y, { children: !i && /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-3 ttw:pt-6 ttw:pb-7 ttw:border-b ttw:border-border", children: /* @__PURE__ */ a(b, { variant: "body1", className: "ttw:font-medium", children: [
+      l._("Address"),
+      " ",
+      /* @__PURE__ */ e("span", { className: "ttw:text-muted-foreground", children: l._("(optional)") })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(w, { name: "line1", control: h, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("Street address") }),
+        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) }),
+      /* @__PURE__ */ e(w, { name: "line2", control: h, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ a(c, { htmlFor: t.name, className: "ttw:gap-1", children: [
+          l._("Apt, suite, floor, etc."),
+          i && /* @__PURE__ */ e(b, { variant: "body2", color: "muted", className: "ttw:leading-snug", children: l._("(optional)") })
+        ] }),
+        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(w, { name: "city", control: h, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("City") }),
+        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) }),
+      /* @__PURE__ */ e(w, { name: "state", control: h, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => N("country") === "US" ? /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("State") }),
+        /* @__PURE__ */ a(F, { value: t.value ?? void 0, onValueChange: t.onChange, disabled: n, children: [
+          /* @__PURE__ */ e(_, { ref: t.ref, onBlur: t.onBlur, "aria-invalid": !!r || void 0, className: g("ttw:w-full", (d || i) && "ttw:bg-white"), disabled: n, children: /* @__PURE__ */ e(j, { placeholder: l._("Select a state") }) }),
+          /* @__PURE__ */ e(A, { children: Object.entries(x).map(([p, C]) => /* @__PURE__ */ a(E, { value: p, children: [
+            C,
+            " — ",
+            p
+          ] }, p)) })
+        ] }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) : /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("State") }),
+        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:gap-4", children: [
+      /* @__PURE__ */ e(w, { name: "postalCode", control: h, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ e(c, { htmlFor: t.name, children: l._("Postal code") }),
+        /* @__PURE__ */ e(f, { id: t.name, ...t, className: d || i ? "ttw:bg-white" : "", disabled: n, "aria-invalid": !!r || void 0 }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) }),
+      /* @__PURE__ */ e(w, { name: "country", control: h, render: ({
+        field: t,
+        fieldState: {
+          error: r
+        }
+      }) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ a(s, { children: [
+        /* @__PURE__ */ e(c, { children: l._("Country") }),
+        /* @__PURE__ */ e(L, { value: t.value, className: d || i ? "ttw:bg-white" : "", onChange: t.onChange, invalid: !!r, disabled: n, container: u?.current, allowedCountries: ["US"] }),
+        /* @__PURE__ */ e(m, { errors: [r] })
+      ] }) }) })
+    ] })
+  ] });
+};
 export {
-  b as Form,
-  S as FormControl,
-  C as FormField,
-  N as FormItem,
-  M as FormLabel,
-  P as FormMessage,
-  d as useFormField
+  G as CounterpartAddressFormContent
 };

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

@@ -1,5 +1,5 @@
 import { useMoniteContext as n } from "./index58.js";
-import { getAPIErrorMessage as d } from "./index122.js";
+import { getAPIErrorMessage as d } from "./index123.js";
 import { useLingui as p } from "@lingui/react";
 import { toast as r } from "react-hot-toast";
 const f = (s, i) => {

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

@@ -1,46 +1,90 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import * as w from "react";
-import { Badge as d } from "./index242.js";
-import { Button as m } from "./index85.js";
-import { cn as p } from "./index101.js";
-import { XIcon as h } from "lucide-react";
-const g = ({
-  className: i,
-  value: e,
-  onChange: a,
-  ref: c,
-  ...f
+import { jsx as i, 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 "./index85.js";
+import { getAddressValidationSchema as j } from "./index237.js";
+import "./index58.js";
+import { toast as p } from "react-hot-toast";
+import "date-fns";
+import { getCounterpartName as k } from "./index7.js";
+import { useUpdateCounterpartAddress as D } from "./index306.js";
+import { useCreateCounterpartAddress as T } from "./index395.js";
+import { LoadingSpinner as V } from "./index132.js";
+import { CounterpartAddressFormContent as B } from "./index309.js";
+const tt = ({
+  counterpartId: c,
+  isStandalone: C,
+  address: t,
+  customerType: u,
+  handleClose: h,
+  onUpdate: d,
+  onCreate: n
 }) => {
-  const [r, n] = w.useState("");
-  w.useEffect(() => {
-    if (r.includes(",")) {
-      const t = /* @__PURE__ */ new Set([...e, ...r.split(",").map((s) => s.trim())]);
-      a(Array.from(t)), n("");
-    }
-  }, [r, a, e]);
-  const u = () => {
-    if (r) {
-      const t = /* @__PURE__ */ new Set([...e, r]);
-      a(Array.from(t)), n("");
-    }
-  };
-  return /* @__PURE__ */ l("div", { className: p(
-    // caveat: :has() variant requires tailwind v3.4 or above: https://tailwindcss.com/blog/tailwindcss-v3-4#new-has-variant
-    "ttw:has-[:focus-visible]:ttw:outline-none ttw:has-[:focus-visible]:ttw:ring-2 ttw:has-[:focus-visible]:ttw:ring-neutral-950 ttw:has-[:focus-visible]:ttw:ring-offset-2 dark:ttw:has-[:focus-visible]:ttw:ring-neutral-300 ttw:min-h-10 ttw:flex ttw:w-full ttw:flex-wrap ttw:gap-2 ttw:rounded-md ttw:border ttw:border-neutral-200 ttw:bg-white ttw:px-3 ttw:py-2 ttw:text-sm ttw:ring-offset-white ttw:disabled:ttw:cursor-not-allowed ttw:disabled:ttw:opacity-50 dark:ttw:border-neutral-800 dark:ttw:bg-neutral-950 dark:ttw:ring-offset-neutral-950",
-    i
-  ), children: [
-    e.map((t) => /* @__PURE__ */ l(d, { variant: "secondary", children: [
-      t,
-      /* @__PURE__ */ o(m, { variant: "ghost", size: "icon", className: "ttw:ml-2 ttw:h-3 ttw:w-3", onClick: () => {
-        a(e.filter((s) => s !== t));
-      }, children: /* @__PURE__ */ o(h, { className: "ttw:w-3" }) })
-    ] }, t)),
-    /* @__PURE__ */ o("input", { className: "ttw:flex-1 ttw:outline-none ttw:placeholder:ttw:text-neutral-500 dark:ttw:placeholder:ttw:text-neutral-400", value: r, onChange: (t) => n(t.target.value), onKeyDown: (t) => {
-      t.key === "Enter" || t.key === "," ? (t.preventDefault(), u()) : t.key === "Backspace" && r.length === 0 && e.length > 0 && (t.preventDefault(), a(e.slice(0, -1)));
-    }, ...f, ref: c })
-  ] });
+  const {
+    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.")), d && d();
+        }
+      }) : w({
+        path: {
+          counterpart_id: c
+        },
+        body: b
+      }, {
+        onSuccess: () => {
+          p.success(r._("Address has been added.")), n && n();
+        }
+      });
+    })(l);
+  }, [p, f, w, k, d, n, a.handleSubmit, r]);
+  return /* @__PURE__ */ i(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__ */ i(B, { hasExistingAddress: g, isLoading: o, isStandalone: C, customerType: u }),
+    /* @__PURE__ */ m("div", { className: "ttw:flex ttw:gap-4 ttw:pt-6", children: [
+      /* @__PURE__ */ i(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__ */ i(V, { className: "ttw:border-white ttw:border-t-transparent ttw:size-4" }),
+        r._("Save")
+      ] })
+    ] })
+  ] }) });
 };
-g.displayName = "InputTags";
 export {
-  g as InputTags
+  tt as CounterpartAddressForm
 };