@wildo-ai/saas-frontend-lib 1.1.4 → 1.1.5

package/dist/esm/components/billing/billing-invoice-history.js

@@ -1,27 +1,31 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { BillingStateSlice } from '@wildo-ai/saas-models';
 import React from 'react';
 import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
 import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
 import { useBillingSafe } from '../../core/billing/useBilling.js';
 import { useSafeBillingActionExecutor } from '../../core/billing/useSafeBillingActionExecutor.js';
+import { useUserFacingErrorMessage } from '../../core/errors/useUserFacingErrorMessage.js';
 import { useI18n } from '../../core/i18n/useI18n.js';
 import { collectBillingProviderLabelKeys, resolveBillingProviderDisplayName, } from '../../core/billing/billing-provider-display.frontend.utils.js';
 export function InvoiceHistory({ preset = CorePresetNames.DEFAULT, ...props }) {
     const billing = useBillingSafe();
+    const toUserFacingErrorMessage = useUserFacingErrorMessage();
     const runBillingActionSafely = useSafeBillingActionExecutor();
     const billingProviderLabelKeys = React.useMemo(() => collectBillingProviderLabelKeys(billing?.billingProvider), [billing?.billingProvider]);
     const { t: translateProvider } = useI18n({ keys: billingProviderLabelKeys });
     const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_BILLING_INVOICE_HISTORY, 'InvoiceHistory')(preset);
     const invoices = props.invoices ?? billing?.invoices ?? [];
-    const onViewAll = props.onViewAll ?? (billing ? () => {
+    const onViewAll = props.onViewAll ?? (billing?.isSliceAvailable(BillingStateSlice.BILLING_ACCOUNT) ? () => {
         runBillingActionSafely(() => billing.openCustomerPortal());
     } : undefined);
     const providerName = props.providerName ?? resolveBillingProviderDisplayName({
         provider: billing?.billingProvider,
         translate: translateProvider,
     });
+    const unavailable = props.unavailable ?? (!!billing?.isEnabled && !(props.invoices !== undefined) && [BillingStateSlice.INVOICES].some(slice => !billing.isSliceAvailable(slice)));
     const isLoading = props.isLoading ?? billing?.isLoading;
-    const error = props.error !== undefined ? props.error : (billing?.error ? billing.error.message : null);
-    return (_jsx(Component, { ...props, invoices: invoices, providerName: providerName, onViewAll: onViewAll, isLoading: isLoading, error: error }));
+    const error = props.error !== undefined ? props.error : (billing?.error ? toUserFacingErrorMessage(billing.error) : null);
+    return (_jsx(Component, { ...props, invoices: invoices, providerName: providerName, onViewAll: onViewAll, isLoading: isLoading, error: error, unavailable: unavailable }));
 }
 //# sourceMappingURL=billing-invoice-history.js.map

package/dist/esm/components/billing/billing-invoice-history.js.map

@@ -1 +1 @@
-{"version":3,"file":"billing-invoice-history.js","sourceRoot":"","sources":["../../../../src/components/billing/billing-invoice-history.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAE5F,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AAC5E,OAAO,EAAE,4BAA4B,EAAE,MAAM,+DAA+D,CAAA;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAC/D,OAAO,EACL,+BAA+B,EAC/B,iCAAiC,GAClC,MAAM,0EAA0E,CAAA;AAoCjF,MAAM,UAAU,cAAc,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAA8B;IACvG,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;IAChC,MAAM,sBAAsB,GAAG,4BAA4B,EAAE,CAAA;IAC7D,MAAM,wBAAwB,GAAG,KAAK,CAAC,OAAO,CAC5C,GAAG,EAAE,CAAC,+BAA+B,CAAC,OAAO,EAAE,eAAe,CAAC,EAC/D,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IACD,MAAM,EAAE,CAAC,EAAE,iBAAiB,EAAE,GAAG,OAAO,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC,CAAA;IAC5E,MAAM,SAAS,GAAG,uBAAuB,CAAsB,qBAAqB,CAAC,iCAAiC,EAAE,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;IAEjJ,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAK,OAAO,EAAE,QAAiC,IAAI,EAAE,CAAA;IACpF,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE;QACnD,sBAAsB,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAA;IACd,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,iCAAiC,CAAC;QAC3E,QAAQ,EAAE,OAAO,EAAE,eAAe;QAClC,SAAS,EAAE,iBAAiB;KAC7B,CAAC,CAAA;IACF,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,OAAO,EAAE,SAAS,CAAA;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAEvG,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { useBillingSafe } from '~wildo-frontend-lib/core/billing/useBilling'\nimport { useSafeBillingActionExecutor } from '~wildo-frontend-lib/core/billing/useSafeBillingActionExecutor'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\nimport {\n  collectBillingProviderLabelKeys,\n  resolveBillingProviderDisplayName,\n} from '~wildo-frontend-lib/core/billing/billing-provider-display.frontend.utils'\n\n// --- Contract ---\n\nexport interface InvoiceHistoryItem {\n  _id: string\n  status: string\n  total: { amount: bigint; decimals: number; currency: string }\n  createdAt: Date | string\n  // NOTE: no `hostedInvoiceUrl` / `invoicePdfUrl`. Those are `.isBackendOnly()` on the invoice\n  // schema and never reach a client — a provider-hosted invoice URL is an unauthenticated\n  // capability link to a document that legally carries the customer's name and address. Invoice\n  // DOCUMENTS are reached through the provider's customer portal (`openCustomerPortal()`, already\n  // wired below as the \"view all\" action), which authenticates the viewer provider-side.\n}\n\nexport interface InvoiceHistoryProps {\n  invoices: InvoiceHistoryItem[]\n  providerName?: string\n  isLoading?: boolean\n  error?: string | null\n  onViewAll?: () => void\n  limit?: number\n}\n\n// --- Wrapper ---\n\n/**\n * Wrapper props: `invoices` is OPTIONAL here — the wrapper reads the billing\n * state's invoice list when omitted. The PRESET contract above keeps it\n * required: the wrapper always materializes it before resolving the preset.\n */\nexport type InvoiceHistoryWrapperProps = Omit<InvoiceHistoryProps, 'invoices'> &\n  Partial<Pick<InvoiceHistoryProps, 'invoices'>> &\n  ComponentPresetProps\n\nexport function InvoiceHistory({ preset = CorePresetNames.DEFAULT, ...props }: InvoiceHistoryWrapperProps): React.JSX.Element {\n  const billing = useBillingSafe()\n  const runBillingActionSafely = useSafeBillingActionExecutor()\n  const billingProviderLabelKeys = React.useMemo(\n    () => collectBillingProviderLabelKeys(billing?.billingProvider),\n    [billing?.billingProvider],\n  )\n  const { t: translateProvider } = useI18n({ keys: billingProviderLabelKeys })\n  const Component = createComponentResolver<InvoiceHistoryProps>(FrontendComponentType.LOW_LEVEL_BILLING_INVOICE_HISTORY, 'InvoiceHistory')(preset)\n\n  const invoices = props.invoices ?? (billing?.invoices as InvoiceHistoryItem[]) ?? []\n  const onViewAll = props.onViewAll ?? (billing ? () => {\n    runBillingActionSafely(() => billing.openCustomerPortal())\n  } : undefined)\n  const providerName = props.providerName ?? resolveBillingProviderDisplayName({\n    provider: billing?.billingProvider,\n    translate: translateProvider,\n  })\n  const isLoading = props.isLoading ?? billing?.isLoading\n  const error = props.error !== undefined ? props.error : (billing?.error ? billing.error.message : null)\n\n  return (\n    <Component\n      {...props}\n      invoices={invoices}\n      providerName={providerName}\n      onViewAll={onViewAll}\n      isLoading={isLoading}\n      error={error}\n    />\n  )\n}\n"]}
+{"version":3,"file":"billing-invoice-history.js","sourceRoot":"","sources":["../../../../../src/components/billing/billing-invoice-history.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BillingStateSlice } from '@wildo-ai/saas-models'\nimport React from 'react'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { useBillingSafe } from '~wildo-frontend-lib/core/billing/useBilling'\nimport { useSafeBillingActionExecutor } from '~wildo-frontend-lib/core/billing/useSafeBillingActionExecutor'\nimport { useUserFacingErrorMessage } from '~wildo-frontend-lib/core/errors/useUserFacingErrorMessage'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\nimport {\n  collectBillingProviderLabelKeys,\n  resolveBillingProviderDisplayName,\n} from '~wildo-frontend-lib/core/billing/billing-provider-display.frontend.utils'\n\n// --- Contract ---\n\nexport interface InvoiceHistoryItem {\n  _id: string\n  status: string\n  total: { amount: bigint; decimals: number; currency: string }\n  createdAt: Date | string\n  // NOTE: no `hostedInvoiceUrl` / `invoicePdfUrl`. Those are `.isBackendOnly()` on the invoice\n  // schema and never reach a client — a provider-hosted invoice URL is an unauthenticated\n  // capability link to a document that legally carries the customer's name and address. Invoice\n  // DOCUMENTS are reached through the provider's customer portal (`openCustomerPortal()`, already\n  // wired below as the \"view all\" action), which authenticates the viewer provider-side.\n}\n\nexport interface InvoiceHistoryProps {\n  invoices: InvoiceHistoryItem[]\n  providerName?: string\n  isLoading?: boolean\n  unavailable?: boolean\n  error?: string | null\n  onViewAll?: () => void\n  limit?: number\n}\n\n// --- Wrapper ---\n\n/**\n * Wrapper props: `invoices` is OPTIONAL here — the wrapper reads the billing\n * state's invoice list when omitted. The PRESET contract above keeps it\n * required: the wrapper always materializes it before resolving the preset.\n */\nexport type InvoiceHistoryWrapperProps = Omit<InvoiceHistoryProps, 'invoices'> &\n  Partial<Pick<InvoiceHistoryProps, 'invoices'>> &\n  ComponentPresetProps\n\nexport function InvoiceHistory({ preset = CorePresetNames.DEFAULT, ...props }: InvoiceHistoryWrapperProps): React.JSX.Element {\n  const billing = useBillingSafe()\n  const toUserFacingErrorMessage = useUserFacingErrorMessage()\n  const runBillingActionSafely = useSafeBillingActionExecutor()\n  const billingProviderLabelKeys = React.useMemo(\n    () => collectBillingProviderLabelKeys(billing?.billingProvider),\n    [billing?.billingProvider],\n  )\n  const { t: translateProvider } = useI18n({ keys: billingProviderLabelKeys })\n  const Component = createComponentResolver<InvoiceHistoryProps>(FrontendComponentType.LOW_LEVEL_BILLING_INVOICE_HISTORY, 'InvoiceHistory')(preset)\n\n  const invoices = props.invoices ?? (billing?.invoices as InvoiceHistoryItem[]) ?? []\n  const onViewAll = props.onViewAll ?? (billing?.isSliceAvailable(BillingStateSlice.BILLING_ACCOUNT) ? () => {\n    runBillingActionSafely(() => billing.openCustomerPortal())\n  } : undefined)\n  const providerName = props.providerName ?? resolveBillingProviderDisplayName({\n    provider: billing?.billingProvider,\n    translate: translateProvider,\n  })\n  const unavailable = props.unavailable ?? (!!billing?.isEnabled && !(props.invoices !== undefined) && [BillingStateSlice.INVOICES].some(slice => !billing.isSliceAvailable(slice)))\n  const isLoading = props.isLoading ?? billing?.isLoading\n  const error = props.error !== undefined ? props.error : (billing?.error ? toUserFacingErrorMessage(billing.error) : null)\n\n  return (\n    <Component\n      {...props}\n      invoices={invoices}\n      providerName={providerName}\n      onViewAll={onViewAll}\n      isLoading={isLoading}\n      error={error}\n      unavailable={unavailable}\n    />\n  )\n}\n"]}

package/dist/esm/components/billing/billing-plan-change-preview.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import type { InvoicePreview } from '@wildo-ai/saas-models';
+import type { ComponentPresetProps } from '../../core/components-registry/component-registry.frontend.schemas';
+/** The estimate is absent while loading/failed: no placeholder amount may look like a free change. */
+export interface PlanChangePreviewProps {
+    preview: InvoicePreview | null;
+    targetPlanName: string;
+    isLoading?: boolean;
+    isConfirming?: boolean;
+    hasError?: boolean;
+    onConfirm?: () => void;
+    onCancel: () => void;
+    onRetry?: () => void;
+}
+export type PlanChangePreviewWrapperProps = PlanChangePreviewProps & ComponentPresetProps;
+export declare function PlanChangePreview({ preset, ...props }: PlanChangePreviewWrapperProps): React.JSX.Element;
+//# sourceMappingURL=billing-plan-change-preview.d.ts.map

package/dist/esm/components/billing/billing-plan-change-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"billing-plan-change-preview.d.ts","sourceRoot":"","sources":["../../../../../src/components/billing/billing-plan-change-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAG5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAC;AAE7H,sGAAsG;AACtG,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AACD,MAAM,MAAM,6BAA6B,GAAG,sBAAsB,GAAG,oBAAoB,CAAC;AAE1F,wBAAgB,iBAAiB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAGlI"}

package/dist/esm/components/billing/billing-plan-change-preview.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
+import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
+export function PlanChangePreview({ preset = CorePresetNames.DEFAULT, ...props }) {
+    const Component = createComponentResolver(FrontendComponentType.LOW_LEVEL_BILLING_PLAN_CHANGE_PREVIEW, 'PlanChangePreview')(preset);
+    return _jsx(Component, { ...props });
+}
+//# sourceMappingURL=billing-plan-change-preview.js.map

package/dist/esm/components/billing/billing-plan-change-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"billing-plan-change-preview.js","sourceRoot":"","sources":["../../../../../src/components/billing/billing-plan-change-preview.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAC7F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAC;AAgB1H,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAiC;IAC7G,MAAM,SAAS,GAAG,uBAAuB,CAAyB,qBAAqB,CAAC,qCAAqC,EAAE,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5J,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;AAClC,CAAC","sourcesContent":["import React from 'react';\nimport type { InvoicePreview } from '@wildo-ai/saas-models';\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper';\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas';\n\n/** The estimate is absent while loading/failed: no placeholder amount may look like a free change. */\nexport interface PlanChangePreviewProps {\n  preview: InvoicePreview | null;\n  targetPlanName: string;\n  isLoading?: boolean;\n  isConfirming?: boolean;\n  hasError?: boolean;\n  onConfirm?: () => void;\n  onCancel: () => void;\n  onRetry?: () => void;\n}\nexport type PlanChangePreviewWrapperProps = PlanChangePreviewProps & ComponentPresetProps;\n\nexport function PlanChangePreview({ preset = CorePresetNames.DEFAULT, ...props }: PlanChangePreviewWrapperProps): React.JSX.Element {\n  const Component = createComponentResolver<PlanChangePreviewProps>(FrontendComponentType.LOW_LEVEL_BILLING_PLAN_CHANGE_PREVIEW, 'PlanChangePreview')(preset);\n  return <Component {...props} />;\n}\n"]}

package/dist/esm/components/billing/billing-portal-link.d.ts

@@ -4,6 +4,7 @@ export interface BillingPortalLinkProps {
     onOpenPortal: () => void;
     providerName?: string;
     isLoading?: boolean;
+    unavailable?: boolean;
     error?: string | null;
 }
 /**

package/dist/esm/components/billing/billing-portal-link.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"billing-portal-link.d.ts","sourceRoot":"","sources":["../../../../src/components/billing/billing-portal-link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAW5H,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAID;;;;;GAKG;AACH,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC,GACtF,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC,CAAC,GACrD,oBAAoB,CAAA;AAEtB,wBAAgB,iBAAiB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4BlI"}
+{"version":3,"file":"billing-portal-link.d.ts","sourceRoot":"","sources":["../../../../../src/components/billing/billing-portal-link.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAY5H,MAAM,WAAW,sBAAsB;IACrC,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAID;;;;;GAKG;AACH,MAAM,MAAM,6BAA6B,GAAG,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC,GACtF,OAAO,CAAC,IAAI,CAAC,sBAAsB,EAAE,cAAc,CAAC,CAAC,GACrD,oBAAoB,CAAA;AAEtB,wBAAgB,iBAAiB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,6BAA6B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+BlI"}

package/dist/esm/components/billing/billing-portal-link.js

@@ -1,13 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { BillingStateSlice } from '@wildo-ai/saas-models';
 import React from 'react';
 import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
 import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
 import { useBillingSafe } from '../../core/billing/useBilling.js';
 import { useSafeBillingActionExecutor } from '../../core/billing/useSafeBillingActionExecutor.js';
+import { useUserFacingErrorMessage } from '../../core/errors/useUserFacingErrorMessage.js';
 import { useI18n } from '../../core/i18n/useI18n.js';
 import { collectBillingProviderLabelKeys, resolveBillingProviderDisplayName, } from '../../core/billing/billing-provider-display.frontend.utils.js';
 export function BillingPortalLink({ preset = CorePresetNames.DEFAULT, ...props }) {
     const billing = useBillingSafe();
+    const toUserFacingErrorMessage = useUserFacingErrorMessage();
     const runBillingActionSafely = useSafeBillingActionExecutor();
     const billingProviderLabelKeys = React.useMemo(() => collectBillingProviderLabelKeys(billing?.billingProvider), [billing?.billingProvider]);
     const { t: translateProvider } = useI18n({ keys: billingProviderLabelKeys });
@@ -21,8 +24,9 @@ export function BillingPortalLink({ preset = CorePresetNames.DEFAULT, ...props }
         provider: billing?.billingProvider,
         translate: translateProvider,
     });
+    const unavailable = props.unavailable ?? (!!billing?.isEnabled && !(props.onOpenPortal !== undefined) && [BillingStateSlice.BILLING_ACCOUNT].some(slice => !billing.isSliceAvailable(slice)));
     const isLoading = props.isLoading ?? billing?.isLoading;
-    const error = props.error !== undefined ? props.error : (billing?.error ? billing.error.message : null);
-    return (_jsx(Component, { ...props, onOpenPortal: onOpenPortal, providerName: providerName, isLoading: isLoading, error: error }));
+    const error = props.error !== undefined ? props.error : (billing?.error ? toUserFacingErrorMessage(billing.error) : null);
+    return (_jsx(Component, { ...props, onOpenPortal: onOpenPortal, providerName: providerName, isLoading: isLoading, error: error, unavailable: unavailable }));
 }
 //# sourceMappingURL=billing-portal-link.js.map

package/dist/esm/components/billing/billing-portal-link.js.map

@@ -1 +1 @@
-{"version":3,"file":"billing-portal-link.js","sourceRoot":"","sources":["../../../../src/components/billing/billing-portal-link.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAE5F,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AAC5E,OAAO,EAAE,4BAA4B,EAAE,MAAM,+DAA+D,CAAA;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAC/D,OAAO,EACL,+BAA+B,EAC/B,iCAAiC,GAClC,MAAM,0EAA0E,CAAA;AAuBjF,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAiC;IAC7G,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;IAChC,MAAM,sBAAsB,GAAG,4BAA4B,EAAE,CAAA;IAC7D,MAAM,wBAAwB,GAAG,KAAK,CAAC,OAAO,CAC5C,GAAG,EAAE,CAAC,+BAA+B,CAAC,OAAO,EAAE,eAAe,CAAC,EAC/D,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IACD,MAAM,EAAE,CAAC,EAAE,iBAAiB,EAAE,GAAG,OAAO,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC,CAAA;IAC5E,MAAM,SAAS,GAAG,uBAAuB,CAAyB,qBAAqB,CAAC,6BAA6B,EAAE,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;IACnJ,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,GAAG,EAAE;QAC/C,IAAI,CAAC,OAAO;YAAE,OAAM;QACpB,sBAAsB,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,iCAAiC,CAAC;QAC3E,QAAQ,EAAE,OAAO,EAAE,eAAe;QAClC,SAAS,EAAE,iBAAiB;KAC7B,CAAC,CAAA;IACF,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,OAAO,EAAE,SAAS,CAAA;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACvG,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,GACZ,CACH,CAAA;AACH,CAAC","sourcesContent":["import React from 'react'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { useBillingSafe } from '~wildo-frontend-lib/core/billing/useBilling'\nimport { useSafeBillingActionExecutor } from '~wildo-frontend-lib/core/billing/useSafeBillingActionExecutor'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\nimport {\n  collectBillingProviderLabelKeys,\n  resolveBillingProviderDisplayName,\n} from '~wildo-frontend-lib/core/billing/billing-provider-display.frontend.utils'\n\n// --- Contract ---\n\nexport interface BillingPortalLinkProps {\n  onOpenPortal: () => void\n  providerName?: string\n  isLoading?: boolean\n  error?: string | null\n}\n\n// --- Wrapper ---\n\n/**\n * Wrapper props: `onOpenPortal` is OPTIONAL here — the wrapper defaults it to\n * safe `openCustomerPortal()` execution when omitted. The PRESET contract above\n * keeps it required: the wrapper always materializes it before resolving the\n * preset.\n */\nexport type BillingPortalLinkWrapperProps = Omit<BillingPortalLinkProps, 'onOpenPortal'> &\n  Partial<Pick<BillingPortalLinkProps, 'onOpenPortal'>> &\n  ComponentPresetProps\n\nexport function BillingPortalLink({ preset = CorePresetNames.DEFAULT, ...props }: BillingPortalLinkWrapperProps): React.JSX.Element {\n  const billing = useBillingSafe()\n  const runBillingActionSafely = useSafeBillingActionExecutor()\n  const billingProviderLabelKeys = React.useMemo(\n    () => collectBillingProviderLabelKeys(billing?.billingProvider),\n    [billing?.billingProvider],\n  )\n  const { t: translateProvider } = useI18n({ keys: billingProviderLabelKeys })\n  const Component = createComponentResolver<BillingPortalLinkProps>(FrontendComponentType.LOW_LEVEL_BILLING_PORTAL_LINK, 'BillingPortalLink')(preset)\n  const onOpenPortal = props.onOpenPortal ?? (() => {\n    if (!billing) return\n    runBillingActionSafely(() => billing.openCustomerPortal())\n  })\n  const providerName = props.providerName ?? resolveBillingProviderDisplayName({\n    provider: billing?.billingProvider,\n    translate: translateProvider,\n  })\n  const isLoading = props.isLoading ?? billing?.isLoading\n  const error = props.error !== undefined ? props.error : (billing?.error ? billing.error.message : null)\n  return (\n    <Component\n      {...props}\n      onOpenPortal={onOpenPortal}\n      providerName={providerName}\n      isLoading={isLoading}\n      error={error}\n    />\n  )\n}\n"]}
+{"version":3,"file":"billing-portal-link.js","sourceRoot":"","sources":["../../../../../src/components/billing/billing-portal-link.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,uBAAuB,EAAE,MAAM,iFAAiF,CAAA;AACzH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAE5F,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAA;AAC5E,OAAO,EAAE,4BAA4B,EAAE,MAAM,+DAA+D,CAAA;AAC5G,OAAO,EAAE,yBAAyB,EAAE,MAAM,2DAA2D,CAAA;AACrG,OAAO,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAC/D,OAAO,EACL,+BAA+B,EAC/B,iCAAiC,GAClC,MAAM,0EAA0E,CAAA;AAwBjF,MAAM,UAAU,iBAAiB,CAAC,EAAE,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,GAAG,KAAK,EAAiC;IAC7G,MAAM,OAAO,GAAG,cAAc,EAAE,CAAA;IAChC,MAAM,wBAAwB,GAAG,yBAAyB,EAAE,CAAA;IAC5D,MAAM,sBAAsB,GAAG,4BAA4B,EAAE,CAAA;IAC7D,MAAM,wBAAwB,GAAG,KAAK,CAAC,OAAO,CAC5C,GAAG,EAAE,CAAC,+BAA+B,CAAC,OAAO,EAAE,eAAe,CAAC,EAC/D,CAAC,OAAO,EAAE,eAAe,CAAC,CAC3B,CAAA;IACD,MAAM,EAAE,CAAC,EAAE,iBAAiB,EAAE,GAAG,OAAO,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,CAAC,CAAA;IAC5E,MAAM,SAAS,GAAG,uBAAuB,CAAyB,qBAAqB,CAAC,6BAA6B,EAAE,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;IACnJ,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,CAAC,GAAG,EAAE;QAC/C,IAAI,CAAC,OAAO;YAAE,OAAM;QACpB,sBAAsB,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;IACF,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,IAAI,iCAAiC,CAAC;QAC3E,QAAQ,EAAE,OAAO,EAAE,eAAe;QAClC,SAAS,EAAE,iBAAiB;KAC7B,CAAC,CAAA;IACF,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,IAAI,CAAC,CAAC,KAAK,CAAC,YAAY,KAAK,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;IAC7L,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,OAAO,EAAE,SAAS,CAAA;IACvD,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACzH,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB,CACH,CAAA;AACH,CAAC","sourcesContent":["import { BillingStateSlice } from '@wildo-ai/saas-models'\nimport React from 'react'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { useBillingSafe } from '~wildo-frontend-lib/core/billing/useBilling'\nimport { useSafeBillingActionExecutor } from '~wildo-frontend-lib/core/billing/useSafeBillingActionExecutor'\nimport { useUserFacingErrorMessage } from '~wildo-frontend-lib/core/errors/useUserFacingErrorMessage'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\nimport {\n  collectBillingProviderLabelKeys,\n  resolveBillingProviderDisplayName,\n} from '~wildo-frontend-lib/core/billing/billing-provider-display.frontend.utils'\n\n// --- Contract ---\n\nexport interface BillingPortalLinkProps {\n  onOpenPortal: () => void\n  providerName?: string\n  isLoading?: boolean\n  unavailable?: boolean\n  error?: string | null\n}\n\n// --- Wrapper ---\n\n/**\n * Wrapper props: `onOpenPortal` is OPTIONAL here — the wrapper defaults it to\n * safe `openCustomerPortal()` execution when omitted. The PRESET contract above\n * keeps it required: the wrapper always materializes it before resolving the\n * preset.\n */\nexport type BillingPortalLinkWrapperProps = Omit<BillingPortalLinkProps, 'onOpenPortal'> &\n  Partial<Pick<BillingPortalLinkProps, 'onOpenPortal'>> &\n  ComponentPresetProps\n\nexport function BillingPortalLink({ preset = CorePresetNames.DEFAULT, ...props }: BillingPortalLinkWrapperProps): React.JSX.Element {\n  const billing = useBillingSafe()\n  const toUserFacingErrorMessage = useUserFacingErrorMessage()\n  const runBillingActionSafely = useSafeBillingActionExecutor()\n  const billingProviderLabelKeys = React.useMemo(\n    () => collectBillingProviderLabelKeys(billing?.billingProvider),\n    [billing?.billingProvider],\n  )\n  const { t: translateProvider } = useI18n({ keys: billingProviderLabelKeys })\n  const Component = createComponentResolver<BillingPortalLinkProps>(FrontendComponentType.LOW_LEVEL_BILLING_PORTAL_LINK, 'BillingPortalLink')(preset)\n  const onOpenPortal = props.onOpenPortal ?? (() => {\n    if (!billing) return\n    runBillingActionSafely(() => billing.openCustomerPortal())\n  })\n  const providerName = props.providerName ?? resolveBillingProviderDisplayName({\n    provider: billing?.billingProvider,\n    translate: translateProvider,\n  })\n  const unavailable = props.unavailable ?? (!!billing?.isEnabled && !(props.onOpenPortal !== undefined) && [BillingStateSlice.BILLING_ACCOUNT].some(slice => !billing.isSliceAvailable(slice)))\n  const isLoading = props.isLoading ?? billing?.isLoading\n  const error = props.error !== undefined ? props.error : (billing?.error ? toUserFacingErrorMessage(billing.error) : null)\n  return (\n    <Component\n      {...props}\n      onOpenPortal={onOpenPortal}\n      providerName={providerName}\n      isLoading={isLoading}\n      error={error}\n      unavailable={unavailable}\n    />\n  )\n}\n"]}

package/dist/esm/components/billing/billing-pricing-table.d.ts

@@ -34,13 +34,16 @@ export interface PricingTableProps {
     currentPlanKey?: string | null;
     onSelectPlan: (planKey: string, priceId: string) => void;
     showIntervalToggle?: boolean;
+    /** Freeze plan selection while a confirmed mutation is in flight. */
+    isSelectionDisabled?: boolean;
     isLoading?: boolean;
+    unavailable?: boolean;
     error?: string | null;
 }
 /**
  * Wrapper props: `plans` / `onSelectPlan` are OPTIONAL here — the wrapper
  * derives plans from the billing product catalog and defaults plan selection to
- * safe checkout/portal execution when omitted. The PRESET contract above keeps
+ * checkout for new subscriptions and preview/confirmation for existing ones when omitted. The PRESET contract above keeps
  * them required: the wrapper always materializes them before resolving the
  * preset. NOTE: do NOT pass `plans={[]}` to "let the context win" — a provided
  * array (even empty) intentionally overrides the derived catalog.

package/dist/esm/components/billing/billing-pricing-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"billing-pricing-table.d.ts","sourceRoot":"","sources":["../../../../src/components/billing/billing-pricing-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAI1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAO5H,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,mBAAmB,EAAE,CAAA;IACtC,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,KAAK,CAAC;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,UAAU,CAAA;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE,OAAO,CAAA;KACnB,CAAC,CAAA;IACF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxD,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAID;;;;;;;GAOG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,cAAc,CAAC,GACtF,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,cAAc,CAAC,CAAC,GAC1D,oBAAoB,CAAA;AAEtB,wBAAgB,YAAY,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAiF/H"}
+{"version":3,"file":"billing-pricing-table.d.ts","sourceRoot":"","sources":["../../../../../src/components/billing/billing-pricing-table.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkD,MAAM,OAAO,CAAA;AACtE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAI1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAQ5H,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,EAAE,MAAM,CAAA;IACjB,eAAe,EAAE,mBAAmB,EAAE,CAAA;IACtC,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC,SAAS,EAAE,OAAO,CAAA;IAClB,MAAM,EAAE,KAAK,CAAC;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,UAAU,CAAA;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE,OAAO,CAAA;KACnB,CAAC,CAAA;IACF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,gBAAgB,EAAE,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,YAAY,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACxD,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,qEAAqE;IACrE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAID;;;;;;;GAOG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,cAAc,CAAC,GACtF,OAAO,CAAC,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,cAAc,CAAC,CAAC,GAC1D,oBAAoB,CAAA;AAEtB,wBAAgB,YAAY,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA+G/H"}

package/dist/esm/components/billing/billing-pricing-table.js

@@ -1,13 +1,29 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useCallback } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { BillingPlanChangePhase, useBillingPlanChange } from '../../core/billing/useBillingPlanChange.js';
+import { PlanChangePreview } from './billing-plan-change-preview.js';
+import { BillingStateSlice } from '@wildo-ai/saas-models';
+import { useMemo, useCallback, useEffect, useRef } from 'react';
 import { ProductType } from '@wildo-ai/saas-models';
 import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
 import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
 import { useI18n } from '../../core/i18n/useI18n.js';
 import { useBillingSafe } from '../../core/billing/useBilling.js';
 import { useSafeBillingActionExecutor } from '../../core/billing/useSafeBillingActionExecutor.js';
+import { useUserFacingErrorMessage } from '../../core/errors/useUserFacingErrorMessage.js';
 export function PricingTable({ preset = CorePresetNames.DEFAULT, ...props }) {
     const billing = useBillingSafe();
+    const toUserFacingErrorMessage = useUserFacingErrorMessage();
+    const planChange = useBillingPlanChange(billing);
+    const selectionTrigger = useRef(null);
+    const hadPreview = useRef(false);
+    useEffect(() => {
+        const hasPreview = planChange.state.phase !== BillingPlanChangePhase.IDLE;
+        if (hadPreview.current && !hasPreview && selectionTrigger.current?.isConnected)
+            selectionTrigger.current.focus();
+        hadPreview.current = hasPreview;
+    }, [planChange.state.phase]);
+    useEffect(() => { if (props.onSelectPlan)
+        planChange.cancel(); }, [props.onSelectPlan, planChange.cancel]);
     const runBillingActionSafely = useSafeBillingActionExecutor();
     const { tBillingProduct, tBillingFeature, tBillingLimit, isReady } = useI18n({
         keys: ['billing_products', 'billing_features', 'billing_limits'],
@@ -48,7 +64,7 @@ export function PricingTable({ preset = CorePresetNames.DEFAULT, ...props }) {
                     isDefault: price.isDefault ?? true,
                 })),
                 isPopular: product.sortOrder === 1,
-                isFree: productPrices.every(price => price.unitPrice?.amount === 0n),
+                isFree: productPrices.length > 0 && productPrices.every(price => price.unitPrice?.amount === 0n),
                 trialDays: product.behaviorPolicy?.trial?.days,
             };
         });
@@ -59,19 +75,25 @@ export function PricingTable({ preset = CorePresetNames.DEFAULT, ...props }) {
             props.onSelectPlan(planKey, priceId);
             return;
         }
-        if (!billing)
+        if (!billing || ![BillingStateSlice.BILLING_ACCOUNT, BillingStateSlice.SUBSCRIPTION, BillingStateSlice.PRODUCTS, BillingStateSlice.PRICES].every(billing.isSliceAvailable))
             return;
         if (billing.subscription) {
-            runBillingActionSafely(() => billing.openCustomerPortal());
+            if (document.activeElement instanceof HTMLElement)
+                selectionTrigger.current = document.activeElement;
+            void planChange.select({ newProductKey: planKey, newPriceId: priceId });
         }
         else {
             runBillingActionSafely(() => billing.openCheckout(planKey, priceId));
         }
-    }, [props.onSelectPlan, billing, runBillingActionSafely]);
+    }, [props.onSelectPlan, billing, runBillingActionSafely, planChange.select]);
+    const unavailable = props.unavailable ?? (!!billing?.isEnabled && !(props.plans !== undefined) && [BillingStateSlice.PRODUCTS, BillingStateSlice.PRICES, BillingStateSlice.SUBSCRIPTION].some(slice => !billing.isSliceAvailable(slice)));
     const isLoading = props.isLoading ?? billing?.isLoading;
-    const error = props.error !== undefined ? props.error : (billing?.error ? billing.error.message : null);
+    const error = props.error !== undefined ? props.error : (billing?.error ? toUserFacingErrorMessage(billing.error) : null);
     if (!isReady)
         return null;
-    return (_jsx(Component, { ...props, plans: plans, currentPlanKey: currentPlanKey, onSelectPlan: onSelectPlan, isLoading: isLoading, error: error }));
+    return (_jsxs(_Fragment, { children: [_jsx(Component, { ...props, plans: plans, currentPlanKey: currentPlanKey, onSelectPlan: onSelectPlan, isLoading: isLoading, error: error, unavailable: unavailable, isSelectionDisabled: props.isSelectionDisabled || planChange.state.phase === BillingPlanChangePhase.CONFIRMING }), planChange.state.phase !== BillingPlanChangePhase.IDLE && (_jsx(PlanChangePreview, { targetPlanName: tBillingProduct(planChange.state.target.newProductKey, 'name'), preview: 'preview' in planChange.state ? planChange.state.preview : null, isLoading: planChange.state.phase === BillingPlanChangePhase.PREVIEWING, isConfirming: planChange.state.phase === BillingPlanChangePhase.CONFIRMING, hasError: planChange.state.phase === BillingPlanChangePhase.FAILED || ('hasError' in planChange.state && planChange.state.hasError), onCancel: planChange.cancel, onConfirm: planChange.state.phase === BillingPlanChangePhase.READY || planChange.state.phase === BillingPlanChangePhase.CONFIRMING ? () => { void planChange.confirm(); } : undefined, onRetry: planChange.state.phase === BillingPlanChangePhase.FAILED ? () => {
+                    if (planChange.state.phase === BillingPlanChangePhase.FAILED)
+                        void planChange.select(planChange.state.target);
+                } : undefined }))] }));
 }
 //# sourceMappingURL=billing-pricing-table.js.map

package/dist/esm/components/billing/billing-pricing-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"billing-pricing-table.js","sourceRoot":"","sources":["../../../../src/components/billing/billing-pricing-table.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport type { MoneyValue } from '@wildo-ai/zod-decorators'\nimport { ProductType } from '@wildo-ai/saas-models'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\nimport { useBillingSafe } from '~wildo-frontend-lib/core/billing/useBilling'\nimport { useSafeBillingActionExecutor } from '~wildo-frontend-lib/core/billing/useSafeBillingActionExecutor'\n\n// --- Contract ---\n\nexport interface PricingTableFeature {\n  id: string\n  label: string\n}\n\nexport interface PricingTableLimit {\n  id: string\n  label: string\n  value: number\n}\n\nexport interface PricingTablePlan {\n  key: string\n  name: string\n  description?: string\n  planTier?: string\n  sortOrder: number\n  grantedFeatures: PricingTableFeature[]\n  grantedLimits: PricingTableLimit[]\n  isCurrent: boolean\n  prices: Array<{\n    priceId: string\n    price: MoneyValue\n    interval?: string\n    isDefault: boolean\n  }>\n  isPopular?: boolean\n  isFree?: boolean\n  trialDays?: number\n}\n\nexport interface PricingTableProps {\n  plans: PricingTablePlan[]\n  currentPlanKey?: string | null\n  onSelectPlan: (planKey: string, priceId: string) => void\n  showIntervalToggle?: boolean\n  isLoading?: boolean\n  error?: string | null\n}\n\n// --- Wrapper ---\n\n/**\n * Wrapper props: `plans` / `onSelectPlan` are OPTIONAL here — the wrapper\n * derives plans from the billing product catalog and defaults plan selection to\n * safe checkout/portal execution when omitted. The PRESET contract above keeps\n * them required: the wrapper always materializes them before resolving the\n * preset. NOTE: do NOT pass `plans={[]}` to \"let the context win\" — a provided\n * array (even empty) intentionally overrides the derived catalog.\n */\nexport type PricingTableWrapperProps = Omit<PricingTableProps, 'plans' | 'onSelectPlan'> &\n  Partial<Pick<PricingTableProps, 'plans' | 'onSelectPlan'>> &\n  ComponentPresetProps\n\nexport function PricingTable({ preset = CorePresetNames.DEFAULT, ...props }: PricingTableWrapperProps): React.JSX.Element | null {\n  const billing = useBillingSafe()\n  const runBillingActionSafely = useSafeBillingActionExecutor()\n  const { tBillingProduct, tBillingFeature, tBillingLimit, isReady } = useI18n({\n    keys: ['billing_products', 'billing_features', 'billing_limits'],\n  })\n  const Component = createComponentResolver<PricingTableProps>(FrontendComponentType.LOW_LEVEL_BILLING_PRICING_TABLE, 'PricingTable')(preset)\n\n  const plans: PricingTablePlan[] = useMemo(() => {\n    if (props.plans) return props.plans\n    if (!billing?.products) return []\n\n    return billing.products\n      .filter(p => p.type === ProductType.PLAN && p.isPublic && p.isActive)\n      .filter(p => !billing.currentScope || !p.targetScopes || p.targetScopes.includes(billing.currentScope))\n      .map(product => {\n        const productPrices = billing.getPricesForProduct(product._id)\n        return {\n          key: product.key,\n          name: tBillingProduct(product.key, 'name'),\n          description: tBillingProduct(product.key, 'tagline'),\n          planTier: product.planTier,\n          sortOrder: product.sortOrder ?? 0,\n          grantedFeatures: (product.grantedFeatures ?? []).map(f => ({\n            id: f,\n            label: tBillingFeature(f, 'label'),\n          })),\n          grantedLimits: Object.entries(product.grantedLimits ?? {}).map(([k, v]) => ({\n            id: k,\n            label: tBillingLimit(k, 'label'),\n            value: typeof v === 'object' && v !== null ? (v as any).value ?? 0 : 0,\n          })),\n          isCurrent: product.key === billing.currentPlanKey,\n          prices: productPrices\n            .filter(price => price.unitPrice && price.unitPrice.currency)\n            .map(price => ({\n              priceId: price._id,\n              price: price.unitPrice as MoneyValue,\n              interval: price.interval,\n              isDefault: price.isDefault ?? true,\n            })),\n          isPopular: product.sortOrder === 1,\n          isFree: productPrices.every(price => price.unitPrice?.amount === 0n),\n          trialDays: product.behaviorPolicy?.trial?.days,\n        }\n      })\n  }, [props.plans, billing?.products, billing?.currentScope, billing?.currentPlanKey, billing?.getPricesForProduct, tBillingProduct, tBillingFeature, tBillingLimit])\n\n  const currentPlanKey = props.currentPlanKey !== undefined ? props.currentPlanKey : (billing?.currentPlanKey ?? null)\n\n  const onSelectPlan = useCallback(\n    (planKey: string, priceId: string) => {\n      if (props.onSelectPlan) {\n        props.onSelectPlan(planKey, priceId)\n        return\n      }\n      if (!billing) return\n      if (billing.subscription) {\n        runBillingActionSafely(() => billing.openCustomerPortal())\n      } else {\n        runBillingActionSafely(() => billing.openCheckout(planKey, priceId))\n      }\n    },\n    [props.onSelectPlan, billing, runBillingActionSafely],\n  )\n\n  const isLoading = props.isLoading ?? billing?.isLoading\n  const error = props.error !== undefined ? props.error : (billing?.error ? billing.error.message : null)\n\n  if (!isReady) return null\n\n  return (\n    <Component\n      {...props}\n      plans={plans}\n      currentPlanKey={currentPlanKey}\n      onSelectPlan={onSelectPlan}\n      isLoading={isLoading}\n      error={error}\n    />\n  )\n}\n"]}
+{"version":3,"file":"billing-pricing-table.js","sourceRoot":"","sources":["../../../../../src/components/billing/billing-pricing-table.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BillingPlanChangePhase, useBillingPlanChange } from '~wildo-frontend-lib/core/billing/useBillingPlanChange'\nimport { PlanChangePreview } from './billing-plan-change-preview'\nimport { BillingStateSlice } from '@wildo-ai/saas-models'\nimport React, { useMemo, useCallback, useEffect, useRef } from 'react'\nimport type { MoneyValue } from '@wildo-ai/zod-decorators'\nimport { ProductType } from '@wildo-ai/saas-models'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\nimport { useBillingSafe } from '~wildo-frontend-lib/core/billing/useBilling'\nimport { useSafeBillingActionExecutor } from '~wildo-frontend-lib/core/billing/useSafeBillingActionExecutor'\nimport { useUserFacingErrorMessage } from '~wildo-frontend-lib/core/errors/useUserFacingErrorMessage'\n\n// --- Contract ---\n\nexport interface PricingTableFeature {\n  id: string\n  label: string\n}\n\nexport interface PricingTableLimit {\n  id: string\n  label: string\n  value: number\n}\n\nexport interface PricingTablePlan {\n  key: string\n  name: string\n  description?: string\n  planTier?: string\n  sortOrder: number\n  grantedFeatures: PricingTableFeature[]\n  grantedLimits: PricingTableLimit[]\n  isCurrent: boolean\n  prices: Array<{\n    priceId: string\n    price: MoneyValue\n    interval?: string\n    isDefault: boolean\n  }>\n  isPopular?: boolean\n  isFree?: boolean\n  trialDays?: number\n}\n\nexport interface PricingTableProps {\n  plans: PricingTablePlan[]\n  currentPlanKey?: string | null\n  onSelectPlan: (planKey: string, priceId: string) => void\n  showIntervalToggle?: boolean\n  /** Freeze plan selection while a confirmed mutation is in flight. */\n  isSelectionDisabled?: boolean\n  isLoading?: boolean\n  unavailable?: boolean\n  error?: string | null\n}\n\n// --- Wrapper ---\n\n/**\n * Wrapper props: `plans` / `onSelectPlan` are OPTIONAL here — the wrapper\n * derives plans from the billing product catalog and defaults plan selection to\n * checkout for new subscriptions and preview/confirmation for existing ones when omitted. The PRESET contract above keeps\n * them required: the wrapper always materializes them before resolving the\n * preset. NOTE: do NOT pass `plans={[]}` to \"let the context win\" — a provided\n * array (even empty) intentionally overrides the derived catalog.\n */\nexport type PricingTableWrapperProps = Omit<PricingTableProps, 'plans' | 'onSelectPlan'> &\n  Partial<Pick<PricingTableProps, 'plans' | 'onSelectPlan'>> &\n  ComponentPresetProps\n\nexport function PricingTable({ preset = CorePresetNames.DEFAULT, ...props }: PricingTableWrapperProps): React.JSX.Element | null {\n  const billing = useBillingSafe()\n  const toUserFacingErrorMessage = useUserFacingErrorMessage()\n  const planChange = useBillingPlanChange(billing)\n  const selectionTrigger = useRef<HTMLElement | null>(null)\n  const hadPreview = useRef(false)\n  useEffect(() => {\n    const hasPreview = planChange.state.phase !== BillingPlanChangePhase.IDLE\n    if (hadPreview.current && !hasPreview && selectionTrigger.current?.isConnected) selectionTrigger.current.focus()\n    hadPreview.current = hasPreview\n  }, [planChange.state.phase])\n  useEffect(() => { if (props.onSelectPlan) planChange.cancel() }, [props.onSelectPlan, planChange.cancel])\n  const runBillingActionSafely = useSafeBillingActionExecutor()\n  const { tBillingProduct, tBillingFeature, tBillingLimit, isReady } = useI18n({\n    keys: ['billing_products', 'billing_features', 'billing_limits'],\n  })\n  const Component = createComponentResolver<PricingTableProps>(FrontendComponentType.LOW_LEVEL_BILLING_PRICING_TABLE, 'PricingTable')(preset)\n\n  const plans: PricingTablePlan[] = useMemo(() => {\n    if (props.plans) return props.plans\n    if (!billing?.products) return []\n\n    return billing.products\n      .filter(p => p.type === ProductType.PLAN && p.isPublic && p.isActive)\n      .filter(p => !billing.currentScope || !p.targetScopes || p.targetScopes.includes(billing.currentScope))\n      .map(product => {\n        const productPrices = billing.getPricesForProduct(product._id)\n        return {\n          key: product.key,\n          name: tBillingProduct(product.key, 'name'),\n          description: tBillingProduct(product.key, 'tagline'),\n          planTier: product.planTier,\n          sortOrder: product.sortOrder ?? 0,\n          grantedFeatures: (product.grantedFeatures ?? []).map(f => ({\n            id: f,\n            label: tBillingFeature(f, 'label'),\n          })),\n          grantedLimits: Object.entries(product.grantedLimits ?? {}).map(([k, v]) => ({\n            id: k,\n            label: tBillingLimit(k, 'label'),\n            value: typeof v === 'object' && v !== null ? (v as any).value ?? 0 : 0,\n          })),\n          isCurrent: product.key === billing.currentPlanKey,\n          prices: productPrices\n            .filter(price => price.unitPrice && price.unitPrice.currency)\n            .map(price => ({\n              priceId: price._id,\n              price: price.unitPrice as MoneyValue,\n              interval: price.interval,\n              isDefault: price.isDefault ?? true,\n            })),\n          isPopular: product.sortOrder === 1,\n          isFree: productPrices.length > 0 && productPrices.every(price => price.unitPrice?.amount === 0n),\n          trialDays: product.behaviorPolicy?.trial?.days,\n        }\n      })\n  }, [props.plans, billing?.products, billing?.currentScope, billing?.currentPlanKey, billing?.getPricesForProduct, tBillingProduct, tBillingFeature, tBillingLimit])\n\n  const currentPlanKey = props.currentPlanKey !== undefined ? props.currentPlanKey : (billing?.currentPlanKey ?? null)\n\n  const onSelectPlan = useCallback(\n    (planKey: string, priceId: string) => {\n      if (props.onSelectPlan) {\n        props.onSelectPlan(planKey, priceId)\n        return\n      }\n      if (!billing || ![BillingStateSlice.BILLING_ACCOUNT, BillingStateSlice.SUBSCRIPTION, BillingStateSlice.PRODUCTS, BillingStateSlice.PRICES].every(billing.isSliceAvailable)) return\n      if (billing.subscription) {\n        if (document.activeElement instanceof HTMLElement) selectionTrigger.current = document.activeElement\n        void planChange.select({ newProductKey: planKey, newPriceId: priceId })\n      } else {\n        runBillingActionSafely(() => billing.openCheckout(planKey, priceId))\n      }\n    },\n    [props.onSelectPlan, billing, runBillingActionSafely, planChange.select],\n  )\n\n  const unavailable = props.unavailable ?? (!!billing?.isEnabled && !(props.plans !== undefined) && [BillingStateSlice.PRODUCTS, BillingStateSlice.PRICES, BillingStateSlice.SUBSCRIPTION].some(slice => !billing.isSliceAvailable(slice)))\n  const isLoading = props.isLoading ?? billing?.isLoading\n  const error = props.error !== undefined ? props.error : (billing?.error ? toUserFacingErrorMessage(billing.error) : null)\n\n  if (!isReady) return null\n\n  return (\n    <>\n    <Component\n      {...props}\n      plans={plans}\n      currentPlanKey={currentPlanKey}\n      onSelectPlan={onSelectPlan}\n      isLoading={isLoading}\n      error={error}\n      unavailable={unavailable}\n      isSelectionDisabled={props.isSelectionDisabled || planChange.state.phase === BillingPlanChangePhase.CONFIRMING}\n    />\n    {planChange.state.phase !== BillingPlanChangePhase.IDLE && (\n      <PlanChangePreview\n        targetPlanName={tBillingProduct(planChange.state.target.newProductKey, 'name')}\n        preview={'preview' in planChange.state ? planChange.state.preview : null}\n        isLoading={planChange.state.phase === BillingPlanChangePhase.PREVIEWING}\n        isConfirming={planChange.state.phase === BillingPlanChangePhase.CONFIRMING}\n        hasError={planChange.state.phase === BillingPlanChangePhase.FAILED || ('hasError' in planChange.state && planChange.state.hasError)}\n        onCancel={planChange.cancel}\n        onConfirm={planChange.state.phase === BillingPlanChangePhase.READY || planChange.state.phase === BillingPlanChangePhase.CONFIRMING ? () => { void planChange.confirm() } : undefined}\n        onRetry={planChange.state.phase === BillingPlanChangePhase.FAILED ? () => {\n          if (planChange.state.phase === BillingPlanChangePhase.FAILED) void planChange.select(planChange.state.target)\n        } : undefined}\n      />\n    )}\n    </>\n  )\n}\n"]}

package/dist/esm/components/billing/billing-subscription-status.d.ts

@@ -11,6 +11,7 @@ export interface SubscriptionStatusProps {
     nextPayment?: MoneyValue;
     onManageBilling?: () => void;
     isLoading?: boolean;
+    unavailable?: boolean;
     error?: string | null;
 }
 /**

package/dist/esm/components/billing/billing-subscription-status.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"billing-subscription-status.d.ts","sourceRoot":"","sources":["../../../../src/components/billing/billing-subscription-status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAW5H,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,IAAI,GAAG,IAAI,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACtB,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAID;;;;;GAKG;AACH,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,uBAAuB,EAAE,QAAQ,GAAG,UAAU,GAAG,kBAAkB,CAAC,GACpH,OAAO,CAAC,IAAI,CAAC,uBAAuB,EAAE,QAAQ,GAAG,UAAU,GAAG,kBAAkB,CAAC,CAAC,GAClF,oBAAoB,CAAA;AAEtB,wBAAgB,kBAAkB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,8BAA8B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAuD3I"}
+{"version":3,"file":"billing-subscription-status.d.ts","sourceRoot":"","sources":["../../../../../src/components/billing/billing-subscription-status.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAG1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAY5H,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gBAAgB,EAAE,IAAI,GAAG,IAAI,CAAA;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACtB,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAID;;;;;GAKG;AACH,MAAM,MAAM,8BAA8B,GAAG,IAAI,CAAC,uBAAuB,EAAE,QAAQ,GAAG,UAAU,GAAG,kBAAkB,CAAC,GACpH,OAAO,CAAC,IAAI,CAAC,uBAAuB,EAAE,QAAQ,GAAG,UAAU,GAAG,kBAAkB,CAAC,CAAC,GAClF,oBAAoB,CAAA;AAEtB,wBAAgB,kBAAkB,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,8BAA8B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA0D3I"}

package/dist/esm/components/billing/billing-subscription-status.js

@@ -1,13 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { BillingStateSlice } from '@wildo-ai/saas-models';
 import { useMemo } from 'react';
 import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
 import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
 import { useI18n } from '../../core/i18n/useI18n.js';
 import { useBillingSafe } from '../../core/billing/useBilling.js';
 import { useSafeBillingActionExecutor } from '../../core/billing/useSafeBillingActionExecutor.js';
+import { useUserFacingErrorMessage } from '../../core/errors/useUserFacingErrorMessage.js';
 import { collectBillingProviderLabelKeys, resolveBillingProviderDisplayName, } from '../../core/billing/billing-provider-display.frontend.utils.js';
 export function SubscriptionStatus({ preset = CorePresetNames.DEFAULT, ...props }) {
     const billing = useBillingSafe();
+    const toUserFacingErrorMessage = useUserFacingErrorMessage();
     const runBillingActionSafely = useSafeBillingActionExecutor();
     const billingProviderLabelKeys = useMemo(() => collectBillingProviderLabelKeys(billing?.billingProvider), [billing?.billingProvider]);
     const { tBillingProduct, t: translateProvider, isReady } = useI18n({
@@ -26,7 +29,7 @@ export function SubscriptionStatus({ preset = CorePresetNames.DEFAULT, ...props
     const nextPayment = useMemo(() => {
         if (props.nextPayment !== undefined)
             return props.nextPayment;
-        if (!billing?.currentPlanProduct)
+        if (!billing?.isSliceAvailable(BillingStateSlice.PRICES) || !billing.currentPlanProduct)
             return undefined;
         const planPrices = billing.getPricesForProduct(billing.currentPlanProduct._id);
         const defaultPrice = planPrices.find(p => p.isDefault) ?? planPrices[0];
@@ -35,13 +38,14 @@ export function SubscriptionStatus({ preset = CorePresetNames.DEFAULT, ...props
             return undefined;
         return price;
     }, [props.nextPayment, billing?.currentPlanProduct, billing?.getPricesForProduct]);
-    const onManageBilling = props.onManageBilling ?? (billing ? () => {
+    const onManageBilling = props.onManageBilling ?? (billing?.isSliceAvailable(BillingStateSlice.BILLING_ACCOUNT) ? () => {
         runBillingActionSafely(() => billing.openCustomerPortal());
     } : undefined);
+    const unavailable = props.unavailable ?? (!!billing?.isEnabled && !(props.status !== undefined && props.planName !== undefined && props.currentPeriodEnd !== undefined) && [BillingStateSlice.SUBSCRIPTION, BillingStateSlice.PRODUCTS, BillingStateSlice.PRICES].some(slice => !billing.isSliceAvailable(slice)));
     const isLoading = props.isLoading ?? billing?.isLoading;
-    const error = props.error !== undefined ? props.error : (billing?.error ? billing.error.message : null);
+    const error = props.error !== undefined ? props.error : (billing?.error ? toUserFacingErrorMessage(billing.error) : null);
     if (!isReady)
         return null;
-    return (_jsx(Component, { ...props, status: status, planName: planName, providerName: providerName, currentPeriodEnd: currentPeriodEnd, cancelAtPeriodEnd: cancelAtPeriodEnd, trialEnd: trialEnd, nextPayment: nextPayment, onManageBilling: onManageBilling, isLoading: isLoading, error: error }));
+    return (_jsx(Component, { ...props, status: status, planName: planName, providerName: providerName, currentPeriodEnd: currentPeriodEnd, cancelAtPeriodEnd: cancelAtPeriodEnd, trialEnd: trialEnd, nextPayment: nextPayment, onManageBilling: onManageBilling, isLoading: isLoading, error: error, unavailable: unavailable }));
 }
 //# sourceMappingURL=billing-subscription-status.js.map

package/dist/esm/components/billing/billing-subscription-status.js.map

@@ -1 +1 @@
-{"version":3,"file":"billing-subscription-status.js","sourceRoot":"","sources":["../../../../src/components/billing/billing-subscription-status.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react'\nimport type { MoneyValue } from '@wildo-ai/zod-decorators'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\nimport { useBillingSafe } from '~wildo-frontend-lib/core/billing/useBilling'\nimport { useSafeBillingActionExecutor } from '~wildo-frontend-lib/core/billing/useSafeBillingActionExecutor'\nimport {\n  collectBillingProviderLabelKeys,\n  resolveBillingProviderDisplayName,\n} from '~wildo-frontend-lib/core/billing/billing-provider-display.frontend.utils'\n\n// --- Contract ---\n\nexport interface SubscriptionStatusProps {\n  status: string | null\n  planName: string | null\n  providerName?: string\n  currentPeriodEnd: Date | null\n  cancelAtPeriodEnd?: boolean\n  trialEnd?: Date | null\n  nextPayment?: MoneyValue\n  onManageBilling?: () => void\n  isLoading?: boolean\n  error?: string | null\n}\n\n// --- Wrapper ---\n\n/**\n * Wrapper props: the context-hydratable data props are OPTIONAL here — the\n * wrapper fills `status` / `planName` / `currentPeriodEnd` (and the rest) from\n * `useBillingSafe()` when omitted. The PRESET contract above keeps them\n * required: the wrapper always materializes them before resolving the preset.\n */\nexport type SubscriptionStatusWrapperProps = Omit<SubscriptionStatusProps, 'status' | 'planName' | 'currentPeriodEnd'> &\n  Partial<Pick<SubscriptionStatusProps, 'status' | 'planName' | 'currentPeriodEnd'>> &\n  ComponentPresetProps\n\nexport function SubscriptionStatus({ preset = CorePresetNames.DEFAULT, ...props }: SubscriptionStatusWrapperProps): React.JSX.Element | null {\n  const billing = useBillingSafe()\n  const runBillingActionSafely = useSafeBillingActionExecutor()\n  const billingProviderLabelKeys = useMemo(\n    () => collectBillingProviderLabelKeys(billing?.billingProvider),\n    [billing?.billingProvider],\n  )\n  const { tBillingProduct, t: translateProvider, isReady } = useI18n({\n    keys: ['billing_products', ...billingProviderLabelKeys],\n  })\n  const Component = createComponentResolver<SubscriptionStatusProps>(FrontendComponentType.LOW_LEVEL_BILLING_SUBSCRIPTION_STATUS, 'SubscriptionStatus')(preset)\n\n  const status = props.status ?? billing?.subscription?.status ?? null\n  const planName = props.planName ?? (billing?.currentPlanKey ? tBillingProduct(billing.currentPlanKey, 'name') : null)\n  const providerName = props.providerName ?? resolveBillingProviderDisplayName({\n    provider: billing?.billingProvider,\n    translate: translateProvider,\n  })\n  const currentPeriodEnd = props.currentPeriodEnd ?? billing?.subscription?.currentPeriodEnd ?? null\n  const cancelAtPeriodEnd = props.cancelAtPeriodEnd ?? billing?.subscription?.cancelAtPeriodEnd\n  const trialEnd = props.trialEnd !== undefined ? props.trialEnd : (billing?.subscription?.trialEnd ?? null)\n\n  const nextPayment = useMemo(() => {\n    if (props.nextPayment !== undefined) return props.nextPayment\n    if (!billing?.currentPlanProduct) return undefined\n    const planPrices = billing.getPricesForProduct(billing.currentPlanProduct._id)\n    const defaultPrice = planPrices.find(p => p.isDefault) ?? planPrices[0]\n    const price = defaultPrice?.unitPrice\n    if (!price || !price.currency) return undefined\n    return price as MoneyValue\n  }, [props.nextPayment, billing?.currentPlanProduct, billing?.getPricesForProduct])\n\n  const onManageBilling = props.onManageBilling ?? (billing ? () => {\n    runBillingActionSafely(() => billing.openCustomerPortal())\n  } : undefined)\n  const isLoading = props.isLoading ?? billing?.isLoading\n  const error = props.error !== undefined ? props.error : (billing?.error ? billing.error.message : null)\n\n  if (!isReady) return null\n\n  return (\n    <Component\n      {...props}\n      status={status}\n      planName={planName}\n      providerName={providerName}\n      currentPeriodEnd={currentPeriodEnd}\n      cancelAtPeriodEnd={cancelAtPeriodEnd}\n      trialEnd={trialEnd}\n      nextPayment={nextPayment}\n      onManageBilling={onManageBilling}\n      isLoading={isLoading}\n      error={error}\n    />\n  )\n}\n"]}
+{"version":3,"file":"billing-subscription-status.js","sourceRoot":"","sources":["../../../../../src/components/billing/billing-subscription-status.tsx"],"names":[],"mappings":"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","sourcesContent":["import { BillingStateSlice } from '@wildo-ai/saas-models'\nimport React, { useMemo } from 'react'\nimport type { MoneyValue } from '@wildo-ai/zod-decorators'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\nimport { useBillingSafe } from '~wildo-frontend-lib/core/billing/useBilling'\nimport { useSafeBillingActionExecutor } from '~wildo-frontend-lib/core/billing/useSafeBillingActionExecutor'\nimport { useUserFacingErrorMessage } from '~wildo-frontend-lib/core/errors/useUserFacingErrorMessage'\nimport {\n  collectBillingProviderLabelKeys,\n  resolveBillingProviderDisplayName,\n} from '~wildo-frontend-lib/core/billing/billing-provider-display.frontend.utils'\n\n// --- Contract ---\n\nexport interface SubscriptionStatusProps {\n  status: string | null\n  planName: string | null\n  providerName?: string\n  currentPeriodEnd: Date | null\n  cancelAtPeriodEnd?: boolean\n  trialEnd?: Date | null\n  nextPayment?: MoneyValue\n  onManageBilling?: () => void\n  isLoading?: boolean\n  unavailable?: boolean\n  error?: string | null\n}\n\n// --- Wrapper ---\n\n/**\n * Wrapper props: the context-hydratable data props are OPTIONAL here — the\n * wrapper fills `status` / `planName` / `currentPeriodEnd` (and the rest) from\n * `useBillingSafe()` when omitted. The PRESET contract above keeps them\n * required: the wrapper always materializes them before resolving the preset.\n */\nexport type SubscriptionStatusWrapperProps = Omit<SubscriptionStatusProps, 'status' | 'planName' | 'currentPeriodEnd'> &\n  Partial<Pick<SubscriptionStatusProps, 'status' | 'planName' | 'currentPeriodEnd'>> &\n  ComponentPresetProps\n\nexport function SubscriptionStatus({ preset = CorePresetNames.DEFAULT, ...props }: SubscriptionStatusWrapperProps): React.JSX.Element | null {\n  const billing = useBillingSafe()\n  const toUserFacingErrorMessage = useUserFacingErrorMessage()\n  const runBillingActionSafely = useSafeBillingActionExecutor()\n  const billingProviderLabelKeys = useMemo(\n    () => collectBillingProviderLabelKeys(billing?.billingProvider),\n    [billing?.billingProvider],\n  )\n  const { tBillingProduct, t: translateProvider, isReady } = useI18n({\n    keys: ['billing_products', ...billingProviderLabelKeys],\n  })\n  const Component = createComponentResolver<SubscriptionStatusProps>(FrontendComponentType.LOW_LEVEL_BILLING_SUBSCRIPTION_STATUS, 'SubscriptionStatus')(preset)\n\n  const status = props.status ?? billing?.subscription?.status ?? null\n  const planName = props.planName ?? (billing?.currentPlanKey ? tBillingProduct(billing.currentPlanKey, 'name') : null)\n  const providerName = props.providerName ?? resolveBillingProviderDisplayName({\n    provider: billing?.billingProvider,\n    translate: translateProvider,\n  })\n  const currentPeriodEnd = props.currentPeriodEnd ?? billing?.subscription?.currentPeriodEnd ?? null\n  const cancelAtPeriodEnd = props.cancelAtPeriodEnd ?? billing?.subscription?.cancelAtPeriodEnd\n  const trialEnd = props.trialEnd !== undefined ? props.trialEnd : (billing?.subscription?.trialEnd ?? null)\n\n  const nextPayment = useMemo(() => {\n    if (props.nextPayment !== undefined) return props.nextPayment\n    if (!billing?.isSliceAvailable(BillingStateSlice.PRICES) || !billing.currentPlanProduct) return undefined\n    const planPrices = billing.getPricesForProduct(billing.currentPlanProduct._id)\n    const defaultPrice = planPrices.find(p => p.isDefault) ?? planPrices[0]\n    const price = defaultPrice?.unitPrice\n    if (!price || !price.currency) return undefined\n    return price as MoneyValue\n  }, [props.nextPayment, billing?.currentPlanProduct, billing?.getPricesForProduct])\n\n  const onManageBilling = props.onManageBilling ?? (billing?.isSliceAvailable(BillingStateSlice.BILLING_ACCOUNT) ? () => {\n    runBillingActionSafely(() => billing.openCustomerPortal())\n  } : undefined)\n  const unavailable = props.unavailable ?? (!!billing?.isEnabled && !(props.status !== undefined && props.planName !== undefined && props.currentPeriodEnd !== undefined) && [BillingStateSlice.SUBSCRIPTION, BillingStateSlice.PRODUCTS, BillingStateSlice.PRICES].some(slice => !billing.isSliceAvailable(slice)))\n  const isLoading = props.isLoading ?? billing?.isLoading\n  const error = props.error !== undefined ? props.error : (billing?.error ? toUserFacingErrorMessage(billing.error) : null)\n\n  if (!isReady) return null\n\n  return (\n    <Component\n      {...props}\n      status={status}\n      planName={planName}\n      providerName={providerName}\n      currentPeriodEnd={currentPeriodEnd}\n      cancelAtPeriodEnd={cancelAtPeriodEnd}\n      trialEnd={trialEnd}\n      nextPayment={nextPayment}\n      onManageBilling={onManageBilling}\n      isLoading={isLoading}\n      error={error}\n      unavailable={unavailable}\n    />\n  )\n}\n"]}

package/dist/esm/components/billing/billing-usage-dashboard.d.ts

@@ -20,6 +20,8 @@ export interface UsageDashboardProps {
     creditPools: UsageDashboardCreditPool[];
     onTopUp?: (poolKey: string) => void;
     isLoading?: boolean;
+    usageUnavailable?: boolean;
+    creditPoolsUnavailable?: boolean;
     error?: string | null;
 }
 /**

package/dist/esm/components/billing/billing-usage-dashboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"billing-usage-dashboard.d.ts","sourceRoot":"","sources":["../../../../src/components/billing/billing-usage-dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAInD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAO5H,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,qBAAqB,EAAE,CAAA;IACjC,WAAW,EAAE,wBAAwB,EAAE,CAAA;IACvC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAID;;;;;GAKG;AACH,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,aAAa,CAAC,GAC5F,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,aAAa,CAAC,CAAC,GAC9D,oBAAoB,CAAA;AAEtB,wBAAgB,cAAc,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAiEnI"}
+{"version":3,"file":"billing-usage-dashboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/billing/billing-usage-dashboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAInD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kFAAkF,CAAA;AAQ5H,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,EAAE,MAAM,CAAA;IACnB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,IAAI,CAAA;CACtB;AAED,MAAM,WAAW,wBAAwB;IACvC,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,cAAc,EAAE,MAAM,CAAA;IACtB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,qBAAqB,EAAE,CAAA;IACjC,WAAW,EAAE,wBAAwB,EAAE,CAAA;IACvC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB;AAID;;;;;GAKG;AACH,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,aAAa,CAAC,GAC5F,OAAO,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,aAAa,CAAC,CAAC,GAC9D,oBAAoB,CAAA;AAEtB,wBAAgB,cAAc,CAAC,EAAE,MAAgC,EAAE,GAAG,KAAK,EAAE,EAAE,0BAA0B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAuEnI"}

package/dist/esm/components/billing/billing-usage-dashboard.js

@@ -1,13 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useCallback } from 'react';
-import { ProductType } from '@wildo-ai/saas-models';
+import { BillingStateSlice, ProductType } from '@wildo-ai/saas-models';
 import { createComponentResolver } from '../../core/components-registry/component-resolver.frontend.helper.js';
 import { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models';
 import { useI18n } from '../../core/i18n/useI18n.js';
 import { useBillingSafe } from '../../core/billing/useBilling.js';
 import { useSafeBillingActionExecutor } from '../../core/billing/useSafeBillingActionExecutor.js';
+import { useUserFacingErrorMessage } from '../../core/errors/useUserFacingErrorMessage.js';
 export function UsageDashboard({ preset = CorePresetNames.DEFAULT, ...props }) {
     const billing = useBillingSafe();
+    const toUserFacingErrorMessage = useUserFacingErrorMessage();
     const runBillingActionSafely = useSafeBillingActionExecutor();
     const { tBillingProduct, tBillingCreditPool, isReady } = useI18n({
         keys: ['billing_products', 'billing_credit_pools'],
@@ -45,7 +47,7 @@ export function UsageDashboard({ preset = CorePresetNames.DEFAULT, ...props }) {
             props.onTopUp(poolKey);
             return;
         }
-        if (!billing)
+        if (!billing || ![BillingStateSlice.BILLING_ACCOUNT, BillingStateSlice.PRODUCTS, BillingStateSlice.PRICES, BillingStateSlice.CREDIT_POOLS].every(billing.isSliceAvailable))
             return;
         const creditPackProduct = billing.products.find(p => p.type === ProductType.CREDIT_PACK && p.purchaseConfig?.creditPoolKey === poolKey);
         if (!creditPackProduct)
@@ -56,10 +58,13 @@ export function UsageDashboard({ preset = CorePresetNames.DEFAULT, ...props }) {
             runBillingActionSafely(() => billing.openCheckout(creditPackProduct.key, defaultPrice._id));
         }
     }, [props.onTopUp, billing, runBillingActionSafely]);
+    const usageUnavailable = props.usageUnavailable ?? (!!billing?.isEnabled && props.products === undefined && !billing.isSliceAvailable(BillingStateSlice.USAGE));
+    const creditPoolsUnavailable = props.creditPoolsUnavailable ?? (!!billing?.isEnabled && props.creditPools === undefined && !billing.isSliceAvailable(BillingStateSlice.CREDIT_POOLS));
+    const canTopUp = !!props.onTopUp || !!billing && [BillingStateSlice.BILLING_ACCOUNT, BillingStateSlice.PRODUCTS, BillingStateSlice.PRICES, BillingStateSlice.CREDIT_POOLS].every(billing.isSliceAvailable);
     const isLoading = props.isLoading ?? billing?.isLoading;
-    const error = props.error !== undefined ? props.error : (billing?.error ? billing.error.message : null);
+    const error = props.error !== undefined ? props.error : (billing?.error ? toUserFacingErrorMessage(billing.error) : null);
     if (!isReady)
         return null;
-    return (_jsx(Component, { ...props, products: products, creditPools: creditPools, onTopUp: onTopUp, isLoading: isLoading, error: error }));
+    return (_jsx(Component, { ...props, products: products, creditPools: creditPools, onTopUp: canTopUp ? onTopUp : undefined, usageUnavailable: usageUnavailable, creditPoolsUnavailable: creditPoolsUnavailable, isLoading: isLoading, error: error }));
 }
 //# sourceMappingURL=billing-usage-dashboard.js.map

package/dist/esm/components/billing/billing-usage-dashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"billing-usage-dashboard.js","sourceRoot":"","sources":["../../../../src/components/billing/billing-usage-dashboard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport { ProductType } from '@wildo-ai/saas-models'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\nimport { useBillingSafe } from '~wildo-frontend-lib/core/billing/useBilling'\nimport { useSafeBillingActionExecutor } from '~wildo-frontend-lib/core/billing/useSafeBillingActionExecutor'\n\n// --- Contract ---\n\nexport interface UsageDashboardProduct {\n  productKey: string\n  productName: string\n  currentPeriodUsage: number\n  previousPeriodUsage?: number\n  limit?: number\n  lastRecordedAt?: Date\n}\n\nexport interface UsageDashboardCreditPool {\n  poolKey: string\n  poolName: string\n  available: number\n  totalPurchased: number\n  totalConsumed: number\n}\n\nexport interface UsageDashboardProps {\n  products: UsageDashboardProduct[]\n  creditPools: UsageDashboardCreditPool[]\n  onTopUp?: (poolKey: string) => void\n  isLoading?: boolean\n  error?: string | null\n}\n\n// --- Wrapper ---\n\n/**\n * Wrapper props: `products` / `creditPools` are OPTIONAL here — the wrapper\n * derives both from the billing usage state when omitted. The PRESET contract\n * above keeps them required: the wrapper always materializes them before\n * resolving the preset.\n */\nexport type UsageDashboardWrapperProps = Omit<UsageDashboardProps, 'products' | 'creditPools'> &\n  Partial<Pick<UsageDashboardProps, 'products' | 'creditPools'>> &\n  ComponentPresetProps\n\nexport function UsageDashboard({ preset = CorePresetNames.DEFAULT, ...props }: UsageDashboardWrapperProps): React.JSX.Element | null {\n  const billing = useBillingSafe()\n  const runBillingActionSafely = useSafeBillingActionExecutor()\n  const { tBillingProduct, tBillingCreditPool, isReady } = useI18n({\n    keys: ['billing_products', 'billing_credit_pools'],\n  })\n  const Component = createComponentResolver<UsageDashboardProps>(FrontendComponentType.LOW_LEVEL_BILLING_USAGE_DASHBOARD, 'UsageDashboard')(preset)\n\n  const products: UsageDashboardProduct[] = useMemo(() => {\n    if (props.products) return props.products\n    if (!billing?.usage?.byProduct) return []\n    return Object.entries(billing.usage.byProduct).map(([productKey, data]) => ({\n      productKey,\n      productName: tBillingProduct(productKey, 'name'),\n      currentPeriodUsage: data.currentPeriodUsage,\n      previousPeriodUsage: data.previousPeriodUsage,\n      limit: data.limit,\n      lastRecordedAt: data.lastRecordedAt,\n    }))\n  }, [props.products, billing?.usage?.byProduct, tBillingProduct])\n\n  const creditPools: UsageDashboardCreditPool[] = useMemo(() => {\n    if (props.creditPools) return props.creditPools\n    if (!billing?.creditPools) return []\n    return Object.entries(billing.creditPools).map(([poolKey, data]) => ({\n      poolKey,\n      poolName: tBillingCreditPool(poolKey, 'name'),\n      available: data.available,\n      totalPurchased: data.totalPurchased,\n      totalConsumed: data.totalConsumed,\n    }))\n  }, [props.creditPools, billing?.creditPools, tBillingCreditPool])\n\n  const onTopUp = useCallback((poolKey: string) => {\n    if (props.onTopUp) {\n      props.onTopUp(poolKey)\n      return\n    }\n    if (!billing) return\n    const creditPackProduct = billing.products.find(\n      p => p.type === ProductType.CREDIT_PACK && p.purchaseConfig?.creditPoolKey === poolKey,\n    )\n    if (!creditPackProduct) return\n    const creditPackPrices = billing.getPricesForProduct(creditPackProduct._id)\n    const defaultPrice = creditPackPrices.find(p => p.isDefault) ?? creditPackPrices[0]\n    if (defaultPrice) {\n      runBillingActionSafely(() => billing.openCheckout(creditPackProduct.key, defaultPrice._id))\n    }\n  }, [props.onTopUp, billing, runBillingActionSafely])\n\n  const isLoading = props.isLoading ?? billing?.isLoading\n  const error = props.error !== undefined ? props.error : (billing?.error ? billing.error.message : null)\n\n  if (!isReady) return null\n\n  return (\n    <Component\n      {...props}\n      products={products}\n      creditPools={creditPools}\n      onTopUp={onTopUp}\n      isLoading={isLoading}\n      error={error}\n    />\n  )\n}\n"]}
+{"version":3,"file":"billing-usage-dashboard.js","sourceRoot":"","sources":["../../../../../src/components/billing/billing-usage-dashboard.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useCallback } from 'react'\nimport { BillingStateSlice, ProductType } from '@wildo-ai/saas-models'\nimport { createComponentResolver } from '~wildo-frontend-lib/core/components-registry/component-resolver.frontend.helper'\nimport { FrontendComponentType, CorePresetNames } from '@wildo-ai/presets-components-models'\nimport type { ComponentPresetProps } from '~wildo-frontend-lib/core/components-registry/component-registry.frontend.schemas'\nimport { useI18n } from '~wildo-frontend-lib/core/i18n/useI18n'\nimport { useBillingSafe } from '~wildo-frontend-lib/core/billing/useBilling'\nimport { useSafeBillingActionExecutor } from '~wildo-frontend-lib/core/billing/useSafeBillingActionExecutor'\nimport { useUserFacingErrorMessage } from '~wildo-frontend-lib/core/errors/useUserFacingErrorMessage'\n\n// --- Contract ---\n\nexport interface UsageDashboardProduct {\n  productKey: string\n  productName: string\n  currentPeriodUsage: number\n  previousPeriodUsage?: number\n  limit?: number\n  lastRecordedAt?: Date\n}\n\nexport interface UsageDashboardCreditPool {\n  poolKey: string\n  poolName: string\n  available: number\n  totalPurchased: number\n  totalConsumed: number\n}\n\nexport interface UsageDashboardProps {\n  products: UsageDashboardProduct[]\n  creditPools: UsageDashboardCreditPool[]\n  onTopUp?: (poolKey: string) => void\n  isLoading?: boolean\n  usageUnavailable?: boolean\n  creditPoolsUnavailable?: boolean\n  error?: string | null\n}\n\n// --- Wrapper ---\n\n/**\n * Wrapper props: `products` / `creditPools` are OPTIONAL here — the wrapper\n * derives both from the billing usage state when omitted. The PRESET contract\n * above keeps them required: the wrapper always materializes them before\n * resolving the preset.\n */\nexport type UsageDashboardWrapperProps = Omit<UsageDashboardProps, 'products' | 'creditPools'> &\n  Partial<Pick<UsageDashboardProps, 'products' | 'creditPools'>> &\n  ComponentPresetProps\n\nexport function UsageDashboard({ preset = CorePresetNames.DEFAULT, ...props }: UsageDashboardWrapperProps): React.JSX.Element | null {\n  const billing = useBillingSafe()\n  const toUserFacingErrorMessage = useUserFacingErrorMessage()\n  const runBillingActionSafely = useSafeBillingActionExecutor()\n  const { tBillingProduct, tBillingCreditPool, isReady } = useI18n({\n    keys: ['billing_products', 'billing_credit_pools'],\n  })\n  const Component = createComponentResolver<UsageDashboardProps>(FrontendComponentType.LOW_LEVEL_BILLING_USAGE_DASHBOARD, 'UsageDashboard')(preset)\n\n  const products: UsageDashboardProduct[] = useMemo(() => {\n    if (props.products) return props.products\n    if (!billing?.usage?.byProduct) return []\n    return Object.entries(billing.usage.byProduct).map(([productKey, data]) => ({\n      productKey,\n      productName: tBillingProduct(productKey, 'name'),\n      currentPeriodUsage: data.currentPeriodUsage,\n      previousPeriodUsage: data.previousPeriodUsage,\n      limit: data.limit,\n      lastRecordedAt: data.lastRecordedAt,\n    }))\n  }, [props.products, billing?.usage?.byProduct, tBillingProduct])\n\n  const creditPools: UsageDashboardCreditPool[] = useMemo(() => {\n    if (props.creditPools) return props.creditPools\n    if (!billing?.creditPools) return []\n    return Object.entries(billing.creditPools).map(([poolKey, data]) => ({\n      poolKey,\n      poolName: tBillingCreditPool(poolKey, 'name'),\n      available: data.available,\n      totalPurchased: data.totalPurchased,\n      totalConsumed: data.totalConsumed,\n    }))\n  }, [props.creditPools, billing?.creditPools, tBillingCreditPool])\n\n  const onTopUp = useCallback((poolKey: string) => {\n    if (props.onTopUp) {\n      props.onTopUp(poolKey)\n      return\n    }\n    if (!billing || ![BillingStateSlice.BILLING_ACCOUNT, BillingStateSlice.PRODUCTS, BillingStateSlice.PRICES, BillingStateSlice.CREDIT_POOLS].every(billing.isSliceAvailable)) return\n    const creditPackProduct = billing.products.find(\n      p => p.type === ProductType.CREDIT_PACK && p.purchaseConfig?.creditPoolKey === poolKey,\n    )\n    if (!creditPackProduct) return\n    const creditPackPrices = billing.getPricesForProduct(creditPackProduct._id)\n    const defaultPrice = creditPackPrices.find(p => p.isDefault) ?? creditPackPrices[0]\n    if (defaultPrice) {\n      runBillingActionSafely(() => billing.openCheckout(creditPackProduct.key, defaultPrice._id))\n    }\n  }, [props.onTopUp, billing, runBillingActionSafely])\n\n  const usageUnavailable = props.usageUnavailable ?? (!!billing?.isEnabled && props.products === undefined && !billing.isSliceAvailable(BillingStateSlice.USAGE))\n  const creditPoolsUnavailable = props.creditPoolsUnavailable ?? (!!billing?.isEnabled && props.creditPools === undefined && !billing.isSliceAvailable(BillingStateSlice.CREDIT_POOLS))\n  const canTopUp = !!props.onTopUp || !!billing && [BillingStateSlice.BILLING_ACCOUNT, BillingStateSlice.PRODUCTS, BillingStateSlice.PRICES, BillingStateSlice.CREDIT_POOLS].every(billing.isSliceAvailable)\n  const isLoading = props.isLoading ?? billing?.isLoading\n  const error = props.error !== undefined ? props.error : (billing?.error ? toUserFacingErrorMessage(billing.error) : null)\n\n  if (!isReady) return null\n\n  return (\n    <Component\n      {...props}\n      products={products}\n      creditPools={creditPools}\n      onTopUp={canTopUp ? onTopUp : undefined}\n      usageUnavailable={usageUnavailable}\n      creditPoolsUnavailable={creditPoolsUnavailable}\n      isLoading={isLoading}\n      error={error}\n    />\n  )\n}\n"]}