project: Update Local Unit edit, validation, and delete workflow

app/src/components/domain/BaseMapPointInput/index.tsx

@@ -56,6 +56,10 @@ interface Props<NAME> extends BaseMapProps {
     readOnly?: boolean;
     required?: boolean;
     error?: ObjectError<Value>;
+    baseMapFormFieldsChanges: {
+        lat: boolean | undefined;
+        lng: boolean | undefined;
+    } | undefined;
 }
 
 function BaseMapPointInput<NAME extends string>(props: Props<NAME>) {
@@ -74,6 +78,7 @@ function BaseMapPointInput<NAME extends string>(props: Props<NAME>) {
         country,
         required,
         error,
+        baseMapFormFieldsChanges,
         ...otherProps
     } = props;
 
@@ -183,6 +188,10 @@ function BaseMapPointInput<NAME extends string>(props: Props<NAME>) {
         <div className={_cs(styles.baseMapPointInput, className)}>
             <div className={styles.locationInputs}>
                 <NumberInput
+                    inputSectionClassName={_cs(
+                        baseMapFormFieldsChanges?.lat
+                            && styles.changes,
+                    )}
                     className={styles.input}
                     name="lat"
                     label={strings.latitude}
@@ -193,6 +202,10 @@ function BaseMapPointInput<NAME extends string>(props: Props<NAME>) {
                     required={required}
                 />
                 <NumberInput
+                    inputSectionClassName={_cs(
+                        baseMapFormFieldsChanges?.lng
+                            && styles.changes,
+                    )}
                     className={styles.input}
                     name="lng"
                     label={strings.longitude}

app/src/components/domain/BaseMapPointInput/styles.module.css

@@ -3,6 +3,10 @@
     flex-direction: column;
     gap: var(--go-ui-spacing-md);
 
+    .changes {
+        background-color: var(--go-ui-color-semantic-yellow) !important;
+    }
+
     .location-inputs {
         display: flex;
         gap: var(--go-ui-spacing-sm);

app/src/utils/common.ts

@@ -1,5 +1,9 @@
 import { DEFAULT_INVALID_TEXT } from '@ifrc-go/ui/utils';
-import { isTruthyString } from '@togglecorp/fujs';
+import {
+    isDefined,
+    isNotDefined,
+    isTruthyString,
+} from '@togglecorp/fujs';
 
 import type { GoApiResponse } from '#utils/restRequest';
 
@@ -52,3 +56,40 @@ export function getFirstTruthyString(
 
     return invalidText;
 }
+
+// TODO: write tests for the function
+export function doArraysContainSameElements(
+    newArray: unknown[] | undefined,
+    oldArray: unknown[] | undefined,
+): boolean {
+    if (isNotDefined(newArray) && isNotDefined(oldArray)) {
+        return true;
+    }
+    if (isDefined(newArray) && isDefined(oldArray)) {
+        if (newArray.length !== oldArray.length) {
+            return false;
+        }
+        return newArray.every((id) => oldArray.includes(id));
+    }
+    return false;
+}
+
+// TODO: write tests for the function
+export function flattenObject<T extends Record<string, unknown>>(
+    inputObject: T,
+    prefix?: string,
+): Record<string, unknown> {
+    return Object.entries(inputObject).reduce((acc, [key, value]) => {
+        const newKey = prefix ? `${prefix}.${key}` : key;
+        if (typeof value === 'object' && value !== null && !Array.isArray(value)) {
+            return { ...acc, ...flattenObject(value as Record<string, unknown>, newKey) };
+        }
+        return { ...acc, [newKey]: value };
+    }, {} as Record<string, unknown>);
+}
+
+// TODO: write tests for the function
+export function getLastSegment(str: string, delimiter: string) {
+    const parts = str.split(delimiter);
+    return parts[parts.length - 1];
+}

app/src/views/CountryNsOverviewContextAndStructure/NationalSocietyLocalUnits/LocalUnitDeleteModal/i18n.json

@@ -0,0 +1,11 @@
+{
+    "namespace": "localUnitDeleteModal",
+    "strings": {
+        "submitLabel": "Submit",
+        "deleteSuccessMessage": "{localUnitName} has been successfully deleted.",
+        "deleteFailureMessage": "Unable to delete {localUnitName}. Please try again.",
+        "chooseDeleteReasonMessage": "Choose the reason to delete local unit.",
+        "deleteReasonExplanation": "Explain the reason why the local unit is being deleted.",
+        "deleteLocalUnitHeading": "Are you sure you want to delete \"{localUnitName}\"?"
+    }
+}