@kerne/react 0.1.3 → 1.1.0

package/README.md

@@ -44,20 +44,32 @@ function LoginForm() {
 
 ## Gating a feature
 
-`Allows` (and the underlying `useAccess` hook) check the logged-in user automatically - no scope to pass, the SDK already knows who's authenticated.
+`Access` (and the underlying `useAccess` hook) check the logged-in user automatically - no scope to pass, the SDK already knows who's authenticated.
 
 ```tsx
-import { Allows } from '@kerne/react';
+import { Access } from '@kerne/react';
 
 function ExportButton() {
   return (
-    <Allows featureKey="export_pdf" fallback={<UpgradePrompt />}>
+    <Access featureKey="export_pdf" fallback={<UpgradePrompt />}>
       <button onClick={exportPdf}>Export as PDF</button>
-    </Allows>
+    </Access>
   );
 }
 ```
 
+Pass `requested` to check a quantity before it's spent, not after - useful right before a batch action:
+
+```tsx
+<Access
+  featureKey="ai_credits"
+  requested={5}
+  fallback={<UpgradePrompt reason="Not enough credits for batch processing" />}
+>
+  <BatchProcessButton count={5} />
+</Access>
+```
+
 For the full detail behind a check (limit/used/remaining, not just a boolean), read `details` from the same hook - `const { allowed, details } = useAccess('api_calls')`.
 
 ## Checkout & billing portal
@@ -75,8 +87,9 @@ const { openPortal } = usePortal();
 - `useUser`: the current authenticated user's profile.
 - `useAccess`: feature access - `allowed` for the go/no-go, `details` for limit/used/remaining.
 - `useUsage`, `useEntitlements`: usage and full entitlement lists for the current user.
-- `useSubscription`, `usePlans`: the current subscription and the tenant's public plan catalog.
+- `useSubscription`, `usePlans`: the current subscription (with `refetch`) and the tenant's public plan catalog.
 - `useCheckout`, `usePortal`: hosted checkout and billing-portal sessions.
+- `useCancelSubscription`, `useChangePlan`: cancel or switch plan. Both act on the payment provider first, then on Kerne, so a cancellation really stops the next invoice.
 
 ## Documentation
 

package/dist/{chunk-F6NV76OR.js → chunk-IZMRK3WK.js}

@@ -185,9 +185,20 @@ var defaultLocalization = {
     freePlan: "You are on the free plan.",
     seePlans: "See plans",
     cancelNotice: "Your plan is set to end - you keep access until the date above.",
+    cancelSubscription: "Cancel subscription",
+    canceling: "Canceling...",
+    cancelConfirmTitle: "Cancel your subscription?",
+    cancelConfirmBody: "You'll keep access until the end of the current billing period.",
+    cancelConfirmButton: "Yes, cancel",
+    cancelConfirmDismiss: "Never mind",
     changePlan: "Change plan",
     current: "Current",
     switchTo: "Switch",
+    switching: "Switching...",
+    switchConfirmTitle: "Switch to {plan}?",
+    switchConfirmBody: "This applies right away, and your next invoice reflects the price difference for the rest of this period.",
+    switchConfirmButton: "Yes, switch",
+    switchConfirmDismiss: "Never mind",
     noPlans: "No other plans are available right now.",
     notOnInterval: "Not available on this interval",
     loadFailed: "Could not load your plan right now.",
@@ -212,11 +223,23 @@ var defaultLocalization = {
     subtitle: "Counted against your plan for the current period.",
     used: "{count} used",
     nothingMetered: "Nothing metered on your plan - you have no usage limits to watch.",
-    overage: "{count} over your included amount - billed as overage.",
+    overage: "{count} over your included amount - at no extra charge.",
+    overageBilled: "{count} over your included amount - the extra is billed on top of your plan.",
     limitReached: "You have reached your limit.",
+    capReached: "You've reached your billing cap for this period - everything past this is free.",
+    billedAmount: "{amount} billed this period.",
     loading: "Loading usage",
     loadFailed: "Could not load your usage right now."
   },
+  pricing: {
+    getStarted: "Get started",
+    billedAt: "Billed {amount} / {interval}",
+    save: "Save {percent}%",
+    unlimited: "Unlimited",
+    moreFeatures: "+{count} more",
+    loading: "Loading plans",
+    loadFailed: "Could not load plans right now."
+  },
   checkout: {
     confirmingTitle: "Confirming your payment",
     confirmingBody: "This takes a few seconds - please keep this tab open.",
@@ -714,7 +737,7 @@ var KerneClient = class {
    * caught everything and returned `false`) - a 401/500 must not be
    * indistinguishable from a real denial, that's exactly what let the
    * `has_access`/`allowed` mismatch below ship unnoticed. Callers that want
-   * a fail-closed boolean regardless of the reason (e.g. `<Allows>`)
+   * a fail-closed boolean regardless of the reason (e.g. `<Access>`)
    * catch around this themselves.
    */
   async allows(featureKey, requested) {
@@ -744,13 +767,21 @@ var KerneClient = class {
   async getSubscription(productSlug) {
     const subs = await this.kerne.billing.subscriptions.list({
       productSlug,
-      scopeType: "USER"
+      subjectType: "USER"
     });
     const active = subs.find(
       (s) => s.status === "ACTIVE" || s.status === "TRIALING" || s.status === "PAST_DUE"
     );
     return active ?? null;
   }
+  /** `immediately: true` ends it now; otherwise cancels at period end (API default). */
+  async cancelSubscription(subscriptionId, immediately) {
+    return this.kerne.billing.subscriptions.cancel(subscriptionId, immediately);
+  }
+  /** Swaps the plan/price, effective immediately - deferring a downgrade isn't supported yet. */
+  async changeSubscriptionPlan(subscriptionId, planPriceId, options) {
+    return this.kerne.billing.subscriptions.changePlanPrice(subscriptionId, planPriceId, options);
+  }
   /** Public pricing data - omit `productIdOrSlug` for the tenant's default product. */
   async getPlans(productIdOrSlug) {
     return this.kerne.billing.plans(productIdOrSlug);
@@ -923,6 +954,95 @@ function usePortal() {
     openPortal: useCallback2((returnUrl) => client.openPortal(returnUrl), [client])
   };
 }
+function useCancelSubscription() {
+  const client = useClient();
+  const [isCanceling, setIsCanceling] = useState(false);
+  const cancelSubscription = useCallback2(
+    async (subscriptionId, immediately) => {
+      setIsCanceling(true);
+      try {
+        return await client.cancelSubscription(subscriptionId, immediately);
+      } finally {
+        setIsCanceling(false);
+      }
+    },
+    [client]
+  );
+  return { cancelSubscription, isCanceling };
+}
+function useChangePlan() {
+  const client = useClient();
+  const [isChanging, setIsChanging] = useState(false);
+  const changePlan = useCallback2(
+    async (subscriptionId, planPriceId, options) => {
+      setIsChanging(true);
+      try {
+        return await client.changeSubscriptionPlan(subscriptionId, planPriceId, options);
+      } finally {
+        setIsChanging(false);
+      }
+    },
+    [client]
+  );
+  return { changePlan, isChanging };
+}
+function usePlanSwitch(subscription, refetchSubscription, options) {
+  const { openCheckout } = useCheckout();
+  const { changePlan } = useChangePlan();
+  const [pending, setPending] = useState(null);
+  const [switching, setSwitching] = useState(false);
+  const [switchError, setSwitchError] = useState(null);
+  const [checkoutPriceId, setCheckoutPriceId] = useState(null);
+  const [checkoutError, setCheckoutError] = useState(null);
+  const successUrl = options?.successUrl;
+  const cancelUrl = options?.cancelUrl;
+  const selectPlan = useCallback2(
+    async (plan, price) => {
+      if (subscription) {
+        setSwitchError(null);
+        setPending({ plan, price });
+        return;
+      }
+      setCheckoutError(null);
+      setCheckoutPriceId(price.id);
+      try {
+        await openCheckout(price.id, { successUrl, cancelUrl });
+      } catch (e) {
+        setCheckoutError(e);
+        setCheckoutPriceId(null);
+      }
+    },
+    [subscription, openCheckout, successUrl, cancelUrl]
+  );
+  const confirmSwitch = useCallback2(async () => {
+    if (!pending || !subscription) return;
+    setSwitching(true);
+    setSwitchError(null);
+    try {
+      await changePlan(subscription.id, pending.price.id);
+      setPending(null);
+      refetchSubscription();
+    } catch (e) {
+      setSwitchError(e);
+    } finally {
+      setSwitching(false);
+    }
+  }, [pending, subscription, changePlan, refetchSubscription]);
+  const dismissSwitch = useCallback2(() => {
+    setPending(null);
+    setSwitchError(null);
+  }, []);
+  return {
+    pending,
+    switching,
+    switchError,
+    checkoutPriceId,
+    checkoutError,
+    selectPlan,
+    confirmSwitch,
+    dismissSwitch
+  };
+}
 function useAccess(featureKey, requested) {
   const client = useClient();
   const [state, setState] = useState({
@@ -957,27 +1077,38 @@ function useSubscription(productSlug) {
     isLoading: true,
     error: null
   });
+  const fetchOnce = useCallback2(
+    (mountedRef) => {
+      client.getSubscription(productSlug).then((subscription) => {
+        if (mountedRef.current) {
+          setState({ subscription, isLoading: false, error: null });
+        }
+      }).catch((error) => {
+        if (mountedRef.current) {
+          setState({ subscription: null, isLoading: false, error });
+        }
+      });
+    },
+    [client, productSlug]
+  );
   useEffect2(() => {
-    let mounted = true;
-    client.getSubscription(productSlug).then((subscription) => {
-      if (mounted) {
-        setState({ subscription, isLoading: false, error: null });
-      }
-    }).catch((error) => {
-      if (mounted) {
-        setState({ subscription: null, isLoading: false, error });
-      }
-    });
+    const mountedRef = { current: true };
+    fetchOnce(mountedRef);
     return () => {
-      mounted = false;
+      mountedRef.current = false;
     };
-  }, [client, productSlug]);
+  }, [fetchOnce]);
+  const refetch = useCallback2(() => {
+    setState((prev) => ({ ...prev, isLoading: true }));
+    fetchOnce({ current: true });
+  }, [fetchOnce]);
   const isActive = state.subscription?.status === "ACTIVE" || state.subscription?.status === "TRIALING";
   const planSlug = state.subscription?.plan?.slug;
   return {
     ...state,
     isActive,
-    planSlug
+    planSlug,
+    refetch
   };
 }
 function usePlans(productIdOrSlug) {
@@ -1139,6 +1270,9 @@ export {
   useAuth,
   useCheckout,
   usePortal,
+  useCancelSubscription,
+  useChangePlan,
+  usePlanSwitch,
   useAccess,
   useSubscription,
   usePlans,

package/dist/{chunk-7U3QBMA7.cjs → chunk-TYNZ2WU7.cjs}

@@ -185,9 +185,20 @@ var defaultLocalization = {
     freePlan: "You are on the free plan.",
     seePlans: "See plans",
     cancelNotice: "Your plan is set to end - you keep access until the date above.",
+    cancelSubscription: "Cancel subscription",
+    canceling: "Canceling...",
+    cancelConfirmTitle: "Cancel your subscription?",
+    cancelConfirmBody: "You'll keep access until the end of the current billing period.",
+    cancelConfirmButton: "Yes, cancel",
+    cancelConfirmDismiss: "Never mind",
     changePlan: "Change plan",
     current: "Current",
     switchTo: "Switch",
+    switching: "Switching...",
+    switchConfirmTitle: "Switch to {plan}?",
+    switchConfirmBody: "This applies right away, and your next invoice reflects the price difference for the rest of this period.",
+    switchConfirmButton: "Yes, switch",
+    switchConfirmDismiss: "Never mind",
     noPlans: "No other plans are available right now.",
     notOnInterval: "Not available on this interval",
     loadFailed: "Could not load your plan right now.",
@@ -212,11 +223,23 @@ var defaultLocalization = {
     subtitle: "Counted against your plan for the current period.",
     used: "{count} used",
     nothingMetered: "Nothing metered on your plan - you have no usage limits to watch.",
-    overage: "{count} over your included amount - billed as overage.",
+    overage: "{count} over your included amount - at no extra charge.",
+    overageBilled: "{count} over your included amount - the extra is billed on top of your plan.",
     limitReached: "You have reached your limit.",
+    capReached: "You've reached your billing cap for this period - everything past this is free.",
+    billedAmount: "{amount} billed this period.",
     loading: "Loading usage",
     loadFailed: "Could not load your usage right now."
   },
+  pricing: {
+    getStarted: "Get started",
+    billedAt: "Billed {amount} / {interval}",
+    save: "Save {percent}%",
+    unlimited: "Unlimited",
+    moreFeatures: "+{count} more",
+    loading: "Loading plans",
+    loadFailed: "Could not load plans right now."
+  },
   checkout: {
     confirmingTitle: "Confirming your payment",
     confirmingBody: "This takes a few seconds - please keep this tab open.",
@@ -714,7 +737,7 @@ var KerneClient = (_class = class {
    * caught everything and returned `false`) - a 401/500 must not be
    * indistinguishable from a real denial, that's exactly what let the
    * `has_access`/`allowed` mismatch below ship unnoticed. Callers that want
-   * a fail-closed boolean regardless of the reason (e.g. `<Allows>`)
+   * a fail-closed boolean regardless of the reason (e.g. `<Access>`)
    * catch around this themselves.
    */
   async allows(featureKey, requested) {
@@ -744,13 +767,21 @@ var KerneClient = (_class = class {
   async getSubscription(productSlug) {
     const subs = await this.kerne.billing.subscriptions.list({
       productSlug,
-      scopeType: "USER"
+      subjectType: "USER"
     });
     const active = subs.find(
       (s) => s.status === "ACTIVE" || s.status === "TRIALING" || s.status === "PAST_DUE"
     );
     return _nullishCoalesce(active, () => ( null));
   }
+  /** `immediately: true` ends it now; otherwise cancels at period end (API default). */
+  async cancelSubscription(subscriptionId, immediately) {
+    return this.kerne.billing.subscriptions.cancel(subscriptionId, immediately);
+  }
+  /** Swaps the plan/price, effective immediately - deferring a downgrade isn't supported yet. */
+  async changeSubscriptionPlan(subscriptionId, planPriceId, options) {
+    return this.kerne.billing.subscriptions.changePlanPrice(subscriptionId, planPriceId, options);
+  }
   /** Public pricing data - omit `productIdOrSlug` for the tenant's default product. */
   async getPlans(productIdOrSlug) {
     return this.kerne.billing.plans(productIdOrSlug);
@@ -923,6 +954,95 @@ function usePortal() {
     openPortal: _react.useCallback.call(void 0, (returnUrl) => client.openPortal(returnUrl), [client])
   };
 }
+function useCancelSubscription() {
+  const client = useClient();
+  const [isCanceling, setIsCanceling] = _react.useState.call(void 0, false);
+  const cancelSubscription = _react.useCallback.call(void 0, 
+    async (subscriptionId, immediately) => {
+      setIsCanceling(true);
+      try {
+        return await client.cancelSubscription(subscriptionId, immediately);
+      } finally {
+        setIsCanceling(false);
+      }
+    },
+    [client]
+  );
+  return { cancelSubscription, isCanceling };
+}
+function useChangePlan() {
+  const client = useClient();
+  const [isChanging, setIsChanging] = _react.useState.call(void 0, false);
+  const changePlan = _react.useCallback.call(void 0, 
+    async (subscriptionId, planPriceId, options) => {
+      setIsChanging(true);
+      try {
+        return await client.changeSubscriptionPlan(subscriptionId, planPriceId, options);
+      } finally {
+        setIsChanging(false);
+      }
+    },
+    [client]
+  );
+  return { changePlan, isChanging };
+}
+function usePlanSwitch(subscription, refetchSubscription, options) {
+  const { openCheckout } = useCheckout();
+  const { changePlan } = useChangePlan();
+  const [pending, setPending] = _react.useState.call(void 0, null);
+  const [switching, setSwitching] = _react.useState.call(void 0, false);
+  const [switchError, setSwitchError] = _react.useState.call(void 0, null);
+  const [checkoutPriceId, setCheckoutPriceId] = _react.useState.call(void 0, null);
+  const [checkoutError, setCheckoutError] = _react.useState.call(void 0, null);
+  const successUrl = _optionalChain([options, 'optionalAccess', _23 => _23.successUrl]);
+  const cancelUrl = _optionalChain([options, 'optionalAccess', _24 => _24.cancelUrl]);
+  const selectPlan = _react.useCallback.call(void 0, 
+    async (plan, price) => {
+      if (subscription) {
+        setSwitchError(null);
+        setPending({ plan, price });
+        return;
+      }
+      setCheckoutError(null);
+      setCheckoutPriceId(price.id);
+      try {
+        await openCheckout(price.id, { successUrl, cancelUrl });
+      } catch (e) {
+        setCheckoutError(e);
+        setCheckoutPriceId(null);
+      }
+    },
+    [subscription, openCheckout, successUrl, cancelUrl]
+  );
+  const confirmSwitch = _react.useCallback.call(void 0, async () => {
+    if (!pending || !subscription) return;
+    setSwitching(true);
+    setSwitchError(null);
+    try {
+      await changePlan(subscription.id, pending.price.id);
+      setPending(null);
+      refetchSubscription();
+    } catch (e) {
+      setSwitchError(e);
+    } finally {
+      setSwitching(false);
+    }
+  }, [pending, subscription, changePlan, refetchSubscription]);
+  const dismissSwitch = _react.useCallback.call(void 0, () => {
+    setPending(null);
+    setSwitchError(null);
+  }, []);
+  return {
+    pending,
+    switching,
+    switchError,
+    checkoutPriceId,
+    checkoutError,
+    selectPlan,
+    confirmSwitch,
+    dismissSwitch
+  };
+}
 function useAccess(featureKey, requested) {
   const client = useClient();
   const [state, setState] = _react.useState.call(void 0, {
@@ -957,27 +1077,38 @@ function useSubscription(productSlug) {
     isLoading: true,
     error: null
   });
+  const fetchOnce = _react.useCallback.call(void 0, 
+    (mountedRef) => {
+      client.getSubscription(productSlug).then((subscription) => {
+        if (mountedRef.current) {
+          setState({ subscription, isLoading: false, error: null });
+        }
+      }).catch((error) => {
+        if (mountedRef.current) {
+          setState({ subscription: null, isLoading: false, error });
+        }
+      });
+    },
+    [client, productSlug]
+  );
   _react.useEffect.call(void 0, () => {
-    let mounted = true;
-    client.getSubscription(productSlug).then((subscription) => {
-      if (mounted) {
-        setState({ subscription, isLoading: false, error: null });
-      }
-    }).catch((error) => {
-      if (mounted) {
-        setState({ subscription: null, isLoading: false, error });
-      }
-    });
+    const mountedRef = { current: true };
+    fetchOnce(mountedRef);
     return () => {
-      mounted = false;
+      mountedRef.current = false;
     };
-  }, [client, productSlug]);
-  const isActive = _optionalChain([state, 'access', _23 => _23.subscription, 'optionalAccess', _24 => _24.status]) === "ACTIVE" || _optionalChain([state, 'access', _25 => _25.subscription, 'optionalAccess', _26 => _26.status]) === "TRIALING";
-  const planSlug = _optionalChain([state, 'access', _27 => _27.subscription, 'optionalAccess', _28 => _28.plan, 'optionalAccess', _29 => _29.slug]);
+  }, [fetchOnce]);
+  const refetch = _react.useCallback.call(void 0, () => {
+    setState((prev) => ({ ...prev, isLoading: true }));
+    fetchOnce({ current: true });
+  }, [fetchOnce]);
+  const isActive = _optionalChain([state, 'access', _25 => _25.subscription, 'optionalAccess', _26 => _26.status]) === "ACTIVE" || _optionalChain([state, 'access', _27 => _27.subscription, 'optionalAccess', _28 => _28.status]) === "TRIALING";
+  const planSlug = _optionalChain([state, 'access', _29 => _29.subscription, 'optionalAccess', _30 => _30.plan, 'optionalAccess', _31 => _31.slug]);
   return {
     ...state,
     isActive,
-    planSlug
+    planSlug,
+    refetch
   };
 }
 function usePlans(productIdOrSlug) {
@@ -1120,9 +1251,9 @@ function useUser() {
     update: updateProfile,
     // Computed properties
     fullName: user ? `${user.first_name || ""} ${user.last_name || ""}`.trim() : null,
-    initials: user ? `${_optionalChain([user, 'access', _30 => _30.first_name, 'optionalAccess', _31 => _31[0]]) || ""}${_optionalChain([user, 'access', _32 => _32.last_name, 'optionalAccess', _33 => _33[0]]) || ""}`.toUpperCase() : null,
-    email: _optionalChain([user, 'optionalAccess', _34 => _34.email]) || null,
-    emailVerified: _optionalChain([user, 'optionalAccess', _35 => _35.email_verified]) || false
+    initials: user ? `${_optionalChain([user, 'access', _32 => _32.first_name, 'optionalAccess', _33 => _33[0]]) || ""}${_optionalChain([user, 'access', _34 => _34.last_name, 'optionalAccess', _35 => _35[0]]) || ""}`.toUpperCase() : null,
+    email: _optionalChain([user, 'optionalAccess', _36 => _36.email]) || null,
+    emailVerified: _optionalChain([user, 'optionalAccess', _37 => _37.email_verified]) || false
   };
 }
 
@@ -1148,4 +1279,7 @@ function useUser() {
 
 
 
-exports.defaultLocalization = defaultLocalization; exports.useLocalization = useLocalization; exports.fill = fill; exports.fillNode = fillNode; exports.useErrorResolver = useErrorResolver; exports.KerneClient = KerneClient; exports.KerneContext = KerneContext; exports.KerneProvider = KerneProvider; exports.useClient = useClient; exports.useAuth = useAuth; exports.useCheckout = useCheckout; exports.usePortal = usePortal; exports.useAccess = useAccess; exports.useSubscription = useSubscription; exports.usePlans = usePlans; exports.useAuthConfig = useAuthConfig; exports.useEntitlements = useEntitlements; exports.useUsage = useUsage; exports.useWaitlist = useWaitlist; exports.useInvitation = useInvitation; exports.useUser = useUser;
+
+
+
+exports.defaultLocalization = defaultLocalization; exports.useLocalization = useLocalization; exports.fill = fill; exports.fillNode = fillNode; exports.useErrorResolver = useErrorResolver; exports.KerneClient = KerneClient; exports.KerneContext = KerneContext; exports.KerneProvider = KerneProvider; exports.useClient = useClient; exports.useAuth = useAuth; exports.useCheckout = useCheckout; exports.usePortal = usePortal; exports.useCancelSubscription = useCancelSubscription; exports.useChangePlan = useChangePlan; exports.usePlanSwitch = usePlanSwitch; exports.useAccess = useAccess; exports.useSubscription = useSubscription; exports.usePlans = usePlans; exports.useAuthConfig = useAuthConfig; exports.useEntitlements = useEntitlements; exports.useUsage = useUsage; exports.useWaitlist = useWaitlist; exports.useInvitation = useInvitation; exports.useUser = useUser;

package/dist/{i18n-BWTT1DWD.d.cts → i18n-QilNgwqe.d.cts}

@@ -186,9 +186,20 @@ interface KerneLocalization {
         freePlan: string;
         seePlans: string;
         cancelNotice: string;
+        cancelSubscription: string;
+        canceling: string;
+        cancelConfirmTitle: string;
+        cancelConfirmBody: string;
+        cancelConfirmButton: string;
+        cancelConfirmDismiss: string;
         changePlan: string;
         current: string;
         switchTo: string;
+        switching: string;
+        switchConfirmTitle: string;
+        switchConfirmBody: string;
+        switchConfirmButton: string;
+        switchConfirmDismiss: string;
         noPlans: string;
         notOnInterval: string;
         loadFailed: string;
@@ -211,8 +222,30 @@ interface KerneLocalization {
         subtitle: string;
         used: string;
         nothingMetered: string;
+        /** Overage ALLOW: past the included amount, tolerated and free. */
         overage: string;
+        /** Overage BILL: past the included amount, charged on top of the plan. */
+        overageBilled: string;
+        /** Overage BLOCK only - ALLOW and BILL never "reach" a limit, they keep going. */
         limitReached: string;
+        /** Overage BILL whose billing cap was hit: charging stopped, access didn't - the opposite of limitReached, not a variant of overageBilled. */
+        capReached: string;
+        /** Shown under a BILL entitlement once something has actually been billed this period. */
+        billedAmount: string;
+        loading: string;
+        loadFailed: string;
+    };
+    /** `<PricingTable>` - the marketing surface. Distinct from `billing.*`, the settings-page plan switcher. */
+    pricing: {
+        getStarted: string;
+        /** "{amount} / {interval}" - the caption under a price shown at a different cadence than it's billed. */
+        billedAt: string;
+        /** "Save {percent}%" - the label-switch hint. */
+        save: string;
+        /** Prefixes a QUOTA entitlement with no ceiling, e.g. "Unlimited projects". */
+        unlimited: string;
+        /** "+{count} more" - shown when `maxFeatures` truncates a plan's entitlement list. */
+        moreFeatures: string;
         loading: string;
         loadFailed: string;
     };

package/dist/{i18n-BWTT1DWD.d.ts → i18n-QilNgwqe.d.ts}

@@ -186,9 +186,20 @@ interface KerneLocalization {
         freePlan: string;
         seePlans: string;
         cancelNotice: string;
+        cancelSubscription: string;
+        canceling: string;
+        cancelConfirmTitle: string;
+        cancelConfirmBody: string;
+        cancelConfirmButton: string;
+        cancelConfirmDismiss: string;
         changePlan: string;
         current: string;
         switchTo: string;
+        switching: string;
+        switchConfirmTitle: string;
+        switchConfirmBody: string;
+        switchConfirmButton: string;
+        switchConfirmDismiss: string;
         noPlans: string;
         notOnInterval: string;
         loadFailed: string;
@@ -211,8 +222,30 @@ interface KerneLocalization {
         subtitle: string;
         used: string;
         nothingMetered: string;
+        /** Overage ALLOW: past the included amount, tolerated and free. */
         overage: string;
+        /** Overage BILL: past the included amount, charged on top of the plan. */
+        overageBilled: string;
+        /** Overage BLOCK only - ALLOW and BILL never "reach" a limit, they keep going. */
         limitReached: string;
+        /** Overage BILL whose billing cap was hit: charging stopped, access didn't - the opposite of limitReached, not a variant of overageBilled. */
+        capReached: string;
+        /** Shown under a BILL entitlement once something has actually been billed this period. */
+        billedAmount: string;
+        loading: string;
+        loadFailed: string;
+    };
+    /** `<PricingTable>` - the marketing surface. Distinct from `billing.*`, the settings-page plan switcher. */
+    pricing: {
+        getStarted: string;
+        /** "{amount} / {interval}" - the caption under a price shown at a different cadence than it's billed. */
+        billedAt: string;
+        /** "Save {percent}%" - the label-switch hint. */
+        save: string;
+        /** Prefixes a QUOTA entitlement with no ceiling, e.g. "Unlimited projects". */
+        unlimited: string;
+        /** "+{count} more" - shown when `maxFeatures` truncates a plan's entitlement list. */
+        moreFeatures: string;
         loading: string;
         loadFailed: string;
     };