@usethrottle/auth 0.12.0 → 0.13.0

package/dist/react/components/index.cjs

@@ -1,8 +1,10 @@
 "use client";
 "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 __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
@@ -19,6 +21,14 @@ 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/errors.ts
@@ -3608,22 +3618,8 @@ var init_PaymentMethodsPanel = __esm({
 
 // src/react/components/format.ts
 function formatMoney(minorUnits, currency, locale) {
-  const code = (currency || "USD").toUpperCase();
-  let digits = 2;
-  try {
-    digits = new Intl.NumberFormat("en-US", { style: "currency", currency: code }).resolvedOptions().maximumFractionDigits ?? 2;
-  } catch {
-  }
-  const major = minorUnits / 10 ** digits;
-  try {
-    return new Intl.NumberFormat(locale, { style: "currency", currency: code }).format(major);
-  } catch {
-    try {
-      return new Intl.NumberFormat("en-US", { style: "currency", currency: code }).format(major);
-    } catch {
-      return `${code} ${major.toFixed(digits)}`;
-    }
-  }
+  void locale;
+  return (0, import_money.formatMoney)(minorUnits, currency);
 }
 function formatDate(value, locale) {
   const date = value instanceof Date ? value : new Date(value);
@@ -3649,9 +3645,11 @@ function scheduleDueLabel(row, locale) {
     return `${new Intl.DateTimeFormat("en-US", opts).format(date)} UTC`;
   }
 }
+var import_money;
 var init_format = __esm({
   "src/react/components/format.ts"() {
     "use strict";
+    import_money = require("@usethrottle/money");
   }
 });
 
@@ -3667,10 +3665,10 @@ function OrderStatus(props) {
   const labels = props.t.orders.statusLabels;
   const payLabels = props.t.orders.paymentLabels;
   const lifecycle = labels[copyKey(props.status)] ?? props.status.replace(/_/g, " ");
-  const money = props.paymentStatus ? payLabels[copyKey(props.paymentStatus)] : void 0;
+  const money2 = props.paymentStatus ? payLabels[copyKey(props.paymentStatus)] : void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Badge, { tone: TERMINAL_STATUSES.has(props.status) ? "muted" : "neutral", children: lifecycle }),
-    money ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Badge, { tone: ATTENTION_PAYMENT_STATES.has(props.paymentStatus) ? "warning" : "neutral", children: money }) : null
+    money2 ? /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(Badge, { tone: ATTENTION_PAYMENT_STATES.has(props.paymentStatus) ? "warning" : "neutral", children: money2 }) : null
   ] });
 }
 var import_jsx_runtime36, ATTENTION_PAYMENT_STATES, TERMINAL_STATUSES;
@@ -3811,7 +3809,7 @@ function OrderDetail(props) {
               subscriptionId: li.subscriptionId ?? null
             }))
           };
-          const money = (v) => formatMoney(v, order.currency, locale);
+          const money2 = (v) => formatMoney(v, order.currency, locale);
           const paid = SETTLED_PAYMENT.has(order.paymentStatus);
           const showCancel = allowCancel && CAN_CANCEL.has(order.status) && !paid;
           const showReorder = !!props.onReorder && (CAN_REORDER.has(order.status) || !!props.reorderOnPaid && REORDER_PAID_PAYMENT.has(order.paymentStatus));
@@ -3837,10 +3835,10 @@ function OrderDetail(props) {
                       " ",
                       item.quantity,
                       " \xD7 ",
-                      money(item.unitPrice)
+                      money2(item.unitPrice)
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: money(item.total) })
+                  /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: money2(item.total) })
                 ] }, item.id)) })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
@@ -3878,13 +3876,13 @@ function OrderDetail(props) {
             /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("aside", { ...a.el("orderDetail.rail", "throttle-detail__rail"), children: [
               /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "throttle-detail__section", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "throttle-detail__label", children: t.orders.total }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "throttle-detail__headline", children: money(order.total) })
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "throttle-detail__headline", children: money2(order.total) })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { ...a.el("orderDetail.totals", "throttle-totals"), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Line, { label: t.orders.subtotal, value: money(order.subtotal) }),
-                order.discountTotal ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Line, { label: t.orders.discount, value: money(-order.discountTotal) }) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Line, { label: t.orders.shipping, value: money(order.shippingTotal) }),
-                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Line, { label: t.orders.tax, value: money(order.taxTotal) })
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Line, { label: t.orders.subtotal, value: money2(order.subtotal) }),
+                order.discountTotal ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Line, { label: t.orders.discount, value: money2(-order.discountTotal) }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Line, { label: t.orders.shipping, value: money2(order.shippingTotal) }),
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Line, { label: t.orders.tax, value: money2(order.taxTotal) })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { ...a.el("orderDetail.actions", "throttle-detail__actions"), children: [
                 props.onPayNow && CAN_PAY.has(order.status) ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { elementKey: "orderDetail.payButton", onClick: () => props.onPayNow(target), children: t.orders.payNow }) : null,
@@ -4140,7 +4138,7 @@ function InvoiceDetail(props) {
     ) : null,
     error ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Alert, { tone: "error", children: error }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PanelState, { resource, isEmpty: (i) => i === null, emptyTitle: t.invoices.empty, skeletonRows: 4, children: (invoice) => {
-      const money = (v) => formatMoney(v, invoice.currency, locale);
+      const money2 = (v) => formatMoney(v, invoice.currency, locale);
       const lines = invoice.lineItems ?? [];
       const partOfOrder = invoice.orderTotal != null;
       const isDepositReceipt = partOfOrder && invoice.balanceDue != null;
@@ -4169,23 +4167,23 @@ function InvoiceDetail(props) {
                   " ",
                   item.quantity,
                   " \xD7 ",
-                  money(item.unitPrice)
+                  money2(item.unitPrice)
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: money(item.total) })
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { children: money2(item.total) })
             ] }, i)) })
           ] }) : null
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("aside", { ...a.el("invoiceDetail.rail", "throttle-detail__rail"), children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "throttle-detail__section", children: [
             /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "throttle-detail__label", children: headlineLabel }),
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "throttle-detail__headline", children: money(invoice.total) })
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "throttle-detail__headline", children: money2(invoice.total) })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ...a.el("invoiceDetail.totals", "throttle-totals"), children: [
-            partOfOrder ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.orderTotal, value: money(invoice.orderTotal) }) : null,
-            partOfOrder && invoice.amountPaid ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.amountPaid, value: `-${money(invoice.amountPaid)}` }) : null,
-            partOfOrder && invoice.compWaived ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.waived, value: `-${money(invoice.compWaived)}` }) : null,
-            isDepositReceipt && invoice.balanceDue ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.balanceDue, value: money(invoice.balanceDue) }) : null,
+            partOfOrder ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.orderTotal, value: money2(invoice.orderTotal) }) : null,
+            partOfOrder && invoice.amountPaid ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.amountPaid, value: `-${money2(invoice.amountPaid)}` }) : null,
+            partOfOrder && invoice.compWaived ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.waived, value: `-${money2(invoice.compWaived)}` }) : null,
+            isDepositReceipt && invoice.balanceDue ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.balanceDue, value: money2(invoice.balanceDue) }) : null,
             invoice.dueAt ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.due, value: formatDate(invoice.dueAt, locale) }) : null,
             invoice.periodStart && invoice.periodEnd ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
               Line2,
@@ -4194,7 +4192,7 @@ function InvoiceDetail(props) {
                 value: `${formatDate(invoice.periodStart, locale)} \u2013 ${formatDate(invoice.periodEnd, locale)}`
               }
             ) : null,
-            invoice.amountRefunded ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.refunded, value: money(invoice.amountRefunded) }) : null
+            invoice.amountRefunded ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Line2, { label: t.invoices.refunded, value: money2(invoice.amountRefunded) }) : null
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { ...a.el("invoiceDetail.actions", "throttle-detail__actions"), children: [
             props.onPay && PAYABLE.has(invoice.status) ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
@@ -4454,6 +4452,14 @@ var init_subscription_line = __esm({
   }
 });
 
+// ../core-cadence/src/plan-id.ts
+var init_plan_id = __esm({
+  "../core-cadence/src/plan-id.ts"() {
+    "use strict";
+    init_cadence();
+  }
+});
+
 // ../core-cadence/src/index.ts
 var init_src = __esm({
   "../core-cadence/src/index.ts"() {
@@ -4464,6 +4470,7 @@ var init_src = __esm({
     init_recurring_terms();
     init_subscription_line();
     init_schedule();
+    init_plan_id();
   }
 });
 
@@ -5100,6 +5107,7 @@ __export(components_exports, {
   AddressesPanel: () => AddressesPanel,
   AuthFlow: () => AuthFlow,
   AuthModal: () => AuthModal,
+  CURRENCIES: () => import_money2.CURRENCIES,
   ForgotPassword: () => ForgotPassword,
   InvoiceDetail: () => InvoiceDetail,
   InvoicesPanel: () => InvoicesPanel,
@@ -5126,16 +5134,25 @@ __export(components_exports, {
   ThrottleAuthError: () => ThrottleAuthError,
   ThrottleAuthProvider: () => ThrottleAuthProvider,
   ThrottleProvider: () => ThrottleProvider,
+  UnknownCurrencyError: () => import_money2.UnknownCurrencyError,
   UserButton: () => UserButton,
   VerifyEmail: () => VerifyEmail,
   VerifyEmailBanner: () => VerifyEmailBanner,
   createAccount: () => createAccount,
   createThrottleAuth: () => createThrottleAuth,
+  currencySymbol: () => import_money2.currencySymbol,
   enUS: () => enUS,
   formatDate: () => formatDate,
   formatMoney: () => formatMoney,
+  isKnownCurrency: () => import_money2.isKnownCurrency,
   localStorageAdapter: () => localStorageAdapter,
   memoryStorage: () => memoryStorage,
+  minorUnitsOf: () => import_money2.minorUnitsOf,
+  money: () => money,
+  moneyValue: () => import_money2.moneyValue,
+  parseMoney: () => import_money2.parseMoney,
+  toDecimalString: () => import_money2.toDecimalString,
+  toMinor: () => import_money2.toMinor,
   useAddresses: () => useAddresses,
   useAuth: () => useAuth,
   useAuthContext: () => useAuthContext,
@@ -5537,10 +5554,6 @@ var THROTTLE_STYLES = `
   .throttle-addresses { grid-template-columns: 1fr; }
   .throttle-fieldrow { grid-template-columns: 1fr; }
   .throttle-tabs__rail { width: 100%; }
-  /* One column, and the rail stops sticking \u2014 on a phone a sticky summary
-     covers the very line items it is summarising. */
-  .throttle-detail { grid-template-columns: 1fr; }
-  .throttle-detail__rail { position: static; }
 }
 
 .throttle-table { width: 100%; border-collapse: collapse; text-align: left; }
@@ -5654,6 +5667,13 @@ var THROTTLE_STYLES = `
   border-radius: var(--throttle-radius-md);
   background: var(--throttle-color-surface);
 }
+/* One column, and the rail stops sticking \u2014 on a phone a sticky summary covers
+   the very line items it is summarising. Placed AFTER the base rules above: a
+   container query adds no specificity, so the later rule wins. */
+@container (max-width: 560px) {
+  .throttle-detail { grid-template-columns: 1fr; }
+  .throttle-detail__rail { position: static; }
+}
 /* The one number the buyer came for. */
 .throttle-detail__headline { font-size: var(--throttle-font-size-xl); font-weight: 600; line-height: 1.2; }
 .throttle-detail__section { display: flex; flex-direction: column; gap: var(--throttle-space-2); }
@@ -6203,6 +6223,8 @@ init_client();
 init_errors();
 init_storage();
 init_account();
+var money = __toESM(require("@usethrottle/money"), 1);
+var import_money2 = require("@usethrottle/money");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ACCOUNT_TABS,
@@ -6212,6 +6234,7 @@ init_account();
   AddressesPanel,
   AuthFlow,
   AuthModal,
+  CURRENCIES,
   ForgotPassword,
   InvoiceDetail,
   InvoicesPanel,
@@ -6238,16 +6261,25 @@ init_account();
   ThrottleAuthError,
   ThrottleAuthProvider,
   ThrottleProvider,
+  UnknownCurrencyError,
   UserButton,
   VerifyEmail,
   VerifyEmailBanner,
   createAccount,
   createThrottleAuth,
+  currencySymbol,
   enUS,
   formatDate,
   formatMoney,
+  isKnownCurrency,
   localStorageAdapter,
   memoryStorage,
+  minorUnitsOf,
+  money,
+  moneyValue,
+  parseMoney,
+  toDecimalString,
+  toMinor,
   useAddresses,
   useAuth,
   useAuthContext,