@usethrottle/quotes 0.1.0

package/dist/index.js

@@ -0,0 +1,700 @@
+// src/errors.ts
+import { ThrottleError } from "@usethrottle/errors";
+var ThrottleQuotesError = class extends ThrottleError {
+  constructor(args) {
+    super(args);
+    this.name = "ThrottleQuotesError";
+  }
+  /** The offer moved on — reload and show the buyer the current revision. */
+  get isSuperseded() {
+    return this.code === "revision_superseded";
+  }
+  get isExpired() {
+    return this.code === "quote_expired";
+  }
+  /** Revision the server considers current, when it told us (spec §8.1). */
+  get currentRevisionId() {
+    const d = this.details;
+    return d?.currentRevisionId;
+  }
+};
+
+// src/client.ts
+var DEFAULT_BASE = "https://api.usethrottle.dev";
+var QuotesClient = class {
+  baseUrl;
+  fetchImpl;
+  timeoutMs;
+  constructor(opts = {}) {
+    const fetchImpl = opts.fetch ?? globalThis.fetch;
+    if (!fetchImpl) throw new Error("QuotesClient: fetch is required");
+    this.baseUrl = (opts.baseUrl ?? DEFAULT_BASE).replace(/\/+$/, "");
+    this.fetchImpl = fetchImpl;
+    this.timeoutMs = opts.timeoutMs ?? 3e4;
+  }
+  async request(method, path, body) {
+    const ctrl = new AbortController();
+    const timer = setTimeout(() => ctrl.abort(), this.timeoutMs);
+    try {
+      const res = await this.fetchImpl(`${this.baseUrl}${path}`, {
+        method,
+        headers: body === void 0 ? {} : { "content-type": "application/json" },
+        ...body === void 0 ? {} : { body: JSON.stringify(body) },
+        signal: ctrl.signal
+      });
+      const json = await res.json().catch(() => ({}));
+      if (!res.ok) {
+        throw new ThrottleQuotesError({
+          code: json.error?.code ?? "unknown_error",
+          message: json.error?.message ?? `HTTP ${res.status}`,
+          statusCode: res.status,
+          details: json.error?.details
+        });
+      }
+      return json.data;
+    } finally {
+      clearTimeout(timer);
+    }
+  }
+  /** Fetch the quote a buyer link points at. 404s for unknown/rotated tokens. */
+  getQuote(token) {
+    return this.request("GET", `/api/v1/quote-links/${encodeURIComponent(token)}`);
+  }
+  /**
+   * Tell the merchant the buyer opened the quote. Fire-and-forget: the server
+   * throttles the resulting webhook to one per revision per 6h, and a failed
+   * beacon must never break the page.
+   */
+  async recordView(token) {
+    try {
+      await this.request("POST", `/api/v1/quote-links/${encodeURIComponent(token)}/view`, {});
+    } catch {
+    }
+  }
+  addComment(token, input) {
+    return this.request(
+      "POST",
+      `/api/v1/quote-links/${encodeURIComponent(token)}/comments`,
+      input
+    );
+  }
+  requestRevision(token, input = {}) {
+    return this.request(
+      "POST",
+      `/api/v1/quote-links/${encodeURIComponent(token)}/request-revision`,
+      input
+    );
+  }
+  decline(token, input = {}) {
+    return this.request(
+      "POST",
+      `/api/v1/quote-links/${encodeURIComponent(token)}/decline`,
+      input
+    );
+  }
+  /**
+   * Accept and get the checkout URL to send the buyer to.
+   *
+   * Re-accepting the same revision is idempotent and replays the same URL.
+   * Accepting a superseded revision throws `revision_superseded` carrying
+   * `currentRevisionId`; an expired offer throws `quote_expired`.
+   */
+  accept(token, input) {
+    return this.request(
+      "POST",
+      `/api/v1/quote-links/${encodeURIComponent(token)}/accept`,
+      input
+    );
+  }
+  /** URL of the PDF for the revision the buyer is looking at (server 302s to signed storage). */
+  pdfUrl(token) {
+    return `${this.baseUrl}/api/v1/quote-links/${encodeURIComponent(token)}/pdf`;
+  }
+  // ── RFQ intake ─────────────────────────────────────────────────────────────
+  getRequestForm(formToken) {
+    return this.request(
+      "GET",
+      `/api/v1/quote-request-forms/${encodeURIComponent(formToken)}/public`
+    );
+  }
+  /**
+   * Submit an RFQ. The response is deliberately thin (`{ submitted: true }`) —
+   * anonymous callers learn no internal identifiers. A submission caught by
+   * the honeypot returns the same shape without creating anything, so a bot
+   * cannot tell it was detected; treat success as "accepted", not "created".
+   */
+  submitRequest(formToken, input) {
+    return this.request("POST", "/api/v1/quote-requests", {
+      formToken,
+      ...input
+    });
+  }
+};
+function createQuotesClient(opts = {}) {
+  return new QuotesClient(opts);
+}
+function formatMoney(minorUnits, currency, locale) {
+  return new Intl.NumberFormat(locale, { style: "currency", currency }).format(minorUnits / 100);
+}
+function scaleLineCharges(item, quantity) {
+  const base = item.quantity;
+  if (!base || base <= 0 || quantity === base) {
+    return { taxAmount: item.taxAmount, discountAmount: item.discountAmount };
+  }
+  const ratio = quantity / base;
+  return {
+    taxAmount: Math.round(item.taxAmount * ratio),
+    discountAmount: Math.round(item.discountAmount * ratio)
+  };
+}
+function computeSelectionTotal(items, selections, shippingTotal = 0) {
+  let total = shippingTotal;
+  for (const item of items) {
+    const state = selections[item.id];
+    if (item.optional && state && !state.selected) continue;
+    const qty = state?.quantity ?? item.quantity;
+    const { taxAmount, discountAmount } = scaleLineCharges(item, qty);
+    total += item.unitPrice * qty + taxAmount - discountAmount;
+  }
+  return total;
+}
+
+// src/hooks.ts
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+function useQuote(token, options = {}) {
+  const client = useMemo(
+    () => new QuotesClient(options),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [options.baseUrl, options.timeoutMs]
+  );
+  const [quote, setQuote] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const [selections, setSelections] = useState({});
+  const beaconSent = useRef(false);
+  const load = useCallback(async () => {
+    setLoading(true);
+    try {
+      const q = await client.getQuote(token);
+      setQuote(q);
+      setError(null);
+      const next = {};
+      for (const item of q.currentRevision?.items ?? []) {
+        next[item.id] = { selected: item.optional ? item.optionalSelected : true, quantity: item.quantity };
+      }
+      setSelections(next);
+    } catch (e) {
+      setError(e);
+    } finally {
+      setLoading(false);
+    }
+  }, [client, token]);
+  useEffect(() => {
+    void load();
+  }, [load]);
+  useEffect(() => {
+    if (!quote || beaconSent.current) return;
+    beaconSent.current = true;
+    void client.recordView(token);
+  }, [client, quote, token]);
+  const setSelected = useCallback((itemId, selected) => {
+    setSelections((prev) => ({ ...prev, [itemId]: { ...prev[itemId] ?? { quantity: 1 }, selected } }));
+  }, []);
+  const setQuantity = useCallback((itemId, quantity) => {
+    setSelections((prev) => ({
+      ...prev,
+      [itemId]: { ...prev[itemId] ?? { selected: true }, quantity: Math.max(1, Math.floor(quantity) || 1) }
+    }));
+  }, []);
+  const total = useMemo(
+    () => computeSelectionTotal(
+      quote?.currentRevision?.items ?? [],
+      selections,
+      quote?.currentRevision?.shippingTotal ?? 0
+    ),
+    [quote, selections]
+  );
+  const buildSelections = useCallback(() => {
+    const items = quote?.currentRevision?.items ?? [];
+    const out = [];
+    for (const item of items) {
+      const state = selections[item.id];
+      if (!state) continue;
+      const sel = { itemId: item.id };
+      let include = false;
+      if (item.optional && state.selected !== item.optionalSelected) {
+        sel.selected = state.selected;
+        include = true;
+      }
+      if (item.qtyEditable && state.quantity !== item.quantity) {
+        sel.quantity = state.quantity;
+        include = true;
+      }
+      if (include) out.push(sel);
+    }
+    return out;
+  }, [quote, selections]);
+  const guard = useCallback(
+    async (fn) => {
+      setSubmitting(true);
+      try {
+        const result = await fn();
+        setError(null);
+        return result;
+      } catch (e) {
+        const err = e;
+        setError(err);
+        if (err.isSuperseded) void load();
+        throw err;
+      } finally {
+        setSubmitting(false);
+      }
+    },
+    [load]
+  );
+  const accept = useCallback(
+    async (input) => {
+      const revisionId = quote?.currentRevision?.id;
+      if (!revisionId) throw new Error("useQuote: no current revision to accept");
+      const itemSelections = buildSelections();
+      const res = await guard(
+        () => client.accept(token, {
+          ...input,
+          revisionId,
+          ...itemSelections.length ? { itemSelections } : {}
+        })
+      );
+      return { checkoutUrl: res.checkoutUrl };
+    },
+    [buildSelections, client, guard, quote, token]
+  );
+  const requestRevision = useCallback(
+    async (message, authorName) => {
+      const q = await guard(() => client.requestRevision(token, { message, authorName }));
+      setQuote(q);
+    },
+    [client, guard, token]
+  );
+  const decline = useCallback(
+    async (reason, authorName) => {
+      const q = await guard(() => client.decline(token, { reason, authorName }));
+      setQuote(q);
+    },
+    [client, guard, token]
+  );
+  const addComment = useCallback(
+    async (body, authorName) => {
+      await guard(() => client.addComment(token, { body, authorName }));
+      await load();
+    },
+    [client, guard, load, token]
+  );
+  return {
+    quote,
+    loading,
+    error,
+    refresh: load,
+    selections,
+    setSelected,
+    setQuantity,
+    total,
+    accept,
+    requestRevision,
+    decline,
+    addComment,
+    pdfUrl: client.pdfUrl(token),
+    submitting
+  };
+}
+function useQuoteRequestForm(formToken, options = {}) {
+  const client = useMemo(
+    () => new QuotesClient(options),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [options.baseUrl, options.timeoutMs]
+  );
+  const [config, setConfig] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [submitting, setSubmitting] = useState(false);
+  const [submitted, setSubmitted] = useState(false);
+  const [error, setError] = useState(null);
+  const formLoadedAt = useRef(Date.now()).current;
+  useEffect(() => {
+    let cancelled = false;
+    (async () => {
+      try {
+        const cfg = await client.getRequestForm(formToken);
+        if (!cancelled) setConfig(cfg);
+      } catch (e) {
+        if (!cancelled) setError(e);
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    })();
+    return () => {
+      cancelled = true;
+    };
+  }, [client, formToken]);
+  const submit = useCallback(
+    async (input) => {
+      setSubmitting(true);
+      try {
+        await client.submitRequest(formToken, { formLoadedAt, ...input });
+        setSubmitted(true);
+        setError(null);
+      } catch (e) {
+        setError(e);
+        throw e;
+      } finally {
+        setSubmitting(false);
+      }
+    },
+    [client, formLoadedAt, formToken]
+  );
+  return { config, loading, error, submitting, submitted, submit, formLoadedAt };
+}
+
+// src/QuoteView.tsx
+import { useState as useState2 } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var row = { display: "flex", justifyContent: "space-between", gap: 16, padding: "8px 0" };
+var muted = { color: "#666", fontSize: 13 };
+function QuoteView({ token, options, onCheckout, loadingFallback, className }) {
+  const q = useQuote(token, options ?? {});
+  const [name, setName] = useState2("");
+  const [email, setEmail] = useState2("");
+  const [showAccept, setShowAccept] = useState2(false);
+  const [comment, setComment] = useState2("");
+  if (q.loading) return /* @__PURE__ */ jsx(Fragment, { children: loadingFallback ?? /* @__PURE__ */ jsx("p", { children: "Loading quote\u2026" }) });
+  if (!q.quote) {
+    return /* @__PURE__ */ jsx("p", { children: "This quote link is no longer available." });
+  }
+  const quote = q.quote;
+  const rev = quote.currentRevision;
+  const currency = quote.currency;
+  const ordered = quote.status === "ordered";
+  const canAct = quote.status === "ready";
+  const handleAccept = async () => {
+    const { checkoutUrl } = await q.accept({ acceptedByName: name, acceptedByEmail: email });
+    if (onCheckout) onCheckout(checkoutUrl);
+    else if (typeof window !== "undefined") window.location.href = checkoutUrl;
+  };
+  return /* @__PURE__ */ jsxs("div", { className, children: [
+    /* @__PURE__ */ jsxs("header", { children: [
+      quote.branding?.displayName ? /* @__PURE__ */ jsx("p", { style: muted, children: quote.branding.displayName }) : null,
+      /* @__PURE__ */ jsxs("h1", { children: [
+        "Quote ",
+        quote.quoteNumber
+      ] }),
+      /* @__PURE__ */ jsx("p", { style: muted, children: statusLabel(quote.status) }),
+      quote.buyerReference ? /* @__PURE__ */ jsxs("p", { style: muted, children: [
+        "Your reference: ",
+        quote.buyerReference
+      ] }) : null,
+      rev ? /* @__PURE__ */ jsxs("p", { style: muted, children: [
+        "Revision ",
+        rev.revisionNumber,
+        rev.expiresAt ? ` \xB7 valid until ${new Date(rev.expiresAt).toLocaleDateString()}` : null,
+        " \xB7 ",
+        /* @__PURE__ */ jsx("a", { href: q.pdfUrl, children: "Download PDF" })
+      ] }) : null
+    ] }),
+    q.error ? /* @__PURE__ */ jsx("p", { role: "alert", children: q.error.isSuperseded ? "This quote was updated \u2014 showing the latest version." : q.error.message }) : null,
+    rev ? /* @__PURE__ */ jsxs("table", { style: { width: "100%", borderCollapse: "collapse" }, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { align: "left", children: "Item" }),
+        /* @__PURE__ */ jsx("th", { align: "right", children: "Unit price" }),
+        /* @__PURE__ */ jsx("th", { align: "right", children: "Qty" }),
+        /* @__PURE__ */ jsx("th", { align: "right", children: "Total" })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: rev.items.map((item) => {
+        const state = q.selections[item.id] ?? { selected: true, quantity: item.quantity };
+        const included = item.optional ? state.selected : true;
+        return /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsxs("td", { children: [
+            item.optional ? /* @__PURE__ */ jsxs("label", { children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: state.selected,
+                  disabled: !canAct,
+                  onChange: (e) => q.setSelected(item.id, e.target.checked)
+                }
+              ),
+              " ",
+              item.name,
+              " ",
+              /* @__PURE__ */ jsx("span", { style: muted, children: "optional" })
+            ] }) : item.name,
+            item.description ? /* @__PURE__ */ jsx("div", { style: muted, children: item.description }) : null
+          ] }),
+          /* @__PURE__ */ jsx("td", { align: "right", children: formatMoney(item.unitPrice, currency) }),
+          /* @__PURE__ */ jsx("td", { align: "right", children: item.qtyEditable && canAct ? /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "number",
+              min: 1,
+              value: state.quantity,
+              disabled: !included,
+              "aria-label": `Quantity for ${item.name}`,
+              onChange: (e) => q.setQuantity(item.id, Number(e.target.value)),
+              style: { width: 64 }
+            }
+          ) : state.quantity }),
+          /* @__PURE__ */ jsx("td", { align: "right", children: included ? formatMoney(
+            item.unitPrice * state.quantity + item.taxAmount - item.discountAmount,
+            currency
+          ) : formatMoney(0, currency) })
+        ] }, item.id);
+      }) })
+    ] }) : null,
+    rev ? /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsxs("div", { style: row, children: [
+        /* @__PURE__ */ jsx("strong", { children: "Total" }),
+        /* @__PURE__ */ jsx("strong", { children: formatMoney(q.total, currency) })
+      ] }),
+      /* @__PURE__ */ jsx("p", { style: muted, children: termsLabel(rev.paymentTerms, rev.depositAmount, currency) }),
+      rev.leadTime ? /* @__PURE__ */ jsxs("p", { style: muted, children: [
+        "Lead time: ",
+        rev.leadTime
+      ] }) : null,
+      rev.buyerNote ? /* @__PURE__ */ jsx("blockquote", { children: rev.buyerNote }) : null
+    ] }) : null,
+    ordered ? /* @__PURE__ */ jsxs("p", { children: [
+      "Ordered",
+      quote.orderId ? ` \u2014 order ${quote.orderId}` : "",
+      ". Thank you."
+    ] }) : canAct ? /* @__PURE__ */ jsxs("section", { children: [
+      showAccept ? /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit: (e) => {
+            e.preventDefault();
+            void handleAccept();
+          },
+          children: [
+            /* @__PURE__ */ jsxs("label", { children: [
+              "Your name",
+              /* @__PURE__ */ jsx("input", { value: name, onChange: (e) => setName(e.target.value), required: true })
+            ] }),
+            /* @__PURE__ */ jsxs("label", { children: [
+              "Email",
+              /* @__PURE__ */ jsx("input", { type: "email", value: email, onChange: (e) => setEmail(e.target.value), required: true })
+            ] }),
+            /* @__PURE__ */ jsx("button", { type: "submit", disabled: q.submitting || !name || !email, children: "Confirm & continue to payment" })
+          ]
+        }
+      ) : /* @__PURE__ */ jsx("button", { type: "button", onClick: () => setShowAccept(true), children: "Accept & checkout" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          disabled: q.submitting,
+          onClick: () => void q.requestRevision("Please revise this quote.", name || void 0),
+          children: "Request changes"
+        }
+      ),
+      /* @__PURE__ */ jsx("button", { type: "button", disabled: q.submitting, onClick: () => void q.decline(void 0, name || void 0), children: "Decline" })
+    ] }) : null,
+    quote.revisionHistory.length > 0 ? /* @__PURE__ */ jsxs("details", { children: [
+      /* @__PURE__ */ jsxs("summary", { children: [
+        "Previous versions (",
+        quote.revisionHistory.length,
+        ")"
+      ] }),
+      /* @__PURE__ */ jsx("ul", { children: quote.revisionHistory.map((r) => /* @__PURE__ */ jsxs("li", { children: [
+        "Revision ",
+        r.revisionNumber,
+        " \u2014 ",
+        formatMoney(r.total, currency),
+        r.changeSummary ? ` \xB7 ${r.changeSummary}` : ""
+      ] }, r.id)) })
+    ] }) : null,
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h2", { children: "Questions" }),
+      quote.comments.map((c) => /* @__PURE__ */ jsxs("p", { children: [
+        /* @__PURE__ */ jsxs("strong", { children: [
+          c.authorName ?? (c.authorType === "merchant" ? "Seller" : "You"),
+          ":"
+        ] }),
+        " ",
+        c.body
+      ] }, c.id)),
+      /* @__PURE__ */ jsxs(
+        "form",
+        {
+          onSubmit: (e) => {
+            e.preventDefault();
+            const body = comment.trim();
+            if (!body) return;
+            setComment("");
+            void q.addComment(body, name || void 0);
+          },
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: comment,
+                onChange: (e) => setComment(e.target.value),
+                placeholder: "Ask a question\u2026",
+                "aria-label": "Ask a question"
+              }
+            ),
+            /* @__PURE__ */ jsx("button", { type: "submit", disabled: q.submitting || !comment.trim(), children: "Send" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+function statusLabel(status) {
+  switch (status) {
+    case "in_progress":
+      return "We are preparing your quote";
+    case "ready":
+      return "Ready for your review";
+    case "being_revised":
+      return "We are revising this quote";
+    case "accepted":
+      return "Accepted \u2014 completing payment";
+    case "ordered":
+      return "Ordered";
+    case "declined":
+      return "Declined";
+    case "expired":
+      return "This quote has expired \u2014 request updated pricing";
+    default:
+      return status;
+  }
+}
+function termsLabel(terms, depositAmount, currency) {
+  if (terms.mode === "net_terms") return `Payment terms: Net ${terms.netN}`;
+  if (terms.mode === "deposit_balance") {
+    const dep = depositAmount != null ? formatMoney(depositAmount, currency) : "a deposit";
+    return `${dep} due today, balance Net ${terms.balanceNetN}`;
+  }
+  return "Payment in full";
+}
+
+// src/QuoteRequestForm.tsx
+import { useState as useState3 } from "react";
+import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var honeypotStyle = {
+  position: "absolute",
+  width: 1,
+  height: 1,
+  padding: 0,
+  margin: -1,
+  overflow: "hidden",
+  clip: "rect(0 0 0 0)",
+  whiteSpace: "nowrap",
+  border: 0
+};
+function QuoteRequestForm({
+  formToken,
+  options,
+  turnstileToken,
+  onSubmitted,
+  loadingFallback,
+  className
+}) {
+  const f = useQuoteRequestForm(formToken, options ?? {});
+  const [values, setValues] = useState3({
+    email: "",
+    name: "",
+    companyName: "",
+    phone: "",
+    buyerReference: "",
+    message: "",
+    website: ""
+    // honeypot
+  });
+  const set = (k) => (e) => setValues((prev) => ({ ...prev, [k]: e.target.value }));
+  if (f.loading) return /* @__PURE__ */ jsx2(Fragment2, { children: loadingFallback ?? /* @__PURE__ */ jsx2("p", { children: "Loading\u2026" }) });
+  if (!f.config) return /* @__PURE__ */ jsx2("p", { children: "This request form is not available." });
+  if (f.submitted) {
+    const redirect = f.config.redirectUrl;
+    if (redirect && /^https?:\/\//i.test(redirect) && typeof window !== "undefined") {
+      window.location.href = redirect;
+    }
+    return /* @__PURE__ */ jsx2("p", { children: f.config.successMessage ?? "Thanks \u2014 we will be in touch shortly." });
+  }
+  const fields = f.config.fields ?? {};
+  return /* @__PURE__ */ jsxs2(
+    "form",
+    {
+      className,
+      onSubmit: (e) => {
+        e.preventDefault();
+        void f.submit({
+          email: values.email,
+          message: values.message,
+          name: values.name || null,
+          companyName: fields.companyName ? values.companyName || null : null,
+          phone: fields.phone ? values.phone || null : null,
+          buyerReference: fields.buyerReference ? values.buyerReference || null : null,
+          website: values.website || null,
+          ...turnstileToken ? { turnstileToken } : {}
+        }).then(() => onSubmitted?.()).catch(() => {
+        });
+      },
+      children: [
+        f.config.title ? /* @__PURE__ */ jsx2("h1", { children: f.config.title }) : null,
+        f.config.introText ? /* @__PURE__ */ jsx2("p", { children: f.config.introText }) : null,
+        f.error ? /* @__PURE__ */ jsx2("p", { role: "alert", children: f.error.message }) : null,
+        /* @__PURE__ */ jsxs2("label", { children: [
+          "Email",
+          /* @__PURE__ */ jsx2("input", { type: "email", value: values.email, onChange: set("email"), required: true })
+        ] }),
+        /* @__PURE__ */ jsxs2("label", { children: [
+          "Name",
+          /* @__PURE__ */ jsx2("input", { value: values.name, onChange: set("name") })
+        ] }),
+        fields.companyName ? /* @__PURE__ */ jsxs2("label", { children: [
+          "Company",
+          /* @__PURE__ */ jsx2("input", { value: values.companyName, onChange: set("companyName") })
+        ] }) : null,
+        fields.phone ? /* @__PURE__ */ jsxs2("label", { children: [
+          "Phone",
+          /* @__PURE__ */ jsx2("input", { value: values.phone, onChange: set("phone") })
+        ] }) : null,
+        fields.buyerReference ? /* @__PURE__ */ jsxs2("label", { children: [
+          "Your reference #",
+          /* @__PURE__ */ jsx2("input", { value: values.buyerReference, onChange: set("buyerReference") })
+        ] }) : null,
+        /* @__PURE__ */ jsxs2("label", { children: [
+          "What do you need?",
+          /* @__PURE__ */ jsx2("textarea", { value: values.message, onChange: set("message"), required: true })
+        ] }),
+        /* @__PURE__ */ jsx2("div", { style: honeypotStyle, "aria-hidden": "true", children: /* @__PURE__ */ jsxs2("label", { children: [
+          "Website",
+          /* @__PURE__ */ jsx2(
+            "input",
+            {
+              name: "website",
+              tabIndex: -1,
+              autoComplete: "off",
+              value: values.website,
+              onChange: set("website")
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ jsx2("button", { type: "submit", disabled: f.submitting || !values.email || !values.message, children: f.submitting ? "Sending\u2026" : "Request a quote" })
+      ]
+    }
+  );
+}
+export {
+  QuoteRequestForm,
+  QuoteView,
+  QuotesClient,
+  ThrottleQuotesError,
+  computeSelectionTotal,
+  createQuotesClient,
+  formatMoney,
+  scaleLineCharges,
+  useQuote,
+  useQuoteRequestForm
+};
+//# sourceMappingURL=index.js.map