@haus-tech/badge-plugin 4.0.6-0 → 4.0.7

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## 4.0.6
+
+### 🩹 Fixes
+
+- handle update asset ([33e1c58](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/33e1c58))
+
+## 4.0.6-0
+
+### 🚀 Features
+
+- **badge-plugin:** add dashboard integration and enhance badge management ([2603563](https://github.com/WeAreHausTech/haus-tech-vendure-plugins/commit/2603563))
+
 ## 4.0.5
 
 This was a version bump only for badge-plugin to align it with other projects, there were no code changes.

package/README.md

@@ -2,7 +2,8 @@
 name: badge-plugin
 title: Badge Plugin
 description: Vendure plugin that allows you to manage and display badges for products in your e-commerce store.
-version: 4.0.3
+version: 4.0.6
+tags: [vendure, plugin, badge]
 ---
 
 # Badge Plugin

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haus-tech/badge-plugin",
-  "version": "4.0.6-0",
+  "version": "4.0.7",
   "description": "Adds a badge to product images",
   "author": "Haus Tech",
   "repository": "https://github.com/WeAreHausTech/haus-tech-vendure-plugins",

package/src/api/api-extensions.js

@@ -45,6 +45,7 @@ exports.adminApiExtensions = (0, graphql_tag_1.gql) `
     id: ID!
     collectionId: ID
     position: String
+    assetId: ID
   }
 
   extend type Mutation {

package/src/api/api-extensions.js.map

@@ -1 +1 @@
-{"version":3,"file":"api-extensions.js","sourceRoot":"","sources":["../../../../../packages/badge-plugin/src/api/api-extensions.ts"],"names":[],"mappings":";;;AAAA,6CAAiC;AAEpB,QAAA,kBAAkB,GAAG,IAAA,iBAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDpC,CAAA;AAEY,QAAA,iBAAiB,GAAG,IAAA,iBAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CnC,CAAA"}
+{"version":3,"file":"api-extensions.js","sourceRoot":"","sources":["../../../../../packages/badge-plugin/src/api/api-extensions.ts"],"names":[],"mappings":";;;AAAA,6CAAiC;AAEpB,QAAA,kBAAkB,GAAG,IAAA,iBAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDpC,CAAA;AAEY,QAAA,iBAAiB,GAAG,IAAA,iBAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2CnC,CAAA"}

package/src/dashboard/badge-detail.tsx

@@ -5,7 +5,7 @@ import {
   Page,
   PageTitle,
   PageActionBar,
-  PageActionBarRight,
+  ActionBarItem,
   PageLayout,
   PageBlock,
   FormFieldWrapper,
@@ -23,8 +23,9 @@ import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
 import { useCallback, useState, useRef, useEffect } from 'react'
 import { toast } from 'sonner'
 import { api } from '@vendure/dashboard'
-import { graphql } from '@/gql'
+import { graphql } from './gql'
 import { UploadIcon } from 'lucide-react'
+import type { ComponentProps } from 'react'
 
 const getBadgeDetailDocument = graphql(`
   query GetBadgeDetail($id: ID!) {
@@ -116,7 +117,7 @@ export const badgeDetailRoute: DashboardRouteDefinition = {
     ],
   }),
   component: (route) => {
-    return <BadgeDetailPage route={route as any} />
+    return <BadgeDetailPage route={route as AnyRoute} />
   },
 }
 
@@ -130,6 +131,7 @@ function BadgeDetailPage({ route }: { route: AnyRoute }) {
     id: string
     name: string
     preview: string
+    source: string
   } | null>(null)
   const [uploading, setUploading] = useState(false)
 
@@ -151,16 +153,16 @@ function BadgeDetailPage({ route }: { route: AnyRoute }) {
     (
       badge:
         | {
+          id: string
+          position: string
+          collectionId: string | null
+          assetId: string
+          asset: {
             id: string
-            position: string
-            collectionId: string | null
-            assetId: string
-            asset: {
-              id: string
-              name: string
-              preview: string
-            }
+            name: string
+            preview: string
           }
+        }
         | null
         | undefined,
     ) => {
@@ -175,6 +177,7 @@ function BadgeDetailPage({ route }: { route: AnyRoute }) {
         id: badge?.id ?? '',
         position: position || 'top-left',
         collectionId: badge?.collectionId ?? null,
+        assetId: badge?.assetId ?? '',
       }
     },
     [availablePositions],
@@ -206,7 +209,9 @@ function BadgeDetailPage({ route }: { route: AnyRoute }) {
   const createAssetMutation = useMutation({
     mutationFn: async (file: File) => {
       const input = [{ file }]
-      const result: any = await api.mutate(createAssetsDocument, { input })
+      const result = await api.mutate(createAssetsDocument, { input }) as {
+        createAssets: Array<{ id?: string; name?: string; source?: string; preview?: string; message?: string }>
+      }
       const assetResult = result.createAssets[0]
       if ('id' in assetResult) {
         return assetResult
@@ -220,7 +225,9 @@ function BadgeDetailPage({ route }: { route: AnyRoute }) {
         id: asset.id,
         name: asset.name || 'Uploaded image',
         preview: asset.preview || '',
+        source: asset.source || asset.preview || '',
       })
+      form.setValue('assetId', asset.id, { shouldDirty: true, shouldValidate: true })
       setUploading(false)
       toast.success('Image uploaded successfully')
     },
@@ -246,6 +253,7 @@ function BadgeDetailPage({ route }: { route: AnyRoute }) {
           id: entity.asset.id,
           name: entity.asset.name,
           preview: entity.asset.preview,
+          source: entity.asset.source,
         })
       }
     }
@@ -271,6 +279,7 @@ function BadgeDetailPage({ route }: { route: AnyRoute }) {
 
       // Always sync collection - set it immediately
       form.setValue('collectionId', entityCollectionId ?? null, { shouldDirty: false })
+      form.setValue('assetId', badge.assetId ?? '', { shouldDirty: false })
     }
 
     // Initialize default values for new badges
@@ -317,7 +326,7 @@ function BadgeDetailPage({ route }: { route: AnyRoute }) {
         toast.success('Badge created successfully')
         await navigate({ to: `/badges/${result.createBadge.id}` })
         queryClient.invalidateQueries({ queryKey: ['badges'] })
-      } catch (error: any) {
+      } catch (error: unknown) {
         toast.error('Failed to create badge', {
           description: error instanceof Error ? error.message : 'Unknown error',
         })
@@ -332,11 +341,21 @@ function BadgeDetailPage({ route }: { route: AnyRoute }) {
     uploadedAsset ||
     (entity?.asset
       ? {
-          id: entity.asset.id,
-          name: entity.asset.name,
-          preview: entity.asset.preview,
-        }
+        id: entity.asset.id,
+        name: entity.asset.name,
+        preview: entity.asset.preview,
+        source: entity.asset.source,
+      }
       : null)
+  const currentAssetForPreview =
+    currentAsset == null
+      ? null
+      : (entity?.asset && currentAsset.id === entity.asset.id
+        ? entity.asset
+        : { ...currentAsset, type: 'IMAGE' }) as ComponentProps<typeof VendureImage>['asset']
+  const hasAssetChanged = Boolean(
+    !creatingNewEntity && uploadedAsset?.id && uploadedAsset.id !== entity?.assetId,
+  )
 
   return (
     <Page pageId="badge-detail" form={form} submitHandler={handleSubmit}>
@@ -344,18 +363,18 @@ function BadgeDetailPage({ route }: { route: AnyRoute }) {
         {creatingNewEntity ? 'New Badge' : entity?.id ? `Badge ${entity.id}` : 'Edit Badge'}
       </PageTitle>
       <PageActionBar>
-        <PageActionBarRight>
+        <ActionBarItem itemId="save-button">
           <Button
             type="submit"
             disabled={
               creatingNewEntity
                 ? !uploadedAsset || !form.formState.isValid || isPending || uploading
-                : !form.formState.isDirty || !form.formState.isValid || isPending
+                : (!form.formState.isDirty && !hasAssetChanged) || isPending || uploading
             }
           >
             {isPending || uploading ? 'Saving...' : creatingNewEntity ? 'Create' : 'Update'}
           </Button>
-        </PageActionBarRight>
+        </ActionBarItem>
       </PageActionBar>
       <PageLayout>
         <PageBlock column="main" blockId="main-form">
@@ -365,11 +384,7 @@ function BadgeDetailPage({ route }: { route: AnyRoute }) {
               <div className="space-y-4">
                 {currentAsset ? (
                   <div className="space-y-2">
-                    <VendureImage
-                      asset={entity?.asset || ({ ...currentAsset, type: 'IMAGE' } as any)}
-                      alt={currentAsset.name}
-                      preset="medium"
-                    />
+                    <VendureImage asset={currentAssetForPreview} alt={currentAsset.name} preset="full" />
                     <div className="text-sm text-muted-foreground">{currentAsset.name}</div>
                   </div>
                 ) : (

package/src/dashboard/badge-list.tsx

@@ -1,14 +1,14 @@
 import {
   DashboardRouteDefinition,
   ListPage,
-  PageActionBarRight,
+  ActionBarItem,
   Button,
   VendureImage,
   Badge as BadgeComponent,
 } from '@vendure/dashboard'
 import { PencilIcon, PlusIcon } from 'lucide-react'
 import { Link } from '@tanstack/react-router'
-import { graphql } from '@/gql'
+import { graphql } from './gql'
 
 const getBadgeListDocument = graphql(`
   query GetBadges($options: BadgeListOptions) {
@@ -128,14 +128,12 @@ export const badgeListRoute: DashboardRouteDefinition = {
         }}
         defaultColumnOrder={['asset', 'position', 'collection', 'updatedAt']}
       >
-        <PageActionBarRight>
-          <Button asChild>
-            <Link to="./new">
-              <PlusIcon className="mr-2 h-4 w-4" />
-              New Badge
-            </Link>
+        <ActionBarItem itemId="create-button">
+          <Button render={<Link to="./new" />}>
+            <PlusIcon />
+            New Badge
           </Button>
-        </PageActionBarRight>
+        </ActionBarItem>
       </ListPage>
     )
   },

package/src/dashboard/gql.ts

@@ -0,0 +1,146 @@
+import gql from 'graphql-tag'
+import type { TypedDocumentNode } from '@graphql-typed-document-node/core'
+
+type AnyDoc = TypedDocumentNode<any, any>
+
+const getBadgesDocument = gql(`
+  query GetBadges($options: BadgeListOptions) {
+    badges(options: $options) {
+      items {
+        id
+        createdAt
+        updatedAt
+        collection {
+          id
+          name
+        }
+        collectionId
+        position
+        asset {
+          id
+          name
+          type
+          mimeType
+          width
+          height
+          fileSize
+          source
+          preview
+        }
+      }
+      totalItems
+    }
+  }
+`) as AnyDoc
+
+const deleteBadgeDocument = gql(`
+  mutation DeleteBadge($id: ID!) {
+    deleteBadge(ids: [$id]) {
+      result
+      message
+    }
+  }
+`) as AnyDoc
+
+const getBadgeDetailDocument = gql(`
+  query GetBadgeDetail($id: ID!) {
+    badge(id: $id) {
+      id
+      createdAt
+      updatedAt
+      collection {
+        id
+        name
+      }
+      collectionId
+      position
+      assetId
+      asset {
+        id
+        name
+        type
+        mimeType
+        width
+        height
+        fileSize
+        source
+        preview
+      }
+    }
+  }
+`) as AnyDoc
+
+const createBadgeDocument = gql(`
+  mutation CreateBadge($input: CreateBadgeInput!) {
+    createBadge(input: $input) {
+      id
+    }
+  }
+`) as AnyDoc
+
+const updateBadgeDocument = gql(`
+  mutation UpdateBadge($input: UpdateBadgeInput!) {
+    updateBadge(input: $input) {
+      id
+    }
+  }
+`) as AnyDoc
+
+const getBadgePluginConfigDocument = gql(`
+  query GetBadgePluginConfig {
+    getBadgePluginConfig {
+      availablePositions
+    }
+  }
+`) as AnyDoc
+
+const getCollectionsDocument = gql(`
+  query GetCollections {
+    collections {
+      items {
+        id
+        name
+        slug
+      }
+    }
+  }
+`) as AnyDoc
+
+const createAssetsDocument = gql(`
+  mutation CreateAssets($input: [CreateAssetInput!]!) {
+    createAssets(input: $input) {
+      ... on Asset {
+        id
+        name
+        source
+        preview
+      }
+      ... on MimeTypeError {
+        message
+      }
+    }
+  }
+`) as AnyDoc
+
+function normalize(source: string): string {
+  return source.replace(/\s+/g, ' ').trim()
+}
+
+const documents = new Map<string, AnyDoc>([
+  [normalize(getBadgesDocument.loc?.source.body ?? ''), getBadgesDocument],
+  [normalize(deleteBadgeDocument.loc?.source.body ?? ''), deleteBadgeDocument],
+  [normalize(getBadgeDetailDocument.loc?.source.body ?? ''), getBadgeDetailDocument],
+  [normalize(createBadgeDocument.loc?.source.body ?? ''), createBadgeDocument],
+  [normalize(updateBadgeDocument.loc?.source.body ?? ''), updateBadgeDocument],
+  [normalize(getBadgePluginConfigDocument.loc?.source.body ?? ''), getBadgePluginConfigDocument],
+  [normalize(getCollectionsDocument.loc?.source.body ?? ''), getCollectionsDocument],
+  [normalize(createAssetsDocument.loc?.source.body ?? ''), createAssetsDocument],
+])
+
+export function graphql(source: string): AnyDoc {
+  const document = documents.get(normalize(source))
+  if (!document) {
+    throw new Error('Unknown dashboard GraphQL operation in badge-plugin')
+  }
+  return document
+}

package/src/gql/generated.d.ts

@@ -5582,6 +5582,7 @@ export type UpdateAssetInput = {
     tags?: InputMaybe<Array<Scalars['String']['input']>>;
 };
 export type UpdateBadgeInput = {
+    assetId?: InputMaybe<Scalars['ID']['input']>;
     collectionId?: InputMaybe<Scalars['ID']['input']>;
     id: Scalars['ID']['input'];
     position?: InputMaybe<Scalars['String']['input']>;

package/src/service/badge.service.js

@@ -91,6 +91,7 @@ let BadgeService = class BadgeService {
             await this.connection.getRepository(ctx, badge_entity_1.Badge).update(input.id, {
                 position: input.position,
                 collectionId: input.collectionId,
+                assetId: input.assetId ?? badge.assetId,
             });
             badge = await this.connection
                 .getRepository(ctx, badge_entity_1.Badge)

package/src/service/badge.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.service.js","sourceRoot":"","sources":["../../../../../packages/badge-plugin/src/service/badge.service.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,2CAAmE;AACnE,qCAA4B;AAC5B,wCAYsB;AACtB,yDAA8C;AAC9C,gDAKyB;AAKlB,IAAM,YAAY,GAAlB,MAAM,YAAY;IAEb;IACA;IACA;IACA;IACA;IACA;IANV,YACU,gBAAkC,EAClC,UAAmC,EACnC,YAA0B,EAC1B,qBAAqC,EACrC,iBAAoC,EACpC,cAA8B;QAL9B,qBAAgB,GAAhB,gBAAgB,CAAkB;QAClC,eAAU,GAAV,UAAU,CAAyB;QACnC,iBAAY,GAAZ,YAAY,CAAc;QAC1B,0BAAqB,GAArB,qBAAqB,CAAgB;QACrC,sBAAiB,GAAjB,iBAAiB,CAAmB;QACpC,mBAAc,GAAd,cAAc,CAAgB;IACrC,CAAC;IAEJ,KAAK,CAAC,sBAAsB;QAC1B,iFAAiF;QACjF,MAAM,cAAc,GAAG,MAAM,IAAI,CAAC,cAAc,CAAC,iBAAiB,EAAE,CAAA;QACpE,MAAM,qBAAqB,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa;aAC9D,aAAa,CAAC,oBAAK,CAAC;aACpB,kBAAkB,CAAC,OAAO,CAAC;aAC3B,iBAAiB,CAAC,gBAAgB,EAAE,SAAS,CAAC;aAC9C,KAAK,CAAC,oBAAoB,CAAC;aAC3B,OAAO,EAAE,CAAA;QAEZ,KAAK,MAAM,KAAK,IAAI,qBAAqB,EAAE,CAAC;YAC1C,KAAK,CAAC,QAAQ,GAAG,CAAC,cAAc,CAAC,CAAA;YACjC,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC,oBAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACtE,CAAC;IACH,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,GAAmB,EAAE,EAAU;QAC3C,OAAO,IAAI,CAAC,UAAU;aACnB,aAAa,CAAC,GAAG,EAAE,oBAAK,CAAC;aACzB,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,CAAC,CAAA;IAC/E,CAAC;IAED,KAAK,CAAC,OAAO,CACX,GAAmB,EACnB,OAAiC;QAEjC,OAAO,IAAI,CAAC,gBAAgB;aACzB,KAAK,CAAC,oBAAK,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,UAAU,CAAC,EAAE,GAAG,EAAE,CAAC;aAC9E,QAAQ,CAAC,gBAAgB,EAAE,SAAS,CAAC;aACrC,QAAQ,CAAC,yBAAyB,EAAE,EAAE,SAAS,EAAE,GAAG,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;aAClE,eAAe,EAAE;aACjB,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAA;IAC3D,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,GAAmB,EAAE,KAAuB;QACvD,MAAM,KAAK,GAAG,IAAI,oBAAK,CAAC;YACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,UAAU;YACtC,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,IAAI;YACxC,QAAQ,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC;SACxB,CAAC,CAAA;QACF,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,EAAE,oBAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC9D,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,GAAmB,EAAE,KAAY;QAC5C,IAAI,CAAC;YACH,MAAM,IAAI,CAAC,qBAAqB,CAAC,OAAO,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;YAC9E,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAA;YAC9B,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,EAAE,oBAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YAC7D,IAAI,UAAU,EAAE,CAAC;gBACf,MAAM,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAA;YACtD,CAAC;YACD,OAAO,EAAE,MAAM,EAAE,0BAAc,CAAC,OAAO,EAAE,CAAA;QAC3C,CAAC;QAAC,OAAO,CAAM,EAAE,CAAC;YAChB,OAAO,EAAE,MAAM,EAAE,0BAAc,CAAC,WAAW,EAAE,OAAO,EAAE,CAAC,CAAC,OAAO,EAAE,CAAA;QACnE,CAAC;IACH,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,GAAmB,EAAE,KAAuB;QACvD,IAAI,KAAK,GAAG,MAAM,IAAI,CAAC,UAAU;aAC9B,aAAa,CAAC,GAAG,EAAE,oBAAK,CAAC;aACzB,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;QACjD,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,MAAM,IAAI,KAAK,CAAC,iBAAiB,KAAK,CAAC,EAAE,YAAY,CAAC,CAAA;QACxD,CAAC;QAED,IAAI,CAAC;YACH,MAAM,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,GAAG,EAAE,oBAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAAE;gBAC/D,QAAQ,EAAE,KAAK,CAAC,QAAS;gBACzB,YAAY,EAAE,KAAK,CAAC,YAAY;aACjC,CAAC,CAAA;YAEF,KAAK,GAAG,MAAM,IAAI,CAAC,UAAU;iBAC1B,aAAa,CAAC,GAAG,EAAE,oBAAK,CAAC;iBACzB,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAA;QACnD,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACX,OAAO,IAAI,kBAAW,EAAE,CAAA;QAC1B,CAAC;QACD,OAAO,KAAK,IAAI,IAAI,kBAAW,EAAE,CAAA;IACnC,CAAC;IAED,KAAK,CAAC,qBAAqB,CAAC,GAAmB,EAAE,YAAoB;QACnE,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,UAAU;aAChC,aAAa,CAAC,GAAG,EAAE,oBAAK,CAAC;aACzB,OAAO,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,SAAS,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;QAEhE,IAAI,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;YACrE,OAAO,KAAK,CAAA;QACd,CAAC;QAED,OAAO,IAAI,CAAA;IACb,CAAC;IAED,KAAK,CAAC,mBAAmB,CAAC,GAAmB,EAAE,aAAuB;QACpE,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU;aACjC,aAAa,CAAC,GAAG,EAAE,oBAAK,CAAC;aACzB,IAAI,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,IAAA,YAAE,EAAC,aAAa,CAAC,EAAE,EAAE,SAAS,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC,CAAA;QAEhF,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,EAAE,KAAK,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAA;IAClG,CAAC;IAED,KAAK,CAAC,oBAAoB,CAAC,GAAmB,EAAE,OAAgB;QAC9D,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,iBAAiB,CAAC,yBAAyB,CACxE,GAAG,EACH,OAAO,CAAC,EAAE,EACV,IAAI,CACL,CAAA;QACD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAa,CAAA;QAC9D,OAAO,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,aAAa,CAAC,CAAA;IACrD,CAAC;IAED,KAAK,CAAC,yBAAyB,CAC7B,GAAmB,EACnB,YAA0B;QAE1B,MAAM,WAAW,GAAG,MAAM,IAAI,CAAC,iBAAiB,CAAC,yBAAyB,CACxE,GAAG,EACH,YAAY,CAAC,SAAS,EACtB,IAAI,CACL,CAAA;QACD,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAa,CAAA;QAC9D,OAAO,IAAI,CAAC,mBAAmB,CAAC,GAAG,EAAE,aAAa,CAAC,CAAA;IACrD,CAAC;IAED,KAAK,CAAC,eAAe,CAAC,GAAmB,EAAE,KAAiC;QAC1E,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,UAAU,CAAC,kBAAkB,CACrD,GAAG,EACH,oBAAK,EACL,KAAK,CAAC,QAAQ,EACd,GAAG,CAAC,SAAS,EACb,EAAE,CACH,CAAA;QACD,MAAM,OAAO,CAAC,GAAG,CACf,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,IAAI,CAAC,cAAc,CAAC,gBAAgB,CAAC,GAAG,EAAE,oBAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAA;QACrF,CAAC,CAAC,CACH,CAAA;QAED,OAAO,IAAI,CAAC,UAAU,CAAC,kBAAkB,CACvC,GAAG,EACH,oBAAK,EACL,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACvB,GAAG,CAAC,SAAS,EACb,EAAE,CACH,CAAA;IACH,CAAC;CACF,CAAA;AA5JY,oCAAY;uBAAZ,YAAY;IADxB,IAAA,mBAAU,GAAE;qCAGiB,uBAAgB;QACtB,8BAAuB;QACrB,mBAAY;QACH,qBAAc;QAClB,wBAAiB;QACpB,qBAAc;GAP7B,YAAY,CA4JxB"}
+{"version":3,"file":"badge.service.js","sourceRoot":"","sources":["../../../../../packages/badge-plugin/src/service/badge.service.ts"],"names":[],"mappings":"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"}

package/src/ui/badge-list.component.d.ts

@@ -2,7 +2,7 @@ import { TypedBaseListComponent, NotificationService, ModalService, SelectionMan
 import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { Badge } from './gql/graphql';
 import { Asset } from '@vendure/core';
-declare const getBadgeListDocument: import("apollo-angular").TypedDocumentNode<import("./gql/graphql").GetBadgesQuery, import("./gql/graphql").Exact<{
+declare const getBadgeListDocument: import("@graphql-typed-document-node/core").TypedDocumentNode<import("./gql/graphql").GetBadgesQuery, import("./gql/graphql").Exact<{
     options?: import("./gql/graphql").InputMaybe<import("./gql/graphql").BadgeListOptions>;
 }>>;
 export interface BadgePluginOptions {

package/src/ui/badge-list.component.html

@@ -27,7 +27,7 @@
             [disabled]="true"
             [hiddenWhenOff]="true"
           ></vdr-select-toggle>
-          <img class="asset-thumb" [src]="item.asset | assetPreview : 'medium'" />
+          <img class="asset-thumb" [src]="item.asset | assetPreview: 'medium'" />
         </div>
         <div class="detail">
           <span [title]="item.position">{{ item.position }}</span>
@@ -67,7 +67,7 @@
       <div class="card stack" [class.visible]="selectionManager.selection.length > 1"></div>
       <div class="selection-count" [class.visible]="selectionManager.selection.length > 1">
         {{
-          'asset.assets-selected-count' | translate : { count: selectionManager.selection.length }
+          'asset.assets-selected-count' | translate: { count: selectionManager.selection.length }
         }}
         <ul>
           <li *ngFor="let asset of selectionManager.selection">{{ asset.name }}</li>

package/src/ui/badge-list.component.scss

@@ -86,14 +86,18 @@ vdr-select-toggle {
     opacity: 0;
     transform: perspective(500px) translateZ(0px) translateY(-16px);
     height: 16px;
-    transition: transform 0.3s, opacity 0s 0.3s;
+    transition:
+      transform 0.3s,
+      opacity 0s 0.3s;
     background-color: white;
 
     &.visible {
       opacity: 1;
       transform: perspective(500px) translateZ(-44px) translateY(0px);
       background-color: var(--color-component-bg-100);
-      transition: transform 0.3s, color 0.3s;
+      transition:
+        transform 0.3s,
+        color 0.3s;
     }
   }
 
@@ -102,11 +106,15 @@ vdr-select-toggle {
     position: relative;
     text-align: center;
     visibility: hidden;
-    transition: opacity 0.3s, visibility 0s 0.3s;
+    transition:
+      opacity 0.3s,
+      visibility 0s 0.3s;
     &.visible {
       opacity: 1;
       visibility: visible;
-      transition: opacity 0.3s, visibility 0s;
+      transition:
+        opacity 0.3s,
+        visibility 0s;
     }
     ul {
       text-align: start;

package/src/ui/gql/graphql.d.ts

@@ -5586,6 +5586,7 @@ export type UpdateAssetInput = {
     tags?: InputMaybe<Array<Scalars['String']['input']>>;
 };
 export type UpdateBadgeInput = {
+    assetId?: InputMaybe<Scalars['ID']['input']>;
     collectionId?: InputMaybe<Scalars['ID']['input']>;
     id: Scalars['ID']['input'];
     position?: InputMaybe<Scalars['String']['input']>;