@usethrottle/quotes 0.6.0 → 0.8.0

package/README.md

@@ -36,7 +36,8 @@ The default markup is intentionally plain. For your own presentation, use the
 hook and render whatever you like:
 
 ```tsx
-import { useQuote, formatMoney } from '@usethrottle/quotes';
+import { useQuote } from '@usethrottle/quotes';
+import { formatMoney } from '@usethrottle/money';
 
 function MyQuote({ token }: { token: string }) {
   const { quote, total, selections, setQuantity, setSelected, accept, error } = useQuote(token);
@@ -224,6 +225,15 @@ if (item.recurring) {
 the rule the server charges by. Subscription quotes must be pay-in-full: a
 rep cannot issue one on net terms or with a deposit.
 
+## Money
+
+Amounts are integers in the quote's minor unit; show them with
+`formatMoney(amount, quote.currency)` from `@usethrottle/money`. This package
+re-exports it as the `money` namespace (`money.formatMoney`) plus the
+`CurrencyCode` and `MoneyValue` types. The root `formatMoney(minor, currency,
+locale?)` is deprecated: it ignores the locale and prints what
+`@usethrottle/money` prints.
+
 ## License
 
 MIT

package/dist/index.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,28 +17,49 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.tsx
 var index_exports = {};
 __export(index_exports, {
+  CURRENCIES: () => import_money3.CURRENCIES,
   QuoteRequestForm: () => QuoteRequestForm,
   QuoteView: () => QuoteView,
   QuotesClient: () => QuotesClient,
   ThrottleQuotesError: () => ThrottleQuotesError,
+  UnknownCurrencyError: () => import_money3.UnknownCurrencyError,
   computeSelectionTotal: () => computeSelectionTotal,
   createQuoteCart: () => createQuoteCart,
   createQuotesClient: () => createQuotesClient,
+  currencySymbol: () => import_money3.currencySymbol,
   formatMoney: () => formatMoney,
   isFreeTrialLine: () => isFreeTrialLine,
+  isKnownCurrency: () => import_money3.isKnownCurrency,
   lineDueAtAcceptance: () => lineDueAtAcceptance,
+  minorUnitsOf: () => import_money3.minorUnitsOf,
+  money: () => money,
+  moneyValue: () => import_money3.moneyValue,
+  parseMoney: () => import_money3.parseMoney,
   scaleLineCharges: () => scaleLineCharges,
+  toDecimalString: () => import_money3.toDecimalString,
+  toMinor: () => import_money3.toMinor,
   useQuote: () => useQuote,
   useQuoteCart: () => useQuoteCart,
   useQuoteRequestForm: () => useQuoteRequestForm
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/client.ts
+var import_money = require("@usethrottle/money");
+
 // src/errors.ts
 var import_errors = require("@usethrottle/errors");
 var ThrottleQuotesError = class extends import_errors.ThrottleError {
@@ -190,7 +213,8 @@ function createQuotesClient(opts = {}) {
   return new QuotesClient(opts);
 }
 function formatMoney(minorUnits, currency, locale) {
-  return new Intl.NumberFormat(locale, { style: "currency", currency }).format(minorUnits / 100);
+  void locale;
+  return (0, import_money.formatMoney)(minorUnits, currency);
 }
 function scaleLineCharges(item, quantity) {
   const base = item.quantity;
@@ -602,12 +626,12 @@ function cadenceNoun(cadence) {
   }
   return cadence.interval;
 }
-function recurringTermsLabel(terms, price, money) {
+function recurringTermsLabel(terms, price, money2) {
   const quantity = price.quantity ?? 1;
   if (terms.schedule && terms.schedule.length > 0) {
-    return `${money(scheduleUnitTotal(terms.schedule) * quantity)} total \xB7 ${terms.schedule.length} payments`;
+    return `${money2(scheduleUnitTotal(terms.schedule) * quantity)} total \xB7 ${terms.schedule.length} payments`;
   }
-  const each = money(price.unitPrice * quantity);
+  const each = money2(price.unitPrice * quantity);
   const noun = cadenceNoun(terms);
   const trialDays = terms.trialDays ?? 0;
   if (trialDays > 0) return `Free for ${trialDays} day${trialDays === 1 ? "" : "s"}, then ${each} / ${noun}`;
@@ -615,6 +639,7 @@ function recurringTermsLabel(terms, price, money) {
 }
 
 // src/QuoteView.tsx
+var import_money2 = require("@usethrottle/money");
 var import_jsx_runtime = require("react/jsx-runtime");
 var row = { display: "flex", justifyContent: "space-between", gap: 16, padding: "8px 0" };
 var muted = { color: "#666", fontSize: 13 };
@@ -696,10 +721,10 @@ function QuoteView({ token, options, onCheckout, loadingFallback, className }) {
             item.description ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: muted, children: item.description }) : null,
             item.recurring ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: muted, children: [
               "Subscription \xB7 ",
-              recurringTermsLabel(item.recurring, { unitPrice: item.unitPrice, quantity: state.quantity }, (m) => formatMoney(m, currency))
+              recurringTermsLabel(item.recurring, { unitPrice: item.unitPrice, quantity: state.quantity }, (m) => (0, import_money2.formatMoney)(m, currency))
             ] }) : null
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { align: "right", children: formatMoney(item.unitPrice, currency) }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { align: "right", children: (0, import_money2.formatMoney)(item.unitPrice, currency) }),
           /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { align: "right", children: item.qtyEditable && canAct ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "input",
             {
@@ -712,21 +737,21 @@ function QuoteView({ token, options, onCheckout, loadingFallback, className }) {
               style: { width: 64 }
             }
           ) : state.quantity }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { align: "right", children: formatMoney(included ? lineDueAtAcceptance(item, state.quantity) : 0, currency) })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { align: "right", children: (0, import_money2.formatMoney)(included ? lineDueAtAcceptance(item, state.quantity) : 0, currency) })
         ] }, item.id);
       }) })
     ] }) : null,
     rev ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: row, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: recurringKept.length > 0 ? "Due at acceptance" : "Total" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: formatMoney(q.total, currency) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: (0, import_money2.formatMoney)(q.total, currency) })
       ] }),
       recurringKept.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: muted, children: "Recurring after" }),
         recurringKept.map((i) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { style: muted, children: [
           i.name,
           ": ",
-          recurringTermsLabel(i.recurring, { unitPrice: i.unitPrice, quantity: q.selections[i.id]?.quantity ?? i.quantity }, (m) => formatMoney(m, currency))
+          recurringTermsLabel(i.recurring, { unitPrice: i.unitPrice, quantity: q.selections[i.id]?.quantity ?? i.quantity }, (m) => (0, import_money2.formatMoney)(m, currency))
         ] }, i.id))
       ] }) : null,
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: muted, children: termsLabel(rev.paymentTerms, rev.depositAmount, currency) }),
@@ -790,7 +815,7 @@ function QuoteView({ token, options, onCheckout, loadingFallback, className }) {
         "Revision ",
         r.revisionNumber,
         " \u2014 ",
-        formatMoney(r.total, currency),
+        (0, import_money2.formatMoney)(r.total, currency),
         r.changeSummary ? ` \xB7 ${r.changeSummary}` : ""
       ] }, r.id)) })
     ] }) : null,
@@ -854,7 +879,7 @@ function statusLabel(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";
+    const dep = depositAmount != null ? (0, import_money2.formatMoney)(depositAmount, currency) : "a deposit";
     return `${dep} due today, balance Net ${terms.balanceNetN}`;
   }
   return "Payment in full";
@@ -891,6 +916,12 @@ function QuoteRequestForm({
     companyName: "",
     phone: "",
     buyerReference: "",
+    addressLine1: "",
+    addressLine2: "",
+    city: "",
+    stateProvince: "",
+    postalCode: "",
+    countryCode: "",
     message: "",
     website: ""
     // honeypot
@@ -920,6 +951,16 @@ function QuoteRequestForm({
           companyName: fields.companyName ? values.companyName || null : null,
           phone: fields.phone ? values.phone || null : null,
           buyerReference: fields.buyerReference ? values.buyerReference || null : null,
+          ...fields.shippingAddress ? {
+            shippingAddress: {
+              addressLine1: values.addressLine1 || null,
+              addressLine2: values.addressLine2 || null,
+              city: values.city || null,
+              stateProvince: values.stateProvince || null,
+              postalCode: values.postalCode || null,
+              countryCode: values.countryCode || null
+            }
+          } : {},
           website: values.website || null,
           ...turnstileToken ? { turnstileToken } : {}
         }).then(() => onSubmitted?.()).catch(() => {
@@ -945,6 +986,33 @@ function QuoteRequestForm({
           "Phone",
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: values.phone, onChange: set("phone") })
         ] }) : null,
+        fields.shippingAddress ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("fieldset", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("legend", { children: "Shipping address (optional)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            "Address line 1",
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: values.addressLine1, onChange: set("addressLine1") })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            "Address line 2",
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: values.addressLine2, onChange: set("addressLine2") })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            "City",
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: values.city, onChange: set("city") })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            "State / province",
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: values.stateProvince, onChange: set("stateProvince") })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            "Postal code",
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: values.postalCode, onChange: set("postalCode") })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
+            "Country code (e.g. US)",
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: values.countryCode, onChange: set("countryCode"), maxLength: 2 })
+          ] })
+        ] }) : null,
         fields.buyerReference ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { children: [
           "Your reference #",
           /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("input", { value: values.buyerReference, onChange: set("buyerReference") })
@@ -992,19 +1060,33 @@ function QuoteRequestForm({
     }
   );
 }
+
+// src/index.tsx
+var money = __toESM(require("@usethrottle/money"), 1);
+var import_money3 = require("@usethrottle/money");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  CURRENCIES,
   QuoteRequestForm,
   QuoteView,
   QuotesClient,
   ThrottleQuotesError,
+  UnknownCurrencyError,
   computeSelectionTotal,
   createQuoteCart,
   createQuotesClient,
+  currencySymbol,
   formatMoney,
   isFreeTrialLine,
+  isKnownCurrency,
   lineDueAtAcceptance,
+  minorUnitsOf,
+  money,
+  moneyValue,
+  parseMoney,
   scaleLineCharges,
+  toDecimalString,
+  toMinor,
   useQuote,
   useQuoteCart,
   useQuoteRequestForm