@tesouro/embedded-components-react 0.2.1

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index10.js

@@ -0,0 +1,146 @@
+const e = {
+  draft: "Draft",
+  issuing: "Issuing",
+  issued: "Issued",
+  failed: "Failed",
+  accepted: "Accepted",
+  expired: "Expired",
+  declined: "Declined",
+  recurring: "Recurring",
+  partially_paid: "Partially paid",
+  paid: "Paid",
+  overdue: "Overdue",
+  // Externally labelled "Written off" (the accounting term) per the spec.
+  uncollectible: "Written off",
+  canceled: "Cancelled",
+  deleted: "Deleted",
+  unknown: "Unknown"
+}, t = {
+  title: "Receivables",
+  createButton: "Create",
+  templateSettingsButton: "Template settings",
+  searchPlaceholder: "Search by number or customer",
+  statusFilterAll: "All statuses",
+  tabInvoices: "Invoices",
+  tabQuotes: "Quotes",
+  tabCreditNotes: "Credit notes",
+  columnDocument: "Document",
+  columnCustomer: "Customer",
+  columnStatus: "Status",
+  columnIssueDate: "Issued",
+  columnDueDate: "Due",
+  columnTotal: "Total",
+  columnAmountDue: "Amount due",
+  columnActions: "Actions",
+  sortByDocument: "Sort by document",
+  sortByCustomer: "Sort by customer",
+  sortByIssueDate: "Sort by issue date",
+  sortByDueDate: "Sort by due date",
+  sortByTotal: "Sort by total",
+  actionEdit: "Edit",
+  actionIssue: "Issue",
+  actionSend: "Send",
+  actionRecordPayment: "Record payment",
+  actionMarkPaid: "Mark as paid",
+  actionMarkUncollectible: "Mark uncollectible",
+  actionAccept: "Accept",
+  actionDecline: "Decline",
+  actionCancel: "Cancel",
+  actionClone: "Clone",
+  actionDelete: "Delete",
+  emptyTitle: "No receivables yet",
+  emptyDescription: "Create your first invoice or quote.",
+  emptyAction: "Create receivable",
+  filterEmptyTitle: "No receivables found",
+  filterEmptyDescription: "Try adjusting your search or filters.",
+  errorTitle: "Failed to load receivables",
+  errorDescription: "Something went wrong while fetching receivables. Please try again.",
+  errorRetry: "Try again",
+  statusBadge: e
+}, a = {
+  createTitle: "Create receivable",
+  editTitle: "Edit receivable",
+  hiddenDescription: "Create an invoice or quote",
+  documentTypeLabel: "Document type",
+  typeInvoice: "Invoice",
+  typeQuote: "Quote",
+  customerLabel: "Customer",
+  customerHint: "Create a customer first if the list is empty.",
+  currencyLabel: "Currency",
+  issueDateLabel: "Issue date",
+  dueDateLabel: "Due date",
+  memoLabel: "Memo",
+  paymentTermsLabel: "Payment terms",
+  paymentTermsPlaceholder: "Select payment terms",
+  paymentTermsNone: "No payment terms",
+  lineItemsHeading: "Line items",
+  productLabel: "Product or service",
+  quantityLabel: "Quantity",
+  addLineItemButton: "Add line item",
+  removeLineItemButton: "Remove line item",
+  cancelButton: "Cancel",
+  createButton: "Create",
+  updateButton: "Update"
+}, n = {
+  hiddenDescription: "Receivable details",
+  loadingTitle: "Loading...",
+  errorTitle: "Receivable not found",
+  errorDescription: "We could not load this receivable. Please try again.",
+  summaryHeading: "Summary",
+  lineItemsHeading: "Line items",
+  activityHeading: "Activity",
+  mailsHeading: "Email history",
+  noLineItems: "No line items.",
+  noActivity: "No activity yet.",
+  noMails: "No emails sent yet.",
+  quantityColumn: "Qty",
+  unitPriceColumn: "Unit price",
+  totalColumn: "Total",
+  closeButton: "Close",
+  downloadPdfButton: "Download PDF",
+  editButton: "Edit",
+  issueButton: "Issue",
+  sendButton: "Send",
+  acceptButton: "Accept",
+  declineButton: "Decline",
+  recordPaymentButton: "Record payment",
+  markPaidButton: "Mark as paid",
+  markUncollectibleButton: "Mark uncollectible",
+  cancelButton: "Cancel document",
+  cloneButton: "Clone",
+  deleteButton: "Delete",
+  statusBadge: e
+}, o = {
+  title: "Send receivable",
+  description: "Send this document to the customer by email.",
+  toLabel: "To",
+  ccLabel: "CC",
+  bccLabel: "BCC",
+  subjectLabel: "Subject",
+  bodyLabel: "Message",
+  cancelButton: "Cancel",
+  sendButton: "Send"
+}, i = {
+  title: "Record payment",
+  description: "Record a full or partial invoice payment.",
+  modeLabel: "Payment type",
+  fullPayment: "Full payment",
+  partialPayment: "Partial payment",
+  amountPaidLabel: "Amount paid",
+  paidAtLabel: "Paid at",
+  commentLabel: "Comment",
+  cancelButton: "Cancel",
+  submitButton: "Record payment"
+}, l = {
+  cancelButton: "Cancel",
+  confirmButton: "Confirm"
+};
+export {
+  t as RECEIVABLES_SCREEN_LABELS_EN,
+  l as RECEIVABLE_ACTION_DIALOG_LABELS_EN,
+  n as RECEIVABLE_DETAILS_SHEET_LABELS_EN,
+  a as RECEIVABLE_FORM_SHEET_LABELS_EN,
+  i as RECEIVABLE_PAYMENT_DIALOG_LABELS_EN,
+  o as RECEIVABLE_SEND_DIALOG_LABELS_EN,
+  e as RECEIVABLE_STATUS_BADGE_LABELS_EN
+};

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index12.js

@@ -0,0 +1,22 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { Button as f } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { XIcon as c } from "lucide-react";
+m(
+  function({ label: r, onClose: i, variant: t = "ghost", size: a = "icon", onClick: e, ...n }, s) {
+    return /* @__PURE__ */ o(
+      f,
+      {
+        ref: s,
+        variant: t,
+        size: a,
+        ...n,
+        "aria-label": r,
+        onClick: (l) => {
+          e?.(l), i();
+        },
+        children: /* @__PURE__ */ o(c, { className: "ttw:size-4" })
+      }
+    );
+  }
+);

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index2.js

@@ -0,0 +1,47 @@
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { Dialog as u, DialogContent as D, DialogHeader as C, DialogTitle as f, DialogDescription as v, DialogFooter as w, Button as i } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_ACTION_DIALOG_LABELS_EN as x } from "./index10.js";
+function E({
+  open: r,
+  onOpenChange: a,
+  title: l,
+  description: c,
+  confirmLabel: s,
+  destructive: d,
+  error: n,
+  inProgress: g,
+  onConfirm: p,
+  onCancel: h,
+  labels: m
+}) {
+  const o = { ...x, ...m };
+  return /* @__PURE__ */ t(u, { open: r, onOpenChange: a, children: /* @__PURE__ */ e(D, { children: [
+    /* @__PURE__ */ e(C, { children: [
+      /* @__PURE__ */ t(f, { children: l }),
+      /* @__PURE__ */ t(v, { children: c })
+    ] }),
+    n && /* @__PURE__ */ t(
+      "p",
+      {
+        role: "alert",
+        className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+        children: n
+      }
+    ),
+    /* @__PURE__ */ e(w, { children: [
+      /* @__PURE__ */ t(i, { variant: "ghost", onClick: h, children: o.cancelButton }),
+      /* @__PURE__ */ t(
+        i,
+        {
+          variant: d ? "destructive" : "default",
+          loading: g,
+          onClick: p,
+          children: s ?? o.confirmButton
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  E as ReceivableActionDialog
+};

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index4.js

@@ -0,0 +1,179 @@
+import { jsx as t, jsxs as i, Fragment as p } from "react/jsx-runtime";
+import { DownloadIcon as x } from "lucide-react";
+import { Sheet as f, SheetContent as g, SheetHeader as N, SheetTitle as v, SheetDescription as b, Button as n, SheetFooter as C, Typography as B } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import "@radix-ui/react-use-controllable-state";
+import "react";
+import "../../../shared/ui/dist/lib/UIContext/UIContext.js";
+import { ErrorState as k } from "../../../shared/ui/dist/lib/ErrorState/ErrorState.js";
+import { RECEIVABLE_DETAILS_SHEET_LABELS_EN as m } from "./index10.js";
+import { ReceivableStatusBadge as y } from "./index8.js";
+function r({
+  title: c,
+  children: d
+}) {
+  return /* @__PURE__ */ i("section", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: [
+    /* @__PURE__ */ t(B, { variant: "body2", className: "ttw:font-semibold", children: c }),
+    d
+  ] });
+}
+function U({
+  open: c,
+  onOpenChange: d,
+  details: e,
+  isLoading: w,
+  isError: h,
+  onActionClick: s,
+  onClose: u,
+  labels: o
+}) {
+  const a = {
+    ...m,
+    ...o,
+    statusBadge: {
+      ...m.statusBadge,
+      ...o?.statusBadge
+    }
+  };
+  return /* @__PURE__ */ t(f, { open: c, onOpenChange: d, children: /* @__PURE__ */ i(g, { className: "ttw:w-180 ttw:overflow-y-auto ttw:sm:max-w-180", children: [
+    /* @__PURE__ */ i(N, { children: [
+      /* @__PURE__ */ t(v, { children: w ? a.loadingTitle : e?.title }),
+      /* @__PURE__ */ t(b, { className: "ttw:sr-only", children: a.hiddenDescription })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-6 ttw:px-6 ttw:pb-6", children: h ? /* @__PURE__ */ t(
+      k,
+      {
+        title: a.errorTitle,
+        description: a.errorDescription
+      }
+    ) : e ? /* @__PURE__ */ i(p, { children: [
+      /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:justify-between ttw:gap-3", children: [
+        /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col ttw:gap-1", children: [
+          /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: e.customerLabel }),
+          /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+            /* @__PURE__ */ t(
+              y,
+              {
+                status: e.status,
+                tone: e.statusTone,
+                labels: a.statusBadge
+              }
+            ),
+            /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium", children: e.totalLabel })
+          ] })
+        ] }),
+        e.pdfUrl && /* @__PURE__ */ t(n, { asChild: !0, variant: "outline", children: /* @__PURE__ */ i("a", { href: e.pdfUrl, target: "_blank", rel: "noreferrer", children: [
+          /* @__PURE__ */ t(x, { className: "ttw:size-4" }),
+          a.downloadPdfButton
+        ] }) })
+      ] }),
+      /* @__PURE__ */ t(r, { title: a.summaryHeading, children: /* @__PURE__ */ t("dl", { className: "ttw:grid ttw:grid-cols-2 ttw:gap-x-6 ttw:gap-y-3", children: e.summaryItems.map((l) => /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col", children: [
+        /* @__PURE__ */ t("dt", { className: "ttw:text-xs ttw:text-muted-foreground", children: l.label }),
+        /* @__PURE__ */ t("dd", { className: "ttw:text-sm ttw:font-medium", children: l.value })
+      ] }, l.label)) }) }),
+      /* @__PURE__ */ t(r, { title: a.lineItemsHeading, children: e.lineItems.length === 0 ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.noLineItems }) : /* @__PURE__ */ t("div", { className: "ttw:overflow-hidden ttw:rounded-md ttw:border", children: /* @__PURE__ */ i("table", { className: "ttw:w-full ttw:text-sm", children: [
+        /* @__PURE__ */ t("thead", { className: "ttw:bg-muted/50", children: /* @__PURE__ */ i("tr", { children: [
+          /* @__PURE__ */ t("th", { className: "ttw:p-2 ttw:text-left", children: a.lineItemsHeading }),
+          /* @__PURE__ */ t("th", { className: "ttw:p-2 ttw:text-right", children: a.quantityColumn }),
+          /* @__PURE__ */ t("th", { className: "ttw:p-2 ttw:text-right", children: a.unitPriceColumn }),
+          /* @__PURE__ */ t("th", { className: "ttw:p-2 ttw:text-right", children: a.totalColumn })
+        ] }) }),
+        /* @__PURE__ */ t("tbody", { children: e.lineItems.map((l) => /* @__PURE__ */ i("tr", { className: "ttw:border-t", children: [
+          /* @__PURE__ */ t("td", { className: "ttw:p-2", children: l.name }),
+          /* @__PURE__ */ t("td", { className: "ttw:p-2 ttw:text-right", children: l.quantityLabel }),
+          /* @__PURE__ */ t("td", { className: "ttw:p-2 ttw:text-right", children: l.unitPriceLabel }),
+          /* @__PURE__ */ t("td", { className: "ttw:p-2 ttw:text-right", children: l.totalLabel })
+        ] }, l.id)) })
+      ] }) }) }),
+      /* @__PURE__ */ t(r, { title: a.activityHeading, children: e.activityItems.length === 0 ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.noActivity }) : /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: e.activityItems.map((l) => /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col", children: [
+        /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium", children: l.title }),
+        /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: l.description }),
+        /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:text-muted-foreground", children: l.timestampLabel })
+      ] }, l.id)) }) }),
+      /* @__PURE__ */ t(r, { title: a.mailsHeading, children: e.mailItems.length === 0 ? /* @__PURE__ */ t("p", { className: "ttw:text-sm ttw:text-muted-foreground", children: a.noMails }) : /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: e.mailItems.map((l) => /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-col", children: [
+        /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:font-medium", children: l.statusLabel }),
+        /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:text-muted-foreground", children: l.recipientsLabel }),
+        /* @__PURE__ */ t("span", { className: "ttw:text-xs ttw:text-muted-foreground", children: l.sentAtLabel })
+      ] }, l.id)) }) })
+    ] }) : null }),
+    /* @__PURE__ */ t(C, { children: e && /* @__PURE__ */ i("div", { className: "ttw:flex ttw:flex-wrap ttw:justify-end ttw:gap-2", children: [
+      e.actions.edit && /* @__PURE__ */ t(
+        n,
+        {
+          variant: "outline",
+          onClick: () => s("edit", e),
+          children: a.editButton
+        }
+      ),
+      e.actions.issue && /* @__PURE__ */ t(n, { onClick: () => s("issue", e), children: a.issueButton }),
+      e.actions.send && /* @__PURE__ */ t(
+        n,
+        {
+          variant: "outline",
+          onClick: () => s("send", e),
+          children: a.sendButton
+        }
+      ),
+      e.actions.accept && /* @__PURE__ */ t(n, { onClick: () => s("accept", e), children: a.acceptButton }),
+      e.actions.decline && /* @__PURE__ */ t(
+        n,
+        {
+          variant: "outline",
+          onClick: () => s("decline", e),
+          children: a.declineButton
+        }
+      ),
+      e.actions.recordPayment && /* @__PURE__ */ t(
+        n,
+        {
+          variant: "outline",
+          onClick: () => s("recordPayment", e),
+          children: a.recordPaymentButton
+        }
+      ),
+      e.actions.markPaid && /* @__PURE__ */ t(
+        n,
+        {
+          variant: "outline",
+          onClick: () => s("markPaid", e),
+          children: a.markPaidButton
+        }
+      ),
+      e.actions.markUncollectible && /* @__PURE__ */ t(
+        n,
+        {
+          variant: "outline",
+          onClick: () => s("markUncollectible", e),
+          children: a.markUncollectibleButton
+        }
+      ),
+      e.actions.cancel && /* @__PURE__ */ t(
+        n,
+        {
+          variant: "outline",
+          onClick: () => s("cancel", e),
+          children: a.cancelButton
+        }
+      ),
+      e.actions.clone && /* @__PURE__ */ t(
+        n,
+        {
+          variant: "outline",
+          onClick: () => s("clone", e),
+          children: a.cloneButton
+        }
+      ),
+      e.actions.delete && /* @__PURE__ */ t(
+        n,
+        {
+          variant: "destructive",
+          onClick: () => s("delete", e),
+          children: a.deleteButton
+        }
+      ),
+      /* @__PURE__ */ t(n, { variant: "ghost", onClick: u, children: a.closeButton })
+    ] }) })
+  ] }) });
+}
+export {
+  U as ReceivableDetailsSheet
+};

package/dist/libs/tesouro-embedded-components-react/invoicing-widget/ui/dist/index5.js

@@ -0,0 +1,234 @@
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { PlusIcon as R, Trash2Icon as H } from "lucide-react";
+import { useId as O } from "react";
+import { Sheet as V, SheetContent as j, SheetHeader as k, SheetTitle as z, SheetDescription as A, Label as r, RadioGroup as G, RadioGroupItem as g, Select as v, SelectTrigger as f, SelectValue as x, SelectContent as y, SelectItem as h, Input as p, Typography as M, Button as u, Textarea as Q, SheetFooter as U } from "../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { RECEIVABLE_FORM_SHEET_LABELS_EN as X } from "./index10.js";
+function c({ message: m }) {
+  return m ? /* @__PURE__ */ e("p", { className: "ttw:text-sm ttw:text-destructive", children: m }) : null;
+}
+function ee({
+  open: m,
+  onOpenChange: N,
+  mode: o = "create",
+  values: s,
+  errors: n,
+  currencyOptions: b,
+  paymentTermsOptions: S,
+  inProgress: I,
+  customerSelector: C,
+  renderProductSelector: L,
+  onChange: d,
+  onLineItemChange: T,
+  onAddLineItem: _,
+  onRemoveLineItem: D,
+  onSubmit: F,
+  onCancel: $,
+  labels: q
+}) {
+  const l = { ...X, ...q }, i = O(), w = o === "edit", B = s.type === "invoice" || o === "edit", E = w ? "ttw:grid ttw:grid-cols-3 ttw:gap-4" : "ttw:grid ttw:grid-cols-2 ttw:gap-4";
+  return /* @__PURE__ */ e(V, { open: m, onOpenChange: N, children: /* @__PURE__ */ a(j, { className: "ttw:w-180 ttw:overflow-y-auto ttw:sm:max-w-180", children: [
+    /* @__PURE__ */ a(k, { children: [
+      /* @__PURE__ */ e(z, { children: o === "edit" ? l.editTitle : l.createTitle }),
+      /* @__PURE__ */ e(A, { className: "ttw:sr-only", children: l.hiddenDescription })
+    ] }),
+    /* @__PURE__ */ e(
+      "form",
+      {
+        id: i,
+        onSubmit: (t) => {
+          t.preventDefault(), t.stopPropagation(), F();
+        },
+        children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-5 ttw:px-6 ttw:pb-6", children: [
+          n?.form && /* @__PURE__ */ e(
+            "p",
+            {
+              role: "alert",
+              className: "ttw:rounded-md ttw:bg-destructive/10 ttw:px-3 ttw:py-2 ttw:text-sm ttw:text-destructive",
+              children: n.form
+            }
+          ),
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(r, { children: l.documentTypeLabel }),
+            /* @__PURE__ */ a(
+              G,
+              {
+                className: "ttw:flex ttw:flex-row ttw:gap-6",
+                disabled: o === "edit",
+                value: s.type,
+                onValueChange: (t) => d({
+                  type: t
+                }),
+                children: [
+                  /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+                    /* @__PURE__ */ e(g, { value: "invoice", id: `${i}-invoice` }),
+                    /* @__PURE__ */ e(r, { htmlFor: `${i}-invoice`, children: l.typeInvoice })
+                  ] }),
+                  /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+                    /* @__PURE__ */ e(g, { value: "quote", id: `${i}-quote` }),
+                    /* @__PURE__ */ e(r, { htmlFor: `${i}-quote`, children: l.typeQuote })
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(c, { message: n?.type })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(r, { children: l.customerLabel }),
+            C,
+            /* @__PURE__ */ e("p", { className: "ttw:text-xs ttw:text-muted-foreground", children: l.customerHint }),
+            /* @__PURE__ */ e(c, { message: n?.customerId })
+          ] }),
+          /* @__PURE__ */ a("div", { className: E, children: [
+            /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+              /* @__PURE__ */ e(r, { htmlFor: `${i}-currency`, children: l.currencyLabel }),
+              /* @__PURE__ */ a(
+                v,
+                {
+                  value: s.currency,
+                  onValueChange: (t) => d({ currency: t }),
+                  children: [
+                    /* @__PURE__ */ e(f, { id: `${i}-currency`, children: /* @__PURE__ */ e(x, {}) }),
+                    /* @__PURE__ */ e(y, { children: b.map((t) => /* @__PURE__ */ e(h, { value: t.value, children: t.label }, t.value)) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ e(c, { message: n?.currency })
+            ] }),
+            w && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+              /* @__PURE__ */ e(r, { htmlFor: `${i}-issue-date`, children: l.issueDateLabel }),
+              /* @__PURE__ */ e(
+                p,
+                {
+                  id: `${i}-issue-date`,
+                  type: "date",
+                  value: s.issueDate,
+                  onChange: (t) => d({ issueDate: t.target.value })
+                }
+              ),
+              /* @__PURE__ */ e(c, { message: n?.issueDate })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+              /* @__PURE__ */ e(r, { htmlFor: `${i}-due-date`, children: l.dueDateLabel }),
+              /* @__PURE__ */ e(
+                p,
+                {
+                  id: `${i}-due-date`,
+                  type: "date",
+                  value: s.dueDate,
+                  onChange: (t) => d({ dueDate: t.target.value })
+                }
+              ),
+              /* @__PURE__ */ e(c, { message: n?.dueDate })
+            ] })
+          ] }),
+          B && /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(r, { htmlFor: `${i}-payment-terms`, children: l.paymentTermsLabel }),
+            /* @__PURE__ */ a(
+              v,
+              {
+                value: s.paymentTermsId || void 0,
+                onValueChange: (t) => d({
+                  paymentTermsId: t === "__none__" ? "" : t
+                }),
+                children: [
+                  /* @__PURE__ */ e(f, { id: `${i}-payment-terms`, children: /* @__PURE__ */ e(
+                    x,
+                    {
+                      placeholder: l.paymentTermsPlaceholder
+                    }
+                  ) }),
+                  /* @__PURE__ */ a(y, { children: [
+                    /* @__PURE__ */ e(h, { value: "__none__", children: l.paymentTermsNone }),
+                    S.map((t) => /* @__PURE__ */ e(h, { value: t.value, children: t.label }, t.value))
+                  ] })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e(c, { message: n?.paymentTermsId })
+          ] }),
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-3", children: [
+            /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
+              /* @__PURE__ */ e(M, { variant: "body2", className: "ttw:font-semibold", children: l.lineItemsHeading }),
+              /* @__PURE__ */ a(u, { type: "button", variant: "outline", onClick: _, children: [
+                /* @__PURE__ */ e(R, { className: "ttw:size-4" }),
+                l.addLineItemButton
+              ] })
+            ] }),
+            s.lineItems.map((t) => /* @__PURE__ */ a(
+              "div",
+              {
+                className: "ttw:grid ttw:grid-cols-[1fr_120px_40px] ttw:items-start ttw:gap-3",
+                children: [
+                  /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+                    /* @__PURE__ */ e(r, { children: l.productLabel }),
+                    L(t),
+                    /* @__PURE__ */ e(
+                      c,
+                      {
+                        message: n?.lineItems?.[t.id]?.productId
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+                    /* @__PURE__ */ e(r, { htmlFor: `${i}-quantity-${t.id}`, children: l.quantityLabel }),
+                    /* @__PURE__ */ e(
+                      p,
+                      {
+                        id: `${i}-quantity-${t.id}`,
+                        inputMode: "decimal",
+                        value: t.quantity,
+                        onChange: (P) => T(t.id, {
+                          quantity: P.target.value
+                        })
+                      }
+                    ),
+                    /* @__PURE__ */ e(
+                      c,
+                      {
+                        message: n?.lineItems?.[t.id]?.quantity
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ e(
+                    u,
+                    {
+                      type: "button",
+                      variant: "ghost",
+                      size: "icon-sm",
+                      className: "ttw:mt-6",
+                      "aria-label": l.removeLineItemButton,
+                      onClick: () => D(t.id),
+                      disabled: s.lineItems.length <= 1,
+                      children: /* @__PURE__ */ e(H, { className: "ttw:size-4" })
+                    }
+                  )
+                ]
+              },
+              t.id
+            ))
+          ] }),
+          /* @__PURE__ */ a("div", { className: "ttw:flex ttw:flex-col ttw:gap-1.5", children: [
+            /* @__PURE__ */ e(r, { htmlFor: `${i}-memo`, children: l.memoLabel }),
+            /* @__PURE__ */ e(
+              Q,
+              {
+                id: `${i}-memo`,
+                rows: 3,
+                value: s.memo,
+                onChange: (t) => d({ memo: t.target.value })
+              }
+            ),
+            /* @__PURE__ */ e(c, { message: n?.memo })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(U, { children: /* @__PURE__ */ a("div", { className: "ttw:flex ttw:justify-end ttw:gap-2", children: [
+      /* @__PURE__ */ e(u, { type: "button", variant: "ghost", onClick: $, children: l.cancelButton }),
+      /* @__PURE__ */ e(u, { type: "submit", form: i, loading: I, children: o === "edit" ? l.updateButton : l.createButton })
+    ] }) })
+  ] }) });
+}
+export {
+  ee as ReceivableFormSheet
+};