@umituz/web-dashboard 6.1.0 → 6.2.0

package/src/domains/onboarding/predicates/has-handler.ts

@@ -4,22 +4,18 @@ import type {
   PermissionPrimingScreenConfig,
 } from '../types/screens';
 
-/** Does the permission-priming config expose a usable `onRequest` callback? */
 export function hasOnRequest(config: PermissionPrimingScreenConfig): boolean {
   return typeof config.onRequest === 'function';
 }
 
-/** Does the paywall config expose a usable `onAccept` callback? */
 export function hasOnAccept(config: PaywallScreenConfig): boolean {
   return typeof config.onAccept === 'function';
 }
 
-/** Does the account-gate config expose a usable `onSignIn` callback? */
 export function hasOnSignIn(config: AccountGateScreenConfig): boolean {
   return typeof config.onSignIn === 'function';
 }
 
-/** Is a skip affordance allowed by the account-gate config? */
 export function accountGateAllowsSkip(config: AccountGateScreenConfig): boolean {
   return config.optional === true;
 }

package/src/domains/onboarding/predicates/icon-name-resolves.ts

@@ -1,15 +1,3 @@
-/**
- * Icon name registry.
- *
- * Consumers configure icons by string name (`iconName`, `heroIconName`).
- * The library resolves those names against a CURATED, STATICALLY-IMPORTED set
- * of lucide-react icons. A static registry is what keeps the published bundle
- * small: a namespace import (`import * as Icons`) with dynamic lookup would
- * force every one of lucide's ~1,500 icons into the consumer's bundle.
- *
- * Icons not in the registry simply do not render (callers fall back to a
- * default or hide the icon slot). See README "Icons" for the full list.
- */
 import type { LucideIcon } from 'lucide-react';
 import {
   Activity,
@@ -70,8 +58,7 @@ const ICON_REGISTRY: Readonly<Record<string, LucideIcon>> = {
   Headphones,
   HeartPulse,
   Image,
-  // `Infinity` is a reserved word — the lucide export is aliased at import.
-  Infinity: InfinityIcon,
+    Infinity: InfinityIcon,
   Lock,
   MapPin,
   MessageCircle,
@@ -96,17 +83,14 @@ const ICON_REGISTRY: Readonly<Record<string, LucideIcon>> = {
   Zap,
 };
 
-/** The icon names this package can resolve without application help. */
 export function getRegisteredIconNames(): ReadonlyArray<string> {
   return Object.keys(ICON_REGISTRY);
 }
 
-/** Does the given name resolve to an icon bundled with this package? */
 export function doesIconNameResolve(name: string | undefined): boolean {
   return typeof name === 'string' && name in ICON_REGISTRY;
 }
 
-/** Resolve a bundled icon by name. Returns null when the name is unknown. */
 export function resolveIconByName(name: string | undefined): LucideIcon | null {
   if (!doesIconNameResolve(name)) return null;
   return ICON_REGISTRY[name as string];

package/src/domains/onboarding/predicates/permission-granted.ts

@@ -1,26 +1,21 @@
 import type { PermissionStatus } from '../types/screens';
 
-/** Is the permission currently granted by the user? */
 export function isPermissionGranted(status: PermissionStatus): boolean {
   return status === 'granted';
 }
 
-/** Did the user explicitly deny this permission? */
 export function isPermissionDenied(status: PermissionStatus): boolean {
   return status === 'denied';
 }
 
-/** Is the permission in the initial "ask the user" state? */
 export function isPermissionPrompt(status: PermissionStatus): boolean {
   return status === 'prompt';
 }
 
-/** Does the current runtime lack support for this permission? */
 export function isPermissionUnsupported(status: PermissionStatus): boolean {
   return status === 'unsupported';
 }
 
-/** Has the permission been decided one way or the other? (granted OR denied) */
 export function isPermissionDecided(status: PermissionStatus): boolean {
   return status === 'granted' || status === 'denied';
 }

package/src/domains/onboarding/predicates/permission-supports.ts

@@ -1,8 +1,3 @@
-/**
- * Browser-feature predicates for the runtime.
- * Each predicate answers "does the user's browser/environment support this API?".
- */
-
 import type { PermissionType } from '../types/screens';
 
 declare const navigator: undefined | {
@@ -26,28 +21,24 @@ function safeNavigator(): typeof navigator | null {
   return navigator;
 }
 
-/** Is `Notification` available in the current runtime? */
 export function doesBrowserSupportNotifications(): boolean {
   const win = safeWindow();
   if (!win) return false;
   return typeof win.Notification !== 'undefined';
 }
 
-/** Is `getUserMedia` available (camera/microphone capture)? */
 export function doesBrowserSupportMediaCapture(): boolean {
   const nav = safeNavigator();
   if (!nav) return false;
   return Boolean(nav.mediaDevices?.getUserMedia);
 }
 
-/** Is geolocation available? */
 export function doesBrowserSupportGeolocation(): boolean {
   const nav = safeNavigator();
   if (!nav) return false;
   return Boolean(nav.geolocation);
 }
 
-/** Aggregate check used by `usePermissionPriming` to report "unsupported" cleanly. */
 export function isRuntimeSupportMissing(permission: PermissionType): boolean {
   switch (permission) {
     case 'notifications':
@@ -59,8 +50,7 @@ export function isRuntimeSupportMissing(permission: PermissionType): boolean {
       return !doesBrowserSupportGeolocation();
     case 'photos':
     case 'contacts':
-      return true; // No web-standard APIs for these in this package.
-    default:
+      return true;     default:
       return true;
   }
 }

package/src/domains/onboarding/predicates/predicates.test.ts

@@ -27,20 +27,17 @@ import {
 import { screenEmitsData } from './screen-emits-data';
 import type { OnboardingScreen } from '../types/screens';
 
-// TEST_SCENARIOS.md §24
 describe('icon-name-resolves (§24.4)', () => {
   it('resolves registered names', () => {
     expect(doesIconNameResolve('HeartPulse')).toBe(true);
     expect(doesIconNameResolve('Sparkles')).toBe(true);
-    // lucide-react icons are forwardRef memo objects, not plain functions.
-    expect(resolveIconByName('Sparkles')).toBeTruthy();
+        expect(resolveIconByName('Sparkles')).toBeTruthy();
   });
 
   it('does not resolve unknown, missing, or case-mismatched names', () => {
     expect(doesIconNameResolve('NonExistentIcon')).toBe(false);
     expect(doesIconNameResolve(undefined)).toBe(false);
-    expect(doesIconNameResolve('sparkles')).toBe(false); // registry is PascalCase
-    expect(resolveIconByName('NonExistentIcon')).toBeNull();
+    expect(doesIconNameResolve('sparkles')).toBe(false);     expect(resolveIconByName('NonExistentIcon')).toBeNull();
   });
 
   it('resolves the reserved-word alias "Infinity"', () => {
@@ -49,8 +46,7 @@ describe('icon-name-resolves (§24.4)', () => {
   });
 
   it('resolves every icon used by the bundled templates — including the video set', () => {
-    // Icons referenced across art/health/platform/video templates.
-    const templateIcons = [
+        const templateIcons = [
       'Activity', 'Apple', 'Award', 'Ban', 'Bell', 'BookOpen', 'Camera', 'Check',
       'CheckCircle2', 'Download', 'Dumbbell', 'GraduationCap', 'Headphones',
       'HeartPulse', 'Image', 'Infinity', 'Lock', 'MapPin', 'MessageCircle',
@@ -66,14 +62,12 @@ describe('icon-name-resolves (§24.4)', () => {
   it('keeps the registry curated (each name maps to a component)', () => {
     const names = getRegisteredIconNames();
     expect(names.length).toBeGreaterThan(30);
-    expect(names.length).toBeLessThan(60); // a namespace import would be ~1,500
-    for (const name of names) {
+    expect(names.length).toBeLessThan(60);     for (const name of names) {
       expect(resolveIconByName(name), `icon "${name}"`).toBeTruthy();
     }
   });
 });
 
-// TEST_SCENARIOS.md §24.1
 describe('permission-granted (§24.1)', () => {
   it('classifies statuses', () => {
     expect(isPermissionGranted('granted')).toBe(true);
@@ -88,13 +82,9 @@ describe('permission-granted (§24.1)', () => {
   });
 });
 
-// TEST_SCENARIOS.md §24.2 — jsdom stands in for the "modern browser" runtime.
 describe('permission-supports (§24.2)', () => {
   it('reports support from the live navigator/window', () => {
-    // jsdom ships geolocation + mediaDevices in recent versions; the exact
-    // answer varies by jsdom build, so assert predicate/API agreement instead
-    // of hardcoding booleans.
-    expect(doesBrowserSupportMediaCapture()).toBe(
+                expect(doesBrowserSupportMediaCapture()).toBe(
       Boolean((globalThis as { navigator?: { mediaDevices?: { getUserMedia?: unknown } } })
         .navigator?.mediaDevices?.getUserMedia),
     );
@@ -117,7 +107,6 @@ describe('permission-supports (§24.2)', () => {
   });
 });
 
-// TEST_SCENARIOS.md §24.3
 describe('storage-available (§24.3)', () => {
   it('works in the jsdom browser environment', () => {
     expect(isLocalStorageAvailable()).toBe(true);
@@ -125,8 +114,7 @@ describe('storage-available (§24.3)', () => {
 
   it('returns false when storage access throws (e.g. blocked cookies)', () => {
     const original = window.localStorage;
-    // Replace with a getter that throws, as Safari private mode historically did.
-    Object.defineProperty(window, 'localStorage', {
+        Object.defineProperty(window, 'localStorage', {
       configurable: true,
       get() {
         throw new DOMException('Access is denied for this document', 'SecurityError');
@@ -144,7 +132,6 @@ describe('storage-available (§24.3)', () => {
   });
 });
 
-// TEST_SCENARIOS.md §24.5
 describe('has-handler (§24.5)', () => {
   const paywall = {
     id: 'w',
@@ -187,7 +174,6 @@ describe('has-handler (§24.5)', () => {
   });
 });
 
-// TEST_SCENARIOS.md §24.6
 describe('screen-emits-data (§24.6)', () => {
   it('marks view-only screens as non-emitting', () => {
     expect(screenEmitsData({ id: 'a', type: 'welcome' } as OnboardingScreen)).toBe(false);

package/src/domains/onboarding/predicates/screen-emits-data.ts

@@ -1,9 +1,5 @@
 import type { OnboardingScreen } from '../types/screens';
 
-/**
- * Does this screen type emit a payload to the orchestrator when the user advances?
- * Pure view-only screens (welcome, social-proof, comparison, value-delivery) do not.
- */
 const VIEW_ONLY_SCREEN_TYPES: ReadonlySet<OnboardingScreen['type']> = new Set([
   'welcome',
   'social-proof',

package/src/domains/onboarding/predicates/storage-available.ts

@@ -1,14 +1,6 @@
 const PROBE_KEY = '@umituz/web-onboarding:probe';
 const PROBE_VALUE = '1';
 
-/**
- * Can the current environment use `localStorage`?
- * - Server-side / SSR: false
- * - Disabled cookies/storage in the browser: false
- * - Otherwise: true
- *
- * Side effect: writes and removes a tiny probe to verify both write & read work.
- */
 export function isLocalStorageAvailable(): boolean {
   if (typeof window === 'undefined') return false;
   try {

package/src/domains/onboarding/templates/TemplateDemoFallback.tsx

@@ -1,7 +1,8 @@
 import { useState } from 'react';
+import { Button } from '@umituz/web-design-system/atoms';
 import { Sparkles } from 'lucide-react';
-import type { DemoConfig } from '../types/screens';
-import type { OnboardingScreen } from '../types/screens';
+import { cn } from '@umituz/web-design-system/utils/cn';
+import type { DemoConfig, OnboardingScreen } from '../types/screens';
 
 export interface TemplateDemoResult {
   variant: string;
@@ -9,14 +10,6 @@ export interface TemplateDemoResult {
   generatedAt: number;
 }
 
-/**
- * Default demo component used by the art and platform templates.
- * Lets users produce a real artifact in the template without forcing consumers
- * to wire up their own demo before they can preview the flow.
- *
- * Consumers who want their own demo should clone the template and replace
- * `screens[?].demo.component` with their own implementation.
- */
 function TemplateDemoFallback({ onSave }: { onSave: (result: TemplateDemoResult) => void }) {
   const palettes: ReadonlyArray<{ variant: string; palette: string[] }> = [
     { variant: 'Minimal', palette: ['#0F172A', '#475569', '#94A3B8', '#F1F5F9', '#FFFFFF'] },
@@ -29,43 +22,38 @@ function TemplateDemoFallback({ onSave }: { onSave: (result: TemplateDemoResult)
   const active = palettes[activeIdx];
 
   return (
-    <div className="flex flex-col gap-4">
-      <div className="grid grid-cols-2 gap-2 sm:grid-cols-4">
+    <div className="udb-onb-question__body">
+      <div className="udb-onb-palettes">
         {palettes.map((p, i) => (
           <button
             key={p.variant}
             type="button"
             onClick={() => setActiveIdx(i)}
-            className={
-              i === activeIdx
-                ? 'rounded-lg border-2 border-[rgb(var(--uob-primary-500))] p-2'
-                : 'rounded-lg border-2 border-transparent p-2 hover:border-[rgb(var(--uob-border))]'
-            }
+            className={cn('udb-onb-palette', i === activeIdx && 'udb-onb-palette--active')}
           >
-            <div className="flex h-12 w-full overflow-hidden rounded">
+            <div className="udb-onb-palette__strip">
               {p.palette.map((c) => (
-                <span key={c} className="flex-1" style={{ background: c }} />
+                <span key={c} className="udb-onb-palette__chip" style={{ background: c }} />
               ))}
             </div>
-            <span className="mt-1 block text-xs font-medium text-[rgb(var(--uob-text-primary))]">
-              {p.variant}
-            </span>
+            <span className="udb-onb-palette__name">{p.variant}</span>
           </button>
         ))}
       </div>
-      <div className="rounded-xl border border-[rgb(var(--uob-border))] bg-[rgb(var(--uob-surface))] p-6">
-        <div className="flex h-32 w-full overflow-hidden rounded-lg">
+      <div className="udb-onb-palette-preview">
+        <div className="udb-onb-palette__strip udb-onb-palette__strip--lg">
           {active.palette.map((c) => (
-            <span key={c} className="flex-1" style={{ background: c }} />
+            <span key={c} className="udb-onb-palette__chip" style={{ background: c }} />
           ))}
         </div>
-        <p className="mt-3 text-sm text-[rgb(var(--uob-text-muted))]">
-          Preview: <strong className="text-[rgb(var(--uob-text-primary))]">{active.variant}</strong>{' '}
-          palette
+        <p className="udb-onb-lead">
+          Preview: <strong>{active.variant}</strong> palette
         </p>
       </div>
-      <button
-        type="button"
+      <Button
+        variant="primary"
+        size="sm"
+        icon={<Sparkles className="udb-onb-icon--sm" />}
         onClick={() =>
           onSave({
             variant: active.variant,
@@ -73,11 +61,9 @@ function TemplateDemoFallback({ onSave }: { onSave: (result: TemplateDemoResult)
             generatedAt: Date.now(),
           })
         }
-        className="inline-flex items-center justify-center gap-2 rounded-xl bg-[rgb(var(--uob-primary-500))] px-4 py-3 text-sm font-semibold text-white hover:bg-[rgb(var(--uob-primary-600))]"
       >
-        <Sparkles className="h-4 w-4" />
         Save this style
-      </button>
+      </Button>
     </div>
   );
 }
@@ -93,11 +79,6 @@ const fallbackResult: TemplateDemoResult = {
   generatedAt: 0,
 };
 
-/**
- * Replace an `app-demo` screen in a template with a working default.
- * Used by the art and platform templates so the flow is fully runnable
- * out of the box; consumers can override the demo.component for their app.
- */
 export function withDefaultDemo(screen: OnboardingScreen, fallback: DemoConfig = fallbackDemo): OnboardingScreen {
   if (screen.type !== 'app-demo') return screen;
   return { ...screen, demo: { ...fallback, ...screen.demo } };
@@ -107,6 +88,5 @@ export function defaultDemoResult(): TemplateDemoResult {
   return { ...fallbackResult };
 }
 
-// Re-export for convenience.
 export { TemplateDemoFallback };
 export type { DemoConfig };

package/src/domains/onboarding/templates/art-onboarding.ts

@@ -2,15 +2,6 @@ import type { OnboardingConfig } from '../types/config';
 import type { OnboardingScreen } from '../types/screens';
 import { withDefaultDemo, defaultDemoResult } from './TemplateDemoFallback';
 
-/**
- * Art category — demo-driven, 3–5 screens.
- * Show value fast: by the end of step 3 the user has produced a real artifact.
- *
- * The demo screen ships with a working palette-preview fallback so the template
- * is runnable out of the box. Replace `screens[2].demo.component` to plug in
- * the consumer's own demo.
- */
-
 const baseScreens: OnboardingScreen[] = [
   {
     id: 'welcome',
@@ -40,8 +31,7 @@ const baseScreens: OnboardingScreen[] = [
     type: 'app-demo',
     title: 'Your turn — pick a palette',
     demo: {
-      // `withDefaultDemo` below replaces this no-op with the built-in fallback.
-      component: () => null,
+            component: () => null,
       onSave: () => undefined,
     },
   },

package/src/domains/onboarding/templates/health-onboarding.ts

@@ -1,11 +1,6 @@
 import type { OnboardingConfig } from '../types/config';
 import type { OnboardingScreen } from '../types/screens';
 
-/**
- * Health category — privacy-first, 5–7 screens.
- * Trust is the #1 conversion lever: lead with privacy reassurance.
- */
-
 const screens: OnboardingScreen[] = [
   {
     id: 'welcome',

package/src/domains/onboarding/templates/platform-onboarding.ts

@@ -2,14 +2,6 @@ import type { OnboardingConfig } from '../types/config';
 import type { OnboardingScreen } from '../types/screens';
 import { withDefaultDemo, defaultDemoResult } from './TemplateDemoFallback';
 
-/**
- * Platform category — full 14-screen flow.
- * Use for multi-feature platforms where personalization drives retention.
- *
- * The app-demo screen ships with a working palette-preview fallback so the
- * template is runnable end-to-end out of the box.
- */
-
 const screens: OnboardingScreen[] = [
   {
     id: 'welcome',
@@ -199,7 +191,6 @@ const screens: OnboardingScreen[] = [
   },
 ];
 
-// Replace the no-op demo component with the built-in working fallback.
 const resolvedScreens = screens.map((s) => withDefaultDemo(s));
 
 export const platformOnboardingTemplate: OnboardingConfig = {

package/src/domains/onboarding/templates/video-onboarding.ts

@@ -1,11 +1,6 @@
 import type { OnboardingConfig } from '../types/config';
 import type { OnboardingScreen } from '../types/screens';
 
-/**
- * Video category — personalization-led, 6–8 screens.
- * Goal: tune the recommendation engine early.
- */
-
 const screens: OnboardingScreen[] = [
   {
     id: 'welcome',

package/src/domains/onboarding/test/setup.ts

@@ -1,14 +1,8 @@
 import { afterEach, vi } from 'vitest';
 import { cleanup } from '@testing-library/react';
 
-// React 18 testing-library contract: let `act` warnings be raised correctly.
 (globalThis as Record<string, unknown>).IS_REACT_ACT_ENVIRONMENT = true;
 
-// jsdom has no matchMedia. Provide a mock that reports reduced motion:
-// jsdom also lacks animation frames, so framer-motion's AnimatePresence can
-// never complete an exit animation here — the instant-transition path is the
-// only one that can be exercised in CI (and it is the a11y-correct path,
-// TEST_SCENARIOS.md §1.10).
 if (typeof window !== 'undefined')
 Object.defineProperty(window, 'matchMedia', {
   writable: true,
@@ -17,8 +11,7 @@ Object.defineProperty(window, 'matchMedia', {
       matches: query.includes('prefers-reduced-motion'),
       media: query,
       onchange: null,
-      addListener: vi.fn(), // deprecated API — kept for older libraries
-      removeListener: vi.fn(),
+      addListener: vi.fn(),       removeListener: vi.fn(),
       addEventListener: vi.fn(),
       removeEventListener: vi.fn(),
       dispatchEvent: vi.fn(),

package/src/domains/onboarding/types/config.ts

@@ -18,8 +18,7 @@ export type AnalyticsProvider = 'google-analytics' | 'amplitude' | 'mixpanel' |
 export interface AnalyticsConfig {
   trackEvents: boolean;
   provider?: AnalyticsProvider;
-  /** Custom event sink used when provider === 'custom'. */
-  customTracker?: (event: OnboardingAnalyticsEvent) => void;
+    customTracker?: (event: OnboardingAnalyticsEvent) => void;
 }
 
 export type OnboardingAnalyticsEvent =
@@ -41,28 +40,18 @@ export interface OnboardingConfig {
   demo?: DemoConfig;
   paywall?: PaywallScreenConfig;
   analytics?: AnalyticsConfig;
-  /**
-   * Override any user-facing string the library renders. English defaults
-   * apply to keys you omit. See `OnboardingLabels`.
-   */
-  labels?: Partial<OnboardingLabels>;
-  /** BCP-47 locale used for locale-aware formatting (e.g. "250.000" vs "250,000"). */
-  locale?: string;
-  /** Custom slot rendered above the flow (e.g. brand banner). */
-  headerSlot?: ReactNode;
-  /** Custom slot rendered below the flow. */
-  footerSlot?: ReactNode;
+    labels?: Partial<OnboardingLabels>;
+    locale?: string;
+    headerSlot?: ReactNode;
+    footerSlot?: ReactNode;
   onComplete?: (data: OnboardingResult) => void;
   onSkip?: () => void;
-  /** Persistence key — defaults to '@umituz/web-onboarding:progress'. */
-  storageKey?: string;
+    storageKey?: string;
 }
 
-/** Collected data exposed to onComplete. Typed in place of `Record<string, any>`. */
 export interface OnboardingResult {
   completedSteps: ReadonlyArray<string>;
-  /** Per-screen data captured during the run. */
-  collected: Record<string, unknown>;
+    collected: Record<string, unknown>;
   durationMs: number;
   finishedAt: Date;
 }

package/src/domains/onboarding/types/labels.ts

@@ -1,83 +1,49 @@
-/**
- * Every user-facing string the library renders lives here as an overridable
- * label. Applications serving non-English markets pass a `labels` subset (and
- * optionally a `locale`) via `OnboardingConfig`; anything not overridden falls
- * back to the English defaults.
- *
- * Labels are flat, serializable strings — no functions — so they can be fed
- * straight from any translation system (i18next, Lingui, a CMS, …).
- * Pattern labels use `{placeholder}` interpolation, e.g. `"Step {current} of {total}"`.
- */
 export interface OnboardingLabels {
-  /** Default CTA label when a screen defines no `cta`. */
-  continueAction: string;
-  /** Footer back affordance. */
-  back: string;
-  /** Footer skip affordance (the `skipLabel` prop takes precedence). */
-  skip: string;
-  /** Primary button label while `loading` is true. */
-  loading: string;
-  /** Progress bar label. `{current}`/`{total}` are interpolated. */
-  stepOfPattern: string;
-  /** Card counter label. `{current}`/`{total}` are interpolated. */
-  countOfPattern: string;
-
-  /** Question screens */
-  selectAllThatApply: string;
+    continueAction: string;
+    back: string;
+    skip: string;
+    loading: string;
+    stepOfPattern: string;
+    countOfPattern: string;
+
+    selectAllThatApply: string;
   selectOne: string;
-  /** Multi-select hint with a cap. `{max}` is interpolated. */
-  pickUpToPattern: string;
-  /** Single-select hint for the pain-points screen. */
-  pickTheOne: string;
-  /** Preferences screen subtitle. */
-  tailorExperience: string;
+    pickUpToPattern: string;
+    pickTheOne: string;
+    tailorExperience: string;
 
-  /** Swipe / tinder screens */
-  agree: string;
+    agree: string;
   disagree: string;
-  /** How to operate the swipe card (gesture + keyboard). */
-  swipeHint: string;
-  /** Shown when every card has been decided. */
-  allDone: string;
+    swipeHint: string;
+    allDone: string;
 
-  /** Comparison screen column headings */
-  withoutUs: string;
+    withoutUs: string;
   withUs: string;
 
-  /** Social proof carousel controls */
-  previous: string;
+    previous: string;
   nextAction: string;
 
-  /** App demo screen CTA. */
-  continueWithResult: string;
+    continueWithResult: string;
 
-  /** Permission priming */
-  allowAccess: string;
+    allowAccess: string;
   permissionRequestFailed: string;
 
-  /** Account gate */
-  continueWithEmail: string;
+    continueWithEmail: string;
   continueWithGoogle: string;
   continueWithApple: string;
   continueWithGitHub: string;
   skipForNow: string;
   signInFailed: string;
 
-  /** Paywall */
-  couldNotStartTrial: string;
-  /** `{count}` interpolated, e.g. "7-day free trial". */
-  trialDaysPattern: string;
-  /** `{price}`/`{days}` interpolated, e.g. "$0.99 for the first 7 days". */
-  trialIntroPattern: string;
-  /** Reassurance line under the paywall CAs. */
-  cancelAnytimeNote: string;
+    couldNotStartTrial: string;
+    trialDaysPattern: string;
+    trialIntroPattern: string;
+    cancelAnytimeNote: string;
 
-  /** Value delivery sharing */
-  share: string;
+    share: string;
   copied: string;
 
-  /** Error boundary default UI */
-  somethingWentWrong: string;
+    somethingWentWrong: string;
   unexpectedError: string;
   tryAgain: string;
 }