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

package/fesm2015/lowcodeunit-applications-flow-common.js

@@ -4220,7 +4220,8 @@ SourceControlFormComponent.propDecorators = {
 };
 
 class BuildPipelineFormComponent {
-    constructor(formBuilder, appsFlowSvc) {
+    constructor(eacSvc, formBuilder, appsFlowSvc) {
+        this.eacSvc = eacSvc;
         this.formBuilder = formBuilder;
         this.appsFlowSvc = appsFlowSvc;
         this.HostingDetails = new ProjectHostingDetails();
@@ -4255,6 +4256,9 @@ class BuildPipelineFormComponent {
     get DevOpsActions() {
         return this.Environment.DevOpsActions || {};
     }
+    get DevOpsActionNameFormControl() {
+        return this.BuildPipelineFormGroup.get('devOpsActionName');
+    }
     get EditingSourceControl() {
         var _a, _b;
         let sc = ((_a = this.Environment) === null || _a === void 0 ? void 0 : _a.Sources) ? (_b = this.Environment) === null || _b === void 0 ? void 0 : _b.Sources[this.EditingSourceControlLookup] : null;
@@ -4263,11 +4267,22 @@ class BuildPipelineFormComponent {
         }
         return sc;
     }
+    get NPMTokenFormControl() {
+        return this.BuildPipelineFormGroup.get('npmToken');
+    }
     // (ho) => ho.Lookup === this.BuildPipeline
     get SelectedHostingOption() {
         var _a, _b;
         return (_b = (_a = this.HostingDetails) === null || _a === void 0 ? void 0 : _a.HostingOptions) === null || _b === void 0 ? void 0 : _b.find((ho) => ho.Lookup === this.BuildPipeline);
     }
+    get SelectedHostingOptionInputControlValues() {
+        var _a, _b;
+        return (_b = (_a = this.SelectedHostingOption) === null || _a === void 0 ? void 0 : _a.Inputs) === null || _b === void 0 ? void 0 : _b.reduce((prev, cur) => {
+            const res = Object.assign({}, prev);
+            res[cur.Lookup] = this.BuildPipelineFormGroup.controls[cur.Lookup].value;
+            return res;
+        }, {});
+    }
     get SourceControlLookups() {
         return Object.keys(this.SourceControls || {});
     }
@@ -4275,22 +4290,18 @@ class BuildPipelineFormComponent {
         return this.Environment.Sources || {};
     }
     ngOnInit() {
-        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, [Validators.required]],
         }));
-        this.setupControlsForForm();
+        this.loadProjectHostingDetails();
+        // this.setupControlsForForm();
     }
     //API METHODS
     BuildPipelineChanged() {
@@ -4299,17 +4310,80 @@ class BuildPipelineFormComponent {
         this.BuildPipeline = (_b = this.BuildPipelineFormControl) === null || _b === void 0 ? void 0 : _b.value;
         this.setupControlsForForm();
     }
+    SubmitBuildPipeline() {
+    }
+    SaveEnvironment() {
+        var _a;
+        const 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: {},
+        };
+        let artifactLookup;
+        let artifact = Object.assign(Object.assign({}, this.Artifact), this.SelectedHostingOptionInputControlValues);
+        if (!this.ArtifactLookup) {
+            artifactLookup = 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;
+        let devOpsActionLookup;
+        if (!this.DevOpsActionLookup) {
+            devOpsActionLookup = Guid.CreateRaw();
+            const 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) {
+                const 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;
+            const 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
     setupControlsForForm() {
-        //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 (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);
+            }
+        }
         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) || '', [Validators.required]));
         (_d = (_c = this.SelectedHostingOption) === null || _c === void 0 ? void 0 : _c.Inputs) === null || _d === void 0 ? void 0 : _d.forEach((input) => {
             const validators = input.Required ? [Validators.required] : [];
@@ -4318,9 +4392,7 @@ class BuildPipelineFormComponent {
             //   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 ? [] : [Validators.required]));
                 if (this.Disabled) {
@@ -4335,23 +4407,28 @@ class BuildPipelineFormComponent {
         }
     }
     loadProjectHostingDetails() {
-        // this.HostingDetails.Loading = true;
+        this.HostingDetails.Loading = true;
         // this.Organization,
         // this.Repository,
         // this.MainBranch
-        //     "powhound4",
-        //     "RedwoodCrystals",
-        //     "master"
+        // "powhound4",
+        // "RedwoodCrystals",
+        // "master"
         this.appsFlowSvc
             .NewLoadProjectHostingDetails()
             .subscribe((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();
         }, (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);
     }
@@ -4359,11 +4436,12 @@ class BuildPipelineFormComponent {
 BuildPipelineFormComponent.decorators = [
     { type: 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 = () => [
+    { type: EaCService },
     { type: FormBuilder },
     { type: ApplicationsFlowService }
 ];
@@ -4371,7 +4449,8 @@ BuildPipelineFormComponent.propDecorators = {
     BuildPipeline: [{ type: Input, args: ['build-pipeline',] }],
     DevOpsActionLookup: [{ type: Input, args: ['devops-action-lookup',] }],
     Disabled: [{ type: Input, args: ['disabled',] }],
-    Environment: [{ type: Input, args: ['environment',] }]
+    Environment: [{ type: Input, args: ['environment',] }],
+    EnvironmentLookup: [{ type: Input, args: ['environment-lookup',] }]
 };
 
 class DevopsSourceControlFormComponent {
@@ -4555,23 +4634,23 @@ class DevopsSourceControlFormComponent {
     //     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) {
@@ -4816,7 +4895,7 @@ class BuildPipelineDialogComponent {
 BuildPipelineDialogComponent.decorators = [
     { type: 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: [""]
             },] }
 ];