gunsmith-common 2.1.31 → 2.2.2

package/fesm2020/gunsmith-common.mjs

@@ -1,11 +1,14 @@
 import { DateTime } from 'luxon';
 import * as i0 from '@angular/core';
-import { Injectable, Inject, Pipe, Directive, Input, NgModule, Component } from '@angular/core';
+import { Injectable, Inject, Pipe, Directive, Input, Component, NgModule } from '@angular/core';
 import * as i1 from '@angular/common/http';
 import { of, Subject } from 'rxjs';
 import { switchMap } from 'rxjs/operators';
-import * as i1$1 from '@angular/forms';
-import * as i2 from '@angular/common';
+import * as i2 from '@angular/forms';
+import { NgControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i3 from '@progress/kendo-angular-dropdowns';
+import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
+import * as i2$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { trigger, transition, style, animate } from '@angular/animations';
 
@@ -406,6 +409,54 @@ var ShieldRMSOptions;
     ShieldRMSOptions[ShieldRMSOptions["RemoveBUIS"] = 1] = "RemoveBUIS";
 })(ShieldRMSOptions || (ShieldRMSOptions = {}));
 
+class PackageItem {
+}
+
+class Package {
+    constructor() {
+        this.active = true;
+        this.firearms = [];
+        this.items = [];
+        this.optionalItems = [];
+        this.variations = [];
+    }
+}
+
+class PackageOptionalItem {
+}
+
+class PackageVariation {
+    constructor() {
+        this.options = [];
+    }
+}
+
+class PackageVariationOption {
+}
+
+class WaitlistGunPackageDetail {
+    constructor() {
+        this.optionalItems = [];
+        this.variations = [];
+    }
+}
+
+class WorkOrderPackageDetail {
+    constructor() {
+        this.optionalItems = [];
+        this.variations = [];
+    }
+}
+
+class PackageTotal {
+}
+
+class WorkOrderInventoryItem {
+}
+
+class RefinishCode {
+}
+
 function adjustHoliday(finishDate, holidays) {
     while (holidays.map(h => new Date(h.holiday)).findIndex(h => DateTime.fromJSDate(h) === DateTime.fromJSDate(finishDate)) !== -1) {
         do {
@@ -794,6 +845,9 @@ class WorkOrderService {
     createChecklists(workOrderId, refinishItemIds) {
         return this.http.get(`${this.url}/${workOrderId}/refinish-items/` + refinishItemIds.join(',') + '/pdfs', { responseType: "blob" });
     }
+    createShopChecklist(workOrderId) {
+        return this.http.get(`${this.url}/${workOrderId}/pdf`, { responseType: "blob" });
+    }
     // Refinish Items
     readRefinishItems(workOrderId) {
         return this.http.get(`${this.url}/${workOrderId}/refinish-items`);
@@ -839,6 +893,37 @@ class WorkOrderService {
     readReportRefinishItems() {
         return this.http.get(`${this.env.baseUrl}api/report-refinish-items`);
     }
+    readPackageDetailTotals(startDate, endDate, statuses) {
+        return this.http.get(`${this.url}/package-details/totals`, {
+            params: {
+                startDate: startDate.toUTCString(),
+                endDate: endDate.toUTCString(),
+                statuses: statuses.map(status => status.toString())
+            }
+        });
+    }
+    // Inventory Items
+    readInventoryItems(workOrderId) {
+        return this.http.get(`${this.url}/${workOrderId}/inventory-items`);
+    }
+    readInventoryItem(workOrderId, inventoryItemId) {
+        return this.http.get(`${this.url}/${workOrderId}/inventory-items/${inventoryItemId}`);
+    }
+    createInventoryItem(workOrderId, inventoryItem) {
+        return this.http.post(`${this.url}/${workOrderId}/inventory-items`, inventoryItem);
+    }
+    updateInventoryItem(workOrderId, inventoryItemId, inventoryItem) {
+        return this.http.put(`${this.url}/${workOrderId}/inventory-items/${inventoryItemId}`, inventoryItem);
+    }
+    deleteInventoryItem(workOrderId, inventoryItemId) {
+        return this.http.delete(`${this.url}/${workOrderId}/inventory-items/${inventoryItemId}`);
+    }
+    readInventoryItemCollection(workOrderId, itemIds) {
+        return this.http.get(`${this.url}/${workOrderId}/inventory-items/collection/${itemIds.join(',')}`);
+    }
+    createInventoryItems(workOrderId, inventoryItems) {
+        return this.http.post(`${this.url}/${workOrderId}/inventory-items/collection`, inventoryItems);
+    }
 }
 WorkOrderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WorkOrderService, deps: [{ token: i1.HttpClient }, { token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable });
 WorkOrderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WorkOrderService, providedIn: 'root' });
@@ -992,6 +1077,9 @@ class WaitlistService {
     deleteProject(waitlistId, projectId) {
         return this.http.delete(`${this.url}/${waitlistId}/projects/${projectId}`);
     }
+    readPackageDetailTotals() {
+        return this.http.get(`${this.url}/package-details/totals`);
+    }
 }
 WaitlistService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WaitlistService, deps: [{ token: i1.HttpClient }, { token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable });
 WaitlistService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WaitlistService, providedIn: 'root' });
@@ -1488,6 +1576,9 @@ class InventoryService {
     updateInventoryItem(id, item) {
         return this.http.put(`${this.url}/${id}`, item);
     }
+    createInventoryItem(item) {
+        return this.http.post(this.url, item);
+    }
 }
 InventoryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: InventoryService, deps: [{ token: i1.HttpClient }, { token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable });
 InventoryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: InventoryService, providedIn: 'root' });
@@ -1536,6 +1627,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     args: ['env']
                 }] }]; } });
 
+class PackageService {
+    constructor(http, env) {
+        this.http = http;
+        this.env = env;
+        this.url = this.env.baseUrl + 'api/packages';
+    }
+    readPackages(includeInactive = false, sku = null, name = null) {
+        const params = {
+            includeInactive
+        };
+        if (sku) {
+            params['sku'] = sku;
+        }
+        if (name) {
+            params['name'] = name;
+        }
+        return this.http.get(this.url, { params: params });
+    }
+    readPackage(id) {
+        return this.http.get(`${this.url}/${id}`);
+    }
+    readPackagesByFirearm(firearmId) {
+        return this.http.get(`${this.env.baseUrl}api/firearms/${firearmId}/packages`);
+    }
+    savePackage(packagez) {
+        if (packagez.id) {
+            return this.http.put(`${this.url}/${packagez.id}`, packagez);
+        }
+        return this.http.post(this.url, packagez);
+    }
+}
+PackageService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PackageService, deps: [{ token: i1.HttpClient }, { token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable });
+PackageService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PackageService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PackageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['env']
+                }] }]; } });
+
+class RefinishCodeService {
+    constructor(http, env) {
+        this.http = http;
+        this.env = env;
+        this.url = this.env.baseUrl + 'api/refinish-codes';
+    }
+    readRefinishCodes() {
+        return this.http.get(this.url);
+    }
+    createRefinishCodes(refinishCodes) {
+        return this.http.post(this.url, refinishCodes);
+    }
+    updateRefinishCodes(ids, refinishCodes) {
+        return this.http.put(`${this.url}/` + ids.join(','), refinishCodes);
+    }
+    deleteRefinishCodes(ids) {
+        return this.http.delete(this.url + '/' + ids.join(','));
+    }
+}
+RefinishCodeService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RefinishCodeService, deps: [{ token: i1.HttpClient }, { token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable });
+RefinishCodeService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RefinishCodeService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RefinishCodeService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['env']
+                }] }]; } });
+
 class PhonePipe {
     transform(value, args) {
         if (value && value.length >= 10) {
@@ -1626,14 +1791,14 @@ class DisableControlDirective {
         this.ngControl.control[action]();
     }
 }
-DisableControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DisableControlDirective, deps: [{ token: i1$1.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
+DisableControlDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DisableControlDirective, deps: [{ token: i2.NgControl }], target: i0.ɵɵFactoryTarget.Directive });
 DisableControlDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: DisableControlDirective, selector: "[disableControl]", inputs: { disableControl: "disableControl" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DisableControlDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[disableControl]'
                 }]
-        }], ctorParameters: function () { return [{ type: i1$1.NgControl }]; }, propDecorators: { disableControl: [{
+        }], ctorParameters: function () { return [{ type: i2.NgControl }]; }, propDecorators: { disableControl: [{
                 type: Input
             }] } });
 
@@ -1682,6 +1847,166 @@ function refinishDetailsValidator() {
     };
 }
 
+class PackageSelectorComponent {
+    constructor(packageService, fb, inj) {
+        this.packageService = packageService;
+        this.fb = fb;
+        this.inj = inj;
+        this.packages = [];
+        this.packageVariations = [];
+        this.packageOptionalItems = [];
+        this.onChangeSubs = [];
+        this.onTouched = () => { };
+        this.touched = false;
+        this.disabled = false;
+        this.createForm();
+    }
+    ngOnChanges(changes) {
+        if (changes.firearmId.currentValue) {
+            this.getPackages();
+            this.packageForm.reset();
+        }
+        else {
+            this.packages = [];
+            this.packageForm.reset();
+        }
+    }
+    ngAfterViewInit() {
+        const outerControl = this.inj.get(NgControl).control;
+        const prevMarkAsTouched = outerControl.markAsTouched;
+        outerControl.markAsTouched = (...args) => {
+            this.packageForm.markAllAsTouched();
+            prevMarkAsTouched.bind(outerControl)(...args);
+        };
+    }
+    ngOnDestroy() {
+        for (let sub of this.onChangeSubs) {
+            sub.unsubscribe();
+        }
+    }
+    getPackages() {
+        this.packageService.readPackagesByFirearm(this.firearmId)
+            .subscribe(packages => {
+            this.packages = packages;
+            if (this.packageForm.controls.package.value) {
+                let packagez = this.packages.find(p => p.id === this.packageForm.controls.package.value.id);
+                this.setPackageOptions(packagez);
+            }
+        });
+    }
+    createForm() {
+        this.packageForm = this.fb.group({
+            package: null,
+            optionalItems: this.fb.control([]),
+            variations: this.fb.array([])
+        });
+        this.packageForm.controls.package.valueChanges
+            .subscribe(value => {
+            this.packageForm.controls.optionalItems.reset();
+            this.packageOptionalItems = [];
+            this.variations.clear({ emitEvent: false });
+            this.packageVariations = [];
+            if (value?.id) {
+                this.setPackageOptions(value);
+            }
+            else {
+                if (this.packageDetail) {
+                    this.packageDetail.variations = null;
+                    this.packageDetail.optionalItems = null;
+                }
+            }
+        });
+    }
+    get variations() { return this.packageForm.controls.variations; }
+    setPackageOptions(packagez) {
+        this.packageOptionalItems = packagez.optionalItems;
+        this.packageVariations = packagez.variations;
+        this.variations.clear({ emitEvent: false });
+        for (let v of this.packageVariations) {
+            let selectedVariation = this.packageDetail?.variations?.find(pv => pv.packageVariationId === v.id);
+            this.variations.push(this.fb.control(selectedVariation, Validators.required), { emitEvent: false });
+        }
+    }
+    setValue(packageDetail) {
+        this.packageForm.reset(packageDetail);
+    }
+    validate(control) {
+        if (this.packageForm.valid) {
+            return null;
+        }
+        let errors = {};
+        for (let v of this.variations.controls) {
+            if (v.invalid) {
+                return v.errors;
+            }
+        }
+        return errors;
+    }
+    addControlErrors(allErrors, controlName) {
+        const errors = { ...allErrors };
+        const controlErrors = this.packageForm.controls[controlName].errors;
+        if (controlErrors) {
+            errors[controlName] = controlErrors;
+        }
+        return errors;
+    }
+    writeValue(packageDetail) {
+        if (packageDetail) {
+            this.packageDetail = Object.assign({}, packageDetail);
+            this.setValue(packageDetail);
+        }
+        else {
+            this.packageForm.reset();
+        }
+    }
+    registerOnChange(onChange) {
+        const sub = this.packageForm.valueChanges.subscribe(onChange);
+        this.onChangeSubs.push(sub);
+    }
+    registerOnTouched(onTouched) {
+        this.onTouched = onTouched;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        if (isDisabled) {
+            this.packageForm.disable();
+        }
+        else {
+            this.packageForm.enable();
+        }
+    }
+}
+PackageSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PackageSelectorComponent, deps: [{ token: PackageService }, { token: i2.FormBuilder }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+PackageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PackageSelectorComponent, selector: "cgw-package-selector", inputs: { firearmId: "firearmId" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            multi: true,
+            useExisting: PackageSelectorComponent
+        },
+        {
+            provide: NG_VALIDATORS,
+            multi: true,
+            useExisting: PackageSelectorComponent
+        }
+    ], usesOnChanges: true, ngImport: i0, template: "<div [formGroup]=\"packageForm\">\r\n  <div class=\"row mb-2\">\r\n    <div class=\"col\">\r\n      <label for=\"waitlist-gun-package\">Package - <span class=\"fst-italic fs-7\">Select a model to list available packages</span></label>\r\n      <kendo-dropdownlist [data]=\"packages\"\r\n                          [defaultItem]=\"{name: 'No Package', id: null}\"\r\n                          id=\"waitlist-gun-package\"\r\n                          formControlName=\"package\"\r\n                          textField=\"name\"\r\n                          valueField=\"id\"\r\n                          size=\"small\"></kendo-dropdownlist>\r\n    </div>\r\n  </div>\r\n  <div formArrayName=\"variations\" *ngFor=\"let variationControl of variations.controls; let i = index\">\r\n    <div class=\"row mb-2\">\r\n      <div class=\"col\">\r\n        <label [for]=\"'waitlist-gun-package-variation-' + i\">{{packageVariations[i]?.name}}</label>\r\n        <kendo-dropdownlist [data]=\"packageVariations[i]?.options\"\r\n                            [id]=\"'waitlist-gun-package-variation-' + i\"\r\n                            textField=\"optionName\"\r\n                            [formControl]=\"variationControl\"\r\n                            valueField=\"id\"\r\n                            size=\"small\"></kendo-dropdownlist>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"variationControl.invalid && (variationControl.dirty || variationControl.touched)\" class=\"error-container text-danger\">\r\n      <div *ngIf=\"variationControl.errors.required\">\r\n        {{packageVariations[i]?.name}} is required.\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"row mb-2\" *ngIf=\"packageOptionalItems?.length\">\r\n    <div class=\"col\">\r\n      <label for=\"waitlist-gun-package-addons\">Add-ons (Additional charges will apply)</label>\r\n      <kendo-multiselect id=\"waitlist-gun-package-addons\"\r\n                         [data]=\"packageOptionalItems\"\r\n                         formControlName=\"optionalItems\"\r\n                         textField=\"name\"\r\n                         valueField=\"inventoryItemId\"\r\n                         size=\"small\"></kendo-multiselect>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [""], components: [{ type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["iconClass", "loading", "data", "value", "textField", "valueField", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { type: i3.MultiSelectComponent, selector: "kendo-multiselect", inputs: ["focusableId", "autoClose", "loading", "data", "value", "valueField", "textField", "tabindex", "tabIndex", "size", "rounded", "fillMode", "placeholder", "disabled", "itemDisabled", "checkboxes", "readonly", "filterable", "virtual", "popupSettings", "listHeight", "valuePrimitive", "clearButton", "tagMapper", "allowCustom", "valueNormalizer"], outputs: ["filterChange", "valueChange", "open", "opened", "close", "closed", "focus", "blur", "removeTag"], exportAs: ["kendoMultiSelect"] }], directives: [{ type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PackageSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'cgw-package-selector', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: PackageSelectorComponent
+                        },
+                        {
+                            provide: NG_VALIDATORS,
+                            multi: true,
+                            useExisting: PackageSelectorComponent
+                        }
+                    ], template: "<div [formGroup]=\"packageForm\">\r\n  <div class=\"row mb-2\">\r\n    <div class=\"col\">\r\n      <label for=\"waitlist-gun-package\">Package - <span class=\"fst-italic fs-7\">Select a model to list available packages</span></label>\r\n      <kendo-dropdownlist [data]=\"packages\"\r\n                          [defaultItem]=\"{name: 'No Package', id: null}\"\r\n                          id=\"waitlist-gun-package\"\r\n                          formControlName=\"package\"\r\n                          textField=\"name\"\r\n                          valueField=\"id\"\r\n                          size=\"small\"></kendo-dropdownlist>\r\n    </div>\r\n  </div>\r\n  <div formArrayName=\"variations\" *ngFor=\"let variationControl of variations.controls; let i = index\">\r\n    <div class=\"row mb-2\">\r\n      <div class=\"col\">\r\n        <label [for]=\"'waitlist-gun-package-variation-' + i\">{{packageVariations[i]?.name}}</label>\r\n        <kendo-dropdownlist [data]=\"packageVariations[i]?.options\"\r\n                            [id]=\"'waitlist-gun-package-variation-' + i\"\r\n                            textField=\"optionName\"\r\n                            [formControl]=\"variationControl\"\r\n                            valueField=\"id\"\r\n                            size=\"small\"></kendo-dropdownlist>\r\n      </div>\r\n    </div>\r\n    <div *ngIf=\"variationControl.invalid && (variationControl.dirty || variationControl.touched)\" class=\"error-container text-danger\">\r\n      <div *ngIf=\"variationControl.errors.required\">\r\n        {{packageVariations[i]?.name}} is required.\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"row mb-2\" *ngIf=\"packageOptionalItems?.length\">\r\n    <div class=\"col\">\r\n      <label for=\"waitlist-gun-package-addons\">Add-ons (Additional charges will apply)</label>\r\n      <kendo-multiselect id=\"waitlist-gun-package-addons\"\r\n                         [data]=\"packageOptionalItems\"\r\n                         formControlName=\"optionalItems\"\r\n                         textField=\"name\"\r\n                         valueField=\"inventoryItemId\"\r\n                         size=\"small\"></kendo-multiselect>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: PackageService }, { type: i2.FormBuilder }, { type: i0.Injector }]; }, propDecorators: { firearmId: [{
+                type: Input
+            }] } });
+
 class SharedModule {
 }
 SharedModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -1690,13 +2015,23 @@ SharedModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         EnumPipe,
         DisableControlDirective,
         NewLinePipe,
-        FrameMaterialPipe], exports: [PhonePipe,
+        FrameMaterialPipe,
+        PackageSelectorComponent], imports: [CommonModule,
+        DropDownsModule,
+        FormsModule,
+        ReactiveFormsModule], exports: [PhonePipe,
         FileNamePipe,
         EnumPipe,
         NewLinePipe,
         DisableControlDirective,
-        FrameMaterialPipe] });
-SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, imports: [[]] });
+        FrameMaterialPipe,
+        PackageSelectorComponent] });
+SharedModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, imports: [[
+            CommonModule,
+            DropDownsModule,
+            FormsModule,
+            ReactiveFormsModule
+        ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SharedModule, decorators: [{
             type: NgModule,
             args: [{
@@ -1706,16 +2041,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                         EnumPipe,
                         DisableControlDirective,
                         NewLinePipe,
-                        FrameMaterialPipe
+                        FrameMaterialPipe,
+                        PackageSelectorComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        DropDownsModule,
+                        FormsModule,
+                        ReactiveFormsModule
                     ],
-                    imports: [],
                     exports: [
                         PhonePipe,
                         FileNamePipe,
                         EnumPipe,
                         NewLinePipe,
                         DisableControlDirective,
-                        FrameMaterialPipe
+                        FrameMaterialPipe,
+                        PackageSelectorComponent
                     ]
                 }]
         }] });
@@ -1778,10 +2120,10 @@ class NotificationBarComponent {
     }
 }
 NotificationBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationBarComponent, deps: [{ token: NotificationService }], target: i0.ɵɵFactoryTarget.Component });
-NotificationBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NotificationBarComponent, selector: "app-notification-bar", ngImport: i0, template: "<div class=\"notification-bar\" *ngIf=\"messages.length\">\r\n  <div *ngFor=\"let message of viewMessages\" class=\"notification-pill\" [class.error]=\"message.type == 1\" [@fadeOutAnimation]=\"shouldFade()\">\r\n    <i class=\"fa\" [ngClass]=\"getIconClass(message)\"></i> <span class=\"ms-1\">{{message.message}}</span>\r\n  </div>\r\n  <div *ngIf=\"messages.length > 3\" class=\"notification-pill\">{{messages.length - 2}} more...</div>\r\n</div>\r\n", styles: [".notification-bar{position:fixed;top:0;left:0;right:0;z-index:10001;pointer-events:none}.notification-bar .notification-pill{max-width:300px;margin:10px auto;border-radius:20px;color:#2a2b4b;background:#F2F2F2;padding:8px;text-align:center;box-shadow:inset 0 2px 4px #ffffff80,inset 0 -2px 4px #000000e6,0 2px 4px #00000080}.notification-bar .error{color:#711e16!important;background:#f8d8d4!important}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [fadeOutAnimation] });
+NotificationBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: NotificationBarComponent, selector: "app-notification-bar", ngImport: i0, template: "<div class=\"notification-bar\" *ngIf=\"messages.length\">\r\n  <div *ngFor=\"let message of viewMessages\" class=\"notification-pill\" [class.error]=\"message.type == 1\" [@fadeOutAnimation]=\"shouldFade()\">\r\n    <i class=\"fa\" [ngClass]=\"getIconClass(message)\"></i> <span class=\"ms-1\">{{message.message}}</span>\r\n  </div>\r\n  <div *ngIf=\"messages.length > 3\" class=\"notification-pill\">{{messages.length - 2}} more...</div>\r\n</div>\r\n", styles: [".notification-bar{position:fixed;top:0;left:0;right:0;z-index:10001;pointer-events:none}.notification-bar .notification-pill{max-width:300px;margin:10px auto;border-radius:4px;color:#000;background:rgba(16,16,16,.4);padding:8px;text-align:center}.notification-bar .error{color:#711e16!important;background:rgba(248,216,212,.6)!important}\n"], directives: [{ type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [fadeOutAnimation] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: NotificationBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-notification-bar', animations: [fadeOutAnimation], template: "<div class=\"notification-bar\" *ngIf=\"messages.length\">\r\n  <div *ngFor=\"let message of viewMessages\" class=\"notification-pill\" [class.error]=\"message.type == 1\" [@fadeOutAnimation]=\"shouldFade()\">\r\n    <i class=\"fa\" [ngClass]=\"getIconClass(message)\"></i> <span class=\"ms-1\">{{message.message}}</span>\r\n  </div>\r\n  <div *ngIf=\"messages.length > 3\" class=\"notification-pill\">{{messages.length - 2}} more...</div>\r\n</div>\r\n", styles: [".notification-bar{position:fixed;top:0;left:0;right:0;z-index:10001;pointer-events:none}.notification-bar .notification-pill{max-width:300px;margin:10px auto;border-radius:20px;color:#2a2b4b;background:#F2F2F2;padding:8px;text-align:center;box-shadow:inset 0 2px 4px #ffffff80,inset 0 -2px 4px #000000e6,0 2px 4px #00000080}.notification-bar .error{color:#711e16!important;background:#f8d8d4!important}\n"] }]
+            args: [{ selector: 'app-notification-bar', animations: [fadeOutAnimation], template: "<div class=\"notification-bar\" *ngIf=\"messages.length\">\r\n  <div *ngFor=\"let message of viewMessages\" class=\"notification-pill\" [class.error]=\"message.type == 1\" [@fadeOutAnimation]=\"shouldFade()\">\r\n    <i class=\"fa\" [ngClass]=\"getIconClass(message)\"></i> <span class=\"ms-1\">{{message.message}}</span>\r\n  </div>\r\n  <div *ngIf=\"messages.length > 3\" class=\"notification-pill\">{{messages.length - 2}} more...</div>\r\n</div>\r\n", styles: [".notification-bar{position:fixed;top:0;left:0;right:0;z-index:10001;pointer-events:none}.notification-bar .notification-pill{max-width:300px;margin:10px auto;border-radius:4px;color:#000;background:rgba(16,16,16,.4);padding:8px;text-align:center}.notification-bar .error{color:#711e16!important;background:rgba(248,216,212,.6)!important}\n"] }]
         }], ctorParameters: function () { return [{ type: NotificationService }]; } });
 
 class NotificationModule {
@@ -1820,5 +2162,5 @@ var NotificationType;
  * Generated bundle index. Do not edit.
  */
 
-export { BundleItem, ChangeOrderStatus, Coating, CoatingService, CoatingValue, Configuration, ConfigurationService, CosmeticMilling, CosmeticMillingService, Customer, CustomerService, Dealer, DealerContact, DealerCoupon, DealerService, DisableControlDirective, EnumPipe, FileNamePipe, FileUploadService, FilterOptions, Firearm, FirearmSeries, FirearmSeriesOptic, FirearmSeriesService, FirearmService, FrameMaterial, FrameMaterialPipe, GunCaliber, GunPart, GunPartOption, GunPartService, InventoryItem, InventoryService, JFile, Material, MaterialService, MillingDetail, MillingItem, MillingType, MillingTypeService, MountType, NewLinePipe, NotificationBarComponent, NotificationModule, NotificationService, NotificationType, Optic, OpticService, OpticStatus, PhonePipe, Product, ProductService, ProjectType, PurchaseOrder, PurchaseOrderRefinishItem, PurchaseOrderService, PurchaseOrderStatus, RearSightPosition, RefinishDetail, ReportMillingItem, ReportRefinishItem, SharedModule, ShieldRMSOptions, SightType, State, StateService, StatusHistoryService, Total, TotalItem, TotalsService, UserService, Vendor, VendorContact, VendorService, WaitlistAction, WaitlistCustomerService, WaitlistGun, WaitlistHistory, WaitlistItem, WaitlistProjectService, WaitlistService, WaitlistStatus, WorkChangeOrder, WorkHoliday, WorkHolidayService, WorkOrder, WorkOrderAction, WorkOrderHistory, WorkOrderRefinishItem, WorkOrderService, WorkOrderStatus, WorkOrderType, calculateFinishDate, coatingDescriptionValidator, coatingValueValidator, convertEnumToObjectArray, getCoatingValues, getCoatings, hasCoatingDescription, hasCoatingValues, refinishDetailsValidator, touchControls };
+export { BundleItem, ChangeOrderStatus, Coating, CoatingService, CoatingValue, Configuration, ConfigurationService, CosmeticMilling, CosmeticMillingService, Customer, CustomerService, Dealer, DealerContact, DealerCoupon, DealerService, DisableControlDirective, EnumPipe, FileNamePipe, FileUploadService, FilterOptions, Firearm, FirearmSeries, FirearmSeriesOptic, FirearmSeriesService, FirearmService, FrameMaterial, FrameMaterialPipe, GunCaliber, GunPart, GunPartOption, GunPartService, InventoryItem, InventoryService, JFile, Material, MaterialService, MillingDetail, MillingItem, MillingType, MillingTypeService, MountType, NewLinePipe, NotificationBarComponent, NotificationModule, NotificationService, NotificationType, Optic, OpticService, OpticStatus, Package, PackageItem, PackageOptionalItem, PackageSelectorComponent, PackageService, PackageTotal, PackageVariation, PackageVariationOption, PhonePipe, Product, ProductService, ProjectType, PurchaseOrder, PurchaseOrderRefinishItem, PurchaseOrderService, PurchaseOrderStatus, RearSightPosition, RefinishCode, RefinishCodeService, RefinishDetail, ReportMillingItem, ReportRefinishItem, SharedModule, ShieldRMSOptions, SightType, State, StateService, StatusHistoryService, Total, TotalItem, TotalsService, UserService, Vendor, VendorContact, VendorService, WaitlistAction, WaitlistCustomerService, WaitlistGun, WaitlistGunPackageDetail, WaitlistHistory, WaitlistItem, WaitlistProjectService, WaitlistService, WaitlistStatus, WorkChangeOrder, WorkHoliday, WorkHolidayService, WorkOrder, WorkOrderAction, WorkOrderHistory, WorkOrderInventoryItem, WorkOrderPackageDetail, WorkOrderRefinishItem, WorkOrderService, WorkOrderStatus, WorkOrderType, calculateFinishDate, coatingDescriptionValidator, coatingValueValidator, convertEnumToObjectArray, getCoatingValues, getCoatings, hasCoatingDescription, hasCoatingValues, refinishDetailsValidator, touchControls };
 //# sourceMappingURL=gunsmith-common.mjs.map