@haus-tech/badge-plugin 4.0.0 → 4.0.2

package/dist/api/admin.resolver.js

@@ -53,6 +53,7 @@ let BadgeAdminResolver = class BadgeAdminResolver {
         return this.config;
     }
 };
+exports.BadgeAdminResolver = BadgeAdminResolver;
 __decorate([
     (0, graphql_1.Query)(),
     __param(0, (0, core_1.Ctx)()),
@@ -91,9 +92,8 @@ __decorate([
     __metadata("design:paramtypes", []),
     __metadata("design:returntype", void 0)
 ], BadgeAdminResolver.prototype, "getBadgePluginConfig", null);
-BadgeAdminResolver = __decorate([
+exports.BadgeAdminResolver = BadgeAdminResolver = __decorate([
     (0, graphql_1.Resolver)(),
     __param(0, (0, common_1.Inject)(constants_1.PLUGIN_INIT_OPTIONS)),
     __metadata("design:paramtypes", [Object, badge_service_1.BadgeService])
 ], BadgeAdminResolver);
-exports.BadgeAdminResolver = BadgeAdminResolver;

package/dist/api/shop.resolver.js

@@ -29,6 +29,7 @@ let ProductEntityResolver = class ProductEntityResolver {
         return this.badgeService.findBadgesForProduct(ctx, product);
     }
 };
+exports.ProductEntityResolver = ProductEntityResolver;
 __decorate([
     (0, graphql_1.ResolveField)(),
     __param(0, (0, core_1.Ctx)()),
@@ -37,12 +38,11 @@ __decorate([
     __metadata("design:paramtypes", [core_1.RequestContext, core_1.Product]),
     __metadata("design:returntype", Promise)
 ], ProductEntityResolver.prototype, "badges", null);
-ProductEntityResolver = __decorate([
+exports.ProductEntityResolver = ProductEntityResolver = __decorate([
     (0, graphql_1.Resolver)('Product'),
     __param(0, (0, common_1.Inject)(constants_1.PLUGIN_INIT_OPTIONS)),
     __metadata("design:paramtypes", [Object, badge_service_1.BadgeService])
 ], ProductEntityResolver);
-exports.ProductEntityResolver = ProductEntityResolver;
 let SearchResultEntityResolver = class SearchResultEntityResolver {
     config;
     badgeService;
@@ -54,6 +54,7 @@ let SearchResultEntityResolver = class SearchResultEntityResolver {
         return this.badgeService.findBadgesForSearchResult(ctx, searchResult);
     }
 };
+exports.SearchResultEntityResolver = SearchResultEntityResolver;
 __decorate([
     (0, graphql_1.ResolveField)(),
     __param(0, (0, core_1.Ctx)()),
@@ -62,12 +63,11 @@ __decorate([
     __metadata("design:paramtypes", [core_1.RequestContext, Object]),
     __metadata("design:returntype", Promise)
 ], SearchResultEntityResolver.prototype, "badges", null);
-SearchResultEntityResolver = __decorate([
+exports.SearchResultEntityResolver = SearchResultEntityResolver = __decorate([
     (0, graphql_1.Resolver)('SearchResult'),
     __param(0, (0, common_1.Inject)(constants_1.PLUGIN_INIT_OPTIONS)),
     __metadata("design:paramtypes", [Object, badge_service_1.BadgeService])
 ], SearchResultEntityResolver);
-exports.SearchResultEntityResolver = SearchResultEntityResolver;
 let ProductVariantEntityResolver = class ProductVariantEntityResolver {
     config;
     badgeService;
@@ -80,6 +80,7 @@ let ProductVariantEntityResolver = class ProductVariantEntityResolver {
         return this.badgeService.findByCollectionIds(ctx, collectionIds);
     }
 };
+exports.ProductVariantEntityResolver = ProductVariantEntityResolver;
 __decorate([
     (0, graphql_1.ResolveField)(),
     __param(0, (0, core_1.Ctx)()),
@@ -88,12 +89,11 @@ __decorate([
     __metadata("design:paramtypes", [core_1.RequestContext, core_1.ProductVariant]),
     __metadata("design:returntype", Promise)
 ], ProductVariantEntityResolver.prototype, "badges", null);
-ProductVariantEntityResolver = __decorate([
+exports.ProductVariantEntityResolver = ProductVariantEntityResolver = __decorate([
     (0, graphql_1.Resolver)('ProductVariant'),
     __param(0, (0, common_1.Inject)(constants_1.PLUGIN_INIT_OPTIONS)),
     __metadata("design:paramtypes", [Object, badge_service_1.BadgeService])
 ], ProductVariantEntityResolver);
-exports.ProductVariantEntityResolver = ProductVariantEntityResolver;
 let BadgeShopResolver = class BadgeShopResolver {
     config;
     badgeService;
@@ -111,6 +111,7 @@ let BadgeShopResolver = class BadgeShopResolver {
         return this.badgeService.findByCollectionIds(ctx, args.collectionIds);
     }
 };
+exports.BadgeShopResolver = BadgeShopResolver;
 __decorate([
     (0, graphql_1.Query)(),
     __param(0, (0, core_1.Ctx)()),
@@ -135,9 +136,8 @@ __decorate([
     __metadata("design:paramtypes", [core_1.RequestContext, Object]),
     __metadata("design:returntype", Promise)
 ], BadgeShopResolver.prototype, "getBadgesFromCollections", null);
-BadgeShopResolver = __decorate([
+exports.BadgeShopResolver = BadgeShopResolver = __decorate([
     (0, graphql_1.Resolver)(),
     __param(0, (0, common_1.Inject)(constants_1.PLUGIN_INIT_OPTIONS)),
     __metadata("design:paramtypes", [Object, badge_service_1.BadgeService])
 ], BadgeShopResolver);
-exports.BadgeShopResolver = BadgeShopResolver;

package/dist/badge.plugin.js

@@ -19,7 +19,8 @@ const badge_entity_1 = require("./entity/badge.entity");
 const path_1 = __importDefault(require("path"));
 const badge_service_1 = require("./service/badge.service");
 const shop_resolver_1 = require("./api/shop.resolver");
-let BadgePlugin = BadgePlugin_1 = class BadgePlugin {
+let BadgePlugin = class BadgePlugin {
+    static { BadgePlugin_1 = this; }
     static options = {
         availablePositions: ['top-left', 'top-right', 'bottom-left', 'bottom-right'],
     };
@@ -50,13 +51,14 @@ let BadgePlugin = BadgePlugin_1 = class BadgePlugin {
         ],
     };
 };
-BadgePlugin = BadgePlugin_1 = __decorate([
+exports.BadgePlugin = BadgePlugin;
+exports.BadgePlugin = BadgePlugin = BadgePlugin_1 = __decorate([
     (0, core_1.VendurePlugin)({
         imports: [core_1.PluginCommonModule],
         providers: [
             {
                 provide: constants_1.PLUGIN_INIT_OPTIONS,
-                useFactory: () => BadgePlugin_1.options,
+                useFactory: () => BadgePlugin.options,
             },
             badge_service_1.BadgeService,
         ],
@@ -77,4 +79,3 @@ BadgePlugin = BadgePlugin_1 = __decorate([
         compatibility: '^3.0.0',
     })
 ], BadgePlugin);
-exports.BadgePlugin = BadgePlugin;

package/dist/entity/badge.entity.js

@@ -29,6 +29,7 @@ let Badge = class Badge extends core_1.VendureEntity {
     collection;
     collectionId;
 };
+exports.Badge = Badge;
 __decorate([
     (0, typeorm_1.ManyToMany)((type) => core_1.Channel),
     (0, typeorm_1.JoinTable)(),
@@ -73,8 +74,7 @@ __decorate([
     (0, core_1.EntityId)({ nullable: true }),
     __metadata("design:type", Object)
 ], Badge.prototype, "collectionId", void 0);
-Badge = __decorate([
+exports.Badge = Badge = __decorate([
     (0, typeorm_1.Entity)(),
     __metadata("design:paramtypes", [Object])
 ], Badge);
-exports.Badge = Badge;

package/dist/gql/generated.js

@@ -6,13 +6,13 @@ var AdjustmentType;
     AdjustmentType["DISTRIBUTED_ORDER_PROMOTION"] = "DISTRIBUTED_ORDER_PROMOTION";
     AdjustmentType["OTHER"] = "OTHER";
     AdjustmentType["PROMOTION"] = "PROMOTION";
-})(AdjustmentType = exports.AdjustmentType || (exports.AdjustmentType = {}));
+})(AdjustmentType || (exports.AdjustmentType = AdjustmentType = {}));
 var AssetType;
 (function (AssetType) {
     AssetType["BINARY"] = "BINARY";
     AssetType["IMAGE"] = "IMAGE";
     AssetType["VIDEO"] = "VIDEO";
-})(AssetType = exports.AssetType || (exports.AssetType = {}));
+})(AssetType || (exports.AssetType = AssetType = {}));
 /**
  * @description
  * ISO 4217 currency code
@@ -335,14 +335,14 @@ var CurrencyCode;
     CurrencyCode["ZMW"] = "ZMW";
     /** Zimbabwean dollar */
     CurrencyCode["ZWL"] = "ZWL";
-})(CurrencyCode = exports.CurrencyCode || (exports.CurrencyCode = {}));
+})(CurrencyCode || (exports.CurrencyCode = CurrencyCode = {}));
 var DeletionResult;
 (function (DeletionResult) {
     /** The entity was successfully deleted */
     DeletionResult["DELETED"] = "DELETED";
     /** Deletion did not take place, reason given in message */
     DeletionResult["NOT_DELETED"] = "NOT_DELETED";
-})(DeletionResult = exports.DeletionResult || (exports.DeletionResult = {}));
+})(DeletionResult || (exports.DeletionResult = DeletionResult = {}));
 var ErrorCode;
 (function (ErrorCode) {
     ErrorCode["ALREADY_REFUNDED_ERROR"] = "ALREADY_REFUNDED_ERROR";
@@ -388,13 +388,13 @@ var ErrorCode;
     ErrorCode["REFUND_STATE_TRANSITION_ERROR"] = "REFUND_STATE_TRANSITION_ERROR";
     ErrorCode["SETTLE_PAYMENT_ERROR"] = "SETTLE_PAYMENT_ERROR";
     ErrorCode["UNKNOWN_ERROR"] = "UNKNOWN_ERROR";
-})(ErrorCode = exports.ErrorCode || (exports.ErrorCode = {}));
+})(ErrorCode || (exports.ErrorCode = ErrorCode = {}));
 var GlobalFlag;
 (function (GlobalFlag) {
     GlobalFlag["FALSE"] = "FALSE";
     GlobalFlag["INHERIT"] = "INHERIT";
     GlobalFlag["TRUE"] = "TRUE";
-})(GlobalFlag = exports.GlobalFlag || (exports.GlobalFlag = {}));
+})(GlobalFlag || (exports.GlobalFlag = GlobalFlag = {}));
 var HistoryEntryType;
 (function (HistoryEntryType) {
     HistoryEntryType["CUSTOMER_ADDED_TO_GROUP"] = "CUSTOMER_ADDED_TO_GROUP";
@@ -421,7 +421,7 @@ var HistoryEntryType;
     HistoryEntryType["ORDER_PAYMENT_TRANSITION"] = "ORDER_PAYMENT_TRANSITION";
     HistoryEntryType["ORDER_REFUND_TRANSITION"] = "ORDER_REFUND_TRANSITION";
     HistoryEntryType["ORDER_STATE_TRANSITION"] = "ORDER_STATE_TRANSITION";
-})(HistoryEntryType = exports.HistoryEntryType || (exports.HistoryEntryType = {}));
+})(HistoryEntryType || (exports.HistoryEntryType = HistoryEntryType = {}));
 /**
  * @description
  * The state of a Job in the JobQueue
@@ -436,7 +436,7 @@ var JobState;
     JobState["PENDING"] = "PENDING";
     JobState["RETRYING"] = "RETRYING";
     JobState["RUNNING"] = "RUNNING";
-})(JobState = exports.JobState || (exports.JobState = {}));
+})(JobState || (exports.JobState = JobState = {}));
 /**
  * @description
  * Languages in the form of a ISO 639-1 language code with optional
@@ -762,28 +762,28 @@ var LanguageCode;
     LanguageCode["zh_Hant"] = "zh_Hant";
     /** Zulu */
     LanguageCode["zu"] = "zu";
-})(LanguageCode = exports.LanguageCode || (exports.LanguageCode = {}));
+})(LanguageCode || (exports.LanguageCode = LanguageCode = {}));
 var LogicalOperator;
 (function (LogicalOperator) {
     LogicalOperator["AND"] = "AND";
     LogicalOperator["OR"] = "OR";
-})(LogicalOperator = exports.LogicalOperator || (exports.LogicalOperator = {}));
+})(LogicalOperator || (exports.LogicalOperator = LogicalOperator = {}));
 var MetricInterval;
 (function (MetricInterval) {
     MetricInterval["Daily"] = "Daily";
-})(MetricInterval = exports.MetricInterval || (exports.MetricInterval = {}));
+})(MetricInterval || (exports.MetricInterval = MetricInterval = {}));
 var MetricType;
 (function (MetricType) {
     MetricType["AverageOrderValue"] = "AverageOrderValue";
     MetricType["OrderCount"] = "OrderCount";
     MetricType["OrderTotal"] = "OrderTotal";
-})(MetricType = exports.MetricType || (exports.MetricType = {}));
+})(MetricType || (exports.MetricType = MetricType = {}));
 var OrderType;
 (function (OrderType) {
     OrderType["Aggregate"] = "Aggregate";
     OrderType["Regular"] = "Regular";
     OrderType["Seller"] = "Seller";
-})(OrderType = exports.OrderType || (exports.OrderType = {}));
+})(OrderType || (exports.OrderType = OrderType = {}));
 /**
  * @description
  * Permissions for administrators and customers. Used to control access to
@@ -1006,12 +1006,12 @@ var Permission;
     Permission["UpdateTaxRate"] = "UpdateTaxRate";
     /** Grants permission to update Zone */
     Permission["UpdateZone"] = "UpdateZone";
-})(Permission = exports.Permission || (exports.Permission = {}));
+})(Permission || (exports.Permission = Permission = {}));
 var SortOrder;
 (function (SortOrder) {
     SortOrder["ASC"] = "ASC";
     SortOrder["DESC"] = "DESC";
-})(SortOrder = exports.SortOrder || (exports.SortOrder = {}));
+})(SortOrder || (exports.SortOrder = SortOrder = {}));
 var StockMovementType;
 (function (StockMovementType) {
     StockMovementType["ADJUSTMENT"] = "ADJUSTMENT";
@@ -1020,4 +1020,4 @@ var StockMovementType;
     StockMovementType["RELEASE"] = "RELEASE";
     StockMovementType["RETURN"] = "RETURN";
     StockMovementType["SALE"] = "SALE";
-})(StockMovementType = exports.StockMovementType || (exports.StockMovementType = {}));
+})(StockMovementType || (exports.StockMovementType = StockMovementType = {}));

package/dist/service/badge.service.d.ts

@@ -1,14 +1,18 @@
-import { AssetService, CollectionService, EntityHydrator, ErrorResult, ListQueryBuilder, ListQueryOptions, PaginatedList, Product, RequestContext, TransactionalConnection } from '@vendure/core';
+import { OnApplicationBootstrap } from '@nestjs/common';
+import { AssetService, ChannelService, CollectionService, EntityHydrator, ErrorResult, ListQueryBuilder, ListQueryOptions, PaginatedList, Product, RequestContext, TransactionalConnection } from '@vendure/core';
 import { Badge } from '../entity/badge.entity';
 import { CreateBadgeInput, DeletionResponse, UpdateBadgeInput } from '../gql/generated';
 import { SearchResult } from '@vendure/common/lib/generated-shop-types';
-export declare class BadgeService {
+import { AssignBadgesToChannelInput } from '../types';
+export declare class BadgeService implements OnApplicationBootstrap {
     private listQueryBuilder;
     private connection;
     private assetService;
     private entityHydratorService;
     private collectionService;
-    constructor(listQueryBuilder: ListQueryBuilder, connection: TransactionalConnection, assetService: AssetService, entityHydratorService: EntityHydrator, collectionService: CollectionService);
+    private channelService;
+    constructor(listQueryBuilder: ListQueryBuilder, connection: TransactionalConnection, assetService: AssetService, entityHydratorService: EntityHydrator, collectionService: CollectionService, channelService: ChannelService);
+    onApplicationBootstrap(): Promise<void>;
     findOne(ctx: RequestContext, id: number): Promise<Badge | null>;
     findAll(ctx: RequestContext, options?: ListQueryOptions<Badge>): Promise<PaginatedList<Badge>>;
     create(ctx: RequestContext, input: CreateBadgeInput): Promise<Badge>;
@@ -18,4 +22,5 @@ export declare class BadgeService {
     findByCollectionIds(ctx: RequestContext, collectionIds: string[]): Promise<Badge[]>;
     findBadgesForProduct(ctx: RequestContext, product: Product): Promise<Badge[]>;
     findBadgesForSearchResult(ctx: RequestContext, searchResult: SearchResult): Promise<Badge[]>;
+    assignToChannel(ctx: RequestContext, input: AssignBadgesToChannelInput): Promise<Badge[]>;
 }

package/dist/service/badge.service.js

@@ -21,12 +21,28 @@ let BadgeService = class BadgeService {
     assetService;
     entityHydratorService;
     collectionService;
-    constructor(listQueryBuilder, connection, assetService, entityHydratorService, collectionService) {
+    channelService;
+    constructor(listQueryBuilder, connection, assetService, entityHydratorService, collectionService, channelService) {
         this.listQueryBuilder = listQueryBuilder;
         this.connection = connection;
         this.assetService = assetService;
         this.entityHydratorService = entityHydratorService;
         this.collectionService = collectionService;
+        this.channelService = channelService;
+    }
+    async onApplicationBootstrap() {
+        // Assign all badges which are not assigned to any channel to the default channel
+        const defaultChannel = await this.channelService.getDefaultChannel();
+        const badgesWithoutChannels = await this.connection.rawConnection
+            .getRepository(badge_entity_1.Badge)
+            .createQueryBuilder('badge')
+            .leftJoinAndSelect('badge.channels', 'channel')
+            .where('channel.id IS NULL')
+            .getMany();
+        for (const badge of badgesWithoutChannels) {
+            badge.channels = [defaultChannel];
+            await this.connection.rawConnection.getRepository(badge_entity_1.Badge).save(badge);
+        }
     }
     async findOne(ctx, id) {
         return this.connection.getRepository(ctx, badge_entity_1.Badge).findOne({ where: { id } });
@@ -107,13 +123,21 @@ let BadgeService = class BadgeService {
         const collectionIds = collections.map((c) => c.id);
         return this.findByCollectionIds(ctx, collectionIds);
     }
+    async assignToChannel(ctx, input) {
+        const badges = await this.connection.findByIdsInChannel(ctx, badge_entity_1.Badge, input.badgeIds, ctx.channelId, {});
+        await Promise.all(badges.map(async (badge) => {
+            await this.channelService.assignToChannels(ctx, badge_entity_1.Badge, badge.id, [input.channelId]);
+        }));
+        return this.connection.findByIdsInChannel(ctx, badge_entity_1.Badge, badges.map((b) => b.id), ctx.channelId, {});
+    }
 };
-BadgeService = __decorate([
+exports.BadgeService = BadgeService;
+exports.BadgeService = BadgeService = __decorate([
     (0, common_1.Injectable)(),
     __metadata("design:paramtypes", [core_1.ListQueryBuilder,
         core_1.TransactionalConnection,
         core_1.AssetService,
         core_1.EntityHydrator,
-        core_1.CollectionService])
+        core_1.CollectionService,
+        core_1.ChannelService])
 ], BadgeService);
-exports.BadgeService = BadgeService;

package/dist/types.d.ts

@@ -0,0 +1,5 @@
+import { Scalars } from '@vendure/core';
+export type AssignBadgesToChannelInput = {
+    badgeIds: Array<Scalars['ID']>;
+    channelId: Scalars['ID'];
+};

package/dist/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,10 +1,9 @@
-/// <reference types="node" />
 import { TypedBaseListComponent, NotificationService, ModalService, SelectionManager } from '@vendure/admin-ui/core';
 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<{
-    options?: import("./gql/graphql").InputMaybe<import("./gql/graphql").BadgeListOptions> | undefined;
+    options?: import("./gql/graphql").InputMaybe<import("./gql/graphql").BadgeListOptions>;
 }>>;
 export interface BadgePluginOptions {
     availablePositions: string[];

package/dist/ui/badge-list.component.js

@@ -17,6 +17,8 @@ const graphql_1 = require("./gql/graphql");
 const ngx_translate_extract_marker_1 = require("@biesbjerg/ngx-translate-extract-marker");
 const rxjs_1 = require("rxjs");
 const operators_1 = require("rxjs/operators");
+const common_1 = require("@angular/common");
+const update_badge_component_1 = require("./update-badge.component");
 const getBadgeListDocument = (0, gql_1.graphql)(`
   query GetBadges($options: BadgeListOptions) {
     badges(options: $options) {
@@ -89,12 +91,7 @@ let BadgeListComponent = class BadgeListComponent extends core_1.TypedBaseListCo
                 this.badges = data.badges.items;
                 return data.badges;
             },
-            setVariables: () => ({
-                options: {
-                    skip: 0,
-                    take: 999,
-                },
-            }),
+            setVariables: () => ({ options: { skip: 0, take: 999 } }),
             refreshListOnChanges: [],
         });
         this.dataService
@@ -171,10 +168,7 @@ let BadgeListComponent = class BadgeListComponent extends core_1.TypedBaseListCo
         for (const asset of assets) {
             await this.dataService
                 .mutate(createBadgeDocument, {
-                input: {
-                    assetId: asset.id,
-                    position: this.config.availablePositions[0],
-                },
+                input: { assetId: asset.id, position: this.config.availablePositions[0] },
             })
                 .toPromise();
         }
@@ -191,15 +185,11 @@ let BadgeListComponent = class BadgeListComponent extends core_1.TypedBaseListCo
             }
         }))
             .subscribe(() => {
-            this.notificationService.success((0, ngx_translate_extract_marker_1.marker)('common.notify-delete-success'), {
-                entity: 'Badges',
-            });
+            this.notificationService.success((0, ngx_translate_extract_marker_1.marker)('common.notify-delete-success'), { entity: 'Badges' });
             this.refresh();
             this.selectionManager.clearSelection();
         }, () => {
-            this.notificationService.error((0, ngx_translate_extract_marker_1.marker)('common.notify-delete-error'), {
-                entity: 'Badges',
-            });
+            this.notificationService.error((0, ngx_translate_extract_marker_1.marker)('common.notify-delete-error'), { entity: 'Badges' });
         });
     }
     onBadgeUpdated() {
@@ -209,31 +199,27 @@ let BadgeListComponent = class BadgeListComponent extends core_1.TypedBaseListCo
         return this.modalService
             .dialog({
             title: (0, ngx_translate_extract_marker_1.marker)('badge-plugin.confirm-delete-badges'),
-            translationVars: {
-                count: badgeIds.length,
-            },
+            translationVars: { count: badgeIds.length },
             body: message,
             buttons: [
                 { type: 'secondary', label: (0, ngx_translate_extract_marker_1.marker)('common.cancel') },
                 { type: 'danger', label: (0, ngx_translate_extract_marker_1.marker)('common.delete'), returnValue: true },
             ],
         })
-            .pipe((0, operators_1.switchMap)((res) => res
-            ? this.dataService.mutate(deleteBadgeDocument, {
-                ids: badgeIds,
-            })
-            : rxjs_1.EMPTY), (0, operators_1.map)((res) => res.deleteBadge));
+            .pipe((0, operators_1.switchMap)((res) => res ? this.dataService.mutate(deleteBadgeDocument, { ids: badgeIds }) : rxjs_1.EMPTY), (0, operators_1.map)((res) => res.deleteBadge));
     }
 };
-BadgeListComponent = __decorate([
+exports.BadgeListComponent = BadgeListComponent;
+exports.BadgeListComponent = BadgeListComponent = __decorate([
     (0, core_2.Component)({
         selector: 'badge-list',
         templateUrl: './badge-list.component.html',
         styleUrls: ['./badge-list.component.scss'],
         changeDetection: core_2.ChangeDetectionStrategy.OnPush,
+        standalone: true,
+        imports: [common_1.CommonModule, update_badge_component_1.UpdateBadgeComponent],
     }),
     (0, core_2.Injectable)(),
     __metadata("design:paramtypes", [core_1.NotificationService,
         core_1.ModalService])
 ], BadgeListComponent);
-exports.BadgeListComponent = BadgeListComponent;

package/dist/ui/badge-list.component.ts

@@ -18,6 +18,8 @@ import { marker as _ } from '@biesbjerg/ngx-translate-extract-marker'
 import { EMPTY } from 'rxjs'
 import { finalize, map, switchMap } from 'rxjs/operators'
 import { Asset } from '@vendure/core'
+import { CommonModule } from '@angular/common'
+import { UpdateBadgeComponent } from './update-badge.component'
 
 const getBadgeListDocument = graphql(`
   query GetBadges($options: BadgeListOptions) {
@@ -82,6 +84,8 @@ export interface BadgePluginOptions {
   templateUrl: './badge-list.component.html',
   styleUrls: ['./badge-list.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, UpdateBadgeComponent],
 })
 @Injectable()
 export class BadgeListComponent
@@ -110,12 +114,7 @@ export class BadgeListComponent
         this.badges = data.badges.items as Badge[]
         return data.badges
       },
-      setVariables: () => ({
-        options: {
-          skip: 0,
-          take: 999,
-        },
-      }),
+      setVariables: () => ({ options: { skip: 0, take: 999 } }),
       refreshListOnChanges: [],
     })
 
@@ -203,10 +202,7 @@ export class BadgeListComponent
     for (const asset of assets) {
       await this.dataService
         .mutate(createBadgeDocument, {
-          input: {
-            assetId: asset.id as string,
-            position: this.config.availablePositions[0],
-          },
+          input: { assetId: asset.id as string, position: this.config.availablePositions[0] },
         })
         .toPromise()
     }
@@ -229,16 +225,12 @@ export class BadgeListComponent
       )
       .subscribe(
         () => {
-          this.notificationService.success(_('common.notify-delete-success'), {
-            entity: 'Badges',
-          })
+          this.notificationService.success(_('common.notify-delete-success'), { entity: 'Badges' })
           this.refresh()
           this.selectionManager.clearSelection()
         },
         () => {
-          this.notificationService.error(_('common.notify-delete-error'), {
-            entity: 'Badges',
-          })
+          this.notificationService.error(_('common.notify-delete-error'), { entity: 'Badges' })
         },
       )
   }
@@ -251,9 +243,7 @@ export class BadgeListComponent
     return this.modalService
       .dialog({
         title: _('badge-plugin.confirm-delete-badges'),
-        translationVars: {
-          count: badgeIds.length,
-        },
+        translationVars: { count: badgeIds.length },
         body: message,
         buttons: [
           { type: 'secondary', label: _('common.cancel') },
@@ -262,11 +252,7 @@ export class BadgeListComponent
       })
       .pipe(
         switchMap((res) =>
-          res
-            ? this.dataService.mutate(deleteBadgeDocument, {
-                ids: badgeIds,
-              })
-            : EMPTY,
+          res ? this.dataService.mutate(deleteBadgeDocument, { ids: badgeIds }) : EMPTY,
         ),
         map((res) => res.deleteBadge),
       )

package/dist/ui/badge-nav.module.js

@@ -11,7 +11,8 @@ const core_1 = require("@angular/core");
 const core_2 = require("@vendure/admin-ui/core");
 let BadgesNavModule = class BadgesNavModule {
 };
-BadgesNavModule = __decorate([
+exports.BadgesNavModule = BadgesNavModule;
+exports.BadgesNavModule = BadgesNavModule = __decorate([
     (0, core_1.NgModule)({
         imports: [core_2.SharedModule],
         providers: [
@@ -24,4 +25,3 @@ BadgesNavModule = __decorate([
         ],
     })
 ], BadgesNavModule);
-exports.BadgesNavModule = BadgesNavModule;

package/dist/ui/badge.module.js

@@ -14,10 +14,13 @@ const badge_list_component_1 = require("./badge-list.component");
 const update_badge_component_1 = require("./update-badge.component");
 let BadgeModule = class BadgeModule {
 };
-BadgeModule = __decorate([
+exports.BadgeModule = BadgeModule;
+exports.BadgeModule = BadgeModule = __decorate([
     (0, core_1.NgModule)({
         imports: [
             core_2.SharedModule,
+            badge_list_component_1.BadgeListComponent,
+            update_badge_component_1.UpdateBadgeComponent,
             router_1.RouterModule.forChild([
                 {
                     path: '',
@@ -28,7 +31,5 @@ BadgeModule = __decorate([
             ]),
         ],
         providers: [],
-        declarations: [badge_list_component_1.BadgeListComponent, update_badge_component_1.UpdateBadgeComponent],
     })
 ], BadgeModule);
-exports.BadgeModule = BadgeModule;

package/dist/ui/badge.module.ts

@@ -7,6 +7,8 @@ import { UpdateBadgeComponent } from './update-badge.component'
 @NgModule({
   imports: [
     SharedModule,
+    BadgeListComponent,
+    UpdateBadgeComponent,
     RouterModule.forChild([
       {
         path: '',
@@ -17,6 +19,5 @@ import { UpdateBadgeComponent } from './update-badge.component'
     ]),
   ],
   providers: [],
-  declarations: [BadgeListComponent, UpdateBadgeComponent],
 })
 export class BadgeModule {}

package/dist/ui/gql/gql.d.ts

@@ -12,13 +12,13 @@ import { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/
  */
 declare const documents: {
     "\n  query GetBadges($options: BadgeListOptions) {\n    badges(options: $options) {\n      items {\n        id\n        createdAt\n        updatedAt\n        collection {\n          id\n        }\n        collectionId\n        position\n        asset {\n          id\n          name\n          type\n          mimeType\n          width\n          height\n          fileSize\n          source\n          preview\n        }\n      }\n      totalItems\n    }\n  }\n": DocumentNode<types.GetBadgesQuery, types.Exact<{
-        options?: types.InputMaybe<types.BadgeListOptions> | undefined;
+        options?: types.InputMaybe<types.BadgeListOptions>;
     }>>;
     "\n  mutation CreateBadge($input: CreateBadgeInput!) {\n    createBadge(input: $input) {\n      id\n    }\n  }\n": DocumentNode<types.CreateBadgeMutation, types.Exact<{
         input: types.CreateBadgeInput;
     }>>;
     "\n  mutation DeleteBadge($ids: [ID!]!) {\n    deleteBadge(ids: $ids) {\n      result\n      message\n    }\n  }\n": DocumentNode<types.DeleteBadgeMutation, types.Exact<{
-        ids: string | string[];
+        ids: Array<types.Scalars["ID"]["input"]> | types.Scalars["ID"]["input"];
     }>>;
     "\n  query GetBadgePluginConfig {\n    getBadgePluginConfig {\n      availablePositions\n    }\n  }\n": DocumentNode<types.GetBadgePluginConfigQuery, types.Exact<{
         [key: string]: never;

package/dist/ui/gql/gql.js

@@ -15,15 +15,25 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.graphql = void 0;
+exports.graphql = graphql;
 /* eslint-disable */
 const types = __importStar(require("./graphql"));
 /**
@@ -46,4 +56,3 @@ const documents = {
 function graphql(source) {
     return documents[source] ?? {};
 }
-exports.graphql = graphql;

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

@@ -5987,18 +5987,8 @@ export type UpdateBadgeMutation = {
         id: string;
     };
 };
-export declare const GetBadgesDocument: DocumentNode<GetBadgesQuery, Exact<{
-    options?: InputMaybe<BadgeListOptions> | undefined;
-}>>;
-export declare const CreateBadgeDocument: DocumentNode<CreateBadgeMutation, Exact<{
-    input: CreateBadgeInput;
-}>>;
-export declare const DeleteBadgeDocument: DocumentNode<DeleteBadgeMutation, Exact<{
-    ids: Array<Scalars['ID']['input']> | Scalars['ID']['input'];
-}>>;
-export declare const GetBadgePluginConfigDocument: DocumentNode<GetBadgePluginConfigQuery, Exact<{
-    [key: string]: never;
-}>>;
-export declare const UpdateBadgeDocument: DocumentNode<UpdateBadgeMutation, Exact<{
-    input: UpdateBadgeInput;
-}>>;
+export declare const GetBadgesDocument: DocumentNode<GetBadgesQuery, GetBadgesQueryVariables>;
+export declare const CreateBadgeDocument: DocumentNode<CreateBadgeMutation, CreateBadgeMutationVariables>;
+export declare const DeleteBadgeDocument: DocumentNode<DeleteBadgeMutation, DeleteBadgeMutationVariables>;
+export declare const GetBadgePluginConfigDocument: DocumentNode<GetBadgePluginConfigQuery, GetBadgePluginConfigQueryVariables>;
+export declare const UpdateBadgeDocument: DocumentNode<UpdateBadgeMutation, UpdateBadgeMutationVariables>;

package/dist/ui/gql/graphql.js

@@ -6,13 +6,13 @@ var AdjustmentType;
     AdjustmentType["DISTRIBUTED_ORDER_PROMOTION"] = "DISTRIBUTED_ORDER_PROMOTION";
     AdjustmentType["OTHER"] = "OTHER";
     AdjustmentType["PROMOTION"] = "PROMOTION";
-})(AdjustmentType = exports.AdjustmentType || (exports.AdjustmentType = {}));
+})(AdjustmentType || (exports.AdjustmentType = AdjustmentType = {}));
 var AssetType;
 (function (AssetType) {
     AssetType["BINARY"] = "BINARY";
     AssetType["IMAGE"] = "IMAGE";
     AssetType["VIDEO"] = "VIDEO";
-})(AssetType = exports.AssetType || (exports.AssetType = {}));
+})(AssetType || (exports.AssetType = AssetType = {}));
 /**
  * @description
  * ISO 4217 currency code
@@ -335,14 +335,14 @@ var CurrencyCode;
     CurrencyCode["ZMW"] = "ZMW";
     /** Zimbabwean dollar */
     CurrencyCode["ZWL"] = "ZWL";
-})(CurrencyCode = exports.CurrencyCode || (exports.CurrencyCode = {}));
+})(CurrencyCode || (exports.CurrencyCode = CurrencyCode = {}));
 var DeletionResult;
 (function (DeletionResult) {
     /** The entity was successfully deleted */
     DeletionResult["DELETED"] = "DELETED";
     /** Deletion did not take place, reason given in message */
     DeletionResult["NOT_DELETED"] = "NOT_DELETED";
-})(DeletionResult = exports.DeletionResult || (exports.DeletionResult = {}));
+})(DeletionResult || (exports.DeletionResult = DeletionResult = {}));
 var ErrorCode;
 (function (ErrorCode) {
     ErrorCode["ALREADY_REFUNDED_ERROR"] = "ALREADY_REFUNDED_ERROR";
@@ -388,13 +388,13 @@ var ErrorCode;
     ErrorCode["REFUND_STATE_TRANSITION_ERROR"] = "REFUND_STATE_TRANSITION_ERROR";
     ErrorCode["SETTLE_PAYMENT_ERROR"] = "SETTLE_PAYMENT_ERROR";
     ErrorCode["UNKNOWN_ERROR"] = "UNKNOWN_ERROR";
-})(ErrorCode = exports.ErrorCode || (exports.ErrorCode = {}));
+})(ErrorCode || (exports.ErrorCode = ErrorCode = {}));
 var GlobalFlag;
 (function (GlobalFlag) {
     GlobalFlag["FALSE"] = "FALSE";
     GlobalFlag["INHERIT"] = "INHERIT";
     GlobalFlag["TRUE"] = "TRUE";
-})(GlobalFlag = exports.GlobalFlag || (exports.GlobalFlag = {}));
+})(GlobalFlag || (exports.GlobalFlag = GlobalFlag = {}));
 var HistoryEntryType;
 (function (HistoryEntryType) {
     HistoryEntryType["CUSTOMER_ADDED_TO_GROUP"] = "CUSTOMER_ADDED_TO_GROUP";
@@ -421,7 +421,7 @@ var HistoryEntryType;
     HistoryEntryType["ORDER_PAYMENT_TRANSITION"] = "ORDER_PAYMENT_TRANSITION";
     HistoryEntryType["ORDER_REFUND_TRANSITION"] = "ORDER_REFUND_TRANSITION";
     HistoryEntryType["ORDER_STATE_TRANSITION"] = "ORDER_STATE_TRANSITION";
-})(HistoryEntryType = exports.HistoryEntryType || (exports.HistoryEntryType = {}));
+})(HistoryEntryType || (exports.HistoryEntryType = HistoryEntryType = {}));
 /**
  * @description
  * The state of a Job in the JobQueue
@@ -436,7 +436,7 @@ var JobState;
     JobState["PENDING"] = "PENDING";
     JobState["RETRYING"] = "RETRYING";
     JobState["RUNNING"] = "RUNNING";
-})(JobState = exports.JobState || (exports.JobState = {}));
+})(JobState || (exports.JobState = JobState = {}));
 /**
  * @description
  * Languages in the form of a ISO 639-1 language code with optional
@@ -762,28 +762,28 @@ var LanguageCode;
     LanguageCode["zh_Hant"] = "zh_Hant";
     /** Zulu */
     LanguageCode["zu"] = "zu";
-})(LanguageCode = exports.LanguageCode || (exports.LanguageCode = {}));
+})(LanguageCode || (exports.LanguageCode = LanguageCode = {}));
 var LogicalOperator;
 (function (LogicalOperator) {
     LogicalOperator["AND"] = "AND";
     LogicalOperator["OR"] = "OR";
-})(LogicalOperator = exports.LogicalOperator || (exports.LogicalOperator = {}));
+})(LogicalOperator || (exports.LogicalOperator = LogicalOperator = {}));
 var MetricInterval;
 (function (MetricInterval) {
     MetricInterval["Daily"] = "Daily";
-})(MetricInterval = exports.MetricInterval || (exports.MetricInterval = {}));
+})(MetricInterval || (exports.MetricInterval = MetricInterval = {}));
 var MetricType;
 (function (MetricType) {
     MetricType["AverageOrderValue"] = "AverageOrderValue";
     MetricType["OrderCount"] = "OrderCount";
     MetricType["OrderTotal"] = "OrderTotal";
-})(MetricType = exports.MetricType || (exports.MetricType = {}));
+})(MetricType || (exports.MetricType = MetricType = {}));
 var OrderType;
 (function (OrderType) {
     OrderType["Aggregate"] = "Aggregate";
     OrderType["Regular"] = "Regular";
     OrderType["Seller"] = "Seller";
-})(OrderType = exports.OrderType || (exports.OrderType = {}));
+})(OrderType || (exports.OrderType = OrderType = {}));
 /**
  * @description
  * Permissions for administrators and customers. Used to control access to
@@ -1006,12 +1006,12 @@ var Permission;
     Permission["UpdateTaxRate"] = "UpdateTaxRate";
     /** Grants permission to update Zone */
     Permission["UpdateZone"] = "UpdateZone";
-})(Permission = exports.Permission || (exports.Permission = {}));
+})(Permission || (exports.Permission = Permission = {}));
 var SortOrder;
 (function (SortOrder) {
     SortOrder["ASC"] = "ASC";
     SortOrder["DESC"] = "DESC";
-})(SortOrder = exports.SortOrder || (exports.SortOrder = {}));
+})(SortOrder || (exports.SortOrder = SortOrder = {}));
 var StockMovementType;
 (function (StockMovementType) {
     StockMovementType["ADJUSTMENT"] = "ADJUSTMENT";
@@ -1020,7 +1020,7 @@ var StockMovementType;
     StockMovementType["RELEASE"] = "RELEASE";
     StockMovementType["RETURN"] = "RETURN";
     StockMovementType["SALE"] = "SALE";
-})(StockMovementType = exports.StockMovementType || (exports.StockMovementType = {}));
+})(StockMovementType || (exports.StockMovementType = StockMovementType = {}));
 exports.GetBadgesDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "query", "name": { "kind": "Name", "value": "GetBadges" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "options" } }, "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "BadgeListOptions" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "badges" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "options" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "options" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "items" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "createdAt" } }, { "kind": "Field", "name": { "kind": "Name", "value": "updatedAt" } }, { "kind": "Field", "name": { "kind": "Name", "value": "collection" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "collectionId" } }, { "kind": "Field", "name": { "kind": "Name", "value": "position" } }, { "kind": "Field", "name": { "kind": "Name", "value": "asset" }, "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }, { "kind": "Field", "name": { "kind": "Name", "value": "name" } }, { "kind": "Field", "name": { "kind": "Name", "value": "type" } }, { "kind": "Field", "name": { "kind": "Name", "value": "mimeType" } }, { "kind": "Field", "name": { "kind": "Name", "value": "width" } }, { "kind": "Field", "name": { "kind": "Name", "value": "height" } }, { "kind": "Field", "name": { "kind": "Name", "value": "fileSize" } }, { "kind": "Field", "name": { "kind": "Name", "value": "source" } }, { "kind": "Field", "name": { "kind": "Name", "value": "preview" } }] } }] } }, { "kind": "Field", "name": { "kind": "Name", "value": "totalItems" } }] } }] } }] };
 exports.CreateBadgeDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "mutation", "name": { "kind": "Name", "value": "CreateBadge" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "input" } }, "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "CreateBadgeInput" } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "createBadge" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "input" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "input" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "id" } }] } }] } }] };
 exports.DeleteBadgeDocument = { "kind": "Document", "definitions": [{ "kind": "OperationDefinition", "operation": "mutation", "name": { "kind": "Name", "value": "DeleteBadge" }, "variableDefinitions": [{ "kind": "VariableDefinition", "variable": { "kind": "Variable", "name": { "kind": "Name", "value": "ids" } }, "type": { "kind": "NonNullType", "type": { "kind": "ListType", "type": { "kind": "NonNullType", "type": { "kind": "NamedType", "name": { "kind": "Name", "value": "ID" } } } } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "deleteBadge" }, "arguments": [{ "kind": "Argument", "name": { "kind": "Name", "value": "ids" }, "value": { "kind": "Variable", "name": { "kind": "Name", "value": "ids" } } }], "selectionSet": { "kind": "SelectionSet", "selections": [{ "kind": "Field", "name": { "kind": "Name", "value": "result" } }, { "kind": "Field", "name": { "kind": "Name", "value": "message" } }] } }] } }] };

package/dist/ui/update-badge.component.js

@@ -14,6 +14,8 @@ const core_1 = require("@angular/core");
 const forms_1 = require("@angular/forms");
 const core_2 = require("@vendure/admin-ui/core");
 const gql_1 = require("./gql");
+const common_1 = require("@angular/common");
+const ng_select_1 = require("@ng-select/ng-select");
 const updateBadgeDocument = (0, gql_1.graphql)(`
   mutation UpdateBadge($input: UpdateBadgeInput!) {
     updateBadge(input: $input) {
@@ -34,10 +36,7 @@ let UpdateBadgeComponent = class UpdateBadgeComponent {
         this.formBuilder = formBuilder;
         this.changeDetector = changeDetector;
         this.dataService = dataService;
-        this.form = this.formBuilder.group({
-            collectionId: [''],
-            position: [''],
-        });
+        this.form = this.formBuilder.group({ collectionId: [''], position: [''] });
         this.allCollections$ = this.dataService.collection
             .getCollections()
             .mapSingle((data) => data.collections.items);
@@ -77,6 +76,7 @@ let UpdateBadgeComponent = class UpdateBadgeComponent {
         });
     }
 };
+exports.UpdateBadgeComponent = UpdateBadgeComponent;
 __decorate([
     (0, core_1.Input)(),
     __metadata("design:type", Object)
@@ -89,15 +89,16 @@ __decorate([
     (0, core_1.Output)(),
     __metadata("design:type", core_1.EventEmitter)
 ], UpdateBadgeComponent.prototype, "badgeUpdated", void 0);
-UpdateBadgeComponent = __decorate([
+exports.UpdateBadgeComponent = UpdateBadgeComponent = __decorate([
     (0, core_1.Component)({
         selector: 'update-badge',
         templateUrl: './update-badge.component.html',
         styleUrls: ['./update-badge.component.scss'],
         changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+        standalone: true,
+        imports: [common_1.CommonModule, forms_1.ReactiveFormsModule, ng_select_1.NgSelectModule],
     }),
     __metadata("design:paramtypes", [forms_1.FormBuilder,
         core_1.ChangeDetectorRef,
         core_2.DataService])
 ], UpdateBadgeComponent);
-exports.UpdateBadgeComponent = UpdateBadgeComponent;

package/dist/ui/update-badge.component.ts

@@ -8,11 +8,13 @@ import {
   SimpleChanges,
   EventEmitter,
 } from '@angular/core'
-import { FormBuilder, FormGroup } from '@angular/forms'
+import { FormBuilder, FormGroup, ReactiveFormsModule } from '@angular/forms'
 import { Observable } from 'rxjs'
 import { DataService } from '@vendure/admin-ui/core'
 import { Badge, Collection } from './gql/graphql'
 import { graphql } from './gql'
+import { CommonModule } from '@angular/common'
+import { NgSelectModule } from '@ng-select/ng-select'
 
 const updateBadgeDocument = graphql(`
   mutation UpdateBadge($input: UpdateBadgeInput!) {
@@ -27,6 +29,8 @@ const updateBadgeDocument = graphql(`
   templateUrl: './update-badge.component.html',
   styleUrls: ['./update-badge.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
+  standalone: true,
+  imports: [CommonModule, ReactiveFormsModule, NgSelectModule],
 })
 export class UpdateBadgeComponent implements OnChanges {
   @Input() badge: Badge
@@ -42,10 +46,7 @@ export class UpdateBadgeComponent implements OnChanges {
     private changeDetector: ChangeDetectorRef,
     private dataService: DataService,
   ) {
-    this.form = this.formBuilder.group({
-      collectionId: [''],
-      position: [''],
-    })
+    this.form = this.formBuilder.group({ collectionId: [''], position: [''] })
     this.allCollections$ = this.dataService.collection
       .getCollections()
       .mapSingle((data) => data.collections.items as Collection[])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haus-tech/badge-plugin",
-  "version": "4.0.0",
+  "version": "4.0.2",
   "description": "Adds a badge to product images",
   "author": "Haus Tech",
   "repository": "https://github.com/WeAreHausTech/haus-tech-vendure-plugins",
@@ -16,12 +16,12 @@
   ],
   "scripts": {
     "start": "yarn ts-node test/dev-server.ts",
-    "build": "rimraf dist && tsc && copyfiles -u 1 'src/ui/**/*' dist/",
+    "build": "yarn run -T rimraf dist && yarn run -T tsc && yarn run -T copyfiles -u 1 'src/ui/**/*' dist/",
     "test": "jest --preset=\"ts-jest\"",
     "prepublishOnly": "yarn && yarn build"
   },
   "devDependencies": {
-    "@types/lodash": "^4.14.202",
+    "@types/lodash": "^4.17.17",
     "lodash": "^4.17.21"
   }
 }