Add feature to allow contact field value append.

Author: acoumb

src/Umbraco.Forms.Integrations.Crm.Hubspot/App_Plugins/UmbracoForms.Integrations/Crm/Hubspot/hubspot-field-mapper-template.html

@@ -24,6 +24,7 @@
             <div class="umb-forms-mapping-header">
                 <div class="umb-forms-mapping-field -no-margin-left">Form Field</div>
                 <div class="umb-forms-mapping-field">Hubspot Field</div>
+                <div class="umb-forms-mapping-field text-center">Append when updating values</div>
                 <div class="umb-forms-mapping-remove -no-margin-right"></div>
             </div>
 
@@ -46,6 +47,14 @@
                         </select>
                     </div>
 
+                    <div class="umb-forms-mapping-field flex justify-center">
+                        <umb-checkbox name="chkAppend"
+                                      value="mapping.appendValue"
+                                      model="mapping.appendValue"
+                                      on-change="vm.stringifyValue()">
+                        </umb-checkbox>
+                    </div>
+
                     <div class="umb-forms-mapping-remove -no-margin-right">
                         <a href="" ng-click="vm.deleteMapping($index)"><i class="icon-trash"></i></a>
                     </div>

src/Umbraco.Forms.Integrations.Crm.Hubspot/App_Plugins/UmbracoForms.Integrations/Crm/Hubspot/hubspotfields.component.js

@@ -56,7 +56,7 @@ function HubSpotFieldsController($scope, $routeParams, umbracoFormsIntegrationsC
         if (!vm.setting.value) {
             vm.mappings = [];
         } else {
-            vm.mappings = JSON.parse(vm.setting.value);
+            vm.getParsedMappings();
         }
 
         umbracoFormsIntegrationsCrmHubspotResource.isAuthorizationConfigured().then(function (response) {
@@ -178,7 +178,8 @@ function HubSpotFieldsController($scope, $routeParams, umbracoFormsIntegrationsC
         // Add new empty object into the mappings array.
         vm.mappings.push({
             formField: "",
-            hubspotField: ""
+            hubspotField: "",
+            appendValue: false
         });
     };
 
@@ -190,4 +191,14 @@ function HubSpotFieldsController($scope, $routeParams, umbracoFormsIntegrationsC
     vm.stringifyValue = function () {
         vm.setting.value = JSON.stringify(vm.mappings);
     };
+
+    vm.getParsedMappings = function () {
+        var mappings = JSON.parse(vm.setting.value);
+        vm.mappings = mappings.map(mappingObj => {
+            if (mappingObj.appendValue === undefined) {
+                mappingObj.appendValue = false;
+            }
+            return mappingObj;
+        });
+    }
 }

src/Umbraco.Forms.Integrations.Crm.Hubspot/Models/MappedProperty.cs

@@ -9,5 +9,8 @@ public class MappedProperty
 
         [JsonProperty(PropertyName = "hubspotField")]
         public string HubspotField { get; set; }
+
+        [JsonProperty(PropertyName = "appendValue")]
+        public bool AppendValue { get; set; }
     }
 }

src/Umbraco.Forms.Integrations.Crm.Hubspot/Services/HubspotContactService.cs

@@ -160,7 +160,9 @@ public async Task<CommandResult> PostContactAsync(Record record, List<MappedProp
                 var recordField = record.GetRecordField(Guid.Parse(fieldId));
                 if (recordField != null)
                 {
-                    var value = recordField.ValuesAsHubspotString(false);
+                    var value = _settings.AllowContactUpdate && mapping.AppendValue
+                        ? ";" + recordField.ValuesAsHubspotString(false)
+                        : recordField.ValuesAsHubspotString(false);
 
                     propertiesRequestV1.Properties.Add(new PropertiesRequestV1.PropertyValue(mapping.HubspotField, value));
                     propertiesRequestV3.Properties.Add(mapping.HubspotField, value);