diff --git a/server/vue-middleware.js b/server/vue-middleware.js index 88366eac31..d07387403b 100644 --- a/server/vue-middleware.js +++ b/server/vue-middleware.js @@ -65,6 +65,11 @@ module.exports = function createMiddleware({ device }; + // Set the first user visit to the web + if (!req.session?.firstVisit) { + req.session.firstVisit = req.url; + } + // set html response headers res.setHeader('Content-Type', 'text/html'); // Set strict cache-control headers for protected pages diff --git a/src/assets/images/thanks-page/hi-five.svg b/src/assets/images/thanks-page/hi-five.svg new file mode 100644 index 0000000000..bfb37c5822 --- /dev/null +++ b/src/assets/images/thanks-page/hi-five.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/images/thanks-page/paper-plane.svg b/src/assets/images/thanks-page/paper-plane.svg new file mode 100644 index 0000000000..b798181843 --- /dev/null +++ b/src/assets/images/thanks-page/paper-plane.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/components/Thanks/OptInExpVariation.vue b/src/components/Thanks/WhatIsNextTemplate.vue similarity index 69% rename from src/components/Thanks/OptInExpVariation.vue rename to src/components/Thanks/WhatIsNextTemplate.vue index 2c17444140..41ade3bd1e 100644 --- a/src/components/Thanks/OptInExpVariation.vue +++ b/src/components/Thanks/WhatIsNextTemplate.vue @@ -5,7 +5,7 @@

Success!

-

+

{{ headerCopy }}

@@ -43,67 +43,108 @@
-

- What to expect next: -

- -
- - @@ -167,7 +169,8 @@ import { joinArray } from '@/util/joinArray'; import ChallengeHeader from '@/components/Thanks/ChallengeHeader'; import ShareChallenge from '@/components/Thanks/ShareChallenge'; import experimentVersionFragment from '@/graphql/fragments/experimentVersion.graphql'; -import OptInExpVariation from '@/components/Thanks/OptInExpVariation'; +import WhatIsNextTemplate from '@/components/Thanks/WhatIsNextTemplate'; +import { trackExperimentVersion } from '@/util/experiment/experimentUtils'; import KvButton from '~/@kiva/kv-components/vue/KvButton'; import { fetchGoals } from '../../util/teamsUtil'; import teamsGoalsQuery from '../../graphql/query/teamsGoals.graphql'; @@ -175,6 +178,7 @@ import teamsGoalsQuery from '../../graphql/query/teamsGoals.graphql'; const hasLentBeforeCookie = 'kvu_lb'; const hasDepositBeforeCookie = 'kvu_db'; const CHALLENGE_HEADER_EXP = 'filters_challenge_header'; +const NEW_THANKS_PAGE_EXP = 'new_ty_page_minimal'; const getLoans = receipt => { const loansResponse = receipt?.items?.values ?? []; @@ -211,7 +215,7 @@ export default { ThanksPageDonationOnly, ChallengeHeader, ShareChallenge, - OptInExpVariation, + WhatIsNextTemplate, }, inject: ['apollo', 'cookieStore'], metaInfo() { @@ -237,6 +241,8 @@ export default { showChallengeHeader: false, enableMayChallengeHeader: false, showOldThanksPage: false, + optedIn: false, + enableShortVersion: false, }; }, apollo: { @@ -494,6 +500,21 @@ export default { if (landedLoan?.geocode?.country?.isoCode === 'US') { this.showOldThanksPage = true; } + + // New Thanks Page Experiment + const isUsaLoan = false; + if (!isUsaLoan) { + const { version } = trackExperimentVersion( + this.apollo, + this.$kvTrackEvent, + 'thanks', + NEW_THANKS_PAGE_EXP, + 'EXP-MP-267-Jun2024', + ); + if (version === 'b') { + this.enableShortVersion = true; + } + } }, methods: { createGuestAccount() {