V14: Integrations (ActiveCampaign/Forms)

- Continue implementing UI for ActiveCampaign integration for Forms

Author: dtng95

src/Umbraco.Forms.Integrations.Crm.ActiveCampaign/ActiveCampaignContactsWorkflow.cs

@@ -5,6 +5,7 @@
 using Umbraco.Forms.Core;
 using Umbraco.Forms.Core.Enums;
 using Umbraco.Forms.Core.Persistence.Dtos;
+using Umbraco.Forms.Core.Services;
 using Umbraco.Forms.Integrations.Crm.ActiveCampaign.Configuration;
 using Umbraco.Forms.Integrations.Crm.ActiveCampaign.Models.Dtos;
 using Umbraco.Forms.Integrations.Crm.ActiveCampaign.Services;
@@ -20,6 +21,7 @@ public class ActiveCampaignContactsWorkflow : WorkflowType
         private readonly IContactService _contactService;
 
         private readonly ILogger<ActiveCampaignContactsWorkflow> _logger;
+        private readonly IFormService _formService;
 
         [Core.Attributes.Setting("Account",
             Description = "Please select an account",

src/Umbraco.Forms.Integrations.Crm.ActiveCampaign/Api/Management/Controllers/Forms/FormControllerBase.cs

@@ -0,0 +1,26 @@
+using Microsoft.AspNetCore.Authorization;
+using Microsoft.AspNetCore.Mvc;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using Umbraco.Cms.Web.Common.Authorization;
+using Umbraco.Cms.Web.Common.Routing;
+using Umbraco.Forms.Core.Services;
+
+namespace Umbraco.Forms.Integrations.Crm.ActiveCampaign.Api.Management.Controllers.Forms
+{
+    [BackOfficeRoute($"{Constants.ManagementApi.RootPath}/v{{version:apiVersion}}/forms")]
+    [ApiExplorerSettings(GroupName = Constants.ManagementApi.AccountsGroupName)]
+    [Authorize(Policy = AuthorizationPolicies.BackOfficeAccess)]
+    public class FormControllerBase : ActiveCampaignControllerBase
+    {
+        protected readonly IFormService FormService;
+
+        public FormControllerBase(IFormService formService)
+        {
+            FormService = formService;
+        }
+    }
+}

src/Umbraco.Forms.Integrations.Crm.ActiveCampaign/Api/Management/Controllers/Forms/GetFormFieldsController.cs

@@ -0,0 +1,35 @@
+using Microsoft.AspNetCore.Http;
+using Microsoft.AspNetCore.Mvc;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using Umbraco.Cms.Core.Actions;
+using Umbraco.Forms.Core.Models;
+using Umbraco.Forms.Core.Services;
+using Umbraco.Forms.Integrations.Crm.ActiveCampaign.Configuration;
+
+
+namespace Umbraco.Forms.Integrations.Crm.ActiveCampaign.Api.Management.Controllers.Forms
+{
+    public class GetFormFieldsController : FormControllerBase
+    {
+        public GetFormFieldsController(IFormService formService) : base(formService)
+        {
+        }
+
+        [HttpGet("fields")]
+        [ProducesResponseType(typeof(List<Field>), StatusCodes.Status200OK)]
+        public IActionResult GetFormFields(string formId)
+        {
+            List<Field> formFields = new List<Field>();
+            var result = FormService.Get(new Guid(formId));
+            if (result != null)
+            {
+                formFields = result.AllFields;
+            }
+            return Ok(formFields);
+        }
+    }
+}

src/Umbraco.Forms.Integrations.Crm.ActiveCampaign/Client/generated/services.gen.ts

@@ -3,7 +3,7 @@
 import type { CancelablePromise } from './core/CancelablePromise';
 import { OpenAPI } from './core/OpenAPI';
 import { request as __request } from './core/request';
-import type { GetAccountsResponse, CheckApiAccessResponse, GetCustomFieldsResponse, GetContactFieldsResponse } from './types.gen';
+import type { GetAccountsResponse, GetFormFieldsData, GetFormFieldsResponse, CheckApiAccessResponse, GetCustomFieldsResponse, GetContactFieldsResponse } from './types.gen';
 
 export class AccountsService {
     /**
@@ -17,6 +17,22 @@ export class AccountsService {
         });
     }
 
+    /**
+     * @param data The data for the request.
+     * @param data.formId
+     * @returns unknown OK
+     * @throws ApiError
+     */
+    public static getFormFields(data: GetFormFieldsData = {}): CancelablePromise<GetFormFieldsResponse> {
+        return __request(OpenAPI, {
+            method: 'GET',
+            url: '/umbraco/activecampaign/management/api/v1/forms/fields',
+            query: {
+                formId: data.formId
+            }
+        });
+    }
+    
 }
 
 export class ContactsService {

src/Umbraco.Forms.Integrations.Crm.ActiveCampaign/Client/generated/types.gen.ts

@@ -9,6 +9,12 @@ export type AccountDto = {
     name: string;
 };
 
+export type AllowedUploadType = {
+    type: string;
+    name: string;
+    checked: string;
+};
+
 export type ApiAccessDto = {
     readonly account: string;
     readonly isApiConfigurationValid: boolean;
@@ -29,8 +35,90 @@ export type CustomFieldDto = {
     title: string;
 };
 
+export type Field = {
+    caption: string;
+    tooltip?: string | null;
+    /**
+     * @deprecated
+     */
+    placeholder?: string | null;
+    cssClass?: string | null;
+    alias: string;
+    id: string;
+    fieldTypeId: string;
+    prevalueSourceId: string;
+    dataSourceFieldKey?: string | null;
+    containsSensitiveData: boolean;
+    mandatory: boolean;
+    regex?: string | null;
+    requiredErrorMessage?: string | null;
+    invalidErrorMessage?: string | null;
+    condition?: FieldCondition | null;
+    settings: {
+        [key: string]: (string);
+    };
+    preValues: Array<(FieldPrevalue)>;
+    allowedUploadTypes?: Array<(AllowedUploadType)> | null;
+    allowMultipleFileUploads: boolean;
+};
+
+export type FieldCondition = {
+    id: string;
+    enabled: boolean;
+    actionType: FieldConditionActionType;
+    logicType: FieldConditionLogicType;
+    rules: Array<(FieldConditionRule)>;
+};
+
+export enum FieldConditionActionType {
+    SHOW = 'Show',
+    HIDE = 'Hide'
+}
+
+export enum FieldConditionLogicType {
+    ALL = 'All',
+    ANY = 'Any'
+}
+
+export type FieldConditionRule = {
+    id: string;
+    field: string;
+    operator: FieldConditionRuleOperator;
+    value: string;
+};
+
+export enum FieldConditionRuleOperator {
+    IS = 'Is',
+    IS_NOT = 'IsNot',
+    GREATER_THEN = 'GreaterThen',
+    LESS_THEN = 'LessThen',
+    CONTAINS = 'Contains',
+    CONTAINS_IGNORE_CASE = 'ContainsIgnoreCase',
+    STARTS_WITH = 'StartsWith',
+    STARTS_WITH_IGNORE_CASE = 'StartsWithIgnoreCase',
+    ENDS_WITH = 'EndsWith',
+    ENDS_WITH_IGNORE_CASE = 'EndsWithIgnoreCase',
+    NOT_CONTAINS = 'NotContains',
+    NOT_CONTAINS_IGNORE_CASE = 'NotContainsIgnoreCase',
+    NOT_STARTS_WITH = 'NotStartsWith',
+    NOT_STARTS_WITH_IGNORE_CASE = 'NotStartsWithIgnoreCase',
+    NOT_ENDS_WITH = 'NotEndsWith',
+    NOT_ENDS_WITH_IGNORE_CASE = 'NotEndsWithIgnoreCase'
+}
+
+export type FieldPrevalue = {
+    value: string;
+    caption?: string | null;
+};
+
 export type GetAccountsResponse = AccountCollectionResponseDto;
 
+export type GetFormFieldsData = {
+    formId?: string;
+};
+
+export type GetFormFieldsResponse = Array<(Field)>;
+
 export type CheckApiAccessResponse = ApiAccessDto;
 
 export type GetCustomFieldsResponse = CustomFieldCollectionResponseDto;
@@ -48,6 +136,17 @@ export type $OpenApiTs = {
             };
         };
     };
+    '/umbraco/activecampaign/management/api/v1/forms/fields': {
+        get: {
+            req: GetFormFieldsData;
+            res: {
+                /**
+                 * OK
+                 */
+                200: Array<(Field)>;
+            };
+        };
+    };
     '/umbraco/activecampaign/management/api/v1/contacts/api-access': {
         get: {
             res: {

src/Umbraco.Forms.Integrations.Crm.ActiveCampaign/Client/src/context/activecampaign.context.ts

@@ -39,6 +39,10 @@ export class ActiveCampaignContext extends UmbControllerBase {
     async getCustomFields() {
         return await this.#repository.getCustomFields();
     }
+
+    async getFormFields(id: string) {
+        return await this.#repository.getFormFields(id);
+    }
 }
 
 export default ActiveCampaignContext;

src/Umbraco.Forms.Integrations.Crm.ActiveCampaign/Client/src/lang/en.ts

@@ -7,5 +7,7 @@ export default {
         ContactMappingsDescription: `Map contact details with form fields`,
         CustomFieldMappingsLabel: `Custom Fields Mappings`,
         CustomFieldMappingsDescription: `Map contact custom fields with form fields`,
+
+        delete: "Delete"
     }
 } as UmbLocalizationDictionary;

src/Umbraco.Forms.Integrations.Crm.ActiveCampaign/Client/src/models/activecampaign.model.ts

@@ -0,0 +1,9 @@
+export interface ContactMappingValue {
+    contactField: string;
+    formField: FormFieldValue | undefined;
+}
+
+export interface FormFieldValue {
+    id: string;
+    value: string;
+}

src/Umbraco.Forms.Integrations.Crm.ActiveCampaign/Client/src/property-editor/account/account-property-editor.element.ts

@@ -16,6 +16,8 @@ export class AccountPropertyUiElement extends UmbLitElement implements UmbProper
 
   @state()
   private accounts: Array<AccountDto> | undefined = [];
+
+  
 
   constructor() {
     super();