Merge pull request #853 from topcoder-platform/MP-307_account-settings-CES-survey

MP-307 - account settings CES sprig survey -> dev

Author: vas3a

src/apps/accounts/src/config/constants.ts

@@ -0,0 +1 @@
+export const SPRIG_CES_SURVEY_ID = 'onAccountSettingsUpdate'

src/apps/accounts/src/config/index.ts

@@ -0,0 +1 @@
+export * from './constants'

src/apps/accounts/src/lib/index.ts

@@ -1,3 +1,4 @@
 export * from './accounts-swr'
 export * from './components'
 export * from './assets'
+export * from './sprig-survey'

src/apps/accounts/src/lib/sprig-survey.ts

@@ -0,0 +1,8 @@
+import { sprigTriggerForUser } from '~/libs/shared'
+import { UserProfile } from '~/libs/core'
+
+import { SPRIG_CES_SURVEY_ID } from '../config'
+
+export function triggerSprigSurvey({ userId }: UserProfile): void {
+    sprigTriggerForUser(SPRIG_CES_SURVEY_ID, userId)
+}

src/apps/accounts/src/settings/tabs/account/account-role/AccountRole.tsx

@@ -2,6 +2,7 @@ import { Dispatch, FC, SetStateAction, useState } from 'react'
 
 import { BaseModal, Button, Collapsible } from '~/libs/ui'
 import { authUrlLogout, updatePrimaryMemberRoleAsync, UserProfile } from '~/libs/core'
+import { triggerSprigSurvey } from '~/apps/accounts/src/lib'
 
 import styles from './AccountRole.module.scss'
 
@@ -35,6 +36,7 @@ const AccountRole: FC<AccountRoleProps> = (props: AccountRoleProps) => {
                 .then(() => {
                     setMemberRole(newRole)
                     setIsRoleChangeConfirmed(true)
+                    triggerSprigSurvey(props.profile)
                 })
                 .finally(() => {
                     setIsUpdating(false)

src/apps/accounts/src/settings/tabs/account/address/MemberAddress.tsx

@@ -13,6 +13,7 @@ import {
     useCountryLookup,
     UserProfile,
 } from '~/libs/core'
+import { triggerSprigSurvey } from '~/apps/accounts/src/lib'
 
 import styles from './MemberAddress.module.scss'
 
@@ -87,6 +88,7 @@ const MemberAddress: FC<MemberAddressProps> = (props: MemberAddressProps) => {
             .then(() => {
                 toast.success('Your account has been updated.', { position: toast.POSITION.BOTTOM_RIGHT })
                 setFormErrors({})
+                triggerSprigSurvey(props.profile)
             })
             .catch(() => {
                 toast.error('Something went wrong. Please try again.', { position: toast.POSITION.BOTTOM_RIGHT })

src/apps/accounts/src/settings/tabs/account/security/Security.tsx

@@ -4,7 +4,7 @@ import { KeyedMutator } from 'swr'
 import { noop } from 'lodash'
 
 import { Button, Collapsible, FormToggleSwitch, IconSolid, Tooltip } from '~/libs/ui'
-import { diceIdLogo, MFAImage, SettingSection } from '~/apps/accounts/src/lib'
+import { diceIdLogo, MFAImage, SettingSection, triggerSprigSurvey } from '~/apps/accounts/src/lib'
 import { MemberMFAStatus, updateMemberMFAStatusAsync, useMemberMFAStatus, UserProfile } from '~/libs/core'
 
 import { DiceSetupModal } from './dice-setup-modal'
@@ -39,6 +39,7 @@ const Security: FC<SecurityProps> = (props: SecurityProps) => {
             .then(() => {
                 setMFAEnabled(!mfaEnabled)
                 toast.success('Your Multi Factor Authentication (MFA) status was updated.')
+                triggerSprigSurvey(props.profile)
             })
             .catch(() => {
                 toast.error('Something went wrong. Please try again later.')

src/apps/accounts/src/settings/tabs/account/user-and-pass/UserAndPassword.tsx

@@ -17,7 +17,7 @@ import {
     UserTrait,
     UserTraits,
 } from '~/libs/core'
-import { SettingSection } from '~/apps/accounts/src/lib'
+import { SettingSection, triggerSprigSurvey } from '~/apps/accounts/src/lib'
 
 import { UserAndPassFromConfig } from './user-and-pass.form.config'
 import styles from './UserAndPassword.module.scss'
@@ -82,6 +82,7 @@ const UserAndPassword: FC<UserAndPasswordProps> = (props: UserAndPasswordProps)
                 setUserConsent(!userConsent)
                 mutateTraits()
                 toast.success('User consent updated successfully.')
+                triggerSprigSurvey(props.profile)
             })
             .catch(() => {
                 toast.error('Failed to update user consent.')

src/apps/accounts/src/settings/tabs/preferences/PreferencesTab.tsx

@@ -7,7 +7,7 @@ import { MemberEmailPreferenceAPI, updateMemberEmailPreferencesAsync, useMemberE
 import { Button, FormToggleSwitch, LoadingSpinner } from '~/libs/ui'
 import { EnvironmentConfig } from '~/config'
 
-import { EmailIcon, ForumIcon, SettingSection } from '../../../lib'
+import { EmailIcon, ForumIcon, SettingSection, triggerSprigSurvey } from '../../../lib'
 
 import { newsletters, programs, subscribeLink, unsubscribeLink } from './preferences.config'
 import styles from './PreferencesTab.module.scss'
@@ -43,6 +43,7 @@ const PreferencesTab: FC<PreferencesTabProps> = (props: PreferencesTabProps) =>
             .then(() => {
                 toast.success('Your email preferences ware updated.')
                 mutateEmailPreferencesData()
+                triggerSprigSurvey(props.profile)
             })
             .catch(() => {
                 toast.error('Something went wrong. Please try again later.')

src/apps/accounts/src/settings/tabs/tcandyou/communities/Communities.tsx

@@ -5,6 +5,7 @@ import { toast } from 'react-toastify'
 
 import { updateMemberTraitsAsync, useMemberTraits, UserProfile, UserTraits } from '~/libs/core'
 import { Button, Collapsible, FormToggleSwitch } from '~/libs/ui'
+import { triggerSprigSurvey } from '~/apps/accounts/src/lib'
 
 import { communitiesConfig } from './communities-config'
 import styles from './Communities.module.scss'
@@ -48,6 +49,7 @@ const Communities: FC<CommunitiesProps> = (props: CommunitiesProps) => {
                 setMemberCommunities(updatedCommunities)
                 mutateTraits()
                 toast.success('Communities updated successfully.')
+                triggerSprigSurvey(props.profile)
             })
             .catch(() => {
                 toast.error('Failed to update user Communities.')