From 5727652a4d284480e232ebc41a13c2365a2249b1 Mon Sep 17 00:00:00 2001
From: Abhishek P Anil <abhishek@culturecreates.com>
Date: Mon, 2 Sep 2024 11:48:24 +0530
Subject: [PATCH 1/3] chore: added data-cy attributes for tabs

---
 src/components/BilingualInput/BilingualInput.jsx | 4 ++--
 src/pages/Dashboard/Settings/Settings.jsx        | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/BilingualInput/BilingualInput.jsx b/src/components/BilingualInput/BilingualInput.jsx
index c194cd8aa..7a127ce75 100644
--- a/src/components/BilingualInput/BilingualInput.jsx
+++ b/src/components/BilingualInput/BilingualInput.jsx
@@ -52,7 +52,7 @@ function BilingualInput(props) {
 
   const items = [
     {
-      label: labelFr,
+      label: <span data-cy="tab-french-title">{labelFr}</span>,
       key: 'fr',
       forceRender: true,
       children: (
@@ -65,7 +65,7 @@ function BilingualInput(props) {
       ),
     },
     {
-      label: labelEn,
+      label: <span data-cy="tab-english-title">{labelEn}</span>,
       key: 'en',
       forceRender: true,
       children: (
diff --git a/src/pages/Dashboard/Settings/Settings.jsx b/src/pages/Dashboard/Settings/Settings.jsx
index 52fa2ee5b..32514449e 100644
--- a/src/pages/Dashboard/Settings/Settings.jsx
+++ b/src/pages/Dashboard/Settings/Settings.jsx
@@ -75,28 +75,28 @@ const Settings = () => {
 
   const items = [
     {
-      label: t('dashboard.settings.tab1'),
+      label: <span data-cy="tab-user-management">{t('dashboard.settings.tab1')}</span>,
       key: '1',
       children: <UserManagement tabKey={tabKey} />,
       disabled: false,
       adminOnly: false,
     },
     {
-      label: t('dashboard.settings.tab2'),
+      label: <span data-cy="tab-widget-settings">{t('dashboard.settings.tab2')}</span>,
       key: '2',
       children: <WidgetSettings tabKey={tabKey} setDirtyStatus={setIsFormDirty} />,
       disabled: false,
       adminOnly: true,
     },
     {
-      label: t('dashboard.settings.tab3'),
+      label: <span data-cy="tab-calendar-settings">{t('dashboard.settings.tab3')}</span>,
       key: '3',
       children: currentCalendarData && <CalendarSettings tabKey={tabKey} setDirtyStatus={setIsFormDirty} />,
       disabled: false,
       adminOnly: true,
     },
     {
-      label: t('dashboard.settings.tab4'),
+      label: <span data-cy="tab-mandatory-fields">{t('dashboard.settings.tab4')}</span>,
       key: '4',
       children: <MandatoryFields tabKey={tabKey} setDirtyStatus={setIsFormDirty} />,
       disabled: false,

From 43b63d4a4f845e703f35d5376fe4be8bb9ace127 Mon Sep 17 00:00:00 2001
From: Abhishek P Anil <abhishek@culturecreates.com>
Date: Mon, 2 Sep 2024 13:12:28 +0530
Subject: [PATCH 2/3] chore: specific data-cy attributes added for each
 bilingual field

---
 .../BilingualInput/BilingualInput.jsx         |  4 ++--
 .../BilingualTextEditor.jsx                   |  2 +-
 .../DraggableTree/DraggableTree.jsx           |  2 +-
 .../QuickCreateOrganization.jsx               |  2 +-
 .../QuickCreatePerson/QuickCreatePerson.jsx   |  2 +-
 .../QuickCreatePlace/QuickCreatePlace.jsx     |  2 +-
 src/constants/calendarSettingsForm.js         |  2 +-
 src/constants/formFields.js                   |  2 +-
 src/pages/Dashboard/AddEvent/AddEvent.jsx     | 16 +++++++------
 .../Dashboard/AddTaxonomy/AddTaxonomy.jsx     |  7 ++++--
 .../CreateNewPlace/CreateNewPlace.jsx         | 23 ++++++++++++-------
 11 files changed, 38 insertions(+), 26 deletions(-)

diff --git a/src/components/BilingualInput/BilingualInput.jsx b/src/components/BilingualInput/BilingualInput.jsx
index 7a127ce75..055107c2f 100644
--- a/src/components/BilingualInput/BilingualInput.jsx
+++ b/src/components/BilingualInput/BilingualInput.jsx
@@ -52,7 +52,7 @@ function BilingualInput(props) {
 
   const items = [
     {
-      label: <span data-cy="tab-french-title">{labelFr}</span>,
+      label: <span data-cy={`tab-${props.fieldName}-french`}>{labelFr}</span>,
       key: 'fr',
       forceRender: true,
       children: (
@@ -65,7 +65,7 @@ function BilingualInput(props) {
       ),
     },
     {
-      label: <span data-cy="tab-english-title">{labelEn}</span>,
+      label: <span data-cy={`tab-${props.fieldName}-english`}>{labelEn}</span>,
       key: 'en',
       forceRender: true,
       children: (
diff --git a/src/components/BilingualTextEditor/BilingualTextEditor.jsx b/src/components/BilingualTextEditor/BilingualTextEditor.jsx
index 76df81a2d..f788b5b1c 100644
--- a/src/components/BilingualTextEditor/BilingualTextEditor.jsx
+++ b/src/components/BilingualTextEditor/BilingualTextEditor.jsx
@@ -14,7 +14,7 @@ function BilingualTextEditor(props) {
 
   return (
     <ContentLanguageInput calendarContentLanguage={calendarContentLanguage}>
-      <BilingualInput fieldData={data}>
+      <BilingualInput fieldData={data} fieldName={name}>
         <TextEditor
           formName={[`${name}`, 'fr']}
           key={contentLanguage.FRENCH}
diff --git a/src/components/DraggableTree/DraggableTree.jsx b/src/components/DraggableTree/DraggableTree.jsx
index f7c6a112e..519add48b 100644
--- a/src/components/DraggableTree/DraggableTree.jsx
+++ b/src/components/DraggableTree/DraggableTree.jsx
@@ -458,7 +458,7 @@ const DraggableTree = ({
           <div className="add-new-concept-wrapper">
             <Form.Item label={t('dashboard.taxonomy.addNew.concepts.conceptName')}>
               <ContentLanguageInput calendarContentLanguage={calendarContentLanguage}>
-                <BilingualInput fieldData={newConceptName}>
+                <BilingualInput fieldData={newConceptName} fieldName="concept-name">
                   <Form.Item
                     name="frenchconcept"
                     key={contentLanguage.FRENCH}
diff --git a/src/components/Modal/QuickCreateOrganization/QuickCreateOrganization.jsx b/src/components/Modal/QuickCreateOrganization/QuickCreateOrganization.jsx
index fd43606ef..7d1f6bba5 100644
--- a/src/components/Modal/QuickCreateOrganization/QuickCreateOrganization.jsx
+++ b/src/components/Modal/QuickCreateOrganization/QuickCreateOrganization.jsx
@@ -303,7 +303,7 @@ function QuickCreateOrganization(props) {
                   </Col>
                 </Row>
                 <ContentLanguageInput calendarContentLanguage={calendarContentLanguage}>
-                  <BilingualInput defaultTab={interfaceLanguage}>
+                  <BilingualInput defaultTab={interfaceLanguage} fieldName="organization-name">
                     <Form.Item
                       name="french"
                       key={contentLanguage.FRENCH}
diff --git a/src/components/Modal/QuickCreatePerson/QuickCreatePerson.jsx b/src/components/Modal/QuickCreatePerson/QuickCreatePerson.jsx
index 51194cc95..ffbf94d77 100644
--- a/src/components/Modal/QuickCreatePerson/QuickCreatePerson.jsx
+++ b/src/components/Modal/QuickCreatePerson/QuickCreatePerson.jsx
@@ -274,7 +274,7 @@ function QuickCreatePerson(props) {
                     </Col>
                   </Row>
                   <ContentLanguageInput calendarContentLanguage={calendarContentLanguage}>
-                    <BilingualInput defaultTab={interfaceLanguage}>
+                    <BilingualInput defaultTab={interfaceLanguage} fieldName="person-name">
                       <Form.Item
                         name="french"
                         key={contentLanguage.FRENCH}
diff --git a/src/components/Modal/QuickCreatePlace/QuickCreatePlace.jsx b/src/components/Modal/QuickCreatePlace/QuickCreatePlace.jsx
index 06e0c232f..16ff15ab4 100644
--- a/src/components/Modal/QuickCreatePlace/QuickCreatePlace.jsx
+++ b/src/components/Modal/QuickCreatePlace/QuickCreatePlace.jsx
@@ -344,7 +344,7 @@ function QuickCreatePlace(props) {
                       </span>
                     </Col>
                   </Row>
-                  <ContentLanguageInput calendarContentLanguage={calendarContentLanguage}>
+                  <ContentLanguageInput calendarContentLanguage={calendarContentLanguage} fieldName="place-name">
                     <BilingualInput defaultTab={interfaceLanguage}>
                       <Form.Item
                         name="french"
diff --git a/src/constants/calendarSettingsForm.js b/src/constants/calendarSettingsForm.js
index b1a24e1a9..1486fbc4d 100644
--- a/src/constants/calendarSettingsForm.js
+++ b/src/constants/calendarSettingsForm.js
@@ -151,7 +151,7 @@ export const calendarSettingsFormFields = {
         };
 
         return (
-          <BilingualInput fieldData={fieldData}>
+          <BilingualInput fieldData={fieldData} fieldName="calendar-name">
             <Form.Item name="calendarNameFr">
               <TextArea
                 autoSize
diff --git a/src/constants/formFields.js b/src/constants/formFields.js
index ce8d86e14..90e2e3fe9 100644
--- a/src/constants/formFields.js
+++ b/src/constants/formFields.js
@@ -116,7 +116,7 @@ export const formFieldValue = [
               en: form.isFieldTouched(name?.concat(['en'])),
               fr: form.isFieldTouched(name?.concat(['fr'])),
             }}>
-            <BilingualInput fieldData={data}>
+            <BilingualInput fieldData={data} fieldName={name}>
               <Form.Item
                 name={[`${name}`, 'fr']}
                 key={contentLanguage.FRENCH}
diff --git a/src/pages/Dashboard/AddEvent/AddEvent.jsx b/src/pages/Dashboard/AddEvent/AddEvent.jsx
index c7891b132..6600b9ac7 100644
--- a/src/pages/Dashboard/AddEvent/AddEvent.jsx
+++ b/src/pages/Dashboard/AddEvent/AddEvent.jsx
@@ -2176,7 +2176,7 @@ function AddEvent() {
                 <ContentLanguageInput
                   calendarContentLanguage={calendarContentLanguage}
                   isFieldsDirty={{ en: form.isFieldTouched('english'), fr: form.isFieldTouched('french') }}>
-                  <BilingualInput fieldData={eventData?.name}>
+                  <BilingualInput fieldData={eventData?.name} fieldName="event-title">
                     <Form.Item
                       name="french"
                       key={contentLanguage.FRENCH}
@@ -3005,7 +3005,9 @@ function AddEvent() {
                     en: form.isFieldTouched('englishVirtualLocation'),
                     fr: form.isFieldTouched('frenchVirtualLocation'),
                   }}>
-                  <BilingualInput fieldData={initialVirtualLocation && initialVirtualLocation[0]?.name}>
+                  <BilingualInput
+                    fieldData={initialVirtualLocation && initialVirtualLocation[0]?.name}
+                    fieldName="virtual-location">
                     <Form.Item
                       name="frenchVirtualLocation"
                       key={contentLanguage.FRENCH}
@@ -3125,7 +3127,7 @@ function AddEvent() {
                     en: form.isFieldTouched('englishEditor'),
                     fr: form.isFieldTouched('frenchEditor'),
                   }}>
-                  <BilingualInput fieldData={eventData?.description}>
+                  <BilingualInput fieldData={eventData?.description} fieldName="event-description">
                     <TextEditor
                       formName="frenchEditor"
                       key={contentLanguage.FRENCH}
@@ -3581,7 +3583,7 @@ function AddEvent() {
                       en: form.isFieldTouched('englishContactTitle'),
                       fr: form.isFieldTouched('frenchContactTitle'),
                     }}>
-                    <BilingualInput fieldData={eventData?.contactPoint?.name}>
+                    <BilingualInput fieldData={eventData?.contactPoint?.name} fieldName="contact-title">
                       <Form.Item
                         name="frenchContactTitle"
                         initialValue={eventData?.contactPoint?.name?.fr}
@@ -4560,7 +4562,7 @@ function AddEvent() {
                       en: form.isFieldTouched('englishAccessibilityNote'),
                       fr: form.isFieldTouched('frenchAccessibilityNote'),
                     }}>
-                    <BilingualInput fieldData={eventData?.accessibilityNote}>
+                    <BilingualInput fieldData={eventData?.accessibilityNote} fieldName="accessibility-note">
                       <Form.Item
                         name="frenchAccessibilityNote"
                         initialValue={eventData?.accessibilityNote?.fr}
@@ -4830,7 +4832,7 @@ function AddEvent() {
                   <ContentLanguageInput
                     calendarContentLanguage={calendarContentLanguage}
                     isFieldsDirty={{ en: form.isFieldTouched('prices'), fr: form.isFieldTouched('prices') }}>
-                    <BilingualInput>
+                    <BilingualInput fieldName="prices">
                       <Form.List
                         name="prices"
                         initialValue={eventData?.offerConfiguration?.prices ?? [undefined]}
@@ -4918,7 +4920,7 @@ function AddEvent() {
                       en: form.isFieldTouched('englishTicketNote'),
                       fr: form.isFieldTouched('frenchTicketNote'),
                     }}>
-                    <BilingualInput fieldData={eventData?.offerConfiguration?.name}>
+                    <BilingualInput fieldData={eventData?.offerConfiguration?.name} fieldName="ticket-note">
                       <Form.Item
                         name="frenchTicketNote"
                         key={contentLanguage.FRENCH}
diff --git a/src/pages/Dashboard/AddTaxonomy/AddTaxonomy.jsx b/src/pages/Dashboard/AddTaxonomy/AddTaxonomy.jsx
index eee344175..1403a35d7 100644
--- a/src/pages/Dashboard/AddTaxonomy/AddTaxonomy.jsx
+++ b/src/pages/Dashboard/AddTaxonomy/AddTaxonomy.jsx
@@ -369,7 +369,7 @@ const AddTaxonomyTest = () => {
                   <Col flex="423px">
                     <Form.Item label={t('dashboard.taxonomy.addNew.name')} required data-cy="form-item-taxonomy-name">
                       <ContentLanguageInput calendarContentLanguage={calendarContentLanguage}>
-                        <BilingualInput fieldData={taxonomyData?.name}>
+                        <BilingualInput fieldData={taxonomyData?.name} fieldName="taxonomy-name">
                           <Form.Item
                             name="frenchName"
                             key={contentLanguage.FRENCH}
@@ -448,7 +448,10 @@ const AddTaxonomyTest = () => {
                       label={t('dashboard.taxonomy.addNew.description')}
                       data-cy="form-item-taxonomy-description-title">
                       <ContentLanguageInput calendarContentLanguage={calendarContentLanguage}>
-                        <BilingualInput fieldData={taxonomyData?.disambiguatingDescription} key="description">
+                        <BilingualInput
+                          fieldData={taxonomyData?.disambiguatingDescription}
+                          key="description"
+                          fieldName="taxonomy-description">
                           <Form.Item
                             name="frenchdescription"
                             key={contentLanguage.FRENCH}
diff --git a/src/pages/Dashboard/CreateNewPlace/CreateNewPlace.jsx b/src/pages/Dashboard/CreateNewPlace/CreateNewPlace.jsx
index f4186cd02..674690126 100644
--- a/src/pages/Dashboard/CreateNewPlace/CreateNewPlace.jsx
+++ b/src/pages/Dashboard/CreateNewPlace/CreateNewPlace.jsx
@@ -1408,7 +1408,8 @@ function CreateNewPlace() {
                           : externalCalendarEntityId &&
                             externalCalendarEntityData?.length > 0 &&
                             externalCalendarEntityData[0]?.name
-                      }>
+                      }
+                      fieldName="place-name">
                       <Form.Item
                         data-cy="form-item-place-name-french"
                         name={formFieldNames.FRENCH}
@@ -1586,7 +1587,8 @@ function CreateNewPlace() {
                           : externalCalendarEntityId &&
                             externalCalendarEntityData?.length > 0 &&
                             externalCalendarEntityData[0].disambiguatingDescription
-                      }>
+                      }
+                      fieldName="place-disambiguating-description">
                       <Form.Item
                         name={formFieldNames.DISAMBIGUATING_DESCRIPTION_FRENCH}
                         key={contentLanguage.FRENCH}
@@ -1699,7 +1701,8 @@ function CreateNewPlace() {
                           : externalCalendarEntityId &&
                             externalCalendarEntityData?.length > 0 &&
                             externalCalendarEntityData[0].description
-                      }>
+                      }
+                      fieldName="place-description">
                       <TextEditor
                         data-cy="editor-place-description-french"
                         formName={formFieldNames.EDITOR_FRENCH}
@@ -2031,7 +2034,8 @@ function CreateNewPlace() {
                           : externalCalendarEntityId &&
                             externalCalendarEntityData?.length > 0 &&
                             externalCalendarEntityData[0]?.address?.streetAddress
-                      }>
+                      }
+                      fieldName="address-title">
                       <Form.Item
                         name={formFieldNames.STREET_ADDRESS_FRENCH}
                         key={contentLanguage.FRENCH}
@@ -2146,7 +2150,8 @@ function CreateNewPlace() {
                           : externalCalendarEntityId &&
                             externalCalendarEntityData?.length > 0 &&
                             externalCalendarEntityData[0]?.address?.addressLocality
-                      }>
+                      }
+                      fieldName="place-city">
                       <Form.Item
                         name={formFieldNames.CITY_FRENCH}
                         key={contentLanguage.FRENCH}
@@ -2281,7 +2286,8 @@ function CreateNewPlace() {
                               : externalCalendarEntityId &&
                                 externalCalendarEntityData?.length > 0 &&
                                 externalCalendarEntityData[0]?.address?.addressRegion
-                          }>
+                          }
+                          fieldName="place-province">
                           <Form.Item
                             name={formFieldNames.PROVINCE_FRENCH}
                             key={contentLanguage.FRENCH}
@@ -2392,7 +2398,8 @@ function CreateNewPlace() {
                               : externalCalendarEntityId &&
                                 externalCalendarEntityData?.length > 0 &&
                                 externalCalendarEntityData[0]?.address?.addressCountry
-                          }>
+                          }
+                          fieldName="place-country">
                           <Form.Item
                             name={formFieldNames.COUNTRY_FRENCH}
                             key={contentLanguage.FRENCH}
@@ -3153,7 +3160,7 @@ function CreateNewPlace() {
                         en: form.isFieldTouched(formFieldNames.ACCESSIBILITY_NOTE_ENGLISH),
                         fr: form.isFieldTouched(formFieldNames.ACCESSIBILITY_NOTE_FRENCH),
                       }}>
-                      <BilingualInput fieldData={placeData?.accessibilityNote}>
+                      <BilingualInput fieldData={placeData?.accessibilityNote} fieldName="place-accessibility-note">
                         <Form.Item
                           name={formFieldNames.ACCESSIBILITY_NOTE_FRENCH}
                           initialValue={placeData?.accessibilityNote?.fr}

From cf2b3bf698944d23e289681fd86e9e3bcf97a9e9 Mon Sep 17 00:00:00 2001
From: Abhishek P Anil <abhishek@culturecreates.com>
Date: Mon, 2 Sep 2024 15:16:25 +0530
Subject: [PATCH 3/3] fix: fixed lat and long not updated closes #1294

---
 src/pages/Dashboard/CreateNewPlace/CreateNewPlace.jsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/pages/Dashboard/CreateNewPlace/CreateNewPlace.jsx b/src/pages/Dashboard/CreateNewPlace/CreateNewPlace.jsx
index 674690126..d5ecfdace 100644
--- a/src/pages/Dashboard/CreateNewPlace/CreateNewPlace.jsx
+++ b/src/pages/Dashboard/CreateNewPlace/CreateNewPlace.jsx
@@ -435,6 +435,8 @@ function CreateNewPlace() {
             languageKey,
             dynamicFields,
             containedInPlaceObj,
+            latitude,
+            longitude,
             containsPlace = [];
 
           if (calendarContentLanguage == contentLanguage.ENGLISH) languageKey = 'en';
@@ -521,6 +523,11 @@ function CreateNewPlace() {
                 };
             });
           }
+          if (values?.coordinates) {
+            const coordinates = values.coordinates.split(',');
+            latitude = coordinates[0] || undefined;
+            longitude = coordinates[1] || undefined;
+          }
 
           placeObj = {
             name: {
@@ -538,8 +545,8 @@ function CreateNewPlace() {
               containedInPlace: containedInPlaceObj,
             }),
             geo: {
-              latitude: values?.latitude,
-              longitude: values?.longitude,
+              latitude,
+              longitude,
             },
 
             ...((values?.frenchAccessibilityNote || values?.englishAccessibilityNote) && {