homeflowjs 0.13.62 → 0.13.64

package/actions/properties.actions.js

@@ -1,4 +1,4 @@
-/* eslint-disable import/no-cycle */
+/* eslint-disable import/no-cycle, no-undef */
 import PropertiesActionTypes from './properties.types';
 import { buildQueryString } from '../search/property-search/property-search';
 import { setSearch } from './search.actions';
@@ -115,6 +115,33 @@ export const setPagination = (payload) => ({
   payload,
 });
 
+export const postPropertyView = (payload) => () => {
+  const domain = location.hostname;
+  fetch('/property_views',
+    {
+      method: 'POST',
+      mode: 'no-cors',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ property_id: payload, domain }),
+    });
+};
+
+export const postBulkPropertyExposureCreation = (payload) => () => {
+  const domain = location.hostname;
+  const exposuresPublicUrl = Homeflow.get('exposures_public_url');
+
+  if (!exposuresPublicUrl) return;
+
+  const { propertyIds, eventType } = payload;
+  fetch(`${exposuresPublicUrl}/create_many`,
+    {
+      method: 'POST',
+      mode: 'no-cors',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ property_ids: propertyIds, domain, event_type: eventType }),
+    });
+};
+
 export const loadNext = () => (dispatch, getState) => {
   dispatch(setLoading({ properties: true }));
   // set page on search to page + 1
@@ -126,6 +153,13 @@ export const loadNext = () => (dispatch, getState) => {
     .then((response) => response.json())
     .then((json) => {
       if (json.properties) {
+        // post new property ids
+        dispatch(
+          postBulkPropertyExposureCreation({
+            eventType: 'SearchResult',
+            propertyIds: json.properties.map((property) => property.property_id),
+          }),
+        );
         // add the page number to each new property for dividing properties into per-page divs
         const addedProperties = json.properties.map((property) => (
           { ...property, resultPage: newSearch.page }

package/app/hf-initialize.jsx

@@ -12,7 +12,12 @@ import bookingCalendar from '../booking-calendar/booking-calendar';
 import { setThemePreferences, setThemeSettings, setAuthenticityToken } from '../actions/app.actions';
 import { fetchUser } from '../actions/user.actions';
 import {
-  setProperties, setPagination, setProperty, setPropertyLinksAsync,
+  setProperties,
+  setPagination,
+  setProperty,
+  setPropertyLinksAsync,
+  postPropertyView,
+  postBulkPropertyExposureCreation,
 } from '../actions/properties.actions';
 import {
   setSearch, setInitialSearch, setSearchField, setPlace,
@@ -98,9 +103,21 @@ const hfInitialize = () => {
 
   const pageRoute = Homeflow.get('page_route');
 
-  // if we're on the property show page, set next and previous links
+  // if we're on the property show page: 1. set next and previous links, 2. post property view
   if (pageRoute === 'properties#show') {
+    const propertyId = Homeflow.get('property')?.property_id;
     store.dispatch(setPropertyLinksAsync());
+    store.dispatch(postPropertyView(propertyId));
+  }
+
+  if (pageRoute === 'properties#index') {
+    const propertyIds = Homeflow.get('properties')?.map((property) => property.property_id);
+    store.dispatch(
+      postBulkPropertyExposureCreation({
+        eventType: 'SearchResult',
+        propertyIds,
+      }),
+    );
   }
 
   // setting articles, pagination and topics on articles index page

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "homeflowjs",
-  "version": "0.13.62",
+  "version": "0.13.64",
   "sideEffects": [
     "modal/**/*",
     "user/default-profile/**/*",

package/properties/properties-display/properties-display.component.jsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useRef, useMemo } from 'react';
 import { connect, useSelector } from 'react-redux';
 import PropTypes from 'prop-types';
 
@@ -73,10 +73,24 @@ const PropertiesDisplay = ({
   const insertsAvailable = Array.isArray(inserts) && inserts.length > 0;
   const insertsFrequency =
     insertsAvailable && inserts[0]?.frequency > 0 ? inserts[0].frequency : null;
-  const insertsIndexMap =
-    insertsAvailable && inserts.some((insert) => insert?.index >= 0)
-      ? inserts.reduce((acc, { index }) => [...acc, index], [])
+  
+  const { propertiesInsertsMap, insertablePropertiesIDList } = useMemo(() => {
+    const propertiesLength = properties.length;
+    const validInserts = insertsAvailable
+      ? inserts.filter(({ index }) => index >= 0 && index < propertiesLength)
       : null;
+    if (validInserts) {
+      const propertiesInsertsMap = new Map();
+      for (const insert of validInserts) {
+        const property = properties[insert.index];
+        propertiesInsertsMap.set(property.property_id, insert);
+      };
+      const insertablePropertiesIDList = Array.from(propertiesInsertsMap.keys());
+
+      return { propertiesInsertsMap, insertablePropertiesIDList };
+    }
+    return {};
+  }, [properties]);
   
   const items = propertiesByPage(properties, propertiesPagination).map((page, i) => (
     <ConditionalWrapper
@@ -96,15 +110,18 @@ const PropertiesDisplay = ({
          * TODO: Allow for multiple inserts
          * This code only allows one insert from the inserts array to be show at a time
          */
-        if (insertsFrequency && (index % insertsFrequency) === 0 && index !== 0) {
+        if (insertsFrequency && index % insertsFrequency === 0 && index !== 0) {
           return (
             <React.Fragment key={property.property_id}>
               {inserts[0].component}
               <Item property={property} {...other} />
             </React.Fragment>
           );
-        } else if (insertsIndexMap && insertsIndexMap.includes(index)) {
-          const findResult = inserts.find(insert => insert?.index === index);
+        } else if (
+          insertablePropertiesIDList?.length &&
+          insertablePropertiesIDList.includes(property.property_id)
+        ) {
+          const findResult = propertiesInsertsMap.get(property.property_id);
           if (findResult) {
             return (
               <React.Fragment key={property.property_id}>
@@ -113,7 +130,7 @@ const PropertiesDisplay = ({
               </React.Fragment>
             );
           }
-        }
+        }        
 
         return (
           <Item