@uplab/vendure-plugin-exchange-rates 0.1.3 → 0.1.4

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @uplab/vendure-plugin-exchange-rates
 
+## 0.1.4
+
+### Patch Changes
+
+- [#43](https://github.com/Uplab/uplab-vendure-plugins/pull/43) [`c1a7435`](https://github.com/Uplab/uplab-vendure-plugins/commit/c1a7435d95b0835a24ee51ff2ff529c5153afc9c) Thanks [@brmk](https://github.com/brmk)! - Keep the grey badges grey on the Vendure 3.8 dashboard. Its Badge no longer has a `secondary` variant and shows such a badge as plain text. That hit the «System change» badge in the change history, and the «Disabled» and «Fetched rate» badges on the exchange-rate pages. They look the same as before on 3.7.
+
+- [#43](https://github.com/Uplab/uplab-vendure-plugins/pull/43) [`c7d7775`](https://github.com/Uplab/uplab-vendure-plugins/commit/c7d777541307cf7be3a80b07f9e3438e9c03c2f1) Thanks [@brmk](https://github.com/brmk)! - Install alongside Vendure 3.8: the `@nestjs/common` and `@nestjs/core` peers now accept `^11 || ^12`, and `@nestjs/graphql` accepts `^13 || ^14`. Vendure 3.8 moved to NestJS 12, so `npm install` failed with `ERESOLVE` against the old `^11` / `^13` ranges. Nothing changes on Vendure 3.7.
+
 ## 0.1.3
 
 ### Patch Changes

package/dist/dashboard/routes/currency-exchange-rate-detail.tsx

@@ -1,6 +1,5 @@
 import { Trans, useLingui } from '@lingui/react/macro';
 import {
-  Badge,
   Button,
   DashboardRouteDefinition,
   DetailFormGrid,
@@ -22,6 +21,7 @@ import {
 import { useMemo } from 'react';
 import { formatRate } from '../format-rate';
 import { getCurrencyExchangeRateDetailDocument, updateCurrencyExchangeRateDocument } from '../graphql';
+import { StateBadge } from '../state-badge';
 
 const pageId = 'currency-exchange-rate-detail';
 
@@ -122,9 +122,7 @@ function CurrencyExchangeRateDetailPage({ route }: { route: Route }) {
                 <Trans>Status</Trans>
               </dt>
               <dd>
-                <Badge variant={entity?.enabled ? 'success' : 'secondary'}>
-                  {entity?.enabled ? t`Enabled` : t`Disabled`}
-                </Badge>
+                <StateBadge on={!!entity?.enabled}>{entity?.enabled ? t`Enabled` : t`Disabled`}</StateBadge>
               </dd>
             </div>
             <div className="flex flex-col">

package/dist/dashboard/routes/currency-exchange-rate-list.tsx

@@ -1,8 +1,9 @@
 import { Trans, useLingui } from '@lingui/react/macro';
-import { Badge, DashboardRouteDefinition, DetailPageButton, ListPage, useLocalFormat } from '@vendure/dashboard';
+import { DashboardRouteDefinition, DetailPageButton, ListPage, useLocalFormat } from '@vendure/dashboard';
 import { useMemo } from 'react';
 import { formatRate } from '../format-rate';
 import { getCurrencyExchangeRateListDocument } from '../graphql';
+import { StateBadge } from '../state-badge';
 
 const pageId = 'currency-exchange-rate-list';
 
@@ -83,17 +84,15 @@ function CurrencyExchangeRateListPage({ route }: { route: Parameters<DashboardRo
         },
         enabled: {
           cell: ({ row }) => (
-            <Badge variant={row.original.enabled ? 'success' : 'secondary'}>
-              {row.original.enabled ? t`Enabled` : t`Disabled`}
-            </Badge>
+            <StateBadge on={row.original.enabled}>{row.original.enabled ? t`Enabled` : t`Disabled`}</StateBadge>
           ),
         },
         useCustomRate: {
           header: () => <Trans>Custom rate</Trans>,
           cell: ({ row }) => (
-            <Badge variant={row.original.useCustomRate ? 'success' : 'secondary'}>
+            <StateBadge on={row.original.useCustomRate}>
               {row.original.useCustomRate ? t`Using custom rate` : t`Fetched rate`}
-            </Badge>
+            </StateBadge>
           ),
         },
         updatedAt: {

package/dist/dashboard/state-badge.tsx

@@ -0,0 +1,19 @@
+import { Badge } from '@vendure/dashboard';
+import type { ReactNode } from 'react';
+
+/**
+ * The look of the dashboard's `secondary` badge, on `outline`: Vendure 3.8's Badge no longer has `secondary`
+ * (it renders an unknown variant unstyled), while `outline` and these colours exist on 3.7 and 3.8 alike.
+ */
+const OFF_BADGE = 'border-transparent bg-secondary text-secondary-foreground';
+
+/** A yes/no state: green while on, grey while off. */
+export function StateBadge({ on, children }: { on: boolean; children: ReactNode }) {
+  return on ? (
+    <Badge variant="success">{children}</Badge>
+  ) : (
+    <Badge variant="outline" className={OFF_BADGE}>
+      {children}
+    </Badge>
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uplab/vendure-plugin-exchange-rates",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Exchange rates for Vendure in any base currency, from the ECB, Frankfurter, Monobank, the NBU or your own source, overridable per currency in the dashboard",
   "license": "MIT",
   "author": "Uplab",
@@ -54,9 +54,9 @@
   },
   "peerDependencies": {
     "@lingui/react": "^5.0.0",
-    "@nestjs/common": "^11.0.0",
-    "@nestjs/core": "^11.0.0",
-    "@nestjs/graphql": "^13.0.0",
+    "@nestjs/common": "^11.0.0 || ^12.0.0",
+    "@nestjs/core": "^11.0.0 || ^12.0.0",
+    "@nestjs/graphql": "^13.0.0 || ^14.0.0",
     "@vendure/core": "^3.7.0",
     "@vendure/dashboard": "^3.7.0",
     "react": "^19.0.0",
@@ -75,16 +75,16 @@
   },
   "devDependencies": {
     "@lingui/react": "^5.9.5",
-    "@nestjs/common": "^11.2.1",
-    "@nestjs/core": "^11.2.1",
-    "@nestjs/graphql": "^13.1.0",
+    "@nestjs/common": "^12.1.3",
+    "@nestjs/core": "^12.1.3",
+    "@nestjs/graphql": "^14.0.3",
     "@testing-library/dom": "^10.4.2",
     "@testing-library/react": "^16.3.3",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.2.4",
-    "@vendure/core": "3.7.2",
-    "@vendure/dashboard": "3.7.2",
-    "@vendure/testing": "3.7.2",
+    "@vendure/core": "3.8.0",
+    "@vendure/dashboard": "3.8.0",
+    "@vendure/testing": "3.8.0",
     "graphql": "^16.11.0",
     "jsdom": "^26.1.0",
     "react": "^19.3.0",