@lowcodeunit/applications-flow-common 1.33.101-lets-get-social-ish → 1.33.102-lets-get-social-ish

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

@@ -5489,7 +5489,8 @@
     };
 
     var BuildPipelineFormComponent = /** @class */ (function () {
-        function BuildPipelineFormComponent(formBuilder, appsFlowSvc) {
+        function BuildPipelineFormComponent(eacSvc, formBuilder, appsFlowSvc) {
+            this.eacSvc = eacSvc;
             this.formBuilder = formBuilder;
             this.appsFlowSvc = appsFlowSvc;
             this.HostingDetails = new ProjectHostingDetails();
@@ -5544,6 +5545,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(BuildPipelineFormComponent.prototype, "DevOpsActionNameFormControl", {
+            get: function () {
+                return this.BuildPipelineFormGroup.get('devOpsActionName');
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(BuildPipelineFormComponent.prototype, "EditingSourceControl", {
             get: function () {
                 var _a, _b;
@@ -5556,6 +5564,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(BuildPipelineFormComponent.prototype, "NPMTokenFormControl", {
+            get: function () {
+                return this.BuildPipelineFormGroup.get('npmToken');
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(BuildPipelineFormComponent.prototype, "SelectedHostingOption", {
             // (ho) => ho.Lookup === this.BuildPipeline
             get: function () {
@@ -5566,6 +5581,19 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(BuildPipelineFormComponent.prototype, "SelectedHostingOptionInputControlValues", {
+            get: function () {
+                var _this = this;
+                var _a, _b;
+                return (_b = (_a = this.SelectedHostingOption) === null || _a === void 0 ? void 0 : _a.Inputs) === null || _b === void 0 ? void 0 : _b.reduce(function (prev, cur) {
+                    var res = Object.assign({}, prev);
+                    res[cur.Lookup] = _this.BuildPipelineFormGroup.controls[cur.Lookup].value;
+                    return res;
+                }, {});
+            },
+            enumerable: false,
+            configurable: true
+        });
         Object.defineProperty(BuildPipelineFormComponent.prototype, "SourceControlLookups", {
             get: function () {
                 return Object.keys(this.SourceControls || {});
@@ -5581,22 +5609,18 @@
             configurable: true
         });
         BuildPipelineFormComponent.prototype.ngOnInit = function () {
-            var _a, _b, _c;
             this.BuildPipelineFormGroup = this.formBuilder.group({});
-            this.loadProjectHostingDetails();
             console.log("ARTIFACT: ", this.Artifact);
             // this.BuildPipeline ||
             // github-artifacts-release is  this.HostingDetails?.HostingOptions[0]?.Lookup
-            this.BuildPipeline =
-                ((_a = this.HostingDetails) === null || _a === void 0 ? void 0 : _a.HostingOptions) ? (_c = (_b = this.HostingDetails) === null || _b === void 0 ? void 0 : _b.HostingOptions[0]) === null || _c === void 0 ? void 0 : _c.Lookup : '';
-            console.log("Build Pipeline HERE= ", this.BuildPipeline);
             if (this.BuildPipelineFormGroup != null) {
                 this.BuildPipelineFormGroup.removeControl('hostingDetails');
             }
             this.BuildPipelineFormGroup.addControl('hostingDetails', this.formBuilder.group({
                 buildPipeline: [this.BuildPipeline, [forms.Validators.required]],
             }));
-            this.setupControlsForForm();
+            this.loadProjectHostingDetails();
+            // this.setupControlsForForm();
         };
         //API METHODS
         BuildPipelineFormComponent.prototype.BuildPipelineChanged = function () {
@@ -5605,18 +5629,81 @@
             this.BuildPipeline = (_b = this.BuildPipelineFormControl) === null || _b === void 0 ? void 0 : _b.value;
             this.setupControlsForForm();
         };
+        BuildPipelineFormComponent.prototype.SubmitBuildPipeline = function () {
+        };
+        BuildPipelineFormComponent.prototype.SaveEnvironment = function () {
+            var _a;
+            var saveEnvReq = {
+                Environment: Object.assign(Object.assign({}, this.Environment), { Artifacts: this.Environment.Artifacts || {}, DevOpsActions: this.Environment.DevOpsActions || {}, Secrets: this.Environment.Secrets || {}, Sources: this.Environment.Sources || {} }),
+                EnvironmentLookup: this.EnvironmentLookup,
+                EnterpriseDataTokens: {},
+            };
+            var artifactLookup;
+            var artifact = Object.assign(Object.assign({}, this.Artifact), this.SelectedHostingOptionInputControlValues);
+            if (!this.ArtifactLookup) {
+                artifactLookup = i2.Guid.CreateRaw();
+                artifact = Object.assign(Object.assign({}, artifact), { Type: this.SelectedHostingOption
+                        .ArtifactType, Name: this.SelectedHostingOption.Name, NPMRegistry: 'https://registry.npmjs.org/' });
+            }
+            else {
+                artifactLookup = this.ArtifactLookup;
+            }
+            saveEnvReq.Environment.Artifacts[artifactLookup] = artifact;
+            var devOpsActionLookup;
+            if (!this.DevOpsActionLookup) {
+                devOpsActionLookup = i2.Guid.CreateRaw();
+                var doa = Object.assign(Object.assign({}, this.DevOpsAction), { ArtifactLookups: [artifactLookup], Name: this.DevOpsActionNameFormControl.value, Path: this.SelectedHostingOption.Path, Templates: this.SelectedHostingOption.Templates });
+                if ((_a = this.NPMTokenFormControl) === null || _a === void 0 ? void 0 : _a.value) {
+                    var secretLookup = 'npm-access-token';
+                    doa.SecretLookups = [secretLookup];
+                    saveEnvReq.Environment.Secrets[secretLookup] = {
+                        Name: 'NPM Access Token',
+                        DataTokenLookup: secretLookup,
+                        KnownAs: 'NPM_TOKEN',
+                    };
+                    saveEnvReq.EnterpriseDataTokens[secretLookup] = {
+                        Name: saveEnvReq.Environment.Secrets[secretLookup].Name,
+                        Description: saveEnvReq.Environment.Secrets[secretLookup].Name,
+                        Value: this.NPMTokenFormControl.value,
+                    };
+                }
+                saveEnvReq.Environment.DevOpsActions[devOpsActionLookup] = doa;
+            }
+            else {
+                devOpsActionLookup = this.DevOpsActionLookup;
+                var doa = Object.assign(Object.assign({}, this.DevOpsAction), { Name: this.DevOpsActionNameFormControl.value });
+                saveEnvReq.Environment.DevOpsActions[devOpsActionLookup] = doa;
+            }
+            // let source: EaCSourceControl = {
+            //   ...this.EditingSourceControl,
+            //   Branches: this.SourceControlFormControls.SelectedBranches,
+            //   MainBranch: this.SourceControlFormControls.MainBranchFormControl.value,
+            // };
+            // source = {
+            //   ...source,
+            //   Type: 'GitHub',
+            //   Name: this.EditingSourceControlLookup,
+            //   DevOpsActionTriggerLookups: [devOpsActionLookup],
+            //   Organization:
+            //     this.SourceControlFormControls.OrganizationFormControl.value,
+            //   Repository: this.SourceControlFormControls.RepositoryFormControl.value,
+            // };
+            // const scLookup = `github://${source.Organization}/${source.Repository}`;
+            // saveEnvReq.Environment.Sources[scLookup] = source;
+            this.eacSvc.SaveEnvironmentAsCode(saveEnvReq);
+        };
         //  Helpers
         BuildPipelineFormComponent.prototype.setupControlsForForm = function () {
             var _this = this;
-            //for (const ctrlName in this.BuildPipelineFormGroup.controls) {
-            //devOpsAction doesn't exist
-            //removes hosting details
-            // if (ctrlName !== 'buildPipeline' && ctrlName !== 'devOpsAction') {
-            //   console.log("removing control: ", ctrlName)
-            //   this.BuildPipelineFormGroup.removeControl(ctrlName);
-            // }
-            //}
             var _a, _b, _c, _d, _e, _f;
+            for (var ctrlName in this.BuildPipelineFormGroup.controls) {
+                //devOpsAction doesn't exist
+                //removes hosting details
+                if (ctrlName !== 'buildPipeline' && ctrlName !== 'devOpsAction') {
+                    console.log("removing control: ", ctrlName);
+                    this.BuildPipelineFormGroup.removeControl(ctrlName);
+                }
+            }
             this.BuildPipelineFormGroup.addControl('devOpsActionName', this.formBuilder.control(((_a = this.DevOpsAction) === null || _a === void 0 ? void 0 : _a.Name) || ((_b = this.SelectedHostingOption) === null || _b === void 0 ? void 0 : _b.Name) || '', [forms.Validators.required]));
             (_d = (_c = this.SelectedHostingOption) === null || _c === void 0 ? void 0 : _c.Inputs) === null || _d === void 0 ? void 0 : _d.forEach(function (input) {
                 var validators = input.Required ? [forms.Validators.required] : [];
@@ -5625,9 +5712,7 @@
                 //   this.FormGroup.controls[input.Lookup].disable();
                 // }
             });
-            debugger;
             if (((_e = this.BuildPipelineFormControl) === null || _e === void 0 ? void 0 : _e.value) === 'npm-release') {
-                debugger;
                 if (!this.BuildPipelineFormGroup.controls.npmToken) {
                     this.BuildPipelineFormGroup.addControl('npmToken', this.formBuilder.control('', this.Disabled ? [] : [forms.Validators.required]));
                     if (this.Disabled) {
@@ -5643,23 +5728,28 @@
         };
         BuildPipelineFormComponent.prototype.loadProjectHostingDetails = function () {
             var _this = this;
-            // this.HostingDetails.Loading = true;
+            this.HostingDetails.Loading = true;
             // this.Organization,
             // this.Repository,
             // this.MainBranch
-            //     "powhound4",
-            //     "RedwoodCrystals",
-            //     "master"
+            // "powhound4",
+            // "RedwoodCrystals",
+            // "master"
             this.appsFlowSvc
                 .NewLoadProjectHostingDetails()
                 .subscribe(function (response) {
+                var _a, _b, _c;
                 _this.HostingDetails = response.Model;
                 console.log("response: ", response);
                 _this.HostingDetails.Loading = false;
+                _this.BuildPipeline =
+                    ((_a = _this.HostingDetails) === null || _a === void 0 ? void 0 : _a.HostingOptions) ? (_c = (_b = _this.HostingDetails) === null || _b === void 0 ? void 0 : _b.HostingOptions[0]) === null || _c === void 0 ? void 0 : _c.Lookup : '';
+                console.log("Build Pipeline HERE= ", _this.BuildPipeline);
+                _this.setupControlsForForm();
             }, function (err) {
-                _this.HostingDetails.Loading = false;
                 console.log("hosting details LOADING EERR: ", _this.HostingDetails);
                 console.log("ERR: ", err);
+                _this.HostingDetails.Loading = false;
             });
             console.log("HOSTING DETAILS: ", this.HostingDetails);
         };
@@ -5668,11 +5758,12 @@
     BuildPipelineFormComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lcu-build-pipeline-form',
-                    template: "<form class=\"form-card\" [formGroup]=\"BuildPipelineFormGroup\">\n    <!-- *ngIf=\"EditingSourceControl?.Branches?.length > 0\" -->\n    <mat-card\n      class=\"spread\"  \n    >\n      <mat-card-header>\n        <mat-card-title> Build Pipeline </mat-card-title>\n\n        <mat-hint>\n          Changes made here are reflected for all sources using this\n          DevOpsAction\n        </mat-hint>\n      </mat-card-header>\n\n      <mat-card-content>\n\n        <ng-container>\n\n        <div  *ngIf=\"!HostingDetails?.Loading\">\n          <mat-form-field class=\"mat-full-width\">\n            <mat-select\n              formControlName=\"buildPipeline\"\n              placeholder=\"Build Pipeline\"\n              [disabled]=\"Disabled\"\n              (selectionChange)=\"BuildPipelineChanged()\"\n              required\n            >\n              <ng-container\n                *ngFor=\"let hostOption of HostingDetails?.HostingOptions; let i = index\"\n              >\n                <mat-option [value]=\"hostOption?.Lookup\">\n                  {{ hostOption.Name }}\n                </mat-option>\n              </ng-container>\n            </mat-select>\n        \n            <mat-hint>\n              <ng-container *ngFor=\"let hostOption of HostingDetails?.HostingOptions\">\n                <span *ngIf=\"BuildPipeline == hostOption?.Lookup\">\n                  {{ hostOption.Description }}\n                </span>\n              </ng-container>\n            </mat-hint>\n          </mat-form-field>\n        \n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              formControlName=\"devOpsActionName\"\n              placeholder=\"Name of DevOps Action\"\n              required=\"true\"\n            />\n          </mat-form-field>\n        \n          <ng-container *ngFor=\"let input of SelectedHostingOption?.Inputs\">\n            <mat-form-field class=\"mat-full-width\">\n              <input\n                matInput\n                [formControlName]=\"input.Lookup\"\n                [placeholder]=\"input.Placeholder\"\n                [required]=\"input.Required\"\n              />\n        \n              <mat-hint>{{ input.Hint }}</mat-hint>\n            </mat-form-field>\n          </ng-container>\n        \n          <div *ngIf=\"BuildPipeline == 'npm-release'\">\n            <mat-form-field class=\"mat-full-width with-hint padding-bottom-4\">\n              <mat-icon matPrefix>security</mat-icon>\n        \n              <input\n                id=\"npm-token\"\n                matInput\n                type=\"text\"\n                formControlName=\"npmToken\"\n                placeholder=\"NPM token\"\n                [required]=\"!Disabled\"\n                style=\"-webkit-text-security: disc;\"\n              />\n              <mat-hint>\n                Securely publish to NPM, provide an NPM Personal Access Token (PAT) with publish access to the organization used for your NPM packages.              \n                Learn how to create and view access tokens \n                <a\n                  href=\"https://docs.npmjs.com/creating-and-viewing-access-tokens\"\n                  target=\"_blank\"\n                >\n                  here.\n                </a>\n              </mat-hint>\n            </mat-form-field>\n          </div>\n        </div>\n        \n        <div *ngIf=\"HostingDetails?.Loading\">\n          <div class=\"spread\">\n            <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n        \n            <div class=\"margin-3\">\n              <h4 class=\"mat-title\">Loading hosting details</h4>\n            </div>\n          </div>\n        </div>\n        </ng-container>\n      </mat-card-content>\n    </mat-card>\n</form>\n",
+                    template: "<form class=\"form-card\" [formGroup]=\"BuildPipelineFormGroup\" (ngSubmit)=\"SubmitBuildPipeline()\">\n    <!-- *ngIf=\"EditingSourceControl?.Branches?.length > 0\" -->\n    <mat-card\n      class=\"spread\"  \n    >\n      <mat-card-header>\n        <mat-card-title> Build Pipeline </mat-card-title>\n\n        <mat-hint>\n          Changes made here are reflected for all sources using this\n          DevOpsAction\n        </mat-hint>\n      </mat-card-header>\n\n      <mat-card-content>\n\n        <ng-container>\n\n        <div  *ngIf=\"!HostingDetails?.Loading\">\n          <mat-form-field class=\"mat-full-width\">\n            <mat-select\n              formControlName=\"buildPipeline\"\n              placeholder=\"Build Pipeline\"\n              [disabled]=\"Disabled\"\n              (selectionChange)=\"BuildPipelineChanged()\"\n              required\n            >\n              <ng-container\n                *ngFor=\"let hostOption of HostingDetails?.HostingOptions; let i = index\"\n              >\n                <mat-option [value]=\"hostOption?.Lookup\">\n                  {{ hostOption.Name }}\n                </mat-option>\n              </ng-container>\n            </mat-select>\n        \n            <mat-hint>\n              <ng-container *ngFor=\"let hostOption of HostingDetails?.HostingOptions\">\n                <span *ngIf=\"BuildPipeline == hostOption?.Lookup\">\n                  {{ hostOption.Description }}\n                </span>\n              </ng-container>\n            </mat-hint>\n          </mat-form-field>\n        \n          <mat-form-field class=\"mat-full-width\">\n            <input\n              matInput\n              formControlName=\"devOpsActionName\"\n              placeholder=\"Name of DevOps Action\"\n              required=\"true\"\n            />\n          </mat-form-field>\n        \n          <ng-container *ngFor=\"let input of SelectedHostingOption?.Inputs\">\n            <mat-form-field class=\"mat-full-width\">\n              <input\n                matInput\n                [formControlName]=\"input.Lookup\"\n                [placeholder]=\"input.Placeholder\"\n                [required]=\"input.Required\"\n              />\n        \n              <mat-hint>{{ input.Hint }}</mat-hint>\n            </mat-form-field>\n          </ng-container>\n        \n          <div *ngIf=\"BuildPipeline == 'npm-release'\">\n            <mat-form-field class=\"mat-full-width with-hint padding-bottom-4\">\n              <mat-icon matPrefix>security</mat-icon>\n        \n              <input\n                id=\"npm-token\"\n                matInput\n                type=\"text\"\n                formControlName=\"npmToken\"\n                placeholder=\"NPM token\"\n                [required]=\"!Disabled\"\n                style=\"-webkit-text-security: disc;\"\n              />\n              <mat-hint>\n                Securely publish to NPM, provide an NPM Personal Access Token (PAT) with publish access to the organization used for your NPM packages.              \n                Learn how to create and view access tokens \n                <a\n                  href=\"https://docs.npmjs.com/creating-and-viewing-access-tokens\"\n                  target=\"_blank\"\n                >\n                  here.\n                </a>\n              </mat-hint>\n            </mat-form-field>\n          </div>\n        </div>\n        \n        <div *ngIf=\"HostingDetails?.Loading\">\n          <div class=\"spread\">\n            <lcu-loader style=\"margin: auto\" [loading]=\"true\"></lcu-loader>\n        \n            <div class=\"margin-3\">\n              <h4 class=\"mat-title\">Loading hosting details</h4>\n            </div>\n          </div>\n        </div>\n        </ng-container>\n      </mat-card-content>\n      <mat-card-actions fxLayoutAlign=\"center center\">\n        <!-- [disabled]=\"!SecurityFormGroup.valid || !SecurityFormGroup.dirty\" -->\n        <button mat-raised-button type=\"submit\">Save</button>\n      </mat-card-actions>\n    </mat-card>\n</form>\n",
                     styles: [""]
                 },] }
     ];
     BuildPipelineFormComponent.ctorParameters = function () { return [
+        { type: EaCService },
         { type: forms.FormBuilder },
         { type: ApplicationsFlowService }
     ]; };
@@ -5680,7 +5771,8 @@
         BuildPipeline: [{ type: i0.Input, args: ['build-pipeline',] }],
         DevOpsActionLookup: [{ type: i0.Input, args: ['devops-action-lookup',] }],
         Disabled: [{ type: i0.Input, args: ['disabled',] }],
-        Environment: [{ type: i0.Input, args: ['environment',] }]
+        Environment: [{ type: i0.Input, args: ['environment',] }],
+        EnvironmentLookup: [{ type: i0.Input, args: ['environment-lookup',] }]
     };
 
     var DevopsSourceControlFormComponent = /** @class */ (function () {
@@ -5905,23 +5997,23 @@
         //     EnterpriseDataTokens: {},
         //   };
         //   let artifactLookup: string;
-        //   // let artifact: EaCArtifact = {
-        //   //   ...this.Artifact,
-        //   //   ...this.HostingDetailsFormControls
-        //   //     .SelectedHostingOptionInputControlValues,
-        //   // };
-        //   if (!this.ArtifactLookup) {
-        //     artifactLookup = Guid.CreateRaw();
-        //     artifact = {
-        //       ...artifact,
-        //       Type: this.HostingDetailsFormControls.SelectedHostingOption
-        //         .ArtifactType,
-        //       Name: this.HostingDetailsFormControls.SelectedHostingOption.Name,
-        //       NPMRegistry: 'https://registry.npmjs.org/',
-        //     };
-        //   } else {
-        //     artifactLookup = this.ArtifactLookup;
-        //   }
+        //   let artifact: EaCArtifact = {
+        //     ...this.Artifact,
+        //     ...this.HostingDetailsFormControls
+        //       .SelectedHostingOptionInputControlValues,
+        //   };
+        //   // if (!this.ArtifactLookup) {
+        //   //   artifactLookup = Guid.CreateRaw();
+        //   //   artifact = {
+        //   //     ...artifact,
+        //   //     Type: this.HostingDetailsFormControls.SelectedHostingOption
+        //   //       .ArtifactType,
+        //   //     Name: this.HostingDetailsFormControls.SelectedHostingOption.Name,
+        //   //     NPMRegistry: 'https://registry.npmjs.org/',
+        //   //   };
+        //   // } else {
+        //   //   artifactLookup = this.ArtifactLookup;
+        //   // }
         //   saveEnvReq.Environment.Artifacts[artifactLookup] = artifact;
         //   let devOpsActionLookup: string;
         //   if (!this.DevOpsActionLookup) {
@@ -6176,7 +6268,7 @@
     BuildPipelineDialogComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'lcu-build-pipeline-dialog',
-                    template: "<lcu-build-pipeline-form\n[build-pipeline]=\"data.buildPipeline\"\n[devops-action-lookup]=\"data.devopsActionLookup\"\n[environment]=\"data.environment\"\n>\n\n</lcu-build-pipeline-form>\n",
+                    template: "<lcu-build-pipeline-form\n[build-pipeline]=\"data.buildPipeline\"\n[devops-action-lookup]=\"data.devopsActionLookup\"\n[environment]=\"data.environment\"\n[environment-lookup]=\"data.environmentLookup\"\n>\n\n</lcu-build-pipeline-form>\n",
                     styles: [""]
                 },] }
     ];