@lowcodeunit/applications-flow-common 1.33.24-lets-get-social-ish → 1.33.28-lets-get-social-ish

package/bundles/lowcodeunit-applications-flow-common.umd.js

@@ -2645,7 +2645,7 @@
             this.appsFlowSvc = appsFlowSvc;
             this.appsFlowEventsSvc = appsFlowEventsSvc;
             this.EditingApplicationLookup = null;
-            this.redirectTooltip = "";
+            this.redirectTooltip = '';
             // this.IsPermanent = false;
             // this.IsPreserve = false;
         }
@@ -3026,21 +3026,23 @@
             var permanentValue = this.PermanentFormControl.value;
             var preserveValue = this.PreserveMethodFormControl.value;
             if (permanentValue === true && preserveValue === false) {
-                this.redirectTooltip = "301 – Permanent and Not Preserve";
+                this.redirectTooltip = '301 – Permanent and Not Preserve';
             }
             else if (permanentValue === false && preserveValue === false) {
-                this.redirectTooltip = "302 – Not Permanent and Not Preserve";
+                this.redirectTooltip = '302 – Not Permanent and Not Preserve';
             }
             else if (permanentValue === false && preserveValue === true) {
-                this.redirectTooltip = "307 – Not Permanent and Preserve";
+                this.redirectTooltip = '307 – Not Permanent and Preserve';
             }
             else if (permanentValue === true && preserveValue === true) {
-                this.redirectTooltip = "308 – Permanent and Preserve";
+                this.redirectTooltip = '308 – Permanent and Preserve';
             }
         };
         AppsFlowComponent.prototype.GetProcessorType = function (appLookup) {
-            var processorType = "";
-            processorType = this.Applications[appLookup].Processor.Type ? this.Applications[appLookup].Processor.Type : "";
+            var processorType = '';
+            processorType = this.Applications[appLookup].Processor.Type
+                ? this.Applications[appLookup].Processor.Type
+                : '';
             // console.log("Ptype = ", processorType);
             return processorType;
         };
@@ -3048,7 +3050,7 @@
             this.CurrentApplicationRoute = appRoute;
         };
         AppsFlowComponent.prototype.SaveApplication = function () {
-            var _a, _b;
+            var _a, _b, _c, _d, _e, _f;
             var app = {
                 Application: {
                     Name: this.NameFormControl.value,
@@ -3063,9 +3065,9 @@
                         ? this.IsTriggerSignInFormControl.value
                         : false,
                     PathRegex: this.RouteFormControl.value + ".*",
-                    QueryRegex: '',
-                    HeaderRegex: '',
-                    AllowedMethods: (_b = (_a = this.MethodsFormControl) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.split(' ').filter(function (v) { return !!v; }),
+                    QueryRegex: ((_b = (_a = this.EditingApplication) === null || _a === void 0 ? void 0 : _a.LookupConfig) === null || _b === void 0 ? void 0 : _b.QueryRegex) || '',
+                    HeaderRegex: ((_d = (_c = this.EditingApplication) === null || _c === void 0 ? void 0 : _c.LookupConfig) === null || _d === void 0 ? void 0 : _d.HeaderRegex) || '',
+                    AllowedMethods: (_f = (_e = this.MethodsFormControl) === null || _e === void 0 ? void 0 : _e.value) === null || _f === void 0 ? void 0 : _f.split(' ').filter(function (v) { return !!v; }),
                 },
                 Processor: {
                     Type: this.ProcessorType,
@@ -3202,7 +3204,7 @@
         AppsFlowComponent.prototype.setupApplicationForm = function () {
             var _a, _b, _c, _d, _e;
             this.ProcessorType = ((_b = (_a = this.EditingApplication) === null || _a === void 0 ? void 0 : _a.Processor) === null || _b === void 0 ? void 0 : _b.Type) || '';
-            console.log("ProcessorType = ", this.ProcessorType);
+            console.log('ProcessorType = ', this.ProcessorType);
             if (this.EditingApplication != null) {
                 this.ApplicationFormGroup = this.formBldr.group({
                     name: [(_c = this.EditingApplication.Application) === null || _c === void 0 ? void 0 : _c.Name, forms.Validators.required],
@@ -3228,10 +3230,8 @@
         };
         AppsFlowComponent.prototype.setupBuildForm = function () {
             var _a, _b;
-            this.ApplicationFormGroup.addControl('hasBuild', this.formBldr.control(!!((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.SourceControlLookup) ||
-                false, [forms.Validators.required]));
-            this.ApplicationFormGroup.addControl('sourceControlLookup', this.formBldr.control(((_b = this.EditingApplication.LowCodeUnit) === null || _b === void 0 ? void 0 : _b.SourceControlLookup) ||
-                '', []));
+            this.ApplicationFormGroup.addControl('hasBuild', this.formBldr.control(!!((_a = this.EditingApplication.LowCodeUnit) === null || _a === void 0 ? void 0 : _a.SourceControlLookup) || false, [forms.Validators.required]));
+            this.ApplicationFormGroup.addControl('sourceControlLookup', this.formBldr.control(((_b = this.EditingApplication.LowCodeUnit) === null || _b === void 0 ? void 0 : _b.SourceControlLookup) || '', []));
         };
         AppsFlowComponent.prototype.setupDfsForm = function () {
             var _a, _b;
@@ -4715,21 +4715,34 @@
 
     var ProjectInfoCardComponent = /** @class */ (function () {
         function ProjectInfoCardComponent() {
+            this.LeftClickEvent = new i0.EventEmitter();
+            this.RightClickEvent = new i0.EventEmitter();
         }
         ProjectInfoCardComponent.prototype.ngOnInit = function () {
         };
+        ProjectInfoCardComponent.prototype.LeftIconClicked = function () {
+            this.LeftClickEvent.emit({});
+        };
+        ProjectInfoCardComponent.prototype.RightIconClicked = function () {
+            this.RightClickEvent.emit({});
+        };
         return ProjectInfoCardComponent;
     }());
     ProjectInfoCardComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lcu-project-info-card',
-                    template: "<mat-card class=\"project-info-card\">\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n        <div class=\"round-project-img\" fxlayoutAlign=\"center center\">\n            <mat-icon class=\"temp-icon\">flutter_dash</mat-icon>\n        </div>\n    </div>\n    <mat-card-header class=\"project-card-header\">\n      \n      <mat-card-title class=\"project-card-name\">{{Project.Project.Name}}</mat-card-title>\n      <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Project.Description\">{{Project.Description}}</mat-card-subtitle>\n      <mat-card-subtitle class=\"project-card-description\" *ngIf=\"!Project.Description\">This is a test description for formatting purposes</mat-card-subtitle>\n\n      <mat-card-subtitle class=\"project-card-host\">\n          <a class=\"host-anchor\" [href]=\"Project.Hosts\" target=\"_blank\">{{Project.Hosts}}</a>\n      </mat-card-subtitle>\n\n    </mat-card-header>\n    <mat-card-content >\n\n      <div class=\"carousel-container\">\n        Carousel will go here\n      </div>\n\n      <div class=\"promo-container\">\n          <div>Access exclusive tools & insights</div>\n          <div>Upgrade to premium now</div>\n\n      </div>\n    </mat-card-content>\n    <mat-card-actions>\n      <button mat-button class=\"info-card-btn\">\n          <mat-icon>settings</mat-icon>\n          Project Settings\n        </button>\n      \n    </mat-card-actions>\n  </mat-card>\n  \n",
-                    styles: [".project-info-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:0}.round-project-img{background-color:#dfeff2;border:2px solid #fff;border-radius:40px;height:75px;margin-top:20px;text-align:center;width:75px}.temp-icon{font-size:50px;height:50px;margin-top:10px;width:50px}.project-card-header{margin-top:50px;text-align:center}.host-anchor{color:#4a918e;text-decoration:none}.header-img-container{background-color:#a4bab3;border-radius:2px 2px 0 0;height:60px;justify-content:center;margin-right:-1px}.project-card-name{font-size:30px;font-weight:600}.carousel-container{border-top:1px solid #d3d3d3;height:75px;text-align:center}.carousel-container,.promo-container{border-bottom:1px solid #d3d3d3}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.info-card-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
+                    template: "<mat-card class=\"project-info-card\">\n\n    <div class=\"header-img-container\" fxLayout=\"row\" >\n        <div class=\"round-project-img\" fxLayoutAlign=\"center center\">\n            <mat-icon class=\"temp-icon\">flutter_dash</mat-icon>\n        </div>\n    </div>\n\n    <div class=\"icon-btn-container\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" >\n      <button mat-icon-button id=\"left-icon\" (click)=\"LeftIconClicked()\">\n        <mat-icon>settings</mat-icon>\n      </button>\n      <button mat-icon-button id=\"right-icon\" (click)=\"RightIconClicked()\">\n        <mat-icon>share</mat-icon>\n      </button>\n    </div>\n\n    <mat-card-header class=\"project-card-header\">\n\n      <mat-card-title class=\"project-card-name\" *ngIf=\"Name\">{{Name}}</mat-card-title>\n\n      <mat-card-subtitle class=\"project-card-description\" *ngIf=\"Description\">{{Description}}</mat-card-subtitle>\n\n      <mat-card-subtitle class=\"project-card-host\">\n          <a class=\"host-anchor\" *ngIf=\"Subtext\" [href]=\"Subtext\" target=\"_blank\">{{Subtext}}</a>\n      </mat-card-subtitle>\n\n    </mat-card-header>\n    <mat-card-content class=\"card-content-container\">\n      <div class=\"stats-container\">\n        <ng-content  select=\"[stats]\"></ng-content>\n      </div>\n\n      <div class=\"promo-container\">\n        <ng-content  select=\"[promo]\"></ng-content>\n      </div>\n\n    </mat-card-content>\n    <mat-card-actions class=\"actions-container\">\n      <ng-content select=\"[action]\"></ng-content>\n      \n    </mat-card-actions>\n  </mat-card>\n  \n",
+                    styles: [".project-info-card{background-color:#fff;border:2px solid #d3d3d3;margin:20px;padding:0}.round-project-img{background-color:#dfeff2;border:2px solid #fff;border-radius:40px;height:75px;margin-top:20px;text-align:center;width:75px}.temp-icon{font-size:50px;height:50px;width:50px}.icon-btn-container{margin:5px}.project-card-header{margin-top:50px;text-align:center}.host-anchor{color:#4a918e;text-decoration:none}.header-img-container{background-color:#a4bab3;border-radius:2px 2px 0 0;height:60px;justify-content:center;margin-right:0;margin-top:-.5px!important}.project-card-name{font-size:30px;font-weight:600}.card-content-container{margin-bottom:0!important}.stats-container{border-bottom:1px solid #d3d3d3;border-top:1px solid #d3d3d3}mat-card-actions{margin-bottom:-1px!important;margin-left:0!important;margin-right:-.5px!important}.actions-container{padding:0!important}.info-card-btn{border-radius:0 0 2px 2px;border-top:1px solid #d3d3d3;width:100%}"]
                 },] }
     ];
     ProjectInfoCardComponent.ctorParameters = function () { return []; };
     ProjectInfoCardComponent.propDecorators = {
-        Project: [{ type: i0.Input, args: ['project',] }]
+        Description: [{ type: i0.Input, args: ['description',] }],
+        Image: [{ type: i0.Input, args: ['image',] }],
+        Name: [{ type: i0.Input, args: ['name',] }],
+        Subtext: [{ type: i0.Input, args: ['subtext',] }],
+        LeftClickEvent: [{ type: i0.Output, args: ['left-click-event',] }],
+        RightClickEvent: [{ type: i0.Output, args: ['right-click-event',] }]
     };
 
     var ApplicationsFlowModule = /** @class */ (function () {