| 1 |
import { INSIGHTS_HOST } from '@constants'; |
| 2 |
import { |
| 3 |
selectActivePlugins, |
| 4 |
selectAllRecommendations, |
| 5 |
selectInstalledPlugins, |
| 6 |
} from '@recommendations/selectors/plugin-search'; |
| 7 |
import { usePluginSearchStore } from '@recommendations/state/plugin-search'; |
| 8 |
import { objectFromKeys } from '@recommendations/utils/object-from-keys'; |
| 9 |
|
| 10 |
const { extSharedData, extRecommendationsData } = window; |
| 11 |
|
| 12 |
const showPartnerBranding = !!( |
| 13 |
extRecommendationsData?.showPartnerBranding && extSharedData?.partnerLogo |
| 14 |
); |
| 15 |
|
| 16 |
const stores = { |
| 17 |
'plugin-search': usePluginSearchStore, |
| 18 |
}; |
| 19 |
|
| 20 |
const validSlots = Object.keys(stores); |
| 21 |
|
| 22 |
export const getRecommendation = ({ product, slot = 'plugin-search' }) => { |
| 23 |
const state = stores[slot].getState(); |
| 24 |
const recommendations = selectAllRecommendations(state).map( |
| 25 |
(recommendation) => |
| 26 |
objectFromKeys(recommendation, [ |
| 27 |
'slug', |
| 28 |
'title', |
| 29 |
'description', |
| 30 |
'ctaContent', |
| 31 |
'ctaType', |
| 32 |
'triggerContent', |
| 33 |
'triggerType', |
| 34 |
]), |
| 35 |
); |
| 36 |
|
| 37 |
return recommendations.find( |
| 38 |
(recommendation) => recommendation.slug === product, |
| 39 |
)?.slug; |
| 40 |
}; |
| 41 |
|
| 42 |
export const recordActivity = ({ slot, event, product }) => { |
| 43 |
if (!event || !validSlots.includes(slot)) { |
| 44 |
return; |
| 45 |
} |
| 46 |
|
| 47 |
const state = stores[slot].getState(); |
| 48 |
|
| 49 |
const installedPlugins = selectInstalledPlugins(state); |
| 50 |
const activePlugins = selectActivePlugins(state); |
| 51 |
const recommendations = selectAllRecommendations(state).map( |
| 52 |
(recommendation) => |
| 53 |
objectFromKeys(recommendation, [ |
| 54 |
'slug', |
| 55 |
'title', |
| 56 |
'description', |
| 57 |
'ctaContent', |
| 58 |
'ctaType', |
| 59 |
'triggerContent', |
| 60 |
'triggerType', |
| 61 |
]), |
| 62 |
); |
| 63 |
const recommendation = recommendations.find( |
| 64 |
(recommendation) => recommendation.slug === product, |
| 65 |
)?.slug; |
| 66 |
|
| 67 |
const payload = { |
| 68 |
event: event, |
| 69 |
timestamp: new Date().toISOString(), |
| 70 |
slot, |
| 71 |
recommendation, |
| 72 |
recommendations, |
| 73 |
recommendationsLimit: state.recommendationsLimit, |
| 74 |
query: decodeURIComponent(state.query), |
| 75 |
searchResults: state.searchPlugins, |
| 76 |
searchResultsLimit: state.searchPluginsLimit, |
| 77 |
installedPlugins, |
| 78 |
activePlugins, |
| 79 |
partnerBrandingEnabled: showPartnerBranding, |
| 80 |
partnerId: extSharedData.partnerId, |
| 81 |
siteId: extSharedData.siteId, |
| 82 |
wpVersion: extSharedData.wpVersion, |
| 83 |
wpLocale: extSharedData.wpLanguage, |
| 84 |
extendifyVersion: extSharedData.version, |
| 85 |
devbuild: extSharedData.devbuild, |
| 86 |
}; |
| 87 |
|
| 88 |
const controller = new AbortController(); |
| 89 |
|
| 90 |
window.setTimeout(() => { |
| 91 |
controller.abort(); |
| 92 |
}, 900); |
| 93 |
|
| 94 |
fetch(`${INSIGHTS_HOST}/api/v1/recommendations/activity`, { |
| 95 |
method: 'POST', |
| 96 |
headers: { |
| 97 |
Accept: 'application/json', |
| 98 |
'Content-Type': 'application/json', |
| 99 |
'X-Extendify-Site-ID': extSharedData.siteId, |
| 100 |
}, |
| 101 |
signal: controller.signal, |
| 102 |
body: JSON.stringify(payload), |
| 103 |
}).catch(() => null); |
| 104 |
}; |
| 105 |
|
