gunsmith-common 2.2.5 → 2.2.7

package/fesm2020/gunsmith-common.mjs

@@ -2,7 +2,7 @@ import { DateTime } from 'luxon';
 import * as i0 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 { of, switchMap as switchMap$1, Subject } from 'rxjs';
 import { switchMap } from 'rxjs/operators';
 import * as i2 from '@angular/forms';
 import { NgControl, Validators, NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule, ReactiveFormsModule } from '@angular/forms';
@@ -143,6 +143,7 @@ class WaitlistGun {
         this.refinish = false;
         this.milling = false;
         this.specialOrder = false;
+        this.shippingLabel = false;
         this.refinishDetails = [];
     }
 }
@@ -388,6 +389,9 @@ class TotalItem {
 
 class InventoryItem {
     constructor() {
+        this.price = 0;
+        this.count = 0;
+        this.orderPoint = 0;
         this.active = true;
     }
 }
@@ -455,6 +459,16 @@ class RefinishCode {
 class WorkOrderListItem {
 }
 
+class WorkOrderShippingItem {
+}
+
+class WorkOrderDiscount {
+    constructor() { }
+}
+
+class WorkOrderNonInventoryItem {
+}
+
 function adjustHoliday(finishDate, holidays) {
     while (holidays.map(h => new Date(h.holiday)).findIndex(h => DateTime.fromJSDate(h) === DateTime.fromJSDate(finishDate)) !== -1) {
         do {
@@ -993,11 +1007,6 @@ class FileUploadService {
     deleteFile(fileName) {
         return this.http.delete(`${this.url}/${fileName}`);
     }
-    saveFile(file) {
-        const formData = new FormData();
-        formData.append('fileKey', file, file.name);
-        return this.http.post(this.url, formData, { responseType: "text" });
-    }
     retrieveFile(fileName) {
         return this.http.get(`${this.url}/${fileName}`, { responseType: 'blob' })
             .pipe(switchMap((response) => {
@@ -1678,6 +1687,130 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                     args: ['env']
                 }] }]; } });
 
+class BaseService {
+    constructor(http) {
+        this.http = http;
+    }
+    getUrl(...params) {
+        let baseUrl = this.urlSegments[0];
+        for (let i = 0; i < params.length; i++) {
+            baseUrl += `/${params[i]}`;
+            if (this.urlSegments.length > i + 1) {
+                baseUrl += `/${this.urlSegments[i + 1]}`;
+            }
+        }
+        return baseUrl;
+    }
+    getAll(...params) {
+        return this.http.get(this.getUrl(...params));
+    }
+    get(...params) {
+        return this.http.get(this.getUrl(...params));
+    }
+    create(item, ...params) {
+        return this.http.post(this.getUrl(...params), item);
+    }
+    update(item, ...params) {
+        return this.http.put(this.getUrl(...params), item);
+    }
+    delete(...params) {
+        return this.http.delete(this.getUrl(...params));
+    }
+}
+BaseService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BaseService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+BaseService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BaseService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BaseService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+class WorkOrderShippingItemService extends BaseService {
+    constructor(http, env) {
+        super(http);
+        this.http = http;
+        this.env = env;
+        this.urlSegments = [`${this.env.baseUrl}api/work-orders`, 'shipping-items'];
+    }
+}
+WorkOrderShippingItemService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WorkOrderShippingItemService, deps: [{ token: i1.HttpClient }, { token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable });
+WorkOrderShippingItemService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WorkOrderShippingItemService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WorkOrderShippingItemService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['env']
+                }] }]; } });
+
+class WorkOrderDiscountService extends BaseService {
+    constructor(http, env) {
+        super(http);
+        this.http = http;
+        this.env = env;
+        this.urlSegments = [`${this.env.baseUrl}api/work-orders`, 'discounts'];
+    }
+}
+WorkOrderDiscountService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WorkOrderDiscountService, deps: [{ token: i1.HttpClient }, { token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable });
+WorkOrderDiscountService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WorkOrderDiscountService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WorkOrderDiscountService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['env']
+                }] }]; } });
+
+class QuickbooksService {
+    constructor(http, env) {
+        this.http = http;
+        this.env = env;
+        this.url = this.env.baseUrl + 'api/quickbooks';
+    }
+    getQwcFile() {
+        return this.http.get(`${this.url}`, { responseType: 'blob' })
+            .pipe(switchMap$1((response) => {
+            return of(new File([response], 'GunSmith.qwc', { type: response.type }));
+        }));
+    }
+}
+QuickbooksService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: QuickbooksService, deps: [{ token: i1.HttpClient }, { token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable });
+QuickbooksService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: QuickbooksService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: QuickbooksService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['env']
+                }] }]; } });
+
+class WorkOrderNonInventoryItemService extends BaseService {
+    constructor(http, env) {
+        super(http);
+        this.http = http;
+        this.env = env;
+        this.urlSegments = [`${this.env.baseUrl}api/work-orders`, 'non-inventory-items'];
+    }
+}
+WorkOrderNonInventoryItemService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WorkOrderNonInventoryItemService, deps: [{ token: i1.HttpClient }, { token: 'env' }], target: i0.ɵɵFactoryTarget.Injectable });
+WorkOrderNonInventoryItemService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WorkOrderNonInventoryItemService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: WorkOrderNonInventoryItemService, 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) {
@@ -1829,6 +1962,7 @@ class PackageSelectorComponent {
         this.packageService = packageService;
         this.fb = fb;
         this.inj = inj;
+        this.gunsmithOnly = false;
         this.packages = [];
         this.packageVariations = [];
         this.packageOptionalItems = [];
@@ -1878,6 +2012,12 @@ class PackageSelectorComponent {
             optionalItems: this.fb.control([]),
             variations: this.fb.array([])
         });
+        this.packageForm.controls.variations.valueChanges
+            .subscribe(value => {
+            if (value) {
+                this.packageForm.controls.variations.setValue(value.map(v => v.id ? v : null), { emitEvent: false });
+            }
+        });
         this.packageForm.controls.package.valueChanges
             .subscribe(value => {
             this.packageForm.controls.optionalItems.reset();
@@ -1898,11 +2038,14 @@ class PackageSelectorComponent {
     get variations() { return this.packageForm.controls.variations; }
     setPackageOptions(packagez) {
         this.packageOptionalItems = packagez.optionalItems;
-        this.packageVariations = packagez.variations;
+        this.packageVariations = this.gunsmithOnly ? packagez.variations : packagez.variations.filter(v => !v.gunsmithOnly);
         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 });
+            if (v.gunsmithOnly)
+                this.variations.push(this.fb.control(selectedVariation), { emitEvent: false });
+            else
+                this.variations.push(this.fb.control(selectedVariation, Validators.required), { emitEvent: false });
         }
     }
     setValue(packageDetail) {
@@ -1955,7 +2098,7 @@ class PackageSelectorComponent {
     }
 }
 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", projectType: "projectType" }, providers: [
+PackageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: PackageSelectorComponent, selector: "cgw-package-selector", inputs: { firearmId: "firearmId", projectType: "projectType", gunsmithOnly: "gunsmithOnly" }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             multi: true,
@@ -1966,7 +2109,7 @@ PackageSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
             multi: true,
             useExisting: PackageSelectorComponent
         }
-    ], usesOnChanges: true, ngImport: i0, template: "<div [formGroup]=\"packageForm\">\n  <div class=\"row mb-2\">\n    <div class=\"col\">\n      <label for=\"waitlist-gun-package\">Package - <span class=\"fst-italic fs-7\">Select a model to list available packages</span></label>\n      <kendo-dropdownlist [data]=\"packages\"\n                          [defaultItem]=\"{name: 'No Package', id: null}\"\n                          id=\"waitlist-gun-package\"\n                          formControlName=\"package\"\n                          textField=\"name\"\n                          valueField=\"id\"\n                          size=\"small\"></kendo-dropdownlist>\n    </div>\n  </div>\n  <div formArrayName=\"variations\" *ngFor=\"let variationControl of variations.controls; let i = index\">\n    <div class=\"row mb-2\">\n      <div class=\"col\">\n        <label [for]=\"'waitlist-gun-package-variation-' + i\">{{packageVariations[i]?.name}}</label>\n        <kendo-dropdownlist [data]=\"packageVariations[i]?.options\"\n                            [id]=\"'waitlist-gun-package-variation-' + i\"\n                            textField=\"optionName\"\n                            [formControl]=\"variationControl\"\n                            valueField=\"id\"\n                            size=\"small\"></kendo-dropdownlist>\n      </div>\n    </div>\n    <div *ngIf=\"variationControl.invalid && (variationControl.dirty || variationControl.touched)\" class=\"error-container text-danger\">\n      <div *ngIf=\"variationControl.errors.required\">\n        {{packageVariations[i]?.name}} is required.\n      </div>\n    </div>\n  </div>\n  <div class=\"row mb-2\" *ngIf=\"packageOptionalItems?.length\">\n    <div class=\"col\">\n      <label for=\"waitlist-gun-package-addons\">Add-ons (Additional charges will apply)</label>\n      <kendo-multiselect id=\"waitlist-gun-package-addons\"\n                         [data]=\"packageOptionalItems\"\n                         formControlName=\"optionalItems\"\n                         textField=\"name\"\n                         valueField=\"inventoryItemId\"\n                         size=\"small\"></kendo-multiselect>\n    </div>\n  </div>\n</div>\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"] }] });
+    ], usesOnChanges: true, ngImport: i0, template: "<div [formGroup]=\"packageForm\">\n  <div class=\"row mb-2\">\n    <div class=\"col\">\n      <label for=\"waitlist-gun-package\">Package - <span class=\"fst-italic fs-7\">Select a model to list available packages</span></label>\n      <kendo-dropdownlist [data]=\"packages\"\n                          [defaultItem]=\"{name: 'No Package', id: null}\"\n                          id=\"waitlist-gun-package\"\n                          formControlName=\"package\"\n                          textField=\"name\"\n                          valueField=\"id\"\n                          size=\"small\"></kendo-dropdownlist>\n    </div>\n  </div>\n  <div formArrayName=\"variations\" *ngFor=\"let variationControl of variations.controls; let i = index\">\n    <div class=\"row mb-2\">\n      <div class=\"col\">\n        <label [for]=\"'waitlist-gun-package-variation-' + i\">{{packageVariations[i]?.name}}</label>\n        <kendo-dropdownlist [data]=\"packageVariations[i]?.options\"\n                            [id]=\"'waitlist-gun-package-variation-' + i\"\n                            [defaultItem]=\"{optionName: '', id: null}\"\n                            textField=\"optionName\"\n                            [formControl]=\"variationControl\"\n                            valueField=\"id\"\n                            size=\"small\" *ngIf=\"packageVariations[i]?.gunsmithOnly\">\n          <ng-template kendoDropDownListItemTemplate let-dataItem>\n            <span class=\"fw-bold\">{{ dataItem?.sku }}</span> - {{ dataItem?.optionName }} <span *ngIf=\"dataItem?.serviceChargeItemPrice\">(add ${{dataItem.serviceChargeItemPrice.toFixed(2)}})</span>\n          </ng-template>\n        </kendo-dropdownlist>\n        <kendo-dropdownlist [data]=\"packageVariations[i]?.options\"\n                            [id]=\"'waitlist-gun-package-variation-' + i\"\n                            textField=\"optionName\"\n                            [formControl]=\"variationControl\"\n                            valueField=\"id\"\n                            size=\"small\" *ngIf=\"!packageVariations[i]?.gunsmithOnly\">\n          <ng-template kendoDropDownListItemTemplate let-dataItem>\n            <span class=\"fw-bold\">{{ dataItem?.sku }}</span> - {{ dataItem?.optionName }} <span *ngIf=\"dataItem?.serviceChargeItemPrice\">(add ${{dataItem.serviceChargeItemPrice.toFixed(2)}})</span>\n          </ng-template>\n        </kendo-dropdownlist>\n      </div>\n    </div>\n    <div *ngIf=\"variationControl.invalid && (variationControl.dirty || variationControl.touched)\" class=\"error-container text-danger\">\n      <div *ngIf=\"variationControl.errors.required\">\n        {{packageVariations[i]?.name}} is required.\n      </div>\n    </div>\n  </div>\n  <div class=\"row mb-2\" *ngIf=\"packageOptionalItems?.length\">\n    <div class=\"col\">\n      <label for=\"waitlist-gun-package-addons\">Add-ons (Additional charges will apply)</label>\n      <kendo-multiselect id=\"waitlist-gun-package-addons\"\n                         [data]=\"packageOptionalItems\"\n                         formControlName=\"optionalItems\"\n                         textField=\"name\"\n                         valueField=\"inventoryItemId\"\n                         size=\"small\">\n        <ng-template kendoMultiSelectItemTemplate let-dataItem>\n          <span class=\"fw-bold\">{{ dataItem?.sku }}</span> - {{ dataItem?.name }}\n        </ng-template>\n      </kendo-multiselect>\n    </div>\n  </div>\n</div>\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$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ItemTemplateDirective, selector: "[kendoDropDownListItemTemplate],[kendoComboBoxItemTemplate],[kendoAutoCompleteItemTemplate],[kendoMultiSelectItemTemplate]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: PackageSelectorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'cgw-package-selector', providers: [
@@ -1980,11 +2123,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                             multi: true,
                             useExisting: PackageSelectorComponent
                         }
-                    ], template: "<div [formGroup]=\"packageForm\">\n  <div class=\"row mb-2\">\n    <div class=\"col\">\n      <label for=\"waitlist-gun-package\">Package - <span class=\"fst-italic fs-7\">Select a model to list available packages</span></label>\n      <kendo-dropdownlist [data]=\"packages\"\n                          [defaultItem]=\"{name: 'No Package', id: null}\"\n                          id=\"waitlist-gun-package\"\n                          formControlName=\"package\"\n                          textField=\"name\"\n                          valueField=\"id\"\n                          size=\"small\"></kendo-dropdownlist>\n    </div>\n  </div>\n  <div formArrayName=\"variations\" *ngFor=\"let variationControl of variations.controls; let i = index\">\n    <div class=\"row mb-2\">\n      <div class=\"col\">\n        <label [for]=\"'waitlist-gun-package-variation-' + i\">{{packageVariations[i]?.name}}</label>\n        <kendo-dropdownlist [data]=\"packageVariations[i]?.options\"\n                            [id]=\"'waitlist-gun-package-variation-' + i\"\n                            textField=\"optionName\"\n                            [formControl]=\"variationControl\"\n                            valueField=\"id\"\n                            size=\"small\"></kendo-dropdownlist>\n      </div>\n    </div>\n    <div *ngIf=\"variationControl.invalid && (variationControl.dirty || variationControl.touched)\" class=\"error-container text-danger\">\n      <div *ngIf=\"variationControl.errors.required\">\n        {{packageVariations[i]?.name}} is required.\n      </div>\n    </div>\n  </div>\n  <div class=\"row mb-2\" *ngIf=\"packageOptionalItems?.length\">\n    <div class=\"col\">\n      <label for=\"waitlist-gun-package-addons\">Add-ons (Additional charges will apply)</label>\n      <kendo-multiselect id=\"waitlist-gun-package-addons\"\n                         [data]=\"packageOptionalItems\"\n                         formControlName=\"optionalItems\"\n                         textField=\"name\"\n                         valueField=\"inventoryItemId\"\n                         size=\"small\"></kendo-multiselect>\n    </div>\n  </div>\n</div>\n", styles: [""] }]
+                    ], template: "<div [formGroup]=\"packageForm\">\n  <div class=\"row mb-2\">\n    <div class=\"col\">\n      <label for=\"waitlist-gun-package\">Package - <span class=\"fst-italic fs-7\">Select a model to list available packages</span></label>\n      <kendo-dropdownlist [data]=\"packages\"\n                          [defaultItem]=\"{name: 'No Package', id: null}\"\n                          id=\"waitlist-gun-package\"\n                          formControlName=\"package\"\n                          textField=\"name\"\n                          valueField=\"id\"\n                          size=\"small\"></kendo-dropdownlist>\n    </div>\n  </div>\n  <div formArrayName=\"variations\" *ngFor=\"let variationControl of variations.controls; let i = index\">\n    <div class=\"row mb-2\">\n      <div class=\"col\">\n        <label [for]=\"'waitlist-gun-package-variation-' + i\">{{packageVariations[i]?.name}}</label>\n        <kendo-dropdownlist [data]=\"packageVariations[i]?.options\"\n                            [id]=\"'waitlist-gun-package-variation-' + i\"\n                            [defaultItem]=\"{optionName: '', id: null}\"\n                            textField=\"optionName\"\n                            [formControl]=\"variationControl\"\n                            valueField=\"id\"\n                            size=\"small\" *ngIf=\"packageVariations[i]?.gunsmithOnly\">\n          <ng-template kendoDropDownListItemTemplate let-dataItem>\n            <span class=\"fw-bold\">{{ dataItem?.sku }}</span> - {{ dataItem?.optionName }} <span *ngIf=\"dataItem?.serviceChargeItemPrice\">(add ${{dataItem.serviceChargeItemPrice.toFixed(2)}})</span>\n          </ng-template>\n        </kendo-dropdownlist>\n        <kendo-dropdownlist [data]=\"packageVariations[i]?.options\"\n                            [id]=\"'waitlist-gun-package-variation-' + i\"\n                            textField=\"optionName\"\n                            [formControl]=\"variationControl\"\n                            valueField=\"id\"\n                            size=\"small\" *ngIf=\"!packageVariations[i]?.gunsmithOnly\">\n          <ng-template kendoDropDownListItemTemplate let-dataItem>\n            <span class=\"fw-bold\">{{ dataItem?.sku }}</span> - {{ dataItem?.optionName }} <span *ngIf=\"dataItem?.serviceChargeItemPrice\">(add ${{dataItem.serviceChargeItemPrice.toFixed(2)}})</span>\n          </ng-template>\n        </kendo-dropdownlist>\n      </div>\n    </div>\n    <div *ngIf=\"variationControl.invalid && (variationControl.dirty || variationControl.touched)\" class=\"error-container text-danger\">\n      <div *ngIf=\"variationControl.errors.required\">\n        {{packageVariations[i]?.name}} is required.\n      </div>\n    </div>\n  </div>\n  <div class=\"row mb-2\" *ngIf=\"packageOptionalItems?.length\">\n    <div class=\"col\">\n      <label for=\"waitlist-gun-package-addons\">Add-ons (Additional charges will apply)</label>\n      <kendo-multiselect id=\"waitlist-gun-package-addons\"\n                         [data]=\"packageOptionalItems\"\n                         formControlName=\"optionalItems\"\n                         textField=\"name\"\n                         valueField=\"inventoryItemId\"\n                         size=\"small\">\n        <ng-template kendoMultiSelectItemTemplate let-dataItem>\n          <span class=\"fw-bold\">{{ dataItem?.sku }}</span> - {{ dataItem?.name }}\n        </ng-template>\n      </kendo-multiselect>\n    </div>\n  </div>\n</div>\n", styles: [""] }]
         }], ctorParameters: function () { return [{ type: PackageService }, { type: i2.FormBuilder }, { type: i0.Injector }]; }, propDecorators: { firearmId: [{
                 type: Input
             }], projectType: [{
                 type: Input
+            }], gunsmithOnly: [{
+                type: Input
             }] } });
 
 class SharedModule {
@@ -2100,10 +2245,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\">\n  <div *ngFor=\"let message of viewMessages\" class=\"notification-pill\" [class.error]=\"message.type == 1\" [@fadeOutAnimation]=\"shouldFade()\">\n    <i class=\"fa\" [ngClass]=\"getIconClass(message)\"></i> <span class=\"ms-1\">{{message.message}}</span>\n  </div>\n  <div *ngIf=\"messages.length > 3\" class=\"notification-pill\">{{messages.length - 2}} more...</div>\n</div>\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] });
+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\">\n  <div *ngFor=\"let message of viewMessages\" class=\"notification-pill\" [class.error]=\"message.type == 1\" [@fadeOutAnimation]=\"shouldFade()\">\n    <i class=\"fa\" [ngClass]=\"getIconClass(message)\"></i> <span class=\"ms-1\">{{message.message}}</span>\n  </div>\n  <div *ngIf=\"messages.length > 3\" class=\"notification-pill\">{{messages.length - 2}} more...</div>\n</div>\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:#181818;padding:8px;text-align:center;color:#fff}.notification-bar .error{color:#711e16!important;background:#f8d8d4!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\">\n  <div *ngFor=\"let message of viewMessages\" class=\"notification-pill\" [class.error]=\"message.type == 1\" [@fadeOutAnimation]=\"shouldFade()\">\n    <i class=\"fa\" [ngClass]=\"getIconClass(message)\"></i> <span class=\"ms-1\">{{message.message}}</span>\n  </div>\n  <div *ngIf=\"messages.length > 3\" class=\"notification-pill\">{{messages.length - 2}} more...</div>\n</div>\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"] }]
+            args: [{ selector: 'app-notification-bar', animations: [fadeOutAnimation], template: "<div class=\"notification-bar\" *ngIf=\"messages.length\">\n  <div *ngFor=\"let message of viewMessages\" class=\"notification-pill\" [class.error]=\"message.type == 1\" [@fadeOutAnimation]=\"shouldFade()\">\n    <i class=\"fa\" [ngClass]=\"getIconClass(message)\"></i> <span class=\"ms-1\">{{message.message}}</span>\n  </div>\n  <div *ngIf=\"messages.length > 3\" class=\"notification-pill\">{{messages.length - 2}} more...</div>\n</div>\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:#181818;padding:8px;text-align:center;color:#fff}.notification-bar .error{color:#711e16!important;background:#f8d8d4!important}\n"] }]
         }], ctorParameters: function () { return [{ type: NotificationService }]; } });
 
 class NotificationModule {
@@ -2142,5 +2287,5 @@ var NotificationType;
  * Generated bundle index. Do not edit.
  */
 
-export { BundleItem, ChangeOrderStatus, Coating, CoatingService, CoatingValue, Configuration, ConfigurationService, 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, WorkOrderListItem, WorkOrderPackageDetail, WorkOrderRefinishItem, WorkOrderService, WorkOrderStatus, WorkOrderType, calculateFinishDate, coatingDescriptionValidator, coatingValueValidator, convertEnumToObjectArray, getCoatingValues, getCoatings, hasCoatingDescription, hasCoatingValues, refinishDetailsValidator, touchControls };
+export { BaseService, BundleItem, ChangeOrderStatus, Coating, CoatingService, CoatingValue, Configuration, ConfigurationService, 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, QuickbooksService, 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, WorkOrderDiscount, WorkOrderDiscountService, WorkOrderHistory, WorkOrderInventoryItem, WorkOrderListItem, WorkOrderNonInventoryItem, WorkOrderNonInventoryItemService, WorkOrderPackageDetail, WorkOrderRefinishItem, WorkOrderService, WorkOrderShippingItem, WorkOrderShippingItemService, WorkOrderStatus, WorkOrderType, calculateFinishDate, coatingDescriptionValidator, coatingValueValidator, convertEnumToObjectArray, getCoatingValues, getCoatings, hasCoatingDescription, hasCoatingValues, refinishDetailsValidator, touchControls };
 //# sourceMappingURL=gunsmith-common.mjs.map