4818 Copied Submission Map Pin Delete (#1943)

* Added fixes for duplicate

* Test fixes

* Sonarqube fixes

* Remove Console

* Remove Console

* Added option to unset value propagation

---------

Co-authored-by: usingtechnology <39388115+usingtechnology@users.noreply.github.com>

Author: RyanBirtch-aot

app/frontend/src/components/designer/FormViewer.vue

@@ -189,6 +189,9 @@ const viewerOptions = computed(() => {
         getFile: getFile,
         uploadFile: uploadFile,
       },
+      map: {
+        allowExistingFeatureChanges: properties.isDuplicate,
+      },
     },
     evalContext: {
       token: tokenParsed.value,

app/frontend/tests/unit/components/designer/FormViewer.spec.js

@@ -289,6 +289,7 @@ describe('FormViewer.vue', () => {
       props: {
         formId: formId,
         displayTitle: true,
+        isDuplicate: false,
       },
       global: {
         provide: {
@@ -313,6 +314,9 @@ describe('FormViewer.vue', () => {
       },
       // pass in options for custom components to use
       componentOptions: {
+        map: {
+          allowExistingFeatureChanges: false,
+        },
         simplefile: {
           config: appStore.config,
           chefsToken: wrapper.vm.getCurrentAuthHeader,

components/src/components/Map/Component.ts

@@ -54,6 +54,11 @@ export default class Component extends (FieldComponent as any) {
 
   constructor(component, options, data) {
     super(component, options, data);
+
+    const mapOptions = this.options?.componentOptions?.map;
+    this.allowExistingFeatureChanges =
+      mapOptions?.allowExistingFeatureChanges === true;
+
     this.componentID = super.elementInfo().component.id;
   }
 
@@ -108,7 +113,6 @@ export default class Component extends (FieldComponent as any) {
 
   async loadMap() {
     this.mapContainer = document.getElementById(`map-${this.componentID}`);
-
     if (!this.mapContainer) {
       if (this.mapInitializationAttempts++ < this.maxInitializationAttempts) {
         setTimeout(() => this.loadMap(), 200);
@@ -181,6 +185,7 @@ export default class Component extends (FieldComponent as any) {
       ),
       availableBaseLayersCustom,
       recenterButton, // Pass recenter button setting to MapService
+      allowExistingFeatureChanges: this.allowExistingFeatureChanges,
     });
 
     // Now explicitly call async initialize outside constructor

components/src/components/Map/editForm/Component.edit.data.ts

@@ -1,3 +1,5 @@
+import UseForCopy from '../../Common/UseForCopy';
+
 export default {
   key: 'customData',
   label: 'Data',
@@ -11,6 +13,7 @@ export default {
       tableView: false,
       label: 'Text/Images',
     },
+    UseForCopy,
     {
       type: 'map',
       label: 'Default Value',

components/src/components/Map/services/MapService.ts

@@ -45,6 +45,7 @@ interface MapServiceOptions {
   availableBaseLayers?: string[];
   availableBaseLayersCustom?: any[];
   recenterButton?: boolean; // New option for recenter button
+  allowExistingFeatureChanges?: boolean;
 }
 
 class MapService {
@@ -113,6 +114,7 @@ class MapService {
       const { map, drawnItems, drawControl } = await this.initializeMap(
         options
       );
+
       this.map = map;
       this.drawnItems = drawnItems;
       this.drawControl = drawControl; // Store the draw control globally
@@ -175,8 +177,10 @@ class MapService {
 
         const form = document.getElementsByClassName('formio')[0];
         const isDesigner = form?.classList.contains('formbuilder') ?? false;
+        const protectExistingFeatures =
+          !isDesigner && !options.allowExistingFeatureChanges;
 
-        if (!isDesigner) {
+        if (protectExistingFeatures) {
           e.layers.eachLayer((layer) => {
             const match = this.isDefaultFeature(layer as L.Layer);
             if (match) {