mobicloud-core 1.0.54 → 1.0.58

package/bundles/mobicloud-core-components.umd.js

@@ -350,8 +350,8 @@
     ContentToolbarComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'mobicloud-content-toolbar',
-                    template: "<mat-toolbar class=\"content-toolbar\" *ngIf=\"toobarEnabled\">\n    <mat-toolbar-row class=\"content-toolbar-row\">\n      <ng-container *ngIf=\"preToolbarItems\">            \n        <ng-container *ngFor=\"let toolbarItem of preToolbarItems\">\n            <button aria-label=\"button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-pre-toolbar-button\" matTooltip=\"{{toolbarItem.caption}}\">\n                <mat-icon svgIcon=\"{{toolbarItem.svg}}\" class=\"content-pre-toolbar-button-icon\"></mat-icon>\n            </button>\n        </ng-container>\n        <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n      </ng-container>              \n        <div class=\"content-toolbar-title\">\n          <!-- <mat-icon svgIcon=\"{{toobarTitleIcon}}\" class=\"content-toolbar-title-icon\" *ngIf=\"toobarTitleIcon\"></mat-icon> -->\n          <svg-icon [name]=\"toobarTitleIcon\" svgClass=\"content-toolbar-title-icon\" *ngIf=\"toobarTitleIcon\"></svg-icon>\n          {{toobarTitle}}\n        </div>\n        \n        <ng-content></ng-content>\n      <span class=\"content-toolbar-divider\"></span>\n      \n      <ng-container *ngIf=\"toolbarItems\">            \n        <ng-container *ngFor=\"let toolbarItem of toolbarItems\">\n            <button aria-label=\"button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-toolbar-button\" matTooltip=\"{{toolbarItem.caption}}\">\n                <!-- <mat-icon svgIcon=\"{{toolbarItem.svg}}\" class=\"content-toolbar-button-icon\"></mat-icon> -->\n                <svg-icon name=\"{{toolbarItem.svg}}\" svgClass=\"content-toolbar-button-icon\" viewBox=\"0 0 48 48\"></svg-icon>\n            </button>\n        </ng-container>\n        <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n      </ng-container>\n    </mat-toolbar-row>\n  </mat-toolbar> ",
-                    styles: [".content-toolbar{background-color:transparent!important;min-height:32px!important;max-height:32px!important;margin-bottom:14px}.content-toolbar-row{padding:0}.content-pre-toolbar-button{background-color:transparent!important;width:32px;height:32px;min-width:unset!important;padding:0!important;margin-right:10px!important}.content-pre-toolbar-button-icon{margin-bottom:8px;width:20px;fill:var(--default-toolbar-iconcolor-nobackground)}.content-toolbar-title{font-size:large;font-weight:600;color:var(--default-pagecaption-textcolor);display:flex}.content-toolbar-title-icon{height:20px;width:20px;margin-right:8px;margin-top:5px;fill:var(--default-pagecaption-iconcolor)}.content-toolbar-divider{flex:1 1 auto}.content-toolbar-button{background-color:var(--default-toolbar-iconcolor-withbackground)!important;width:32px;height:32px;min-width:unset!important;padding:0!important;margin-left:8px!important}.content-toolbar-button-icon{pointer-events:none;fill:var(--default-toolbar-iconcolor);width:16px;height:16px;margin-top:6px}"]
+                    template: "<mat-toolbar class=\"content-toolbar\" *ngIf=\"toobarEnabled\">\n  <mat-toolbar-row class=\"content-toolbar-row\">\n    <ng-container *ngIf=\"preToolbarItems\">            \n      <ng-container *ngFor=\"let toolbarItem of preToolbarItems\">\n          <button aria-label=\"button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-pre-toolbar-button\" matTooltip=\"{{toolbarItem.caption}}\">\n              <mat-icon svgIcon=\"{{toolbarItem.svg}}\" class=\"content-pre-toolbar-button-icon\"></mat-icon>\n          </button>\n      </ng-container>\n      <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n    </ng-container>              \n      <div class=\"content-toolbar-title\">\n        <!-- <mat-icon svgIcon=\"{{toobarTitleIcon}}\" class=\"content-toolbar-title-icon\" *ngIf=\"toobarTitleIcon\"></mat-icon> -->\n        <svg-icon [name]=\"toobarTitleIcon\" svgClass=\"content-toolbar-title-icon\" *ngIf=\"toobarTitleIcon\"></svg-icon>\n        {{toobarTitle}}\n      </div>\n      \n      <ng-content></ng-content>\n    <span class=\"content-toolbar-divider\"></span>\n    \n    <ng-container *ngIf=\"toolbarItems\">            \n      <ng-container *ngFor=\"let toolbarItem of toolbarItems\">\n        \n        <ng-container *ngIf=\"toolbarItem.children\">\n          <button aria-label=\"Button\" [matMenuTriggerFor]=\"toolbarChildMenu\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-toolbar-button\"  matTooltip=\"{{toolbarItem.caption}}\">\n            <svg-icon name=\"{{toolbarItem.svg}}\" svgClass=\"content-toolbar-button-icon\" viewBox=\"0 0 48 48\"></svg-icon>\n          </button>\n          <mat-menu #toolbarChildMenu>\n            <ng-container *ngFor=\"let childToolbarItem of toolbarItem.children\">\n              <button aria-label=\"button\" mat-menu-item [routerLink]=\"childToolbarItem.link ? childToolbarItem.link : null\" (click)=\"[childToolbarItem.click ? onToolbarItemClick(childToolbarItem.click, childToolbarItem.click_paramters) : null]\">\n                <mat-icon [svgIcon]=\"childToolbarItem.svg\" class=\"content-toolbar-menu-item-icon\"></mat-icon>\n                <span>{{childToolbarItem.caption}}</span>\n              </button>\n            </ng-container>\n          </mat-menu>\n        </ng-container>\n\n        <ng-container *ngIf=\"!toolbarItem.children\">\n          <button aria-label=\"button\" mat-raised-button appMaterialElevation [routerLink]=\"toolbarItem.link ? toolbarItem.link : null\" (click)=\"[toolbarItem.click ? onToolbarItemClick(toolbarItem.click, toolbarItem.click_paramters) : null]\" class=\"content-toolbar-button\" matTooltip=\"{{toolbarItem.caption}}\">\n            <svg-icon name=\"{{toolbarItem.svg}}\" svgClass=\"content-toolbar-button-icon\" viewBox=\"0 0 48 48\"></svg-icon>\n          </button>\n        </ng-container>\n\n      </ng-container>\n      <!-- <mat-divider vertical style=\"height:100%\"></mat-divider> -->\n    </ng-container>\n  </mat-toolbar-row>\n</mat-toolbar> ",
+                    styles: [".content-toolbar{background-color:transparent!important;min-height:32px!important;max-height:32px!important;margin-bottom:14px}.content-toolbar-row{padding:0}.content-pre-toolbar-button{background-color:transparent!important;width:32px;height:32px;min-width:unset!important;padding:0!important;margin-right:10px!important}.content-pre-toolbar-button-icon{margin-bottom:8px;width:20px;fill:var(--default-toolbar-iconcolor-nobackground)}.content-toolbar-title{font-size:large;font-weight:600;color:var(--default-pagecaption-textcolor);display:flex}.content-toolbar-title-icon{height:20px;width:20px;margin-right:8px;margin-top:5px;fill:var(--default-pagecaption-iconcolor)}.content-toolbar-divider{flex:1 1 auto}.content-toolbar-button{background-color:var(--default-toolbar-iconcolor-withbackground)!important;width:32px;height:32px;min-width:unset!important;padding:0!important;margin-left:8px!important}.content-toolbar-button-icon{pointer-events:none;fill:var(--default-toolbar-iconcolor);width:16px;height:16px;margin-top:6px}.content-toolbar-menu-item-icon{fill:var(--default-popup-iconcolor)}"]
                 },] }
     ];
     ContentToolbarComponent.ctorParameters = function () { return []; };
@@ -3008,6 +3008,636 @@
     };
     var templateObject_1$b;
 
+    var VendorUserAddressComponent = /** @class */ (function () {
+        function VendorUserAddressComponent(coreService, cloudDataService, matDialog) {
+            this.coreService = coreService;
+            this.cloudDataService = cloudDataService;
+            this.matDialog = matDialog;
+            this.user_expands = ['Vendor'];
+            this.editAllowed = false;
+            this.fullEditAllowed = false;
+            this.inEditMode = false;
+            this.isLoadingData = false;
+            this.loadingText = $localize(templateObject_1$c || (templateObject_1$c = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+            this.hasErrors = false;
+            this.errorText = "";
+            this.userChanged = new core.EventEmitter();
+            this._countryId = undefined;
+            this._selectedCountry = undefined;
+            this._countryOpened = false;
+        }
+        VendorUserAddressComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.coreService.mobiUserProfileObservable.subscribe(function (p) { return _this.fullEditAllowed = (p === null || p === void 0 ? void 0 : p.isOrganizationUser); });
+            this.coreService.mobiUserProfileObservable.subscribe(function (p) { var _a; return _this.editAllowed = ((p === null || p === void 0 ? void 0 : p.isOrganizationUser) || (p === null || p === void 0 ? void 0 : p.user_id) == ((_a = _this.user) === null || _a === void 0 ? void 0 : _a.Id)); });
+            this.user_store = new ODataStore__default['default']({
+                url: this.cloudDataService.getMobiManagementODataUrl("VendorUser"),
+                withCredentials: true,
+                key: "Id",
+                keyType: "Guid",
+                version: 4,
+            });
+            this.createCountryDataSource();
+        };
+        VendorUserAddressComponent.prototype.ngOnChanges = function (changes) {
+            var _a;
+            if (((_a = changes['user']) === null || _a === void 0 ? void 0 : _a.currentValue) && changes['user'].currentValue != this.formUser) {
+                this.formUser = this.user;
+                this.onUserChanged(this.formUser);
+            }
+        };
+        VendorUserAddressComponent.prototype.onUserChanged = function (vend) {
+            var _a, _b, _c;
+            this._countryId = (_c = (_b = (_a = this.formUser) === null || _a === void 0 ? void 0 : _a.Address) === null || _b === void 0 ? void 0 : _b.Country) === null || _c === void 0 ? void 0 : _c.toString();
+            if (this.datagrids) {
+                this.datagrids.forEach(function (dataGrid) {
+                    var _a;
+                    (_a = dataGrid.instance) === null || _a === void 0 ? void 0 : _a.refresh();
+                });
+            }
+        };
+        VendorUserAddressComponent.prototype.getUser = function () {
+            var _this = this;
+            var _a;
+            if (((_a = this.user) === null || _a === void 0 ? void 0 : _a.Id) && this.user_store) {
+                this.isLoadingData = true;
+                this.loadingText = $localize(templateObject_2$a || (templateObject_2$a = __makeTemplateObject([":@@Loading-Text-VendorUser:Loading user..."], [":@@Loading-Text-VendorUser:Loading user..."])));
+                this.user_store.byKey(this.user.Id, { expand: this.user_expands }).then(function (dataItem) {
+                    _this.formUser = Object.assign(new api.VendorUser(), dataItem[0]);
+                    _this.user = _this.formUser;
+                    _this.onUserChanged(_this.user);
+                    _this.isLoadingData = false;
+                    _this.hasErrors = false;
+                    _this.errorText = "";
+                    _this.loadingText = $localize(templateObject_3$a || (templateObject_3$a = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                    _this.userChanged.emit(_this.user);
+                }, function (error) {
+                    console.log(error);
+                    _this.isLoadingData = false;
+                    _this.hasErrors = true;
+                    _this.errorText = error;
+                    _this.loadingText = $localize(templateObject_4$a || (templateObject_4$a = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                });
+            }
+        };
+        VendorUserAddressComponent.prototype.onRetryClick = function () {
+            this.getUser();
+            this.inEditMode = false;
+        };
+        VendorUserAddressComponent.prototype.onEditClick = function () {
+            var _a, _b;
+            (_b = (_a = this.form.instance) === null || _a === void 0 ? void 0 : _a.getEditor("Address.Street")) === null || _b === void 0 ? void 0 : _b.focus();
+            this.inEditMode = true;
+        };
+        VendorUserAddressComponent.prototype.onSaveClick = function () {
+            var validateResult = this.form.instance.validate();
+            if (validateResult === null || validateResult === void 0 ? void 0 : validateResult.isValid) {
+                this.saveUser();
+            }
+        };
+        VendorUserAddressComponent.prototype.saveUser = function () {
+            var _this = this;
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+            if (((_a = this.user) === null || _a === void 0 ? void 0 : _a.Id) && this.user_store) {
+                this.isLoadingData = true;
+                this.loadingText = $localize(templateObject_5$a || (templateObject_5$a = __makeTemplateObject([":@@Updating-Text-VendorUser:Updating user..."], [":@@Updating-Text-VendorUser:Updating user..."])));
+                var data = {
+                    Address: {
+                        Street: (_c = (_b = this.formUser) === null || _b === void 0 ? void 0 : _b.Address) === null || _c === void 0 ? void 0 : _c.Street,
+                        ZipCode: (_e = (_d = this.formUser) === null || _d === void 0 ? void 0 : _d.Address) === null || _e === void 0 ? void 0 : _e.ZipCode,
+                        City: (_g = (_f = this.formUser) === null || _f === void 0 ? void 0 : _f.Address) === null || _g === void 0 ? void 0 : _g.City,
+                        Country: this._countryId,
+                        State: (_j = (_h = this.formUser) === null || _h === void 0 ? void 0 : _h.Address) === null || _j === void 0 ? void 0 : _j.State
+                    },
+                    Phone: (_k = this.formUser) === null || _k === void 0 ? void 0 : _k.Phone
+                };
+                this.user_store.update(this.user.Id, data)
+                    .then(function (dataObj) {
+                    _this.getUser();
+                    _this.isLoadingData = false;
+                    _this.inEditMode = false;
+                    _this.loadingText = $localize(templateObject_6$a || (templateObject_6$a = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                }, function (error) {
+                    console.log(error);
+                    _this.isLoadingData = false;
+                    _this.loadingText = $localize(templateObject_7$a || (templateObject_7$a = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                    MessageBox.showError({ title: $localize(templateObject_8$a || (templateObject_8$a = __makeTemplateObject([":@@Failed-Text-VendorUser:User update failed"], [":@@Failed-Text-VendorUser:User update failed"]))), message: error }, _this.matDialog)
+                        .subscribe(function (result) {
+                    });
+                });
+            }
+        };
+        VendorUserAddressComponent.prototype.onCancelEditClick = function () {
+            this.getUser();
+            this.inEditMode = false;
+        };
+        VendorUserAddressComponent.prototype.createCountryDataSource = function () {
+            this.country_ds = new DataSource__default['default']({
+                store: new ODataStore__default['default']({
+                    url: this.cloudDataService.getMobiManagementODataUrl("Country"),
+                    withCredentials: true,
+                    key: "Code2",
+                    keyType: "String",
+                    version: 4,
+                }),
+                sort: [
+                    { selector: "Name", desc: false }
+                ],
+                filter: ["Enabled", "=", true],
+                requireTotalCount: true,
+                map: function (dataItem) {
+                    return Object.assign(new mobicloudCore.Country(), dataItem);
+                }
+            });
+        };
+        VendorUserAddressComponent.prototype.countryChanged = function (args) {
+            var _a, _b, _c;
+            this._selectedCountry = ((_a = args.selectedRowsData) === null || _a === void 0 ? void 0 : _a.length) > 0 ? args.selectedRowsData[0] : undefined;
+            this._countryId = (_b = this._selectedCountry) === null || _b === void 0 ? void 0 : _b.Code2;
+            if ((_c = this.formUser) === null || _c === void 0 ? void 0 : _c.Address)
+                this.formUser.Address.Country = this._countryId;
+        };
+        return VendorUserAddressComponent;
+    }());
+    VendorUserAddressComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'mobicloud-vendor-user-address',
+                    template: "<mobicloud-group-box title=\"Address\" i18n-title=\"@@CaptionHeader-Address\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeAddressForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_Address\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Address.Street\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-line1'} }\">\n                <dxo-label text=\"Address\" i18n-text=\"@@FieldCaption-Address\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"Address.ZipCode\" [editorOptions]=\"{ elementAttr: {autocomplete: 'postal-code'} }\">\n                <dxo-label text=\"Zip code\" i18n-text=\"@@FieldCaption-ZipCode\"></dxo-label>\n            </dxi-item>\n            <dxi-item dataField=\"Address.City\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level2'} }\">\n                <dxo-label text=\"City\"  i18n-text=\"@@FieldCaption-City\"></dxo-label>\n            </dxi-item>\n            \n            <dxi-item dataField=\"Address.Country\">\n                <dxo-label text=\"Country\" i18n-text=\"@@FieldCaption-Country\"></dxo-label>  \n                <div *dxTemplate=\"let data of 'content'\">\n                    <dx-drop-down-box [deferRendering]=\"true\" [showClearButton]=\"true\" [readOnly]=\"!inEditMode\" fieldTemplate=\"fieldTemplate\"\n                        [dataSource]=\"country_ds\"                   \n                        [(value)]=\"_countryId\"\n                        valueExpr=\"Code2\"                \n                        displayExpr=\"LocalName\"                                    \n                        [(opened)]=\"_countryOpened\"> \n                        <dxo-drop-down-options title=\"Countries\" i18n-title=\"@@FieldCaption-Countries\" [showTitle]=\"true\" [fullScreen]=\"false\" [showCloseButton]=\"true\">\n                    </dxo-drop-down-options>                                       \n                        <dx-data-grid [filterRow]=\"{ visible: true }\" [scrolling]=\"{ mode: 'standard' }\" [selection]=\"{ mode: 'single' }\" height=\"100%\" [hoverStateEnabled]=\"true\"\n                            [dataSource]=\"country_ds\"\n                            [(selectedRowKeys)]=\"_countryId\"\n                            (onSelectionChanged)=\"countryChanged($event)\"\n                            (onRowClick)=\"_countryOpened = false\">\n                            <dxi-column dataField=\"Code2\" [allowFiltering]=\"false\" [allowSorting]=\"false\" cellTemplate=\"imgCellTemplate\" all [width]=\"50\" caption=\"\"></dxi-column>\n                            <dxi-column dataField=\"LocalName\" i18n-caption=\"@@GridColumn-Name\" caption=\"Name\"></dxi-column>\n                            <dxo-paging [enabled]=\"false\"></dxo-paging>\n                            <div *dxTemplate=\"let data of 'imgCellTemplate'\">\n                                <img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{data.value}}-32.png\"/>\n                            </div>\n                        </dx-data-grid>\n                        <div *dxTemplate=\"let data of 'fieldTemplate'\">\n                            <div class=\"country-edit-item\">\n                                <div class=\"country-edit-image\"><img alt=\"\"src=\"{{cloudDataService.FlagUrl}}/{{_selectedCountry?.Code2}}-32.png\" *ngIf=\"_selectedCountry?.Code2\"></div>\n                                <div class=\"country-edit-text\">\n                                    <dx-text-box stylingMode=\"filled\" [value]=\"_selectedCountry?.LocalName\" [readOnly]=\"true\"></dx-text-box>\n                                </div>\n                            </div>\n                        </div>\n                    </dx-drop-down-box>\n                </div>   \n                <!-- <dxi-validation-rule type=\"required\" message=\"Country is required\"></dxi-validation-rule>    -->\n            </dxi-item> \n                        \n            <dxi-item dataField=\"Address.State\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'address-level1'} }\">\n                <dxo-label text=\"State\" i18n-text=\"@@FieldCaption-State\"></dxo-label>                \n            </dxi-item>\n            <dxi-item dataField=\"Phone\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'tel'} }\">\n                <dxo-label text=\"Phone\" i18n-text=\"@@FieldCaption-Phone\"></dxo-label>                \n            </dxi-item>\n        </dxi-item>       \n        \n    </dx-form>\n\n</mobicloud-group-box>",
+                    styles: [""]
+                },] }
+    ];
+    VendorUserAddressComponent.ctorParameters = function () { return [
+        { type: mobicloudCore.MobicloudCoreService },
+        { type: api.MobiCloudDataService },
+        { type: dialog.MatDialog }
+    ]; };
+    VendorUserAddressComponent.propDecorators = {
+        user: [{ type: core.Input }],
+        user_expands: [{ type: core.Input }],
+        editAllowed: [{ type: core.Input }],
+        inEditMode: [{ type: core.Input }],
+        width: [{ type: core.Input }],
+        contentheight: [{ type: core.Input }],
+        isLoadingData: [{ type: core.Input }],
+        loadingText: [{ type: core.Input }],
+        hasErrors: [{ type: core.Input }],
+        errorText: [{ type: core.Input }],
+        userChanged: [{ type: core.Output }],
+        form: [{ type: core.ViewChild, args: ['form',] }],
+        datagrids: [{ type: core.ViewChildren, args: [devextremeAngular.DxDataGridComponent,] }]
+    };
+    var templateObject_1$c, templateObject_2$a, templateObject_3$a, templateObject_4$a, templateObject_5$a, templateObject_6$a, templateObject_7$a, templateObject_8$a;
+
+    var VendorUserDetailsComponent = /** @class */ (function () {
+        function VendorUserDetailsComponent(coreService, cloudDataService, matDialog, usernameValidator) {
+            this.coreService = coreService;
+            this.cloudDataService = cloudDataService;
+            this.matDialog = matDialog;
+            this.usernameValidator = usernameValidator;
+            this.user_expands = ['Vendor'];
+            this.editAllowed = false;
+            this.fullEditAllowed = false;
+            this.inEditMode = false;
+            this.isLoadingData = false;
+            this.loadingText = $localize(templateObject_1$d || (templateObject_1$d = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+            this.hasErrors = false;
+            this.errorText = "";
+            this.userChanged = new core.EventEmitter();
+            this.status_ds = [
+                { id: false, description: $localize(templateObject_2$b || (templateObject_2$b = __makeTemplateObject([":@@@FieldValue-InActive:Inactive"], [":@@@FieldValue-InActive:Inactive"]))) },
+                { id: true, description: $localize(templateObject_3$b || (templateObject_3$b = __makeTemplateObject([":@@@FieldValue-Active:Active"], [":@@@FieldValue-Active:Active"]))) }
+            ];
+            this.loginType_ds = [
+                { id: false, description: $localize(templateObject_4$b || (templateObject_4$b = __makeTemplateObject([":@@FieldValue-AppLogin-Regular:Regular"], [":@@FieldValue-AppLogin-Regular:Regular"]))) },
+                { id: true, description: $localize(templateObject_5$b || (templateObject_5$b = __makeTemplateObject([":@@FieldValue-AppLogin-AppUser: App user"], [":@@FieldValue-AppLogin-AppUser: App user"]))) }
+            ];
+            this.boolean_ds = [
+                { id: false, description: $localize(templateObject_6$b || (templateObject_6$b = __makeTemplateObject([":@@FieldValue-No:No"], [":@@FieldValue-No:No"]))) },
+                { id: true, description: $localize(templateObject_7$b || (templateObject_7$b = __makeTemplateObject([":@@FieldValue-Yes:Yes"], [":@@FieldValue-Yes:Yes"]))) }
+            ];
+            this.usernameValidation = this.usernameValidation.bind(this);
+        }
+        VendorUserDetailsComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.coreService.mobiUserProfileObservable.subscribe(function (p) { return _this.fullEditAllowed = (p === null || p === void 0 ? void 0 : p.isOrganizationUser); });
+            this.coreService.mobiUserProfileObservable.subscribe(function (p) { var _a; return _this.editAllowed = ((p === null || p === void 0 ? void 0 : p.isOrganizationUser) || (p === null || p === void 0 ? void 0 : p.user_id) == ((_a = _this.user) === null || _a === void 0 ? void 0 : _a.Id)); });
+            this.user_store = new ODataStore__default['default']({
+                url: this.cloudDataService.getMobiManagementODataUrl("VendorUser"),
+                withCredentials: true,
+                key: "Id",
+                keyType: "Guid",
+                version: 4,
+            });
+        };
+        VendorUserDetailsComponent.prototype.ngOnChanges = function (changes) {
+            var _a;
+            if (((_a = changes['user']) === null || _a === void 0 ? void 0 : _a.currentValue) && changes['user'].currentValue != this.formUser) {
+                this.formUser = this.user;
+                this.onUserChanged(this.formUser);
+            }
+        };
+        VendorUserDetailsComponent.prototype.onUserChanged = function (cust) {
+            if (this.datagrids) {
+                this.datagrids.forEach(function (dataGrid) {
+                    var _a;
+                    (_a = dataGrid.instance) === null || _a === void 0 ? void 0 : _a.refresh();
+                });
+            }
+        };
+        VendorUserDetailsComponent.prototype.getUser = function () {
+            var _this = this;
+            var _a;
+            if (((_a = this.user) === null || _a === void 0 ? void 0 : _a.Id) && this.user_store) {
+                this.isLoadingData = true;
+                this.loadingText = $localize(templateObject_8$b || (templateObject_8$b = __makeTemplateObject([":@@Loading-Text-VendorUser:Loading user..."], [":@@Loading-Text-VendorUser:Loading user..."])));
+                this.user_store.byKey(this.user.Id, { expand: this.user_expands }).then(function (dataItem) {
+                    _this.formUser = Object.assign(new api.VendorUser(), dataItem[0]);
+                    _this.user = _this.formUser;
+                    _this.onUserChanged(_this.user);
+                    _this.isLoadingData = false;
+                    _this.hasErrors = false;
+                    _this.errorText = "";
+                    _this.loadingText = $localize(templateObject_9$8 || (templateObject_9$8 = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                    _this.userChanged.emit(_this.user);
+                }, function (error) {
+                    console.log(error);
+                    _this.isLoadingData = false;
+                    _this.hasErrors = true;
+                    _this.errorText = error;
+                    _this.loadingText = $localize(templateObject_10$8 || (templateObject_10$8 = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                });
+            }
+        };
+        VendorUserDetailsComponent.prototype.onRetryClick = function () {
+            this.getUser();
+            this.inEditMode = false;
+        };
+        VendorUserDetailsComponent.prototype.onEditClick = function () {
+            var _a, _b;
+            (_b = (_a = this.form.instance) === null || _a === void 0 ? void 0 : _a.getEditor("Active")) === null || _b === void 0 ? void 0 : _b.focus();
+            this.inEditMode = true;
+        };
+        VendorUserDetailsComponent.prototype.onSaveClick = function () {
+            var validateResult = this.form.instance.validate();
+            if (validateResult === null || validateResult === void 0 ? void 0 : validateResult.isValid) {
+                this.saveUser();
+            }
+        };
+        VendorUserDetailsComponent.prototype.saveUser = function () {
+            var _this = this;
+            var _a, _b, _c, _d, _e, _f;
+            if (((_a = this.user) === null || _a === void 0 ? void 0 : _a.Id) && this.user_store) {
+                this.isLoadingData = true;
+                this.loadingText = $localize(templateObject_11$7 || (templateObject_11$7 = __makeTemplateObject([":@@Updating-Text-VendorUser:Updating user..."], [":@@Updating-Text-VendorUser:Updating user..."])));
+                var update_values = {
+                    Email: (_b = this.formUser) === null || _b === void 0 ? void 0 : _b.Email,
+                    ResourceColor: (_c = this.formUser) === null || _c === void 0 ? void 0 : _c.ResourceColor
+                };
+                if (this.fullEditAllowed) {
+                    update_values.Active = (_d = this.formUser) === null || _d === void 0 ? void 0 : _d.Active;
+                    update_values.Substitute = (_e = this.formUser) === null || _e === void 0 ? void 0 : _e.Substitute;
+                }
+                update_values.Username = (_f = this.formUser) === null || _f === void 0 ? void 0 : _f.Username;
+                this.user_store.update(this.user.Id, update_values)
+                    .then(function (dataObj) {
+                    _this.getUser();
+                    _this.isLoadingData = false;
+                    _this.inEditMode = false;
+                    _this.loadingText = $localize(templateObject_12$7 || (templateObject_12$7 = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                }, function (error) {
+                    console.log(error);
+                    _this.isLoadingData = false;
+                    _this.loadingText = $localize(templateObject_13$5 || (templateObject_13$5 = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                    MessageBox.showError({ title: $localize(templateObject_14$5 || (templateObject_14$5 = __makeTemplateObject([":@@Failed-Text-VendorUser:User update failed"], [":@@Failed-Text-VendorUser:User update failed"]))), message: error }, _this.matDialog)
+                        .subscribe(function (result) {
+                    });
+                });
+            }
+        };
+        VendorUserDetailsComponent.prototype.onCancelEditClick = function () {
+            this.getUser();
+            this.inEditMode = false;
+        };
+        VendorUserDetailsComponent.prototype.usernameValidation = function (params) {
+            var _a, _b;
+            if ((_b = (_a = this.user) === null || _a === void 0 ? void 0 : _a.Vendor) === null || _b === void 0 ? void 0 : _b.Id)
+                return this.usernameValidator.usernameValidation_vendor_devextreme(this.user.Vendor.Id, params === null || params === void 0 ? void 0 : params.value, this.user.Id);
+            return Promise.resolve();
+        };
+        return VendorUserDetailsComponent;
+    }());
+    VendorUserDetailsComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'mobicloud-vendor-user-details',
+                    template: "<mobicloud-group-box title=\"User Info\" i18n-title=\"@@CaptionHeader-UserInfo\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeUserInfoForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n    \n    <form>\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_UserInfo\">\n        \n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"Active\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: status_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Status\" i18n-text=\"@@FieldCaption-Status\"></dxo-label>\n            </dxi-item>\n\n\n            <dxi-item dataField=\"Username\">\n                <dxo-label text=\"Username\" i18n-text=\"@@FieldCaption-Username\"></dxo-label>\n                <dxi-validation-rule type=\"required\" message=\"Username is required\" i18n-message=\"@@ValidationText-Username-Required\" *ngIf=\"inEditMode\"></dxi-validation-rule>\n                <dxi-validation-rule *ngIf=\"inEditMode\" \n                type=\"async\" \n                [validationCallback]=\"usernameValidation\">\n                </dxi-validation-rule>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Substitute\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: boolean_ds, valueExpr: 'id', displayExpr: 'description', readOnly: !fullEditAllowed }\">\n                <dxo-label text=\"Substitute\" i18n-text=\"@@FieldCaption-Substitute\"></dxo-label>\n            </dxi-item>  \n\n            <dxi-item dataField=\"ResourceColor\"  editorType=\"dxColorBox\">\n                <dxo-label text=\"Color\" i18n-text=\"@@FieldCaption-Color\"></dxo-label>\n            </dxi-item>                                   \n\n            <dxi-item dataField=\"Email\" [colSpan]=\"2\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'email'} }\">\n                <dxo-label text=\"Email\" i18n-text=\"@@FieldCaption-Email\"></dxo-label>     \n                <dxi-validation-rule type=\"required\" message=\"Email is required\" i18n-message=\"@@ValidationText-Email-Required\"></dxi-validation-rule>\n                <dxi-validation-rule type=\"email\" message=\"Email is invalid\" i18n-message=\"@@ValidationText-Email-Invalid\"></dxi-validation-rule>                           \n            </dxi-item> \n\n        </dxi-item>       \n        \n    </dx-form>\n    </form>\n</mobicloud-group-box>",
+                    styles: [""]
+                },] }
+    ];
+    VendorUserDetailsComponent.ctorParameters = function () { return [
+        { type: mobicloudCore.MobicloudCoreService },
+        { type: api.MobiCloudDataService },
+        { type: dialog.MatDialog },
+        { type: mobicloudCore.UsernameValidator }
+    ]; };
+    VendorUserDetailsComponent.propDecorators = {
+        user: [{ type: core.Input }],
+        user_expands: [{ type: core.Input }],
+        editAllowed: [{ type: core.Input }],
+        inEditMode: [{ type: core.Input }],
+        width: [{ type: core.Input }],
+        contentheight: [{ type: core.Input }],
+        isLoadingData: [{ type: core.Input }],
+        loadingText: [{ type: core.Input }],
+        hasErrors: [{ type: core.Input }],
+        errorText: [{ type: core.Input }],
+        userChanged: [{ type: core.Output }],
+        form: [{ type: core.ViewChild, args: ['form',] }],
+        datagrids: [{ type: core.ViewChildren, args: [devextremeAngular.DxDataGridComponent,] }]
+    };
+    var templateObject_1$d, templateObject_2$b, templateObject_3$b, templateObject_4$b, templateObject_5$b, templateObject_6$b, templateObject_7$b, templateObject_8$b, templateObject_9$8, templateObject_10$8, templateObject_11$7, templateObject_12$7, templateObject_13$5, templateObject_14$5;
+
+    var VendorUserGeneralComponent = /** @class */ (function () {
+        function VendorUserGeneralComponent(coreService, cloudDataService, matDialog) {
+            this.coreService = coreService;
+            this.cloudDataService = cloudDataService;
+            this.matDialog = matDialog;
+            this.user_expands = ['Vendor'];
+            this.editAllowed = false;
+            this.fullEditAllowed = false;
+            this.inEditMode = false;
+            this.isLoadingData = false;
+            this.loadingText = $localize(templateObject_1$e || (templateObject_1$e = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+            this.hasErrors = false;
+            this.errorText = "";
+            this.userChanged = new core.EventEmitter();
+            this.genderType_ds = [
+                { id: api.GenderType.Unknown, description: $localize(templateObject_2$c || (templateObject_2$c = __makeTemplateObject([":@@EnumValue-Unknown:Unknown"], [":@@EnumValue-Unknown:Unknown"]))) },
+                { id: api.GenderType.Male, description: $localize(templateObject_3$c || (templateObject_3$c = __makeTemplateObject([":@@EnumValue-Male:Male"], [":@@EnumValue-Male:Male"]))) },
+                { id: api.GenderType.Female, description: $localize(templateObject_4$c || (templateObject_4$c = __makeTemplateObject([":@@EnumValue-Female:Female"], [":@@EnumValue-Female:Female"]))) },
+                { id: api.GenderType.Other, description: $localize(templateObject_5$c || (templateObject_5$c = __makeTemplateObject([":@@EnumValue-Other:Other"], [":@@EnumValue-Other:Other"]))) }
+            ];
+            this._countryId = undefined;
+            this._selectedCountry = undefined;
+            this._countryOpened = false;
+            this._locationId = undefined;
+            this._locationOpened = false;
+        }
+        VendorUserGeneralComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.coreService.mobiUserProfileObservable.subscribe(function (p) { return _this.fullEditAllowed = (p === null || p === void 0 ? void 0 : p.isOrganizationUser); });
+            this.coreService.mobiUserProfileObservable.subscribe(function (p) { var _a; return _this.editAllowed = ((p === null || p === void 0 ? void 0 : p.isOrganizationUser) || (p === null || p === void 0 ? void 0 : p.user_id) == ((_a = _this.user) === null || _a === void 0 ? void 0 : _a.Id)); });
+            this.initializeDataSources();
+        };
+        VendorUserGeneralComponent.prototype.initializeDataSources = function () {
+            this.user_store = new ODataStore__default['default']({
+                url: this.cloudDataService.getMobiManagementODataUrl("VendorUser"),
+                withCredentials: true,
+                key: "Id",
+                keyType: "Guid",
+                version: 4,
+            });
+            this.createCountryDataSource();
+            this.createLocationDataSource();
+        };
+        VendorUserGeneralComponent.prototype.ngOnChanges = function (changes) {
+            var _a;
+            if (((_a = changes['user']) === null || _a === void 0 ? void 0 : _a.currentValue) && changes['user'].currentValue != this.formUser) {
+                this.formUser = this.user;
+                this.onUserChanged(this.formUser);
+            }
+        };
+        VendorUserGeneralComponent.prototype.onUserChanged = function (cust) {
+            var _a, _b, _c, _d;
+            this._countryId = (_c = (_b = (_a = this.formUser) === null || _a === void 0 ? void 0 : _a.Address) === null || _b === void 0 ? void 0 : _b.Country) === null || _c === void 0 ? void 0 : _c.toString();
+            this._locationId = (_d = this.formUser) === null || _d === void 0 ? void 0 : _d.LocationId;
+            if (this.datagrids) {
+                this.datagrids.forEach(function (dataGrid) {
+                    var _a;
+                    (_a = dataGrid.instance) === null || _a === void 0 ? void 0 : _a.refresh();
+                });
+            }
+        };
+        VendorUserGeneralComponent.prototype.getUser = function () {
+            var _this = this;
+            var _a;
+            if (((_a = this.user) === null || _a === void 0 ? void 0 : _a.Id) && this.user_store) {
+                this.isLoadingData = true;
+                this.loadingText = $localize(templateObject_6$c || (templateObject_6$c = __makeTemplateObject([":@@Loading-Text-VendorUser:Loading user..."], [":@@Loading-Text-VendorUser:Loading user..."])));
+                this.user_store.byKey(this.user.Id, { expand: this.user_expands }).then(function (dataItem) {
+                    _this.formUser = Object.assign(new api.VendorUser(), dataItem[0]);
+                    _this.user = _this.formUser;
+                    _this.onUserChanged(_this.user);
+                    _this.isLoadingData = false;
+                    _this.hasErrors = false;
+                    _this.errorText = "";
+                    _this.loadingText = $localize(templateObject_7$c || (templateObject_7$c = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                    _this.userChanged.emit(_this.user);
+                }, function (error) {
+                    console.log(error);
+                    _this.isLoadingData = false;
+                    _this.hasErrors = true;
+                    _this.errorText = error;
+                    _this.loadingText = $localize(templateObject_8$c || (templateObject_8$c = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                });
+            }
+        };
+        VendorUserGeneralComponent.prototype.onRetryClick = function () {
+            this.getUser();
+            this.inEditMode = false;
+        };
+        VendorUserGeneralComponent.prototype.onEditClick = function () {
+            var _a, _b;
+            (_b = (_a = this.form.instance) === null || _a === void 0 ? void 0 : _a.getEditor("FirstName")) === null || _b === void 0 ? void 0 : _b.focus();
+            this.inEditMode = true;
+        };
+        VendorUserGeneralComponent.prototype.onSaveClick = function () {
+            var validateResult = this.form.instance.validate();
+            if (validateResult === null || validateResult === void 0 ? void 0 : validateResult.isValid) {
+                this.saveUser();
+            }
+        };
+        VendorUserGeneralComponent.prototype.saveUser = function () {
+            var _this = this;
+            var _a, _b, _c, _d, _e, _f;
+            if (((_a = this.user) === null || _a === void 0 ? void 0 : _a.Id) && this.user_store) {
+                this.isLoadingData = true;
+                this.loadingText = $localize(templateObject_9$9 || (templateObject_9$9 = __makeTemplateObject([":@@Updating-Text-VendorUser:Updating user..."], [":@@Updating-Text-VendorUser:Updating user..."])));
+                var update_values = {
+                    FirstName: (_b = this.formUser) === null || _b === void 0 ? void 0 : _b.FirstName,
+                    LastName: (_c = this.formUser) === null || _c === void 0 ? void 0 : _c.LastName,
+                    Gender: (_d = this.formUser) === null || _d === void 0 ? void 0 : _d.Gender,
+                    Initials: (_e = this.formUser) === null || _e === void 0 ? void 0 : _e.Initials
+                };
+                if (this.fullEditAllowed) {
+                    update_values.LocationId = (_f = this.formUser) === null || _f === void 0 ? void 0 : _f.LocationId;
+                }
+                this.user_store.update(this.user.Id, update_values)
+                    .then(function (dataObj) {
+                    _this.getUser();
+                    _this.isLoadingData = false;
+                    _this.inEditMode = false;
+                    _this.loadingText = $localize(templateObject_10$9 || (templateObject_10$9 = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                }, function (error) {
+                    console.log(error);
+                    _this.isLoadingData = false;
+                    _this.loadingText = $localize(templateObject_11$8 || (templateObject_11$8 = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                    MessageBox.showError({ title: $localize(templateObject_12$8 || (templateObject_12$8 = __makeTemplateObject([":@@Failed-Text-VendorUser:User update failed"], [":@@Failed-Text-VendorUser:User update failed"]))), message: error }, _this.matDialog)
+                        .subscribe(function (result) {
+                    });
+                });
+            }
+        };
+        VendorUserGeneralComponent.prototype.onCancelEditClick = function () {
+            this.getUser();
+            this.inEditMode = false;
+        };
+        VendorUserGeneralComponent.prototype.createCountryDataSource = function () {
+            this.country_ds = new DataSource__default['default']({
+                store: new ODataStore__default['default']({
+                    url: this.cloudDataService.getMobiManagementODataUrl("Country"),
+                    withCredentials: true,
+                    key: "Code2",
+                    keyType: "String",
+                    version: 4,
+                }),
+                sort: [
+                    { selector: "Name", desc: false }
+                ],
+                filter: ["Enabled", "=", true],
+                requireTotalCount: true,
+                map: function (dataItem) {
+                    return Object.assign(new mobicloudCore.Country(), dataItem);
+                }
+            });
+        };
+        VendorUserGeneralComponent.prototype.countryChanged = function (args) {
+            var _a, _b, _c;
+            this._selectedCountry = ((_a = args.selectedRowsData) === null || _a === void 0 ? void 0 : _a.length) > 0 ? args.selectedRowsData[0] : undefined;
+            this._countryId = (_b = this._selectedCountry) === null || _b === void 0 ? void 0 : _b.Code2;
+            if ((_c = this.formUser) === null || _c === void 0 ? void 0 : _c.Address)
+                this.formUser.Address.Country = this._countryId;
+        };
+        VendorUserGeneralComponent.prototype.createLocationDataSource = function () {
+            this.location_ds = new DataSource__default['default']({
+                store: new ODataStore__default['default']({
+                    url: this.cloudDataService.getMobiManagementODataUrl("Location"),
+                    withCredentials: true,
+                    key: "Id",
+                    keyType: "Guid",
+                    version: 4,
+                }),
+                sort: [
+                    { selector: "MetaData.Created", desc: false }
+                ],
+                requireTotalCount: true,
+                map: function (dataItem) {
+                    var loc = Object.assign(new api.Location(), dataItem);
+                    return loc;
+                }
+            });
+        };
+        VendorUserGeneralComponent.prototype.locationChanged = function (args) {
+            var _a, _b;
+            this._locationId = ((_a = args.selectedRowsData) === null || _a === void 0 ? void 0 : _a.length) > 0 ? (_b = args.selectedRowsData[0]) === null || _b === void 0 ? void 0 : _b.Id : null;
+            if (this.formUser)
+                this.formUser.LocationId = this._locationId;
+        };
+        return VendorUserGeneralComponent;
+    }());
+    VendorUserGeneralComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'mobicloud-vendor-user-general',
+                    template: "<mobicloud-group-box title=\"Profile\" i18n-title=\"@@CaptionHeader-Profile\" [width]=\"[width]\" [contentheight]=[contentheight] class=\"employeeProfileForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <dx-form #form id=\"form\"\n        [formData]=\"formUser\"\n        [readOnly]=\"!inEditMode\"\n        [showColonAfterLabel]=\"true\"\n        labelLocation=\"top\"\n        [showValidationSummary]=\"false\" \n        [showRequiredMark] = \"false\"\n        validationGroup=\"formUserData_Profile\">\n\n        <dxi-item itemType=\"group\" caption=\"\" [colCount]=\"2\">\n            <dxi-item dataField=\"FirstName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'given-name'} }\">\n                <dxo-label text=\"First name\" i18n-text=\"@@FieldCaption-FirstName\"></dxo-label>        \n                <dxi-validation-rule type=\"required\" message=\"First name is required\" i18n-message=\"@@ValidationText-FirstName-Required\"></dxi-validation-rule>        \n            </dxi-item>\n            <dxi-item dataField=\"LastName\" [editorOptions]=\"{ inputAttr: {'autocomplete': 'family-name'} }\">\n                <dxo-label text=\"Last name\" i18n-text=\"@@FieldCaption-LastName\"></dxo-label>   \n                <dxi-validation-rule type=\"required\" message=\"Last name is required\" i18n-message=\"@@ValidationText-LastName-Required\"></dxi-validation-rule>             \n            </dxi-item>\n                        \n            <dxi-item dataField=\"Initials\">\n                <dxo-label text=\"Initials\" i18n-text=\"@@FieldCaption-Initials\"></dxo-label>                \n            </dxi-item>\n\n            <dxi-item dataField=\"Gender\" editorType=\"dxSelectBox\" [editorOptions]=\"{ dataSource: genderType_ds, valueExpr: 'id', displayExpr: 'description' }\">\n                <dxo-label text=\"Gender\" i18n-text=\"@@FieldCaption-Gender\"></dxo-label>\n            </dxi-item> \n\n            <dxi-item dataField=\"LocationId\" #customer editorType=\"dxLookup\" [editorOptions]=\"{ itemTemplate:'location_itemTemplate', fieldTemplate: 'location_fieldTemplate', dataSource: location_ds, valueExpr: 'Id', displayExpr: 'Name', searchEnabled: true, searchExpr: ['Name'], showClearButton: true }\">\n                <dxo-label text=\"Location\" i18n-text=\"@@FieldCaption-Location\"></dxo-label>\n            </dxi-item>                        \n\n        </dxi-item>       \n        <!-- Templates -->\n        <div *dxTemplate=\"let item of 'location_itemTemplate'\">\n            {{ item?.Name }}\n        </div>        \n        <div *dxTemplate=\"let fieldData of 'location_fieldTemplate'\" [ngClass]=\"{'lookup-field-template-container':!inEditMode, 'lookup-field-template-container-readonly':!inEditMode}\">\n            {{fieldData?.Name}}\n        </div> \n    </dx-form>\n</mobicloud-group-box>",
+                    styles: [""]
+                },] }
+    ];
+    VendorUserGeneralComponent.ctorParameters = function () { return [
+        { type: mobicloudCore.MobicloudCoreService },
+        { type: api.MobiCloudDataService },
+        { type: dialog.MatDialog }
+    ]; };
+    VendorUserGeneralComponent.propDecorators = {
+        user: [{ type: core.Input }],
+        user_expands: [{ type: core.Input }],
+        editAllowed: [{ type: core.Input }],
+        inEditMode: [{ type: core.Input }],
+        width: [{ type: core.Input }],
+        contentheight: [{ type: core.Input }],
+        isLoadingData: [{ type: core.Input }],
+        loadingText: [{ type: core.Input }],
+        hasErrors: [{ type: core.Input }],
+        errorText: [{ type: core.Input }],
+        userChanged: [{ type: core.Output }],
+        form: [{ type: core.ViewChild, args: ['form',] }],
+        datagrids: [{ type: core.ViewChildren, args: [devextremeAngular.DxDataGridComponent,] }]
+    };
+    var templateObject_1$e, templateObject_2$c, templateObject_3$c, templateObject_4$c, templateObject_5$c, templateObject_6$c, templateObject_7$c, templateObject_8$c, templateObject_9$9, templateObject_10$9, templateObject_11$8, templateObject_12$8;
+
+    var VendorUserImageComponent = /** @class */ (function () {
+        function VendorUserImageComponent(coreService, cloudDataService) {
+            this.coreService = coreService;
+            this.cloudDataService = cloudDataService;
+            this.editAllowed = false;
+            this.inEditMode = false;
+            this.fullEditAllowed = false;
+            this.isLoadingData = false;
+            this.loadingText = $localize(templateObject_1$f || (templateObject_1$f = __makeTemplateObject([":@@UploadingLoading-Image-Text:Uploading image..."], [":@@UploadingLoading-Image-Text:Uploading image..."])));
+            this.hasErrors = false;
+            this.errorText = "";
+            this.uploadUrl = undefined;
+            this.isUploaded = false;
+        }
+        VendorUserImageComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            var _a;
+            this.coreService.mobiUserProfileObservable.subscribe(function (p) { return _this.fullEditAllowed = (p === null || p === void 0 ? void 0 : p.isOrganizationUser); });
+            this.coreService.mobiUserProfileObservable.subscribe(function (p) { var _a; return _this.editAllowed = ((p === null || p === void 0 ? void 0 : p.isOrganizationUser) || (p === null || p === void 0 ? void 0 : p.user_id) == ((_a = _this.user) === null || _a === void 0 ? void 0 : _a.Id)); });
+            this.uploadUrl = this.cloudDataService.getMobiManagementODataUrl("vendoruser(" + ((_a = this.user) === null || _a === void 0 ? void 0 : _a.Id) + ")/UploadProfileImage()");
+        };
+        VendorUserImageComponent.prototype.getProfileImageUrl = function () {
+            var _a;
+            return api.getProfileImageUrl((_a = this.user) === null || _a === void 0 ? void 0 : _a.Image);
+        };
+        VendorUserImageComponent.prototype.onEditClick = function () {
+            this.inEditMode = true;
+        };
+        VendorUserImageComponent.prototype.onCancelEditClick = function () {
+            this.inEditMode = false;
+        };
+        VendorUserImageComponent.prototype.onSaveClick = function () {
+            this.imageEdit.upload();
+        };
+        VendorUserImageComponent.prototype.onRetryClick = function () {
+            this.imageEdit.upload();
+        };
+        return VendorUserImageComponent;
+    }());
+    VendorUserImageComponent.decorators = [
+        { type: core.Component, args: [{
+                    selector: 'mobicloud-vendor-user-image',
+                    template: "<mobicloud-group-box title=\"Profile Image\" i18n-title=\"@@CaptionHeader-ProfileImage\" [width]=\"[width]\" [contentheight]=\"0\" class=\"vendorUserProfileImageForm\" [isLoadingData]=\"isLoadingData\" [loadingText]=\"loadingText\" \n   [editAllowed]=\"editAllowed\" [inEditMode]=\"inEditMode\" [hasErrors]=\"hasErrors\" errorCaption=\"Error\" i18n-errorCaption=\"@@CaptionHeader-Error\" [errorText]=\"errorText\" [enableRetryOnError]=\"true\"\n    (Edit_Click)=\"onEditClick()\" (Save_Click)=\"onSaveClick()\" (CancelEdit_Click)=\"onCancelEditClick()\" (Retry_Click)=\"onRetryClick()\">\n\n    <mobicloud-image-edit #imageEdit id=\"imageEdit\" [uploadUrl]=\"uploadUrl\" [imageUrl]=\"getProfileImageUrl()\" [width]=\"width - 20\" \n  [(inEditMode)]=\"inEditMode\" [(isUploading)]=\"isLoadingData\" [(isUploaded)]=\"isUploaded\" [(uploadError)]=\"hasErrors\" [(uploadErrorMessage)]=\"errorText\"></mobicloud-image-edit>\n\n  <!-- <p>url: {{uploadUrl}}</p>\n  <p>inEditMode: {{inEditMode}}</p>\n  <p>isLoadingData: {{isLoadingData}}</p>\n  <p>isUploaded: {{isUploaded}}</p>\n  <p>hasErrors: {{hasErrors}}</p>\n  <p>errorText: {{errorText}}</p>   -->\n</mobicloud-group-box>",
+                    styles: [""]
+                },] }
+    ];
+    VendorUserImageComponent.ctorParameters = function () { return [
+        { type: mobicloudCore.MobicloudCoreService },
+        { type: api.MobiCloudDataService }
+    ]; };
+    VendorUserImageComponent.propDecorators = {
+        imageEdit: [{ type: core.ViewChild, args: ['imageEdit',] }],
+        editAllowed: [{ type: core.Input }],
+        inEditMode: [{ type: core.Input }],
+        width: [{ type: core.Input }],
+        contentheight: [{ type: core.Input }],
+        isLoadingData: [{ type: core.Input }],
+        loadingText: [{ type: core.Input }],
+        hasErrors: [{ type: core.Input }],
+        errorText: [{ type: core.Input }],
+        user: [{ type: core.Input }],
+        user_expands: [{ type: core.Input }]
+    };
+    var templateObject_1$f;
+
     var CameraDialogEditComponent = /** @class */ (function () {
         function CameraDialogEditComponent(dialogRef, data, matDialog) {
             this.dialogRef = dialogRef;
@@ -3304,9 +3934,9 @@
             this.cloudDataService = cloudDataService;
             this.matDialog = matDialog;
             this.isLoadingData = false;
-            this.loadingText = $localize(templateObject_1$c || (templateObject_1$c = __makeTemplateObject([":@@CreatingShipment-Text:Creating shipment ..."], [":@@CreatingShipment-Text:Creating shipment ..."])));
+            this.loadingText = $localize(templateObject_1$g || (templateObject_1$g = __makeTemplateObject([":@@CreatingShipment-Text:Creating shipment ..."], [":@@CreatingShipment-Text:Creating shipment ..."])));
             this.createCompleted = false;
-            this.createCompletedText = $localize(templateObject_2$a || (templateObject_2$a = __makeTemplateObject([":@@ShipmentCreated-Text:Shipment successfully created"], [":@@ShipmentCreated-Text:Shipment successfully created"])));
+            this.createCompletedText = $localize(templateObject_2$d || (templateObject_2$d = __makeTemplateObject([":@@ShipmentCreated-Text:Shipment successfully created"], [":@@ShipmentCreated-Text:Shipment successfully created"])));
             this.createError = false;
             this.createErrorText = "";
             this.showLoadIndicator = true;
@@ -3334,13 +3964,13 @@
             };
             this.servicePointValid = true;
             this.packagingBoxType_ds = [
-                { value: api.PackagingBoxType.CustomSize, text: $localize(templateObject_3$a || (templateObject_3$a = __makeTemplateObject([":@@EnumValue-PackagingBoxType-CustomSize:Custom size"], [":@@EnumValue-PackagingBoxType-CustomSize:Custom size"]))) },
-                { value: api.PackagingBoxType.EURPallet, text: $localize(templateObject_4$a || (templateObject_4$a = __makeTemplateObject([":@@EnumValue-PackagingBoxType-EURPallet:EUR pallet"], [":@@EnumValue-PackagingBoxType-EURPallet:EUR pallet"]))) },
-                { value: api.PackagingBoxType.HalfPallet, text: $localize(templateObject_5$a || (templateObject_5$a = __makeTemplateObject([":@@EnumValue-PackagingBoxType-HalfPallet:Half pallet"], [":@@EnumValue-PackagingBoxType-HalfPallet:Half pallet"]))) },
-                { value: api.PackagingBoxType.QuarterPallet, text: $localize(templateObject_6$a || (templateObject_6$a = __makeTemplateObject([":@@EnumValue-PackagingBoxType-QuarterPallet:Quarter pallet"], [":@@EnumValue-PackagingBoxType-QuarterPallet:Quarter pallet"]))) },
-                { value: api.PackagingBoxType.OceanPallet, text: $localize(templateObject_7$a || (templateObject_7$a = __makeTemplateObject([":@@EnumValue-PackagingBoxType-OceanPallet:Ocean pallet"], [":@@EnumValue-PackagingBoxType-OceanPallet:Ocean pallet"]))) },
-                { value: api.PackagingBoxType.Documents, text: $localize(templateObject_8$a || (templateObject_8$a = __makeTemplateObject([":@@EnumValue-PackagingBoxType-Documents:Documents"], [":@@EnumValue-PackagingBoxType-Documents:Documents"]))) },
-                { value: api.PackagingBoxType.Envelope, text: $localize(templateObject_9$8 || (templateObject_9$8 = __makeTemplateObject([":@@EnumValue-PackagingBoxType-Envelope:Envelope"], [":@@EnumValue-PackagingBoxType-Envelope:Envelope"]))) },
+                { value: api.PackagingBoxType.CustomSize, text: $localize(templateObject_3$d || (templateObject_3$d = __makeTemplateObject([":@@EnumValue-PackagingBoxType-CustomSize:Custom size"], [":@@EnumValue-PackagingBoxType-CustomSize:Custom size"]))) },
+                { value: api.PackagingBoxType.EURPallet, text: $localize(templateObject_4$d || (templateObject_4$d = __makeTemplateObject([":@@EnumValue-PackagingBoxType-EURPallet:EUR pallet"], [":@@EnumValue-PackagingBoxType-EURPallet:EUR pallet"]))) },
+                { value: api.PackagingBoxType.HalfPallet, text: $localize(templateObject_5$d || (templateObject_5$d = __makeTemplateObject([":@@EnumValue-PackagingBoxType-HalfPallet:Half pallet"], [":@@EnumValue-PackagingBoxType-HalfPallet:Half pallet"]))) },
+                { value: api.PackagingBoxType.QuarterPallet, text: $localize(templateObject_6$d || (templateObject_6$d = __makeTemplateObject([":@@EnumValue-PackagingBoxType-QuarterPallet:Quarter pallet"], [":@@EnumValue-PackagingBoxType-QuarterPallet:Quarter pallet"]))) },
+                { value: api.PackagingBoxType.OceanPallet, text: $localize(templateObject_7$d || (templateObject_7$d = __makeTemplateObject([":@@EnumValue-PackagingBoxType-OceanPallet:Ocean pallet"], [":@@EnumValue-PackagingBoxType-OceanPallet:Ocean pallet"]))) },
+                { value: api.PackagingBoxType.Documents, text: $localize(templateObject_8$d || (templateObject_8$d = __makeTemplateObject([":@@EnumValue-PackagingBoxType-Documents:Documents"], [":@@EnumValue-PackagingBoxType-Documents:Documents"]))) },
+                { value: api.PackagingBoxType.Envelope, text: $localize(templateObject_9$a || (templateObject_9$a = __makeTemplateObject([":@@EnumValue-PackagingBoxType-Envelope:Envelope"], [":@@EnumValue-PackagingBoxType-Envelope:Envelope"]))) },
             ];
             this._senderCountryOpened = false;
             this._receiverCountryOpened = false;
@@ -3377,18 +4007,18 @@
                     }
                     else {
                         _this.showLoadIndicator = false;
-                        MessageBox.showError({ title: $localize(templateObject_10$8 || (templateObject_10$8 = __makeTemplateObject([":@@Failed-Text-InvalidPickingList:Invalid picking list"], [":@@Failed-Text-InvalidPickingList:Invalid picking list"]))), message: $localize(templateObject_11$7 || (templateObject_11$7 = __makeTemplateObject([":@@Failed-Text-InvalidPickingListForShipment:Picking list is not valid for shipment"], [":@@Failed-Text-InvalidPickingListForShipment:Picking list is not valid for shipment"]))) }, _this.matDialog);
+                        MessageBox.showError({ title: $localize(templateObject_10$a || (templateObject_10$a = __makeTemplateObject([":@@Failed-Text-InvalidPickingList:Invalid picking list"], [":@@Failed-Text-InvalidPickingList:Invalid picking list"]))), message: $localize(templateObject_11$9 || (templateObject_11$9 = __makeTemplateObject([":@@Failed-Text-InvalidPickingListForShipment:Picking list is not valid for shipment"], [":@@Failed-Text-InvalidPickingListForShipment:Picking list is not valid for shipment"]))) }, _this.matDialog);
                     }
                 }, function (error) {
                     _this.showLoadIndicator = false;
                     console.log(error);
-                    MessageBox.showError({ title: $localize(templateObject_12$7 || (templateObject_12$7 = __makeTemplateObject([":@@Failed-Text-InvalidPickingList:Invalid picking list"], [":@@Failed-Text-InvalidPickingList:Invalid picking list"]))), message: error }, _this.matDialog);
+                    MessageBox.showError({ title: $localize(templateObject_12$9 || (templateObject_12$9 = __makeTemplateObject([":@@Failed-Text-InvalidPickingList:Invalid picking list"], [":@@Failed-Text-InvalidPickingList:Invalid picking list"]))), message: error }, _this.matDialog);
                     _this.onCancel();
                 });
             }, function (error) {
                 _this.showLoadIndicator = false;
                 console.log(error);
-                MessageBox.showError({ title: $localize(templateObject_13$5 || (templateObject_13$5 = __makeTemplateObject([":@@Failed-Text-CouldNotLoadCompany:Could not load company"], [":@@Failed-Text-CouldNotLoadCompany:Could not load company"]))), message: error }, _this.matDialog);
+                MessageBox.showError({ title: $localize(templateObject_13$6 || (templateObject_13$6 = __makeTemplateObject([":@@Failed-Text-CouldNotLoadCompany:Could not load company"], [":@@Failed-Text-CouldNotLoadCompany:Could not load company"]))), message: error }, _this.matDialog);
                 _this.onCancel();
             });
         };
@@ -3417,7 +4047,7 @@
                             _this.onPickingListInitialized();
                         }
                         else {
-                            MessageBox.showError({ title: $localize(templateObject_14$5 || (templateObject_14$5 = __makeTemplateObject([":@@Failed-Text-NoPickingLines:No picking lines"], [":@@Failed-Text-NoPickingLines:No picking lines"]))), message: $localize(templateObject_15$2 || (templateObject_15$2 = __makeTemplateObject([":@@Failed-Text-NoPickingLinesOnPickingList:No shipable picking lines were found on picking list"], [":@@Failed-Text-NoPickingLinesOnPickingList:No shipable picking lines were found on picking list"]))) }, _this.matDialog);
+                            MessageBox.showError({ title: $localize(templateObject_14$6 || (templateObject_14$6 = __makeTemplateObject([":@@Failed-Text-NoPickingLines:No picking lines"], [":@@Failed-Text-NoPickingLines:No picking lines"]))), message: $localize(templateObject_15$2 || (templateObject_15$2 = __makeTemplateObject([":@@Failed-Text-NoPickingLinesOnPickingList:No shipable picking lines were found on picking list"], [":@@Failed-Text-NoPickingLinesOnPickingList:No shipable picking lines were found on picking list"]))) }, _this.matDialog);
                             _this.onCancel();
                         }
                     }, function (error) {
@@ -4237,7 +4867,7 @@
         }
         return CreateShipmentResponse;
     }());
-    var templateObject_1$c, templateObject_2$a, templateObject_3$a, templateObject_4$a, templateObject_5$a, templateObject_6$a, templateObject_7$a, templateObject_8$a, templateObject_9$8, templateObject_10$8, templateObject_11$7, templateObject_12$7, templateObject_13$5, templateObject_14$5, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$1;
+    var templateObject_1$g, templateObject_2$d, templateObject_3$d, templateObject_4$d, templateObject_5$d, templateObject_6$d, templateObject_7$d, templateObject_8$d, templateObject_9$a, templateObject_10$a, templateObject_11$9, templateObject_12$9, templateObject_13$6, templateObject_14$6, templateObject_15$2, templateObject_16$2, templateObject_17$2, templateObject_18$1;
 
     var PrintDialogShipment = /** @class */ (function () {
         function PrintDialogShipment(dialogRef, data, cloudDataService, matDialog) {
@@ -4301,7 +4931,7 @@
             this.editAllowed = false;
             this.inEditMode = false;
             this.isLoadingData = false;
-            this.loadingText = $localize(templateObject_1$d || (templateObject_1$d = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+            this.loadingText = $localize(templateObject_1$h || (templateObject_1$h = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
             this.hasErrors = false;
             this.errorText = "";
             this.itemtemplete_value = this.itemtemplete_value.bind(this);
@@ -4362,7 +4992,7 @@
         Object.defineProperty(DimensionGroupBoxComponent.prototype, "caption", {
             get: function () {
                 var _a, _b;
-                return (_b = (_a = this.entityGroup) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : $localize(templateObject_2$b || (templateObject_2$b = __makeTemplateObject([":@@CaptionHeader-DimensionFields:Dimension fields"], [":@@CaptionHeader-DimensionFields:Dimension fields"])));
+                return (_b = (_a = this.entityGroup) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : $localize(templateObject_2$e || (templateObject_2$e = __makeTemplateObject([":@@CaptionHeader-DimensionFields:Dimension fields"], [":@@CaptionHeader-DimensionFields:Dimension fields"])));
                 ;
             },
             enumerable: false,
@@ -4483,7 +5113,7 @@
             var _this = this;
             var _a;
             this.isLoadingData = true;
-            this.loadingText = $localize(templateObject_3$b || (templateObject_3$b = __makeTemplateObject([":@@Loading-Text-DimensionField:Loading fields..."], [":@@Loading-Text-DimensionField:Loading fields..."])));
+            this.loadingText = $localize(templateObject_3$e || (templateObject_3$e = __makeTemplateObject([":@@Loading-Text-DimensionField:Loading fields..."], [":@@Loading-Text-DimensionField:Loading fields..."])));
             if ((_a = this.domainObject) === null || _a === void 0 ? void 0 : _a.ExtensionId) {
                 this.dimensionField_store.load().then(function (dataItem) {
                     var _a, _b;
@@ -4506,13 +5136,13 @@
                     _this.isLoadingData = false;
                     _this.hasErrors = false;
                     _this.errorText = "";
-                    _this.loadingText = $localize(templateObject_4$b || (templateObject_4$b = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                    _this.loadingText = $localize(templateObject_4$e || (templateObject_4$e = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
                 }, function (error) {
                     console.log(error);
                     _this.isLoadingData = false;
                     _this.hasErrors = true;
                     _this.errorText = error;
-                    _this.loadingText = $localize(templateObject_5$b || (templateObject_5$b = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                    _this.loadingText = $localize(templateObject_5$e || (templateObject_5$e = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
                 });
             }
             else {
@@ -4525,14 +5155,14 @@
                 this.isLoadingData = false;
                 this.hasErrors = false;
                 this.errorText = "";
-                this.loadingText = $localize(templateObject_6$b || (templateObject_6$b = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                this.loadingText = $localize(templateObject_6$e || (templateObject_6$e = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
             }
         };
         DimensionGroupBoxComponent.prototype.saveEntityGroup = function () {
             var _this = this;
             var _a, _b, _c;
             this.isLoadingData = true;
-            this.loadingText = $localize(templateObject_7$b || (templateObject_7$b = __makeTemplateObject([":@@Updating-Text-Fields:Updating fields..."], [":@@Updating-Text-Fields:Updating fields..."])));
+            this.loadingText = $localize(templateObject_7$e || (templateObject_7$e = __makeTemplateObject([":@@Updating-Text-Fields:Updating fields..."], [":@@Updating-Text-Fields:Updating fields..."])));
             var fields = [];
             var body = { "domainObjectId": (_a = this.domainObject) === null || _a === void 0 ? void 0 : _a.Id, "fields": fields };
             var formEntries = Object.entries(this.formEntity);
@@ -4574,12 +5204,12 @@
                 _this.getEntityGroup();
                 _this.isLoadingData = false;
                 _this.inEditMode = false;
-                _this.loadingText = $localize(templateObject_8$b || (templateObject_8$b = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                _this.loadingText = $localize(templateObject_8$e || (templateObject_8$e = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
             }, function (error) {
                 console.log(error);
                 _this.isLoadingData = false;
-                _this.loadingText = $localize(templateObject_9$9 || (templateObject_9$9 = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
-                MessageBox.showError({ title: $localize(templateObject_10$9 || (templateObject_10$9 = __makeTemplateObject([":@@Failed-Text-FieldsUpdate:Fields update failed"], [":@@Failed-Text-FieldsUpdate:Fields update failed"]))), message: error }, _this.matDialog)
+                _this.loadingText = $localize(templateObject_9$b || (templateObject_9$b = __makeTemplateObject([":@@Loading-Text:Loading..."], [":@@Loading-Text:Loading..."])));
+                MessageBox.showError({ title: $localize(templateObject_10$b || (templateObject_10$b = __makeTemplateObject([":@@Failed-Text-FieldsUpdate:Fields update failed"], [":@@Failed-Text-FieldsUpdate:Fields update failed"]))), message: error }, _this.matDialog)
                     .subscribe(function (result) {
                 });
             });
@@ -4663,7 +5293,7 @@
         errorText: [{ type: core.Input }],
         form: [{ type: core.ViewChild, args: ["form",] }]
     };
-    var templateObject_1$d, templateObject_2$b, templateObject_3$b, templateObject_4$b, templateObject_5$b, templateObject_6$b, templateObject_7$b, templateObject_8$b, templateObject_9$9, templateObject_10$9;
+    var templateObject_1$h, templateObject_2$e, templateObject_3$e, templateObject_4$e, templateObject_5$e, templateObject_6$e, templateObject_7$e, templateObject_8$e, templateObject_9$b, templateObject_10$b;
 
     var DimensionGroupsComponent = /** @class */ (function () {
         function DimensionGroupsComponent(cloudDataService, matDialog) {
@@ -4834,7 +5464,7 @@
         { type: core.NgModule, args: [{
                     declarations: [SigninCallbackComponent, SigninSilentCallbackComponent, SignoutCallbackComponent, MainNavComponent, ContentToolbarComponent, GroupBoxComponent, SubscriptionBoxComponent, LoadingContainerComponent, MessageBoxDialogComponent, MaterialElevationDirective,
                         ProfilePageComponent, ProfilePageSystemUserComponent, ProfilePageEmployeeComponent, ProfilePageCustomerUserComponent, ProfilePageVendorUserComponent, CameraDialogEditComponent, ImageEditComponent,
-                        EmployeeAddressComponent, EmployeeProfileComponent, EmployeeProfileImageComponent, EmployeeUserInfoComponent, SystemUserProfileComponent, CustomerUserAddressComponent, CustomerUserDetailsComponent, CustomerUserGeneralComponent, CustomerUserImageComponent,
+                        EmployeeAddressComponent, EmployeeProfileComponent, EmployeeProfileImageComponent, EmployeeUserInfoComponent, SystemUserProfileComponent, CustomerUserAddressComponent, CustomerUserDetailsComponent, CustomerUserGeneralComponent, CustomerUserImageComponent, VendorUserAddressComponent, VendorUserDetailsComponent, VendorUserGeneralComponent, VendorUserImageComponent,
                         PickinglistAddNewShipment, PrintDialogShipment, DimensionGroupBoxComponent, DimensionGroupsComponent],
                     imports: [
                         common.CommonModule, router.RouterModule, icons.MobiCloudIconsModule, flexLayout.FlexLayoutModule,
@@ -4850,7 +5480,7 @@
                     exports: [
                         MaterialElevationDirective, SigninCallbackComponent, SigninSilentCallbackComponent, SignoutCallbackComponent, MainNavComponent, ContentToolbarComponent, GroupBoxComponent, SubscriptionBoxComponent, LoadingContainerComponent, MessageBoxDialogComponent,
                         ProfilePageComponent, ProfilePageSystemUserComponent, ProfilePageEmployeeComponent, ProfilePageCustomerUserComponent, ProfilePageVendorUserComponent, CameraDialogEditComponent, ImageEditComponent,
-                        EmployeeAddressComponent, EmployeeProfileComponent, EmployeeProfileImageComponent, EmployeeUserInfoComponent, SystemUserProfileComponent, CustomerUserAddressComponent, CustomerUserDetailsComponent, CustomerUserGeneralComponent, CustomerUserImageComponent,
+                        EmployeeAddressComponent, EmployeeProfileComponent, EmployeeProfileImageComponent, EmployeeUserInfoComponent, SystemUserProfileComponent, CustomerUserAddressComponent, CustomerUserDetailsComponent, CustomerUserGeneralComponent, CustomerUserImageComponent, VendorUserAddressComponent, VendorUserDetailsComponent, VendorUserGeneralComponent, VendorUserImageComponent,
                         PickinglistAddNewShipment, PrintDialogShipment, DimensionGroupBoxComponent, DimensionGroupsComponent
                     ]
                 },] }
@@ -4897,6 +5527,10 @@
     exports.SignoutCallbackComponent = SignoutCallbackComponent;
     exports.SubscriptionBoxComponent = SubscriptionBoxComponent;
     exports.SystemUserProfileComponent = SystemUserProfileComponent;
+    exports.VendorUserAddressComponent = VendorUserAddressComponent;
+    exports.VendorUserDetailsComponent = VendorUserDetailsComponent;
+    exports.VendorUserGeneralComponent = VendorUserGeneralComponent;
+    exports.VendorUserImageComponent = VendorUserImageComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });