MP-307 - account settings CES sprig survey

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.')

src/apps/accounts/src/settings/tabs/tcandyou/tracks/Tracks.tsx

@@ -4,7 +4,13 @@ import { toast } from 'react-toastify'
 
 import { profileContext, ProfileContextData, TC_TRACKS, updateMemberProfileAsync, UserProfile } from '~/libs/core'
 import { Collapsible, FormToggleSwitch } from '~/libs/ui'
-import { DataScienceTrackIcon, DesignTrackIcon, DevelopmentTrackIcon, SettingSection } from '~/apps/accounts/src/lib'
+import {
+    DataScienceTrackIcon,
+    DesignTrackIcon,
+    DevelopmentTrackIcon,
+    SettingSection,
+    triggerSprigSurvey,
+} from '~/apps/accounts/src/lib'
 
 import styles from './Tracks.module.scss'
 
@@ -48,6 +54,7 @@ const Tracks: FC<TracksProps> = (props: TracksProps) => {
                     } as any,
                 })
                 toast.success('Your profile has been updated.')
+                triggerSprigSurvey(props.profile)
             })
             .catch(() => {
                 toast.error('Failed to update your profile.')

src/apps/accounts/src/settings/tabs/tools/devices/Devices.tsx

@@ -20,6 +20,7 @@ import {
     SettingSection,
     SmartphoneIcon,
     TabletIcon,
+    triggerSprigSurvey,
     WearableIcon,
 } from '~/apps/accounts/src/lib'
 
@@ -176,6 +177,7 @@ const Devices: FC<DevicesProps> = (props: DevicesProps) => {
             .then(() => {
                 toast.success('Device deleted successfully')
                 setDeviceTypesData(updatedDeviceTypesData)
+                triggerSprigSurvey(props.profile)
             })
             .catch(() => {
                 toast.error('Error deleting Device')
@@ -281,6 +283,7 @@ const Devices: FC<DevicesProps> = (props: DevicesProps) => {
                             ...updatedDeviceTypesData || [],
                             deviceUpdate,
                         ])
+                        triggerSprigSurvey(props.profile)
                     })
                     .catch(() => {
                         toast.error('Error updating Device')

src/apps/accounts/src/settings/tabs/tools/service-provider/ServiceProvider.tsx

@@ -12,6 +12,7 @@ import {
     OtherServiceProviderIcon,
     SettingSection,
     TelevisionServiceProviderIcon,
+    triggerSprigSurvey,
 } from '~/apps/accounts/src/lib'
 
 import { serviceProviderTypes } from './service-provider-types.config'
@@ -155,6 +156,7 @@ const ServiceProvider: FC<ServiceProviderProps> = (props: ServiceProviderProps)
                             ...updatedServiceProviderTypesData || [],
                             serviceProviderTypeUpdate,
                         ])
+                        triggerSprigSurvey(props.profile)
                     })
                     .catch(() => {
                         toast.error('Error updating Service Provider')
@@ -183,6 +185,7 @@ const ServiceProvider: FC<ServiceProviderProps> = (props: ServiceProviderProps)
                             ...serviceProviderTypesData || [],
                             serviceProviderTypeUpdate,
                         ])
+                        triggerSprigSurvey(props.profile)
                     })
                     .catch(() => {
                         toast.error('Error adding new Service Provider')
@@ -222,6 +225,7 @@ const ServiceProvider: FC<ServiceProviderProps> = (props: ServiceProviderProps)
             .then(() => {
                 toast.success('Service Provider deleted successfully')
                 setServiceProviderTypesData(updatedServiceProviderTypesData)
+                triggerSprigSurvey(props.profile)
             })
             .catch(() => {
                 toast.error('Error deleting Service Provider')

src/apps/accounts/src/settings/tabs/tools/software/Software.tsx

@@ -5,7 +5,7 @@ import classNames from 'classnames'
 
 import { createMemberTraitsAsync, updateMemberTraitsAsync, UserProfile, UserTrait } from '~/libs/core'
 import { Button, Collapsible, ConfirmModal, IconOutline, InputSelect, InputText } from '~/libs/ui'
-import { SettingSection, SoftwareIcon } from '~/apps/accounts/src/lib'
+import { SettingSection, SoftwareIcon, triggerSprigSurvey } from '~/apps/accounts/src/lib'
 
 import { softwareTypes } from './software-types.config'
 import styles from './Software.module.scss'
@@ -144,6 +144,7 @@ const Software: FC<SoftwareProps> = (props: SoftwareProps) => {
                             ...updatedSoftwareTypesData || [],
                             softwareTypeUpdate,
                         ])
+                        triggerSprigSurvey(props.profile)
                     })
                     .catch(() => {
                         toast.error('Error updating software')
@@ -172,6 +173,7 @@ const Software: FC<SoftwareProps> = (props: SoftwareProps) => {
                             ...softwareTypesData || [],
                             softwareTypeUpdate,
                         ])
+                        triggerSprigSurvey(props.profile)
                     })
                     .catch(() => {
                         toast.error('Error adding new software')
@@ -211,6 +213,7 @@ const Software: FC<SoftwareProps> = (props: SoftwareProps) => {
             .then(() => {
                 toast.success('Software deleted successfully')
                 setSoftwareTypesData(updatedSoftwareTypesData)
+                triggerSprigSurvey(props.profile)
             })
             .catch(() => {
                 toast.error('Error deleting software')

src/apps/accounts/src/settings/tabs/tools/subscriptions/Subscriptions.tsx

@@ -5,7 +5,7 @@ import classNames from 'classnames'
 
 import { createMemberTraitsAsync, updateMemberTraitsAsync, UserProfile, UserTrait } from '~/libs/core'
 import { Button, Collapsible, ConfirmModal, IconOutline, InputText } from '~/libs/ui'
-import { SettingSection, SubscriptionsIcon } from '~/apps/accounts/src/lib'
+import { SettingSection, SubscriptionsIcon, triggerSprigSurvey } from '~/apps/accounts/src/lib'
 
 import styles from './Subscriptions.module.scss'
 
@@ -129,6 +129,7 @@ const Subscriptions: FC<SubscriptionsProps> = (props: SubscriptionsProps) => {
                             ...updatedSubscriptionsTypesData || [],
                             softwareTypeUpdate,
                         ])
+                        triggerSprigSurvey(props.profile)
                     })
                     .catch(() => {
                         toast.error('Error updating subscription')
@@ -157,6 +158,7 @@ const Subscriptions: FC<SubscriptionsProps> = (props: SubscriptionsProps) => {
                             ...subscriptionsTypesData || [],
                             softwareTypeUpdate,
                         ])
+                        triggerSprigSurvey(props.profile)
                     })
                     .catch(() => {
                         toast.error('Error adding new subscription')
@@ -196,6 +198,7 @@ const Subscriptions: FC<SubscriptionsProps> = (props: SubscriptionsProps) => {
             .then(() => {
                 toast.success('Subscription deleted successfully')
                 setSubscriptionsTypesData(updatedSubscriptionsTypesData)
+                triggerSprigSurvey(props.profile)
             })
             .catch(() => {
                 toast.error('Error deleting subscription')