chore: Add documentation for Maxmind geocoder setup (#1518)

app/javascript/dashboard/i18n/locale/en/contact.json

@@ -11,6 +11,7 @@
     "OS": "Operating System",
     "INITIATED_FROM": "Initiated from",
     "INITIATED_AT": "Initiated at",
+    "IP_ADDRESS": "IP Address",
     "CONVERSATIONS": {
       "NO_RECORDS_FOUND": "There are no previous conversations associated to this contact.",
       "TITLE": "Previous Conversations"

app/javascript/dashboard/routes/dashboard/conversation/ContactPanel.vue

@@ -11,6 +11,12 @@
         :value="location"
         icon="ion-map"
       />
+      <contact-details-item
+        v-if="ipAddress"
+        :title="$t('CONTACT_PANEL.IP_ADDRESS')"
+        :value="ipAddress"
+        icon="ion-android-locate"
+      />
       <contact-details-item
         v-if="browser.browser_name"
         :title="$t('CONTACT_PANEL.BROWSER')"
@@ -106,6 +112,12 @@ export default {
       return `${this.browser.browser_name || ''} ${this.browser
         .browser_version || ''}`;
     },
+    ipAddress() {
+      const {
+        additional_attributes: { created_at_ip: createdAtIp },
+      } = this.contact;
+      return createdAtIp;
+    },
     location() {
       const {
         additional_attributes: {