@burdenoff/microfe-movethewheels 2026.1026.2 → 2026.1026.3

package/src/movethewheels/pages/SettingsPage.tsx

@@ -1,548 +0,0 @@
-/**
- * Settings Page
- *
- * Loads persisted module settings (Query.moduleSettings.preferences) and saves
- * changes via updateModuleSettings. Integrations read "Not configured" until a
- * real connection is recorded — no fabricated "Connected" statuses.
- */
-
-import { useEffect, useMemo, useState } from 'react';
-import { Settings, User, Bell, Shield, Globe, Webhook, Save } from 'lucide-react';
-import { PageLayout } from '../components/PageLayout';
-import {
-  Card,
-  CardContent,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  Button,
-  Input,
-  Label,
-  Switch,
-  Select,
-  SelectContent,
-  SelectItem,
-  SelectTrigger,
-  SelectValue,
-  Tabs,
-  TabsList,
-  TabsTrigger,
-  TabsContent,
-} from '../components/ui';
-import { EmphasisPanel, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';
-import { useModuleSettings, type ModulePreferences } from '../hooks/useSettings';
-import { useTr } from '../hooks';
-
-interface CompanyPrefs {
-  name: string;
-  email: string;
-  phone: string;
-  website: string;
-}
-interface LocalizationPrefs {
-  timezone: string;
-  currency: string;
-  language: string;
-}
-interface NotificationPrefs {
-  orderUpdates: boolean;
-  deliveryAlerts: boolean;
-  systemNotifications: boolean;
-  weeklyReports: boolean;
-}
-interface SettingsForm {
-  company: CompanyPrefs;
-  localization: LocalizationPrefs;
-  notifications: NotificationPrefs;
-  twoFactorEnabled: boolean;
-  integrations: Record<string, boolean>;
-}
-
-function toForm(preferences: ModulePreferences): SettingsForm {
-  const company = (preferences.company as Partial<CompanyPrefs> | undefined) ?? {};
-  const localization = (preferences.localization as Partial<LocalizationPrefs> | undefined) ?? {};
-  const notifications = (preferences.notifications as Partial<NotificationPrefs> | undefined) ?? {};
-  const security = (preferences.security as { twoFactorEnabled?: boolean } | undefined) ?? {};
-  const integrations = (preferences.integrations as Record<string, boolean> | undefined) ?? {};
-  return {
-    company: {
-      name: company.name ?? '',
-      email: company.email ?? '',
-      phone: company.phone ?? '',
-      website: company.website ?? '',
-    },
-    localization: {
-      timezone: localization.timezone ?? 'utc',
-      currency: localization.currency ?? 'usd',
-      language: localization.language ?? 'en',
-    },
-    notifications: {
-      orderUpdates: notifications.orderUpdates ?? true,
-      deliveryAlerts: notifications.deliveryAlerts ?? true,
-      systemNotifications: notifications.systemNotifications ?? true,
-      weeklyReports: notifications.weeklyReports ?? false,
-    },
-    twoFactorEnabled: security.twoFactorEnabled ?? false,
-    integrations,
-  };
-}
-
-export default function SettingsPage() {
-  const tr = useTr();
-  const { preferences, isLoading, isSaving, error, savePreferences } = useModuleSettings();
-  const [tab, setTab] = useState('general');
-  const [form, setForm] = useState<SettingsForm>(() => toForm({}));
-  const [saved, setSaved] = useState(false);
-
-  const integrations = useMemo(
-    () => [
-      {
-        key: 'googleMaps',
-        name: tr('movethewheels.settings.integrations.googleMaps', 'Google Maps'),
-      },
-      { key: 'stripe', name: tr('movethewheels.settings.integrations.stripe', 'Stripe') },
-      { key: 'twilio', name: tr('movethewheels.settings.integrations.twilio', 'Twilio') },
-    ],
-    [tr]
-  );
-
-  const notificationItems: { key: keyof NotificationPrefs; label: string; desc: string }[] =
-    useMemo(
-      () => [
-        {
-          key: 'orderUpdates',
-          label: tr('movethewheels.settings.notifications.orderUpdates.label', 'Order updates'),
-          desc: tr(
-            'movethewheels.settings.notifications.orderUpdates.desc',
-            'Receive notifications for order status changes'
-          ),
-        },
-        {
-          key: 'deliveryAlerts',
-          label: tr('movethewheels.settings.notifications.deliveryAlerts.label', 'Delivery alerts'),
-          desc: tr(
-            'movethewheels.settings.notifications.deliveryAlerts.desc',
-            'Get notified about delivery issues'
-          ),
-        },
-        {
-          key: 'systemNotifications',
-          label: tr(
-            'movethewheels.settings.notifications.systemNotifications.label',
-            'System notifications'
-          ),
-          desc: tr(
-            'movethewheels.settings.notifications.systemNotifications.desc',
-            'Important system updates and maintenance'
-          ),
-        },
-        {
-          key: 'weeklyReports',
-          label: tr('movethewheels.settings.notifications.weeklyReports.label', 'Weekly reports'),
-          desc: tr(
-            'movethewheels.settings.notifications.weeklyReports.desc',
-            'Receive weekly performance summary'
-          ),
-        },
-      ],
-      [tr]
-    );
-
-  const loadedForm = useMemo(() => toForm(preferences), [preferences]);
-  useEffect(() => {
-    setForm(loadedForm);
-  }, [loadedForm]);
-
-  const patchCompany = (patch: Partial<CompanyPrefs>) =>
-    setForm((prev) => ({ ...prev, company: { ...prev.company, ...patch } }));
-  const patchLocalization = (patch: Partial<LocalizationPrefs>) =>
-    setForm((prev) => ({ ...prev, localization: { ...prev.localization, ...patch } }));
-  const toggleNotification = (key: keyof NotificationPrefs, value: boolean) =>
-    setForm((prev) => ({ ...prev, notifications: { ...prev.notifications, [key]: value } }));
-
-  const handleSave = async () => {
-    setSaved(false);
-    try {
-      await savePreferences({
-        company: form.company,
-        localization: form.localization,
-        notifications: form.notifications,
-        security: { twoFactorEnabled: form.twoFactorEnabled },
-        integrations: form.integrations,
-      });
-      setSaved(true);
-    } catch {
-      // error surfaced via the hook's `error`
-    }
-  };
-
-  return (
-    <PageLayout
-      title={tr('movethewheels.settings.title', 'Settings')}
-      subtitle={tr('movethewheels.settings.subtitle', 'Manage your account and preferences')}
-      icon={<Settings size={24} />}
-    >
-      <PagePurpose icon={<Settings size={18} />}>
-        {tr(
-          'movethewheels.settings.purpose',
-          'Configure how MoveTheWheels works for your business — company details and localization, which notifications you receive, account security, and the integrations (maps, payments, messaging) that power deliveries. Set these once so the rest of the app behaves the way you expect.'
-        )}
-      </PagePurpose>
-
-      {(saved || error) && (
-        <div
-          role="status"
-          className={`rounded-lg p-3 text-sm ${
-            error
-              ? 'bg-status-error-bg-subtle text-status-error-text'
-              : 'bg-status-success-bg-subtle text-status-success-text'
-          }`}
-        >
-          {error ? error.message : tr('movethewheels.settings.saved', 'Settings saved.')}
-        </div>
-      )}
-
-      <NextSteps
-        storageKey="movethewheels-settings"
-        steps={[
-          {
-            id: 'company',
-            label: tr(
-              'movethewheels.settings.nextSteps.company.label',
-              'Confirm company details & localization'
-            ),
-            description: tr(
-              'movethewheels.settings.nextSteps.company.description',
-              'Set your name, contact info, timezone, currency and language.'
-            ),
-            icon: <User size={16} />,
-            onClick: () => setTab('general'),
-          },
-          {
-            id: 'notifications',
-            label: tr(
-              'movethewheels.settings.nextSteps.notifications.label',
-              'Choose your notifications'
-            ),
-            description: tr(
-              'movethewheels.settings.nextSteps.notifications.description',
-              'Decide which order, delivery and report emails you receive.'
-            ),
-            icon: <Bell size={16} />,
-            onClick: () => setTab('notifications'),
-          },
-          {
-            id: 'security',
-            label: tr('movethewheels.settings.nextSteps.security.label', 'Secure your account'),
-            description: tr(
-              'movethewheels.settings.nextSteps.security.description',
-              'Enable two-factor authentication for an extra layer of security.'
-            ),
-            icon: <Shield size={16} />,
-            onClick: () => setTab('security'),
-          },
-          {
-            id: 'integrations',
-            label: tr('movethewheels.settings.nextSteps.integrations.label', 'Connect your tools'),
-            description: tr(
-              'movethewheels.settings.nextSteps.integrations.description',
-              'Link maps, payments and messaging providers.'
-            ),
-            icon: <Webhook size={16} />,
-            onClick: () => setTab('integrations'),
-          },
-        ]}
-      />
-
-      <Tabs value={tab} onValueChange={setTab}>
-        <TabsList className="mb-6">
-          <TabsTrigger value="general">
-            <User size={16} /> {tr('movethewheels.settings.tabs.general', 'General')}
-          </TabsTrigger>
-          <TabsTrigger value="notifications">
-            <Bell size={16} /> {tr('movethewheels.settings.tabs.notifications', 'Notifications')}
-          </TabsTrigger>
-          <TabsTrigger value="security">
-            <Shield size={16} /> {tr('movethewheels.settings.tabs.security', 'Security')}
-          </TabsTrigger>
-          <TabsTrigger value="integrations">
-            <Webhook size={16} /> {tr('movethewheels.settings.tabs.integrations', 'Integrations')}
-          </TabsTrigger>
-        </TabsList>
-
-        <TabsContent value="general" className="space-y-6">
-          {/* Company Information — the page's single emphasis zone */}
-          <EmphasisPanel>
-            <h2 className="text-base font-semibold text-text-primary">
-              {tr('movethewheels.settings.company.title', 'Company Information')}
-            </h2>
-            <p className="text-sm text-text-secondary mb-4">
-              {tr('movethewheels.settings.company.basicDetails', 'Basic company details')}
-            </p>
-            <div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
-              <div>
-                <Label>{tr('movethewheels.settings.company.name', 'Company Name')}</Label>
-                <Input
-                  value={form.company.name}
-                  placeholder={tr(
-                    'movethewheels.settings.company.placeholders.name',
-                    'Your company name'
-                  )}
-                  disabled={isLoading}
-                  onChange={(e) => patchCompany({ name: e.target.value })}
-                />
-              </div>
-              <div>
-                <Label>{tr('movethewheels.settings.company.email', 'Contact Email')}</Label>
-                <Input
-                  type="email"
-                  value={form.company.email}
-                  placeholder={tr(
-                    'movethewheels.settings.company.placeholders.email',
-                    'contact@example.com'
-                  )}
-                  disabled={isLoading}
-                  onChange={(e) => patchCompany({ email: e.target.value })}
-                />
-              </div>
-              <div>
-                <Label>{tr('movethewheels.settings.company.phone', 'Phone')}</Label>
-                <Input
-                  value={form.company.phone}
-                  placeholder={tr(
-                    'movethewheels.settings.company.placeholders.phone',
-                    '+1-555-0100'
-                  )}
-                  disabled={isLoading}
-                  onChange={(e) => patchCompany({ phone: e.target.value })}
-                />
-              </div>
-              <div>
-                <Label>{tr('movethewheels.settings.company.website', 'Website')}</Label>
-                <Input
-                  value={form.company.website}
-                  placeholder={tr(
-                    'movethewheels.settings.company.placeholders.website',
-                    'https://example.com'
-                  )}
-                  disabled={isLoading}
-                  onChange={(e) => patchCompany({ website: e.target.value })}
-                />
-              </div>
-            </div>
-          </EmphasisPanel>
-
-          <Card>
-            <CardHeader>
-              <CardTitle className="flex items-center gap-2">
-                <Globe size={18} />{' '}
-                {tr('movethewheels.settings.localization.title', 'Localization')}
-              </CardTitle>
-            </CardHeader>
-            <CardContent className="space-y-4">
-              <div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
-                <div>
-                  <Label>{tr('movethewheels.settings.localization.timezone', 'Timezone')}</Label>
-                  <Select
-                    value={form.localization.timezone}
-                    onValueChange={(value) => patchLocalization({ timezone: value })}
-                  >
-                    <SelectTrigger>
-                      <SelectValue />
-                    </SelectTrigger>
-                    <SelectContent>
-                      <SelectItem value="pst">Pacific Time (PST)</SelectItem>
-                      <SelectItem value="est">Eastern Time (EST)</SelectItem>
-                      <SelectItem value="utc">UTC</SelectItem>
-                    </SelectContent>
-                  </Select>
-                </div>
-                <div>
-                  <Label>{tr('movethewheels.settings.localization.currency', 'Currency')}</Label>
-                  <Select
-                    value={form.localization.currency}
-                    onValueChange={(value) => patchLocalization({ currency: value })}
-                  >
-                    <SelectTrigger>
-                      <SelectValue />
-                    </SelectTrigger>
-                    <SelectContent>
-                      <SelectItem value="usd">USD ($)</SelectItem>
-                      <SelectItem value="eur">EUR (€)</SelectItem>
-                      <SelectItem value="gbp">GBP (£)</SelectItem>
-                    </SelectContent>
-                  </Select>
-                </div>
-                <div>
-                  <Label>{tr('movethewheels.settings.localization.language', 'Language')}</Label>
-                  <Select
-                    value={form.localization.language}
-                    onValueChange={(value) => patchLocalization({ language: value })}
-                  >
-                    <SelectTrigger>
-                      <SelectValue />
-                    </SelectTrigger>
-                    <SelectContent>
-                      <SelectItem value="en">English</SelectItem>
-                      <SelectItem value="es">Spanish</SelectItem>
-                      <SelectItem value="fr">French</SelectItem>
-                    </SelectContent>
-                  </Select>
-                </div>
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        <TabsContent value="notifications" className="space-y-6">
-          <Card>
-            <CardHeader>
-              <CardTitle>
-                {tr('movethewheels.settings.notifications.title', 'Email Notifications')}
-              </CardTitle>
-            </CardHeader>
-            <CardContent className="space-y-4">
-              {notificationItems.map((item) => (
-                <div key={item.key} className="flex items-center justify-between">
-                  <div>
-                    <p className="font-medium">{item.label}</p>
-                    <p className="text-sm text-text-secondary">{item.desc}</p>
-                  </div>
-                  <Switch
-                    checked={form.notifications[item.key]}
-                    disabled={isLoading}
-                    onCheckedChange={(value) => toggleNotification(item.key, value)}
-                  />
-                </div>
-              ))}
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        <TabsContent value="security" className="space-y-6">
-          <Card>
-            <CardHeader>
-              <CardTitle>
-                {tr('movethewheels.settings.security.password.title', 'Password')}
-              </CardTitle>
-              <CardDescription>
-                {tr(
-                  'movethewheels.settings.security.password.description',
-                  'Your password and sign-in credentials are managed centrally by your workspace identity provider — update them from your account security settings, not here.'
-                )}
-              </CardDescription>
-            </CardHeader>
-          </Card>
-          <Card>
-            <CardHeader>
-              <CardTitle>
-                {tr('movethewheels.settings.security.twoFactor.title', 'Two-Factor Authentication')}
-              </CardTitle>
-              <CardDescription>
-                {tr(
-                  'movethewheels.settings.security.twoFactor.description',
-                  'Add an extra layer of security'
-                )}
-              </CardDescription>
-            </CardHeader>
-            <CardContent>
-              <div className="flex items-center justify-between">
-                <p>
-                  {tr('movethewheels.settings.security.twoFactor.status', 'Status:')}{' '}
-                  <span
-                    className={`font-medium ${
-                      form.twoFactorEnabled
-                        ? 'text-status-success-text'
-                        : 'text-status-warning-text'
-                    }`}
-                  >
-                    {form.twoFactorEnabled
-                      ? tr('movethewheels.settings.security.twoFactor.enabled', 'Enabled')
-                      : tr('movethewheels.settings.security.twoFactor.disabled', 'Disabled')}
-                  </span>
-                </p>
-                <Button
-                  variant="outline"
-                  disabled={isSaving}
-                  onClick={() =>
-                    setForm((prev) => ({ ...prev, twoFactorEnabled: !prev.twoFactorEnabled }))
-                  }
-                >
-                  {form.twoFactorEnabled
-                    ? tr('movethewheels.settings.security.twoFactor.disable', 'Disable 2FA')
-                    : tr('movethewheels.settings.security.twoFactor.enable', 'Enable 2FA')}
-                </Button>
-              </div>
-            </CardContent>
-          </Card>
-        </TabsContent>
-
-        <TabsContent value="integrations" className="space-y-6">
-          <Card>
-            <CardHeader>
-              <CardTitle>
-                {tr('movethewheels.settings.integrations.title', 'Connected Services')}
-              </CardTitle>
-              <CardDescription>
-                {tr(
-                  'movethewheels.settings.integrations.description',
-                  'Connect the providers that power maps, payments and messaging.'
-                )}
-              </CardDescription>
-            </CardHeader>
-            <CardContent className="space-y-3">
-              {integrations.map((service) => {
-                const connected = form.integrations[service.key] === true;
-                return (
-                  <div
-                    key={service.key}
-                    className="flex items-center justify-between p-3 border rounded-lg"
-                  >
-                    <div>
-                      <span className="font-medium">{service.name}</span>
-                      <p className="text-sm text-text-secondary">
-                        {connected
-                          ? tr('movethewheels.settings.integrations.connected', 'Connected')
-                          : tr(
-                              'movethewheels.settings.integrations.notConfigured',
-                              'Not configured'
-                            )}
-                      </p>
-                    </div>
-                    <Button
-                      variant={connected ? 'outline' : 'default'}
-                      size="sm"
-                      disabled={isSaving}
-                      onClick={() =>
-                        setForm((prev) => ({
-                          ...prev,
-                          integrations: {
-                            ...prev.integrations,
-                            [service.key]: !connected,
-                          },
-                        }))
-                      }
-                    >
-                      {connected
-                        ? tr('movethewheels.settings.integrations.disconnect', 'Disconnect')
-                        : tr('movethewheels.settings.integrations.connect', 'Connect')}
-                    </Button>
-                  </div>
-                );
-              })}
-            </CardContent>
-          </Card>
-        </TabsContent>
-      </Tabs>
-
-      <div className="flex justify-end">
-        <Button onClick={() => void handleSave()} disabled={isSaving || isLoading}>
-          <Save size={16} />{' '}
-          {isSaving
-            ? tr('movethewheels.settings.saving', 'Saving…')
-            : tr('movethewheels.settings.saveChanges', 'Save Changes')}
-        </Button>
-      </div>
-    </PageLayout>
-  );
-}

package/src/operations/wspace/movethewheels/fragments/core.withdrawn.graphql

@@ -1,59 +0,0 @@
-# ─── Withdrawn service surface — preserved, not deleted ──────────────────────
-#
-# `ServiceProvider`, `ServiceOffering` and `MovethewheelsReport` were dropped
-# from wspace-movethewheels-svc by migration
-# `20260707000001_movethewheels_reuse_cleanup`. The live supergraph carries no
-# replacement for any of them:
-#
-#   * no Mtw* provider or offering type exists — `MtwIntegration` is a
-#     TMS/visibility connector (Project44 / FourKites / Descartes), a different
-#     domain, not a marketplace listing;
-#   * the platform-wide `Report` type belongs to the analytics-report module and
-#     has a different shape (sections / parameters / runs, and no
-#     type / schedule / lastGenerated / configuration), so it is not a drop-in.
-#
-# These fragments are kept verbatim so they can be restored unchanged the day the
-# service re-publishes the surface. Files matching `*.withdrawn.graphql` are
-# excluded from the codegen `documents` globs in `.graphqlrc.yml`, because
-# codegen validates every document it loads and an unresolvable type condition
-# fails the whole run.
-
-fragment ServiceProviderCore on ServiceProvider {
-  id
-  name
-  type
-  description
-  rating
-  contactInfo
-  services
-  isVerified
-  isActive
-  createdAt
-  updatedAt
-}
-
-fragment ServiceOfferingCore on ServiceOffering {
-  id
-  providerId
-  name
-  description
-  category
-  price
-  currency
-  availability
-  createdAt
-  updatedAt
-}
-
-fragment MovethewheelsReportCore on MovethewheelsReport {
-  id
-  name
-  type
-  description
-  schedule
-  lastGenerated
-  configuration
-  status
-  createdAt
-  updatedAt
-}

package/src/operations/wspace/movethewheels/mutations/marketplace-reports.withdrawn.graphql

@@ -1,93 +0,0 @@
-# ─── Withdrawn service surface — preserved, not deleted ──────────────────────
-#
-# Every write below targets a surface that migration
-# `20260707000001_movethewheels_reuse_cleanup` removed from
-# wspace-movethewheels-svc, with no replacement in the live supergraph:
-#
-#   * service-provider / service-offering marketplace CRUD — no Mtw* provider or
-#     offering type exists (`MtwIntegration` is a TMS/visibility connector for
-#     Project44 / FourKites / Descartes, a different domain).
-#   * MovethewheelsReport CRUD + generation — the platform-wide `Report` type is
-#     the analytics-report module's, a different shape, not a drop-in.
-#   * `importData` — the service exposes an export job (`exportMtwEntities`, see
-#     mutations/marketplace-reports.graphql) but no import counterpart.
-#   * `updateModuleSettings` — no per-module settings surface remains.
-#
-# Kept verbatim so they can be restored unchanged if the surface returns. Files
-# matching `*.withdrawn.graphql` are excluded from the codegen `documents` globs
-# in `.graphqlrc.yml`; codegen validates every document it loads, and an
-# unresolvable field fails the whole run.
-
-mutation CreateServiceProvider($input: CreateServiceProviderInput!) {
-  createServiceProvider(input: $input) {
-    ...ServiceProviderCore
-  }
-}
-
-mutation UpdateServiceProvider($id: ID!, $input: UpdateServiceProviderInput!) {
-  updateServiceProvider(id: $id, input: $input) {
-    ...ServiceProviderCore
-  }
-}
-
-mutation DeleteServiceProvider($id: ID!) {
-  deleteServiceProvider(id: $id)
-}
-
-mutation CreateServiceOffering($input: CreateServiceOfferingInput!) {
-  createServiceOffering(input: $input) {
-    ...ServiceOfferingCore
-  }
-}
-
-mutation UpdateServiceOffering($id: ID!, $input: UpdateServiceOfferingInput!) {
-  updateServiceOffering(id: $id, input: $input) {
-    ...ServiceOfferingCore
-  }
-}
-
-mutation DeleteServiceOffering($id: ID!) {
-  deleteServiceOffering(id: $id)
-}
-
-mutation CreateMovethewheelsReport($input: CreateMovethewheelsReportInput!) {
-  createMovethewheelsReport(input: $input) {
-    ...MovethewheelsReportCore
-  }
-}
-
-mutation UpdateMovethewheelsReport($id: ID!, $input: UpdateMovethewheelsReportInput!) {
-  updateMovethewheelsReport(id: $id, input: $input) {
-    ...MovethewheelsReportCore
-  }
-}
-
-mutation DeleteMovethewheelsReport($id: ID!) {
-  deleteMovethewheelsReport(id: $id)
-}
-
-mutation GenerateMovethewheelsReport($input: GenerateMovethewheelsReportInput!) {
-  generateMovethewheelsReport(input: $input) {
-    generatedAt
-    result
-    report {
-      ...MovethewheelsReportCore
-    }
-  }
-}
-
-mutation ImportMovethewheelsData($input: MovethewheelsImportDataInput!) {
-  importData(input: $input) {
-    success
-    message
-    payload
-  }
-}
-
-mutation UpdateMovethewheelsModuleSettings($input: UpdateMovethewheelsModuleSettingsInput!) {
-  updateModuleSettings(input: $input) {
-    workspaceId
-    preferences
-    updatedAt
-  }
-}