@pinelab/vendure-plugin-qls-fulfillment 3.1.0 → 3.2.0

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+# 3.2.0 (2026-08-12)
+
+- Restore the legacy Angular Admin UI extension alongside the React Dashboard.
+
 # 3.1.0 (2026-08-12)
 
 - Trigger `saveAdditionalVariantData` from incoming stock webhooks using the webhook payload directly.

package/dist/ui/providers.ts

@@ -0,0 +1,246 @@
+import {
+  addActionBarDropdownMenuItem,
+  addActionBarItem,
+  ModalService,
+} from '@vendure/admin-ui/core';
+import { firstValueFrom, of } from 'rxjs';
+import { map, catchError, take } from 'rxjs/operators';
+import gql from 'graphql-tag';
+
+export default [
+  // Product sync button in product list
+  addActionBarDropdownMenuItem({
+    id: 'qls-fulfillment-sync',
+    label: 'Synchronize with QLS',
+    locationId: 'product-list',
+    icon: 'resistor',
+    requiresPermission: ['QLSFullSync'],
+    onClick: (_, { dataService, notificationService }) => {
+      dataService
+        .mutate(
+          gql`
+            mutation TriggerQlsProductSync {
+              triggerQlsProductSync
+            }
+          `
+        )
+        .subscribe({
+          next: () => {
+            notificationService.notify({
+              message: `Triggered QLS full product sync...`,
+              type: 'success',
+            });
+          },
+          error: (err) => {
+            notificationService.notify({
+              message: err.message,
+              type: 'error',
+            });
+          },
+        });
+    },
+  }),
+  // QLS order link button on order detail page
+  addActionBarItem({
+    id: 'qls-visit-order',
+    label: 'QLS',
+    locationId: 'order-detail',
+    buttonColor: 'primary',
+    buttonStyle: 'outline',
+    icon: 'link',
+    buttonState: (context) => {
+      return context.entity$.pipe(
+        map((entity) => ({
+          visible: !!entity?.orderPlacedAt,
+          disabled: false,
+        }))
+      );
+    },
+    onClick: async (event, { route, dataService, notificationService }) => {
+      const orderId = route.snapshot.params.id;
+      const res = await firstValueFrom(
+        dataService.query(
+          gql`
+            query Order($orderId: ID!) {
+              order(id: $orderId) {
+                id
+                qlsOrderUrl
+              }
+            }
+          `,
+          { orderId }
+        ).single$
+      );
+      const url = (res as any).order.qlsOrderUrl;
+      if (url) {
+        window.open(url, '_blank');
+      } else {
+        notificationService.notify({
+          message: 'No QLS order found for this order.',
+          type: 'error',
+        });
+      }
+    },
+  }),
+  // QLS product link button on product variant detail page
+  addActionBarItem({
+    id: 'qls-visit-product',
+    label: 'QLS',
+    locationId: 'product-variant-detail',
+    buttonColor: 'primary',
+    buttonStyle: 'outline',
+    icon: 'link',
+    onClick: async (event, { route, dataService, notificationService }) => {
+      const variantId = route.snapshot.params.id;
+      const res = await firstValueFrom(
+        dataService.query(
+          gql`
+            query ProductVariant($id: ID!) {
+              productVariant(id: $id) {
+                id
+                qlsProductUrl
+              }
+            }
+          `,
+          { id: variantId }
+        ).single$
+      );
+      const url = (res as any).productVariant.qlsProductUrl;
+      if (url) {
+        window.open(url, '_blank');
+      } else {
+        notificationService.notify({
+          message: 'No QLS product found for this variant.',
+          type: 'error',
+        });
+      }
+    },
+  }),
+  // Push order to QLS button on order detail page
+  addActionBarDropdownMenuItem({
+    id: 'qls-fulfillment-push-order',
+    label: 'Push order to QLS',
+    locationId: 'order-detail',
+    icon: 'resistor',
+    requiresPermission: ['QLSFullSync'],
+    hasDivider: true,
+    onClick: async (
+      _,
+      { route, dataService, notificationService, injector }
+    ) => {
+      const orderId = route.snapshot.params.id;
+      const res = await firstValueFrom(
+        dataService.query(
+          gql`
+            query Order($orderId: ID!) {
+              order(id: $orderId) {
+                id
+                qlsOrderIds
+              }
+            }
+          `,
+          { orderId }
+        ).single$
+      );
+      if ((res as any).order.qlsOrderIds.length > 0) {
+        const modalService = injector.get(ModalService);
+        const confirmed = await firstValueFrom(
+          modalService.dialog({
+            title: 'Push order to QLS',
+            body: 'This order already exists in QLS. Are you sure you want to push it again?',
+            buttons: [
+              { type: 'secondary', label: 'Cancel', returnValue: false },
+              { type: 'primary', label: 'Push to QLS', returnValue: true },
+            ],
+          })
+        );
+        if (!confirmed) return;
+      }
+
+      dataService
+        .mutate(
+          gql`
+            mutation PushOrderToQls($orderId: ID!) {
+              pushOrderToQls(orderId: $orderId)
+            }
+          `,
+          { orderId }
+        )
+        .subscribe({
+          next: (result) => {
+            notificationService.notify({
+              message: (result as any).pushOrderToQls,
+              type: 'success',
+            });
+          },
+          error: (err) => {
+            notificationService.notify({
+              message: err.message,
+              type: 'error',
+            });
+          },
+        });
+    },
+  }),
+  addActionBarDropdownMenuItem({
+    id: 'qls-fulfillment-add-ean',
+    label: 'Add additional EAN to QLS',
+    locationId: 'product-variant-detail',
+    icon: 'resistor',
+    requiresPermission: ['QLSFullSync'],
+    onClick: async (
+      _,
+      { route, dataService, notificationService, entity$ }
+    ) => {
+      const ean = window.prompt('Enter additional EAN to add to QLS:');
+      if (!ean) {
+        return;
+      }
+      const variantId = route.snapshot.params.id;
+      try {
+        const variant = await firstValueFrom(entity$.pipe(take(1)));
+        const confirmed = window.confirm(
+          `Wil je EAN "${ean}" toevoegen aan "${variant?.name}"?`
+        );
+        if (!confirmed) {
+          return;
+        }
+      } catch (err) {
+        notificationService.notify({
+          message: (err as any).message,
+          type: 'error',
+        });
+        return;
+      }
+      dataService
+        .mutate(
+          gql`
+            mutation AddAdditionalEANSToQLS(
+              $variantId: ID!
+              $additionalEANS: [String!]!
+            ) {
+              addAdditionalEANSToQLS(
+                variantId: $variantId
+                additionalEANS: $additionalEANS
+              )
+            }
+          `,
+          { variantId, additionalEANS: [ean] }
+        )
+        .subscribe({
+          next: () => {
+            notificationService.notify({
+              message: `Added EAN ${ean} to QLS`,
+              type: 'success',
+            });
+          },
+          error: (err) => {
+            notificationService.notify({
+              message: err.message,
+              type: 'error',
+            });
+          },
+        });
+    },
+  }),
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinelab/vendure-plugin-qls-fulfillment",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "Vendure plugin to fulfill orders via QLS.",
   "keywords": [
     "fulfillment",